@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); 
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url(http://fonts.googleapis.com/earlyaccess/kopubbatang.css); 
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);


 /*@import url("customize.css");*/
* {font-size:13px;font-family: 'Noto Sans KR', 'sans-serif','나눔고딕', NanumGothic, NanumGothic, '돋움', Dotum, Arial, Tahoma; color:#333;	}
	
.myjo{ font-family: '나눔명조', 'Nanum Myeongjo', NanumMyeongjo, '돋움', Dotum, Arial, Tahoma; color:#333;	}
.NotoSansCJKkr{font-family: 'Noto Sans KR', 'sans-serif';}
	
html {width:100%; /*height:100%;*/}
body {width:100%; /*height:100%;*/  font-size: 0.75em; color: #333; position:relative;}

a:link, a:visited { text-decoration:none; }
a:hover, a:focus, a:active { text-decoration:none; cursor:pointer;	}
button {border:none; cursor:pointer;	padding:0; margin:0;}

/*whole style*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
    padding: 0;
    margin: 0;
}
h1, h2, h3, h4, h5, h6, th, td, table, input, button, select, textarea, sub{ font-size:1em}
table {
    border-collapse: collapse;
    border-spacing: 0;
    }
fieldset,img,abbr,acronym { border: 0}
address,cite,code,dfn,em,th,var {
    font-weight: normal;
    font-style: normal;
    }
ol,ul { list-style: none }
img, input, button, select, textarea { vertical-align:middle}
input[type=text] {border:1px solid #c7c7c7; padding:2px;height:30px;}
input[type=number] {border:1px solid #c7c7c7; padding:2px;height:30px;}
input[type=email] {border:1px solid #c7c7c7; padding:2px;height:30px;}
input[type=tel] {border:1px solid #c7c7c7; padding:2px;height:30px;}
input[type=search] {border:1px solid #c7c7c7; padding:2px;height:30px;}
input[type=url] {border:1px solid #c7c7c7; padding:2px;height:30px;}
input[type=password] {border:1px solid #c7c7c7; padding:2px;height:30px;}
input[type=file] {border:1px solid #c7c7c7; padding:2px;height:30px;}
input[type=submit] {cursor:pointer;}
/*input[type=radio] {cursor:pointer;height:30px;}
input[type=checkbox] {cursor:pointer;height:30px;}*/
textarea {border:1px solid #c7c7c7; }

/*text-align:center*/
th{
	text-align:center;
}
.innerbox{/*셀 내부영역지정 셀text-align이 반영되지 않는 경우*/
	display:block;
	width:100%;
	text-align:center;
	padding:inherit;
	float:left;
	margin:0 auto;
}
/*input 길이*/
.input30{ width:30px;}
.input50{ width:50px;}
.input100{ width:100px!important;}
.input150{ width:150px;}
.input200{ width:200px;}
.input250{ width:250px;}
.input300{ width:300px;}
.input350{ width:350px;}
.input400{ width:400px;}
.input450{ width:450px;}
.input500{ width:500px;}
.input550{ width:550px;}
.input600{ width:600px;}
.input100p{ width:100%;}

legend, hr { overflow:hidden; display:none;}
caption{font-size: 0;height: 0;line-height: 0;text-indent: -9999px;visibility: hidden;width: 0; display:none;	}

.fl{ float:left!important}
.fr{ float:right!important}
.tac{ text-align:center!important}
.tal{ text-align:left!important}
.tar{ text-align:right!important}
.vat {vertical-align:top!important;}
.vm{vertical-align: middle;}
.bk {display:block;}
.po_re {position:relative;}
.b {font-family:NanumGothicBold;}
.n {font-weight:normal;}
.fs13 {font-size:13px;}
.inbk {display:inline-block;}
.nobr {border:none !important;}

.br20{border-radius:20px !important;}

/* clear float */
.clear{clear: both;}

/* hidden */
.hidden{ visibility:hidden; position:absolute; font-size:0; width:0; height:0; line-height:0; margin:0; padding:0; background:none;}

/* font size */
.f10 {font-size:10px;}
.f11 {font-size:11px;}
.f12 {font-size:12px;}
.f13 {font-size:13px;}
.f14 {font-size:14px;}
.f15 {font-size:15px;}
.f16 {font-size:16px;}
.f18 {font-size:18px;}
.f20 {font-size:20px;}
.f25 {font-size:25px;}
.f27 {font-size:27px;}
.f30 {font-size:30px;}
.f32 {font-size:32px;}
.f35 {font-size:35px;}
.f37 {font-size:37px;}
.f39 {font-size:39px;}
.f42 {font-size:42px;}
.f45 {font-size:45px;}
.f48 {font-size:48px;}
.f50 {font-size:50px;}

.lh20{ line-height:20px !important}
.lh21 {line-height:21px !important}
.lh22 {line-height:22px !important}
.lh23 {line-height:23px !important}
.lh24 {line-height:24px !important}
.lh25 {line-height:25px !important}
.lh26 {line-height:26px !important}
.lh27 {line-height:27px !important}
.lh28 {line-height:28px !important}
.lh29 {line-height:29px !important}
.lh30 {line-height:30px !important}
.lh40 {line-height:40px !important}
/*font color*/
.fw{ color:#ffffff;	}
.fdg{ color:#333;}
.fmg{ color:#666;}
.flg{ color:#999;}
.fblue{	color:#039;}
.fblue2{ color:#0018ff;}
.fsky{	color:#d1dce0;}
.flsky{	color:#eaf5f9;}
.fdsky{	color:#7597c1;}
.fwhite{ color:#fff;	}
.fred{ color:#ff0000;	}
.forange{ color:#ff4f00;	}
.fdblue{color:#0f4684;	}
.flblue{color:#3c85d6;	}
.fyellow{ color:#fbfe12;}

/*font weight*/
.fw500{ font-weight:500 !important;}
.fw600{ font-weight:600 !important;}
.fw700{ font-weight:700 !important;}
.fw800{ font-weight:800 !important;}
.fw400{ font-weight:400 !important;}
.fw300{ font-weight:300 !important;}
.fw200{ font-weight:200 !important;}
.fbold{ font-weight:bold !important;}

/*text align*/
.txc{	text-align:center;	}

/*float*/
.inlinefl{ display:inline; float:left;}
.inlinefr{ display:inline; float:right;}
.inline{ display:inline;}
.inlineb{ display:inline-block;}
.fl{float:left;}
.fr{ float:right;}

/*block*/
.dblock{ display:block;}



/*a underline*/
.underlined {text-decoration:underline;}
a.underlined {text-decoration:underline;}

.imgsidetext{ display:inline; }

.box_white1{ width:310px; height:95px; border:#CCC 1px solid; padding:10px; display:inline-block; float:left; }
.box_white2{ width:310px; height:75px; border:#CCC 1px solid; padding:20px; display:inline-block; float:left; }
.box_white3{ width:80%; padding:20px; background:#fff;}
.box_white3 p{ line-height:20px;}
.box_gray1{ width:85%; padding:30px 20px; background:#f8f8f8; border:1px solid #c2c2c2; }
.box90p{ width:90%;margin-left:32px;text-align:left; line-height:18px;}

#map_canvas{ width:100%; height:450px; border:1px solid #c2c2c2;}
#map_canvas2{ width:100%; height:450px; border:1px solid #c2c2c2;}

/*board*/
.board1 {width:100%; margin-top:30px; margin-left:2px;}
.board1 td{ height:35px; text-align:center; border-bottom:#b4c2d1 1px solid;}
.board1 th{ height:30px; background:#3367a0; color:#fff; text-align:center;}
.board1 span.line{ border-right:#fff 1px solid; color:#fff; display:inline-block; width:100%; }
.board1 th.rdleft{ background:url(../images/common/tb_all.gif) left no-repeat;}
.board1 th.rdright{ background:url(../images/common/tb_all.gif) right no-repeat;}
.board1 td.title{ text-align:left; }
.board1 td.title img{ margin-right:5px;}
.board1 td.answer{ background:#dde8f3;}

.board_list1{ width:400px; margin:20px auto;word-spacing:10px;}
.board_list1 a{ text-decoration:underline; color:#006; vertical-align:middle;}



/*letter*/
.letter1{ width:650px; background:url(../images/mailing/letterback1.gif); display:inline-block; text-align:center; position:relative;}
.letter1 .text1{  width:400px; position:absolute; top:352px; left:125px; font-size:16px;}
.letter1 .text2{ background:url(../images/mailing/letter1_3.gif) no-repeat; width:621px; height:310px; margin-left:15px; }

.letter2{ width:650px; background:url(../images/mailing/letterback2.gif); display:inline-block; text-align:center; position:relative;}
.letter2.text1{  width:400px; position:absolute; top:352px; left:125px; font-size:16px;}
.letter2 .text2{ background:#fff; width:621px;  margin-left:15px; }


/* input */

/* with */

/* margin */
.mt0 {margin-top:   0px !important}
.mt5 {margin-top:   5px !important}
.mt10{margin-top: 10px !important}
.mt15{margin-top: 15px !important}
.mt20{margin-top: 20px !important}
.mt25{margin-top: 25px !important}
.mt30{margin-top: 30px !important}
.mt35{margin-top: 35px !important}
.mt40{margin-top: 40px !important}
.mt45{margin-top: 45px !important}
.mt50{margin-top: 50px !important}

.mr0 {margin-right:0px !important}
.mr5 {margin-right:5px !important}
.mr10{margin-right:10px !important}
.mr15{margin-right:15px !important}
.mr20{margin-right:20px !important}
.mr25{margin-right:25px !important}
.mr30{margin-right:30px !important}
.mr35{margin-right:35px !important}
.mr40{margin-right:40px !important}
.mr45{margin-right:45px !important}
.mr50{margin-right:50px !important}

.ml0{margin-left:    0px !important}
.ml5{margin-left:    5px !important}
.ml10{margin-left:10px !important}
.ml15{margin-left:15px !important}
.ml20{margin-left:20px !important}
.ml25{margin-left:25px !important}
.ml30{margin-left:30px !important}
.ml35{margin-left:35px !important}
.ml40{margin-left:40px !important}
.ml45{margin-left:45px !important}
.ml50{margin-left:50px !important}

.mb0{margin-bottom: 0px !important}
.mb5{margin-bottom: 5px !important}
.mb10{margin-bottom:10px !important}
.mb15{margin-bottom:15px !important}
.mb20{margin-bottom:20px !important}
.mb25{margin-bottom:25px !important}
.mb30{margin-bottom:30px !important}
.mb35{margin-bottom:35px !important}
.mb40{margin-bottom:40px !important}
.mb45{margin-bottom:45px !important}
.mb50{margin-bottom:50px !important}
.mb60{margin-bottom:60px !important}



/* padding */
.pt0 {padding-top:  0px !important}
.pt3 {padding-top:  3px !important}
.pt5 {padding-top:  5px !important}
.pt10{padding-top: 10px !important}
.pt15{padding-top: 15px !important}
.pt20{padding-top: 20px !important}
.pt25{padding-top: 25px !important}
.pt30{padding-top: 30px !important}
.pt35{padding-top: 35px !important}
.pt40{padding-top: 40px !important}
.pt45{padding-top: 45px !important}
.pt50{padding-top: 50px !important}

.pr0 {padding-right:0px !important}
.pr5 {padding-right:5px !important}
.pr10{padding-right:10px !important}
.pr15{padding-right:15px !important}
.pr20{padding-right:20px !important}
.pr25{padding-right:25px !important}
.pr30{padding-right:30px !important}
.pr35{padding-right:35px !important}
.pr40{padding-right:40px !important}
.pr45{padding-right:45px !important}
.pr50{padding-right:50px !important}

.pl0{padding-left:   0px !important}
.pl1{padding-left:   1px !important}
.pl5{padding-left:   5px !important}
.pl10{padding-left:10px !important}
.pl15{padding-left:15px !important}
.pl20{padding-left:20px !important}
.pl25{padding-left:25px !important}
.pl30{padding-left:30px !important}
.pl35{padding-left:35px !important}
.pl40{padding-left:40px !important}
.pl45{padding-left:45px !important}
.pl50{padding-left:50px !important}
.pl55{padding-left:55px !important}
.pl60{padding-left:60px !important}
.pl65{padding-left:65px !important}
.pl70{padding-left:70px !important}

.pb0{padding-bottom:    0px !important;}
.pb5{padding-bottom:    5px!important;}
.pb10{padding-bottom:10px !important}
.pb15{padding-bottom:15px !important}
.pb20{padding-bottom:20px !important}
.pb25{padding-bottom:25px !important}
.pb30{padding-bottom:30px !important}
.pb35{padding-bottom:35px !important}
.pb40{padding-bottom:40px !important}
.pb45{padding-bottom:45px !important}
.pb50{padding-bottom:50px !important}

textarea{  padding:5px; font-size:12px; line-height:22px; }

/*button*/
.bluebtn{
	display:block;
	margin:0 auto;
	background-color:#eaf5f9;	
	width:120px;
	height:30px;
	text-align:center;
	border:1px solid #3367a0;
	border-radius:3px;
	color:#3367a0;
	font-size:16px;
	padding-top:7px;
	margin:5px;
	float:left;
}

.hide{
	/*display:none!important;*/
	visibility: hidden;
}
.d_none{
	display:none!important;
}


.bl0{
	border-left:none!important;
}
.h150{height:150px!important;}
.h160{height:160px!important;}


.w10p {width:10% !important}
.w20p {width:20% !important}
.w30p {width:30% !important}
.w40p {width:40% !important}
.w49p {width:49% !important}
.w50p {width:50% !important}
.w60p {width:60% !important}
.w70p {width:70% !important}
.w80p {width:80% !important}
.w90p {width:90% !important}
.w100p {width:100% !important}
.w20 {width:20px !important}
.w30 {width:30px !important}
.w35 {width:35px !important}
.w50 {width:50px !important}
.w60 {width:60px !important}
.w70 {width:70px !important}
.w77{width:77px !important}
.w80 {width:80px !important}
.w85 {width:85px !important}
.w87 {width:87px !important}
.w90 {width:90px !important}
.w91 {width:91px !important}
.w92 {width:92px !important}
.w95 {width:95px !important}
.w96 {width:96px !important}
.w99 {width:99px !important}
.w100 {width:100px !important}
.w101 {width:101px !important}
.w105 {width:105px !important}
.w107 {width:107px !important}
.w109 {width:109px !important}
.w110 {width:110px !important}
.w111 {width:111px !important}
.w112 {width:112px !important}
.w117 {width:117px !important}
.w118 {width:118px !important}
.w120 {width:120px !important}
.w130 {width:130px !important}
.w134 {width:134px !important}
.w135 {width:135px !important}
.w140 {width:140px !important}
.w150 {width:150px !important}
.w157 {width:157px !important}
.w158 {width:158px !important}
.w160 {width:160px !important}
.w170 {width:170px !important}
.w176 {width:176px !important}
.w180 {width:180px !important}
.w184 {width:184px !important}
.w185 {width:185px !important}
.w188 {width:188px !important}
.w190 {width:190px !important}
.w200 {width:200px !important}
.w210 {width:210px !important}
.w220 {width:220px !important}
.w227 {width:227px !important}
.w230 {width:230px !important}
.w236 {width:236px !important}
.w237 {width:237px !important}
.w240 {width:240px !important}
.w250 {width:250px !important}
.w260 {width:260px !important}
.w262 {width:262px !important}
.w270 {width:270px !important}
.w280 {width:280px !important}
.w285 {width:285px !important}
.w290 {width:290px !important}
.w300 {width:300px !important}
.w302 {width:302px !important}
.w303 {width:303px !important}
.w310 {width:310px !important}
.w315 {width:315px !important}
.w316 {width:316px !important}
.w320 {width:320px !important}
.w330 {width:330px !important}
.w340 {width:340px !important}
.w350 {width:350px !important}
.w360 {width:360px !important}
.w370 {width:370px !important}
.w380 {width:380px !important}
.w390 {width:390px !important}
.w400 {width:400px !important}
.w405 {width:405px !important}
.w410 {width:410px !important}
.w413 {width:413px !important}
.w415 {width:415px !important}
.w420 {width:420px !important}
.w430 {width:430px !important}
.w440 {width:440px !important}
.w450 {width:450px !important}
.w455 {width:455px !important}
.w460 {width:460px !important}
.w470 {width:470px !important}
.w473 {width:473px !important}
.w474 {width:474px !important}
.w475 {width:475px !important}
.w480 {width:480px !important}
.w490 {width:490px !important}
.w500 {width:500px !important}
.w510 {width:510px !important}
.w520 {width:520px !important}
.w530 {width:530px !important}
.w540 {width:540px !important}
.w550 {width:550px !important}
.w560 {width:560px !important}
.w570 {width:570px !important}
.w580 {width:580px !important}
.w590 {width:590px !important}
.w600 {width:600px !important}
.w610 {width:610px !important}
.w620 {width:620px !important}
.w630 {width:630px !important}
.w640 {width:640px !important}
.w650 {width:650px !important}
.w660 {width:660px !important}
.w670 {width:670px !important}
.w680 {width:680px !important}
.w690 {width:690px !important}
.w700 {width:700px !important}
.w710 {width:710px !important}
.w720 {width:720px !important}
.w730 {width:730px !important}
.w740 {width:740px !important}
.w750 {width:750px !important}
.w760 {width:760px !important}
.w770 {width:770px !important}
.w780 {width:780px !important}
.w790 {width:790px !important}
.w800 {width:800px !important}
.w810 {width:810px !important}
.w820 {width:820px !important}
.w830 {width:830px !important}
.w840 {width:840px !important}
.w850 {width:850px !important}
.w860 {width:860px !important}
.w870 {width:870px !important}
.w880 {width:880px !important}
.w890 {width:890px !important}
.w900 {width:900px !important}
.w950 {width:950px !important}


.lsc1{letter-spacing:-1px !important}
.m0auto{margin:0 auto !important}.fw100 {
}


/*g5_common*/
.sound_only{display: none;}

@media (min-width: 801px) and (max-width: 1200px){
}


@media (min-width: 641px) and (max-width: 800px){
}


@media (min-width: 361px) and (max-width: 640px){
}


@media (max-width: 360px){
}

/*ex10이하 li 자동정렬 안되는 문제 해결*/
ul{

}