@charset "utf-8";
 
@import url("../fonts/Moebius/fonts.css");
@import url("../fonts/NanumBarunGothic/fonts.css");

 /* _Header */
 div#header_wrap {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000; 
    background: #fff;
    min-height: 60px;
    right: 0px;
    left: 0;
    box-shadow: 0px 2px 5px rgb(0 0 0 / 10%);
}
 div#header_wrap > div {position: relative; max-width:1920px; margin: 0 auto;}
 /*
 div#header_wrap h1 {position: absolute; left:4.5%; top:22px; width:142px; height:37px; background: url('../images/common/header_logo.png') 0 0 no-repeat; background-size:100%;}
 */
 div#header_wrap h1 {position: absolute; left:4.5%; top:17px; width:142px; height:37px; background: url('../images/common/header_logo.png') 0 0 no-repeat; background-size:100%;}
 div#header_wrap h1 a {display: block;height: 100%; text-indent: -10000px;}
 
 video {max-width:100%;}
 
.inner-wrapper {
    display: table;
    min-height: auto;
    padding-top: 30px;
    table-layout: fixed;
    overflow: hidden;
    width: 100%;
    padding-left: 16px;
    padding-right: 16px;
}
 
/* Reset */
html {
 overflow-y:auto;}
body {
    color:#454545;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button, strong{margin:0;padding:0;font-weight:300;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
fieldset,img {border:0;}
ul,li {list-style:none;}
button {border:0;cursor:pointer;}
table {table-layout:fixed;border-collapse:collapse;border-spacing:0;word-wrap:break-word;}
button,
input[type="text"],
input[type="password"],
input[type="tel"],
input[type="email"],
input[type="search"],
input[type="button"],
input[type="submit"],
input[type="reset"],
input[type="file"],
input[type="search"],
textarea {resize:none;-webkit-appearance:button;}
select {font-family:'Dotum'; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
select::-ms-expand {display:none;}
a {text-decoration:none;}
a:active,
a:focus,
a:hover {text-decoration:none;}
button, label {cursor:pointer;}
button {border:0; background:transparent;}
button::-moz-focus-inner {padding:0; border:0;}
/*
input, textarea, button {-webkit-appearance:none; -moz-appearance:none; appearance:none;}
*/
input, textarea, button, select {-webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; border-radius:0;}
.header {
    background-color: transparent; 
    background-image: none;
    background-image: none;
	border-bottom:none;
}

input[type=text], input[type=password], input[type=image], textarea, button {font-family:'Nanum Barun Gothic', sans-serif; border-radius:0;
-webkit-appearance:none; -moz-appearance:none; appearance:none;}
input[type="text"]::-ms-clear{display:none;}
input[type="radio"], input[type="checkbox"]{position:relative; margin:0; padding:0;}

hr,
legend,
caption,
.blind {overflow:hidden;position:absolute;left:-9999px !important;top:-9999px !important;}

/*caption{display:none;}*/ /* 접근성(2018-03-16)_caption인식 */
em {font-style:normal;}
img {vertical-align:top;}
pre{white-space: pre-wrap;color:#000;}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #acb6be;font-weight:400;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #acb6be;font-weight:400;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #acb6be;font-weight:400;
}
:-moz-placeholder { /* Firefox 18- */
  color: #acb6be;font-weight:400;
}
.t100 {top:100px !important;}
.pb100 {padding-bottom:100px !important;}
.tm0 {margin-top:0px !important;}

.pt0 {padding-top:0px;}
.pt5 {padding-top:5px;}
.pt10 {padding-top:10px;}
.pt15 {padding-top:15px;}
.pt20 {padding-top:20px;}
.pt25 {padding-top:25px;}
.pl0 {padding-left:0px;}
.pl5 {padding-left:5px;}
.pl10 {padding-left:10px;}
.pl15 {padding-left:15px;}
.pl20 {padding-left:20px;}
.pl25 {padding-left:25px;}
.pr0 {padding-right:0px;}
.pr5 {padding-right:5px;}
.pr10 {padding-right:10px;}
.pr15 {padding-right:15px;}
.pr20 {padding-right:20px;}
.pr25 {padding-right:25px;}
.pb0 {padding-bottom:0px;}
.pb5 {padding-bottom:5px;}
.pb10 {padding-bottom:10px;}
.pb15 {padding-bottom:15px;}
.pb20 {padding-bottom:20px;}
.pb25 {padding-bottom:25px;}
.mt0 {margin-top:0px;}
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt35 {margin-top:35px !important;}
.ml0 {margin-left:0px;}
.ml5 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.ml25 {margin-left:25px;}
.mr0 {margin-right:0px;}
.mr5 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}
.mr20 {margin-right:20px;}
.mr25 {margin-right:25px;}
.mb0 {margin-bottom:0px;}
.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;} 
.mb25 {margin-bottom:25px;} 

