@charset "UTF-8";
a:link, a:visited
/* 20160229 추가 */
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
/*Reset*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr,
address, big, cite, code, del, dfn, em, font, img, fieldset, form, label {
    margin: 0;
    padding: 0;
    border: none 0;
}
html, body { width:100%; height:100%; }
/*<2020-06-23>*/
body {background-color:#dbf9f3;}
body, input, button, textarea { font-size:12px; line-height:1.5em; font-family: "돋움", Dotum, Helvetica, AppleGothic, Sans-serif; color:#444; }
h1, h2, h3, h4, h5, h6 { font-size:12px; text-align:left; }
img, fieldset, iframe { border:0 none; }
div { border-collapse: collapse;}
input { vertical-align: middle; text-align:left; line-height:14px; border:0px none; }

a:link, a:visited { text-decoration:none;
    top: 20px;
	/*left: -70px;*/
}
a:hover { text-decoration:none; cursor:pointer; }
.hide{display:none; visibility:hidden;}
.pt10{padding-top:10px;}	
.noticeTxt b{color:#1f51a2;font-size:16px;}
 input#txtAddr,  input#txtAddr2 {
    border: 1px solid #ddd; width:800px;
    background: #f6f6f6;
    color: #999;
    padding: 5px 0 3px 10px;
    height: 22px;
}
.addressArea input{margin-top:10px;}

/*layout 팝업 위치 조절 #popup_wrap {top:0; left:0;} */
#popup_wrap{position:absolute; left:0px; top:0px;}

	.popup_120306{width:500px; height:308px; background-color:#f8b218; position:relative}
	.popup_120306 .header{height:85px;}
	.popup_120306 .header h1{padding:15px 0px 0px 16px; float:left}
	.popup_120306 .header p{padding:15px 18px 0px 0px; float:right}
	
	.contents{width:450px; height:178px; background:#fff url(../../images/event/requestComment/line_popup0307.gif) no-repeat 0 87px; margin:0 15px 0 15px; padding:20px 0px 0px 20px;}
	
	.contents fieldset{position:absolute; left:35px; top:195px; width:430px; height:51px; line-height:51px; background:url(../../images/event/requestComment/bg_popup0307_input.gif) no-repeat 0 0;}
	.contents fieldset input.write_box{ width:340px; height:30px; line-height:30px; float:left; margin:8px 10px; color:#b2b2b2; }
	.contents fieldset span a{width:63px; height:50px; display:block; float:right}
	.contents p.btxt{padding-top:88px;}
	.close {width:8px; height:7px; display:block; position:absolute; right:15px; bottom:9px;}	
	
/*  --- 여기까지 --- */

/* 20160826 나눔고딕 쓰기 위해 추가  */
@font-face {
  font-family: 'Nanum Gothic Bold';
  font-style: normal;
  font-weight: 700;
  src: url(/font/NanumGothic-Bold.eot);
  src: url(/font/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(/font/NanumGothic-Bold.woff2) format('woff2'),
       url(/font//NanumGothic-Bold.woff) format('woff'),
       url(/font//NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(/font/NanumGothic-Regular.eot);
  src: url(/font/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(/font/NanumGothic-Regular.woff2) format('woff2'),
       url(/font/NanumGothic-Regular.woff) format('woff'),
       url(/font/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic ExtraBold';
  font-style: normal;
  font-weight: 800;
  src: url(/font/NanumGothic-ExtraBold.eot);
  src: url(/font/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(/font/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(/font/NanumGothic-ExtraBold.woff) format('woff'),
       url(/font/NanumGothic-ExtraBold.ttf) format('truetype');
}


/* Base Style ************************************************************************************************/
* { margin: 0; padding: 0; border: 0; }
body, th, td {color:#999; overflow:-moz-scrollbars-vertical; font-size:14px; line-height:1.4em;  font-family: 'Nanum Gothic', Dotum; }


table { border-collapse: collapse; }
em { font-style: normal;}
hr { display: none;}

/*<2020-06-23>*/
img { border: none; display:block;}

img, fieldset { border:0; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; text-align: left; }
ol, ul, li, dl, dt, dd { list-style: none; margin: 0; padding: 0; border: 0; }
input, select, textarea { color: #666; vertical-align:middle; font-size:12px; }
textarea { overflow: auto; }
legend, hr, caption { display:none; }
select { color: #666; vertical-align:middle; font-size:14px; border: 1px solid #ddd; padding:5px 0 3px 10px; height:32px; width:138px; background-color:#f6f6f6;}
select option {color: #666; vertical-align:middle; font-size:14px; border-bottom:1px solid ; line-height:50px;}
select#phone {width:90px;}

a, area {color:#999; text-decoration:none; blr:expression(this.onFocus=this.blur())}
:focus { -moz-outline-style:none;}
a:hover{color:#999; text-decoration:none;}


* html .iePngFix {tmp:expression(setPng24(this));}

.underline,
a.underline,
.underline a { color:#918b48; text-decoration:underline !important; }


.inline {display:inline}
.hidden { display: none; }
.visible { display: block; }
.hidetext { white-space: nowrap; text-indent: -9999px; }
.ls {letter-spacing:-1px}
.overflow { 
	overflow-y:scroll; 
	overflow-x:hidden;
	scrollbar-Base-Color: #fff;
	scrollbar-Track-Color: #fff;
	scrollbar-Face-Color: #fff;
	scrollbar-3dlight-Color: #fff;
	scrollbar-DarkShadow-Color: #fff;
	scrollbar-Shadow-Color: #dadada;
	scrollbar-Highlight-Color: #dadada;
	scrollbar-Arrow-Color: #7a7a7a;
}


/* font color
*******************************/
.fc01, .fc01 a, a .fc01 { color: #1e51a2 !important; }/* blue point */
.fc02, .fc02 a, a .fc02 { color: #e60013 !important; }/* red point */
.fc03, .fc03 a, a .fc03 { color: #333 !important; }/* 333 point */


/* font size
*******************************/
.fs10, .fs10 a, a .fs10 { font-size:10px; }
.fs11, .fs11 a, a .fs11 { font-size:11px; }
.fs12, .fs12 a, a .fs12 { font-size:12px !important; }
.fs13, .fs13 a, a .fs13 { font-size:13px; }
.fs14, .fs14 a, a .fs14 { font-size:14px !important; line-height: 16px !important; }
.fs15, .fs15 a, a .fs15 { font-size:15px; }
.fs16, .fs16 a, a.fs16 { font-size:16px; }
.fs18, .fs18 a, a.fs18 { font-size:18px; }




/* padding
*******************************/
.p5 {padding:5px;}
.pt5 {padding-top:5px;}
.pr5 {padding-right:5px !important;;}
.pb5 {padding-bottom:5px !important;}
.pl5 {padding-left:5px;}

.p10 {padding:10px !important;}
.pt10 {padding-top:10px;}
.pr10 {padding-right:10px;}
.pb10 {padding-bottom:10px;}
.pl10 {padding-left:10px;}

.p15 {padding:15px !important;}
.pt15 {padding-top:15px;}
.pr15 {padding-right:15px;}
.pb15 {padding-bottom:15px;}
.pl15 {padding-left:15px;}

.p20 {padding:20px !important;}
.pt20 {padding-top:20px;}
.pr20 {padding-right:20px !important;}
.pb20 {padding-bottom:20px !important;;}
.pl20 {padding-left:20px;}

.p25 {padding:25px !important;}
.pt25 {padding-top:25px;}
.pr25 {padding-right:25px;}
.pb25 {padding-bottom:25px !important;;}
.pl25 {padding-left:25px;}

.p30 {padding:30px !important;}
.pt30 {padding-top:30px;}
.pr30 {padding-right:30px;}
.pb30 {padding-bottom:30px;}
.pl30 {padding-left:30px;}

.p40 {padding:40px !important;}
.pl40 {padding-left:40px}
.pr40 {padding-right:40px}
.pt40 {padding-top:40px}
.pb40 {padding-bottom:40px}

.p50 {padding:50px !important;}
.pl50 {padding-left:50px !important; }
.pr50 {padding-right:50px}
.pt50 {padding-top:50px}
.pb50 {padding-bottom:50px}

.p60 {padding:60px !important;}
.pl60 {padding-left:60px}
.pr60 {padding-right:60px}
.pt60 {padding-top:60px}
.pb60 {padding-bottom:60px}

.p70 {padding:70px !important;}
.pl70 {padding-left:70px}
.pr70 {padding-right:70px}
.pt70 {padding-top:70px}
.pb70 {padding-bottom:70px}

.p80 {padding:80px !important;}
.pl80 {padding-left:80px}
.pr80 {padding-right:80px}
.pt80 {padding-top:80px}
.pb80 {padding-bottom:80px}

.p90 {padding:90px !important;}
.pl90 {padding-left:90px}
.pr90 {padding-right:90px}
.pt90 {padding-top:90px}
.pb90 {padding-bottom:90px}

.p100 {padding:100px !important;}
.pl100 {padding-left:100px !important; }
.pr100 {padding-right:100px !important; }
.pt100 {padding-top:100px !important; }
.pb100 {padding-bottom:100px !important; }




/* margin
*******************************/
.mb2 {margin-bottom:2px}
.mt3 {margin-top:3px}
.mr3 {margin-right:3px}
.m5 {margin:5px;}
.mt5 {margin-top:5px;}
.mr5 {margin-right:5px;}
.mb5 {margin-bottom:5px;}
.ml5 {margin-left:5px;}

.m10 {margin:10px;}
.mt10 {margin-top:10px !important}
.mr10 {margin-right:10px;}
.mb10 {margin-bottom:10px;}
.ml10 {margin-left:10px;}

.m15 {margin:15px;}
.mt15 {margin-top:15px;}
.mr15 {margin-right:15px;}
.mb15 {margin-bottom:15px !important;}
.ml15 {margin-left:15px;}

.mb17 {margin-bottom:17px;}
.m20 {margin:20px !important;}
.mt20 {margin-top:20px !important;}
.mr20 {margin-right:20px;}
.mb20 {margin-bottom:20px;}
.ml20 {margin-left:20px;}

.mt23 {margin-top:23px;}

.m25 {margin:25px !important;}
.mt25 {margin-top:25px;}
.mr25 {margin-right:25px;}
.mb25 {margin-bottom:25px;}
.ml25 {margin-left:25px;}

.m30 {margin:30px;}
.mt30 {margin-top:30px !important;}
.mr30 {margin-right:30px;}
.mb30 {margin-bottom:30px !important;}
.mb30_1 {margin-bottom:50px !important;}
.ml30 {margin-left:30px;}

.m35 {margin:35px;}
.mt35 {margin-top:35px !important;}
.mr35 {margin-right:35px;}
.mb35 {margin-bottom:35px;}
.ml35 {margin-left:35px;}

.m40 {margin:40px;}
.mt40 {margin-top:40px !important;}
.mr40 {margin-right:40px;}
.mb40 {margin-bottom:40px !important;}
.ml40 {margin-left:40px;}

.m45 {margin:45px;}
.mt45 {margin-top:45px !important;}
.mr45 {margin-right:45px;}
.mb45 {margin-bottom:45px;}
.ml45 {margin-left:45px;}

.m50 {margin:50px}
.mt50 {margin-top:50px !important;}
.ml50 {margin-left:50px;}
.mr50 {margin-right:50px !important; }
.mb50 {margin-bottom:50px !important; }

.m55 {margin:55px}
.mt55 {margin-top:55px !important;}
.ml55 {margin-left:55px;}
.mr55 {margin-right:55px !important; }
.mb55 {margin-bottom:55px !important; }


.m60 {margin:60px}
.mt60 {margin-top:60px !important;}
.ml60 {margin-left:60px;}
.mr60 {margin-right:60px}
.mb60 {margin-bottom:60px}

.m65 {margin:65px}
.mt65 {margin-top:65px !important;}
.ml65 {margin-left:65px;}
.mr65 {margin-right:65px}
.mb65 {margin-bottom:65px}

.m70 {margin:70px}
.mt70 {margin-top:70px !important;}
.ml70 {margin-left:70px;}
.mr70 {margin-right:70px}
.mb70 {margin-bottom:70px}

.m85 {margin:85px}
.mt85 {margin-top:85px !important;}
.ml85 {margin-left:85px;}
.mr85 {margin-right:85px}
.mb85 {margin-bottom:85px}

.m90 {margin:90px}
.mt90 {margin-top:90px !important;}
.ml90 {margin-left:90px;}
.mr90 {margin-right:90px}
.mb90 {margin-bottom:90px}

.m100 {margin:100px}
.mt100 {margin-top:100px !important;}
.ml100 {margin-left:100px;}
.mr100 {margin-right:100px !important; }
.mb100 {margin-bottom:100px}
.mb300 {margin-bottom:300px}

.mauto {margin:auto;}
.mtauto {margin-top:auto;}
.mrauto {margin-right:auto;}
.mbauto {margin-bottom:auto;}
.mlauto {margin-left:auto;}


/* float & clear
*******************************/

.fl {float:left !important;}
.fr {float:right !important;}
.fn {float:none;}

.cl {clear:left;}
.cr {clear:right;}
.cb {clear:both;}

.ofh {overflow:hidden; zoom:1}

.tal {text-align:left !important;}
.tac {text-align:center !important;}
.tar {text-align:right !important;}

.vat {vertical-align: top !important;}
.vam {vertical-align: middle !important;}
.vab {vertical-align: bottom !important;}

.fwb {font-weight:bold}
.fwn {font-weight:normal}

/* font */
.tahoma {font-family:tahoma}
.gothic {font-family:tahoma,MS Gothic}
.uigothic {font-family:MS UI Gothic}



/* button div */
/*<2020-06-23>*/
#buttons {width:960px; height:200px; background-color:#fff;  padding-top: 50px;  text-align: center;}

/* button css */
.btn {  border-radius: 90px;  padding: 17px 300px;  font-size: 30px;  text-decoration: none;  margin: 20px;  color: #fff;  position: relative;  display: inline-block;}
.btn:active {  transform: translate(0px, 5px);  -webkit-transform: translate(0px, 5px);  box-shadow: 0px 1px 0px 0px;}
.blue {  background-color: #121733;  box-shadow: 0px 5px 0px 0px #050b23;}
.blue:hover {  background-color: #4cdfc3; color:#eee;}