@charset "utf-8";

@import url("fonts/nanumsquare/nanumsquare.css");
@import url("fonts/nanumgothic/NanumGothic.css");
@import url("fonts/SCoreDream/SCoreDream.css");
@font-face { font-family: 'yg-jalnan'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff'); font-weight: normal; font-style: normal; }

/* CSS Document */
html, body {position: relative; color: #000; font-size:12px; /*font-family: 'NanumSquare', sans-serif;*/font-family:'s-core-dream-regular', sans-serif; margin:0; padding:0; height:100%; width:100%; box-sizing:border-box; letter-spacing: -0.080em;}
form, div, p, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, li, pre, input, blockquote, th, td, thead, tbody, legend, label, select, option, button, fieldset, select, textarea {margin:0; padding:0;}
button {cursor:pointer; border:none; background:none;}
ol, ul, dl {list-style: none; padding:0; margin:0;}
fieldset, img {border:0; margin:0; padding:0; outline:0;}
input, select, button {vertical-align: top;}
li{list-style:none; padding:0; margin:0;}
textarea {overflow: auto;vertical-align: top;}
label {/*cursor:pointer;*/}
select{font-family: 'NanumSquare', sans-serif !important;/*-webkit-appearance: none; -moz-appearance: none; appearance: none;*/}
select::-ms-expand {display: none;}
table {width:100%; border-collapse:collapse; /*table-layout:fixed;*/ border-spacing:0; word-break:break-all;}
a {text-decoration:none; cursor:pointer; color:#333;}
section, article, aside, hgroup, header, footer, nav, figure, figcaption, mark, canvas, video, audio, details, summary{display:block;}
h2{padding:0; margin:0; font-size:19px;}
table caption {height: 0;width: 0;text-indent: -9999px;}

input[type='tel'], input[type='url'], input[type='number'], input[type='email'], input[type='text'], input[type='password'], input.text, input.password{border:1px solid #ddd; font-size:15px;}
input[type="radio"],
input[type="checkbox"]	{/*display: none;*/}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button{-webkit-appearance: none;margin: 0;}
input[type=number]{-moz-appearance: textfield;}

input, textarea {/*-webkit-appearance:none; -webkit-border-radius:0;*/}/*아이폰 그림자제거*/
address{font-style: normal;}

button:focus{outline:none;}
input:focus {outline:none;}
textarea:focus{outline:none;}
i, em, address, del, small {font-style:normal;}


/*공통CSS*/
#wrap {width:100%; margin: 0 auto; position:relative;}
.wrap{width:1200px; margin:0 auto; position:relative;}

.right{float:left;}
.left{float:left;}

.eng-txt{color:#d9d9d9; font-size:18px; letter-spacing:3px;}
.txt-box{font-size:18px;}
.txt-box span{display:block; line-height:1.4;}

/*align*/
.tr{text-align:right;}
.tl{text-align:left;}
.tc{text-align:center;}


/*tite*/



/*height*/
.mt2{margin-top:2%;}
.mt3{margin-top:3%;}
.mt5{margin-top:5%;}
.mb3{margin-bottom:3%;}


/*color*/
.purple{color:#83bff7;}
.gray{color:#999999;}
.yellow{color:#fff59f;}


/*btn*/
.btn_g {display:inline-block; color: rgba(150,96,171,0.7); border-radius: 0; transition: all 0.7s ease-out; background:linear-gradient(270deg, rgba(150,96,171,0.8), rgba(138,85,158,0.8), rgba(34,34,34,0), rgba(34,34,34,0)); background-position: 1% 50%; background-size: 300% 300%; border: 1px solid rgba(150,96,171,0.3);}
.btn_g:hover {color: #fff; border: 1px solid rgba(150,96,171,0); background-position: 99% 50%;}

.more-btn{width:30px; height:30px; position:relative;}
.more-btn::after{content:"+"; position:absolute; top:13%; left:32%; font-size:20px;}


::selection {background:#83bff7; color:#ffffff;}
::-moz-selection{background:#83bff7; color:#ffffff}

/*media_mobile*/

@media print{

  @page {
    size: A4 landscape; /*A4*/
    margin: 10mm 10mm 10mm 10mm;
	padding:0;

  }

html, body{width:100% !important; height:100% !important; border:0; margin:0  !important; padding:0  !important;}
header, footer{display:none;}
#scont .wrap h4{display:none;}

.slicknav_menu{display:none !important; box-shadow:none; background:none; position:inherit;} 
.sub-visual {display:none;}
#sub-menu{display:none;}
.service-cont1, .fix-menu{display:none;}

#content {margin: 0;border: initial;width: initial; min-height: initial; box-shadow: initial; background:initial; page-break-after: always;}
.service-cont2{margin-top:0;}
.tbl-wrap{overflow-x:inherit !important;}
.tbl{width:100% !important;}

/*article{page-break-before:always;}*//*원하는 영역을 선택하여 인쇄 할 페이지를 나누고 싶을때*/
article.wrap{display:none;}
.line{display:none;}
h2, h3, h4, h5{padding-left:0;}
.tab ul.tab-wrap{display:none;}
.tab .con-box{margin-top:0;}
}

@media all and (max-width:1024px) {
h3{font-size:26px; padding-left:3%;}
h2{padding-left:3%;}

}

@media all and (max-width:800px){

h2{font-size:18px;}
h2:after{width:18px; height:18px; background-size:cover;}

}

@media all and (max-width:650px){

h2{padding-left:6%;}
h2:after{width:18px; height:18px; background-size:cover;}

h3{font-size:20px; padding-left:6%; letter-spacing:-1.5px;}
h3:after{width:17px; height:16px; background-size:contain;}

h4{font-size:1.7em;}
h5{font-size:20px;}

h2 span, h3 span, h4 span, h5 span, p span, div span{display:inline;}


}

@media all and (max-width:375px){
h2{font-size:16px; padding-left:7%;}
h2:after{width:15px; height:15px;}

h4{font-size:1.4em;}
h5{font-size:19px;}

}