.overHidden {position: fixed;}
.red {color:#f74b4b;}
.orange {color:#ff6633;}


/* Skip Navigation */
.skip_nav {font-family:dotum;text-align:left;margin:0;padding:0;position:absolute;} /*All incl Opera*/
.skip_nav {display:block;} /*Seen by IE*/
:root .skip_nav {display:block;} /*Seen by Moz, FF and Safari*/
.skip_nav a {position:absolute;left:-200em;width:14em;padding:0 0.5em;display:inline;text-decoration:none;z-index:1000;}
.skip_nav a:focus, .skip_nav a:active {position:absolute;left:0;padding:10px;border:solid #333 1px;color:#fff;background:#000;}
.skip_nav a:hover {cursor:default;}

html,body{width:100%;height:100%;}
.i-refresh {
    background-image: url(../images/i_refresh.png);
    width: 14px;
    height: 15px;
    background-position: left top;
    display: inline-block;
    vertical-align: top;
    margin-top: 2px;
    margin-left: 5px;
    cursor: pointer;
}



/* ========== 공통 레이아웃 ========== */
.wrapper {
	position:relative; width:100%;font-family:"Nanum Barun Gothic", sans-serif;
	word-break:keep-all; word-wrap:break-word; font-size:18px; background-color: #ffffff; float:left;
}
a.con-link {color:inherit;text-decoration:none;}


/* skip Navigation */
#skipNavi dl {position:absolute;}
#skipNavi dt {position:absolute; top:-10000px;}
#skipNavi dd a {position:absolute; display:block; width:200px; left:50%; text-align:center; top:-10000px; z-index:999; font-size:16px;}
#skipNavi dd a:hover,
#skipNavi dd a:focus,
#skipNavi dd a:active {position:absolute; top:5px; padding:15px 0; margin-left:-500px; font-weight:bold; color:#fff; text-decoration:underline; background:#336ea2;}



/* _서브공통 */

/* _페이징 */
.paging{clear: both; margin-top:45px;}
.paging > ul{margin:-5px 0;font-size: 0; line-height: 0; text-align: center;}
.paging > ul > li{padding:5px 5px;display: inline-block; vertical-align: middle;}
.paging > ul > li .item{font-size: 16px; color:#313336;line-height: 1.2em; min-width:30px;height: 30px; text-align: center;padding:4px 5px 5px;display: block;border:solid 1px transparent;position: relative;box-sizing: border-box;}

/* _화살표 */
.paging > ul > li.prev{padding-right:15px;}
.paging > ul > li.next{padding-left:15px;}
.paging > ul > li.first .item,
.paging > ul > li.prev .item,
.paging > ul > li.next .item,
.paging > ul > li.last .item{text-indent: -99999px; height: 30px;}


/* _조건값 */
.paging > ul > li .item.active{color:#000 !important;font-weight: bold;}
.paging > ul > li a.item:hover{color:#000;font-weight: bold;}


/* _아이콘 */
.paging > ul > li.first .item:after{content: "";width:11px;height: 9px;background: url('../images/common/paging_btn_first.png') no-repeat; display: block; position: absolute; top:50%; left:50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);}
.paging > ul > li.prev .item:after{content: "";width:6px;height: 9px;background: url('../images/common/paging_btn_prev.png') no-repeat; display: block; position: absolute; top:50%; left:50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);}
.paging > ul > li.next .item:after{content: "";width:6px;height: 9px;background: url('../images/common/paging_btn_next.png') no-repeat; display: block; position: absolute; top:50%; left:50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);}
.paging > ul > li.last .item:after{content: "";width:11px;height: 9px;background: url('../images/common/paging_btn_last.png') no-repeat; display: block; position: absolute; top:50%; left:50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);}
 
 /* _Header */
 
div#header_wrap > div {position: relative; max-width:1920px; margin: 0 auto;}
/*
div#header_wrap h1 {position: absolute; left:4.5%; top:22px; width:142px; height:37px; background: url('../images/common/header_logo.png') 0 0 no-repeat; background-size:100%;}
*/
div#header_wrap h1 {
    position: absolute;
    top: 11px;
    width: 93px;
    left: 2.5%;
    background: url(../images/header_logo_s.png) 0 0 no-repeat;
    width: 151px;
    height: 42px;
    margin-left: 0px;
    margin-top: 0;
    margin-bottom: 0;
}
div#header_wrap h1 a {display: block;height: 100%; text-indent: -10000px; height:42px;}


/* _Gnb */
p.view_gnb,
p.btn_close {display: none;}

div.gnb_wrap { text-align: center;}	
div.gnb_wrap {border-bottom:none;}

ul#gnb { display: block; text-align: right; box-shadow: 0px 1px 3px rgb(0 0 0 / 20%); }
ul#gnb a {display: block; font-family:'Nanum Barun Gothic', sans-serif; line-height:26px; color:#333; text-decoration: none; text-align:left;}

ul#gnb > li {display: inline-block; vertical-align:top;}
ul#gnb > li {
	display: inline-block; padding-right:60px; vertical-align:top; width:190px;
}
ul#gnb > li:first-child {margin-left: 0; min-width:91px}

 
ul#gnb > li > a {
    font-size: 18px;
    line-height: 48px;
    font-weight: 300;
    color: #000;
    text-decoration: none;
    font-family: Montserrat, 'Nanum Barun Gothic', sans-serif;
    font-weight: 500;
    padding-top: 12px;
    min-width:92px;
    padding-bottom:8px;
}
ul#gnb > li > a span {display: inline-block;box-sizing:border-box; border-bottom:4px solid transparent;} 
ul#gnb > li > a:hover span,
ul#gnb > li.on > a span { border-bottom:4px solid #fc991f; }
ul#gnb ul.sub_gnb {display: none; padding: 12px 0 24px;}
ul#gnb ul.sub_gnb > li > a {margin-top:8px; padding:3px 0; font-size:15px; line-height:20px; font-weight:500;}
ul#gnb ul.sub_gnb > li > a.link_m {display: none;}
ul#gnb ul.sub_gnb > li > a.link_m + a {display: block;}
ul#gnb ul.sub_gnb > li:first-child a {margin-top:0;}
ul#gnb ul a {display:block;}
ul#gnb li.view.viewOn > a {background-position:right -18px; color: #3fbe93;}
	
ul#gnb ul.depth a:hover {color: #3fbe93;}
ul#gnb ul.depth {margin-top:3px;}
ul#gnb ul.depth a {font-size:14px; font-weight:300; color:#555; text-align:left;}
ul#gnb ul.depth a img {padding-left:5px; vertical-align:middle;}



