@charset "utf-8";

/* Font */
@font-face{font-family:'noto'; font-weight:100; src:url('font/Noto/NotoSans-Light.eot'); src:local(※), url('font/Noto/NotoSans-Light.woff') format('woff'), url('font/Noto/NotoSans-Light.ttf') format('truetype')}
@font-face{font-family:'noto'; font-weight:200; src:url('font/Noto/NotoSans-DemiLight.eot'); src:local(※), url('font/Noto/NotoSans-DemiLight.woff') format('woff'), url('font/Noto/NotoSans-DemiLight.ttf') format('truetype')}
@font-face{font-family:'noto'; font-weight:400; src:url('font/Noto/NotoSans-Regular.eot'); src:local(※), url('font/Noto/NotoSans-Regular.woff') format('woff'), url('font/Noto/NotoSans-Regular.ttf') format('truetype')}
@font-face{font-family:'noto'; font-weight:700; src:url('font/Noto/NotoSans-Medium.eot'); src:local(※), url('font/Noto/NotoSans-Medium.woff') format('woff'), url('font/Noto/NotoSans-Medium.ttf') format('truetype')}
@font-face{font-family:'noto'; font-weight:800; src:url('font/Noto/NotoSans-Bold.eot'); src:local(※), url('font/Noto/NotoSans-Bold.woff') format('woff'), url('font/Noto/NotoSans-Bold.ttf') format('truetype')}

@font-face {font-family:'SCDream'; font-weight:200;src:url('font/SCDream/SCDream-Light.eot') format('embedded-opentype'); src:local(※), url('font/SCDream/SCDream-Light.woff') format('woff'), url('font/SCDream/SCDream-Light.ttf') format('truetype'), url('font/SCDream/SCDream-Light.woff2') format('woff2'), url('font/SCDream/SCDream-Light.otf') format('opentype'); font-style: normal}
@font-face {font-family:'SCDream'; font-weight:400;src:url('font/SCDream/SCDream-Regular.eot') format('embedded-opentype'); src:local(※), url('font/SCDream/SCDream-Regular.woff') format('woff'), url('font/SCDream/SCDream-Regular.ttf') format('truetype'), url('font/SCDream/SCDream-Regular.woff2') format('woff2'), url('font/SCDream/SCDream-Regular.otf') format('opentype'); font-style: normal}
@font-face {font-family:'SCDream'; font-weight:500;src:url('font/SCDream/SCDream-Medium-1.eot') format('embedded-opentype'); src:local(※), url('font/SCDream/SCDream-Medium.woff') format('woff'), url('font/SCDream/SCDream-Medium-1.ttf') format('truetype'), url('font/SCDream/SCDream-Medium-1.woff2') format('woff2'), url('font/SCDream/SCDream-Medium-1.otf') format('opentype'); font-style: normal}
@font-face {font-family:'SCDream'; font-weight:600;src:url('font/SCDream/SCDream-Medium.eot') format('embedded-opentype'); src:local(※), url('font/SCDream/SCDream-Medium.woff') format('woff'), url('font/SCDream/SCDream-Medium.ttf') format('truetype'), url('font/SCDream/SCDream-Medium.woff2') format('woff2'), url('font/SCDream/SCDream-Medium.otf') format('opentype'); font-style: normal}
@font-face {font-family:'SCDream'; font-weight:700;src:url('font/SCDream/SCDream-Bold.eot') format('embedded-opentype'); src:local(※), url('font/SCDream/SCDream-Bold.woff') format('woff'), url('font/SCDream/SCDream-Bold.ttf') format('truetype'), url('font/SCDream/SCDream-Bold.woff2') format('woff2'), url('font/SCDream/SCDream-Bold.otf') format('opentype'); font-style: normal}
@font-face {font-family:'SCDream'; font-weight:900;src:url('font/SCDream/SCDream-Black.eot') format('embedded-opentype'); src:local(※), url('font/SCDream/SCDream-Black.woff') format('woff'), url('font/SCDream/SCDream.ttf') format('truetype'), url('font/SCDream/SCDream-Black.woff2') format('woff2'), url('font/SCDream/SCDream-Black.otf') format('opentype'); font-style: normal}

@font-face  {font-family:'YeongdeokSea'; src: url('https://cdn.jsdelivr.net/gh/fontbee/font@main/Yd/YeongdeokSea.woff2') format('woff2'); font-weight:normal; font-style:normal}
@font-face {font-family: 'JalnanOTF00'; src: url('https://cdn.jsdelivr.net/gh/fontbee/font@main/gccompany/JalnanOTF00.woff') format('woff'); font-weight: normal;font-style: normal}
/* style reset */
* {margin:0; padding:0; /*outline:none; -webkit-text-size-adjust:none; -webkit-overflow-scrolling:touch; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box*/}

