@charset "UTF-8"; 

.clearfix:after{display:block; clear:both; content:""; visibility:hidden;}
#wrap {position:relative; width:100%; margin:0 auto}

/* container */
#container {background:#fff; position:relative; width:100%}
.sub_visual{width:100%; height:440px; margin-top:-140px; background-size:cover; background-position:center;}
.sub_visual.st00{background-image:url(../images/sub_visual01.jpg);}
.sub_visual.st01{background-image:url(../images/sub_visual01.jpg);}
.sub_visual.st02{background-image:url(../images/sub_visual02.jpg);}
.sub_visual.st03{background-image:url(../images/sub_visual03.jpg);}
.sub_visual.st04{background-image:url(../images/sub_visual04.jpg);}
.sub_visual.st05{background-image:url(../images/sub_visual05.jpg);}
.sub_visual.st06{background-image:url(../images/sub_visual06.jpg);}
.st07{width:100%; height:280px; margin-top:-140px; background-size:cover; background-position:center; background-image:url(../images/sub_visual07.jpg);}


/* header */
.header {position:relative; width:100%; height:138px; z-index:100}
.header_logo {float:left; z-index:20; width:235px; height:58px; margin-top:24px; background:url(../images/logo_header.png) no-repeat 50% 50% / 100% auto}
.header_logo a {display:block; height:100%}

