@charset "UTF-8";
/* CSS Document */

body.sub header {box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);}

.for-sub div, .for-sub h1, .for-sub h2, .for-sub h3, .for-sub h4, .for-sub h5, .for-sub h6, .for-sub strong, .for-sub dl, .for-sub dt, .for-sub dd {font-family: 'Noto Sans Korean', sans-serif;}
	


.container .bar-top .location {line-height: 60px !important;font-size: 13px !important;color: #828282 !important;letter-spacing: 0.5px !important;font-family: 'Noto Sans Korean', sans-serif !important;}
.container .bar-top .location:after {content: ""; display: block; clear: both;}
.container .bar-top .location li {float: left;}
.container .bar-top .location li:before {content: "/"; display: inline-block; margin: 0 5px; vertical-align: top; line-height: inherit; font-weight: 400;}
.container .bar-top .location li:first-child:before {display: none;}
.container .bar-top .location li:last-child {font-weight: 500;}
.container .bar-top .location li a {transition: color 0.15s;}
.container .bar-top .location li a:hover {color: #ea5d27;}
.container .bar-top .location li a i {margin-right: 5px; vertical-align: top; line-height: inherit;}


article.sub section h3 em{display: inline-block; position: relative; background: url(/html/img/sub/text_underline.png) 0 bottom repeat-x; -webkit-background-size: auto 100%; background-size: auto 100%; vertical-align: top;}


.class_warp {width:1200px; margin: 0 auto; position: relative;}
.class_warp article.sub .cover {float:left !important; position: relative !important;}


.class_map iframe {max-width: 100%}

@media (min-width: 992px){
    .class_warp article.sub .cover {position: absolute !important; height: 100%;}
}

@media (max-width: 991px){
    .class_warp {width: 100%;}
    .class_warp article.sub .cover {float: none !important;}
}