@charset "utf-8";
/* CSS Document */
.title_image_space {
    height: 1px;
    transition: height 0.3s ease;
}

@font-face {font-family:'나눔고딕', 'Nanum Gothic'; src:url('font/NanumGothic.eot')} 
@font-face {font-family:'나눔고딕', 'Nanum Gothic'; src:url('font/NanumGothic.woff')} 
@font-face {font-family: Verdana, Geneva, sans-serif;}
@font-face {font-family: '나눔스퀘어', 'NanumSquare';	src: url('font/NanumSquare.woff')} 
@font-face {font-family: '나눔스퀘어R', 'NanumSquareR';	src: url('font/NanumSquareR.woff')}  


@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 400;
    src: url('font/NotoSansKR-Regular.woff2') format('woff2'), url('font/NotoSansKR-Regular.woff') format('woff'), url('font/NotoSansKR-Regular.otf') format('opentype');
}

@font-face {
    font-family: 'Noto Sans KRb';
    font-style: normal;
    font-weight: 700;
    src: url('font/NotoSansKR-Bold.woff2') format('woff2'), url('font/NotoSansKR-Bold.woff') format('woff'), url('font/NotoSansKR-Bold.otf') format('opentype');
}


html{height:100%;}
body {margin:0; font-family: '나눔고딕', 'Nanum Gothic', sans-serif; font-size:13px; height:100%; color:#666}

img{border:none}
ul{list-style: none; margin:0px; padding: 0px;}
li{list-style: none; margin:0px; padding: 0px;}
p{margin:0; padding:0}

.textB{color:#000}
.textW{color:#FFF}
.text_orange{color:#f3700a}
.textG{color:#666}
.text_W400{font-weight:400}

.text_left{text-align:left;}
.text_center{text-align:center;}
.text_right{text-align:right;}


.sub_titleB{color:#000; text-align:center; padding:70px 0px 25px 0px}

a {cursor:pointer; color:inherit; text-decoration:none}
a:hover {cursor:pointer; color:inherit}

h1{font-size:50px; font-weight:600;  padding:0; margin:0; color:#000;}
h2{font-size:38px; font-weight:600; padding:15px 0 0 0; margin:0; color:#000; text-align:center;}
h3{font-size:22px; font-weight:600; padding:0; margin:0; color:#000; text-align:center;}
h3.RnD{font-size:26px; font-weight:600; padding:10px 0 0 0; margin:30px 0 0 0; color:#000; text-align:center;}
h3.RnD._01{background:url(../img/blit_red.jpg) no-repeat center top; background-size:48% 3px;}
h4{font-size:18px; padding:0; margin:0;font-weight:600; color:#000;}
h3.RnD._02{background:url(../img/blit_red.jpg) no-repeat center top; background-size:18% 3px;}
h4{font-size:18px; padding:0; margin:0;font-weight:600; color:#000;}
h3.RnD._03{background:url(../img/blit_red.jpg) no-repeat center top; background-size:23% 3px;}
h4{font-size:18px; padding:0; margin:0;font-weight:600; color:#000;}
h5{font-size:14px; padding:0; margin:0;font-weight:400; line-height:20px }
.h2_ex{font-size:20px; padding:10px 0 0 0; margin:0;font-weight:600; color:#555; text-align:center;}

.PT5{padding-top:5px}
.PT8{padding-top:8px}
.PT10{padding-top:10px}
.PT15{padding-top:15px}
.PT20{padding-top:20px}
.PT40{padding-top:40px}
.PT50{padding-top:50px}
.PT100{padding-top:100px}

.PB20{padding-bottom:20px}
.PB30{padding-bottom:30px}
.PB40{padding-bottom:40px}
.PB50{padding-bottom:40px}

.PL100{padding-left:100px}
.PL120{padding-left:120px}
.PL150{padding-left:150px}
.PL170{padding-left:170px}
.PL270{padding-left:270px}

.PR40{padding-right:40px}
.PR60{padding-right:60px !important}
.PR90{padding-right:90px !important}

.MT0{margin-top:0px !important}
.MT5{margin-top:5px !important}
.MT10{margin-top:10px !important}
.MT15{margin-top:15px !important}
.MT20{margin-top:20px !important}
.MT30{margin-top:30px !important}
.MT40{margin-top:40px !important}
.MT50{margin-top:50px !important}
.MT60{margin-top:60px !important}
.MT70{margin-top:70px !important}

.MT120{margin-top:120px !important}/*Business에서만 쓰임/다른곳에 쓰지 마세요.*/


.MT_5{margin-top:-5px !important}
.MT_10{margin-top:-10px !important}

.MR5{margin-right:5px !important}

.ML18{margin-left:18px !important}
.ML250{margin-left:250px !important}

.ML_7{margin-left:-7px !important}

.w200{width:200px !important}

.MB10{margin-bottom:10px !important}
.MB20{margin-bottom:20px !important}
.MB40{margin-bottom:40px !important}

.mobile_off{display:none}
.mobile_on{display: block}


.text_black{color:#000; font-weight:600}
.text_Orange{color:#F85C1B; font-weight:900}


footer{position:relative; background:#fff; margin:0 auto; height:120px; width:100%; }  
footer ul{width:990px; margin:0 auto; padding-top:30px }
footer li.address{float:left; width:850px; text-align:right}
footer li.logo{float:right; width:140px; text-align:right}

/* 모바일이동 */
.m_arrow{display:none} 




@media screen and (max-width:990px) {
 
footer ul{width:90%; margin:0 auto; padding-top:20px }
footer li.address{float:left; width:80%; text-align:right; font-size:12px}
footer li.logo{float:right; width:20%; text-align:right}
footer li.logo img{width:90px; padding-bottom:10px}

}

@media screen and (max-width:768px) {

#header {display:none }
.title_image_space{display:none}	


 /* 모바일이동 */
.m_arrow{display:block; text-align:center; width:100%; padding-top:20px; padding-bottom:20px; cursor:pointer; clear:both}
.m_arrow img{width:42px!important;  height:24px!important}
.m_arrow a{background-color:none}
.m_arrow a:hover{background-color:none}
.m_arrow a:click{background-color:rgba(255, 255, 255, 0)}
.m_arrow_top{text-align:center; }


}

@media screen and (max-width:480px) {
h2{font-size:30px;}
.MT120{padding-top:50px !important; margin-top:20px !important;}/*Business에서만 쓰임/다른곳에 쓰지 마세요.*/


#header {display:none }
.title_image_space{display:none}

footer{height:100px;}
footer ul{width:95%;}
footer li.address{float:none; width:100%; font-size:11px; padding-bottom:10px}
footer li.logo{display:none}

}