@charset "euc-kr";

@import url( https://fonts.googleapis.com/earlyaccess/nanumbrushscript.css );
@import url( https://fonts.googleapis.com/earlyaccess/nanumgothic.css );
@import url( https://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css );
@import url( https://fonts.googleapis.com/earlyaccess/nanummyeongjo.css );
@import url( https://fonts.googleapis.com/earlyaccess/nanumpenscript.css );

/* common */
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, abbr, acronym, address, big, cite, code, ins, small, sub, sup
{ padding:0; margin:0; }
div img, dl img, dt img, dd img, ul img, ol img, li img, h1 img, h2 img, h3 img, h4 img, h5 img, h6 img, pre img, form img, fieldset img, input img, textarea img, p img, blockquote img, th img, td img{ font-size:0; line-height:0; }
table{ border-collapse:collapse; border-spacing:0; }
ol, ul, li{ list-style:none; }
h1, h2, h3, h4, h5, h6, th, td{ font-weight:normal; font-size:100%; }
form, fieldset, a img{ border:0; }
abbr,acronym {border:0; }
address, abbr, address, big, cite, code, ins, small, sub, sup, em{ font-weight:normal; font-style:normal; }
blockquote, q{quotes:none; }
.accessibility, .skip, legend
{position:absolute !important; width:0 !important; height:0 !important; font-size:0 !important; line-height:0 !important; overflow:hidden !important; visibility:hidden !important; }
caption{ diaplay:none; }
.null{font-size:0; line-height:0; }
a img, input, textarea, img{ vertical-align:middle; }
nav, section, article, header, aside, footer, figure, dialog { margin:0; padding:0; }
time, progress, mark, output { diaplay:inline; }
.hide{position:absolute; top:-9999px; left:-9999px; }
.clr{clear:both !important; float:none !important; width:0 !important; height:0 !important; padding:0 !important; font-size:0 !important; line-height:0 !important; overflow:hidden !important; visibility:hidden !important; }
.dns{position:absolute; visibility:hidden; width:0; height:0; overflow:hidden; font:0;} 
a img{border:0}
img, input{vertical-align:middle}
img, object, embed {max-width:100%;}

a:link{text-decoration:none;color:#5e5d5d}
a:visited{text-decoration:none;color:#5e5d5d}
a:hover{text-decoration:underline;color:#FF8400}

.fleft  {float:left !Important;}
.fright {float:right !Important;}
.overflow {overflow:hidden;}

.tcenter {text-align:center !Important;} 
.tleft   {text-align:left !Important;} 
.tright  {text-align:right !Important;} 

/********************  margin, padding ********************************/

.pd00 { padding: 0px !Important;}
.pd01 { padding: 1px;}
.pd02 { padding: 2px;}
.pd03 { padding: 3px;}
.pd04 { padding: 4px;}
.pd05 { padding: 5px;}
.pd06 { padding: 6px;}
.pd07 { padding: 7px;}
.pd08 { padding: 8px;}
.pd09 { padding: 9px;}
.pd10 { padding: 10px;}
.pd15 { padding: 15px;}
.pd20 { padding: 20px;}
.pd25 { padding: 25px;}
.pd30 { padding: 30px;}

.pdt01 { padding-top: 1px;}
.pdt02 { padding-top: 2px;}
.pdt03 { padding-top: 3px;}
.pdt04 { padding-top: 4px;}
.pdt05 { padding-top: 5px;}
.pdt06 { padding-top: 6px;}
.pdt07 { padding-top: 7px;}
.pdt08 { padding-top: 8px;}
.pdt09 { padding-top: 9px;}
.pdt10 { padding-top: 10px;}
.pdt15 { padding-top: 15px;}
.pdt20 { padding-top: 20px;}
.pdt25 { padding-top: 25px;}
.pdt30 { padding-top: 30px;}
.pdt40 { padding-top: 40px;}
.pdt50 { padding-top: 50px;}
.pdt60 { padding-top: 60px;}
.pdt70 { padding-top: 70px;}
.pdt80 { padding-top: 80px;}

.pdr01 { padding-right: 1px;}
.pdr02 { padding-right: 2px;}
.pdr03 { padding-right: 3px;}
.pdr04 { padding-right: 4px;}
.pdr05 { padding-right: 5px;}
.pdr06 { padding-right: 6px;}
.pdr07 { padding-right: 7px;}
.pdr08 { padding-right: 8px;}
.pdr09 { padding-right: 9px;}
.pdr10 { padding-right: 10px;}
.pdr15 { padding-right: 15px;}
.pdr20 { padding-right: 20px;}
.pdr25 { padding-right: 25px;}
.pdr30 { padding-right: 30px;}

.pdb01 { padding-bottom: 1px;}
.pdb02 { padding-bottom: 2px;}
.pdb03 { padding-bottom: 3px;}
.pdb04 { padding-bottom: 4px;}
.pdb05 { padding-bottom: 5px;}
.pdb06 { padding-bottom: 6px;}
.pdb07 { padding-bottom: 7px;}
.pdb08 { padding-bottom: 8px;}
.pdb09 { padding-bottom: 9px;}
.pdb10 { padding-bottom: 10px;}
.pdb15 { padding-bottom: 15px;}
.pdb20 { padding-bottom: 20px;}
.pdb25 { padding-bottom: 25px;}
.pdb30 { padding-bottom: 30px;}

.pdl01 { padding-left: 1px;}
.pdl02 { padding-left: 2px;}
.pdl03 { padding-left: 3px;}
.pdl04 { padding-left: 4px;}
.pdl05 { padding-left: 5px;}
.pdl06 { padding-left: 6px;}
.pdl07 { padding-left: 7px;}
.pdl08 { padding-left: 8px;}
.pdl09 { padding-left: 9px;}
.pdl10 { padding-left: 10px;}
.pdl15 { padding-left: 15px;}
.pdl17 { padding-left: 17px;}
.pdl20 { padding-left: 20px;}
.pdl25 { padding-left: 25px;}
.pdl30 { padding-left: 30px;}

.mg00 { margin: 0px !Important;}
.mg01 { margin: 1px;}
.mg02 { margin: 2px;}
.mg03 { margin: 3px;}
.mg04 { margin: 4px;}
.mg05 { margin: 5px;}
.mg06 { margin: 6px;}
.mg07 { margin: 7px;}
.mg08 { margin: 8px;}
.mg09 { margin: 9px;}
.mg10 { margin: 10px;}
.mg15 { margin: 15px;}
.mg20 { margin: 20px;}
.mg25 { margin: 25px;}
.mg30 { margin: 30px;}
.mg40 { margin: 40px;}

.mgt01 { margin-top: 1px;}
.mgt02 { margin-top: 2px;}
.mgt03 { margin-top: 3px;}
.mgt04 { margin-top: 4px;}
.mgt05 { margin-top: 5px;}
.mgt06 { margin-top: 6px;}
.mgt07 { margin-top: 7px;}
.mgt08 { margin-top: 8px;}
.mgt09 { margin-top: 9px;}
.mgt10 { margin-top: 10px;}
.mgt15 { margin-top: 15px;}
.mgt20 { margin-top: 20px;}
.mgt25 { margin-top: 25px;}
.mgt30 { margin-top: 30px;}
.mgt40 { margin-top: 40px;}
.mgt45 { margin-top: 45px;}
.mgt50 { margin-top: 50px;}
.mgt55 { margin-top: 55px;}
.mgt60 { margin-top: 60px;}
.mgt65 { margin-top: 65px;}
.mgt70 { margin-top: 70px;}
.mgt80 { margin-top: 80px;}
.mgt90 { margin-top: 90px;}
.mgt_01 { margin-top: -1px;}
.mgt_03 { margin-top: -3px;}
.mgt_10 { margin-top: -10px;}
.mgt_20 { margin-top: -20px;}
.mgt_15 { margin-top: -15px;}
.mgt_55 { margin-top: -55px;}

.mgr01 { margin-right: 1px;}
.mgr02 { margin-right: 2px;}
.mgr03 { margin-right: 3px;}
.mgr04 { margin-right: 4px;}
.mgr05 { margin-right: 5px;}
.mgr06 { margin-right: 6px;}
.mgr07 { margin-right: 7px;}
.mgr08 { margin-right: 8px;}
.mgr09 { margin-right: 9px;}
.mgr10 { margin-right: 10px;}
.mgr15 { margin-right: 15px;}
.mgr20 { margin-right: 20px;}
.mgr25 { margin-right: 25px;}
.mgr30 { margin-right: 30px;}
.mgr40 { margin-right: 40px;}
.mgr50 { margin-right: 50px;}
.mgr60 { margin-right: 60px;}
.mgr70 { margin-right: 70px;}
.mgr80 { margin-right: 80px;}
.mgr90 { margin-right: 90px;}
.mgr100 { margin-right: 100px;}

.mgb01 { margin-bottom: 1px;}
.mgb02 { margin-bottom: 2px;}
.mgb03 { margin-bottom: 3px;}
.mgb04 { margin-bottom: 4px;}
.mgb05 { margin-bottom: 5px;}
.mgb06 { margin-bottom: 6px;}
.mgb07 { margin-bottom: 7px;}
.mgb08 { margin-bottom: 8px;}
.mgb09 { margin-bottom: 9px;}
.mgb10 { margin-bottom: 10px;}
.mgb15 { margin-bottom: 15px;}
.mgb20 { margin-bottom: 20px;}
.mgb25 { margin-bottom: 25px;}
.mgb30 { margin-bottom: 30px;}
.mgb35 { margin-bottom: 35px;}
.mgb40 { margin-bottom: 40px;}
.mgb45 { margin-bottom: 45px;}
.mgb50 { margin-bottom: 50px;}
.mgb60 { margin-bottom: 60px;}
.mgb70 { margin-bottom: 70px;}
.mgb80 { margin-bottom: 80px;}
.mgb90 { margin-bottom: 90px;}

.mgl01 { margin-left: 1px;}
.mgl02 { margin-left: 2px;}
.mgl03 { margin-left: 3px;}
.mgl04 { margin-left: 4px;}
.mgl05 { margin-left: 5px;}
.mgl06 { margin-left: 6px;}
.mgl07 { margin-left: 7px;}
.mgl08 { margin-left: 8px;}
.mgl09 { margin-left: 9px;}
.mgl10 { margin-left: 10px;}
.mgl15 { margin-left: 15px;}
.mgl20 { margin-left: 20px;}
.mgl25 { margin-left: 25px;}
.mgl30 { margin-left: 30px;}
.mgl40 { margin-left: 40px;}
.mgl50 { margin-left: 50px;}
.mgl60 { margin-left: 60px;}
.mgl70 { margin-left: 70px;}
.mgl80 { margin-left: 80px;}
.mgl90 { margin-left: 90px;}
.mgl100 { margin-left: 100px;}
.mgl420 { margin-left: 420px;}

/* width */
.w100 { width:100%  !Important; }
.w30 { width:30%  !Important; }
.w40 { width:40%  !Important; }
.w45 { width:45%  !Important; }
.w50 { width:50%  !Important; }
.w55 { width:55%  !Important; }
.w60 { width:60%  !Important; }
.w70 { width:70%  !Important; }
.w80 { width:80%  !Important; }
.w90 { width:90%  !Important; }

/*------------------------------------------------------------------------------------------------------------*/

.red {color:#ff0000;}
.orange {color:#f88600; font-weight:bold;}
.blue {color:#0078c6;}
.dark_grey {color:#4e4e4e;}
.dark_blue {color:#2b3b5f;}

div,ul,li,ol,dt,dl,dd,p,span,table,th,td,form,h1,h2,h3,h4,h5,h6,select,textarea,input,iframe,fieldset,address,cite {
	font-family: "NanumGothic", "Nanum Gothic", "³ª´®°íµñ", "ng", "¸¼Àº°íµñ", malgun gothic,"µ¸¿ò","dotum", sans-serif;
    color:rgb(130, 130, 130);
	line-height: 160%;
	font-size: 18px;
	letter-spacing:-1px;
	/*word-spacing:-1px*/}	

/* layout */
html,body {margin:0;padding:0;width:100%;height: 100%;}

#wrap {width: 100%; height: 100%; position: relative; -ms-overflow-x: hidden; -ms-overflow-y: auto;}

/* header */
#header {position:relative;width:100%;height:auto;margin:0 auto;overflow:hidden;}

/* container */
#container {position:relative;width:100%;min-width:320px;margin:0 auto;}
#content {position:relative;min-width:320px;}

#sub_con {padding: 0px 0px;}
#s_con {width: 100%;}
#s_con p.img1 img {width: 100%; height: auto;}
#s_con p {font-size: 16px;}

#main_center1 {margin:0 auto;width:100%;height:1185px;min-width:320px;overflow:hidden;background:url(../image/landing/170323/01_bg2.jpg) top center repeat-x}
#main_center2 {margin:0 auto;width:100%;height:590px;padding:60px 0;min-width:320px;overflow:hidden;}
#main_center3 {margin:0 auto;width:100%;height:510px;min-width:320px;overflow:hidden;background:url(../image/landing/170323/03_bg.jpg) center no-repeat;background-color:#2e3192}
#main_center4 {margin:0 auto;width:100%;min-width:320px;padding:60px 0;overflow:hidden;}
#main_btn .s_btn {margin:0 auto;min-width:320px;padding:0px 0 50px 0;}
#event {margin:0 auto;min-width:320px;overflow:hidden;background-color:rgb(127,179,189);z-index:5}
.event_bg {width:600px;margin:0 auto;background-color:rgba(119,166,171,0.5);margin-top:30px;margin-bottom:30px;padding:30px;z-index:10000}
.input_row{position:relative;border:solid 1px #dadada;padding:10px 35px 10px 15px;margin:0 0 10px;background:#fff;height:29px}
.input_row2{position:relative;border:solid 0px #dadada;padding:10px 35px 10px 15px;margin:0 0 10px;height:29px;color:#fff}

.input_row3 {position:relative;height:35px;margin:0 0 20px;color:#fff;font-size:20px;}
.input_row3 select {position:relative;width:36%;height:48px;padding:10px 35px 10px 15px;border:solid 1px #dadada;background:#fff;}
.input_row3 input {position:relative;height:33px;margin:0 0 20px;}
.int2{position:relative;width:29%;padding:7px 0 6px;height:16px;z-index:9;border:solid 1px #dadada;background:#fff;font-size:20px;color:#828282;line-height:16px;-webkit-appearance:none;-webkit-border-radius:0}

.input_row4 {position:relative;height:35px;margin:0 0 20px;}
.input_row4 select {position:relative;width:100%;height:48px;padding:10px 35px 10px 15px;border:solid 1px #dadada;background:#fff;}

.input_row.focus{border:solid 1px #ef4023}
.input_box{display:block;overflow:hidden}
.int{position:relative;width:100%;padding:7px 0 6px;height:16px;z-index:9;border:none;background:#fff;font-size:20px;color:#828282;line-height:16px;-webkit-appearance:none}

.lbl{position:absolute;top:16px;left:15px;z-index:8;font-size:20px;color:#828282;line-height:16px}
.ie7 .lbl,.ie8 .lbl,.ie9 .lbl{z-index:10}
.wrg{display:block;position:absolute;top:15px;right:13px;z-index:1000;width:19px;height:19px;margin:0;padding:0;border:0;background-position:-1px -263px;text-indent:-999px;cursor:pointer;background-color:transparent}

.btn_login{display:block;height:61px;*width:460px;margin:30px 0 13px;background:#444444}
.btn_login input{width:100%;border:1px solid #444444;*border:none;height:61px;text-indent:-999em;*text-indent:0;*padding-left:900px;-webkit-appearance:none;cursor:pointer}
.btn_login input.int_jogin{background-position:50% -1px}
.global .btn_login input.int_jogin{background-position:50% -67px}

.login_check_box{display:block;position:relative;height:26px;margin-bottom:28px}
.login_check_box input{position:absolute;top:0px;left:0px;width:25px;height:25px;cursor:pointer}
.login_check_box label{position:absolute;top:0;left:0;height:26px;background-position:-1px -115px;padding-left:33px;font-size:15px;letter-spacing:-1.5px;color:#fff;line-height:26px;cursor:pointer;border:0px solid #f5f6f7\9}
.login_check_box input:checked + label{background-position:-1px -145px;border:0px solid #f5f6f7\9;color:#fff;font-size:15px;letter-spacing:-1.5px;}
.login_check_box a {margin-left:190px;width:80px;height:24px;padding:3px 7px;border:1px solid #f5f6f7;color:#fff;font-size:13px;letter-spacing:-1.5px;}


@media all and (max-width:1034px)
{
#main_center1 {margin:0 auto;height:auto;min-width:320px;overflow:hidden;background:url(../image/landing/170323/01_bg2.jpg) top center no-repeat}
#main_center2 {margin:0 auto;height:auto;min-width:320px;overflow:hidden;padding:30px 0;}
#main_center2 img {width:98%}
#main_center3 {margin:0 auto;height:auto;min-width:320px;overflow:hidden;background:url(../image/landing/170323/03_bg.jpg) center no-repeat;background-color:#2e319}
#main_center3 img {width:95%}
#main_center4 {margin:0 auto;height:auto;min-width:320px;padding:30px 0;overflow:hidden;}
#main_center4 img {width:95%}
.event_bg {width:500px;background-color:rgba(119,166,171,0);margin-top:30px;margin-bottom:30px;padding-top:20px;padding-bottom:20px;z-index:10000}
}
#main_btn .s_btn {margin:0 auto;min-width:320px;padding:0px 0 50px 0;}
@media all and (max-width:600px)
{
.event_bg {width:400px;z-index:10000}
}

@media all and (max-width:500px)
{
.event_bg {width:300px;z-index:10000}
.event_tit img {width:40%}
}

@media all and (max-width:340px)
{
.event_bg {width:270px;z-index:10000}
.event_tit img {width:30%}
}


/* footer */
#footer {clear:both;position:relative;width:100%;min-width:320px;padding:0px 0 150px;}
#footer_addr {width:100%;height:100px;margin:0 auto;}
.foot_addr1 {margin:0 auto;margin-top:10px;}
.foot_addr1 .foot_tel{font:normal 24px sans-serif,Arial,Helvetica; color:#656565;letter-spacing:-1.5px;margin-bottom:5px;}
.foot_addr1 .foot_tel a:link{text-decoration:none;color:#656565}
.foot_addr1 .foot_tel a:visited{text-decoration:none;color:#656565}
.foot_addr1 .foot_tel a:hover{text-decoration:none;color:#656565}

.foot_addr1 .foot_1{border-top:0px solid #d9d9d9;font:normal 11px "NanumGothic", "³ª´®°íµñ", "ng", "¸¼Àº°íµñ", malgun gothic,"µ¸¿ò",dotum, sans-serif,"±¼¸²",Arial,Helvetica;color:#656565;margin-bottom:2px;}
.foot_addr1 .foot_2{font:normal 11px "NanumGothic", "³ª´®°íµñ", "ng", "¸¼Àº°íµñ", malgun gothic,"µ¸¿ò",dotum, sans-serif,"±¼¸²",Arial,Helvetica;color:#656565;margin-bottom:5px;}
.foot_addr1 .foot_3{font:normal 10px sans-serif,Arial,Helvetica; color:#656565;letter-spacing:-0.3px;}

.footer_sns {width:100%;position: fixed;bottom: 0;left: 0;right: 0;	margin: 0 auto;	padding-top:5px;text-align: center;	z-index:99999;overflow:hidden;}

@media screen and (max-width:1030px) {
.footer_sns img {width:32%;}
#footer {padding:0px 0 130px;}
}

@media screen and (max-width:750px) {
#footer {padding:0px 0 110px;}
}

@media screen and (max-width:450px) {
.footer_sns {background:none;}
#footer {padding:0px 0 80px;}
}

@media screen and (max-width:320px) {
#footer {padding:0px 0 60px;}
}

#b_btn {BORDER:#17958c 0px solid;PADDING:10px 35px;DISPLAY:inline-block;BACKGROUND:#2e3192;COLOR:#fff;font-weight:bold;FONT-SIZE:18px;border-radius:30px}
#b_btn a {font-weight:bold;color:#fff}
#b_btn a:hover {font-weight:bold;}