@charset "utf-8";
@import url(../../fonts/fonts.css);
@import url(contents/header.css);
@import url(contents/footer.css);
@import url(contents/anim.css);
@import url(contents/mobile-nav.css);
@import url(contents/layout-spec.css);
@import url(contents/grid.css);
@import url(contents/nice-select.css);
@import url(contents/typo.css);
@import url(contents/quicklink.css);
@import url(contents/quickmenu.css);

/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small,
strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form,
label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, textarea, button,
article, aside, canvas, details, embed, figure, figcaption, footer, header, menu,
nav, output, ruby, section, summary, time, mark, audio, video
{margin:0;padding:0;border:0;}
article, aside, details, figcaption, figure, footer, header, menu, nav, section {display: block;}
html {height:auto;-webkit-text-size-adjust: none;-moz-text-size-adjust: none;-ms-text-size-adjust: none; }
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content:none;}
table {border-collapse:collapse;border-spacing:0;}
a {text-decoration:none;color:inherit;}
a:hover {text-decoration:none;}
legend, caption, hr {display:none;}
th {font-weight: inherit}
em {font-style:normal;}
img {vertical-align:top;}
input {vertical-align:middle;}
p,h3,h2,h1{letter-spacing: normal;}
input,textarea,button,select{font-family:Exo, "SDGothic", sans-serif; font-weight:400; color: #000;border-radius: 0;}
textarea{resize: none}
body{font-family:Exo, "SDGothic", sans-serif;width: 100%;height: 100%; color:#000;background-color: #fff;font-weight: 400;word-break: keep-all}
video{object-fit: fill;}

.kr_sd_400{font-family: Exo,"SDGothic",sans-serif;font-weight: 400}/* r */
.kr_sd_500{font-family: Exo,"SDGothic",sans-serif;font-weight: 500}/* m */
.kr_sd_700{font-family: Exo, "SDGothic",sans-serif;font-weight: 700}/* b */
.en_plain_t{font-family: Exo,sans-serif;font-weight:200;}/* Thin */
.en_plain_l{font-family: Exo,sans-serif;font-weight:300;}/* Light */
.en_plain_r{font-family: Exo,sans-serif;font-weight:400;}/* Regular */
.en_plain_b{font-family: Exo,sans-serif;font-weight:700;}/* Bold */

.fclear{*zoom:1}
.fclear:after{display:block;content:"";clear:both;}
.ir_text {text-indent: -9999px;overflow: hidden;font-size: 0 ;height: 0;}
.ir_text >*{text-indent: -9999px;overflow: hidden;font-size: 0 ;height: 0;}
.cap{text-transform: uppercase !important;}

/* 말줄임표 1줄 */
.ellipsis {display: inline-block; max-width:100%;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;}

/* 말줄임표 2줄 이상 */
/* font-size, line-height, max-height,-webkit-line-clamp : 개별적용(2줄이상) */
.ellipsis_line{
    position: relative;
    transition: all 0.3s;
    white-space: normal;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

body{color:#222; background:#1a1a1a;}
.container{background: #fff;position: relative;width: 100%;margin-top: 88px;min-height: 756px}/* 여백포함 최소높이 840p */

#header .header-container{background:#141414}
#header #nav{}
#header #nav .gnb li.on.enter a span{color: #e35b0a}
#header #nav .gnb li.on.enter a span:after{width: 100%;opacity: 1}
#header .gnb-sub-menus .gnb-sub-menu ul li a.on span{color: #fff}
#header .gnb-sub-menus .gnb-sub-menu ul li a.on span:after{width: 100%;opacity: 1}

#footer{background:#1a1a1a;}
#footer .footer-menu li a{color: #fff}

#snsSection .sns_btn_more{padding-top:23px; padding-left:3%;}
#snsSection .sns_btn_more a{display:block;}
#snsSection .sns_btn_more .label{display:inline-block;}
#snsSection .sns_btn_more svg{display:inline-block; width:1rem; margin-left:6px;}
#snsSection .social-media{margin:100px 125px 160px 125px;}
#snsSection .sns_btn_more svg{height:62px;}
#snsSection .sns_btn_more .label{vertical-align:top;}
.mobile_only {display:none !important;}
.pc_only {display:block !important; }


/* ================================== Laptop css ================================== */
@media all and (max-width: 1280px) {
    .container {margin-top:86px;}
    #snsSection .social-media{margin:60px 80px 80px 80px;}
    #snsSection .sns_btn_more{padding-top:3%; padding-left:3%;}
    #snsSection .sns_btn_more svg{height:65px;}
}


/* ================================== Tablet css ================================== */
@media all and (max-width: 1023px) {
    .container{margin-top:66px;}
        #snsSection .sns_btn_more{padding-left:4%;}
         #snsSection .social-media{margin:50px 40px 70px 40px;}
         
       
}	

@media all and (max-width: 766px){
    .mobile_only {display:block !important;}
    .pc_only {display:none !important;}
}

@media all and (max-width: 760px) {
	  #snsSection .social-media{margin:40px 20px 60px 20px;}
	  #snsSection .sns_btn_more svg{height:56px;}
}
	  

/* ================================== Mobile css ================================== */
@media all and (max-width: 480px) {
    .container{margin-top:62px;}
    #snsSection .sns_btn_more{padding-top:1%; padding-left:7%;}
    	  #snsSection .social-media{margin:30px 10px 50px 10px;}
   	#snsSection .sns_btn_more a{padding-top:10px;}
}