/* _언어 선택 */
div.lang_area {position: absolute; top:23px; right:4.5%; width:70px; text-align: center; background-color:#FFF;}
div.lang_area a {display: block; font-family:'Nanum Barun Gothic', sans-serif; font-size:16px; color:#666;}

div.lang_area > p {padding-bottom:20px;}
div.lang_area > p.on {border-bottom:2px solid #50b947;}
div.lang_area > p a {background:#FFF url('../images/common/lang_bl_toggle.png') no-repeat right 17px; font-size:16px; line-height:36px;}

div.lang_area ul {padding:10px;}



/* _Footer MAIN */
footer { color:#888888; 
    font-size:12px; 
    text-align:center;
    border-top:1px solid #eeeeee;
    padding-top:20px;
    padding-bottom:23px;
    background-color: #fafafa;
    width:100%;
    float:left;
    position:relative;
    line-height: 1.6;
}
 
footer .sns{position:fixed;right:32px;bottom:20px; 
    margin-left:14px; 
    background-color: rgba(255,255,255,0.5); 
    box-shadow: 1px 1px 5px rgb(0 0 0 / 20%);
    border-radius: 3px;
    z-index: 10;
}
@media screen and (max-width:480px){
    footer .sns{ right:24px; bottom:16px;} 
}
footer .sns li {
    height: 25px;
    width: 25px;
    margin: 5px; 
}
footer .sns a {width:25px;height:25px;text-indent:-9999px;overflow:hidden; display:inline-block;}
footer .sns a.btn_scroll_top {background:url(../images/layout/btn_footer_topscroll.png) no-repeat;}
footer .sns a.btn_kakao {background:url(../images/layout/btn_footer_sns_kakao.png) no-repeat;}
footer .sns a.btn_kakaoch {background:url(../images/layout/btn_footer_sns_kakaoch.png) no-repeat;} /* 2020-06-01 */
footer .sns a.btn_youtube {background:url(../images/layout/btn_footer_sns_youtube.png) no-repeat;}
footer .sns a.btn_instagram {background:url(../images/layout/btn_footer_sns_instagram.png) no-repeat;}
footer .sns a.btn_naverpost {background:url(../images/layout/btn_footer_sns_naverpost.png) no-repeat;} /* 2020-08-20 */

@media screen and (min-width:1025px){
    footer { 
        font-size:13px; 
    }
    div.content {width:100%; padding:110px 0 0px; box-sizing:border-box;}

    /* _페이징 */
    .paging{margin-top:35px;}
	.paging > ul > li.prev{padding-right:10px;}
	.paging > ul > li.next{padding-left:10px;}
	.paging > ul{margin:-3px 0;}
	.paging > ul > li{padding:3px 3px;}
	.paging > ul > li .item{font-size: 14px;padding:5px 5px 6px;}

    /* _Footer MAIN */
    .wrapper.main div.footer_cont {float:left;}
	.wrapper.main ul.footer_menu {font-size:0;line-height:0;}
    .wrapper.main ul.footer_menu li {padding:0 17px 0 18px;background: url('../images/common/footer_bar.png')no-repeat left 6px;}
    .wrapper.main ul.footer_menu li a {font-size:16px;line-height:1.4;}

    .wrapper.main div.footer_info {/*padding-top:80px;*/background: url('../images/common/footer_celltrion_logo_main.png')no-repeat left 20px;}
	.wrapper.main div.footer_info ul li {margin-left:10px;}
    .wrapper.main div.footer_info address {font-style: normal;}
    .wrapper.main div.footer_info p {font-size:11px;padding-top:8px;}


	.wrapper.main  div.footer_sns_site {position: absolute;right:0;bottom:34px;}
    .wrapper.main div.footer_sns_site:after {content:"";display: block;clear: both;}
    .wrapper.main ul.sns_area {overflow:hidden;position:absolute;right:0;bottom:62px;}
    .wrapper.main ul.sns_area li {float:left;margin-left:18px;}
    .wrapper.main ul.sns_area li a {display:block;width:36px;height:36px;border:1px solid #e0e0e0;border-radius: 20px;box-sizing:border-box;text-align:center;padding-top:10px;}

    .wrapper.main div.footer_site > div {display:inline-block;margin-left:8px;}
    .wrapper.main div.footer_site > div:first-child {margin-left:0;}

    .wrapper.main div.brand_site,
    .wrapper.main div.related_site {position: relative; width:180px;}
    .wrapper.main div.brand_site a,
    .wrapper.main div.related_site a {display: block; color:#888;}
    .wrapper.main div.brand_site > a,
    .wrapper.main div.related_site > a,
    .wrapper.main div.brand_site > ul a,
    .wrapper.main  div.related_site > ul a {padding-left:20px; font-size:15px; line-height:42px;}

    .wrapper.main  div.brand_site > a,
    .wrapper.main  div.related_site > a {position: relative; border: 1px solid #dedede;}
    .wrapper.main div.brand_site > a i,
    .wrapper.main div.related_site > a i {right:19px; top:17px;}
    .wrapper.main div.brand_site > ul,
    .wrapper.main div.related_site > ul {display: none; position: absolute; bottom:100%; left: 0; width:100%; background-color:#fff; border:1px solid #dedede; border-bottom:0 none; box-sizing:border-box;}


    /* _Footer */
    #footer_wrap {width:100%;height:213px;padding:38px 80px 0;}

    div.footer_cont {float:left;}
        ul.footer_menu {font-size:0;line-height:0;}
        ul.footer_menu li {padding:0 17px 0 18px;background: url('../images/common/footer_bar.png')no-repeat left 6px;}
        ul.footer_menu li a {font-size:16px;line-height:1.4;}

        div.footer_info {padding-top:80px;background: url('../images/common/footer_celltrion_logo.png')no-repeat left 20px;}
        div.footer_info ul li {margin-left:10px;}
        div.footer_info address {font-style: normal;}
        div.footer_info p {font-size:11px;padding-top:8px;}


    div.footer_sns_site {position: absolute;right:0;bottom:34px;}
    div.footer_sns_site:after {content:"";display: block;clear: both;}
        ul.sns_area {overflow:hidden;position:absolute;right:0;bottom:62px;}
        ul.sns_area li {float:left;margin-left:18px;}
        ul.sns_area li a {display:block;width:36px;height:36px;border:1px solid #e0e0e0;border-radius: 20px;box-sizing:border-box;text-align:center;padding-top:10px;}

        div.footer_site {margin-top:20px;}
        div.footer_site > div {display:inline-block;margin-left:8px;}
        div.footer_site > div:first-child {margin-left:0;}

        div.brand_site,
        div.related_site {position: relative; width:180px;}
        div.brand_site a,
        div.related_site a {display: block; color:#888;}
        div.brand_site > a,
        div.related_site > a,
        div.brand_site > ul a,
        div.related_site > ul a {padding-left:20px; font-size:15px; line-height:42px;}

        div.brand_site > a,
        div.related_site > a {position: relative; border: 1px solid #dedede;}
        div.brand_site > a i,
        div.related_site > a i {right:19px; top:17px;}
        div.brand_site > ul,
        div.related_site > ul {display: none; position: absolute; bottom:100%; left: 0; width:100%; background-color:#fff; border:1px solid #dedede; border-bottom:0 none; box-sizing:border-box;}

}



@media screen and (max-width:1200px){
	
	/* _headerWrap */
	div#header_wrap h1 {left:50%; margin-left:-75px; top: 7px;}
	
	/* _gnb */
	p.view_gnb,
	div.gnb_wrap p.btn_close {display:block;}

	p.view_gnb {position: absolute; left:15px; top:17px;}
	p.view_gnb a {display: block; width:25px; height:20px; background:url('../images/common/headerIcon_gnbMenu_m.png') no-repeat 0 0; background-size:100%; font-size: 0; line-height: 0;}


	div.gnb_wrap {display: none; position: fixed; top:0; left: 0; z-index:500; width:100%; height: 100%; background-color:inherit; overflow-x:hidden; overflow-y:auto;}
	div.gnb_wrap:before {content:''; display: block; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.5);}

	div.gnb_inner {position:absolute; left:0; top:0; width:600px; height: 100%; background-color:#FFF; box-sizing:border-box; overflow-y:auto;}
	div.gnb_inner > p:first-child {display: block; padding:17px; background-color:#78c9b6; font-size:18px; line-height: 18px; color: #FFF;}
	
	ul#gnb {
        box-sizing: border-box;
        width: 100%;
        padding: 15px 20px;
        margin-left: 0;
        margin-top: 44px;
        border-top: 1px solid #ddd;
        box-shadow: none;
    }
	ul#gnb > li {display: block; width:100%; border-bottom: 1px solid #dcdcdc; padding-right:0px;}
    ul#gnb > li > a {height:auto; margin-right:0; padding:0 10px; background:url('../images/common/gnb_bl_toggle.png') no-repeat right 24px; 
        background-size:22px auto; font-size:18px; line-height:60px; }

	ul#gnb ul.sub_gnb {display: none; padding-top:0; height: auto !important;}
	ul#gnb ul.sub_gnb > li > a {margin-top:0; padding-left:10px; font-size:15px; font-weight: 400; line-height:40px; color: #555;}
	ul#gnb ul.sub_gnb > li > a.link_m + a {display: none;}
	ul#gnb ul.sub_gnb > li > a.link_m {display:block;}

	ul#gnb ul.depth {display:none; padding-bottom:14px;}
	ul#gnb ul.depth a {padding-left:20px; font-size:14px; line-height:30px; color: #aaa;}

	ul#gnb > li.view > a {background-position:right -38px;}
	ul#gnb > li > a:hover,
	ul#gnb > li.on > a {height:auto; padding-bottom:0; border:0 none;}	

	ul#gnb > li > a:hover span,
	ul#gnb > li.on > a span {padding-bottom:0; border-bottom:0 none;}
	
	ul#gnb ul.sub_gnb > li.visible > a {background:url('../images/common/subGnb_bl_toggle.png') no-repeat right -19px; background-size:22px auto;}
	ul#gnb ul.sub_gnb > li.visible.view a {background-position:right 16px;}


	div.gnb_inner p.btn_close {position: absolute; top:15px; right:15px; z-index: 200;}
	div.gnb_inner p.btn_close a {display: block; width:15px; height: 15px; background: url('../images/common/headerIcon_btnClose_m.png') no-repeat 0 0; background-size:15px; font-size: 0; line-height: 0;}

	
	/* _언어 선택 */
	div.lang_area {position: relative; right:auto; top:auto; width:auto; border-bottom: 1px solid #dcdcdc;}

	div.lang_area > p:first-child {display: none;}

	div.lang_area > ul {display: block; overflow:hidden; padding:13px 15px 12px 30px;}
	div.lang_area > ul li {float: left; padding-left:20px;}
	div.lang_area > ul li:first-child {padding-left:0;}
	div.lang_area > ul li a {font-size:13px; line-height:20px; color: #999;}
	div.lang_area > ul li.active a {font-weight: bold; color: #000;}

	/* _footer */
	#footer_wrap {padding: 38px 40px 0;}

	.wrapper.main #section-5 #footer_wrap {padding:35px 40px 0;}
    .wrapper.main div.footer_site {margin-top:45px;}
    
    .input-search input.form-control:first-child {
        height: 42px;
    }
    .wrapper {
        font-size:15px;
    }

}


@media screen and (max-width:1024px) and (min-width:768px){
    
    div.content {width:100%;padding:30px 0 100px;box-sizing:border-box;}

    /* _페이징 */
    .paging{margin-top:25px;}
	.paging > ul > li.prev{padding-right:5px;}	
	.paging > ul > li.next{padding-left:5px;}
	.paging > ul{margin:-2px 0;}
	.paging > ul > li{padding:2px 2px;}
    .paging > ul > li .item{font-size: 13px;padding:7px 5px 6px;}


	/* _Gnb */
	ul#gnb > li > a:hover span,
	ul#gnb > li.on > a span {padding-bottom:0; border-bottom:0 none;}


	/* _Footer Main */
    .wrapper.main #footer_wrap {width:100%; height:150px; /*height:213px;*/ padding-top:30px;}

	.wrapper.main div.footer_cont {float:left;}
	.wrapper.main ul.footer_menu {font-size:0;line-height:0;}
	.wrapper.main  ul.footer_menu li {padding:0 17px 0 18px;background: url('../images/common/footer_bar.png')no-repeat left 6px;}
	.wrapper.main ul.footer_menu li a {font-size:16px;line-height:1.4;}
/*
	.wrapper.main div.footer_info {padding-top:80px;background: url('../images/common/footer_celltrion_logo_main.png')no-repeat left 20px;}
*/
	.wrapper.main div.footer_info ul li {margin-left:10px;}
	.wrapper.main div.footer_info address {font-style: normal;}
	.wrapper.main  div.footer_info p {font-size:11px;padding-top:8px;}

    .wrapper.main div.footer_sns_site {position: absolute;right:0;bottom:20px;}
    .wrapper.main div.footer_sns_site:after {content:"";display: block;clear: both;}
    .wrapper.main ul.sns_area {overflow:hidden;position:absolute;right:0;bottom:62px;}
    .wrapper.main ul.sns_area li {float:left;margin-left:18px;}
    .wrapper.main ul.sns_area li a {display:block;width:36px;height:36px;border:1px solid #e0e0e0;border-radius: 20px;box-sizing:border-box;text-align:center;padding-top:10px;}

	.wrapper.main div.footer_site > div {display:inline-block;margin-left:8px;}
	.wrapper.main div.footer_site > div:first-child {margin-left:0;}

	.wrapper.main div.brand_site,
	.wrapper.main div.related_site {position: relative; width:180px;}
	.wrapper.main div.brand_site a,
	.wrapper.main div.related_site a {display: block; color:#888;}
	.wrapper.main div.brand_site > a,
	.wrapper.main div.related_site > a,
	.wrapper.main div.brand_site > ul a,
	.wrapper.main div.related_site > ul a {padding-left:20px; font-size:15px; line-height:42px;}

	.wrapper.main div.brand_site > a,
	.wrapper.main div.related_site > a {position: relative; border: 1px solid #dedede;}
	.wrapper.main div.brand_site > a i,
	.wrapper.main div.related_site > a i {right:19px; top:17px;}
	.wrapper.main div.brand_site > ul,
	.wrapper.main  div.related_site > ul {display: none; position: absolute; bottom:100%; left: 0; width:100%; background-color:#fff; border:1px solid #dedede; border-bottom:0 none; box-sizing:border-box;}


    /* _Footer */
    #footer_wrap {width:100%;min-height:213px;padding:38px 15px 15px;}

    div.footer_cont {float:left;padding-top:100px;}
        ul.footer_menu {font-size:0;line-height:0;}
        ul.footer_menu li {padding:0 17px 0 18px;background: url('../images/common/footer_bar.png')no-repeat left 6px;}
        ul.footer_menu li a {font-size:16px;line-height:1.4;}

        div.footer_info {padding-top:80px;background: url('../images/common/footer_celltrion_logo.png')no-repeat left 20px;}
        div.footer_info ul li {margin-left:10px;}
        div.footer_info address {font-style: normal;}
        div.footer_info p {font-size:11px;padding-top:8px;}


    div.footer_sns_site {position: relative;height:100px;right:unset;left:0;bottom:20px;}
    div.footer_sns_site:after {content:"";display: block;clear: both;}
        ul.sns_area {overflow:hidden;position:absolute;right:unset;bottom:0;}
        ul.sns_area li {float:left;margin-left:18px;}
        ul.sns_area li a {display:block;width:36px;height:36px;border:1px solid #e0e0e0;border-radius: 20px;box-sizing:border-box;text-align:center;padding-top:10px;}

        div.footer_site {width:100%;position: absolute;top:0;margin-top:0;}
        div.footer_site > div {display:inline-block;margin-left:8px;}
        div.footer_site > div:first-child {margin-left:0;}

        div.brand_site,
        div.related_site {position: relative;width:49%; }/*width:180px;*/
        div.brand_site a,
        div.related_site a {display: block; color:#888;}
        div.brand_site > a,
        div.related_site > a,
        div.brand_site > ul a,
        div.related_site > ul a {padding-left:20px; font-size:15px; line-height:42px;}

        div.brand_site > a,
        div.related_site > a {position: relative; border: 1px solid #dedede;}
        div.brand_site > a i,
        div.related_site > a i {right:19px; top:17px;}
        div.brand_site > ul,
        div.related_site > ul {display: none; position: absolute; bottom:100%; left: 0; width:100%; background-color:#fff; border:1px solid #dedede; border-bottom:0 none; box-sizing:border-box;}

		
        div.brand_site > ul a:hover,
        div.brand_site > ul a:focus,
        div.related_site > ul a:hover,
        div.related_site > ul a:focus {background-color:#999; color: #FFF;}
}



@media screen and (max-width:767px){
    .wrapper {
        font-size:14px;
    }
	div.wrapper {padding-top:45px;}
/*
	div#header_wrap {position: relative;}
*/

    /* _페이징 */
    .paging{margin-top:25px;}
	.paging > ul > li.prev{padding-right:5px;}	
	.paging > ul > li.next{padding-left:5px;}
	.paging > ul{margin:-2px 0;}
	.paging > ul > li{padding:2px 2px;}
/*
    .paging > ul > li .item{min-width:26px; height:26px; padding:7px 5px 6px; font-size: 13px; font-weight:400; line-height:10px;}
*/
	.paging > ul > li .item {min-width:17px; height:26px; padding:7px 0 6px; font-size: 13px; font-weight:400; line-height:10px;}

	/* _Header */

	p.view_gnb {top:21px; left:15px;}
	p.view_gnb a {width:15px; height:12px;}


	/* _gnb */
	div.gnb_inner {width:100%;}
	ul#gnb > li > a:hover span,
	ul#gnb > li.on > a span {padding-bottom:0; border-bottom:0 none;}

    

    /* _Footer MAIN */
    .wrapper.main #section-5 #footer_wrap {display:none;}
    .wrapper.main #footer_wrap {display: block; position:relative;width:100%;height:auto;box-sizing:border-box;background-color:#000; border-top:0 none;}

    .wrapper.main div.footer_cont {float:left;padding-top:110px;}
    .wrapper.main ul.footer_menu {margin-top:15px; font-size:0;line-height:0;}
    .wrapper.main ul.footer_menu li {padding:0 17px 0 18px;background: url('../images/common/footer_bar.png')no-repeat left 4px;}
    .wrapper.main ul.footer_menu li:first-child {padding-left:0;background:none;}
    .wrapper.main ul.footer_menu li:nth-child(4) {margin-top:10px; padding-left:0;background:none;}
    .wrapper.main ul.footer_menu li a {font-size:12px;line-height:1.4;}
    .wrapper.main ul.footer_menu li a {color:#747474;}

    .wrapper.main div.footer_info {padding-top:20px;color:#747474;}
	.wrapper.main div.footer_info > ul {display: none;}
    .wrapper.main div.footer_info ul li {margin-left:10px;font-size:12px;}
    .wrapper.main div.footer_info ul li:first-child {margin-left:0;}
    .wrapper.main div.footer_info address {font-style: normal;}
    .wrapper.main div.footer_info p {font-size:11px;padding-top:8px;}

    .wrapper.main div.footer_sns_site {position: relative;left:auto;top:auto;width: 100%;height: 103px; box-sizing: border-box;}
    .wrapper.main div.footer_sns_site:after {content:"";display: block;clear: both;}
    .wrapper.main ul.sns_area {display: none;}
	/*
    .wrapper.main ul.sns_area {overflow:hidden;position: absolute;top:129px;}
	*/
    .wrapper.main ul.sns_area li {margin-right:18px;}
    .wrapper.main ul.sns_area li a {display:block;width:30px;height:30px;border:1px solid #808080;background: #808080;opacity:0.8;;border-radius: 20px;box-sizing:border-box;text-align:center;padding-top:6px;}
    .wrapper.main ul.sns_area li a img {height:17px;max-height: 100%;}

    .wrapper.main div.footer_site {position:absolute;top:0;width:100%;  margin-top:0;}
    .wrapper.main div.footer_site > div {display:inline-block;margin-top:15px;}
    .wrapper.main div.footer_site > div:first-child {margin-top:0;}

    .wrapper.main div.brand_site,
    .wrapper.main div.related_site {position: relative; width:100%;}
    .wrapper.main div.brand_site a,
    .wrapper.main div.related_site a {display: block; color:#888;}
    .wrapper.main div.brand_site > a,
    .wrapper.main div.related_site > a,
    .wrapper.main div.brand_site > ul a,
    .wrapper.main div.related_site > ul a {padding-left:20px; font-size:15px; line-height:42px;}

    .wrapper.main div.brand_site > a,
    .wrapper.main div.related_site > a {position: relative; border: 1px solid #4d4d4d;}
    .wrapper.main div.brand_site > a i,
    .wrapper.main div.related_site > a i {right:19px; top:17px;}
    .wrapper.main div.brand_site > ul,
    .wrapper.main div.related_site > ul {display: none; position: absolute; bottom:100%; left: 0; z-index:100; width:100%; background-color:#000; border:1px solid #4d4d4d; border-bottom:0 none; box-sizing:border-box;}
    div.content {width:100%;padding:40px 0 100px;box-sizing:border-box;}
 
    /* _Footer */
    #footer_wrap {width:100%;padding:25px 15px 30px;;background-color:#fff;}


    div.footer_cont {float:left;padding-top:175px;}
        ul.footer_menu {width:100%;font-size:0;line-height:0;}
        ul.footer_menu li {padding:0 10px 0 11px;background: url('../images/common/footer_bar.png')no-repeat left 4px;}
        ul.footer_menu li:nth-child(4) {padding-left:0;background:none;}
        ul.footer_menu li a {font-size:12px;line-height:1.4;}

        div.footer_info {padding-top:20px;}
        div.footer_info ul li {margin-left:10px; font-size:13px;}
        div.footer_info address {font-style: normal;}
        div.footer_info p {font-size:11px;padding-top:8px;}


    div.footer_sns_site {position: relative;left:auto;top:auto;width: 100%;height: 175px;box-sizing: border-box;}
    div.footer_sns_site:after {content:"";display: block;clear: both;}
		ul.sns_area {overflow:hidden;position: absolute;top:116px;}
		ul.sns_area li {margin-right:18px;}
		ul.sns_area li a {display:block;width:36px;height:36px;border:1px solid #e0e0e0;border-radius: 20px;box-sizing:border-box;text-align:center;padding-top:10px;}

		div.footer_site {position:absolute;top:0;width:100%;}
		div.footer_site > div {display:inline-block;margin-top:15px;}
		div.footer_site > div:first-child {margin-top:0;}

		div.brand_site,
		div.related_site {position: relative; width:100%;box-sizing: border-box;}
		div.brand_site a,
		div.related_site a {display: block; color:#888;}
		div.brand_site > a,
		div.related_site > a,
		div.brand_site > ul a,
		div.related_site > ul a {padding-left:20px; font-size:11px; line-height:35px;}

		div.brand_site > a,
		div.related_site > a {position: relative; border: 1px solid #dedede;}
		div.brand_site > a i,
		div.related_site > a i {right:19px; top:13px;}
		div.brand_site > ul,
		div.related_site > ul {display: none; position: absolute; bottom:100%; left: 0; width:100%; background-color:#fff; border:1px solid #dedede; border-bottom:0 none; box-sizing:border-box;}
}




/*======================= _layer popup =========================*/
div.layer_dim {position: fixed;top:0;left:0;right:0;bottom:0;background-color: rgba(0,0,0,.6);z-index:102;}

div.layer_wrap {position: absolute; z-index: 1; width:580px; height: 621px; box-sizing:border-box;}
/*
div.layer_wrap.layer01 {top:100px;left:50px;}
div.layer_wrap.layer02 {top:100px;left:650px;}
*/


div.layer_dim div.layer_wrap:first-of-type {top:100px;left:50px;}
div.layer_dim div.layer_wrap:nth-of-type(2) {top:100px;left:650px;}
div.layer_dim div.layer_wrap:nth-of-type(3) {top:100px;right:150px;}

@media screen and (max-width:1255px){
/*
	div.layer_wrap.layer01 {top:100px;left:50px;}
	div.layer_wrap.layer02 {top:100px;right:30px;left:auto;}
*/
	div.layer_dim div.layer_wrap:first-of-type {top:100px;left:50px;}
	div.layer_dim div.layer_wrap:nth-of-type(2) {top:100px;right:30px;left:auto;}
	div.layer_dim div.layer_wrap:nth-of-type(3) {top:100px;right:150px;}

}

div.layer_wrap > div {background: #fff;}

div.layer_wrap .layer_box {padding:35px 35px 35px 40px;}
div.layer_wrap .layer_tit {overflow:hidden; max-height:68px;  font-size:24px; line-height:34px; font-weight: bold;}
div.layer_wrap .layer_scroll {overflow-y: auto; height: 426px; box-sizing: border-box;}
div.layer_wrap .layer_tit + .layer_scroll {margin-top:25px;  border-top:1px solid #dadada;}
div.layer_wrap .layer_cont {overflow:hidden;font-size:16px;line-height:26px;color:#666;font-weight: 400;padding-top:25px;}
div.layer_wrap .layer_cont img {width:100%; max-width:505px; margin-bottom:15px;}

/* img 가장 먼저 올 경우 border-top 지움 */
div.layer_wrap .layer_box.img .layer_scroll{border:0;}
div.layer_wrap .layer_box.img .layer_cont {padding-top:0;}

/* img 만 있을 경우 */
div.layer_wrap.only_img {width:auto; max-width:1080px;}
div.layer_wrap.only_img .layer_box {padding:0;}
div.layer_wrap.only_img .layer_box .layer_cont {padding-top:0;}
div.layer_wrap.only_img .layer_box .layer_cont img {margin-bottom:0;}


div.layer_wrap .layer_btn {padding-top:14px;}
div.layer_wrap .layer_more {display:inline-block;padding:2px 19px;font-size:14px;line-height:26px;color:#666;text-align: center;border:1px solid #dadada;}

div.layer_wrap .layer_down {margin-top:15px; text-align:right;color:#333;}
div.layer_wrap .layer_down p {margin-top:9px;}
div.layer_wrap .layer_down p:first-child {margin-top:0px;}
div.layer_wrap .layer_down a {position: relative; display: inline-block; max-width:453px; padding:0 36px 2px 0; color:#333; border-bottom: 1px solid #51b948; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
div.layer_wrap .layer_down a:after {position: absolute; right:8px; top:50%; display:inline-block; content: ""; width:13px; height:13px; margin-top:-8px; background: url('../images/sub/icon_download.png')no-repeat right bottom; background-size: 13px 13px; }


div.layer_wrap .today_close {overflow:hidden;width:100%;height:50px;line-height: 50px;background: #51b948;padding:0 20px;box-sizing:border-box;margin:auto;}

div.layer_wrap .layer_today {float:left;width: 80%;}
div.layer_wrap .layer_today label {color:#fff;}

div.layer_wrap .layer_close {overflow:hidden;width: 20%;}
div.layer_wrap .layer_close > a {color:#fff;float: right;}
div.layer_wrap .layer_close > a:after {display:inline-block;content: "";background: url('../images/common/layer_close.png')no-repeat right bottom;background-size: 11px 11px;padding-left:7px;width:11px;height:11px;}


/* _type01*/
div.layer_wrap .today_close.type01 {background-color:#f3f3f3;}
div.layer_wrap .type01 .layer_today label {color:#222;}
div.layer_wrap .type01 .layer_close > a {color:#222;}



@media screen and (max-width:1195px){
	
	/* img 만 있을 경우 */
	div.layer_wrap.only_img {display:inline-flex; width:100%; max-width:100%;left: 0 !important;right: 0 !important;}
	div.layer_wrap.only_img .layer_cont img {min-width:auto;}
	div.layer_wrap .layer_cont img {width:100%; max-width:580px;}
}

@media screen and (max-width:1024px){
	div.layer_wrap {top:80px !important;left:50% !important;right:0 !important; margin-left:-290px;}
	div.layer_wrap > div {margin:0 10px;}
	div.layer_wrap .layer_box {padding:25px 25px 25px 30px;}
	div.layer_wrap .layer_cont img {max-width:100%;}

	/* img 만 있을 경우 */
	div.layer_wrap.only_img {width: 100%; left:0 !important; margin-left: 0;}

}

@media screen and (max-width:767px){
	div.layer_wrap {width:auto; max-width: 100%; top:15px !important; left:0 !important; margin-left: 0;}
	
	div.layer_wrap.only_img {height: auto;}
	div.layer_wrap.only_img img {width:100%;}

}

@media screen and (max-width:480px){
	div.layer_wrap .layer_scroll {height:100%; max-height:388px;}

}

@media screen and (max-width:320px){
	div.layer_wrap .layer_scroll {height:334px;}

}



/* modal popup */
.modal_dimmed {position: fixed; left: 0; top: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,.6); text-align: center; font-family:'Nanum Barun Gothic', sans-serif;}
.modal_dimmed:before {content: ''; display: inline-block; height: 100%; margin-right: -4px; vertical-align: middle;}
.modal_dimmed [class^="modal_container"] {display: inline-block; position: relative; width: 524px; background-color: #fff; color: #666; font-size: 13px; vertical-align: middle;}
.modal_dimmed [class^="modal_container"] .modal_header {height: 50px; padding: 0 70px 0 30px; background-color: #51b948; color: #666; font-size: 16px; text-align: left; line-height: 50px;}
.modal_dimmed [class^="modal_container"] .modal_contents {padding: 30px;}
.modal_dimmed [class^="modal_container"] .modal_contents [class^="title"] {color: #333;}
.modal_dimmed [class^="modal_container"] .modal_contents [class^="title_medium"] {font-weight: bold; font-size: 18px;}
.modal_dimmed [class^="modal_container"] .modal_contents [class^="title_medium"] > span:not([class]) {display: block; margin-top: 20px; padding-top: 20px; border-top: 1px solid #dadada; color: #666; font-size: 13px; font-weight: normal;}
.modal_dimmed [class^="modal_container"] .modal_contents > .footer {margin-top: 30px;}
.modal_dimmed [class^="modal_container"] .modal_contents > .footer [class^="btn_"] {display: inline-block; width: 80px; height: 36px; margin: 0 2px; border: 1px solid #dadada; color: #fff; font-size: 14px; vertical-align: middle; box-sizing: border-box;}
.modal_dimmed [class^="modal_container"] .modal_contents > .footer [class^="btn_"]:not(button) {line-height: 36px;}
.modal_dimmed [class^="modal_container"] .modal_contents > .footer .btn_normal {background-color: #707070;}
.modal_dimmed [class^="modal_container"] .modal_contents > .footer .btn_default {background-color: #51b948;}
.modal_dimmed [class^="modal_container"] .modal_close {position: absolute; right: 0; top: 0; width: 30px; height: 30px; background-color: pink;}

@media screen and (max-width:1024px) {
	.modal_dimmed [class^="modal_container"] {width: 90%;}
}

/* 2020-08-05 : 신규 메인 */
.main-top {  
    float: left;
	width: 100%; 
}
.main-best-new {min-width:1140px; box-sizing:border-box;height: 592px; margin-top:60px;}
.main-best-new p {
    margin:0; padding:0;padding: 0;
    margin: 0 auto;
    text-align: right;
    margin-top: 30px;
    margin-right:50px;
    height: 87%;
}
.main-best-new p img {
    max-height:100%;
}
.main-best-new * {box-sizing:border-box;}
.main-best-new .tit-area {width:1120px; margin:200px auto 18px; position:relative; }
.main-best-new .tit-area > * {display:inline-block; vertical-align:middle;}
.main-best-new .tit-area .icon {width:38px; height:38px; margin:0; padding:10px 0 0 0; text-align:center; font-size:0; line-height:0; background-color:#fff; border-radius:38px;}
.main-best-new .tit-area strong {margin-left:6px; line-height:38px; font-size:34px; color:#252525; font-family: 'Moebius', sans-serif; font-weight:bold;}
.main-best-new .tit-area span {margin-left:16px; line-height:38px; font-size:16px; color:#6c6d73;}

.main-best-new .best-swiper {position:relative;}
.main-best-new .best-swiper .container {overflow:hidden; position:relative; width:1140px; margin:0 auto; padding:10px;}
.main-best-new .best-swiper .swiper-wrapper .swiper-slide { width:340px; margin-right:50px;}
.main-best-new .best-swiper .swiper-wrapper a {display:block; overflow:hidden; position:relative; height:355px; border-radius:8px; background-color:#fff; box-shadow:0 0 10px 0 rgba(68,70,92,0.2);}
.main-best-new .best-swiper .swiper-wrapper a .cate {position:absolute; right:19px; top:20px; z-index:3; height:24px; padding:0 12px; line-height:24px; font-size:12px; color:#fff; background-color:#ff8c38; border-radius:12px;}
.main-best-new .best-swiper .swiper-wrapper a .img {position:relative; font-size:0; line-height:0;}
.main-best-new .best-swiper .swiper-wrapper a .img .dimed {display:block; position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.2) url('../images/bg-movie-play.png') no-repeat center;}
.main-best-new .best-swiper .swiper-wrapper a .img img { width:100%; height:195px;}
.main-best-new .best-swiper .swiper-wrapper a .cont {    position: relative; padding: 18px 25px; height: 160px;}
.main-best-new .best-swiper .swiper-wrapper a .cont .tit {overflow:hidden; height:50px; color:#3a3a4a; font-size:18px; line-height:1.5;}
.main-best-new .best-swiper .swiper-wrapper a .cont .category {color:#888888; font-size:14px; padding-top:12px; }
.main-best-new .best-swiper .swiper-wrapper a .cont .date { position: absolute; bottom: 20px; color:#6c6d73; font-size:15px;}
.main-best-new .best-swiper .swiper-wrapper a:hover .img .dimed {display:none;}

.main-best-new .best-swiper .best-pagination {position:relative; top:auto; bottom:0; width:150px; height:4px; margin:35px auto 0 auto; background-color:#fff;}
.main-best-new .best-swiper .best-pagination .swiper-pagination-progressbar-fill {background-color:#f74b4b;}

.main-best-new .best-swiper-control{
    overflow: hidden;
    position: absolute;
    bottom: 0;
    width: 97px;
    height: 32px;
    RIGHT: 12PX;
    TOP: 10PX;
    border: 1px solid #666666;
    border-radius: 2px;
    background-color: #eff0f0; 
}
.main-best-new .best-swiper-control button {display:block; position:absolute; top:0; width:32px; height:32px; margin:0; padding:0; font-size:0; line-height:0; border:0; background-color:transparent; background-repeat:no-repeat;background-position: center 9px;}
.main-best-new .best-swiper-control button.on {display:block; z-index:2;}
.main-best-new .best-swiper-control .best-prev {left:0; background-image:url('../images/btn-swiper-left.png'); border-right:1px solid #666666;}
.main-best-new .best-swiper-control .best-next {left:64px; background-image:url('../images/btn-swiper-right.png');  border-left:1px solid #666666;}
.main-best-new .best-swiper-control .best-pause {display:none; left:32px; background-image:url('../images/btn-swiper-pause.png');}
.main-best-new .best-swiper-control .best-start {display:none; left:32px; background-image:url('../images/btn-swiper-start.png');}
.header {height:auto;}
.header-right {
    height: 34px;
    position: absolute;
    right: 0px;
	top: 0px;
	float: right;
}
.header .search {
    width: 213px;
    display: inline-block;
    vertical-align: middle;
}
.userbox {
    display: inline-block;
    margin: 3px 17px 0 0;
    position: relative;
    vertical-align: middle;
}
body a, body a:focus, body a:hover, body a:active, body a:visited {
    outline: none !important;
    color:#454545;
}

.userbox > a {
    display: inline-block;
    text-decoration: none;
}
.header .separator {
	BACKGROUND: #CCC;
    HEIGHT: 20PX;
    MARGIN: 8PX 16PX 0;
    VERTICAL-ALIGN: TOP;
}
.input-search input.form-control:first-child { border-radius: 2px; background-color:#ebeded; border-color:#666666;}
.input-search .input-group-btn:last-child button i {
	background:url(../images/icon_search.png) no-repeat left center;
	display: inline-block;
	line-height: 1;
	width:20px;
	height:22px;
}

.userbox.open .dropdown-menu {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 30px 10px 0;
}
div#header_wrap.on  {
	background-color: rgba(255,255,255,0.3);
	border-bottom: 1px solid #cccccc;
}
 
.sticky-bar {
    left: 0;
    margin: auto;
    position: fixed;
    top: 0;
    width: 100%;
    -webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
    box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
    z-index: 9999;
    -webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
    animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
    -webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
    background:rgba(255,255,255,0.95);
    min-height: 61px;
}

div#header_wrap .sticky-bar  h1 {
    background: url(../images/header_logo_s.png) 0 0 no-repeat;
    width: 151px;
    height: 42px;
    margin-left: 0px;
}

div#header_wrap .sticky-bar.open h1 {
	background: url(../images/header_logo.png) 0 0 no-repeat;
	animation-duration: 5s;
	animation-name: slidein;   
  height: 72px; 
}
.userbox .name {
    color: #000011;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.2em;
    margin-left: 10px;
    margin-top: 1px;
}

html.fixed .inner-wrapper {
    padding-top: 50px;
}

 
@media only screen and (max-width: 1200px) {
    .header .header-right {
        background: #FFF;
        float: none !important;
        height: 60px;
        margin-left: 18px;
        position: relative;
        margin-right: 18px;
        box-sizing: border-box;
        width: 100%;
        padding: 15px 20px;
        margin: 0;
    }
    .header .search {
        width: 100%;
        box-sizing: border-box;
        float: left;
        margin-bottom: 32px;
    }
    .userbox:after {
        display:None;
    }
    .userbox {
        float: left;
        margin: 0;
        position: relative;
        border-radius: 5px;
        border: 1px solid #ccc;
        padding: 12px;
        width: 100%;
    }
    .userbox > a {
        display:block;
        
    }
    .userbox.open .dropdown-menu {
        left: 0px;
        top: -3px;
        border: 1px solid #ccc;
        padding-top: 36px;
    }
    div#header_wrap .sticky-bar h1 {
        background: url(../images/header_logo_s.png) 0 0 no-repeat;	
        top: 10px;
        width: 156px;
 
        margin-left: -73px;
        min-height:37px;
    }
    .main-best-new {
        height:400px;
    }
}
@media only screen and (max-width: 768px) {
    .main-best-new {
        height: 320px;
        margin-top: 50px;
    }
}
 
@media screen and (min-width: 1201px) {
div.gnb_wrap {
    display:block !important;
}
}



h1 {
    color:#252525;
    padding:0 0 26px; 
	font-size:21px; 
    line-height:36px; 
    font-weight:300; 
    text-decoration:none;
	font-family: 'Moebius', sans-serif;
    font-weight: bold;
}
@media screen and (max-width: 1200px) {
   
    .main-best-new {
        width:100%;
        min-width: 100%;
    }
    .main-best-new .best-swiper .container {
        width: 100%;
        padding: 24px;
        box-sizing: border-box;
    }
    .main-best-new .tit-area {
        width:100%;
    }
    html.fixed .inner-wrapper {
        width:100%;
    }
    .inner-wrapper>section.main {
        margin-left:30px;
        margin-right:30px;
    }
    .main-best-new .tit-area strong {margin-left:30px;}
    .input-search .input-group-btn:last-child button i {
        margin-top: 3px;
    }
    .main-top {
        background-position-x:right; 
        margin-bottom: 8px;
    }
    .header .separator {display:none;}
}

@media screen and (max-width:768px){
    .inner-wrapper>section.main {
        margin-left:20px;
        margin-right:20px;
    }
    .main-best-new .tit-area strong {margin-left:24px; font-size: 28px;}
    .main-best-new .best-swiper-control {
        RIGHT: 24PX;
        TOP: 3PX;
    }

}

i.red, i.orange {
    margin-right:6px;
}

span.time{
    font-size:19px;
    font-weight:bold;
}
section.main .row .col-md-4:first-child {
    position: relative;
    max-width: 370px;
}
section.main .row .col-md-4:first-child ul {
    margin-top:54px;
    width:60%;
    float: left;
    min-width: 216px;
}
section.main .row .col-md-4:first-child > section > div {
    width: 120px;
    position: absolute;
    top: 5px;
    bottom: 0;
    right: 0px;
}
.chart p.txt span {
    width: 120px;
    display: inline-block;
    text-align: center;
    margin-top: 24px;
}
section.main .row .col-md-4 ul li { 
    line-height:30px;
    display: block;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical; 
    font-size: 14px;
    white-space: normal;
    word-wrap: break-word;
    color: #454545;
    word-spacing: -1px;
    width: 100%;
    font-weight: normal;
    height:30px;
}
section.main .row .col-md-4 ul li span.title {
    width: 120px;
    display: inline-block;
    font-weight: bold;
    color: #252525;
    letter-spacing:0.5px;
    font-size: 14px;
}

section.main > .row > div {
    margin-bottom: 50px;
}
section.main > .row > div img {
    width:70%;
    max-width:135px;
}
.circular-bar {margin-top:0;margin-bottom: 0px;}
.circular-bar p {
    display: block;
    font-weight: 600;
    font-size: 18px;
    line-height: 32px;
    position: absolute;
    top: 28%;
    width: 80%;
    left: 10%;
    text-align:center;     
    font-family: 'moebius',sans-serif;
    color:#252525;
}
.chart p.txt span {
    margin-top:0;
}

.circular-bar p.minute {
    top:45%;
}

.count {
    border-radius: 70px;
    height: 70px;
    background-color: #ffd4d4;
    width: 70px;
    margin: 0 auto;
    text-align: center;
    line-height: 76px;
    font-size: 30px;
    font-weight: bold;
    color: #f74b4b;
    font-family: 'Moebius',sans-serif;
}
.txt {
    text-align: center;
    margin-top: 18px;
    font-size: 15px;
    font-weight: 500;
    color: #252525;
}
#contents > div > div:nth-child(2) > section > div > div  {
    max-width: 124px;
}
.page-header {
    float: left;
    width: 100%;
}
@media only screen and (min-width: 768px){
    html.fixed .page-header {
        
    }
}

@media screen and (min-width:768px){
#contents > div > div:nth-child(2) > section {
    padding-left: 40px;
    padding-right: 20px;
}

}
@media screen and (min-width:1200px){
    .inner-wrapper {
        padding-top: 80px;
        width: 1140px;
        margin: 0 auto;
        min-height: auto;
    }
}
@media screen and (max-width:320px){
section.main .row .col-md-4:first-child ul {
    margin-top: 0px; 
    width: auto;
    float: left;
    min-width: auto;
    width:135px;
}
section.main .row .col-md-4 ul li {
    line-height: 1.7;
    display: block;
    display: block;
    overflow: visible;
    text-overflow: initial;
    -webkit-line-clamp: initial;
    -webkit-box-orient: vertical;
    font-size: 14px;
    white-space: normal;
    word-wrap: break-word;
    color: #454545;
    word-spacing: -1px;
    width: 100%;
    font-weight: normal;
    margin-top: 8px;
    height: auto;
}
section.main .row .col-md-4:first-child {height:170px;}
}
@media only screen and (min-width: 1366px) {
    html.fixed .inner-menu { left: 0px; }

}

.inner-menu {
    BACKGROUND-COLOR: #FFFFFF;
    BORDER-RIGHT: NONE;
}
}
@media only screen and (min-width: 768px) {
    html.fixed .content-body {
        margin-left: 300px;
        WIDTH:1170px;
    }
 
}

 
.page-header h2 {
    color: #252525;
    border-bottom: none;
    padding: 0;
    font-weight: 400;
    font-size: 50px;
}

@media only screen and (min-width: 768px){
    html.fixed .content-body {
        margin-left: 0px;
    }
    html.fixed .page-header {
        background: transparent;
        top: 167px;
        right: 2.5%;
    }

}

html.no-overflowscrolling .nano > .nano-pane > .nano-slider {
    background:rgba(0,0,0,0.3);
}
 
.inner-menu-toggle, .inner-menu .inner-menu-toggle-inside {
    background: #fff;
    color: #f74b4b;
    left: 0;
    line-height: 52px;
    position: relative;
    overflow: hidden;
    text-align: left;
    text-decoration: none;
}

.inner-toolbar {width:100%; float:left;}

.swiper-slide.slide1 {
    background-image:url(../images/slide_a_bg.png); background-color:#ebe9dc; background-size:auto 100%; background-repeat: no-repeat; background-position-x:left;  
}
.swiper-slide.slide2 {
    background-image:url(../images/slide_b_bg.png); background-color:#e1e2ec; background-size:auto 100%; background-repeat: no-repeat; background-position-x:left; background-position-y: bottom;
}
.swiper-slide.slide3 {
    background-image:url(../images/slide_c_bg.png); background-color:#ffebeb; background-size:auto 100%; background-repeat: no-repeat; background-position-x:left;  
}

@media only screen and (max-width:768px) {
.swiper-slide {
    background-size:100% auto;
    background-repeat:no-repeat;
    height:120%;
}
.swiper-slide.slide1 {
    background-image: url(../images/slide_a_bg_m.png); background-size:100% auto;
}
.swiper-slide.slide2 {
    background-image: url(../images/slide_b_bg_m.png); background-size:100% auto; background-position-y:top;
}
.swiper-slide.slide3 {
    background-image: url(../images/slide_c_bg_m.png); background-size:100% auto;
}
.main-best-new {
    height: 100%;
}

.main-best-new p  {
    margin-right: 10px;
    margin-left: 10px;
    margin-top: 38%;
    text-align: center;
    margin-bottom: 26px;
}
.main-best-new p img {
    max-width:80%;
    margin-top: 62px;
}
 
}
@media only screen and (min-width: 1600px) {
    .main-best-new p {
        width:1360px;
        margin:40px auto;
    }
}
html.fixed .inner-wrapper {
    padding-top: 6%;
}

.tabs { 
    width:100%;
    max-width: 1040px;
    margin: 0 auto;
}

.main .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
}
.main .nav-tabs.nav-justified li a {
    font-weight: 500;
    font-size: 16px;
    padding-top: 12px;
    border: none;
    background:#d6d8d3;
    border-radius: 0;
    border-right:1px solid #ffffff;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 0px;
}
.main .nav-tabs.nav-justified li.active a, 
.main .nav-tabs.nav-justified li.active a:hover, 
.main .nav-tabs.nav-justified li.active a:focus {
    background: #80827f;
    border: none;
    border-radius: 0;
    color: #ffffff;
}

.tab-content{
    border-radius:0;
    border:none;
    box-shadow: none;
}

.tab-content {
    margin-top:16px;
    padding: 0;
}
.tab-content img {
    width:100%;
}

.tab-pane > .col-sm-6:first-child {
    padding-right: 7px;
}

.tab-pane > .col-sm-6:last-child {
    padding-left: 7px;
}
.tab-pane > .col-sm-6 h4 {
    margin-top: 20px;
    margin-bottom:8px;
    font-weight:600;
    line-height: 1.2;
    font-size: 17px;
}
.tab-pane > .col-xs-12.col-sm-6 p {
    font-size: 15px;
    line-height:1.7;
}


.main .intro h2 {
    color:#fc991f;
    text-align:center;
    font-size:32px;
    font-family: 'Nanum Myeongjo', serif;
}
.main .intro p {
    font-size:17px;
    text-align:center;
    line-height:1.7;
    margin-top: 16px;
    margin-bottom:32px;
    max-width: 86%;
    margin:26px auto;
    font-weight:400;
}
@media screen and (max-width:768px) {
    .main .intro p {
        font-size: 16px;
    }
    .main .nav-tabs.nav-justified li a {
        font-size:14px;
    }
    .swiper-button-prev, .swiper-button-next {
        background-size: 20px auto;
    }
    .tab-pane > .col-sm-6 h4 {
        font-size: 15px;
    }
    section.main > .row {
        margin-left: 5px;
        margin-right: 5px;
    }
    section.main > .row > div:nth-child(even){
        padding-left:0;
    }
    section.main > .row > div:nth-child(odd){
        padding-right:0;
    }
}

.video {
    text-align: center;
    margin-top: 60px;
    margin-bottom: 60px;
}
.activity .col-sm-3 {
    text-align:center;
}

.activity2 .col-sm-4 {
    text-align:center;
}

.activity .col-sm-3 p,
.activity2 .col-sm-4 p {
    font-weight:600;
    color:#4c4d4b;
}
.video iframe {
    width:100% !important;
    height:400px !important;
}

@media only screen and (min-width: 1200px) {
    .activity {
        width:1200px;
        margin: 0 auto;
    }
    .activity2 {
        width:900px;
        margin:0 auto;
        margin-bottom: 60px;
    }
    .video {
        text-align: center;
        margin-top: 180px;
        margin-bottom: 180px;
    }
    .main .intro h2 {
        font-size: 97px;
    }
    .main .intro p {
        font-size:24px; 
        line-height:1.7; 
        width: 600px;
        margin: 42px auto 150px; 
    }
    .tab-pane > .col-sm-6 h4 {
        font-size:18px;
    }
    .video iframe {
        height:657px !important;
    }
}

.content_top {
    position: fixed;
    right: 30px;
    bottom: 30px;
    z-index: 100;
}

.content_top:before {
    display: inline-block;
    width: 60px;
    height: 60px;
    background-position: -60px 0px;
    background-image:url(../images/scrolltop.png);
    background-repeat: no-repeat;
    vertical-align: top;
    content: '';
    box-shadow: 1px 1px 5px rgb(0 0 0 / 20%);
    border-radius:60px;
}

.content_top:hover:before {
    display: inline-block;
    width: 60px;
    height: 60px;
    background-position: 0px 0px;
    background-repeat: no-repeat;
    vertical-align: top;
}
.blind {
    position: absolute;
    clip: rect(0 0 0 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
}