@import url("basic.css");
@import url("/00_common/css/pop.css");

/*-----------------------------------------------------------
Author : hyerim Park
Creative date : 2021. 05. 06
-----------------------------------------------------------*/

/* 공통 레이아웃 */
#wrap {overflow:hidden; letter-spacing:-0.2px;}

.container {position:relative; width:100%; max-width:1400px; margin:0 auto;}
.container:after {clear:both; display:block; content:"";}

.js_mobile_check {display:none; position:absolute; left:0; top:-1000px; width:1px; height:1px; line-height:1px;}

/* 슬라이드 공통 */
.slick-slider {transition:all ease-in-out .3s; box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent;}
.slick-slide {display:none; height:100%; min-height:1px; vertical-align:middle;}
.slick-list {overflow:hidden; height:100%;}
.slick-list.dragging {cursor:pointer;}
.slick-track {height:100%;}
.slick-initialized .slick-slide {display:inline-block;}
.slick-arrow.slick-hidden {display:none;}
.slick-current {display:block; opacity:1;}

/* header */
#header {position:relative; z-index:998; height:165px; border-bottom:1px solid #c5c5c5;}
#header .header_wrap {height:100%;} 
#header .header_wrap .gnb_wrap {position:relative; height:60px;} 
#header .top_util {height:105px; background:#eef0f4;}
#header .top_util:after {content:''; display:block; clear:both;} 
#header .logo {height:39px; margin-top:1.5rem; float:left; z-index:10;}
#header .logo > a {display:block;  height:100%; font-size:0; line-height:0;}
#header .logo > a img {height:100%;}

.headerBg {position: absolute; top: 5rem; left: -2000px; width: 6000px; height: 0; background: rgba(0,0,0,0.7);}
#header.mnOpen .headerBg {height: 1000vh;}

.mobile_wrap {display:none;}

/* 검색 */
#totalSearch {position:absolute; top:1.3rem; left:50%; width:18rem; height:2.5rem; border-radius:1.5rem; background:#fff; line-height:2.5rem; box-shadow:4px 4px 8px rgba(0,0,0,0.14); transform:translateX(-50%); -webkit-transform:translateX(-50%);}
#totalSearch .srchOption {position:relative; z-index:11; float:left; width:4.4rem; height:2.5rem; line-height:2.5rem; border:none; line-height:2.5rem; background:transparent; margin-left:1rem;}
#totalSearch input {float:left; width:60%; height:2.5rem; margin-left:0.5rem; padding:0; line-height:2.5rem; border:none; background:transparent; font-weight:400; color:#333;}
#totalSearch input::placeholder {color:#636363;}
#totalSearch button {position:absolute; top:0; right:-1.25rem; width:2.5rem; height:2.5rem; line-height:2.6rem; padding:0; border-radius:50%; background:#0e2c66; font-size:1.3rem; color:#fff; box-shadow:rgba(0,0,0,0.1) 5px 5px 7px; -webkit-transition:all 0.2s; -ms-transition:all 0.2s; transition:all 0.2s;}
#totalSearch button:hover,
#totalSearch button:focus {background:#081630;}

/* GNB Util */
#util {float:right; font-size:0.75rem; margin-top:1rem;}
#util ul > li {display:inline-block;}
#util ul > li + li {position:relative; padding-left:1rem;}
#util .util_list {margin-bottom:0.5rem;}
#util .util_list > li + li:before {content:""; position:absolute; left:0.3rem; top:0.5rem; width:0.25rem; height:0.25rem; background:#c0c0c0; border-radius:50%;}
#util .util_list > li.lang:before,
#util .util_list > li.lst_fs:before {display:none;}
#util .util_list > li.lang i {color:#c0c0c0;}
#util .util_list > li.lst_fs {color:#10357e;}
#util .util_list > li.lst_fs a {display:inline-block; width:1.2rem; height:1.2rem; border-radius:50%; text-align:center; line-height:1.2rem; background:#fff; border-radius:50%; margin-left:0.2rem;}
#util .link_list > li + li:before {content:""; position:absolute; left:0.5rem; top:0.3rem; width:1px; height:0.5rem; background:#c0c0c0;}
/** GNB Util:active **/
#util ul > li > a:hover,
#util ul > li > a:focus {text-decoration:underline;}

