@charset "utf-8";

@media all and (max-width:1722px){
/**** container ****/
#container {padding:0 50px 0 424px;}	
#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%;}


/**** container ****/
#main_container {width:100%; padding:0; z-index:801;}
#main_container #contents {position:relative; height:auto; padding:0 0 50px 0;}
#container {width:auto; height:auto; padding:0 3% 70px 3% !important;}
	
	/** contents **/
	.location {max-width:100%; margin:0; padding:25px 0 20px 0;}
	.location h3.cont_title {text-align:left; font-size:2.286em; background:none; margin:0 90px 0 0; padding:0;}
	.location .navi {display:block; text-align:left; border:0; padding:10px 0 0 0;}
	.share_m {top:22px;}
	.share_m a.sns {margin-right:0;}
	.share_m a.blog {margin-right:0; margin-left:5px;}
	.share_m a.print {display:none;}
	#sns_box {right:89px;}
	
/** aside **/
#aside {padding:0; width:100%; z-index:801; display:none;}	
#aside ul li a {color:#fff;}
#aside ul li:first-child a {color:#ffdd00;}
#main_aside {width:100%; height:auto; padding:0; position:absolute; left:0; bottom:0; z-index:101; display:none;}

/** footer **/
#footer {width:100%; position:relative; left:auto !important; bottom:0; background:url(/images/kor/common/footer_bg_mob.jpg) repeat; padding:20px 0 25px 0; margin-top:-30px; display:block !important;}
#footer.main {margin-top:-50px;}
#footer address, #footer p {color:#a1a1a1; width:auto; margin:0 5%; text-align:center;}
#footer address span {display:inline-block;}
#footer p {margin-top:3px;}
}

@media all and (max-height:930px){
/** footer **/	
#footer {display:none;}	
}


@media all and (max-width:840px){
/* depth4_tab */
.depth4_tab .title a {padding:15px 60px 15px 25px;}	
.depth4_tab .title a span.ico {right:25px;}
.depth4_tab .tab_scroll .list {padding:15px 25px;}
}


@media all and (max-width:760px){
#footer .golink{position:relative; top:0; right:0; margin:0 0 10px 5%; }
}



@media all and (max-width:640px){ 
/**** container ****/
	/** contents **/
	.location h3.cont_title {font-size:1.857em; line-height:1.231em;}
	.location .navi a {padding:0 6px 0 8px; font-size:0.929em;}
	
	.share_m {top:25px;}
	.share_m a.sns {width:38px; height:38px;
	-webkit-border-radius:19px; -moz-border-radius:19px; -o-border-radius:19px; -ms-border-radius:19px; border-radius:19px;}
	#sns_box {right:81px; width:86px;}
	#sns_box a {width:38px; height:38px;
	-webkit-border-radius:19px; -moz-border-radius:19px; -o-border-radius:19px; -ms-border-radius:19px; border-radius:19px;}
	.share_m a.blog {width:38px; height:38px;
	-webkit-border-radius:19px; -moz-border-radius:19px; -o-border-radius:19px; -ms-border-radius:19px; border-radius:19px;}
	
/* depth4_tab */
.depth4_tab .title a {padding:15px 60px 15px 20px;}	
.depth4_tab .title a span.ico {right:20px;}
.depth4_tab .tab_scroll {height:240px;}	
.depth4_tab .tab_scroll .list {padding:15px 20px;}
.depth4_tab .tab_scroll .list li {width:47%;}	
}

@media all and (max-width:600px){ 
#footer address span.add {display:block;}
}


@media all and (max-width:480px){  	
/* depth4_tab */
.depth4_tab .tab_scroll {height:175px;}	
.depth4_tab .tab_scroll .list li {float:none; width:auto; margin-right:0;}	
}