@charset "UTF-8";
@import url(/fonts/notosanskr.css);
@import url(http://fonts.googleapis.com/css?family=Roboto:300,400,700);
/* 
---------------------------------------------------------------------------------------------------------------------------------------------------------------
                                                                   요소(element) 여백 초기화
---------------------------------------------------------------------------------------------------------------------------------------------------------------
*/
*{box-sizing: border-box;}
html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, address, dl, dd, dt, ol, ul, li, form, legend, fieldset, table, caption, tbody, thead, tfoot, tr, th, td{margin:0;padding:0;border:0;font:inherit;font-weight:normal;vertical-align:middle;}
input,textarea,select,button, option{margin:0;padding:0;font:inherit;font-weight:normal;vertical-align:middle;}
button{background:none; border: none; margin: 0; padding: 0;width: auto; overflow: visible;}
textarea{resize:none;font-size: 12px; }
table{width:100%;border-collapse:collapse;border-spacing:0;}
table caption{display:none;}
ul{list-style:none;}
img,fieldset,iframe{border:none;}
address,cite,code,dfn,em,var,th{font-style:normal;font-weight:normal;}
a{text-decoration:none;}
article,aside,canvas,details,figcaption,figure, footer,header,hgroup,menu,nav,section,summary { display:block;}


.clearFix:after{content:"";display:block;clear:both;}
* html .clearFix{ zoom: 1; } /* IE6 */
*:first-child+html .clearFix { zoom: 1; } /* IE7 */

.hide{position:absolute;top:-5000px;left:-5000px;padding:0!important;line-height:0;font-size:0 !important;overflow:hidden;text-indent:-9999em;}

::-moz-selection {background: #04A4CC;color: #FFF;text-shadow: none;}
::selection {background: #04A4CC;color: #FFF;text-shadow: none;}


html, body { height:100%; color:#545861;-webkit-text-size-adjust:none;}
html {overflow-y:scroll;}
body {margin:0;color:#545861;background-position:fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
font-size:1em; font-family:'Noto Sans KR','맑은고딕', 'Malgun Gothic', 'Nanum Gothic','돋움','Dotum','Gulim'; letter-spacing:-1px; line-height:26px;  
}

h1, h2, h3, h4, h5, h6 { font-size: 1em; font-weight: normal; }
img {border:0;}
em {font-style:normal;}
table { border-collapse:collapse; }
a { outline:none;}
a:link, a:visited    {color:#4d4d4d;text-decoration: none;}
a:active             {color:#4d4d4d;text-decoration:none;}
a:hover, a:focus     {color:#f18101;text-decoration: none;}

ul { list-style: none; }
hr { clear: both;width:100%;margin:40px 0 40px;display:block;border:none;border-top:1px dotted #cdcdcd;}
legend, caption { width: 0; height: 0; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0; }
.hidden { position: absolute; width: 0; height: 0; overflow: hidden; visibility: hidden; padding: 0; font-size: 0; line-height: 0; }
button {background:none; border:none; padding:0; margin:0; cursor:pointer;}
button.btn_img img, .btn.btn_img img {vertical-align:middle;}

.clear{clear:both;height:0;width:0;}
.redText {color:#b40331;font-size:1em;font-weight:bold;}
.redTextN {color:red;font-size:1em;font-weight:normal;}/*로그인필수요소에사용*/
.greenText {color:#6eaf0d;font-size:0.9em;    line-height: .9em;}
.grayText {color:#989898;font-size:0.9em;    line-height: .9em;}
.grayTextH {color:#989898;font-size:0.9em;letter-spacing:0;}
.col {float:left;width:auto;}
.row {margin-bottom:40px;}

.thesis_on {display:block;}
.thesis_off {display:none;}

a.downloadBtn {color:#fff}
.downloadBtn {display:block;text-align: center;margin:0 0 15px;font-size: 1.2em;padding:10px 30px;color: #fff;height:50px;width:50%;max-width:300px;background-color: #a5a5a5;-webkit-background-color: #a5a5a5;-moz-background-color:#a5a5a5;border-radius: 30px;-moz-border-radius: 30px;-webkit-border-radius: 30px;}
.downloadBtn :hover{background-color: #ed6d34;-webkit-background-color: #ed6d34;-moz-background-color:#ed6d34;}

@media only screen and (max-width: 768px) { 
.downloadBtn{font-size: 1em;padding:10px 20px;height:45px;width:100%;}

}
/* 
---------------------------------------------------------------------------------------------------------------------------------------------------------------
                                                                   기본 레이아웃
---------------------------------------------------------------------------------------------------------------------------------------------------------------
*/


/* 헤더영역
--------------------------------------------------*/
	.blind{display:block;position:absolute;top:-5000px;left:0;overflow:hidden;}

	#header_wrap{position:relative;width:100%;height:125px;z-index:20;border-bottom:1px solid #ddd;}
	#header_wrap .topMenu{background-color:#f58220;width:100%;height:30px;}
	#header_wrap .topMenu .center{width:1200px;margin:0 auto;position:relative;}
	
	#header_wrap .topMenu .center ul.memberUL {width:auto;position:absolute;right:0;top:2px;}
	#header_wrap .topMenu .center ul.memberUL li{color:#fff;float:right;width:auto;margin-left:10px;padding:0 10px;line-height:25px;font-size:12px;font-family:verdana;letter-spacing:0;}


	.header:after, .gnb:after, .top_util:after, .txt_box:after, .top_util .txt_box:after, .footer:after, .f_util:after, .mark_list:after{display:block;clear:both;content:" ";}
	
	.header{position:relative;width:1200px;margin:0 auto;}
	.header h1{float:left;width:247px;height:76px;padding-top:15px;}
	.header h1 img{width:100%;}

	.header .gnb{float:right;position:relative;height:43px;z-index:30;padding-top:35px;}
	.header .gnb .menu{position:relative;float:left;width:145px;height:53px;text-align:center;}
	.header .gnb .menu:nth-child(3),.header .gnb .menu:nth-child(4){width:135px;}
	.header .gnb .menu:before{position:absolute;top:10px;right:0;display:block;width:3px;height:3px;background-color:#ddd;}
	.header .gnb .menu:first-child, .top_util .util li:first-child, .top_util .top_roll ul li:first-child, .f_util li:first-child{margin-left:0;padding-left:0;background:none;}
	.header .gnb .sub_menu{display:none;position:absolute;left:0;top:59px;border-top:1px solid #d8d8d8;z-index:30}
	.header .gnb .sub_menu ul{padding-top:17px;width:145px;height:305px;text-align:left;}
	.header .gnb .menu:nth-child(3) .sub_menu ul,.header .gnb .menu:nth-child(4) .sub_menu ul{width:135px;}
	.header .gnb .sub_menu li{padding:7px 0 7px 25px;line-height:16px;position:relative;}
	.header .gnb .sub_menu.on{background-color:#fff6ed;z-index:40}
	.header .gnb .sub_menu.on li:after { content: ''; display: block; position: absolute; width: 0; height: 2px; left: 50%; bottom: 2px; background:#ed7232; transition: 0.2s all cubic-bezier(0.21, 0.03, 0, 1);z-index:0;}
	.header .gnb .sub_menu.on li:hover:after{ left:25px; width: calc(100%  - 25px); }
	.header .gnb .sub_menu a{color:#000;font-size:.9rem;}
	.header .gnb .sub_menu.on a{color:#000;font-size:.9rem;}
	.header .gnb .sub_menu.on li:hover a{color:#ed7232;font-weight:600;}
	.header .gnb .sub_menu .line_space{width:61px;}
	.header .gnb .menu a.subject{font-size:18px !important;color:#000;}
	.header .gnb .menu.select a.subject{font-weight:bold;color:#1bb0d8;}
	 .gnb_bg{display:none;position:absolute;left:0;right:0;top:124px;width:100%;height:307px;background-color:#fff;border-top:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;z-index:10;overflow:hidden}
	 .gnb_bg .bg_wrap{position:absolute;left:50%;top:0;margin-left:-600px;width:1200px;height:280px;background: url(/skin/site/skinNew/images/menuBg.jpg) no-repeat 0 bottom;}


/* 모바일 헤더
--------------------------------------------------*/

	.cd-img-replace {display: inline-block; overflow: hidden; text-indent: 100%; white-space: nowrap; }
	.overflow-hidden { overflow: hidden; }

	.cd-main-content {position: relative;padding-top: 0;z-index: 2;-webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; transition-property: transform; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; transition-duration: 0.4s; } 
	.cd-main-content.lateral-menu-is-open {-webkit-transform: translateX(-240px); -moz-transform: translateX(-240px); -ms-transform: translateX(-240px); -o-transform: translateX(-240px); transform: translateX(-240px); } 
	@media only screen and (max-width: 1024px) { 
	.cd-main-content { padding-top: 70px; }
	}
	@media only screen and (max-width: 640px) {
	.cd-main-content { padding-top: 70px; }
	}
	@media only screen and (max-width: 375px) { 
	.cd-main-content { padding-top: 70px; }
	}

	header {display:none;position: absolute; top: 0; left: 0; height: 70px; width: 100%; background: #fff;border-bottom:1px solid #d8d8d8; z-index: 3; /* Force Hardware Acceleration in WebKit */ -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; transition-property: transform; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; transition-duration: 0.4s; } header.lateral-menu-is-open { /* translate to show the lateral menu */ -webkit-transform: translateX(-240px); -moz-transform: translateX(-240px); -ms-transform: translateX(-240px); -o-transform: translateX(-240px); transform: translateX(-240px); }
	header.is-fixed { position: fixed; }

	@media only screen and (max-width: 768px) { 
	header { height: 70px; } 
	}
	@media only screen and (max-width: 375px) { 
	header { height: 70px; } 
	}	
	
	#cd-logo { display: block; float: left; margin: 0 0 0 10px;color:#fff;}
	#cd-logo img { display: block; height:60px;}
	
	@media only screen and (max-width: 768px) { 
	#cd-logo { margin: 0 0 0 10px; }
	#cd-logo img{  height: 60px;padding-top: 10px;}
	}
	@media only screen and (max-width: 375px) { 
	#cd-logo { margin: 10px 0 0 10px; }
	#cd-logo img{  height: 45px;}
	}


	#cd-menu-trigger { position: absolute; right: 0; top: 0; height: 100%; width: 50px; background-color:#fff; }
	#cd-menu-trigger .cd-menu-text { height: 100%; text-transform: uppercase; color: #FFF; font-weight: 600; display: none; }
	#cd-menu-trigger .cd-menu-icon { display: inline-block; position: absolute; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); width: 20px; height: 2px; background-color: #000; /* these are the upper and lower lines in the menu menu */ } 
	#cd-menu-trigger .cd-menu-icon::before, #cd-menu-trigger .cd-menu-icon:after { content: ''; width: 100%; height: 100%; position: absolute; background-color: inherit; left: 0; } 
	#cd-menu-trigger .cd-menu-icon::before { bottom: 5px; } 
	#cd-menu-trigger .cd-menu-icon::after { top: 5px; } 
	#cd-menu-trigger.is-clicked .cd-menu-icon { background-color: rgba(255, 255, 255, 0); } 
	#cd-menu-trigger.is-clicked .cd-menu-icon::before, #cd-menu-trigger.is-clicked .cd-menu-icon::after { background-color: #000; } 
	#cd-menu-trigger.is-clicked .cd-menu-icon::before { bottom: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } 
	#cd-menu-trigger.is-clicked .cd-menu-icon::after { top: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } 
	@media only screen and (min-width: 768px) { 
	#cd-menu-trigger { width: 110px; padding-left: 1.25em; } 
	#cd-menu-trigger .cd-menu-text { display: inline-block; line-height: 70px; } 
	#cd-menu-trigger .cd-menu-icon { left: auto; right: 1.25em; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
	}
	#cd-lateral-nav { position: fixed; height: 100%; right: 0; top: 0; visibility: hidden; z-index: 20; width: 240px; background-color:#1e2531; overflow-y: auto; -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; -webkit-transition: -webkit-transform .4s 0s, visibility 0s .4s; -moz-transition: -moz-transform .4s 0s, visibility 0s .4s; transition: transform .4s 0s, visibility 0s .4s; /* this creates the subtle slide in animation of the navigation */ -webkit-transform: translateX(80px); -moz-transform: translateX(80px); -ms-transform: translateX(80px); -o-transform: translateX(80px); transform: translateX(80px); } 
	#cd-lateral-nav .cd-navigation { margin: 0 0 16px; } 
	#cd-lateral-nav .cd-single-item-wrapper {font-size:0.9em;} 
	#cd-lateral-nav .sub-menu {background-color:#1e2531;padding: 15px 10px; display: none;} 
	#cd-lateral-nav .sub-menu li {font-size:.9em;} 
	#cd-lateral-nav a { display: block; line-height: 2em; padding: 0 16px 0 25px; color: #ee8300; } 
	#cd-lateral-nav .sub-menu a{color:#fff;} 

	#cd-lateral-nav a.select {color:#1eb46c;font-weight:600;} 

		#cd-lateral-nav .cd-single-item-wrapper.memberBox {margin:0;height:40px;border-bottom:1px solid #ddd;} 
		#cd-lateral-nav .cd-single-item-wrapper.memberBox a{background-color:#f5f5f5;color:#444;float:left;width:120px;box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;text-align:center;line-height:40px;} 
		#cd-lateral-nav .cd-single-item-wrapper.memberBox a.first{} 


	@media only screen and (min-width: 768px) {
	#cd-lateral-nav .cd-navigation { margin: 20px 0; } 
	} 
	#cd-lateral-nav.lateral-menu-is-open { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); visibility: visible; -webkit-transition: -webkit-transform .4s 0s, visibility 0s 0s; -moz-transition: -moz-transform .4s 0s, visibility 0s 0s; transition: transform .4s 0s, visibility 0s 0s; /* smooth the scrolling on touch devices - webkit browsers */ -webkit-overflow-scrolling: touch; }
	/* style menu items which have a submenu  */ 
	#cd-lateral-nav h2{color: #f4f5f5; background-color: #2a3b5e;font-size:1.2rem;line-height:1.3rem;height:auto;padding:20px 0 20px 20px;}
	#cd-lateral-nav .item-has-children > a {color: #f3f3f3;background:#29303c; position: relative; line-height:2.5em;} 
	#cd-lateral-nav .item-has-children > a::after { content: ''; display: block; height: 11px; width: 8px; position: absolute; top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); right: 1em;  background-size: 8px 11px; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; transition-property: transform; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; transition-duration: 0.2s; } 
	#cd-lateral-nav .item-has-children > a.submenu-open {color: #fff;}	
	#cd-lateral-nav .item-has-children > a.submenu-open::after {width: 16px;height: 9px;margin-top: -4.5px;position: absolute;right: 16px;top: 8px;font-family: 'themify';background-size: contain;content: "\e64b";}	
	#cd-lateral-nav .submenu-open{background-color:#29303c;}

	#cd-lateral-nav .socials { padding: 0 32px; } 
	#cd-lateral-nav .socials:after { content: ""; display: table; clear: both; } 
	#cd-lateral-nav .socials a { height: 32px; width: 32px; float: left; padding: 0;background-repeat: no-repeat; background-size: 128px 64px; background-color: #FFF; margin-right: .5em; border-radius: 0.25em; } 
	#cd-lateral-nav .socials a.cd-twitter { background-position: 0 0; } 
	#cd-lateral-nav .socials a.cd-github { background-position: -32px 0; } 
	#cd-lateral-nav .socials a.cd-facebook { background-position: -64px 0; } 
	#cd-lateral-nav .socials a.cd-google { background-position: -96px 0; } 
	.no-touch #cd-lateral-nav .socials a:hover { background-color: #4e6361; } 
	.no-touch #cd-lateral-nav .socials a:hover.cd-twitter { background-position: 0 -32px; } 
	.no-touch #cd-lateral-nav .socials a:hover.cd-github { background-position: -32px -32px; } 
	.no-touch #cd-lateral-nav .socials a:hover.cd-facebook { background-position: -64px -32px; } 
	.no-touch #cd-lateral-nav .socials a:hover.cd-google { background-position: -96px -32px; }


/* footer
--------------------------------------------------*/


.newsBoxArea {position:relative;width:100%;padding:10px 0;}
.newsBoxArea ul {display:inline-block;width: calc(100% - 140px)}
.newsBoxArea ul li{display:inline-block;width:auto;width:20%;}
.newsBoxArea ul li img{max-width:100%;}


	.footer_wrap{width:100%;}
	.footer_wrap .inner{max-width:1200px;margin:0 auto;position:relative;}

	.footer_wrap .footer{padding:0 0 50px;background-color:#2f2f2f;}
	.footer_wrap .topgo{position:absolute;top:-40px;right:0;background-color:#6f7181;color:#fff;text-align:center;width:45px;height:45px;border-radius:5px;font-size:.9rem;padding-top:7px;line-height:1.2;}
	.footer_wrap .topgo a{color:#fff;}
	.footer_wrap .topgo i{display:block;}

	.footer_wrap .listF{display:block;background-color:#2f2f2f;padding-top:30px;}
	.footer_wrap .listF ul.terms {margin-left:15px;}
	.footer_wrap .listF ul.terms li{position:relative;display:inline-block;margin:10px 7px 10px 0 ;padding:0 12px 0 0;font-size:.9rem;}
	.footer_wrap .listF ul.terms li:after{position: absolute;top: 12px;right: 0;background-color: #fff;font-size: .8rem;content: "";width:2px;height:2px;}
	.footer_wrap .listF ul.terms li.last{background: none;}
	.footer_wrap .listF ul.terms li.last:after{display:none;}
	.footer_wrap .listF ul.terms li a{color:#fff;font-weight:300;}

	.footer_wrap .adress {color:#fff;padding:0 15px 20px;line-height:19px;font-style: normal;font-size:0.9rem;z-index:0;}
	.footer_wrap .adress strong {display:block;}
	.footer_wrap .adress span {color:#fff;letter-spacing:0;font-weight:300;font-size:.8rem;}




/* header, footer 모바일 레이아웃
--------------------------------------------------*/


	@media only screen and (max-width: 1080px) {
		header {display:block;}
		#header_wrap {display:none;}
		.footer_wrap .footer{width:100%;}

	}
	@media only screen and (max-width: 960px) {
		.footer_wrap .footer .logo {position:static;top:0;right:0;padding-left:15px;    width: 90%;}
	
	
	}
	@media only screen and (max-width: 768px) {
		.footer_wrap .siteLink{position:static; top:auto;right:auto;width:100%;border-top:1px solid #e3e3e3;background-color:#fff;}
	    .related-site-wrap {border-right:none;border-left:none;}

	}
	@media only screen and (max-width: 640px) {
	
		.footer_wrap .adress {width:100%;box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;}
		.newsBoxArea ul {display:block;width:100%;padding-left:15px;margin-top:20px;box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;}

	}
	@media only screen and (max-width: 480px) {

	}
	@media only screen and (max-width: 375px) {
		.footer_wrap .listF ul.terms li{margin:10px 7px 10px 0 ;padding:0 10px 0 0;font-size:.9rem;	}
		.footer_wrap .adress {text-align:center;}
	
	}


/* 
---------------------------------------------------------------------------------------------------------------------------------------------------------------
        메인 레이아웃
---------------------------------------------------------------------------------------------------------------------------------------------------------------
*/


	/* popup 슬라이드
	#noticePop1 .popupBox {position:relative;width:810px; height:100%;margin:0 auto;overflow-y:scroll;overflow-x:hidden;}
	.noticePop {z-index:100000;position:fixed; top:0; left:0; width:100%; height:100%; background:url(/skin/site/skinNew/images/overlay.png) repeat; text-align:center; }
	.noticePop_in {z-index:10000;position:relative; width:810px; height:700px;margin:30px auto; box-shadow:1px 1px 2px rgba(0,0,0,0.3); }
	a.closePop {position:absolute; right:-51px; top:0;padding:5px 10px;background-color:#000;color:#fff;}
	.todayClose { position:absolute; right:20px; bottom:0;font-size:13px;font-weight:bold;color:#fff; } */


	/*컨텐츠박스*/
	.content_wrap {width:100%;}
	.content_wrap .mainVisual {width:100%;height:auto;}

.swiper-container {margin-left: auto;margin-right: auto;position: relative;overflow: hidden;list-style: none;padding: 0;/* Fix of Webkit flickering */z-index: 1;}
.swiper-container-vertical > .swiper-wrapper {flex-direction: column;}
.swiper-wrapper {position: relative;width: 100%;height: 100%;z-index: 1;display: flex;transition-property: transform;box-sizing: content-box;}
.swiper-container-android .swiper-slide,.swiper-wrapper {transform: translate3d(0px, 0, 0);}
.swiper-container-multirow > .swiper-wrapper {flex-wrap: wrap;}
.swiper-container-multirow-column > .swiper-wrapper {flex-wrap: wrap;flex-direction: column;}
.swiper-container-free-mode > .swiper-wrapper {transition-timing-function: ease-out;margin: 0 auto;}
.swiper-slide {flex-shrink: 0;width: 100%;height: 100%;position: relative;transition-property: transform;}
.swiper-slide .text_box{position:absolute;top:15%;left:0;width: 100%;}
.swiper-slide .text_box .inner{width:100%;max-width:1200px;margin:0 auto;padding:20px;}
.swiper-slide .text_box .inner p{color:#fff;font-size:2rem;line-height:1.5;margin-bottom:20px;}
.swiper-slide .text_box .inner h2{color:#fff;font-size:3.8rem;line-height:1.2;font-weight:600;}
.swiper-slide img{width:100%;}
.swiper-slide img.pcImg{display:inline;}
.swiper-slide img.mobileImg{display:none;}
.swiper-slide-invisible-blank {visibility: hidden;}
.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide {height: auto;}
.swiper-container-autoheight .swiper-wrapper {align-items: flex-start;transition-property: transform, height;}
.swiper-container-css-mode > .swiper-wrapper {overflow: auto;scrollbar-width: none;/* For Firefox */-ms-overflow-style: none;/* For Internet Explorer and Edge */}
.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {display: none;}
.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {scroll-snap-align: start start;}
.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {scroll-snap-type: x mandatory;}
.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {scroll-snap-type: y mandatory;}
:root {--swiper-navigation-size: 44px;/*--swiper-navigation-color: var(--swiper-theme-color);*/}
.swiper-button-prev,.swiper-button-next {position: absolute;top: 50%;font-size:2rem;width: calc(var(--swiper-navigation-size) / 44 * 27);height: var(--swiper-navigation-size);margin-top: calc(-1 * var(--swiper-navigation-size) / 2);z-index: 10;cursor: pointer;display: flex;align-items: center;justify-content: center;}
.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled {opacity: 0.35;cursor: auto;pointer-events: none;}
.swiper-button-prev:after,
.swiper-button-next:after {font-family: 'themify';letter-spacing: 0;text-transform: none;font-variant: initial;line-height: 1;}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next {left: 10px;right: auto;}
.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {content:"\e64a";}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev {right: 10px;left: auto;}
.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {content: "\e649";}
.swiper-button-prev.swiper-button-white,.swiper-button-next.swiper-button-white {--swiper-navigation-color: #ffffff;}
.swiper-button-prev.swiper-button-black,.swiper-button-next.swiper-button-black {--swiper-navigation-color: #000000;}
.swiper-button-lock {display: none;}
.paginationWrap{position: absolute;bottom: 43%;left: 0;width: 100%;z-index: 100000;}
.swiper-pagination {width:100%;margin:0 auto;max-width:1200px;padding-left:30px;text-align: left;transition: 300ms opacity;transform: translate3d(0, 0, 0);z-index: 10;}
.swiper-pagination.swiper-pagination-hidden {opacity: 0;}
.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-container-horizontal > .swiper-pagination-bullets {width: 100%;}
.swiper-pagination-bullets-dynamic {overflow: hidden;font-size: 0;}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {transform: scale(0.33);position: relative;}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {transform: scale(1);}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {transform: scale(1);}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {transform: scale(0.66);}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {transform: scale(0.33);}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {transform: scale(0.66);}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {transform: scale(0.33);}
.swiper-pagination-bullet {width: 45px;height: 3px;display: inline-block;background:#fff;opacity: 0.2;margin-right:5px;}
button.swiper-pagination-bullet {border: none;margin: 0;padding: 0;box-shadow: none;-webkit-appearance: none;-moz-appearance: none;  appearance: none;}
.swiper-pagination-clickable .swiper-pagination-bullet {cursor: pointer;}
.swiper-pagination-bullet-active {opacity: 1;background-color:#fff}
.swiper-container-vertical > .swiper-pagination-bullets {right: 10px;top: 50%;transform: translate3d(0px, -50%, 0);}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {margin: 6px 0;display: block;}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {top: 50%;transform: translateY(-50%);width: 8px;}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {display: inline-block;transition: 200ms transform, 200ms top;}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 4px;}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {left: 50%;transform: translateX(-50%);white-space: nowrap;}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {transition: 200ms transform, 200ms left;}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {transition: 200ms transform, 200ms right;}



	#iconBox {max-width:1200px;margin:-280px auto 0;padding:40px 0;}

		.owl-carousel .owl-nav .owl-prev{padding: 1px 8px 3px 5px;position:absolute;top:70px;left:-50px;color:#fff;}
		.owl-carousel .owl-nav .owl-next{padding: 1px 5px 3px 8px;position:absolute;top:70px;right:-50px;color:#fff;}
 		.owl-carousel .owl-nav .owl-prev:before{font-family: 'themify';content: "\e64a";color:#7a7a7a;font-size:2rem;}
 		.owl-carousel .owl-nav .owl-next:before{font-family: 'themify';content: "\e649";color:#7a7a7a;font-size:2rem;}
		.owl-footer .owl-nav .owl-prev{top:10px;left:-30px;}
		.owl-footer .owl-nav .owl-next{top:10px;right:-30px;}
		.owl-footer .owl-nav .owl-prev:before,
 		.owl-footer .owl-nav .owl-next:before{font-size:1rem;}


		.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}
		.owl-carousel{display:none;width:100%;z-index:1}
		.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}
		.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
		.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}
		.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}
		.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}
		.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}
		.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}
		.owl-carousel .owl-dot,
		.owl-carousel .owl-nav .owl-next,
		.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
		.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}
		.owl-carousel.owl-loading{opacity:0;display:block}
		.owl-carousel.owl-hidden{opacity:0}
		.owl-carousel.owl-refresh .owl-item{visibility:hidden}
		.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
		.owl-carousel.owl-grab{cursor:move;cursor:grab}
		.owl-carousel.owl-rtl{direction:rtl}
		.owl-carousel.owl-rtl .owl-item{float:right}
		.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}
		.owl-carousel .owl-animated-in{z-index:0}
		.owl-carousel .owl-animated-out{z-index:1}
		.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}
		.owl-height{transition:height .5s ease-in-out}
		.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}
		.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}
		.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}
		.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}
		.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}
		.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}
		.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}
		.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}
		.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}

		.owl-theme .item{ position:relative;text-align:left;cursor:pointer;background-color:#ff8a00;color:#fff;padding:30px 30% 30px 30px;margin:10px;height: 180px;}
		.owl-theme .item.blue{background:#1659a8 url(/skin/site/skinNew/images/kookmin/main_circl_01.png) no-repeat 90% center;}
		.owl-theme .item.green{background:#6eb92b url(/skin/site/skinNew/images/kookmin/main_circl_02.png) no-repeat 90% center;}
		.owl-theme .item.orange{background:#f08101 url(/skin/site/skinNew/images/kookmin/main_circl_03.png) no-repeat 90% center;}
		.owl-theme .item a{color:#fff;}
		.owl-theme .item i{display:block;position:absolute;bottom: 25px;right: -20px;width:30%;font-size:3.2rem;}
		.owl-theme .item h2{font-size:1.4rem;font-weight:600;margin-bottom:5px;}
		.owl-theme .item p{font-size:1rem;line-height:1.2rem;font-weight:300;}
		
		.owl-footer  {height:50px;margin:15px 0;}
		.owl-footer .item {text-align:center;border:1px solid #efefef;padding:5px;height:50px;}
		.owl-footer .item img{width:auto;max-width:100%;max-height: 100%;}


 


/* 메인 모바일 레이아웃
--------------------------------------------------*/
@media only screen and (max-width: 1280px) {

	.owl-carousel .owl-nav .owl-prev{padding: 1px 8px 3px 8px;top:70px;left:0;font-size:0;}
	.owl-carousel .owl-nav .owl-next{padding: 1px 8px 3px 8px;top:70px;right:0;font-size:0;}
	.owl-carousel .owl-nav .owl-prev:before,
	.owl-carousel .owl-nav .owl-next:before{color:#fff;}


	.owl-footer .owl-nav .owl-prev,
	.owl-footer .owl-nav .owl-next{top:10px;}

	.owl-footer .owl-nav .owl-prev:before,
	.owl-footer .owl-nav .owl-next:before{color:#444;font-size:1rem;}

	#iconBox {max-width:1200px;margin:0 auto;padding:40px 0;}
	.paginationWrap{bottom: 180px;}


}
@media only screen and (max-width: 1024px) {


}
@media only screen and (max-width: 940px) {

	.swiper-slide img.pcImg{display:none;}
	.swiper-slide.bg01 {height:500px;background:url(/skin/site/skinNew/images/kookmin/visual_01.jpg) no-repeat center 0;background-size:cover;}
	.swiper-slide.bg02 {height:500px;background:url(/skin/site/skinNew/images/kookmin/visual_02.jpg) no-repeat center 0;background-size:cover;}
	.swiper-slide.bg03 {height:500px;background:url(/skin/site/skinNew/images/kookmin/visual_03.jpg) no-repeat center 0;background-size:cover;}

	.swiper-slide .text_box .inner{padding:1.5rem;}
	.swiper-slide .text_box .inner p{font-size:1.5rem;lmargin-bottom:10px;}
	.swiper-slide .text_box .inner h2{font-size:2.8rem;}

}
@media only screen and (max-width: 768px) {

}
@media only screen and (max-width: 640px) {

	.newsBoxArea ul li {width: 30%;	}



}
@media only screen and (max-width: 480px) {

	
}
@media only screen and (max-width: 375px) {
	
	


}


.PC_box{display:block;}
.MOBILE_box{display:none;}
@media only screen and (max-width: 768px) {
	.PC_box{display:none;}
	.MOBILE_box{display:block;}

}