/*reset */
*, html, body {margin:0;padding:0; box-sizing:border-box;-webkit-text-size-adjust:none;}
html,body {height:100%;}
a, img {border:0;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1,h2,h3,h4,h5,h6 {font-weight:normal;font-size:100%;}
b,strong {font-weight:bold;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
button {cursor:pointer}
#header ul, #footer ul {list-style:none;}
a {text-decoration:none; cursor: pointer;}
img {line-height:0; vertical-align:top;    max-width: 100%;}
form, fieldset {width:100%; display:block;}
table {border-collapse:collapse; border-spacing:0;}
img.fx {width:100%;}
pre {overflow:hidden; white-space:pre-line; word-break:break-all;}
em, address {font-style: normal;}
ul, li {list-style:none;}
input, textarea {outline: none; resize: none}

/* 폰트 */
/*
@font-face {
    font-family: 'HelveticaNeue-Roman';
    src: url('/cn/fonts/HelveticaNeue-Roman.eot');
    src: url('/cn/fonts/HelveticaNeue-Roman.eot?#iefix') format('embedded-opentype'),
         url('/cn/fonts/HelveticaNeue-Roman.woff2') format('woff2'),
         url('/cn/fonts/HelveticaNeue-Roman.woff') format('woff'),
         url('/cn/fonts/HelveticaNeue-Roman.ttf') format('truetype'),
         url('/cn/fonts/HelveticaNeue-Roman.svg#notokr-light') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'HelveticaNeue-Light';
    src: url('/cn/fonts/HelveticaNeue-Light.eot');
    src: url('/cn/fonts/HelveticaNeue-Light.eot?#iefix') format('embedded-opentype'),
         url('/cn/fonts/HelveticaNeue-Light.woff2') format('woff2'),
         url('/cn/fonts/HelveticaNeue-Light.woff') format('woff'),
         url('/cn/fonts/HelveticaNeue-Light.ttf') format('truetype'),
         url('/cn/fonts/HelveticaNeue-Light.svg#notokr-light') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'HelveticaNeue-Bold';
    src: url('/cn/fonts/HelveticaNeue-Bold.eot');
    src: url('/cn/fonts/HelveticaNeue-Bold.eot?#iefix') format('embedded-opentype'),
         url('/cn/fonts/HelveticaNeue-Bold.woff2') format('woff2'),
         url('/cn/fonts/HelveticaNeue-Bold.woff') format('woff'),
         url('/cn/fonts/HelveticaNeue-Bold.ttf') format('truetype'),
         url('/cn/fonts/HelveticaNeue-Bold.svg#notokr-light') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'HelveticaNeueLTStd-Md';
    src: url('/cn/fonts/HelveticaNeueLTStd-Md.eot');
    src: url('/cn/fonts/HelveticaNeueLTStd-Md.eot?#iefix') format('embedded-opentype'),
         url('/cn/fonts/HelveticaNeueLTStd-Md.woff2') format('woff2'),
         url('/cn/fonts/HelveticaNeueLTStd-Md.woff') format('woff'),
         url('/cn/fonts/HelveticaNeueLTStd-Md.ttf') format('truetype'),
         url('/cn/fonts/HelveticaNeueLTStd-Md.svg#notokr-light') format('svg');
    font-weight: normal;
    font-style: normal;

}
*/

/* 중국어 폰트 */
@font-face {
    font-family: 'Microsoft-YaHei';
    src: url('/cn/fonts/Microsoft-YaHei.eot');
    src: url('/cn/fonts/Microsoft-YaHei.eot?#iefix') format('embedded-opentype'),
         url('/cn/fonts/Microsoft-YaHei.woff') format('woff'),
         url('/cn/fonts/Microsoft-YaHei.ttf') format('truetype'),
         url('/cn/fonts/Microsoft-YaHei.svg#notokr-light') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*공통 class*/
.none {display: none;}
.nonei {display: none !important;}
.inner {max-width:1240px; margin:0 auto;} /*컨텐츠 넓이*/
.sdonly {position:absolute; top:0 !important; left:0 !important; line-height:0 !important; font-size:0 !important; width:0 !important; height:0 !important; color:transparent !important; overflow:hidden !important;} /*사운드리더 only */
.sdonly:before, .sdonly:after {display:none !important;}
::selection {background:#e60039; color:#fff;} /*선택영역 색상*/
.clr:after {content:''; display:block; clear:both;}

/*공통레이아웃*/
.row {display: block;}
.row:after, .row:before {content:''; display: block; clear:both;}
.row > * {float: left;}
.u6 {width:50%;}
.u12 {width:100%;}
.u25 {width:20%;}
.u3 {width:25%;}
.u4 {width:33.33%;}
.u4:last-child {width:33.34%;}
.u66 {width:16.66%;}
.u66:last-child {width:16.7%;}
.u7 {width:14.3%}
.u7:last-child {width:14.2%}
@media screen and (max-width: 1279px){
.t-u6 {width:50%;}
.t-u12 {width:100%;}
.t-u25 {width:20%;}
.t-u3 {width:25%;}
.t-u4 {width:50%;}
.t-u4:last-child {width:50%;}
.t-u7 {width:25%}
.t-u7:last-child {width:25%}
}
@media screen and (max-width: 1024px){
.t-u7 {width:50%}
.t-u7:last-child {width:50%}
}
@media screen and (max-width:768px){
.m-u6 {width:50%;}
.m-u12 {width:100%;}
.m-u25 {width:20%;}
.m-u3 {width:25%;}
.m-u4 {width:33.33%;}
.m-u4:last-child {width:33.34%;}
.t-u4 {width:100%;}
.t-u4:last-child {width:100%;}
.t-u6 {width:100%;}
}

@media screen and (max-width:480px){
.t-u7 {width:100%}
.t-u7:last-child {width:100%}
}

/*한예종관련 세팅*/
body, textarea,input, pre {font-family:"HelveticaNeueLTStd-Md",Helvetica,Arial,sans-serif;}
.cinner {margin:0 40px 0 130px;}
#contents {min-height: 600px}
@media screen and (max-width:768px){
    .cinner {margin:0 15px 0 58px;}
    #contents {min-height: 400px}
}

/*공통 ui아이콘*/
.uiset, a.closebtn, a.backbtn, 
#allsearch .search_area .submit_btn {display: inline-block; background:transparent url(/cn/images/common/uiset.png) no-repeat}
.uiset_new {display: inline-block; background:transparent url(/cn/images/common/ic_arrow_r.png) no-repeat}
.download_btn:hover .uiset_new {background:transparent url(/cn/images/common/ic_arrow_r_on.png) no-repeat}

.download_btn.flexCenter{ display: inline-flex; flex-wrap: wrap; align-items: center; width: auto}
.download_btn.flexCenter .uiset_new{ margin-top: 3px}

/*화살표아이콘*/
.uiset.arrow_down {background-position: -13px 0;width: 13px; height: 18px;}
.uiset.arrow_down.glay {background-position: 0 0;}
.uiset.arrow_up {background-position: -13px -18px;width: 13px; height: 18px;}
.uiset.arrow_up.glay {background-position: 0 -18px;}
.uiset_new.arrow_right {width: 18px; height: 18px;}


/* 글자없애기 */
.uiset, #allsearch_btn, #allmenu_btn, a.closebtn, a.backbtn,
.telicon, .faxicon, 
#allsearch .search_area .submit_btn {display: inline-block; overflow: hidden;text-align: left;text-indent: -9999px; color:transparent;}

/*포인트 텍스트 컬러*/
.p_color {color:#e60039;}

/* hover */
.hover_c:hover {color:#e60039;}


/*로딩화면*/
#loading {position: fixed; z-index: 900; top:0; left: 0; right: 0; bottom: 0; background: #fff url(/cn/images/common/loader.gif) no-repeat 50% 50%;}


/*상단공통*/
#header #logo.fix {position: fixed; top:50px; left:40px; z-index: 100}
#header #logo.fix:after {position: fixed; top:64px; left: 80px; content: ''; background: #000; width: 10px;bottom: 0; margin-bottom:40px;}
#header #fixnav {position: fixed; top:0;left:130px;right: 0; z-index: 999;}
#header #fixnav .cinner {position: relative;margin-left:0}
#header .textlogo {padding-top: 44px}
#header .lang_menu {position: absolute; top:10px;right: 0px; font-family: arial; opacity: 1;}
#header .lang_menu ul {font-size: 0;}
#header .lang_menu ul li {display: inline-block; font-size: 1rem; margin-left: 20px;}
#header .lang_menu ul li a {font-size: 0.75em; color:#000;}
#header .lang_menu ul li.current a {font-weight: bold}
#header #allsearch_btn, #header #allmenu_btn {width: 50px; height: 50px;}
#header #allsearch_btn {background: url(/cn/images/common/icon_search.png) no-repeat 50% 50%; background-size:27px auto;}
#header #allmenu_btn {background: url(/cn/images/common/icon_menu.png) no-repeat 50% 50%; background-size:28px 23px;}
#header .bar {height:10px; position: absolute; top:123px;left:0px;right:0px;  background: #000; }
#header .nav_ui {position: absolute; top:38px; right: -10px}
#header .nav_ui ul {overflow: hidden;}
#header .nav_ui ul li {float: left;margin-left:13px;}
/*고정될때*/
#header .bar, #header .lang_menu, #header #logo.fix, #header #logo.fix:after, #header .textlogo, #header .nav_ui {transition: all 0.3s linear}
#header.fix_on .bar {height: 0}
#header.fix_on .lang_menu {opacity: 0; top:-30px;}
#header.fix_on #logo.fix {top:40px;}
#header.fix_on .textlogo {padding-top: 34px;; display:none;}
#header.fix_on #logo.fix:after {top:54px;}
#header.fix_on .nav_ui {top:28px;}



.shc_logo {display:block;}
.lang_menu.in_lang {top:46px !important; right:100px !important; color:#ffffff; opacity:1 !important;}
.lang_menu.in_lang ul li a {color:#ffffff !important;}


/*상단모바일*/
@media screen and (max-width:768px){
.shc_logo {margin-top:30px;}
.lang_menu.in_lang {display:block !important; top:24px !important; right:70px !important;}


#header #logo.fix {top:25px; left:15px;}
#header #logo.fix:after {top:33px; left: 37px;width: 6px;}
.fix_on#header .fix#logo {top:25px; left:15px;}
.fix_on#header .fix#logo:after {top:33px; left: 37px;width: 6px;}
#header #fixnav {left:58px;}
#header.fix_on .nav_ui {top:18px;}
#header #logo.fix img {width: 28px;}
#header .lang_menu {display: none;}
#header .textlogo {padding-top: 22px;width: 240px; display:none;}
#header .textlogo img {width: 100%}
#header #allsearch_btn, #header #allmenu_btn {width: 30px; height: 30px;}
#header #allsearch_btn {background-size:15px 16px;}
#header #allmenu_btn {background-size:20px 16px;}
#header .nav_ui {top:18px; right:-5px;}
#header .bar {height:5px; top:60px;}
#header .nav_ui ul li {margin-left:3px;}
}


/* 팝업 */
#pop {position:absolute; left:130px; top:175px; width:285px; z-index:101; box-shadow:0 0 30px rgba(0, 0, 0, 0.5);}
#pop .pop_slider {position:relative;}
#pop .pop_slider > li {height:350px; padding-bottom:40px; background:#ffffff;}
#pop .pop_slider > li > a {font-size:20px; line-height:1.8; color:#000000; display:block;}
#pop .pop_slider > li.p_txt {padding:30px 30px 40px; background:#ffffff;}
#pop .bx-pager.bx-default-pager {text-align:center; position:absolute; width:100%; bottom:70px; z-index:99;}
#pop .bx-pager.bx-default-pager div {display:inline-block; vertical-align:middle; margin:0 10px;}
#pop .bx-pager.bx-default-pager div a {display:block; color:transparent; text-indent:-9999px; width:7px; height:7px; background:url('/cn/images/popup/pop_off.png') 0 0 no-repeat; background-size:7px auto;}
#pop .bx-pager.bx-default-pager div a.active {width:19px;height:19px;background:url('/cn/images/popup/pop_on.png') 0 0 no-repeat; background-size:19px auto;}
.pop_close {border-top:1px solid #dfdfdf; background:#ffffff;}
.pop_close a {float:left; width:50%; text-align:center; font-size:16px; padding:20px 0; display:block; color:#111111;}
.pop_close .week {position:relative;}
.pop_close .week:after {display:block; position:absolute; right:-1px; width:1px; height:100%; background:#dfdfdf; content:''; top:0;}
#pop .p_cl {display:inline-block; width:12px; height:12px; background:url('/cn/images/popup/close.png') 0 0 no-repeat; background-size:12px auto; margin-right:15px; vertical-align:middle; position:relative; top:-1px;}


/*전체메뉴*/
#allmenu, #allsearch {position: fixed; top:0;left:-100%;width: 100%; bottom:0; background: #000 url(/cn/images/common/allmenu_bg.gif) no-repeat 0 0; z-index: 200; opacity: 10.5;}
#allmenu a {color:#fff;}
#allmenu #gnb {height: 100%; padding-left: 72px; padding-top:100px; padding-bottom: 100px; overflow-y:auto;}
#allmenu #gnb .depth1 {}
#allmenu #gnb .depth1 > li > a, 
#allmenu #gnb .depth2 > li > a {font-size: 2.25em; padding:17px 0; display: inline-block; position: relative; font-weight: bold;}
#allmenu #gnb .depth1 > li > a:after, 
#allmenu #gnb .depth2 > li > a:after {position: absolute; content: ''; height: 3px; width:0%; background: #fff; bottom: 0; left:0; display: block; opacity: 0;transition: all 0.4s ease }
#allmenu #gnb .depth1 > li > a:hover:after,
#allmenu #gnb .depth2 > li > a:hover:after,
#allmenu #gnb .depth2 > li > a.active:after {width: 100%;opacity: 1;}
#allmenu #gnb .depth2, #allmenu #gnb .depth3 {display: none;}
#allmenu #gnb .depth2 {position: relative;}
#allmenu #gnb .depth3 {position: absolute; left:50%;  top: 0}
#allmenu .snsmunu {position: absolute; bottom: 40px; right: 0px; }
#allmenu .snsmunu ul {font-size:0; background: rgba(0,0,0,0.8); padding:0px 20px 24px 0;}
#allmenu .snsmunu ul li {padding:0 20px; font-size:1rem; display: inline-block;}
#allmenu .snsmunu ul li a {color:#fff; font-size:20px;}
/*#allmenu #gnb .depth2 > li:hover .depth3 {display: block;}*/
#allmenu #gnb .depth3 li a {font-size:20px; color:#777;line-height: 60px;}
@media screen and (max-width:1279px){
    #allmenu #gnb .depth3 {position: absolute; left:65%;}
}
a.closebtn {cursor: pointer; position: absolute; top:38px; right: 38px; width: 40px; height: 40px; background-position: 8px -192px;}
a.backbtn {cursor: pointer; position: absolute; top:38px; left: 68px; width: 40px; height: 40px; background-position: 8px -292px;}
/*전체검색*/
#allsearch .search_area {text-align: center; border-bottom:10px solid #fff; margin:auto 40px; position: relative;}
#allsearch .search_area input[type=text] { background: none; border:0; font-size: 40px;text-align: left; padding-bottom: 20px; width: 140px; color:#fff; transition:all 0.3s ease;}
#allsearch .search_area input[type=text].on {width: 400px; text-align: center;}
#allsearch .search_area .placeloader {position: absolute; color:#fff; opacity: 0.1; text-align: left; left:0; top:0;right: 0; font-size: 40px; width: 190px; margin:0 auto; font-weight: bold;z-index: -1}
#allsearch .search_area .submit_btn {display: inline-block; width: 40px; height: 40px; background-position: -96px 0px; border:0;}
#allsearch p {font-size: 20px;color:#fff; text-align: center; padding-top: 36px;}
input[type=text]::-ms-clear{  display: none;}

/*하단 공통 */
#footer .foot_top {text-align: center;  display: block;}
#footer .foot_top a {color:#b4b4b4; font-size: 28px; padding:20px; display: inline-block; transition: all 0.3s ease; font-family:'HelveticaNeue-Bold';}
#footer .foot_top a i {margin-left: 10px; vertical-align: middle; transition: all 0.3s ease;background-position: -13px -18px; opacity: 0.3;}
#footer .foot_top a:hover {color:#e60039;}
#footer .foot_top a:hover i{opacity: 1; background-position: -39px -18px;}
#footer .fnb {background: #000}
#footer .fnb ul {overflow: hidden;}
#footer .fnb ul li {float: left; width: 16.66%; position: relative;}
#footer .fnb ul li:after {position: absolute; content: ''; width: 1px;top:0; bottom:0; right: 0; background: #fff}
#footer .fnb ul li:last-child {width: 16.67%}
#footer .fnb ul li:last-child:after {display: none;}
#footer .fnb ul li a {color: #fff; padding:25px 0; text-align: center; display: block;font-weight: bold;}
#footer .fnb ul li a:hover, #footer .fnb ul li a:focus {color:#e60039;}
#footer .footer_info:after {content:''; display:block; clear:both;}
#footer .footer_info .col {padding:60px 40px; word-break: break-all; letter-spacing: -0.05em; line-height: 1.4}
#footer .footer_info .col strong {display: block;}
#footer .footer_info .col .copyright {color:#999;}
#footer .footer_info .col .telicon {display: inline-block; width: 16px; height: 16px; background: url(/cn/images/common/phone.gif) no-repeat 50% 50%; margin-right: 10px;}
#footer .footer_info .col .faxicon {display: inline-block; width: 16px; height: 16px; background: url(/cn/images/common/print.gif) no-repeat 50% 50%; margin-right: 10px}
#footer .footer_info .col ul li {margin-bottom: 8px;}
#footer .footer_info .col ul li:last-child {margin-bottom: 0}

#footer .footer_bar {border-top:10px solid #000000; padding:60px 0 40px;}
#footer .footer_info .fif_logo, #footer .footer_info .fif01 {float:left; padding-right:30px; font-size:16px; line-height:1.6;}
#footer .footer_info .fif_logo span {display:inline-block;  vertical-align:middle;}
#footer .footer_info .fif_logo .footer_logo {max-width:271px; width:100%; height:55px; background:url('/cn/images/common/logo_foot.png') 0 0 no-repeat; background-size:100% auto; margin-right:5px;}
#footer .footer_info .fif_logo {width:20%;}
#footer .footer_info .fif_box {width:80%; float:left;}
#footer .footer_info .fif_box:after {content:''; display:block; clear:both;}
#footer .footer_info .fif01 {width:25%;}
#footer .footer_info .fif_logo .copyright {color:#999; padding-top:25px; font-family:'HelveticaNeue-Light';}
#footer .footer_info .fif01 .fif_tit {font-weight:bold;}
#footer .footer_info .fif01 .fif_txt img {vertical-align:middle; margin-right:8px;}
#footer .footer_info .fif_con .fif_txt {margin-bottom:15px;}
#footer .footer_info .fif_con .fif_txt:last-child {margin-bottom:0px;}

/*k style 리스트*/
.kst_title {position: relative;}
.kst_title h2 { font-size:24px; font-weight: bold; letter-spacing: -0.025em; padding-bottom:24px}
.kst_title .more_btn {color:#000; font-size:1rem; letter-spacing: -0.01em; display: inline-block; position: absolute; right: 0; top:5px;}
.kst_title .more_btn:hover, .kst_title .more_btn:focus {color:#e60039;}

.kst_list {}
.kst_list .row .list_in_content img {width: 100%;}
.kst_list .row {margin-left: -40px;}
.kst_list .row .list_in_content {margin-left:40px; position: relative;}
.kst_list .row .list_in_content:hover {color:#e60039;}
.kst_list .row .list_in_content a {position: absolute; top:0; left: 0; right: 0; bottom: 0; z-index: 7; display: block;text-align: left; text-indent: -9999px; overflow: hidden; background:rgba(256,256,256,0);opacity:0}
.kst_list .u6 > .row {margin-left: -20px}
.kst_list .u6 > .row .list_in_content {margin-left:20px;  padding-right: 20px; position: relative;}
.kst_list .u6:first-child .kst_title {margin-right: 20px}
.kst_list .u6:last-child .kst_title {padding-left: 20px}
.kst_list .u6:last-child > .row .list_in_content {margin-left: 40px}
.kst_list .u6:last-child > .row .list_in_content {padding-right: 0px}
.kst_list .top_bar {height: 10px; width: 100%; background: #000; transition: all 0.5s linear}
.kst_list .list_in_content .subject {font-size: 36px; padding-top: 26px; padding-bottom: 10px; line-height: 1.2}
.kst_list .list_in_content .top_bar + figure {padding-top: 30px;}
.kst_list .list_in_content.date_left .subject {padding-left: 74px; font-size: 1.25rem; height: 82px; overflow: hidden; }
.kst_list .list_in_content.date_left .date {position: absolute; top: 36px; left:0; width:50px; text-align: center; color:#a5a5a5;}
.kst_list .list_in_content.date_left .date b {display: block; font-size: 1.75rem; font-weight: normal; }


/* 서브 하단 */
.snb {border-top:1px solid #e4e4e4; padding:60px 0;}
.snb:after {content:''; display:block; clear:both;}
.snb .snb_list {float:left; width:20%; text-align:left; padding-right:20px;}
.snb .snb_list li {margin-bottom:16px;}
.snb .snb_list li a {font-size:16px; color:#a5a5a5;}
.snb .snb_list li a:hover {font-weight:bold;}

@media screen and (max-width:1279px){
/* 서브 하단 */
.snb {display:none;}	
#footer .footer_bar {position:relative;}
#footer .footer_info .fif_box {border:5px solid #000000; padding:25px 14px; width:100%; float:none; background:#ffffff; position:absolute; bottom:150px; z-index:9;}
#footer .footer_info .fif_logo, #footer .footer_info .fif01 {float:none; width:100%; padding-right:0;}
#footer .footer_info .fif01 {padding-bottom:30px;}
#footer .footer_info .fif01:last-child {padding-bottom:0px;}
#footer .footer_info .fif_logo .footer_arr {width:21px; height:11px; background:url('/cn/images/common/arr_bottom.png') 0 0 no-repeat; background-size:21px 11px !important;}
#footer .footer_info .fif_logo a.arr .footer_arr {background:url('/cn/images/common/arr_top.png') 0 0 no-repeat;}
#footer .footer_info .fif_logo .footer_logo {width:122px; height:25px; background:url('/cn/images/common/footer_logo.png') 0 0 no-repeat; background-size:122px 25px;}

}
@media screen and (max-width: 1024px){
    #allmenu #gnb .depth3 {position: relative; left:auto;  top: auto}
    #allmenu #gnb .depth3 li a {font-size: 16px; line-height: 40px;}
} 
@media screen and (max-width:768px){
.kst_list .list_in_content .top_bar + figure {padding-top:15px;}
.kst_title h2 {font-size:18px; padding-bottom:18px;}
.kst_txt .kst_title h2.sub_kst_tit {padding-bottom:30px;}

/* k style 리스트 */
.kst_list .top_bar {height:5px;}
.kst_list .list_in_content .subject {font-size:19px; padding-top:15px;}
.kst_list .list_in_content .date {font-size:19px;}

/*전체메뉴*/
#allmenu, #allsearch {background: #000 url(/cn/images/common/allmenu_bg.gif) no-repeat 0 0; background-size: contain;}
#allmenu #gnb {padding-left: 25px;overflow-y:auto;}
#allmenu #gnb .depth1 {padding-bottom: 100px;}
#allmenu #gnb .depth1 > li > a, 
#allmenu #gnb .depth2 > li > a {font-size: 1.25em; padding:15px 0; display: inline-block; position: relative;}
#allmenu #gnb .depth1 > li > a:after, 
#allmenu #gnb .depth2 > li > a:after {position: absolute; content: ''; height: 3px; width:0%; background: #fff; bottom: 0; left:0; display: block; opacity: 0;transition: all 0.4s ease }
#allmenu #gnb .depth1 > li > a:focus:after,
#allmenu #gnb .depth2 > li > a:focus:after {width: 100%;opacity: 1;}
#allmenu #gnb .depth3 {position: relative; left:auto;  top: auto}
#allmenu #gnb .depth3 li a {font-size: 16px; line-height: 40px;}
a.closebtn {top:15px; right: 10px; background-size: 300px 300px; background-position:-38px -89px}
a.backbtn { top:15px; left: 15px; background-size: 300px 300px; background-position:-41px -138px}
/*전체검색*/
#allsearch .search_area {text-align: center; border-bottom:5px solid #fff; margin:auto 0;}
#allsearch .search_area input[type=text] { background: none; border:0; font-size: 1.5em;text-align: left; padding-bottom: 20px; width: 100px; color:#fff; transition:all 0.3s ease;}
#allsearch .search_area input[type=text].on {width: 200px; text-align: left;}
#allsearch .search_area .placeloader {position: absolute; color:#fff; opacity: 0.1; text-align: left; left:0; top:0;right: 0; font-size: 1.5em; width: 139px; margin:0 auto; font-weight: bold;z-index: -1}
#allsearch .search_area .submit_btn {display: inline-block; width: 40px; height: 40px; background-position: -96px 5px; border:0;position: relative;}
#allsearch p {padding-top: 15px; font-size: 16px;}
#allmenu .snsmunu {right: auto; left:auto; position: relative;}
#allmenu .snsmunu ul li {padding:0 23px;}
#allmenu .snsmunu ul li a {font-size:13px;}
/* 하단 공통 */
#footer .fnb ul li {width:50%;}
#footer .fnb ul li a {padding:15px 0; font-size:14px;}
#footer .foot_top {text-align:left;}
#footer .foot_top a {font-size:19px; padding:0 0 20px 0;}
#footer .fnb ul li:last-child:after {display:block;}

#footer .footer_bar {padding:30px 0 20px; border-top:5px solid #000000;}
#footer .footer_info .fif_logo .footer_arr {width:10px; height:6px; background:url('/cn/images/common/arr_bottom.png') 0 0 no-repeat; background-size:10px 6px !important;}
#footer .footer_info .fif_logo .footer_logo {width:97px; height:20px; background:url('/cn/images/common/footer_logo.png') 0 0 no-repeat; background-size:97px 20px;}
#footer .footer_info .fif_box  {bottom:110px;}

/* 팝업 */
#pop {top:20%; right:50%; margin-right:-142px;}
#pop .pop_slider > li.p_txt {padding:20px;}
#pop .pop_slider > li > a {font-size:16px;}


}

@media screen and (max-width:480px){
#footer .footer_info .fif_box  {bottom:150px;}
}

/*more 버튼*/
a.line_more_btn {display: inline-block; padding-bottom: 12px; position: relative; color:#000; font-size: 1rem;vertical-align: 1rem; }
a.line_more_btn.w {color:#fff;}
a.line_more_btn:after, a.line_more_btn:before {position: absolute; content: ''; display: block;  height: 3px;  bottom:0; transition: all 0.3s ease 0.4s;}
a.line_more_btn:after {background:#e60039;width: 100%;z-index:1; right:0;}
/* a.line_more_btn:before {background: #000; width:0%; z-index: 3} */
a.line_more_btn:hover:after {width:0%;transition-delay: 0s;}
a.line_more_btn:before {width:0%; height:10px; bottom:14px; background:#e60039; z-index:-1;  left:0;transition-delay:0s;}
a.line_more_btn:hover:before {width:100%; padding-right:10px;transition-delay: 0.4s;}
a.line_more_btn:hover:before {width:100%;}

/*다운로드 버튼*/
.download_btn {display: inline-block;position:relative; color:#000;}
.download_btn i {margin-left: 14px; vertical-align: top; margin-top: 20px}
.download_btn:after {position: absolute; bottom:0px; right: 0; height: 3px; content: '';background: #000; width:100%; z-index: 0}
.download_btn:hover {color:#e60039;}
.download_btn:focus:after, .download_btn:hover:after {width: 0%;}
.download_btn:hover i.uiset.arrow_down {background-position: -39px 0px}
.download_btn, .download_btn:after {transition: all 0.3s ease;}
@media screen and (max-width: 768px){
    .download_btn i.uiset.arrow_down {margin-top:auto; vertical-align: middle; margin-left: 10px; background-size: 400px; background-position: -7px 0; height: 12px}
}

/*세로중앙 table-cell*/
.distb {display: table; width: 100%; height: 100%}
.distb-cell {display: table-cell; vertical-align: middle; width: 100%; height: 100%; word-break: break-all;}



/*text애니메이션*/
ins { text-decoration: none; }
.textani.aos-init {position: relative; display: inline-block; position: relative; color:transparent; transition: color 0.1s linear; transition-delay: 1s}
.textani.aos-init:before {position: absolute; content: '';display: block; top:0; left: 0; bottom:0; background: #000; width:0; opacity: 1; z-index: 99}
.textani.aos-init.pk:before {background: #e60039}
.textani.aos-init.gr:before {background:#a5a5a5;}
.textani.aos-init.aos-animate {color:#000;}
.textani.aos-init.aos-animate.pk {color:#e60039;}
.textani.aos-init.aos-animate.gr {color:#a5a5a5;}
.textani.aos-init.aos-animate:before {left: 100%; animation: cusani 1.4s ease}
.textani.aos-init.aos-animate.w {color:#ffffff;}

/*검은라인 애니메이션*/
.top_bar.aos-init {width: 0;transition:all 0.7s ease; }
.top_bar.aos-init.aos-animate {width: 100%; }

@keyframes cusani {
	0% {width:0; left:0;}
	30% {width: 100%; left:0;}
	70% {width: 100%; left:0;}
	100% {left:100%;}
}

.easeUp.aos-init {opacity: 0; transform:translateY(40px); transition:all 0.8s ease-out;}
.easeUp.del100.aos-init {transition-delay: 0.1s !important;}
.easeUp.del200.aos-init {transition-delay: 0.2s !important;}
.easeUp.del300.aos-init {transition-delay: 0.3s !important;}
.easeUp.del400.aos-init {transition-delay: 0.4s !important;}
.easeUp.del500.aos-init {transition-delay: 0.5s !important;}
.easeUp.del600.aos-init {transition-delay: 0.6s !important;}
.easeUp.del700.aos-init {transition-delay: 0.7s !important;}
.easeUp.aos-init.aos-animate {opacity: 1; transform:translateY(0px);}


/*서브비쥬얼 모션*/
.fixvisuarl {margin-bottom: 200px;}
.fixvis_text {height: 100%; position: relative; min-height: 866px; color:#ffffff; padding:15% 0 3%;}
.fixvis_text .distb-cell {padding-left: 300px; padding-right: 206px;}
.fixvis_text h3, .fixvis_text p {color: #fff;}
.fixvis_vis01 {
	background: url(/cn/images/schools/sub_vis01.jpg) no-repeat 50% 0%; transition:all 0.5s ease-out;
	}
.fixvis_vis02 {background: url(/cn/images/schools/sub_vis02.jpg) no-repeat 50% 0%; transition:all 0.5s ease-out;}
.fixvis_vis {z-index: -1; position: absolute; top:0; left:0; bottom: 0; right: 0;}
.fixvis_text .wd50 {width:50%;}
.fixvis_text .ft40 {margin-bottom:15px;}
.kta .fixvis_vis01 {background: url(/cn/images/schools/kta_vis01.jpg) no-repeat 50% 0%;}
.kta .fixvis_vis02 {background: url(/cn/images/schools/kta_vis02.jpg) no-repeat 50% 0%;}
.sd .fixvis_vis01 {background: url(/cn/images/schools/sd_vis01.jpg) no-repeat 50% 0%;}
.sd .fixvis_vis02 {background: url(/cn/images/schools/sd_vis02.jpg) no-repeat 50% 0%;}
.sft .fixvis_vis01 {background: url(/cn/images/schools/sft_vis01.jpg) no-repeat 50% 0%;}
.sft .fixvis_vis02 {background: url(/cn/images/schools/sft_vis02.jpg) no-repeat 50% 0%;}
.sod .fixvis_vis01 {background: url(/cn/images/schools/sod_vis01.jpg) no-repeat 50% 0%;}
.sod .fixvis_vis02 {background: url(/cn/images/schools/sod_vis02.jpg) no-repeat 50% 0%;}
.sva .fixvis_vis01 {background: url(/cn/images/schools/sva_vis01.jpg) no-repeat 50% 0%;}
.sva .fixvis_vis02 {background: url(/cn/images/schools/sva_vis02.jpg) no-repeat 50% 0%;}

.scll_wrap {display:block; color:#ffffff; width:40px; text-align:center; padding-top:12%;}
.scll_wrap .scll {display:block; width:13px; height:20px;  background:url('/cn/images/schools/scroll.png') 0 0 no-repeat; background-size:13px auto; margin:0 auto 10px;}

@media screen and (max-width:1024px){
.fixvis_text {padding:20% 0 4%;}    
.fixvis_text .wd50 {width:100%;}
.scll_wrap {padding-top:16%;}
.fixvisuarl {margin-bottom: 150px;}
}

@media screen and (max-width:768px){
.fixvis_text {padding:80px 0 16px; min-height:611px}    
.scll_wrap {padding-top:64px;}
.fixvisuarl {margin-bottom: 150px;}
}

/****************************** 중국어 추가 *************************************/
html[lang=cn] #footer .footer_info .fif_logo .footer_logo {background: url(/cn/images/common/logo_foot_cn.png) 0 0 no-repeat;}
html[lang=cn] body, html[lang=cn] textarea, html[lang=cn] input, html[lang=cn] pre {font-family: "Microsoft-YaHei";}


@media screen and (max-width:768px){
html[lang=cn] #footer .footer_info .fif_logo .footer_logo {background: url(/cn/images/common/footer_logo.png) 0 0 no-repeat; background-size: 97px 20px;}
.fi_con {position:absolute; width:40px; height:40px; background-size:40px 40px !important;}
}

html[lang=zh] #footer .footer_info .fif_logo .footer_logo {background: url(/cn/images/common/logo_foot_cn.png) 0 0 no-repeat;}
html[lang=zh] body, html[lang=zh] textarea, html[lang=zh] input, html[lang=zh] pre {font-family: "Microsoft-YaHei";}


@media screen and (max-width:768px){
html[lang=zh] #footer .footer_info .fif_logo .footer_logo {background: url(/cn/images/common/footer_logo.png) 0 0 no-repeat; background-size: 97px 20px;}
.fi_con {position:absolute; width:40px; height:40px; background-size:40px 40px !important;}
}
.list_in_content {word-break: break-all;}

/*2022-04-22 헤더 공연전시캘리더 버튼*/
.playCalendar{ position: absolute; right: 10px; bottom: -150px; width: 80px; height: auto; line-height: +1.3}
.playCalendar a{ color: #fff; display: block; width: 100%; height: 100%; padding: 5px 5px; font-size: 15px; text-align: center; transition:all ease-in-out 0.2s; background: #000; word-break: break-word}
.playCalendar a:focus,
.playCalendar a:hover{ background: #e60039}
.playCalendar .icCalendar{ background: url("/cn/images/common/ic_calendar.png") no-repeat center / 40px auto; width: 100%; height: 55px; display: inline-block; padding-top: 21px; font-size: 1.125rem; font-weight: 500}
@media screen and (max-width: 768px){
  .playCalendar{ right: 5px; bottom: -104px; width: 70px}
  .playCalendar a{ font-size: 14px}
  .playCalendar .icCalendar{ height: 40px; background-size: 30px auto; padding-top: 14px; font-size: 1rem}
}