/* 상단메뉴 */
.gnb_wrap #gnb:after {clear: both; display: block; content: "";}
.gnb_wrap #gnb .dep01 {display: table; width: 98%;}
.gnb_wrap #gnb .dep01 > li {display: table-cell;}
.gnb_wrap #gnb .dep01 > li > a {position:relative; display: block; height:60px; line-height:60px; text-align: center; font-size: 0.9rem; font-weight: 600; color: #222;}
.gnb_wrap #gnb .dep01 > li > a:before {position:absolute; bottom:0.2rem; left:50%; width:7px; height:7px; background:#4b74c2; border-radius:50%; z-index:22; margin-left:-3.5px; opacity:0; -webkit-transition:0.2s; -ms-transition:0.2s; -moz-transition:0.2s; transition:0.2s; content:"";}
.gnb_wrap #gnb .dep01 > li > a span {position: relative; display: inline-block; height:60px; line-height:60px; z-index: 20;}  
.gnb_wrap #gnb .dep01 > li > a:focus:before,
.gnb_wrap #gnb .dep01 > li > a:hover:before,
.gnb_wrap #gnb .dep01 > li.active > a:before {opacity:1; bottom:0.5rem;}  
.gnb_wrap #gnb .dep01 > li.active .subMn {display: block; transition: all .2s .1s;}
.gnb_wrap #gnb .dep01 .subMn {position: absolute; left: 0; top: 60px; display: none; width: 100%; font-family:"SCDream"; z-index: 10;}
.gnb_wrap #gnb .dep01 .subMn:before {position: absolute; top: 0; left: 50%; margin-left: -500%; width: 1000%; height: 100%; box-shadow:7px 7px 8px  rgba(0,0,0,0.46); background-color: #fff; transition: all .2s .1s; -webkit-transition: all .2s .1s; content: "";}
.gnb_wrap #gnb .dep01 .subMn:after {position: absolute; top: 0; left: -100%; margin-left: 13rem; width: 100%; height: 100%; background-color: #eff0f4;  transition: all .2s .1s; -webkit-transition: all .2s .1s; content: "";}
.gnb_wrap #gnb .dep01 .subMn > .title {position: relative; position:absolute; left:0; top:2.5rem; width: 12.75rem; z-index:1;}
.gnb_wrap #gnb .dep01 .subMn > .title strong {position: relative; display:inline-block; margin-bottom:0.5rem; padding:0 0.8rem 0.5rem 0.8rem;  font-size: 1.4rem; color:#012e85; font-weight: 600;}
.gnb_wrap #gnb .dep01 .subMn > .title strong:after {position: absolute; bottom:0; left: 0; width:100%; height: 1px; background: #012e85; content: "";}
.gnb_wrap #gnb .dep01 .subMn > .title strong:before {position:absolute; left:0; top:0; width:0.5rem; height:0.5rem; background:#012e85; border-radius:50%; content:"";}
.gnb_wrap #gnb .dep01 .subMn > .title span {display: block; font-size:0.75rem; padding-left:0.8rem; color:#333; line-height: 1.1rem;}
.gnb_wrap #gnb .dep01 .subMn > .title img {margin: 1rem 0;} 
.gnb_wrap #gnb .dep02 {min-height:15rem; padding:2rem; margin-left:12.75rem; font-size:0; line-height:0;}
.gnb_wrap #gnb .dep02:after {clear: both; display: block; content: "";}
.gnb_wrap #gnb .dep02 > li {display:inline-block; width:calc(33.33% - 1.6rem); margin:0.8rem; vertical-align:top; line-height:1.2rem;} 
.gnb_wrap #gnb .dep02 > li > a {position: relative; display: block; padding: 0.5rem 1rem; width: 100%; font-weight: 700; color: #222; font-family:'SCDream'; font-size:0.8rem; text-align:center; background-color: #fff; border-radius: 0.5rem; border:1px solid #a6b3cd; transition: all .3s; -webkit-transition: all .3s;}
.gnb_wrap #gnb .dep02 > li > a[target="_blank"]:after {position: absolute; top: 50%; right: 0.5rem; margin-top: -12.5px; width: 25px; height: 25px; line-height: 25px; text-align: center; font-family: "xeicon"; color:#5778b9; content:"\e980";}
.gnb_wrap #gnb .dep02 > li.child > a {padding: 0.5rem 1.8rem 0.5rem 1rem;}
.gnb_wrap #gnb .dep02 > li.child > a:after {position: absolute; top: 50%; right: 0.5rem; margin-top: -12.5px; width: 25px; height: 25px; line-height: 25px; border-radius:50%; text-align: center; font-family: "xeicon"; color:#7f96c3; background:#eff0f4; transition: transform 0.3s; -webkit-transition: transform 0.3s; content: "\e942";}
.gnb_wrap #gnb .dep02 > li > a:hover,
.gnb_wrap #gnb .dep02 > li > a:focus,
.gnb_wrap #gnb .dep02 > li.on > a {color:#fff; background:#012e85;}
.gnb_wrap #gnb .dep02 > li.child > a:hover:after,
.gnb_wrap #gnb .dep02 > li.child > a:focus:after,
.gnb_wrap #gnb .dep02 > li.child.on > a:after{color: #345aa0; background:#fff; }
.gnb_wrap #gnb .dep02 > li.child.on > a:after{transform: rotate(180deg); -webkit-transform: rotate(180deg);}
.gnb_wrap #gnb .dep02 > li > a[target="_blank"]:hover:after,
.gnb_wrap #gnb .dep02 > li > a[target="_blank"]:focus:after,
.gnb_wrap #gnb .dep02 > li.on > a[target="_blank"]:after {color: #fff;}

