@charset "utf-8";
@import url("https://www.doosaninfracore.com/css/common/contents/typo.css");
@import url("https://www.doosaninfracore.com/css/common/contents/header.css");
@import url("https://www.doosaninfracore.com/css/common/contents/footer.css");
@import url("https://www.doosaninfracore.com/css/common/contents/grid.css");
@import url("https://www.doosaninfracore.com/css/common/contents/nice-select.css");
@import url("https://www.doosaninfracore.com/css/common/contents/nice-select-light.css");
@import url("https://www.doosaninfracore.com/css/common/contents/footer-spec.css");
@import url("https://www.doosaninfracore.com/css/common/contents/anim.css");
@import url("https://www.doosaninfracore.com/css/common/contents/mobile-nav.css");
@import url("https://www.doosaninfracore.com/css/common/contents/layout-spec.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;max-width:100%;}
input {vertical-align:middle;}
p,h3,h2,h1 {letter-spacing: normal;}
input,textarea,button,select {font-family:"SDGothic", sans-serif; color: #222;border-radius: 0}
/*section {width:100%;text-align: center;}*/
body {font-family:"SDGothic", sans-serif;width: 100%;height: 100%; color:#555;background-color: #fff;font-weight: 400;}
video {object-fit: fill;}


#WRAP {overflow: hidden;}


.kr_sd_400{font-family: "SDGothic",sans-serif;font-weight: 400}/* r */
.kr_sd_500{font-family: "SDGothic",sans-serif;font-weight: 500}/* m */
.kr_sd_700{font-family: "SDGothic",sans-serif;font-weight: 700}/* b */
/*.en_plain_t{font-family: "Plain",sans-serif;font-weight:200;}/!* Thin *!/*/
.en_plain_l{font-family: "Plain",sans-serif;font-weight:300;}/* Light */
.en_plain_r{font-family: "Plain",sans-serif;font-weight:400;}/* Regular */
/*.en_plain_m{font-family: "Plain",sans-serif;font-weight:500;}/!* Medium *!/*/
.en_plain_b{font-family: "Plain",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;}

.ellipsis {display: inline-block; max-width:100%;
 white-space: nowrap;
 -ms-text-overflow: ellipsis;
 -o-text-overflow: ellipsis;
 text-overflow: ellipsis;
 overflow: hidden;}
.ellipsis_line{
 /* font-size, line-height, max-height,-webkit-line-clamp : 개별적용(2줄이상) */
 position: relative;
 font-size: 16px;
 transition: all 0.3s;
 white-space: normal;
 word-wrap: break-word;
 line-height: 30px;
 max-height: 60px;
 -webkit-line-clamp: 2;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 overflow: hidden;
}

/* ================================ desktop css ================================== */
.section {position: relative; padding:116px 36px 0; width:100%; margin:0 auto; box-sizing: border-box;max-width: 1920px}
.container {min-height: 768px;margin:88px auto 160px;}

#MAIN_CONTAINER .section {padding:0; width:auto; margin:0; box-sizing: unset;max-width: 100%;background:#fff;}
#MAIN_CONTAINER.container {min-height: auto;margin:0;}

#header .gnb-sub-menus-depth2 .gnb-sub-menu ul li.on span{color: #222222}
#header .gnb-sub-menus-depth2 .gnb-sub-menu ul li.on span:after{width: 100%;opacity: 1}


/* ================================== Tablet css ================================== */
@media all and (max-width: 1080px){
    img {max-width: 100%;}
    .container {margin:66px auto 100px;}
    .section {padding:70px 50px 0;}
}

/* ================================== Mobile css ================================== */
@media all and (max-width: 766px){
 #WRAP {min-width:320px;}
 .section {padding:60px 20px 0;}
 #footer .sns{margin-right: 0}
}