@charset "utf-8";
@import url(font.css);
@import url(korea_normalize.css);

::selection {background:#0d4fd4; color:#fafafa;}
iframe {display:block;}
.youtube {position:relative; width:100%; padding-bottom:56.25%; margin-bottom:2rem;}
.youtube iframe {position:absolute; top:0; left:0; width:100%; height:100%;}
.mobonly {display:none;}
.comonly {display:inline;}
.voice {position:absolute; left:9999px;}

h1 {}
h2 {font-size:3rem;}
h3 {font-size:2rem;}
h4 {font-size:1.75rem;}
h5 {font-size:1.5rem;}
h6 {font-size:1.25rem;}
p {font-size:1rem; line-height:1.5rem;}
.big {font-size:1.125em; line-height:1.7em;}
span {}
b {color: #0076c1;}
strong {color: #f08700;}
i {font-style:normal;}

em {font-style:normal;}
dl::after {display:block; clear:both; content:'';}
dt , dd {float:left;}

.center {text-align:center;}
.left {text-align:left;}
.right {text-align:right;}
.justify {text-align:justify;}

.f-left {float:left;}
.f-right {float:right;}

.row::after {display:block;content:'';clear:both;}
.row > .col {float:left}
.half > .col {width:50%;}
.third > .col {width: 33.333%;}
.quarter > .col {width:25%;}
.fifth > .col {width:20%;}
.sixth > .col {width: 16.6667%;}

.row > li {float:left ; width:100%;}
.half > li {width:50%;}
.third > li {width: 33.333%;}
.quarter > li {width:25%;}
.fifth > li {width:20%;}
.sixth > li {width: 16.6667%;}

.imgbox > img {display:block;}

.more {border:1px solid #ddd !important; font-size:14px; padding:0.5rem; padding-right: 1.5rem; background: url(../images/viewmore-arrow.png) no-repeat center center, #fff;; background-position-x: calc(100% - 0.6rem); color:#2e3842 !important; display:inline-block;}

@keyframes AnimatedBackground {
}

/* header */


.header_upper {width:1200px; margin: 0 auto;line-height:90px;}
.header_upper h1 img{display:block;padding-top:28px;}
.header_upper::after {display:block; clear:both; content:'';}
.header_upper .more {transform:translateY(-5px); display:inline-block; line-height:1rem; margin-right: 1rem;}
.menus {position:relative;padding-top:4px;}
.menus li {float:left;}
.menus span {display:block; width:1px; height: 22px; position:absolute; right:40px; top:34px; background: rgba(0,0,0,.3)}
.menus .lang {position:relative;}
.menus .lang > a {transform: translateY(-5px);padding-left:5px; display:inline-block;}
.menus .other_lang {display:none; position:absolute; top:60px; right:-17px; line-height: 36px; background:white; z-index: 999; padding:5px 15px; border: 1px solid #ddd; color:#666; font-size:14px;}
.menus .lang:hover .other_lang {display:block;}
.menus .other_lang li {float:none; transition:0.3s all;}
.menus .other_lang li:hover {color:#142d62; font-weight:bold;}
.menus .search {transform:translateY(-1px); display:inline-block;}

.header-down {border-top:2px solid #e7e7e7; border-bottom:2px solid #e7e7e7;}
.gnb {width:1200px; margin: 0 auto; text-align:center; line-height:50px; font-size:18px; font-weight: 500;}
.gnb::after {display:block; clear:both; content:'';}
.gnb > li {float:left;width:16.66667%; position:relative;}
.gnb > li::after {display:block; content:''; width:0; position:absolute; bottom:0; left:50%; background:#0076c1; height:2px; transition:all 0.3s ease-out;}
.gnb > li:hover::after {left:20%; width:60%;}
.gnb  li .depth2 {display:none; font-weight:400; width:80%; position:absolute; top:100%; left:10%; background:white; z-index:2; padding: 1rem ; box-shadow:0 2px 5px rgba(0,0,0,.2)}
.gnb  li:hover > .depth2 {display:block;}
.gnb .depth2 li {font-size:1rem;  padding: 0 0rem; line-height: 2.5rem; transition:all 0.3s;}
.gnb .depth2 li:hover {color:#0076c1;}



/*footer */

footer {  font-size:14px; color:#aaa; padding: 2rem 0 3rem; border-top:1px solid #ebebeb;}
.footer_inner {width:1200px;margin:0 auto;}
.footer_upper { border-bottom:1px solid #ddd; vertical-align:baseline;}
footer h1 {display:inline;}
footer address {padding-top: 1rem; line-height:1.6rem;}
footer .copy {font-size:14px;}
footer .links {float:right; padding-top:14px;}
footer .footer_upper a {display:inline-block; padding: 0 0.5rem; padding-bottom: 1rem;}
footer i {padding:0 0.5rem; color:#ccc;}


/* search */
#search_bg {position:absolute;background:white; ; padding: 35px 50px; top:0; right:0; z-index:1000; width:0; overflow:hidden; width:0px; padding:35px 0;transition:0.5s all;}
	#search_bg.on {width:400px; padding:35px 50px;right:0px; display:block;}
	.search_inner input {border:0; }
	.search_inner form {width:220px; }
	.search_inner input#sch_stx {float:left; width:200px; background:none;}
	.search_inner .scs {float:right; display:inline-block; position:relative;}
	.search_inner button {background:url(../images/search.png) no-repeat center center; border:0;  display:block; width: 20px; height:20px; float:left; cursor:pointer;} 
	.search_inner .close {float:left; padding-left:20px;}
	.sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}
	#close {position:absolute; top:-33px; right:-76px;}

.menus .member {line-height:80px; padding-right:10px; font-size:14px; color:#666;}