.gnb_wrap #gnb .dep03 {position: relative; margin-top: 1rem; display: none;}
.gnb_wrap #gnb .dep03 > li + li {margin-top: 0.5rem;}
.gnb_wrap #gnb .dep03 > li > a {position: relative; display: block; padding-left: 1.5rem; font-size: 0.75rem; color: #444;}
.gnb_wrap #gnb .dep03 > li > a:before {position: absolute; top: 0.5rem; left: 1rem; width: 5px; height: 5px; border-radius:50%; background-color: #012e85; content: "";}
.gnb_wrap #gnb .dep03 > li > a[target="_blank"]:after {position: relative; display:inline-block; margin-left:0.2rem; font-family: "xeicon"; color:#999; content:"\e980";}
.gnb_wrap #gnb .dep03 > li > a:hover,
.gnb_wrap #gnb .dep03 > li > a:focus {color: #e24545; text-decoration: underline;}  

/* 사이트맵 */
.btn_menu {position:absolute; right:0; top:0.5rem; width:2rem; height:2rem; background:#eef0f4; border-radius:50%; padding:0.4rem 0.6rem;}
.btn_menu span {display:block; width:100%; height:2px; background:#233e73; margin:0.25rem 0 0; float:right;}
.btn_menu span:nth-child(3) {width:60%; -webkit-transition:width 0.3s; -ms-transition:width 0.3s; -moz-transition:width 0.3s; transition:width 0.3s;} 
.btn_menu:hover span:nth-child(3),
.btn_menu:focus span:nth-child(3) {width:100%;}

.popFullmenu.web {display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:#fff; z-index:999;}
.popFullmenu.web .util_list{display: none;}
.popFullmenu.web .link_list{display: none;}
.popFullmenu.web .fullmenu_wrap > h2 {display:none;}
.popFullmenu.web .fullmenu_tit a {display:none;}
.popFullmenu.web .fullmenu_wrap {position:relative; width:96%; height:90%; max-width:1550px; margin:2.5% auto 0;}
.popFullmenu.web a[target="_blank"] > span:after {content:"\e980"; display:inline-block; margin-left:0.25rem; vertical-align:middle; font-family:"xeicon"; font-weight:400;}
.popFullmenu.web a > span:before {content:""; position:absolute; left:0; bottom:0; width:0px; height:1px; background:rgba(255,255,255,0.5); -moz-transition:width .3s; -webkit-transition:width .3s; -ms-transition:width .3s; transition:width .3s;}
.popFullmenu.web .fullmenu_tit {margin-bottom:2rem; padding:1.25rem 0; border-width:1px 0; border-style:solid; border-color:#dfdfdf;}
.popFullmenu.web .fullmenu_tit h2 {font-family:"SCDream"; font-weight:700; font-size:1.5rem; line-height:1; color:#333; text-align:center;}
.popFullmenu.web .fullmenu_group {height:calc(100% - 60px);}
.popFullmenu.web .fullmenu_group .mCSB_inside > .mCSB_container {margin-right:15px;}
.popFullmenu.web .fullmenu_group .mCSB_scrollTools .mCSB_draggerContainer {left:10px;}
.popFullmenu.web .mCSB_container #gnb > ul {overflow:hidden; margin:-2rem -1rem 0; font-size:0;}
.popFullmenu.web .mCSB_container #gnb > ul > li {display:inline-block; width:20%; margin-top:2rem; padding:0 1rem; vertical-align:top; font-size:0.8rem; line-height:1.3;}
.popFullmenu.web .mCSB_container #gnb > ul > li > a {display:block; position:relative; padding:1.1rem 0.5rem 1.1rem 0; border-bottom:1px solid #dfdfdf; background:rgba(255,255,255,0.9); font-size:1.2rem; font-family:"SCDream"; font-weight:600; font-size:1rem; color:#222;}
.popFullmenu.web .mCSB_container #gnb > ul > li > a:before {content:""; display:inline-block; position:absolute; bottom:-1px; left:0; z-index:1; width:0; height:3px; background:#86cf4c; background:linear-gradient(to right, #86cf4c, #0fc796); -webkit-transition:width 0.2s; -ms-transition:width 0.2s; transition:width 0.2s;}
.popFullmenu.web .mCSB_container #gnb > ul > li > a > span:before {display:none;}
.popFullmenu.web .title {display:none !important;}
.popFullmenu.web .dep02 {min-height:12rem; padding:1rem 1rem 1rem 0;}
.popFullmenu.web .dep02 > li.child > a {padding-right:1rem;}
.popFullmenu.web .dep02 > li.child > a:after {content:"\e941"; display:inline-block; overflow:hidden; position:absolute; top:0.5rem; right:0; -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg); font-family:"xeicon"; font-size:0.85rem; line-height:1; color:#222; -webkit-transition:all 0.2s; -ms-transition:all 0.2s; transition:all 0.2s;}
.popFullmenu.web .dep02 > li.child.open > a:after {-webkit-transform:none; -ms-transform:none; transform:none;}
.popFullmenu.web .dep02 > li > a {display:block; position:relative; padding:0.45rem 0 0.45rem 0.8rem; font-family:"SCDream"; font-weight:500; font-size:0.8rem; color:#222;}
.popFullmenu.web .dep02 > li > a:before {content:""; position:absolute; left:0; top:0.8rem; width:6px; height:6px; border-radius:50%; background:#07982f;}
.popFullmenu.web .dep02 > li > ul {overflow:hidden; margin:0.5rem 0 0.5rem 0.5rem; padding:0.5rem 0.5rem 0.5rem 1rem; background:#f5f5f5;}
.popFullmenu.web .dep02 > li > ul > li > a {display:block; position:relative; padding:0.35rem 0 0.35rem 0.8rem; font-family:"SCDream"; font-weight:500; font-size:0.75rem; color:#222;}
.popFullmenu.web .dep02 > li > ul > li > a:before {content:""; display:inline-block; position:absolute; top:0.8rem; left:0; width:0.35rem; height:2px; background:#5d6b61;}
.popFullmenu.web .popUntil {position:absolute; top:2.4rem; left:0; margin:-.5rem; display:none;}
.popFullmenu.web .popUntil > li {position:relative; float:left; padding:.5rem;}
.popFullmenu.web .popUntil > li > a {position:relative; line-height:45px; font-size:.6rem;}
.popFullmenu.web .popUntil > li + li > a:before {position:absolute; top:50%; left:-.5rem; -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); width:3px; height:3px; background:#fff; content:"";}
/** 사이트맵 :action **/
.popFullmenu.web .mCSB_container > ul > li > a:hover,
.popFullmenu.web .mCSB_container > ul > li > a:focus {color:#079930;}
.popFullmenu.web .mCSB_container > ul > li > a:hover:before,
.popFullmenu.web .mCSB_container > ul > li > a:focus:before {width:100%;}
.popFullmenu.web .dep02 > li > a:hover,
.popFullmenu.web .dep02 > li > a:focus {font-weight:700; color:#079930; text-decoration:underline;}
.popFullmenu.web .dep02 > li > a:hover:after,
.popFullmenu.web .dep02 > li > a:focus:after {text-decoration:none;}
.popFullmenu.web .dep02 > li > ul > li > a:hover {text-decoration:underline;}
#fullmenuClose {position:absolute; top:0.9rem; right:1rem; font-size:1.5rem;}
#fullmenuClose > i {position:relative; -moz-transition:transform .3s; -webkit-transition:transform .3s; -ms-transition:transform .3s; transition:transform .3s;}
#fullmenuClose:focus > i,
#fullmenuClose:hover > i {-moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg);}


/* 상단팝업 있을때 */
.up_pop #gnb { padding-right:5rem; }
.up_pop .btn_menu { right:2.5rem; }

/* footer */ 
#footer {background:#eef0f4; font-size:0.75rem; padding:1rem 0 2rem;}
#footer .footer_link { width:50%; }
#footer .footer_link ul > li {display:inline-block; margin-right:1rem;}
#footer .footer_link ul > li.point a {color:#0f848e;}
#footer address {margin:1rem 0 1.5rem; padding-right:15rem;}
#footer address > span {display:block;}
#footer .srv_link {position:absolute; right:0; bottom:2.5rem;}
#footer .srv_link a {display:inline-block; color:#fff; width:7rem; height:1.85rem; line-height:1.85rem; text-align:center; -webkit-transition: background 0.3s; -ms-transition: background 0.3s; -moz-transition: background 0.3s; transition: background 0.3s;}
#footer .srv_link a.srv_link1 {background:#91a7d4; width:8rem;}
#footer .srv_link a.srv_link2 {background:#5885b4;}
#footer .srv_link a.srv_link1:hover,
#footer .srv_link a.srv_link1:focus {background:#6688cc;}
#footer .srv_link a.srv_link2:hover,
#footer .srv_link a.srv_link2:focus {background:#2e6299;}
#footer .ft_ban {position:absolute; right:0; bottom:-1rem;}

/* 사이트링크 */ 
#footer .ftBtn_wrap {position:absolute; top:-1rem; right:0; width:50%;  border-bottom:1px solid #d0d3d5; border-right:1px solid #c4cad6;}
#footer .ftBtn {position:relative; width:33.333%; float:left;} 
#footer .ftBtn button {overflow:hidden; position:relative; width:100%; height:2.5rem; padding:0; border-left:1px solid #c4cad6; font-weight:400; font-size:0.8rem; padding:0 1rem; line-height:2.5rem; color:#222; text-align:left;} 
#footer .ftBtn button span {display:block; padding-left:1.5rem; padding-right:2rem;}
#footer .ftBtn button:before {content:"\e92f"; display:block; position:absolute; top:0; bottom:0; right:1.5rem; font-family:"xeicon"; color:#666; font-size:0.6rem; margin:auto 0;}
#footer .ftBtn div {display:none; overflow-y:auto; position:absolute; z-index:10000; bottom:2.5rem;  width:100%; max-height:223px; padding:0.5rem; border:1px solid #c4cad6; border-bottom:0; background:#fff; box-shadow:0 0 8px rgba(0,0,0,0.15);}
#footer .ftBtn ul li {font-weight:400; font-size:0.7rem;} 
#footer .ftBtn ul li ul {border-top:1px solid #5d6a77;}
#footer .ftBtn ul li a {position:relative; display:block; overflow:hidden; padding:0.35rem 0.5rem 0.35rem 1rem; opacity:0.9;}
#footer .ftBtn ul li a:before {content: ""; position: absolute; left: 0.5rem; top: 0.8rem; width: 3px; height: 3px; border-radius: 50%; background: #012e85;} 
#footer .ftBtn button,
#footer .ftBtn button:before {-moz-transition:all .3s ease; -webkit-transition:all .3s ease; -ms-transition:all .3s ease; transition:all .3s ease;}
/** 사이트링크:active **/
#footer .ftBtn.on button {background:#555; color:#fff;}
#footer .ftBtn.on button:before {color:#fff;}
#footer .ftBtn.on button:before {-ms-transform:rotate(180deg); -webkit-transform:rotate(180deg); transform:rotate(180deg);}
#footer .ftBtn ul li a:hover,
#footer .ftBtn ul li a:focus,
#footer .ftBtn ul li a:active {text-decoration:underline;}
  
/* 상단이동 */
.moveTop {display:none; position:fixed; bottom:1rem; right:1rem; width:2.5rem; height:2.5rem; background:rgba(0,0,0,0.5); color:#fff; text-align:center; border-radius:50%; z-index:900;} 
.moveTop > i {display:block; font-size:1rem; line-height:2.5rem; -moz-transition:all .3s ease; -webkit-transition:all .3s ease; -ms-transition:all .3s ease; transition:all .3s ease;}
/* 상단이동  :action */
.moveTop:hover > i,
.moveTop:focus > i {-moz-transform:translateY(-5px); -webkit-transform:translateY(-5px); -ms-transform:translateY(-5px); transform:translateY(-5px);}


@media (max-width:1440px) {
	.container {width:96%;}

	/* 검색 */
	#totalSearch {left:40%;}
}

@media (max-width:1240px) {
	#header {height:60px; border-bottom:2px solid #0f848e;}
	#header .top_util {height:auto; background:#fff;}
	#header .header_wrap {height:auto;}
	#header .logo {position:absolute; left:0; top:0.6rem; margin-top:0; height:1.6rem;} 

	#totalSearch,
	#util,
	.gnb_wrap .headerBg,
	.gnb_wrap #gnb{display:none;}
		
	/* 모바일 */
	.mobile_wrap{display:block; float:right; font-size:0; line-height:0;}
	.mobile_wrap #mobile_menu {right:3rem;}
	.mobile_wrap #searchOpen {position:absolute; right:0.5rem; top:0.5rem;}
	.mobile_wrap #searchOpen a {display:block; width:2rem; height:2rem; background:#2552a8; border-radius:50%; line-height:2rem; text-align:center; color:#fff; font-size:1.2rem;}
	#mSearch{display:none; position:absolute; top:60px; left:0; width:100%; height:90px; z-index:19; background:rgba(0,0,0,0.8);}
	#mSearch .con p {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; position:relative; width:90%; margin:0 auto; padding:25px 140px 0 0}
	#mSearch .con .inputText {border-color:transparent; width:100%; background:#fff; height:39px; line-height:39px; padding:0 10px 0}
	#mSearch .con .btnSearch {position:absolute; top:25px; right:60px; width:80px; height:39px; color:#fff; background:#009eac; font-size:15px} 
	#mSearch .btnSearchClose {position:absolute; right:20px; top:25px; color:#fff; font-size:1.3rem;}
	
	/* 모바일 메뉴 */ 
	.up_pop .btn_menu{right:1.9rem;}
	.fullmenu_wrap {height:100%; background:#fff;}
	.fullmenu_wrap h2{display: none;}
	.fullmenu_group  {height:calc(100vh - 7rem);}
	.up_pop #gnb_m { padding-right:0; }
	.popFullmenu.mob {position:fixed; top:0; width:100%; height:100vh; z-index:999; background: #fff; display: none;}  
	.popFullmenu.mob .util_list {background:#eff0f4; padding:1rem 2rem 1rem 1rem;}
	.popFullmenu.mob .util_list li {position:relative; display:inline-block; font-size:0.7rem;}
	.popFullmenu.mob .util_list li + li {padding-left:1rem;}
	.popFullmenu.mob .util_list li + li:before {content:''; position:absolute; top:0.3rem; left:0.35rem; width:5px; height:5px; background:#c0c0c0; border-radius:50%;}
	.popFullmenu.mob .link_list {position:relative; height:auto; overflow:hidden;}
	.popFullmenu.mob .link_list li {display:block; width:50%; float:left; line-height:1.75rem; font-size:0.75rem; text-align:center; overflow:hidden; border-bottom:1px solid #eff0f4;} 
	.popFullmenu.mob .link_list li:nth-child(2n) {border-left:1px solid #eff0f4;}
	.popFullmenu.mob .link_list li a {display:block; background: #fff;}
	.popFullmenu.mob .link_list li a:hover,
	.popFullmenu.mob .link_list li a:focus {background:#4a5a7b; color:#fff;}
	.popFullmenu.mob .mCSB_container #gnb_m .title{display: none;}
	.popFullmenu.mob .mCSB_container #gnb_m > ul > li {border-bottom:1px solid #acb8d0;}
	.popFullmenu.mob .mCSB_container #gnb_m > ul a { display:block; }
	.popFullmenu.mob .mCSB_container #gnb_m > ul > li > a {position:relative; display:block; padding:0.5rem 1rem; font-family:"SCDream"; font-weight:600; font-size:0.9rem; -webkit-transition:0.3s; -ms-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
	.popFullmenu.mob .mCSB_container #gnb_m > ul li > a[target="_blank"]:after {position: relative; display:inline-block; margin-left:0.2rem; font-family: "xeicon"; color:#999; content:"\e980";}
	.popFullmenu.mob .mCSB_container #gnb_m > ul > li.child > a {padding-right:2.5rem;}
	.popFullmenu.mob .mCSB_container #gnb_m > ul > li.child > a:before {content:"\e942"; position:absolute; right:1rem; top:0.5rem; width:1.25rem; height:1.25rem; background:#eff0f4; border-radius:50%; font-family:'xeicon'; color:#7f96c3; text-align:center; line-height:1.25rem;}
	.popFullmenu.mob .mCSB_container #gnb_m > ul .subMn {display: none; background:#eff0f4;}
	.popFullmenu.mob .mCSB_container #gnb_m > ul .dep02 { padding:1rem;}
	.popFullmenu.mob .mCSB_container #gnb_m > ul .dep02 > li > a {position:relative; display:block; padding:0.2rem 0 0.2rem 1rem;}
	.popFullmenu.mob .mCSB_container #gnb_m > ul .dep02 > li.child > a {padding-right:2rem;}
	.popFullmenu.mob .mCSB_container #gnb_m > ul .dep02 > li.child > a:after {content:"\e913"; position:absolute; right:0; top:0.3rem; font-family:"xeicon";}
	.popFullmenu.mob .mCSB_container #gnb_m > ul .dep02 > li > a:before {content:''; position:absolute; left:0; top:0.75rem; display:block; width:5px; height:5px; background:#012e85; border-radius:50%;}
	.popFullmenu.mob .mCSB_container #gnb_m > ul .dep03 {display:none; background:#dee1eb; padding:0.8rem;}
	.popFullmenu.mob .mCSB_container #gnb_m > ul .dep03 > li > a {position:relative; padding-left:0.8rem;}
	.popFullmenu.mob .mCSB_container #gnb_m > ul .dep03 > li > a:before {content:''; position:absolute; left:0; top:0.6rem; width:0.3rem; height:1px; background:#999;}
	
	.popFullmenu.mob #fullmenuClose {position:absolute; right:0.5rem; top:0.8rem; font-size:1rem;}
	/** 모바일 메뉴 : active **/
	.popFullmenu.mob .mCSB_container #gnb_m > ul > li > a:hover,
	.popFullmenu.mob .mCSB_container #gnb_m > ul > li > a:focus,
	.popFullmenu.mob .mCSB_container #gnb_m > ul > li.on > a {background:#012e85; color:#fff;}
	.popFullmenu.mob .mCSB_container #gnb_m > ul > li.child.on > a:before {-webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); -moz-transform:rotate(180deg); transform:rotate(180deg);}
	.popFullmenu.mob .mCSB_container #gnb_m > ul .dep02 > li > a:hover,
	.popFullmenu.mob .mCSB_container #gnb_m > ul .dep02 > li > a:focus {color:#e24545; text-decoration:underline;}
	.popFullmenu.mob .mCSB_container #gnb_m > ul .dep02 > li.child.on > a:after {content:"\e91a";}
	.popFullmenu.mob .mCSB_container #gnb_m > ul .dep03 > li > a:hover,
	.popFullmenu.mob .mCSB_container #gnb_m > ul .dep03 > li > a:focus {color:#000; text-decoration:underline;}
	
	/* footer */
	#footer {padding:0 0 2rem;}
	#footer .ftBtn_wrap {position:relative; top:auto; right:auto; width:100%; margin-bottom:1rem;}
	#footer .ftBtn_wrap:after {content:''; display:block; clear:both;}
	#footer .footer_link { width:100%;}
	#footer address {margin:0.5rem 0;} 
} 
@media (max-width:960px){
	.up_pop .btn_menu{right: 2.2rem;}

	/* footer */
	#footer .srv_link,
	#footer .ft_ban {position: relative; bottom:auto; right:auto; margin-top:0.5rem;}  
}
@media (max-width:680px){
	.up_pop .btn_menu{right: 2.5rem;}

	/* footer */
	#footer .ftBtn_wrap {border-bottom:none;}
	#footer .ftBtn {width:100%;}
	#footer .ftBtn button {border-bottom: 1px solid #c4cad6;}
	#footer address { padding-right:0;} 
}