@charset "utf-8";
/* CSS Document */
@font-face {
	font-family:'OpenSans';
	src:url('../font/OpenSans-Regular.eot') format('embedded-opentype'),url('../font/OpenSans-Regular.woff') format('woff'),url('../font/OpenSans-Regular.ttf') format('truetype');
	/*font-weight:100;*/
}
@font-face {
	font-family:'OpenSans_i';
	src:url('../font/OpenSans-Italic.eot') format('embedded-opentype'),url('../font/OpenSans-Italic.woff') format('woff'),url('../font/OpenSans-Italic.ttf') format('truetype');
	/*font-weight:100;*/
}
@font-face {
	font-family:'OpenSans600';
	src:url('../font/OpenSans-SemiBold.eot') format('embedded-opentype'),url('../font/OpenSans-SemiBold.woff') format('woff'),url('../font/OpenSans-SemiBold.ttf') format('truetype');
	/*font-weight:600;*/
}
@font-face {
	font-family:'OpenSans600i';
	src:url('../font/OpenSans-SemiBoldItalic.eot') format('embedded-opentype'),url('../font/OpenSans-SemiBoldItalic.woff') format('woff'),url('../font/OpenSans-SemiBoldItalic.ttf') format('truetype');
	/*font-weight:600;*/
}
@font-face {
	font-family:'OpenSansBold';
	src:url('../font/OpenSans-Bold.eot') format('embedded-opentype'),url('../font/OpenSans-Bold.woff') format('woff'),url('../font/OpenSans-Bold.ttf') format('truetype');
	/*font-weight:800;*/
}
@font-face {
	font-family:'OpenSansBoldi';
	src:url('../font/OpenSans-BoldItalic.eot') format('embedded-opentype'),url('../font/OpenSans-BoldItalic.woff') format('woff'),url('../font/OpenSans-BoldItalic.ttf') format('truetype');
}
@font-face {
	font-family:'OpenSansExBoldi';
	src:url('../font/OpenSans-ExtraBoldItalic.eot') format('embedded-opentype'),url('../font/OpenSans-ExtraBoldItalic.woff') format('woff'),url('../font/OpenSans-ExtraBoldItalic.ttf') format('truetype');
}


/* font_test*/
.f100 {}
.f100i {	font-family:OpenSans_i}
.f600 {	font-weight:600;	font-family:OpenSans600}
.f600i {	font-weight:600;	font-family:OpenSans600i}
.f800 {	font-weight:800;	font-family:OpenSansBold}
.f800i {	font-weight:800;	font-family:OpenSansBoldi}
.fbold {	font-weight:600}
.fboldi {	font-weight:600;	font-style:italic}
.color { color:f6ff00}/* 포인트컬러*/

