@charset "euc-kr";
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,600italic,400,600,700);
@import "http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css";

@font-face {
    font-family: "NanumBarunGothic";
    font-style: normal;
    font-weight: normal;
    src: url("./fonts/NanumBarunGothic.eot?#iefix") format("embedded-opentype"), url("./fonts/NanumBarunGothic.woff") format("woff"), url("./fonts/NanumBarunGothic.ttf") format("truetype");
}

html{width:100%;height:100%;overflow-y:auto;-webkit-text-size-adjust:none;}
body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,input,select,textarea,form,fieldset,legend,body{margin:0;padding:0; font-family:"Open Sans","NanumBarunGothic", "Malgun Gothic","Nanum Gothic",NanumGothic,Dotum,"µ¸¿ò",Arial; }
*+html body body, *+html body div, *+html body li, *+html body dt, *+html body dd, *+html body p, *+html body tr, *+html body td, *+html body h2 {font-family: "NanumBarunGothic", "Malgun Gothic","Nanum Gothic",NanumGothic,Dotum,"µ¸¿ò",Arial;}
body{visibility:visible; width:100%;  font-size:12px;color:#666;line-height:1.5em; background:#¤©¤©¤©; }
img,fieldset{border:none;}
em,address{font-style:normal;}
a{text-decoration:none;color:#666;}
li{list-style:none;}
select,textarea{border-radius:0;}
.blind{visibility:hidden;width:0;height:0;font-size:0;line-height:0;overflow:hidden;}
.clear {zoom:1;}
.clear:after {content:"";display:block;clear:both;}
select{min-width:50px;height:26px;margin:0;padding:0;font-size:12px;line-height:26px;font-family:Dotum,sans-serif;}
.underline {text-decoration:underline; }
.tl { text-align:left !important;}
.tc { text-align:center !important;}
.tr { text-align:right !important;}
.mb20 { margin-bottom:20px !important;}
.img_100 { width:100%; vertical-align:top;}
.strongColor01 { color:#fa6000;}

.block1024, .block768, .block560, .block420, .block380, .inline-block1024, .inline-block768, .inline-block560, .inline-block420, .inline-block380  { display:none;}
.none_inline768 { display:inline;}

#skip{position:fixed;top:-9999px;left:0;z-index:1000;width:240px;height:30px;background:#676462;}
#skip a{display:block;height:30px;padding:0 0 0 20px;line-height:30px;font-size:12px;color:white;}
#skip.on{top:0;}

#wrap { position:relative; width:100%; max-width:1200px; margin:0 auto;}

#header {position:relative; padding-bottom:25px; border-bottom:1px solid #d5d1d0; opacity:0; filter: alpha(opacity=0;); }
#header:after { content:"";display:block;clear:both;}
#header h1 {position:relative; text-align:center;  }
	#header h1 a { display:inline-block;padding:36px 20px 10px;}
	#header h1 img { vertical-align:top;}

.board #header { position:absolute;}

/*.room #header { position:fixed; left:30px; top:40px; border-right:none;}*/

.btn_menu { position:absolute; display:none; width:29px; height:25px; margin-right:-49px; right:100%; top:35px; background:url(../images/common/btn_menu.png); background-repeat:no-repeat; background-size:54px 25px; z-index:12; }
.btn_menu.on { background-position:-29px 0;}
#gnb { position:relative; top:0; left:0; padding:0; text-align:center; opacity:0; filter: alpha(opacity=0;); z-index:10; }
#gnb:after { content:"";display:block;clear:both;}
.web #gnb, .tablet #gnb { left:0 !important;}

#gnb .gnb li { float:left; display:inline-block; width:16%; margin:0; text-align:center;}
#gnb .gnb li.gnb1 { width:20%;}
#gnb .gnb li a.depth1 { display:inline-block; width:100%; padding:10px 0 13px;  font-size:16px; line-height:20px; text-transform:uppercase; color:#535353; 
-webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#gnb .gnb li a.depth1:hover, #gnb .gnb li a.depth1:focus, #gnb .gnb li.this a.depth1 { color:#fff; background:#d8779d;}

#footer { margin:0; }
#footer:after {content:"";display:block;clear:both;}
.banner01 { margin-bottom:10px;}
.banner01:after {content:"";display:block;clear:both;}
.banner01 li { float:left; width:20%; text-align:center; background:url(../images/common/banner01_line.gif) left top no-repeat;}
.banner01 li:first-child { background:none;}
.banner01 li img { width:100%; max-width:150px; vertical-align:center;}
.banner02 { text-align:center; background:#eeeff1; padding:10px 0 5px;}
.banner02:after {content:"";display:block;clear:both;}
.banner02 li { display:inline; margin:0 7px 5px;}
.banner02 li img { vertical-align:top;}
.copyright {text-align:center; background:#eeeff1; padding:20px 0; font-size:1.2em; line-height:1.35em;}
.copyright .footer_logo { color:#535353; margin-bottom:20px;}
.copyright .footer_logo img { vertical-align:top; margin-bottom:20px;}


/* 2024 ADD CSS - service*/

.charge_con02 .charge_txt span.new_underline{
	display: inline-block;
	text-decoration: underline;
}

@media \0screen { /* IE8 À¥ÆùÆ® ¼³Á¤*/
}

@media  (max-width: 768px){
.block768 { display:block;}
.inline-block768 { display:inline-block;}
.none768, .none_inline768 { display:none;}

#header {padding-bottom:10px;}
#header h1 a {padding:30px 10px 10px;}
#header h1 img { width:142px;}
.btn_menu {display:block;}
#gnb {position:fixed; width:100%; height:100%; left:-100%; top:0 !important; background:url(../images/bg/black_80.png); z-index:10;}
#gnb .gnb { padding:100px 0 0 0; width:100%;}
#gnb .gnb li, #gnb .gnb li.gnb1 { float:none; display:block; width:100%; margin-bottom:2px;}
#gnb .gnb li a.depth1 { padding:10px 0; color:#fff; font-size:22px; line-height:26px; }

.banner02 li { margin:0 7px 5px;}
.banner02 li img { width:auto; height:25px;}
.copyright { padding:15px; font-size:1.1em; line-height:1.35em;}
.copyright .footer_logo { margin-bottom:15px;}
.copyright .footer_logo img { width:45px; margin-bottom:15px;}


}

@media  (max-width: 560px){

.block560 { display:block;}
.inline-block560 { display:inline-block;}
.none560 { display:none;}

.banner01 { margin:10px 0;}
.banner02 { padding:6px 0 3px;}
.banner02 li { margin:0 5px 3px;}
.banner02 li img { width:auto; height:17px;}
.copyright { padding:10px; font-size:.9em; line-height:1.35em;}
.copyright .footer_logo { margin-bottom:10px; font-size:1.2em;line-height:1.35em;}
.copyright .footer_logo img { margin-bottom:10px;}

}

@media  (max-width: 480px){

}


@media  (max-width: 420px){
.block420 { display:block;}
.inline-block420 { display:inline-block;}
.none420 { display:none;}

}

@media  (max-width: 380px){

.block380 { display:block;}
.inline-block380 { display:inline-block;}
.none380 { display:none;}

	
}

.colortext p{color:#ff8f00}
.faq_list span{color:#ff8f00}