html {width:100%; font-size:15px; font-family:'SCDream', 'Noto Sans KR', sans-serif;}
body {width:100%; color:#666; line-height:1.714; font-size:15px; word-break:keep-all; word-wrap:break-word; font-family:'SCDream',  'Noto Sans KR', sans-serif;}
ul, ol, li {list-style:none}
a {color:inherit; text-decoration:none; cursor:pointer}
a:hover, a:focus {color:#666}
em, address, i {font-style:normal}
img {width:100%}

.pc-only {display:none}
.mobile-only {display:block}

input[type="password"],
input[type="file"] {display:block; padding:0; background:#fff; border:0; border-radius:0; vertical-align:middle; color:rgba(102,102,102,0.8); outline::none}
input[type="radio"],
input[type="checkbox"] {vertical-align:middle}
input::-ms-clear {display:none}
input::-webkit-input-placeholder {color:#999; font-size:1.4rem; font-weight:400}
input:-moz-placeholder {color:#999; font-size:1.4rem; font-weight:400}
input::-moz-placeholder{color:#999; font-size:1.4rem; font-weight:400}
input:-ms-input-placeholder {color:#999; font-size:1.4rem; font-weight:400}
textarea {display:block; overflow-x:hidden; overflow-y:auto; resize:none; background:#fff; vertical-align:middle; color:rgba(102,102,102,0.8)}
textarea::-webkit-input-placeholder {color:#999; font-weight:400}
textarea:-moz-placeholder {color:#999; font-weight:400}
textarea::-moz-placeholder {color:#999; font-weight:400}
textarea:-ms-input-placeholder {color:#999; font-weight:400}
fieldset {margin:0; padding:0; border:0; background:0}
fieldset legend {visibility:hidden; font-size:0; line-height:0}
table {border-collapse:collapse}
body, button, input, textarea, select, pre {font-family:'SCDream', noto, Dotum, Arial, sans-serif; font-weight:400}

.mainvisual_container .full_box{padding:14px 0; width:100%; height:auto; background:#eeeeee;}

/* style reset */
 * {margin: 0;padding: 0;outline: none; -webkit-text-size-adjust: none;-webkit-overflow-scrolling: touch;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
 html { width:100%; font-size:15px} 
 body { width:100%; font-size:15px; color:#666; line-height:1.714; word-break:keep-all; word-wrap:break-word } 
 ul, ol, li {list-style: none}
 a { color:inherit; text-decoration:none; cursor:pointer} 
 em, address, i {font-style: normal}
 caption  { visibility:hidden; overflow:hidden; width:0; height:0; font-size:0 } 
 hr  { font-size:0; line-height:0} 
 select  { color:#666; border-radius:0; -webkit-appearance:none; -moz-appearance:none; appearance:none } 
 select::-ms-expand {display: none}
 button  { border:0; background:transparent; vertical-align:middle; cursor:pointer} 
 pre  { white-space:pre-line; word-break:break-all} 
 img {border: 0}
 input[type="text"], input[type="password"], input[type="file"]  { display:block; padding:0; border:0; background:#fff; color:#666; border-radius:0 } 
 input[type="radio"], input[type="checkbox"] {vertical-align: middle}
 input::-ms-clear {display: none}
 input::-webkit-input-placeholder {color: #bcbcbc;font-size:14px;font-weight: 100}
 input:-moz-placeholder {color: #bcbcbc;font-size:14px;font-weight: 100}
 input::-moz-placeholder {color: #bcbcbc;font-size:14px;font-weight: 100}
 input:-ms-input-placeholder {color: #bcbcbc;font-size:14px;font-weight: 100}
 textarea  { background:#fff; color:#666; overflow-x:hidden; overflow-y:auto; resize:none } 
 textarea::-webkit-input-placeholder  { font-weight:100; color:#bcbcbc } 
 textarea:-moz-placeholder  { font-weight:100; color:#bcbcbc } 
 textarea::-moz-placeholder  { font-weight:100; color:#bcbcbc } 
 textarea:-ms-input-placeholder  { font-weight:100; color:#bcbcbc }
 img, input, button, select, textarea {vertical-align: middle}
 fieldset  { margin:0; padding:0; border:0; background:0 }
 fieldset legend {visibility: hidden;font-size: 0;line-height: 0}
 table {border-collapse: collapse}
 body, ul, li, ol, span, p, div, td, tr, button, input, em, dl, dt, dd, textarea, select, i, a, pre {font-family:'SCDream',  Noto Sans KR, Dotum, Arial, sans-serif;font-weight:400}
 .hide  { overflow:hidden; position:absolute; top:0; left:-1000%; width:0; height:0; font-size:0.1%; line-height:0.1% } 
 .transparents-layer  { position:fixed; top:0; left:0; width:100%; height:100%; background:#000; z-index:100; opacity:0.5; -ms-filter:alpha(opacity=50); filter:alpha(opacity=50) } 
 .nocontents  { width:100%; padding:5px; font-size:16px; text-align:center } 
 .pc-only {display: block}
 .mobile-only {display: none}

/* form */
 input[type="radio"]  {overflow:hidden; position:absolute; width:1px; height:1px; margin:-1px; padding:0; border:0; clip:rect(0,0,0,0) } 
 input[type="radio"] + label  { display:inline-block; position:relative; padding-left:2px; font-weight:100; color:#666; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none } 
 input[type="radio"] + label:before  { position:absolute; top:0; left:0; width:100%; height:30px; background:#bbb; text-align:center; content:''; z-index:-99 } 
 input[type="radio"]:checked + label:before {background: #7d0000; z-index:-99}
 input[type="radio"]:checked + label:after {content: '';position: absolute ; top:0; left:0; width:22px; height:22px; background:#7d0000; z-index:-99}
 
.bbsContent input[type="radio"] + label {overflow:hidden; padding:0 5px; border-radius:5px; color:#fff; z-index:0}

 .inpbox  { display:inline-block; position:relative; height:4px; background:#fff; vertical-align:middle } 
 .inpbox input[type="text"], .inpbox input[type="password"]  { width:100%; height:100%; padding:0 1px; font-size:14px } 
 .inpbox input[type="text"]:disabled, .inpbox input[type="password"]:disabled {background: #e1e1e1 }
 .optionbox  { display:inline-block; position:relative; height:4px; background:#fff; vertical-align:middle } 
 .optionbox select  { display:block; width:100%; height:100%; padding:0 2px; border:0; background:url('../images/bg_select_arr.png') no-repeat 95% 50%; font-size:14px; color:#666; border-radius:0 } 
 .optionbox select option {font-size: 14px}

/* btn */
 .btn-list  { display:inline-block; height:5px; padding:0 3px; border:1px solid #dbdbdb; font-size:16px; font-weight:500; color:#02448e; line-height:48px } 
 .btn-blue  { display:inline-block; height:5px; padding:0 22px; background:#02448e; font-size:18px; font-weight:100; color:#fff; line-height:48px} 
 .btn-gray  { display:inline-block; height:3px; padding:0 15px; background:#b2b2b2; font-size:14px; font-weight:500; color:#fff; line-height:3px } 
 .btn-downloads  { display:inline-block; height:4px; padding:0 2px; background:#02448e; line-height:38px } 
 .btn-downloads span  { padding-right:4px; background:url('../images/icon_download_01.png') no-repeat 99% 50%; font-size:14px; font-weight:500; color:#fff } 
 .btncenter  { clear:both; margin-top:4px; font-size:0; text-align:center } 


	@media screen and (max-width: 1023px) {
		html {font-size:13px}
		body {font-size:14px}
		.pc-only {display: none}
		.mobile-only {display: block}
		
		/* form */
		 .inpbox {height: 31px}
		 .optionbox {height: 31px}

		/* btn */
		 .btn-list  { display:block; width:auto; height:4px; margin:0 2px; font-size:14px; line-height:38px } 
		 .btn-blue  { height:4px; font-size:14px; line-height:38px } 
		 .btn-downloads {width: 100%}
		 .btn-downloads span {padding-right: 25px;background-image: url('../images/icon_download_01_m.png');background-size: 16px auto }
		 .btncenter {margin-top: 2px}
	}


/* Animation */
/* 모바일 상단메뉴 */
 @keyframes topFixed {
     0% {
         transform: translateY(-55px) 
    }
     100% {
         background: #fff;
         transform: translateY(0) 
    }
}
/* 콘텐츠 노출 관련 */
 @keyframes ani-Fadein-up {
     0% {
         opacity: 0;
         transform: translateY(10%) 
    }
     100% {
         opacity: 1;
         transform: translateY(0) 
    }
}
 @keyframes ani-Fadein-bottom {
     0% {
         opacity: 0;
         transform: translateY(-10%) 
    }
     100% {
         opacity: 1;
         transform: translateY(0) 
    }
}
 @keyframes ani-Fadein-left {
     0% {
         opacity: 0;
         transform: translatex(10%) 
    }
     100% {
         opacity: 1;
         transform: translateX(0) 
    }
}
 @keyframes ani-Fadein-right {
     0% {
         opacity: 0;
         transform: translatex(-10%) 
    }
     100% {
         opacity: 1;
         transform: translateX(0) 
    }
}
 @keyframes ani-Up {
     0% {
         transform: translateY(20%) 
    }
     100% {
         transform: translateY(0) 
    }
}
 @keyframes ani-width {
     0% {
         width: 0 
    }
     100% {
         width: 100% 
    }
}