@charset "utf-8";

.sitemap {
    padding: 0 20px;
    position: absolute;
    bottom: 0;
    font-size: 13px;
    color: #111;
    margin-bottom: 30px;
}


@media (max-height: 680px) {
	.sitemap {display: none;}
}

/* 공통 */
.wrap {  width:100%; position: relative; display: inline-block; } 
.wrap img { width:100%; }
.clear { clear:both; }
.Fleft { float:left; }
.Fright { float:right; }

/* main */
.cont { text-align:center; width:100%; margin:0 auto; }
.main { position:absolute; text-align:center; top:130px; width:100%; margin:0 auto;}
.main h1 { font-size:38px; color:#FFF;  text-shadow: 2px 2px 4px #000000; }
.main p { font-size:20px; color:#FFF;  text-shadow: 2px 2px 4px #000000; }

.main_line { width:60px; height:2px; margin:0 auto; background:#FFF;  box-shadow: 2px 2px 4px #000000; margin-top:25px; margin-bottom:25px; }

video { max-width: 100%; display: block;  }
.main_text { position:absolute; text-align:center; top:400px; z-index:9999999; color:#FFF; left:600px; }
.main_text p { font-size:42px; font-weight:600; text-shadow: 4px 4px 6px black;}


/* 푸터 */

#ft_copy { width:900px; height:110px; margin:0 auto; padding:20px 0; color:#e1e1e1; font-size:1.0em; }
#ft_copy img { width:207px; }
#ft_copy p { float:right; line-height:18px; }
#ft { background:#262626;margin:0 auto;text-align:left; margin-top:100px; }
#ft_logo { float:left; }


/*메인*/
/* ***** Intro Area Start ***** */
.container-fluid{padding:0 !important;}
#intro #main-banner, #intro #main-banner .item{    }
#intro #main-banner .fa-angle-left,
#intro #main-banner .fa-angle-right{
    position: absolute; top: 50%;
    font-size: 30px;
    padding:0 14px;
}
#intro #main-banner .fa-angle-left{right:0;}
#intro #main-banner .fa-angle-right{left:0;}
#intro #main-banner .item-contents{  width: 100%;  margin:0 auto; position: absolute; top:27%; text-align:center; color: #fff; }

@media(max-width: 1700px) {
.item-contents p { font-size:18px !important; }
.item-contents h2 { font-size:38px !important; }
#intro #main-banner .item-contents{  width: 100%;  margin:0 auto; position: absolute; top:23%; text-align:center;  color: #fff; }
}
@media(max-width: 1600px) {
.item-contents p { font-size:18px !important; }
.item-contents h2 { font-size:38px !important; }
#intro #main-banner .item-contents{  width: 100%;  margin:0 auto; position: absolute; top:23%; text-align:center; color: #fff; }
}
@media(max-width: 1500px) {
.item-contents p { font-size:16px !important; }
.item-contents h2 { font-size:35px !important; }
#intro #main-banner .item-contents{  width: 100%;  margin:0 auto; position: absolute; top:23%; text-align:center; color: #fff; }
}
@media(max-width: 1300px) {
.item-contents p { font-size:15px !important; }
.item-contents h2 { font-size:32px !important; }
#intro #main-banner .item-contents{  width: 100%;  margin:0 auto; position: absolute; top:16%; text-align:center; color: #fff; }
}
@media(max-width: 1200px) {
.item-contents p { font-size:15px !important; }
.item-contents h2 { font-size:32px !important; }
#intro #main-banner .item-contents{  width: 100%;  margin:0 auto; position: absolute; top:17%; text-align:center; color: #fff; }
}

.item-contents{  animation-delay: 0.5s; }
#intro .item-contents img{margin-top:20px;}
.carousel-indicators{bottom:90px !important;}
.carousel-indicators li{ display:none !important;width: 100px !important;;
    height: 3px !important;
    margin: 1px;
    text-indent: -999px;
    border:none !important;
    background-color: #a0a0a0 !important;
    border-radius: 0 !important;}
.carousel-indicators .active{background:#fff !important;border:none !important;}



/** header **/
#header {width:214px; height:100%; position:fixed; left:0; top:0; z-index:501;}
h1.logo {width:214px; height:75px; padding:20px 0; position:relative; z-index:101;}
h1.logo a {display:block; margin:0 auto; width:147px; height:79px; /*background:url(/images/kor/common/logo.svg) no-repeat;*/  } 
h1.logo a span {width:0; height:0; line-height:0; font-size:0px; float:left; position:absolute; /*visibility:hidden;*/ overflow:hidden;}
.top_util {width:214px; height:auto; overflow:hidden; position:relative; z-index:101;}
.top_util:after {content:""; display:block; clear:both;}
.top_util li {float:left; width:50%;}
.top_util li a {text-align:center; display:block; font-size:0.857em; color:#fff; padding:10px 0;}
.top_util li a.eng {background:#2d55a6;} 
.top_util li a.sitemap {background:#098486;}
.total_search {border-bottom:1px solid #e2e2e2; width:174px; height:39px; margin:0 0 0 20px; position:relative; z-index:101;} 
.total_search input[type="text"] {border:0; width:125px; height:28px; font-size:0.929em;}
.total_search input[type="submit"] {border:0; width:36px; height:36px; padding:0; position:absolute; right:0; top:0; background:url(/images/kor/common/totalsearch_ico.png) no-repeat center 50%; text-indent:-9999px;}

#header .golink {margin:20px 20px 0 20px; padding:4px 10px; position:relative; z-index:101; border:1px solid #eee; font-size:0.929em; color:#838383; background:url(/images/kor/common/arr_go.gif) 140px center no-repeat;}
#header .golink.web {display:block;}
#header .golink.mob {display:none;}

#gnb {width:214px; padding:15px 0; margin-bottom:15px; background:#f4f4f4; position:relative; z-index:101;}
#gnb .sl_btn {display:none;}
#gnb ul {}
#gnb ul li {}
#gnb ul li a {display:block; padding:7px 20px 7px 25px; font-size:1.1em; font-weight:600; text-decoration:none; color:#2c2c2c;
-webkit-transition: all .2s ease; -moz-transition: all .6s ease; -ms-transition: all .6s ease; -o-transition: all .6s ease; transition: all .6s ease;}
#gnb ul li a.ov {background:#415a89; color:#fff;}
#gnb ul li ul {position:absolute;left:214px;top:-7px;width:160px;height:100%;padding:25px 0 0 0;display:none;opacity:0;-webkit-opacity:0;}
#gnb ul li.num2 ul {top:0;}
#gnb ul li.num3 ul {top:7px;}
#gnb ul li.num3 ul li li:first-child {display:none;}
#gnb ul li.num4 ul {top: 113px;}
#gnb ul li.num5 ul {top: 153px;}
#gnb ul li.num6 ul {top: 192px;}
#gnb ul li.num7 ul {top: 167px;}
#gnb ul li.num8 ul {top: 141px;}
#gnb ul li.num9 ul {top: 310px;}
#gnb ul li.num10 ul {top: 180px;}
#gnb ul li.num11 ul {top:190px;}
#gnb ul li ul li {margin:0 0;}
#gnb ul li ul li a {font-size:1.071em; line-height:19px; font-weight:normal; padding:7px 20px; color:#fff; background:none;}
#gnb ul li ul li a span {display:inline-block; vertical-align:top; line-height:19px;}
#gnb ul li ul li a[target="_blank"] span {padding-right:16px; background:url(/images/kor/common/blank_ico.gif) no-repeat right 6px;}
#gnb ul li ul li a.ov, #gnb ul li ul li a:hover, #gnb ul li ul li a:active, #gnb ul li ul li a:focus {color:#ffdd00; text-decoration:underline; background:url(/images/kor/common/gnb_depth1_bul.png) no-repeat right top;}
#gnb ul li ul li ul {position:relative; top:auto; width:auto; height:auto; padding:0 0 10px 0; margin:0 20px; left:auto; top:auto !important; opacity:1; -webkit-opacity:1;}
#gnb ul li ul li ul li {margin:0;}
#gnb ul li ul li ul li a {color:#ccd2de; font-size:1em; line-height:19px; padding:4px 5px 4px 17px; letter-spacing:-0.5px; background:url(/images/kor/common/gnb_depth3_bul.png) no-repeat 7px 10px;}
#gnb ul li ul li ul li a.ov, #gnb ul li ul li ul li a:hover, #gnb ul li ul li ul li a:active,#gnb ul li ul li ul li a:focus {background:#2b4270 url(/images/kor/common/gnb_depth3_bul.png) no-repeat 7px 10px; color:#ccd2de; text-decoration:none;}

#header.main #gnb ul li ul li a.ov, #header.main #gnb ul li ul li a:hover, #header.main #gnb ul li ul li a:active, #header.main #gnb ul li ul li a:focus {background:none;}
#header.main #gnb ul li ul li ul li a.ov, #header.main #gnb ul li ul li ul li a:hover, #header.main #gnb ul li ul li ul li a:active, #header.main #gnb ul li ul li ul li a:focus {background:#1c315a url(/images/kor/common/gnb_depth3_bul.png) no-repeat 7px 10px; color:#ccd2de; text-decoration:none;}

.header_bg {width:214px; height:100%; position:absolute; left:0; top:0; background:#fff; z-index:10;}
.animate {width:160px; height:100%; position:absolute; left:-214px; top:0; background:#2e4777; z-index:5; 
-webkit-opacity:0.9; -moz-opacity:0.9; -ms-opacity:0.9; -o-opacity:0.9; opacity:0.9; filter:alpha(opacity=90);}
#gnb.main ul li ul li a.ov, #gnb.main ul li ul li a:hover, #gnb.main ul li ul li a:active, #gnb.main ul li ul li a:focus {background:none;}
#gnb.main ul li ul li ul li a:hover, #gnb.main ul li ul li ul li a:active,#gnb.main ul li ul li ul li a:focus {background:#2b4270 url(/images/kor/common/gnb_depth3_bul.png) no-repeat 7px 11px; color:#ccd2de; text-decoration:none;}

.rwd_gnb, .mob_gnb_btn {display:none;}

@charset "utf-8";

.mob_search_btn{ display:none}


@media all and (max-width:1722px){
/**** container ****/
/*#container {padding:0 50px 0 70px;}	*/
#container #contents {max-width:100%; margin:0;}	

	/** contents **/
	.location {max-width:100%; margin:0;}
	
/** aside **/	
#aside {padding:30px 50px 30px 424px;}	
}



@media all and (max-width:1360px){
/** header **/
#header.sub {left:-214px;}
#header.sub #gnb .sl_btn {position:absolute; left:234px; top:-37px; color:#fff; vertical-align:top; min-height:30px; padding:7px 0 0 47px; }
#header.sub #gnb .sl_btn.open {background:url(/images/kor/common/gnb_sl_btn_o.png) no-repeat left top; display:inline-block;} 
#header.sub #gnb .sl_btn.close {background:url(/images/kor/common/gnb_sl_btn_c.png) no-repeat left top;}
}



@media all and (max-width:1336px){
/**** container ****/
/*#container {padding:0 30px 0 190px;}	*/

/** aside **/
#aside {padding:30px 30px 30px 190px;}	
	
/** footer **/	
#footer.sub {left:-194px;}	
#footer.main {left:20px;}	
}

	
	
@media all and (max-width:1024px){ 
/** header **/
#header {width:100%; height:70px; position:relative; left:auto !important; top:auto; background:#fff; z-index:999;
-webkit-box-shadow:0 1px 2px #e0e0e0; -moz-box-shadow:0 1px 2px #e0e0e0; -o-box-shadow:0 1px 2px #e0e0e0; -ms-box-shadow:0 1px 2px #e0e0e0; box-shadow:0 1px 2px #e0e0e0;}	
h1.logo {width:190px; height:44px; padding:0; position:absolute; left:50%; top:12px; margin-left:-95px;}
/*
h1.logo a {display:block;width:190px; height:44px; background:url(/images/kor/common/logo_mob.svg) no-repeat; background:url(/images/kor/common/logo_mob.png)\9 no-repeat;}
*/
h1.logo a {display:block;width:190px; height:44px;background:url(/images/kor/common/logo_mob.png) no-repeat;}
#gnb, .top_util {display:none;}
.total_search {border-bottom:0; width:80%; height:auto; padding:15px 10%; position:absolute; left:0; top:70px; margin:0; background:url(/images/kor/common/total_search_bg.png) repeat; display:none;} 
.total_search input[type="text"] {width:78%; height:32px; padding:4px 1%; float:left; font-size:1em;}
.total_search input[type="submit"] {width:18%; height:40px; position:relative; font-size:1.143em; right:auto; top:auto; background:#ed1651; text-indent:0; float:left; margin:0 0 0 2%;}

.mob_gnb_btn {display:block; position:absolute; left:1%; top:11px; width:50px; height:50px; /*background:url(/images/kor/common/mob_gnb_btn.svg) no-repeat center 50%;*/ background:url(/images/kor/common/mob_gnb_btn.png) no-repeat center 50%; z-index:10;}
.mob_gnb_btn span {width:0; height:0; line-height:0; font-size:0px; float:left; position:absolute; visibility:hidden; overflow:hidden;}
.rwd_gnb {position:absolute; top:0px; left:-220px; width:220px; background:#fff; z-index:120; display:none;}		
.rwd_gnb .top_util_mob {width:92%; padding:17px 4% 0 4%; height:53px; overflow:hidden;}
.rwd_gnb .top_util_mob:after {content:""; display:block; clear:both;}
.rwd_gnb .top_util_mob li {float:left; width:50%;}
.rwd_gnb .top_util_mob li:first-child {width:50%;}
.rwd_gnb .top_util_mob li a {text-align:center; display:block; font-weight:600; color:#515151; padding:10px 0; background:url(/images/kor/common/top_util_mob_bar.gif) no-repeat left 50%; font-size:0.929em;}
.rwd_gnb .top_util_mob li:first-child a {background:none;}
.rwd_gnb .depth1 {width:100%;}
.rwd_gnb .depth2,
.rwd_gnb .depth3 {display:none;}
.rwd_gnb .depth1 li a {display:block; width:86%; height:auto; padding:10px 7%; font-weight:600; color:#fff; background:#415a89 url(/images/kor/common/mob_gnb_depth1_bul.png) no-repeat 93% 50%; border-bottom:1px solid #fff; font-size:1.071em;
-webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}
.rwd_gnb .depth1 li a.ov {background:#ed1651 url(/images/kor/common/mob_gnb_depth1_bul_ov.png) no-repeat 94% 50%; border-bottom:0; color:#fff;}
.rwd_gnb .depth2 {padding:0;}
.rwd_gnb .depth2 li a {border-top:1px solid #e8e8e8; border-bottom:0; padding:8px 7% 8px 13%; width:80%; color:#686868; background:url(/images/kor/common/mob_gnb_depth2_bul.png) no-repeat 7% 50%; font-size:1em;}
.rwd_gnb .depth2 li:first-child a {border-top:0;}
.rwd_gnb .depth2 li a.ov {background:url(/images/kor/common/mob_gnb_depth2_bul_ov.png) no-repeat 7% 50%; color:#ed1651;}
.rwd_gnb .depth3 {background:#f7f7f7; width:100%; padding:10px 0;}
.rwd_gnb .depth3 li {}
.rwd_gnb .depth3 li a {width:87%; padding:4px 0 4px 13%; font-size:0.938em; background:none; border:0;}
.rwd_gnb .depth3 li a:hover {color:#415a89;}
.shadow_bg {width:100%; height:100%; position:fixed; left:0; top:0; background:#000; -webkit-opacity:0.6; -moz-opacity:0.6; -o-opacity:0.6;-ms-opacity:0.6; opacity:0.6; filter:alpha(opacity=60); z-index:101; display:none;}

.mob_search_btn {display:block; position:absolute; right:1%; top:11px; width:50px; height:50px; /*background:url(/images/kor/common/totalsearch_btn_mob.svg) no-repeat center 55%;*/ background:url(/images/kor/common/totalsearch_btn_mob.png) no-repeat center 50%; z-index:10;}
.mob_search_btn span {width:0; height:0; line-height:0; font-size:0px; float:left; position:absolute; visibility:hidden; overflow:hidden;}
.mob_search_btn.ov {/*background:url(/images/kor/common/totalsearch_btn_mob_close.svg) no-repeat center 50%;*/ background:url(/images/kor/common/totalsearch_btn_mob_close.png) no-repeat center 50%;}
.animate {display:none;}

.rwd_gnb .app_banner {width:auto; margin:0 7%; padding:15px 0 40px 0;}
.rwd_gnb .app_banner a {display:block; padding:20px 14% 20px 4%; position:relative; color:#fff; background:url(/images/kor/main/app_banner_bg.jpg) no-repeat 45% top; background-size:auto 100%;}
.rwd_gnb .app_banner a p {color:#fff; margin:0; font-size:1.071em; padding:0 0 0 55px; line-height:1.250em; font-weight:600;}
.rwd_gnb .app_banner a span.btn {display:block; font-size:0.929em; width:38px; height:38px; line-height:38px; background:#ed1651; text-align:center; position:absolute; left:15px; top:50%; margin-top:-19px; overflow:hidden;
-webkit-border-radius:19px; -moz-border-radius:19px; -o-border-radius:19px; -ms-border-radius:19px; border-radius:19px;}
#header .golink.web {display:none;}
#header .golink.mob {display:block; margin:20px 7% 0 7%;}