.global_wrap{position:relative;z-index: 100;height:38px;line-height:37px;background:#fff;}
.global_wrap ul{float:right;margin-right: 190px;}
.global_wrap ul li{float:left;position:relative;margin:0;padding: 0 15px;font-size:14px;}
.global_wrap ul li:before{content:''; position:absolute; top:50%; left:0; display:inline-block; width:1px; height:13px; margin-top:-6px; background:#ccc}
.global_wrap ul li:first-child:before{display:none}

.Sns_inner {position:relative;max-width:1280px;margin: 0 auto;z-index: 999;}
.Sns_inner .sns_box {position:absolute;right: 15px;top: -34px;}

.Sns_inner .sns_box {margin: 0;}
.Sns_inner .sns_box:after {content:''; display:block; visibility:hidden; clear:both;}
.Sns_inner .sns_box li {margin-left:2px; padding:0; line-height:1; display:inline-block;}
.Sns_inner .sns_box li:before{content:''; position:absolute; top:50%; left:0; display:inline-block; width:0; height:13px; margin-top:-6px;}
.Sns_inner .sns_box a {overflow:hidden; display:inline-block; line-height:1;}
.Sns_inner .sns_box a:before {content:''; display:inline-block; width:30px; height:30px; background-image:url(../images/snslink.png); background-repeat:no-repeat;}
.Sns_inner .sns_box a.sns_blog:before {background-position: -2px 0;}/*SNS 블로그*/
.Sns_inner .sns_box a.sns_facebook:before {background-position: -33px 0;}/*SNS 페이스북*/
.Sns_inner .sns_box a.sns_instagram:before {background-position: -64px 0;}/*SNS 인스타그램*/
.Sns_inner .sns_box a.sns_linkedin:before {background-position: -95px 0;}/*SNS 링크드인*/
.Sns_inner .sns_box a.sns_youtube:before {background-position: -126px 0;}/*SNS 유튜브*/

@media screen and (max-width:1050px) {
	.Sns_inner{height: 0;line-height:37px; margin:38px 0 0;}
}

.gnb_wrap {position:absolute; top:38px; left:0; right:0; width:100%; z-index:15; text-align:center; letter-spacing:-.5px; background:#fff;}
.gnb_wrap.active {box-shadow:0px 4px 4px 0 rgba(0,0,0,0.1);}
.gnb_wrap:before {position:absolute; top:100px; left:0; z-index:10; display:block; width:100%; height:1px; background:#dfdfdf; content:""}
.gnb_wrap .gnb_inner {position:relative;}
.gnb_inner {max-width:1280px;margin:0 auto;}
.gnb_list {position:relative; display:table; min-height:100px; padding:35px 0 0; float:right}
.gnb:after {display:block; content:''; clear:both}
.gnb_menu {z-index: 100; position:relative; display:table-cell; width:140px; word-break:keep-all;}
.gnb_menu:after {position:absolute; top:8px; left:0; display:block; width:1px; height:16px; background:#ccc; content:''}
.gnb_menu:first-child:after {display:none}
.gnb_menu.gnb_menu_experience {width:180px}
.gnb_menu.on,.gnb_menu.selected {background:#f2f2f2}
.gnb_menu .depth1 {display:block; padding:0 20px; text-align:center; font-size:22px; color:#000; background:#fff; height:65px; white-space:nowrap}
.gnb_menu .depth1.on,.gnb_menu.selected .depth1,.gnb_menu .depth1 a:hover {color:#108ad3;}
.gnb_menu_sub {display:none; position:relative; top:0; left:0; bottom:0; width:100%; padding:20px 0 58px; color:#666; font-size:16px}
.gnb_menu_sub .depth2 {position:relative; padding:8px 5px; font-size:16px;}
.gnb_menu_sub .depth2.on,
.gnb_menu_sub .depth2 a:hover,
.gnb_menu_sub .depth2 a:active,
.gnb_menu_sub .depth2 a:focus {position:relative; color:#108ad3; text-decoration:none;}
/*.gnb_menu_sub .depth2.on a:after,
.gnb_menu_sub .depth2 a:hover:after {position:absolute; bottom:0; left:0; display:block; width:100%; height:2px; background:#108ad3; content:""}*/
.gnb_menu_sub .depth2 a {display:inline-block; position:relative; line-height:18px;}

.global_wrap .lang {position:relative;z-index:200;}
.global_wrap .lang > a {color:#00125d;font-weight:500;padding-right: 5px;}
.global_wrap .lang .slide_box {display:none; z-index:1; position:absolute; top:38px; left:-15px;}
.global_wrap .lang .slide_box > ul > li > a {display:block;border:1px solid #dcdcdc;border-top:none;width: 85px;background:#fff;padding-left:15px;}
.global_wrap .lang .slide_box > ul > li > a:hover {background:#f9f9f9;}
.global_wrap .lang .slide_box > ul > li:before {display:none;}

/* 전체메뉴 */
.btn_allMenu {position:absolute;top:-8px;right:17px;width:43px;height:40px;float:right;font-size:0.875rem;color:#fff;display:none; z-index:99;}
.btn_allMenu:after {content:'\e91c';position:absolute;top:0;left:0;font-size:43px;line-height:43px;display:block;font-family:xeicon;}
.allMenu {position:fixed; top:0; right:0; width:0; height:100%; z-index:999; overflow:hidden; display:none;}
.allMenu .allMenu_bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:1;}
.allMenu .allMenuWrap {position:absolute; top:0; right:-300px; width:300px; height:100%; overflow:auto; background:#fff; z-index:99;}
.allMenu .close_allMenu {position:absolute; top:8px; right:-300px; color:#fff; font-size:2rem;}
.allMenu.On {width:100%; transition: all .0s ease;}
.allMenu.On .allMenu_bg {opacity:0.75;}
.allMenu.On .allMenuWrap {right:0; transition: all .3s ease;}
.allMenu.On .close_allMenu {right:310px; transition: all .5s ease;}
.allMenuWrap li a {display:block; position:relative;}
.allMenuWrap li a i {vertical-align:middle; margin:-2px 0 0;}
.allMenuWrap .loginList {overflow:hidden; padding:5px; font-size:0.813rem; text-align:center; background:#011f65; z-index:999;}
.allMenuWrap .loginList > li {float:left; width:50%; padding:5px;}
.allMenuWrap .loginList > li > a {height:26px; line-height:28px; color:#fff; color:#44507e; font-size:0.75rem; background:#fff;letter-spacing:0;}
.allMenuWrap .loginList > li {float:left; width:50%; padding:5px;}
.allMenuWrap .loginList > li.btnLine > a {background:transparent; border:1px solid #fff; color:#fff;}
.allMenuWrap .loginList > li {float:left; width:50%; padding:5px;}
.allMenuWrap .loginList .slide_box {display:none;}
.allMenuWrap .loginList .slide_box ul {background:transparent; margin:6px 0 0;}
.allMenuWrap .loginList .slide_box li {padding:2px 0;}
.allMenuWrap .loginList .slide_box li a {display:block;padding:3px 0; color:#fff; letter-spacing:0;}
.allMenuWrap .loginList .slide_box li a:after {content:'\e980'; margin:0 0 0 10px; font-family:xeicon;}
.allMenuWrap .menuList li ul {display:none; font-size:0.875rem;}
.allMenuWrap .menuList li a:after {content:'\e914'; position:absolute; font-size:24px; color:#aaa; top:0; right:10px; font-family:xeicon;}
.allMenuWrap .menuList li a.On:after {content:'\e91b';}
.allMenuWrap .menuList li a.iconArr:after {content:'\e93f'; position:absolute; top:0; right:15px; font-size:14px; color:#111; font-family:xeicon;}
.allMenuWrap .menuList > li {border-bottom:1px solid #bebebe;}
.allMenuWrap .menuList > li > a {padding:0 10px; height:45px; line-height:45px;}
.allMenuWrap .menuList > li > ul {border-top:1px solid #bebebe; background:#f8f8f8; transition:unset;}
.allMenuWrap .menuList > li > ul > li a {padding:0 10px; height:30px; line-height:30px;}
.allMenuWrap .menuList > li > ul > li a:after {font-size:20px; right:12px;}
.allMenuWrap .menuList > li > ul > li > ul {margin:5px 0; padding:5px 0; border-top:1px dashed #ccc; border-bottom:1px dashed #ccc;}
.allMenuWrap .menuList > li > ul > li > ul > li {}
.allMenuWrap .menuList > li > ul > li > ul > li > a {padding-left:20px;}
.allMenuWrap .menuList > li > ul > li > ul > li > a:before {content:'\e97e'; margin:0 5px 0 0; vertical-align:middle; display:inline-block; font-size:14px; font-family:xeicon;}

/* 왼쪽메뉴 */
.subContents .submenu{position:relative; float:left; width:240px; margin:0 0 40px 0;}
.subContents .submenu h2{color:#000; font-size:30px; padding-bottom:20px; border-bottom:3px solid #011f65}
.submenu > ul > li{border-bottom:1px solid #ddd}
.submenu > ul > li > a{position:relative; display:block; padding:14px 20px; background:url(../images/bg_snb.png) no-repeat 210px center;}
.submenu > ul > li > a:hover{font-weight:500; color:#000}
.submenu > ul > li > a.on,
.submenu > ul > li > a.on.open{font-size:18px; font-weight:500; color:#fff; background:#108ad3 url(../images/bg_snb_on.png) no-repeat 210px center;}
.submenu > ul > li > a.open{background:url(../images/bg_snb_on2.png) no-repeat 210px center;}
.submenu > ul > li > a.iconArr {background-image:none;}
.submenu > ul > li > a.iconArr:after {content:'\e93e'; display:inline-block; float:right; vertical-align:middle; margin:0 -3px 0 0; color:#999; font-size:16px; font-family:xeicon; /*position:absolute; right:0; top:0;*/}
.submenu > ul > li > a.on.iconArr:after {color:#fff;}
.submenu > ul > li > ul {padding:10px 0 10px 20px; border-top:1px solid #ddd; display:none; background:#f8f8f8;}
.submenu > ul > li > ul > li > a {display:block; letter-spacing:-0.5px; padding:4px 0;}
.submenu > ul > li > ul > li > a:hover, .submenu > ul > li > ul > li > a.on {color:#108ad3; font-weight:500;}

/* 서브네비 */
.subTopBar{background:#011f65; height:60px; margin-bottom:40px;}
.subTopBar > a{display:block; position:absolute; top:20px; width:32px; height:32px; text-indent:-9999em;}
#subNav{max-width:1280px; margin:0 auto}
#subNav:after{display:block; content:''; clear:both; }
#subNav > li{display:block; float:left; position:relative; min-width:260px; height:60px; box-sizing:border-box; padding:15px 0 0 0}
#subNav > li:after{display:block; content:''; position:absolute; right:0; top:0; height:60px; border-right:1px solid #344c84;}
#subNav > li.home{min-width:auto; width:60px; background:url(../images/icon_home_white.png) no-repeat center; text-indent:-9999em; border-left:1px solid #344c84}
#subNav > li.home a{background:none;}
#subNav > li > a{display:block; padding:0 40px 0 20px; background:url(../images/icon_subNav_ar.png) no-repeat 92% center; color:#fff; line-height:32px;}
#subNav > li > a:hover{color:#108ad3;}
#subNav ul{display:none; position:absolute; top:60px; left:-1px; right:0; padding:10px 0; background:#fff; border:1px solid #e5e5e5; box-sizing:border-box; z-index:9; box-shadow:2px 3px 5px 0px rgba(0,0,0,0.1);}
#subNav ul li a:hover{background:#f6f6f6; color:#108ad3;}
#subNav ul li a{display:block; padding:10px 10px 10px 20px; line-height:120%;}
#subNav ul li:first-child a,
#subNav ul li:first-child a:hover{padding-right:0; background:none;}
#subNav > li.active ul{display:block;}
#subNav > li.active > a{background:url(../images/icon_subNavOn_ar.png) no-repeat 92% center;}

/* sns */
.sns {position:relative}
.sns .btnShare,.sns .btnPrint{position:absolute; width:32px; height:32px; border-radius:50%; text-indent: -9999em;}
.sns .btnShare{right:40px; background:#011f65 url(../images/icon_Share.png) no-repeat center;}
.sns .shareIcon{display:block; position:absolute; top:-4px; right:40px; padding:0 22px; width:42px; height:42px; background:#fff; border:1px solid #011f65; border-radius:21px; box-sizing:border-box; z-index:-1; overflow:hidden; transition-duration:0.5s;}
.sns .shareIcon a{display:inline-block; vertical-align:middle; padding:0 8px; line-height:40px;}
.sns .shareIcon.active{width:150px; opacity:1; z-index:1;}
.sns .btnPrint{right:0; background:#011f65 url(../images/icon_Print.png) no-repeat center;}
.sns .btnPrint:hover{background:#108ad3 url(../images/icon_Print.png) no-repeat center;}

/* footer */
#footer{position:relative; width:100%; margin-bottom:40px;}
#footer .layout {position:relative; margin:0 auto; max-width:1280px;}
#footer .copy_logo{position:absolute; z-index:10; right:0;}
#footer .menu_link {height:60px; box-sizing:border-box; padding:16px 0; margin:25px 0; border-top:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf;}
#footer .menu_link:after {content:""; display:block; clear:both;}
#footer .menu_link li {float:left; position:relative; margin:0 0 0 15px; padding:0 0 0 15px;}
#footer .menu_link li:first-child{padding:0; margin:0;}
#footer .menu_link li:after {content:""; display:block; width:1px; height:12px; background:#cfcfcf; position:absolute; left:0; top:8px;}
#footer .menu_link li:first-child:after {display:none;}
#footer .menu_link li:first-child a{color:#000; font-weight:bold; padding-left:20px} 
#footer .menu_link li a{display:block; padding:5px 0; line-height:18px;}
#footer .menu_link li a:hover, #footer .menu_link li a:active {opacity:0.8; -webkit-opacity:0.8;}
#footer .up_foot {font-size:18px;}
#footer address, #footer .copy{display:block; font-size:18px; line-height:25px;}
#footer address span {display:inline-block; margin-right:20px; color:#666;}
#footer address span:last-child {margin-right:0;}
#footer address a {color:#fff; text-decoration:none;}
#footer .copy {margin-top:10px;}

#banner{display:block; clear:both; position:relative; min-height:40px; margin:0 0 10px 200px;}
#banner .mControl .b1.prev{left:0; bottom:0;}
#banner .mControl .b1.next{right:0; bottom:0;}
#banner .mView{position:relative; height:40px ;margin:0 20px; overflow:hidden;}
#banner .h1{display:block; margin:0 auto; float:left; margin:0 0 0 -200px; color:#011f65; font-size:24px; text-align:center;}
#banner .mControl{display:block; text-align:center; float:left; margin:0 0 0 -80px;}
#banner .mControl .b1{display:inline-block; position:relative ;width:20px; height:40px; box-sizing:border-box; /* for a and button */ margin:0 ;padding:0; border-radius:0; border:0; background:#fff; font-size:0; line-height:0; vertical-align:middle; text-indent:-9999px;overflow:hidden;}
#banner .mControl .b1.prev{position:absolute; left:0; bottom:0;}
#banner .mControl .b1.next{position:absolute; right:0; bottom:0;}
#banner .mControl .b1>.ic1{float:left; position:absolute; left:50%;top:50%;width:10px;height:10px;margin:-5px; background:url() no-repeat center center;background-size:contain;}
#banner .mControl .b1.stop>.ic1{background-image:url(../images/ic_pause.png);}
#banner .mControl .b1.play>.ic1{background-image:url(../images/ic_play.png);}
#banner .mControl .b1.prev>.ic1{width:10px; height:16px; margin:-10px; background-image:url(../images/ic_left.png);}
#banner .mControl .b1.next>.ic1{width:10px; height:16px; margin:-10px; background-image:url(../images/ic_right.png);}
#banner .mView{position:relative; height:40px; margin:0 20px ;overflow:hidden;}
#banner .mCont{position:absolute; left:0; top:0; width:100%; overflow:hidden; text-align:center; /* ☆ */transition:.2s ease-out;}
#banner .mContC{display:table; float:left;}
#banner .mContC>a{display:table-cell; width:100%; padding:0 10px; height:40px; text-align:center;vertical-align:middle;}
*+html #banner .mContC>a{display:block;}
#banner .mContC{width:25%;}
#banner .mContC>a>img{width:auto; height:auto; max-height:40px; max-width:100%;}

/* 미디어쿼리 적용 */
@media screen and (max-width:1420px) {
	#footer,.gnb_inner{padding:0 15px}
}
@media screen and (max-width:1280px) {
	.gnb_menu {width:130px}
	.gnb_menu .depth1 {padding:0 10px;}
}

@media screen and (max-width:1250px) {
	#banner .mContC{width:33.333%;}
	.gnb_menu {width:100px}
	.gnb_menu .depth1 {font-size:17px;}
}

@media screen and (max-width:1050px) {
    .header_inner {height:60px}
	.gnb_list,.global_wrap{display:none}
	.header_logo {width:170px; margin-top:-10px;}
	.gnb_wrap{margin-top:-18px;}

	.btn_allMenu,
	.allMenu {display:block;}
	#footer .sns_box {display:block;}
}

@media screen and (max-width:830px) {
	#footer .copy_logo{display:none}
	#footer address,#footer .copy { line-height:18px; text-align:center}
	#footer address span {display:block; margin-right:0;}
	#footer .copy {margin-top:3px;}
	#banner .mContC{width:50%;}
}

@media screen and (max-width:767px) {
	#footer .sns_link {float:none; margin:0; position:absolute; bottom:0; left:80px;}
	#footer .menu_link {position:relative; text-align:center; overflow:hidden; height:76px}
	#footer .menu_link li{width:50%; padding:0; margin:0} 
	#footer .menu_link li:first-child a{padding-left:0} 
	#footer .menu_link > li:nth-child(3):after{display:none}
	#footer .menu_link li a {line-height:14px; font-size:14px;}
	#banner{margin-left:80px;}
	#banner .h1{display:none}

}

@media screen and (max-width:640px) {
	#banner .mContC{width:100%;}
	.sub_visual,.st07{height:160px;}
}

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

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


/*메인팝업*/
/*.mainPopup {left:inherit !important; right:100px;}*/


@media screen and (max-width:767px){
  .mainPopup {left:50px !important; right:inherit;}
}

@media screen and (max-width:640px){
  .mainPopup {left:20px !important;}
}

@media screen and (max-width:480px){
  .mainPopup {left:0 !important;}
}