* {	margin:0;	padding:0;	box-sizing:border-box; 	-webkit-text-size-adjust:none;}
body {	font-family:'OpenSans',sans-serif;	line-height:1.6em;	font-size:1em;	background-color:#2c3544;	color:#ffffff;	letter-spacing:0;  min-width:1024px}
body,button,table {	vertical-align:middle}
textarea,input,select {	vertical-align:middle}
img,video {	max-width:100%;	border:0; vertical-align:middle; height: auto;}
i,em,address {	font-style:normal;	font-weight:normal}
ul,ol,li {	list-style:none;}
table {	border-collapse:collapse;	border-spacing:0;}
label {	cursor:pointer;}
.blind,legend,hr,caption {	display:block;	overflow:hidden;	position:absolute;	top:0; left:-1000em;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {	display:block;}
audio,canvas,progress,video {	display:inline-block;	vertical-align:baseline;}
html {	font-size:100%;	-webkit-text-size-adjust:100%;	-ms-text-size-adjust:100%}
select {	border:1px solid #CCC;	vertical-align:middle;}
input {	height:24px;	padding-left:3px;	vertical-align:middle;	line-height:20px}
input[type="text"] {	border:1px solid #CCC;}
input[type="password"] {	border:1px solid #CCC;}
input[type="radio"] {	padding-right:2px}

a {	color:#333; text-decoration:none}


/*Layout*/
#wrap { width:1260px; margin:0 auto;}
.area_ct { width:1260px; margin:0 auto; position:relative}
#footer { float:left; width:100%; background-color:#1c1f23; padding:46px 0; margin-top:40px}
#footer.main_foot { margin-top:0}
#footer dl{ float:left; width:100%;}
#footer dl dt { float:left; width:23%; }
#footer dl dd { float:left; width:70% }
#footer dl dd ul li { float:left; width:36%; color:#797979; font-size:11px; line-height:1.6}
#footer dl dd ul li span { font-size:13px; display:block}
#footer dl dd a { color:#797979; text-decoration:underline}
.foot_sns { position:absolute; right:0;}
.foot_sns a { vertical-align: middle;}
/*.foot_sns a.facebook { display:inline-block; width:28px; height:30px; background:url(../img/ico_footsns.png) 7px 5px no-repeat}
.foot_sns a.instagram { display:inline-block; width:30px; height:30px; background:url(../img/ico_footsns.png) -17px 5px no-repeat}
.foot_sns a.twitter { display:inline-block; width:30px; height:30px; background:url(../img/ico_footsns.png) -46px 5px no-repeat}
.foot_sns a.youtube { display:inline-block; width:30px; height:30px; background:url(../img/ico_footsns.png) -75px 5px no-repeat}
.foot_sns a.tiktok { display:inline-block; width:30px; height:30px; background:url(../img/ico_footsns.png) -104px 5px no-repeat;}*/
.foot_sns a.facebook { display:inline-block; width:28px; height:30px; background:url(../img/ico_footsns_240122.png) 7px 5px no-repeat}
.foot_sns a.instagram { display:inline-block; width:30px; height:30px; background:url(../img/ico_footsns_240122.png) -17px 5px no-repeat}
.foot_sns a.twitter { display:inline-block; width:30px; height:30px; background:url(../img/ico_footsns_240122.png) -46px 5px no-repeat}
.foot_sns a.youtube { display:inline-block; width:30px; height:30px; background:url(../img/ico_footsns_240122.png) -75px 5px no-repeat}
.foot_sns a.tiktok { display:inline-block; width:30px; height:30px; background:url(../img/ico_footsns_240122.png) -104px 5px no-repeat;}
.foot_sns a.kor_website { display:inline-block; width:auto; height:18px; border-radius: 30px; background-color: #606060; padding: 0 8px; font-family:'맑은 고딕',Malgun Gothic; font-size: 13px; line-height: 17px; font-weight: 600; letter-spacing: -0.07em; color: #1c1f24; margin-left: 0px; }



.w100 { width:100px}
.w110 { width:110px}
.w120 { width:120px}
.w130 { width:130px}
.w140 { width:140px}
.w150 { width:150px}
.w160 { width:160px}
.w170 { width:170px}
.w180 { width:180px}
.w190 { width:190px}
.w200 { width:200px}
.w240 { width:240px}
.w260 { width:260px}
.w300 { width:300px}
.w320 { width:320px}
.w350 { width:350px}
.w370 { width: 370px;}

.mb10 { margin-bottom:10px}
.mb20 { margin-bottom:20px}
.mb30 { margin-bottom:30px}
.mb40 { margin-bottom:40px}
.mb50 { margin-bottom:50px}

.mt10 { margin-top:10px}
.mt20 { margin-top:20px}
.mt70 { margin-top:70px}

.align_fr { float:left; width:100%; text-align:right}
.align_fl { float:left; width:100%; text-align:left}

/* Button*/
.btn_more a{ display:inline-block; width:auto; border-radius:30px; background-color:#545a64; color:#FFFFFF; font-family:'OpenSans_i'; font-size:12px; padding:4px 8px; line-height:1; height:22px}
.btn_more a:hover {background-color:#f6ff00; color:#1a2029; }

.btn_more_white a{ display:inline-block; width:auto; border-radius:30px; background-color:#ffffff; color:#0f0f0f; font-family:'OpenSans_i'; font-size:12px; padding:4px 8px; line-height:1; height:22px}
.btn_more_white a:hover {background-color:#f6ff00; color:#1a2029; }

.pdf_down a { display:inline-block; border:solid 1px #414752; font-size:12px; font-family:'OpenSans_i'; color:#f5f5f5; padding:0 9px 0 36px; border-radius:4px; background:url(../img/icon_pdf.png) no-repeat 9px center; margin-bottom:4px; height:28px; line-height:2.2}
.pdf_down a:hover {border:solid 1px #ffffff; }

.pdf_down2 a { display:inline-block; border:solid 1px #686e78; font-size:12px; font-family:'OpenSans_i'; color:#f5f5f5; padding:0 9px 0 36px; border-radius:4px; background:url(../img/icon_pdf.png) no-repeat 9px center; margin-bottom:4px; height:28px; line-height:2.2}
.pdf_down2 a:hover {border:solid 1px #ffffff; }

.pdf_down3 a { display:inline-block; border:solid 1px #414752; font-size:12px; font-family:'OpenSans_i'; color:#f5f5f5; padding:0 20px 0 39px; border-radius:4px; background:url(../img/icon_pdf.png) no-repeat 12px center; height:26px; line-height:2.0}
.pdf_down3 a:hover {border:solid 1px #ffffff; }

.youtube_btn a { display:inline-block; border:solid 1px #414752; font-size:12px; font-family:'OpenSans_i'; color:#f5f5f5; padding:0 20px 0 39px; border-radius:4px; background:url(../img/icon_youtube.png) no-repeat 12px 5px; height:26px; line-height:2.0}
.youtube_btn a:hover {border:solid 1px #ffffff; }

.btn_yellow a { display:inline-block; border:solid 1px #a5ae1b; font-size:12px; font-family:'OpenSans_i'; color:#f6ff00; padding:0 22px 0 22px; border-radius:4px; margin-bottom:4px; height:26px; line-height:2}
.btn_yellow a:hover {border:solid 1px #ffffff; }

.email_btn{display:block; color:#a7a8ab; font-size:0.75em; background:url(../img/ico_mail.png) no-repeat left center;padding-left:22px;}
/*.email_btn a{display:block; color:#a7a8ab; text-decoration:underline; }*/
.email_btn a{ width:auto; display:inline-block; color:#a7a8ab; text-decoration:underline; }
.email_btn2 {display:block; color:#a7a8ab; font-size:0.75em; text-decoration:underline; background:url(../img/ico_mail.png) no-repeat left center; padding-left:22px; }

.btn_yellow_dn a { display:inline-block; border:solid 1px #a5ae1b; font-size:12px; font-family:'OpenSans_i'; color:#f6ff00; padding:0 22px 0 22px; border-radius:4px;background:url(../img/icon_down_yellow.png) no-repeat 92% center;  margin-bottom:4px; height:26px; width:204px;  line-height:2}
.btn_yellow_dn a:hover {border:solid 1px #ffffff; }

.btn_yellow a { display:inline-block; border:solid 1px #a5ae1b; font-size:12px; font-family:'OpenSans_i'; color:#f6ff00; padding:0 22px 0 22px; border-radius:4px; margin-bottom:4px; height:26px; width:auto;ine-height:2}
.btn_yellow a:hover {border:solid 1px #ffffff; }

.btn_yellow_02 a { display:inline-block; border:solid 5px #f6ff00; font-size:20px; font-family:'OpenSans'; color:#FFFFFF; padding:3px 40px; border-radius:4px; margin-bottom:0px; height:auto; width:auto; }
.btn_yellow_02 a:hover { color:#f6ff00; }

.file_down a { display:inline-block; border:solid 1px #686e78; font-size:12px; font-family:'OpenSans_i'; color:#f5f5f5; width:204px; padding:0 9px 0 20px; border-radius:4px; background:url(../img/icon_down.png) no-repeat 92% center; margin-bottom:4px; height:28px; line-height:2.2; text-align:left}
.file_down a:hover {border:solid 1px #ffffff; }

.file_down2 a { display:inline-block; border:solid 1px #686e78; font-size:12px; font-family:'OpenSans'; color:#f5f5f5; width:204px; padding:0 9px 0 20px; border-radius:4px; background:url(../img/icon_down.png) no-repeat 92% center; margin-bottom:4px; height:28px; line-height:2.2; text-align:left}
.file_down2 a:hover {border:solid 1px #ffffff; }

.file_down3 a { display:inline-block; border:solid 1px #686e78; font-size:13px; font-family:'OpenSans'; color:#f5f5f5; width:100px; padding:0 10px; border-radius:8px;  margin-bottom:5px; height:30px; line-height:2; text-align:center}
.file_down3 a:hover {border:solid 1px #ffffff; }

.btn_result a{ display:inline-block; width:auto; border-radius:30px; background-color:#1a2029; color:#f6ff00 !important; font-family:'OpenSans600i'; font-size:0.8em; padding:2px 15px; height:24px}
.btn_result a:hover {background-color:#f6ff00; color:#1a2029 !important;font-family:'OpenSans600i';}

.btn_dblue_dn a { display:inline-block; background-color:#202732; font-size:12px; font-family:'OpenSans_i'; color:#fff; padding:0 38px 0 22px; border-radius:4px;background-image:url(../img/icon_down.png); background-repeat:no-repeat; background-position:92% 7px;  margin-bottom:4px; height:26px; width:auto;  line-height:2}
.btn_dblue_dn a:hover { background-color:#f6ff00; color:#1a2029;;background-image:url(../img/icon_down_dblue.png);}

.btn_view a{ display:inline-block; width:auto; border-radius:30px; background-color:#545a64; color:#FFFFFF; font-family:'OpenSans_i'; font-size:12px; padding:4px 36px; line-height:1; height:22px}
.btn_view a:hover {background-color:#f6ff00; color:#1a2029; }

.tit_btn_02 a { display:inline-block; border:solid 2px #f6ff00; color: #FFFFFF; font-size: 1.12em; font-family: 'OpenSans600'; padding: 5px; border-radius: 4px; margin-top: 10px; margin-left: 50px; height: auto; width:180px; text-align:center; text-decoration: none;}
.tit_btn_02 a:hover { color:#f6ff00; border:solid 2px #FFFFFF; }

a.link_blue { font-weight: bold; color: #2462ef; text-decoration: underline;}

@media screen and (max-width:1260px) {
  #wrap { width:100%; }
  .area_ct { width:100%;}
}