@charset "utf-8";

/* Common */
/* ///////////////////////////////////////////////////////////////////////////// */
* {margin:0; padding:0; font-family:"돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif;}
html {}
body {background:#ffffff; color:#909090; font-size:0.75em;}
ul, ol {list-style:none;}
a {text-overflow:ellipsis; -o-text-overflow:ellipsis;}
a:link {color:#909090; text-decoration:none;}
a:visited {color:#909090; text-decoration:none;}
a:hover, a:focus, a:active {color:#909090; text-decoration:none;}
input {vertical-align:middle;}
select {font-size:18px; vertical-align:middle; height:34px; border:1px solid #bcbcbc;}
img, fieldset, iframe {border:0;}
img {vertical-align:top;}
.displayNone, hr {display:none;}
em, address, cite {font-style:normal;}
table {border-collapse:collapse; border:0;}
textarea {font-size:18px; border:1px solid #bcbcbc; width:99%; line-height:1.5em; color:#606060;}
button {border:0; padding:0; background:transparent; cursor:pointer; *overflow:visible;}
.pdNone {padding:0 !important;}
.mgNone {margin:0 !important;}
.bgNone {background:none !important;}
.bdNone {border:none !important;}
.bdtNone {border-top:none !important;}
.bdrNone {border-right:none !important;}
.bdbNone,
.bdbNone tr,
.bdbNone th,
.bdbNone td {border-bottom:none !important;}
.bdlNone {border-left:none !important;}
.skipToContent{position:relative; width:100%; z-index:2}
.skipToContent a {display:block; padding:0 10px; height:0; overflow:hidden; color:#ffffff !important; text-align:center}
.skipToContent a:hover, .skipToContent a:focus, .skipToContent a:active {background:#53728F; padding:5px; border:2px solid #024381; height:auto}
.accessibilityHide, legend, caption, #skipNavi {position:absolute; left:-1000%; top:0; width:0; height:0; font-size:0; line-height:0; overflow:hidden;}
.inputBox {font-size:1em; padding:0.25em; border:1px solid #d1d1d1; background:#ffffff;}
.fs11, .fs11 * {font-size:0.92em !important;}
.objCk {width:1.08em; height:1.08em;}
.fl {float:left !important; display:inline;}
.fr {float:right !important; display:inline;}
.c {clear:both; font-size:0; line-height:0;}
.al {text-align:left !important;}
.ac {text-align:center !important;}
.ar {text-align:right !important;}
.ls1 {margin-left:0.417em !important;}
.ls2 {margin-left:0.833em !important;}
.ls3 {margin-left:1.25em !important;}
.ls4 {margin-left:1.667em !important;}
.ls5 {margin-left:2.083em !important;}
.ls6 {margin-left:2.5em !important;}
.ls7 {margin-left:2.917em !important;}
.ls8 {margin-left:3.333em !important;}
.ls9 {margin-left:3.75em !important;}
.ls10 {margin-left:4.167em !important;}
.rs1 {margin-right:0.417em !important;}
.rs2 {margin-right:0.833em !important;}
.rs3 {margin-right:1.25em !important;}
.rs4 {margin-right:1.667em !important;}
.rs5 {margin-right:2.083em !important;}
.rs6 {margin-right:2.5em !important;}
.rs7 {margin-right:2.917em !important;}
.rs8 {margin-right:3.333em !important;}
.rs9 {margin-right:3.75em !important;}
.rs10 {margin-right:4.167em !important;}
.ts1 {margin-top:0.417em !important;}
.ts2 {margin-top:0.833em !important;}
.ts3 {margin-top:1.25em !important;}
.ts4 {margin-top:1.667em !important;}
.ts5 {margin-top:2.083em !important;}
.ts6 {margin-top:2.5em !important;}
.ts7 {margin-top:2.917em !important;}
.ts8 {margin-top:3.333em !important;}
.ts9 {margin-top:3.75em !important;}
.ts10 {margin-top:4.167em !important;}
.bs1 {margin-bottom:0.417em !important;}

.bs2 {margin-bottom:0.833em; margin-left:20px; letter-spacing:-1px;  !important;}


.bs3 {margin-bottom:1.25em !important;}
.bs4 {margin-bottom:1.667em !important;}
.bs5 {margin-bottom:2.083em !important;}
.bs6 {margin-bottom:2.5em !important;}
.bs7 {margin-bottom:2.917em !important;}
.bs8 {margin-bottom:3.333em !important;}
.bs9 {margin-bottom:3.75em !important;}
.bs10 {margin-bottom:4.167em !important;}


@media screen and (max-width:320px) {
    body {zoom:66%;}
}
@media screen and (min-width:321px) and (max-width:479px) {
    body {zoom:80%;}
}
@media screen and (min-width:480px) {
    body {zoom:100%;}
}






/* ///////////////////////////////////////////////////////////////////////////// */


/* Common Fram
/* ///////////////////////////////////////////////////////////////////////////// */
#container {overflow:hidden; table-layout:fixed;}
#container h1, #container h2, #container h3 {font-size:0;}
/* #container h2 {background:url(/t/images/bg_tit.gif) repeat-x 0 0; text-align:center;} */
#header {width:100%; height:61px; background:url(/t/images/m_top_bg.gif) repeat-x 0 0; text-align:center; position:relative;}
#header span.back {position:absolute; top:3px; right:14px;}
#content {}
/*#content h3 {background:url(/image/common/bg_titsub.gif) repeat-x 0 0;}*/
.copy {text-align:center; background:url(/t/images/bg_copy.gif) repeat-x 0 0; position:relative; /* padding-bottom:60px; */}
.copy span.top {position:absolute; top:0; right:0;}
#copy_btn {height:43px; text-align:center; background-color:#8e8f91;}
#copyright {height:92px; text-align:center; background-color:#7f7677;}

/* ///////////////////////////////////////////////////////////////////////////// */

/* TAB
/* ///////////////////////////////////////////////////////////////////////////// */
.reTab {background:url(/t/images/tab_bg.gif) repeat-x 0 0;}
.reTab ul {min-width:320px; height:36px; overflow:hidden; *zoom:1;}
.reTab ul:after {content:""; display:block; clear:both;}
.reTab ul li {float:left;}

.reTab01 { background-color:#c2c2c2;}
.reTab01 ul {min-width:320px; height:36px; font-size:18px; font-weight:bold; color:#303030; line-height:1.5em; padding-right:10px;}
.reTab01 ul:after {content:""; display:block; clear:both;}
.reTab01 ul li {float:left; margin-left:20px; padding:5px 20px 0 5px;}
.reTab01 ul li a {font:normal; color:#4d4d4d;}








/* ///////////////////////////////////////////////////////////////////////////// */

/*  bbs
/* ///////////////////////////////////////////////////////////////////////////// */

ul.reList li {border-bottom:1px solid #d3d3d3; padding:0 1.25em 0 1.25em; *zoom:1;}
ul.reList li:after {content:""; display:block; clear:both;}
ul.reList li a {display:inline-block; width:100%; padding:1.25em 0 1.25em 0; overflow:hidden; white-space:nowrap; text-decoration:none; background:url(/m/images/bg_arr_go.gif) no-repeat right 50%;}
ul.reList li a span.ico {float:left; padding-top:3px;}
ul.reList li span.sbj {font-size:23px; font-weight:bold; color:#303030; line-height:1.5em; padding-right:10px;}
ul.reList li span.name {float:left; font-size:18px; font-weight:bold; color:#606060; padding:6px 15px 0 15px;}
ul.reList li span.date {float:left; font-size:16px; font-weight:bold; color:#909090; padding:6px 0 0 15px; background:url(/m/bbs/images/bg_txt_divline.gif) no-repeat 0 8px;}
.reViewBox {padding:15px 15px 15px 20px; border-bottom:1px solid #d3d3d3; line-height:1.5em; *zoom:1;}
.reViewBox:after {content:""; display:block; clear:both;}
.reViewBox p {font-size:18px; line-height:1.5em;}
.q {background:url(/m/bbs/images/blt_q.gif) no-repeat 0 0;}
.a {background:url(/m/bbs/images/blt_a.gif) no-repeat 0 0 #f8f8f8;}
.reViewBox span.sbj {font-size:18px; font-weight:bold; color:#303030; line-height:1.5em; padding-right:10px;}
.reViewBox span.name {float:left; font-size:18px; font-weight:bold; color:#606060; padding:6px 15px 0 0;}
.reViewBox span.date {float:left; font-size:16px; font-weight:bold; color:#909090; padding:6px 0 0 15px; background:url(/m/bbs/images/bg_txt_divline.gif) no-repeat 0 8px;}
table.boardWrite {width:100%; margin:8px 0 7px 0;}
table.boardWrite select {width:99%; height:34px; border:1px solid #bcbcbc;}
table.boardWrite input.input {width:99%; height:34px; font-size:18px; border:1px solid #bcbcbc;}
table.boardWrite select.dv {width:22% !important;}
table.boardWrite select.dv1 {width:30% !important;}


table.boardWrite input.dv {width:30% !important;}
table.boardWrite th {font-size:18px; color:#303030; text-align:left;}
table.boardWrite td {padding:7px 0 7px 0; font-size:18px;}
table.boardWrite th.agree {padding-top:8px;}
table.boardWrite td textarea {height:150px;}
.agreeBox {padding:5px 15px 15px 15px;}
.agreeBox p {font-size:18px; color:#303030; padding-bottom:10px; font-weight:bold;}
.agreeBox div {border:1px solid #bcbcbc; padding:15px; line-height:1.5em; font-size:18px; color:#606060;}
.agreeCheck {padding:0 15px 20px 15px; *zoom:1; border-bottom:1px solid #bcbcbc;}
.agreeCheck:after {content:""; display:block; clear:both;}
.agreeCheck .lSec {float:left;}
.agreeCheck .rSec {float:right; font-size:18px; font-weight:bold; padding-top:10px;}
.conBox {padding:15px; line-height:1.5em; font-size:18px; border-bottom:1px solid #d3d3d3; margin-bottom:20px;}
.conBox h4 {font-size:0; padding-bottom:15px;}
.conBox p {padding-bottom:12px; color:#606060;}
.conBox form,
.conBox form select {font-weight:bold !important; color:#606060;}
.conBox form select {width:24%; text-align:center;}
.conBox form select.dv2 {width:40%;}
.conBox ul.desc {padding:20px 0 0 0;}
.conBox ul.desc li {background:url(/images/blt_spot.gif) no-repeat 0 10px; padding-left:10px; line-height:1.5em; padding-bottom:5px; font-size:18px; color:#606060;}
.conBox th.at {vertical-align:top; padding-top:12px;}
.conBox td {line-height:1.6em;}
.conBox p.colorSet {font-weight:bold;}
.conBox p.colorSet span {color:#46779d;}
.conBox p.noData {text-align:center; padding:60px 0 60px 0; font-weight:bold;}
.sec {margin:0;}
p.liq {padding:15px 45px 15px 15px; border-bottom:1px solid #d3d3d3; font-size:18px; font-weight:bold; color:#303030; line-height:1.5em; background:url(/images/blt_arr_down.gif) no-repeat right 50%;}
p.arrUp {background:url(/image/common/blt_arr_up.gif) no-repeat right 50%;}
p.question {min-height:40px; padding:15px 20px 15px 57px; background:url(/m/images/bg_q.gif) no-repeat 0 5px #f8f8f8; font-size:18px; font-weight:bold; color:#606060; line-height:1.5em;}
p.answer {padding:0 15px 15px 57px; background:url(/m/images/bg_a.gif) no-repeat 0 5px #f8f8f8; border-bottom:1px solid #d3d3d3; font-weight:normal; font-size:18px; color:#606060; line-height:1.5em;}




#content_box {margin:0 auto;}

#content #post{width:310px; margin:10px auto 0 auto;}
#content #post dl{position:relative; padding:5px; 3px; margin:0; border-bottom:1px solid #ddd;}
#content #post dt{position:absolute; white-space:nowrap; color:#7a542f; font-weight:bold; padding:0; margin:2px 0 0 0;}
#content #post dd{padding-left:80px; font-size:12px; letter-spacing:-1px; text-align:justify;}


p.answer strong {color:#46779d;}
/* ///////////////////////////////////////////////////////////////////////////// */

/* Epilogue
/* ///////////////////////////////////////////////////////////////////////////// */
.bgGd {background:url(/image/epilogue/bg_gd.jpg) repeat-x 0 0; text-align:center;}
/* ///////////////////////////////////////////////////////////////////////////// */

/* Equipment
/* ///////////////////////////////////////////////////////////////////////////// */
.conBox2 {padding:15px 0 0 0; line-height:1.5em; font-size:18px;}
.conBox2 h4 {font-size:0; padding:0 0 15px 15px;}
.conBox2 dl {position:relative; border-bottom:1px solid #d3d3d3; padding:0 0 15px 200px; min-height:122px; font-weight:bold; margin-bottom:18px; *zoom:1;}
.conBox2 dl:after {content:""; display:block; clear:both;}
.conBox2 dl dd.thumb {position:absolute; top:0; left:15px; width:170px;}
.conBox2 dl dt {color:#303030; padding-bottom:5px;}
.conBox2 dl dt img {position:relative; padding-top:3px;}
.conBox2 dl dd {color:#606060; font-size:16px; padding-right:15px;}
.conBox2 dl dd span {color:#1e88b5;}
.conBox2 dl dd.arrStep {position:absolute; bottom:-13px; left:86px; width:23px; height:13px; background:url(/images/bg_arr_down.gif) no-repeat 0 0;}
.conBox2 .dlNone {margin:0; border:0;}
.conBox3 {padding:15px; line-height:1.5em; font-size:18px; font-weight:bold; border-bottom:1px solid #d3d3d3;}
.conBox3 h4 {font-size:0; padding:0 0 15px 0;}
.conBox3 .imgBox {background:#f9f9f9; padding:3px; text-align:center; margin-bottom:15px; border:1px solid #d7d7d7; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.conBox3 .imgBox2 {background:#f9f9f9; padding:15px; margin-bottom:15px; border:1px solid #d7d7d7; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.conBox3 .imgBox2 dl {position:relative; min-height:102px; margin-bottom:10px;}
.conBox3 .imgBox2 dl dt {position:absolute; top:0; left:0;}
.conBox3 .imgBox2 dl dd {position:absolute; left:128px; bottom:0; font-size:16px; color:#606060; line-height:1.3em;}
.conBox3 p.txtStyle {font-size:16px; padding-bottom:10px;}
.conBox3 p.txtStyle span {color:#46779d;}
.conBox3 p.txtStyle2 {font-size:16px; padding-bottom:20px;}
.conBox3 p.txtStyle3 {font-size:16px; padding-bottom:10px; font-weight:normal !important;}
.conBox3 p.strong {color:#303030; padding-bottom:10px;}
.conBox3 p.strong2 {color:#606060; padding-bottom:5px;}
.conBox3 p.desc {font-size:16px; padding-bottom:10px;}







/* ///////////////////////////////////////////////////////////////////////////// */

/* contents
/* ///////////////////////////////////////////////////////////////////////////// */
.box01 {padding:20px 15px 20px 142px; min-height:110px; background:url(/m/images/bg_img_01.gif) no-repeat 0 0; border-bottom:1px solid #d3d3d3; line-height:1.5em; color:#606060; font-size:16px;}
.box01 strong {font-size:18px; color:#303030;}
.conBox4 {color:#606060; font-size:16px; font-weight:bold; line-height:1.5em; border-bottom:1px solid #d3d3d3;}
.conBox4 h4 {font-size:0; padding:0 0 15px 0;}
.conBox4 h5 {font-size:18px; color:#f1529d; padding:12px; 12px 12px 12px;}
table.info {width:100%; border:2px solid #bfbfbf; margin-bottom:20px;}
table.info th, table.info td {padding:10px; font-size:16px;}
table.info th {border-right:2px solid #d9d9d9; border-bottom:1px solid #d9d9d9; padding-right:0; padding-left:0;}
table.info td {padding-left:20px; border-bottom:1px solid #d9d9d9; font-weight:bold;}
table.info td strong {font-size:18px; color:#303030;}
.conBox4 .desc {padding-top:15px;}
.conBox4 .desc strong {color:#303030; font-size:18px;}
.conBox4 .desc span {color:#1e88b5;}
.conBox4 .desc dl {position:relative; padding-bottom:5px;}
.conBox4 .desc dl dt {position:absolute; top:0; left:0;}
.conBox4 .desc dl dt.blue {color:#0744c0;}
.conBox4 .desc dl dt.green {color:#1d7405;}
.conBox4 .desc dl dt.red {color:#d80b0b;}
.conBox4 .desc dl dd {padding-left:135px;}
.conBox4 .desc dl.dl2 dd {padding-left:50px;}
.conBox4 .mapBox {width:446px; margin:0 auto; border:2px solid #a8bbc5;}
.conBox4 .mapBox * {border:none !important; padding:0 !important; margin:0 !important;}
.conBox4 .inlineBox {width:450px; margin:0 auto; padding-bottom:20px; *zoom:1;}
.conBox4 .inlineBox:after {content:""; display:block; clear:both;}
.conBox4 .inlineBox .lSec {float:left;}
.conBox4 .inlineBox .rSec {float:right;}
.conBox4 dl.drIntroBox {position:relative; min-height:255px;}
.conBox4 dl.drIntroBox dt {position:absolute; top:10px; left:8px;}
.conBox4 dl.drIntroBox dd {padding-left:195px; padding-top:10px;  font-size:15px; letter-spacing:-0.5px}
.conBox4 dl.drIntroBox dd p {background:url(/m/images/blt_spot_02.gif) no-repeat 0 9px; padding-left:10px;}



/* ///////////////////////////////////////////////////////////////////////////// */

/* bnf
/* ///////////////////////////////////////////////////////////////////////////// */
ul.bnfList li {border-bottom:1px solid #d3d3d3; padding:15px 15px 0 15px;}
ul.bnfList li:last-child {border-bottom:0;}
/*ul.bnfList li a {display:block; width:100%; padding:15px 0 15px 0; min-height:65px; _height:65px;}*/
ul.bnfList li dl {position:relative;}
ul.bnfList li dl dt {position:relative; top:0; text-align:center; }
ul.bnfList li dl dd { text-align:center; font-size:16px; font-weight:bold; line-height:1.5em;}
ul.bnfList li dl dd strong {color:#303030; font-size:18px;}
ul.bnfList li dl dd span {font-size:18px; color:#1e88b5;}
.ctSize img {width:80%;}



/* ///////////////////////////////////////////////////////////////////////////// */

/* pase
/* ///////////////////////////////////////////////////////////////////////////// */

.paginate {text-align:center; padding:20px 0 20px 0;}
.paginate * {vertical-align:top !important;}
.paginate a {display:inline-block; margin:0 5px 0 5px; border:2px solid #c3c3c3; font-size:18px; font-weight:bold; *zoom:1;}
.paginate a:after {content:""; display:block; clear:both;}
.paginate a span {float:left; min-width:20px; padding:0 8px 0 8px; height:26px; padding-top:10px;}
.paginate a.none {border:0;}
.paginate a.on {color:#6d8bbf; border-color:#6d8bbf;}
.paginate a.btn {padding-left:10px;}
form.search {text-align:center; padding-bottom:50px;}
form.search input[type~=text] {width:200px; height:34px; margin-right:10px; font-size:18px; border:1px solid #bcbcbc;}
.btnSec {text-align:center; min-height:38px; padding:20px 0 30px 0; position:relative;}
.btnSec .rSec {position:absolute; top:15px; right:15px;}








/* /////////////////// */
.infosuTab {background:url(/image/info/bg_stab.jpg) repeat-x 0 0;}
.infosuTab ul {min-width:465px; height:50px; overflow:hidden; *zoom:1;}
.infosuTab ul li {float: right;}


.mlayout1 ul {min-width:465px; }
.mlayout1 ul li {float: left;}

#contentAlign {width:100%;margin:0;}
#contentAlign .content { margin-top:15px; color:#666; line-height:17px;}

.view_ginseng {position:relative;width:100%;margin:1% 0;}
.view_ginseng li {width:96%;margin:2% 0;padding:2% 2%; border-bottom:1px solid #8f826c;background:url(/html/test/test_01/test_0102/images/common/more_arrow.png) no-repeat right 50%;}

#map {width: 100%; height:371px;margin:1% 4%; border:1px solid;  padding-right: 3%}
#btnZoomIn, #btnZoomOut {position: absolute; right: 1em; z-index: 1; padding: 10px; -webkit-border-radius: 0.5em; border: 1px solid #aaa; background: -webkit-gradient(linear,left top,left bottom,from(#EFEFF0),to(#BCBEC1))}
#btnZoomIn {top: 1em}
#btnZoomOut {top: 4em}