@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

*{margin:0; padding:0; color:#3E3E3E;}

body {margin:0px; overflow-x:hidden; font-family:"Nanum Gothic", "돋움", dotum, Helvetica, sans-serif; font-style:normal; font-weight:normal; font-size:9pt; line-height:150%;}
div {margin:0px; -webkit-text-size-adjust:none; font-family:"Nanum Gothic", "돋움", dotum, Helvetica, sans-serif; font-style:normal; font-weight:normal; font-size:9pt;}
img {border: none;margin:0px;padding:0px;}
input, select, textarea {font-family:"Nanum Gothic", "돋움", dotum, Helvetica, sans-serif;}
ul {list-style:none; padding:0px; margin:0px;}
li {padding:0px; float:left; margin:0px;}  
p, li, dd, dt, option {font-family:"Nanum Gothic", "돋움", dotum, Helvetica, sans-serif; font-style:normal; font-weight:normal; font-size:9pt; line-height:150%;}
table {padding:0px; border-spacing:0px; border:0; border-collapse:collapse;}
th, td {padding:0px; text-align:center;}
a:link { color: #3E3E3E; text-decoration: none; cursor:pointer;}
a:visited { color: #fff; text-decoration: none; cursor:pointer;}
a:hover { color: #3E3E3E; text-decoration: none; cursor:pointer;}
a:active { color: #3E3E3E; text-decoration: none; cursor:pointer;}
.mid{ vertical-align:middle;}
.tl{ text-align:left;}
.tr{ text-align:right;}
.cur{ cursor:pointer;}

/* form */
input {-webkit-appearance:none; -webkit-border-radius:0; outline-style:none; border:0;}
button {padding:0; margin:0; border:0; cursor:pointer;}
select {height:30px; padding:0 19px 0 5px; margin:0; background:#fff url(http://image.hanflower.com/img/mobile_r2/common/element_select.png) no-repeat right 50%; vertical-align:middle; background-size:24px 6px; color:#888; font-size:13px; -webkit-border-radius:4px; border:1px solid #cfcfcf; -webkit-appearance:none;}
input[type=radio],
input[type=date],
input[type=checkbox] {-webkit-border-radius:4px; -webkit-appearance:none; border:1px solid #cfcfcf; width:20px; height:18px; vertical-align:middle; background-color:#fff; margin:0;}
input[type=radio]:checked {background:#fff url(http://image.hanflower.com/img/mobile_r2/common/element_radio.png) no-repeat 50% 50%; background-size:10px 10px;}
input[type=checkbox]:checked {background:#fff url(http://image.hanflower.com/img/mobile_r2/common/element_checkbox.png) no-repeat 50% 50%; background-size:12px 12px;}
input[type=text],  
input[type=password],
input[type=tel],
input[type=number],
input[type=email] {height:30px; padding:0 4px; margin:0; -webkit-border-radius:4px; border:1px solid #cfcfcf; font-size:12px; color:#888; vertical-align:middle;}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button {-webkit-appearance:none;}
input[type=number] {-moz-appearance:textfield;}

#wrap {position:relative;}

.mr3{margin-right:3px;}
.mt3{margin-top:3px;}
.ml3{margin-left:3px;}
.ml10{margin-left:10px;}
.ml20{margin-left:20px;}
.mr10{margin-right:10px;}
.b{font-weight:bold;}
.color999{color:#99999C;}
.pr20{padding-right:20px;}
.pr30{padding-right:30px;}
.pr40{padding-right:30px;}
.mr20{margin-right:20px;}
.mr15{margin-right:15px;}
.ml7{margin-left:7px;}
.white{color:#fff;}
.bcolor_orange { font-weight:bold; color:#f8540c;}

.font1{font-family: helveticaNeue, helvetica, sans-serif !important;}

.dateTable {margin:0px 0 10px 0;  border-collapse:collapse; width:100%; border-top:2px solid #444; border-right:1px solid #333;  border-left:1px solid #333;  }
.dateTable tr{border-bottom:1px solid #333;}
.dateTable th { padding:11px 3px;  white-space:nowrap; color:#fff; text-align:center;  font-weight:bold;  background-color:#999; border-bottom:1px solid #333; border-left:none; }
.dateTable th, .dateTable td { padding:10px 3px;  border-bottom:1px solid #666; border-left:1px solid #666; font-size:12px;  text-align:center; vertical-align:middle;}
 /*#searchBar {width:100%; height:48px;  border-top:1px solid #ff5050; border-bottom:1px solid #c20000; background:#e10f0f;}*/

/* 정렬 */  
.display_H {display:none;}
.float_L {float:left;}
.float_R {float:right;}
.fl {float:left;}
.fr {float:right;}
.float_clear {clear:both; height:0px;}
.align_L {text-align:left;}
.align_R {text-align:right;}
.align_C {text-align:center;}
.spH5 {height:5px; font-size:0pt; clear:both;}
.spH10 {height:10px; font-size:0pt; clear:both;}
.spH15 {height:15px; font-size:0pt; clear:both;}
.spH20 {height:20px; font-size:0pt; clear:both;}
.spH75 {height:75px; font-size:0pt; clear:both;}
.mR20 {margin-right:20px;} 
img.mid { vertical-align:middle;} 
.b { font-weight:bold;}
.cb { clear:both;}


.dumy_hide{display:none;}

.txt_c{text-align:center;}
.txt_l{text-align:left;}
.txt_left{text-align:left;}
.txt_r{text-align:right;}
.txt_m{vertical-align:bottom;}
.txt_t{vertical-align:top;}

 
 .t_gbann {width:100%; float:left; border-bottom:1px solid #ddd;}
 .t_gbann li {float:left; width:25%; text-align:center;}
 .seoga_bottban {width:95%; padding:0 10px 10px 10px; margin:auto; float:left;}
 .seoga_bottban li {float:left; width:50%; text-align:center;}
 .seoga_bottban li img {width:99%;}

 .footer_wrap1{width:100%; position:relative; margin:0 auto; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAH0lEQVQIW2NkQAVpjEj8NAYGhlkwATAHJAkSgHNAAgBcbgNriEcDMAAAAABJRU5ErkJggg==) repeat; overflow:hidden; padding:0px 0 10px 0; margin-top:15px;}
.footer{width:95%; margin:0 auto;     padding-bottom: 10px; overflow:hidden;     margin-top: 10px; }
.footer li{width:25%; text-align:center; float:left; overflow:hidden; }
.footer li .tit01{ clear:both; width:90%; border-radius:5px; padding:7px 0;margin-bottom:10px; margin:0 auto; margin-top:10px; box-shadow: 1px 1px 3px #ccc; border:1px solid #ccc;}
.footer li .tit01 .txt {margin:0 auto;  padding-bottom:0px; background-color: #fff; text-shadow:0px 0px 1px #f2f2f2; }
.footer li .tit02{ clear:both; width:90%; border-radius:5px; padding:7px 0;margin-bottom:10px; margin:0 auto; margin-top:10px; box-shadow: 1px 1px 3px #ccc; border:1px solid #ccc; background-color:#fff;}
.footer li .tit01 .txt2 {margin:0 auto;  padding-bottom:0px; background-color: #fff; }


.top_social {}
.top_social li {float:left; padding-right:0px; padding-top:9px; }
.top_social li img {width:80%;}

#hd_btn {
    position: absolute;
    top: 10px;
    right: 0;
    width: 33px;
    height: 32px;
    z-index: 11;
    text-align: center;
    font-size: 0;
    line-height: 0;
    background-color: rgba(0,0,0,.6);
    border-radius: 16px 0 0 16px;
    outline: none;
}

	#hd_btn_img {display:block;transition:transform 1s;-webkit-transition:-webkit-transform 1s; margin-left:13px;}
	.hd_btn_hover {transform: rotate(-180deg);-webkit-transform:rotate(-180deg);}

	#hide_menu {display:none; position:absolute; top:50px; left:0;width:100%;height:100%;z-index:4;}
	#hide_menu ul {background:#fff; overflow:hidden;z-index:3;}
	#hide_menu li {height:40px; width:33.3%; box-sizing:border-box; text-align:center; line-height:40px; border-top:1px solid #ddd; border-left:1px solid #ddd;}
	#hide_menu li:nth-child(3n+1) {border-left:0}
	#hide_menu li a {font-size:15px; display:inline-block; letter-spacing:-1px;}

	#hide_wall {position:absolute;top:150px;left:0;width:100%;height:100%;background:#000;opacity:0.6;z-index:3;display:none}

#hd_topmenu {
    position: relative;
}