@charset "utf-8";

/*서브 메뉴*/
.sub_titlebg {width: 100%; height: 239px; position: absolute; top:0 left: 0; background: url(/gayasan/images/sub/sub_titlebg.jpg) no-repeat right 0}
#sub_content {width: 100%; overflow: hidden; padding-top: 239px;}
#container {width: 1200px; margin: 0 auto; position: relative; z-index: 10;}
#snb_snb01 {float: left; width: 230px; }
#snb_snb01 .tit_01 {height: 100px; background: #67bb45; text-align: center; color:#fff; margin-bottom: 10px;}
#snb_snb01 .tit_01 h2 {font-size: 28px; line-height: 100px;}
#snb_snb01 .tit_foreign h2 {font-size:18px !important;}
.snb_snb02 li { border-bottom:1px solid #dddddd; border-left:1px solid #dddddd; border-right:1px solid #dddddd;}
.snb_snb02 li:first-child {border-top:1px solid #dddddd;}
.snb_snb02 li > a {display: block; line-height: 43px; color: #333; font-size: 17px; font-weight: 400; padding-left: 20px;}
.snb_snb02 li.on > a {border: 3px solid #67bb45; background: url(/gayasan/images/sub/select_on.png) no-repeat 94% center #ebf6e7; }
.snb_snb02 li .depth02 {display:none; background:#f6f6f6; border-top:1px solid #ddd; padding:10px 0;}
.snb_snb02 li.on .depth02 {display:block;}
.snb_snb02 li .depth02 > li {border:none;}
.snb_snb02 li .depth02 > li a {padding:2px 0 2px 20px; line-height:22px; font-size:14px;}
.snb_snb02 li .depth02 > li.on {background:#f6f6f6;}
.snb_snb02 li .depth02 > li.on a {color:#345e22; background:none; border:none; font-weight:bold;}
.snb_snb02 div {height: 90px; margin-top: 10px; border: 1px solid #ddd; background: #eee url(/gayasan/images/sub/img02.png) no-repeat 20px center; padding:23px 0 0 60px; text-align: center;}
.snb_snb02 div p {font-size: 15px; font-weight: 600; line-height: 22px;}

/*서브_컨텐츠_타이틀_공통*/
#sub_cont_warp {width: 910px; float: right;}
.sub_tit {width: 100%; overflow: hidden; padding: 37px 0 30px 0px; border-bottom: 2px solid #e0ecdb;}
.sub_tit .page_tit {font-size: 30px; font-weight:400; float: left;}
.sub_tit .page_tit_foreign {font-size:22px; font-weight:500; float: left;}
.sub_tit .location_area {float:left; margin-left:40px; }
.sub_tit .location_area .location {float: left; padding-top: 10px;}
.sub_tit .location_area ul li {float: left;}
.sub_tit .location_area .location li {margin-right: 15px; font-size: 15px;}
.sub_tit .location_area .location li span { background: url(/gayasan/images/sub/ico_arrow.png) no-repeat left center; padding-left: 20px;}
.sub_tit .util {float: right; overflow:hidden; margin-top:5px;}
.sub_tit .util li {margin-left: 5px; float:left;}

#sub_cont {margin:30px 0; overflow:hidden;}
.sub_cont_foreign {padding-bottom:80px;}

/*태블릿*/
@media all and (max-width:1023px){
  /*서브_상단,공통*/
 #sub_content {padding: 210px 10px 0; }
 #snb_snb01 {display: none;}
 #sub_cont_warp {width: 100%;}
 #container {width: 100%; padding: 30px 0; margin: 0;}
 .sub_tit {padding: 30px 0 20px 0;}
 .sub_tit .location_area {float:left;}
}

@media all and (max-width:768px) {
.sub_tit .page_tit {float: none;}
.sub_tit .location_area {width:50%; padding-top:5px; margin-left:0px;}
.sub_tit .location_area .location {padding-top:0px;}
}

@media all and (max-width:510px) {
.sub_tit .location_area {width:100%;}
}

/*모바일*/
@media all and (max-width:480px) {
 .sub_titlebg {background: url(/gayasan/images/sub/sub_titlebg.jpg) no-repeat 80% 0}
 .sub_tit .page_tit {font-size: 28px;}
 .sub_tit .location_area .util {float: none; position: absolute; top:105px; left:0;}
 .sub_tit .location_area .location li {font-size: 14px; line-height: 20px;}
  #sub_cont .hellowtext img {margin: 0 0 10px 10px}
 .sub_tit .util {margin-top:10px;}

}



/*평가하기*/
.cont_foot {padding:40px 0 80px 0;}
.cont_foot .top {width:910px; border: 1px solid #cccccc; background: #f3f3f3; text-align:center; padding:10px 10px 2px;}
.cont_foot .top div {overflow:hidden; display:inline-block;}
.cont_foot .top div a {float:left; font-size:14px;}
.cont_foot .top div img{ float:left; margin-right:15px; }
.cont_foot .info {width:910px; border: 1px solid #cccccc; margin-top: 5px;}
.cont_foot .info .info_line {padding: 7px 20px; overflow: hidden;}
.cont_foot .info dl {float: left; color:#303030; line-height: 17px; padding: 5px 0;}
.cont_foot .info dl dt {float: left; padding:0px 20px 0px 20px;background: url('/gayasan/images/sub/foot_ico01.png') no-repeat left center; font-weight: 800; font-size: 14px; border-right: 1px solid #cccccc;}
.cont_foot .info dl dd {float: left; padding-left: 20px; font-weight: 400; font-size: 14px;}
.cont_foot .info .info_line01 {border-bottom: 1px dashed #cccccc;}
.cont_foot .info .info_line01 .click {float: right;}
.cont_foot .info .info_line01 .click a {
    display: block; float:left;
    background: #ebebeb; /* Old browsers */
    background: -webkit-linear-gradient(#ebebeb 0%, #ebebeb 50%, #dcdcdc 51%, #dcdcdc 100%);
    background: -o-linear-gradient(#ebebeb 0%, #ebebeb 50%, #dcdcdc 51%, #dcdcdc 100%);
    background: linear-gradient(#ebebeb 0%, #ebebeb 50%, #dcdcdc 51%, #dcdcdc 100%);
    width: 108px; height: 28px; border-radius: 5px; border: 1px solid #bfbfbf; font-weight: 600; text-align: center; line-height: 26px; font-size: 13px;}
.cont_foot .info .info_line01 .click a.top02 {
    display: block; float: left;
    background: #6c6c6c; /* Old browsers */
    background: -webkit-linear-gradient(#6c6c6c 0%, #6c6c6c 50%, #606060 51%, #606060 100%);
    background: -o-linear-gradient(#6c6c6c 0%, #6c6c6c 50%, #606060 51%, #606060 100%);
    background: linear-gradient(#6c6c6c 0%, #6c6c6c 50%, #606060 51%, #606060 100%);
    width: 59px; height: 28px;  padding-left:10px; border-radius: 5px; border: 1px solid #bfbfbf;
    font-weight: 600; line-height: 26px; font-size: 13px; color:#fff; text-transform: uppercase;margin-left: 5px; cursor: pointer;
}
.cont_foot .info .info_line01 .click a.top02 img {margin: 0 0 3px 7px;}
.cont_foot .info .info_line02 dl dd {font-size: 14px;}
.cont_foot .info .info_line02 form {float: right; font-size: 13px;}
.cont_foot .info .info_line02 form ul {float: left;}
.cont_foot .info .info_line02 form ul li {float: left; line-height: 27px; margin-right: 10px;}
.cont_foot .info .info_line02 form ul li label {padding-left: 5px;}
.cont_foot .info .info_line02 form .regBtn {
    float: left; width: 58px; height: 28px; border-radius: 5px; border: 1px solid #126b1a; color:#fff; font-weight: 600; font-size: 13px; padding-bottom: 5px;
    background: #126b1a; /* Old browsers */
    background: -webkit-linear-gradient(#178320 0%, #178320 50%, #126b1a 51%, #126b1a 100%);
    background: -o-linear-gradient(#178320 0%, #178320 50%, #126b1a 51%, #126b1a 100%);
    background: linear-gradient(#178320 0%, #178320 50%, #126b1a 51%, #126b1a 100%);
}

@media all and (max-width:1023px) {
  .cont_foot {width:100%; margin-left:0px;}
  .cont_foot .top {width: 100%;}
  .cont_foot .top img {float: left; margin: 11px 30px 0 18%; }
  .cont_foot .info {width: 100%;}
}

@media all and (max-width:768px) {
  .cont_foot .top {padding: 10px;}
  .cont_foot .top div {overflow: hidden; margin-left: 10px;}
  .cont_foot .top img {margin: 0 20px 0 0;}
  .cont_foot .top p {font-size: 12px; line-height: 15px; float: left; width: 70%;}
  .cont_foot .info .info_line01 .click {float: none; padding: 40px 0px;}
  .cont_foot .info .info_line02 form {padding: 40px 0 10px;}
  .cont_foot .info dl {float: none;}
}

/*모바일*/
@media all and (max-width:480px) {
  /*평가하기*/
  .cont_foot .info .info_line {padding: 7px 7px;}
}
@media all and (max-width:380px) {
  /*평가하기*/
  .cont_foot .top div {margin-left: 0;}
  .cont_foot .top p {width: 100%; margin: 10px 0 0 0;}
  .cont_foot .info .info_line {padding: 7px 10px;}
  .cont_foot .info .info_line02 form {padding: 51px 0 10px}
  .cont_foot .info dl dt {border: 0;}
  .cont_foot .info dl dd {margin-top: 5px;}
}

@media all and (max-width:320px) {
  .cont_foot .info .info_line02 form {padding: 51px 0 10px}
}

.update_info {text-align:right; font-size:13px; margin:0 5px 10px 0;}
.update_info span {display:inline-block; background:url('/ko/img/sub/update_img.gif') no-repeat left 4px; padding-left:16px;}


/*서브탭-공통*/
.sub_tab {margin-bottom: 40px; width:100%; overflow:hidden;}
.sub_tab ul {width:100%;}
.sub_tab li {float: left; height: 43px; width: 180px; border: 1px solid #dddddd; line-height: 46px; cursor: pointer; font-size: 14px; margin-left: 1%; margin-bottom: 1%; text-align: center; background: #f8f8f8; position: relative; color:#131313; font-weight: 600;}
.sub_tab li:hover,.sub_tab li.on {background: #027a3e; color:#fff;}
.sub_tab li.first {margin-left: 0;}
.sub_tab li.tab04 {margin-right: 100px;}
.sub_tab li:nth-of-type(6n-1) {margin-left: 0;}
.sub_tab li span {display: block; position: absolute; bottom:0; width: 100%; height: 3px; background: #5fb947;}


@media all and (max-width:1204px) {

}

@media all and (max-width:768px){
.sub_tab {margin-bottom:25px;}
.sub_tab li {width:32%; margin-left:2%; margin-bottom:8px;}
.sub_tab li.tab04 {margin-right: 0;}
.sub_tab li:nth-of-type(4n-3) {margin-left:2%;}
.sub_tab li:nth-of-type(3n-2) {margin-left:0;}
.sub_tab li:nth-of-type(6n-1) {margin-left: 2%;}
.sub_tab li a {height:35px; line-height:35px; padding-left:8px; font-size:14px; border-left-width:4px;}

.sub_box .box_inner .img {width: 30%;}
.sub_box .box_inner .box_text {width: 70%; padding: 11px 30px;}
.sub_box .box_inner .box_text .img01 {display: none;}
.sub_box .box_inner .box_text p span {display: inline;}
.sub_box .box_inner .img02 {display: block;}
}

@media all and (max-width:480px){
.sub_tab {margin-bottom:20px;}
.sub_tab li {width:49%; margin-left:2%; margin-bottom:6px;}
.sub_tab li:nth-of-type(3n-2) {margin-left:2%;}
.sub_tab li:nth-of-type(2n-1) {margin-left:0;}

.sub_box .box_inner {background: #fff;}
.sub_box .box_inner .img, .sub_box .box_inner .box_text {float: none; width: 100%;}
.sub_box .box_inner .box_text {padding: 11px 5px;}
.sub_box .box_inner .box_text p span {display: inline;}
}

/*테이블_스타일*/
.table_wrap { overflow-x: auto;}
.linkTb { border-top:solid 1px #017daa; border-spacing:0; border-collapse:collapse; empty-cells:show; margin-bottom:5px; border-right:solid 1px #DDD; border-left:solid 1px #DDD; position:static; clear:both; width:100%; left:0;}
.linkTb thead th { background:#f9f9f9; border-left:solid 1px #e1e1e1; padding: 13px 0; text-align:center;border-right:0; border-top:0; color:#131313; font-size:14px;font-weight:bold;}
.linkTb thead { background:#f9f9f9; border-left:none; border-bottom:solid 1px #DDD; padding: 5px 0 4px 0; text-align:center;border-right:0; border-top:0; color:#6c6c6c; font-size:14px;font-weight:bold;}

.bgBlue {background:#017daa !important; color:#fff !important;}

.linkTb tfoot th { background:#f9f9f9; border-left:solid 1px #e1e1e1; border-bottom:solid 1px #DDD; padding: 5px 0 4px 0; text-align:center ;border-right:0; color:#6c6c6c; font-size:14px;}
.linkTb tbody th.left {background:#fcfcfc; border-left:none 0; font-weight:bold; padding: 5px 0 4px 20px; text-align:left; border-bottom:solid 1px #e1e1e1 ;border-right:0;border-top:0px none; color:#6c6c6c; font-size:14px;}
tbody th {background:#fcfcfc; border-left:none 0; font-weight:bold; padding: 5px 0 4px 0; text-align:center; border-bottom:solid 1px #e1e1e1 ;border-right:0;border-top:0px none; color:#6c6c6c; font-size:14px;}
tbody.left{background:#fcfcfc; border-left:none 0; font-weight:bold; padding: 5px 0 4px 10px; text-align:left; border-bottom:solid 1px #e1e1e1 ;border-right:0;border-top:0px none; color:#8a8a8a; font-size:14px;}
.border_top { border-top:solid 1px #e1e1e1; text-align:center; color:#8a8a8a}
td.first_left { border-left:none; color:#8a8a8a ; }
td.first_center { border-left:none; text-align:center; color:#8a8a8a ; }
td.first_center_y { border-left:none; text-align:center; color:#8a8a8a; background-color:#ffffee;}
table .linkTb.lt { text-align:left; padding-left:15px; color:#8a8a8a }
tbody td.center { text-align:center; padding-left:10; color:#8a8a8a;  }
tbody td.center_r { text-align:center; padding-left:10; color:#8a8a8a;  background-color:#fef5f7;}
tbody td.center_b { text-align:center; padding-left:10; color:#8a8a8a;  background-color:#fbfdff;}
tbody td.rt { text-align:right; padding-right: 10px ;color:#8a8a8a }
.linkTb .first { border-left:none;color:#6c6c6c; font-size:14px;  }
.genaral table .linkTb.first_center { border-left:none; text-align:center;color:#8a8a8a; }
.linkTb .last { border-right:solid 1px #v; color:#8a8a8a;}
.linkTb .bd_top { border-top:solid 1px #e1e1e1; color:#8a8a8a}
.linkTb td {text-align:center; padding: 10px 5px; border-left:solid 1px #e1e1e1;border-right:0px none;border-top:0px none; border-bottom:solid 1px #e1e1e1; color:#333; font-size:14px; letter-spacing:0.03em; line-height:20px;}
.linkTb td.aL {text-align:left; }
.dep_li_1 li {background:url('bg_line.gif') no-repeat left center; padding-left:10px; margin-left:10px;}
.b_title { text-align:left !important; }
.mar_b20 {margin-bottom:20px;}



/*태블릿*/
@media all and (max-width:1023px){
  /*서브_상단,공통*/
  #snb_snb01 {display: none;}
  #content .sub_tit_bg {height: 150px; top:80px;}
  #content .sub_tit_bg .sub_tit_bgInner {width: 100%; background: url('/gayasan/images/sub/sub_tit.png') no-repeat 20px bottom;}
  #container {width: 100%; padding:10px 24px 20px; margin: 0;}
  #sub_cont_warp {width: 100%; float: none;}
  #sub_cont {margin: 0;}
  /*평가하기_공통*/
  .cont_foot {width: 100%;}
  .cont_foot .top {width: 100%;}
  .cont_foot .info {width: 100%;}

  #footer .footer_inner {width: 100%;}
}
@media all and (max-width:900px) {
  .cont_foot .top {padding: 10px;}
  .cont_foot .top div {overflow: hidden; margin-left: 10px;}
  .cont_foot .top img {margin: 0 20px 0 0;}
  .cont_foot .top p {font-size: 12px; line-height: 15px; float: left; width: 70%;}
  .cont_foot .info .info_line01 .click {float: none; padding: 40px 0px;}
  .cont_foot .info .info_line02 form { padding:10px 0 10px;}
}


/*모바일*/
@media all and (max-width:480px) {
  .sub_tit_bg .sub_tit_bgInner img {width: 100%; margin-top: 15%;}

  #container {padding: 10px 10px;}

  /*탭_공통*/
  .sub_tab ul li, .sub_tab ul li.on, .sub_tab ul li:hover {background-image: none; text-align: center; padding-left: 0;}
  /*상단_슬로건박스*/
  .box1 {padding: 20px;}
  .box1 div img {display: none;}
  .box1 div dl {margin-left: 0; margin-top: 0;}
  /*평가하기*/
  .cont_foot .top p {margin: 10px 0 0 0;}
  .cont_foot .info .info_line02 dl dd {font-size: 12px;}
}

@media all and (max-width:380px) {

  /*평가하기*/
  .cont_foot .top div {margin-left: 0;}
  .cont_foot .top p {width: 100%; margin: 10px 0 0 0;}
  .cont_foot .info .info_line {padding: 7px 10px;}
  .cont_foot .info dl dt {border: 0;}
  .cont_foot .info dl dd {margin-top: 5px;}
}





/* list type */
#sub_cont h4,.h4 {padding-left:35px; font-weight:600; font-size:22px; color:#333; background:url('/gayasan/images/common/bul_h4.png') no-repeat 0 1px;}
#sub_cont h4:first-child {margin-top:0;}
#sub_cont h5 {padding-left:25px; font-weight:600; font-size:16px; color:#333; background:url('/gayasan/images/common/bul_h5.png') no-repeat 5px 6px;}
#sub_cont h6,.h6 { font-size:16px; font-weight:600; background:url('/gayasan/images/common/bul_h6.png') no-repeat left 8px; padding-left:17px; margin-bottom:3px; }
.explain {margin:9px 0 12px; font-weight:600; line-height:1.7;}
.caution {overflow:hidden;}
.caution span.hide {float:left; display:block; padding-left:7px; background:url('/gayasan/images/common/bul_caution.gif') no-repeat 0 6px; text-indent:-9999px;}

.noBl {background:none !important;}
.list_black {/*수정*/margin-left:9px;}
.list_black > li {padding:3px 0 3px 12px !important; background:url('/gayasan/images/common/bul_h5_1.png') no-repeat 0 11px !important;}
.list_blue > li {padding-left:10px; background:url('/gayasan/images/common/bul_blue.png') no-repeat 0 10px;}
.list_gray > li {padding:4px 0 4px 10px; background:url('/gayasan/images/common/bul_gray.png') no-repeat 0 13px;}
.list_noBl > li {background:none;}
.list_hyp > li {padding-left:13px; background:url('/gayasan/images/common/bul_hyphen.png') no-repeat 0 10px;}
.list_dot > li {padding-left:9px; background:url('/gayasan/images/common/bul_dot.png') no-repeat 0 10px;}
.list_dot2 > li {padding-left:9px; background:url('/gayasan/images/common/bul_dot2.gif') no-repeat 0 11px;}
li a.blank {display:inline-block; padding-right:14px; background:url('/gayasan/images/common/i_blank_blue.png') no-repeat right center;}

@media all and (max-width:480px){
.content h4 {margin-top:25px; font-size:19px; background-size:20px 20px; background-position:0 7px;}
.content h5 {padding-left:17px; font-size:16px; background-position:0 8px;}
}


/* box */
.txt_box {padding:14px 20px; font-weight:400; line-height:1.7; border:1px solid #d7d7d7; border-top:2px solid #67bb45; background:#fafafa;}
.txt_box02 {padding:15px 50px; font-weight:600; line-height:1.7; border:1px solid #d7d7d7; background:#fafafa; overflow:hidden;}
.txt_box02 > li {float:left; width:16%; background:url('/gayasan/images/common/bul_arr.gif') no-repeat left center; padding-left:25px;}
.txtBox {padding:14px 20px; font-weight:400; line-height:1.7; border:1px solid #d7d7d7; background:#fafafa;}
.roundBox {width:100%; letter-spacing:-0.08em; text-align:center; vertical-align:top; background:#f4f4f4; border:1px solid #ccc; border-radius:10px 10px; box-sizing:border-box; overflow:hidden;}
.map_box {background:url('/gayasan/images/sub/map_bg.gif') no-repeat left top; padding:20px;}
.map_box > .ico_box {background:url('/gayasan/images/sub/map_icon.png') no-repeat 5% center; padding-left:20%; font-weight:400; line-height:1.5; }
.map_box > .ico_box > .tit {font-size:18px; font-weight:600;}

@media all and (max-width:1200px){
	.map_box {border:1px solid #d7d7d7; background:none #fafafa; border-top:1px solid #1c66a3; border-bottom:1px solid #ea5521;}
}
@media all and (max-width:800px){
	.map_box > .ico_box {padding:0 20px 0 25%;}
}
@media all and (max-width:560px){
	.map_box > .ico_box {padding:0 20px 0 30%;}
}
@media all and (max-width:470px){
	.map_box > .ico_box {background:none #fafafa; padding:0 20px;}
}

.security_box {background:url('/gayasan/images/sub/map_bg.gif') no-repeat left top #f6f6f6; border:1px solid #e5e5e5; padding:20px;}
.security_box > .ico_box {background:url('/gayasan/images/sub/security_icon.png') no-repeat 3% center; padding:2% 2% 2% 15%; font-weight:400; line-height:1.5; }
.security_box > .ico_box > .tit {font-size:18px; font-weight:600;}

@media all and (max-width:1200px){
	.security_box {border:1px solid #d7d7d7; background:none #fafafa; border-top:1px solid #1c66a3; border-bottom:1px solid #ea5521;}
}
@media all and (max-width:820px){
	.security_box > .ico_box {background:none #fafafa; padding:0 10px;}
}
/* table overflow scroll */
.tbl_wrap {overflow-x: auto; margin-top:0px;}

/* table common */
.thL tbody th,
.tdL td {padding-left:10px; text-align:left;}
.tdR td {padding-right:10px; text-align:right;}
.tbl_wrap .tbl_guide { display: none; }

/* table style1 */
.tbl_st1 {margin-left:-1px; min-width:100%; margin-top:7px; border-left:1px solid #fff; border-top:2px solid #45474d;}
.tbl_st1 th,
.tbl_st1 td {padding:6px 5px; font-size:14px; color:#5f5f5f; border-left:1px solid #ccc; border-bottom:1px solid #ccc; border-top:0; text-align:center; border-spacing:0;}
.tbl_st1 thead th {font-weight:600; font-size:14px; background:#fafafb;}
.tbl_st1 tbody th,
.tbl_st1 tfoot th {font-weight:600; background:#fff;}
.tbl_st1 tbody td.txtL {text-align:left; padding-left:10px;}

/* table style2 : 오른쪽 정렬*/
.tbl_st2 {margin-left:-1px; min-width:100%; margin-top:9px; border-left:1px solid #ccc; border-top:1px solid #000;}
.tbl_st2 th,
.tbl_st2 td {padding:10px 0; font-weight:600; font-size:14px; line-height:1.8; color:#5f5f5f; border-left:1px solid #ccc; border-bottom:1px solid #ccc; border-top:0; text-align:center; border-spacing:0;}
.tbl_st2 thead th {font-weight:600; font-size:14px; background:#f0f8fc;}
.tbl_st2 tbody th {background:#f5f5f5;}
.tbl_st2 tbody td {text-align:right; padding-right:10px;}
.tbl_st2 tbody td.txtC {text-align:center; }

/* table style3 : 왼쪽 정렬*/
.tbl_st3 {margin-left:-1px; min-width:100%; margin-top:9px; border-top:1px solid #000;}
.tbl_st3 th,
.tbl_st3 td {padding:10px 0; font-weight:400; font-size:14px; line-height:1.8; color:#5f5f5f; border-left:1px solid #ccc; border-bottom:1px solid #ccc; border-top:0; text-align:center; border-spacing:0;}
.tbl_st3 thead th {font-weight:600; font-size:14px; background:#f0f8fc;}
.tbl_st3 tbody th {background:#f5f5f5;}
.tbl_st3 tbody td {text-align:left; padding-left:10px;}
.tbl_st3 tbody td.txtC {text-align:center; padding-left:0px; }

/* table style4 : blue*/
.tbl_st4 {min-width:100%; margin-top:7px; border-right:1px solid #ddd; border-top:2px solid #1c66a3;}
.tbl_st4 th,
.tbl_st4 td {padding:6px 5px; font-size:14px; line-height:1.8; color:#5f5f5f; border-left:1px solid #ddd; border-bottom:1px solid #ddd; border-top:0; text-align:center; border-spacing:0;}
.tbl_st4 thead th {font-weight:600; font-size:14px; background:#eff4f8;}
.tbl_st4 tbody th,
.tbl_st4 tfoot th {font-weight:600; background:#fff;}
.tbl_st4 tbody td.txtL {text-align:left; padding-left:10px;}

/* img box */
.img_box {margin:29px 0;}
.img_box ul {overflow:hidden;}
.img_box li {float:left; font-size:0; line-height:0}
.img_box li img {width:100%; border:1px solid #ccc; box-sizing:border-box;}

.img_box.col2 li {width:49%; margin-left:2%;}
.img_box.col2 li:nth-of-type(2n-1) {margin-left:0;}
.img_box.col3 li {width:32%; margin-left:2%;}
.img_box.col3 li:nth-of-type(3n-2) {margin-left:0;}

@media all and (max-width:480px){
.img_box li {float:none; margin-top:10px;}
.img_box.col2 li,
.img_box.col3 li {width:100%; margin-left:0;}
}


/* etc */
.unit {text-align:right; font-size:13px; color:#5f5f5f;}
.unit::after {content:""; display:block; width:100%; clear:both;}

/* iframe target*/
#hidden_frame {
	width: 0px;
	height: 0px;
	border-width: 0px;
	border: 0px;
	margin: 0px;
	overflow: hidden;
}

iframe {width:100%; min-width:100%; border:none; margin:0; overflow:hidden; overflow-y:auto;}

.map {padding:10px; border:1px solid #ccc;}
.root_daum_roughmap_landing {height:400px;}
.map > iframe {height:450px;}
@media all and (max-width: 600px) {
	.root_daum_roughmap_landing {height:300px;}
}
@media all and (max-width: 450px) {
	.root_daum_roughmap_landing {height:200px;}
}

/* 탭 */
.tab {width:100%; overflow:hidden;}
.tab > li {float:left; width:15%; background:#ebf4e3; border:1px solid #c4dab9; text-align:center; margin-right:1%; margin-bottom:1%;}
.tab > li > a {display:block; padding:6% 0;}
.tab > li.on {background:#1c66a3; border:2px solid #16801a;}
.tab > li.on > a {color:#fff; font-weight:bold; padding:5% 20%;}
@media all and (max-width: 650px) {
	.tab > li {width:24%;}
}
@media all and (max-width: 390px) {
	.tab > li {width:32%;}
}

.tab02 {width:100%; overflow:hidden; margin:0 auto; margin-bottom:30px;}
.tab02 > li {float:left; font-size:18px; width:23.7%; background:#ebf4e3; border:1px solid #c4dab9; text-align:center; margin-left:1%; margin-bottom:1%;}
.tab02 > li > a {display:block; padding:5% 0;}
.tab02 > li.on {background:#ebf4e3; border:2px solid #16801a;}
.tab02 > li.on > a {color:#16801a; font-weight:bold; padding:4.5% 0;}


/*버튼*/

.bt_top { display: inline-block; padding:7px; border-radius:3px; border:1px solid #c8d1db; }
.bt_top span { padding:0 12px 0 2px;  font-weight: bold; background:#ffffff url('/gayasan/images/common/button/i_top.png') no-repeat right; color:#333; letter-spacing:-0.05em;}

.btL {display:inline-block; height:31px; padding:0 24px 0; border:2px solid #00a3a8; border-radius:8px 8px; font-weight:600; font-size:18px; line-height:27px; color:#117b7e; background:#ebf8f8;}
.btM {display:inline-block; height:26px; padding:0 24px 0; border:2px solid #00a3a8; border-radius:6px 6px; font-weight:600; font-size:15px; line-height:25px; color:#117b7e; background:#ebf8f8;}
.btS {display:inline-block; height:17px; padding:0 22px 0; border:1px solid #00a3a8; border-radius:4px 4px; font-weight:600; font-size:13px; line-height:14px; color:#117b7e; background:#ebf8f8;}
.btS_w50 {display:inline-block; height:17px; padding:0 22px 0; width:30px; border:1px solid #00a3a8; border-radius:4px 4px; font-weight:600; font-size:13px; line-height:14px; color:#00a3a8; background:#ebf8f8;}

.bt_white { line-height:1.4em; display: inline-block; padding:5px 12px 5px 7px; border-radius:3px; border:1px solid #c8d1db; background:#fff; font-weight: bold; color:#333; letter-spacing:-0.05em;}
.bt_white span.down { font-size:14px; padding:3px 12px 3px 7px; background:url('/gayasan/images/common/button/i_down.png') no-repeat right; }
.bt_white span.site { font-size:14px; padding:0 20px 0 3px; background:url('/gayasan/images/common/button/i_site.png') no-repeat right; }
.bt_white span.blank { font-size:14px; padding:0 18px 0 2px; background:url('/gayasan/images/common/button/i_blank.png') no-repeat right; }

.bt_white_s { display: inline-block; padding:0 7px 0 5px; border-radius:3px; border:1px solid #c8d1db; background:#fff; font-size:13px; color:#333; }
.bt_white_s span.down { padding:0 20px 0 2px; background:url('/gayasan/images/common/button/i_down.png') no-repeat right; }
.bt_white_s span.blank { padding:0 18px 0 2px; background:url('/gayasan/images/common/button/i_blank.png') no-repeat right; }


.bt_blue { line-height:1.4em; display: inline-block; padding:5px 12px 5px 7px; border-radius:3px; border:1px solid #1c66a3; background:#1c66a3; font-weight: bold; color:#fff; letter-spacing:-0.05em;}
.bt_blueL {padding:13px 30px;}
.bt_blueL > span { font-size:16px !important;}
.bt_blue span.down { font-size:14px; padding:0 20px 0 2px; background:url('/gayasan/images/common/button/i_down_w.png') no-repeat right; }
.bt_blue span.site { font-size:14px; padding:0 20px 0 3px; background:url('/gayasan/images/common/button/i_site_w.png') no-repeat right }
.bt_blue span.blank { font-size:14px; padding:0 18px 0 2px; background:url('/gayasan/images/common/button/i_blank_w.png') no-repeat right; }
.bt_blue span.glasses { font-size:14px; padding:0 18px 0 2px; background:url('/gayasan/images/common/button/i_glasses.png') no-repeat right; display:block; }


.bt_blue_s { display: inline-block; padding:0 7px 0 5px; border-radius:3px; border:1px solid #1c66a3; background:#1c66a3; font-size:13px; color:#fff; }
.bt_blue_s span.down { padding:0 20px 0 2px; background:url('/gayasan/images/common/button/i_down_w.png') no-repeat right; }
.bt_blue_s span.blank { padding:0 18px 0 2px; background:url('/gayasan/images/common/button/i_blank_w.png') no-repeat right; }
.bt_blue_s span.glasses { padding:0 18px 0 2px; background:url('/gayasan/images/common/button/i_glasses.png') no-repeat right; }

.bt_R_blank{color:#1160a4; padding:0 18px 0 2px; background:url('/gayasan/images/common/i_blank_blue.png') no-repeat right center; }

.bt_security_box {text-align:center;}
.bt_security {display: inline-block; padding:7px 25px; border-radius:3px; border:1px solid #c8d1db; }
.bt_security span {font-weight: bold; color:#333; letter-spacing:-0.05em;}

.btn_box {padding:40px 0 0 45%;}
.bt_ok {display: inline-block; padding:10px 40px; border-radius:3px; background:#666;}
.bt_ok  span {font-weight:400; color:#fff; font-size:18px; letter-spacing:-0.05em;}
@media all and (max-width:600px){
	.btn_box {padding:40px 0 0 38%;}
}
@media all and (max-width:430px){
	.btn_box {padding:30px 0 0 30%;}
}

.bt_gray_s { display: inline-block; padding:0 7px 0 5px; border-radius:3px; border:1px solid #4e4f4d; background:#4e4f4d; font-size:13px; color:#fff; line-height:25px;}
.bt_gray_s:hover {font-weight:bold; color:#fff !important;}
.bt_gray_s span.down { padding:0 20px 0 2px; background:url('/dokyong/ko/img/button/i_down_w.png') no-repeat right; }
.bt_gray_s span.blank { padding:0 18px 0 2px; background:url('/dokyong/ko/img/button/i_blank_w.png') no-repeat right; }
.bt_gray_s span.glasses { padding:0 18px 0 2px; background:url('/dokyong/ko/img/button/i_glasses.png') no-repeat right; }

/* 이미지*/
.photo1 {}
@media all and (max-width:480px){
.photo1 { width:100%; margin-bottom:10px;}
}

.photo2 {overflow:hidden;}
.photo2 li { float:left; width:49%; text-align:center; box-sizing:border-box; }
.photo2 li.last {float:right;}
.photo2 li img {width:100%; box-sizing:border-box;}
.photo2 li span { display:block;  }
@media all and (max-width:480px){
.photo2 li { width:100%; margin-bottom:10px;}
}

.photo3 { overflow:hidden; }
.photo3 li { float:left; width:32%; margin-right:2%; text-align:center;}
.photo3 li.last {margin-right:0;}
.photo3 li img {width:100%;}
.photo3 li span { display:block;  }
@media all and (max-width:768px){
.photo3 li {width:49%; margin-right:1%; margin-bottom:10px;}
}
@media all and (max-width:480px){
.photo3 li { width:100%; }
}

.photo4 { overflow:hidden; }
.photo4 li { width:24.25%; margin-right:1%; float:left; margin-bottom:20px; }
.photo4 li.last {margin-right:0;}
.photo4 img { width:100%; height:140px;}
@media all and (max-width:768px){
.photo4 li { width:49%; margin-right:1%; margin-bottom:10px;}
}
@media all and (max-width:480px){
.photo4 li { width:100%; }
}

.sub_img {width:100%; text-align:center; margin-top:50px;}
@media all and (max-width: 800px) {
	.sub_img img {width:90%;}
}

.img_brd,
.list_brd li {border:1px solid #ddd; box-sizing:border-box; line-height:0 !important;}
.img_pBrd,
.list_pBrd li {border:1px solid #ddd; box-sizing:border-box; padding:1%; line-height:0 !important;}

/* 야생화도감 > 가야산야생화 [문화관광 CSS 일부 수정] */
#sub_cont .place_tit_thum .thum dt {width:25% !important;}
#sub_cont .place_tit_thum .thum dd {width:75% !important;}
#sub_cont .place_tit_thum .thum dt span.txt {width:auto !important;}
#sub_cont .detail_txt {height:auto !important; margin-bottom:20px;}
@media all and (max-width:480px){
	#sub_cont .place_tit_thum .thum dt {width:50% !important;}
	#sub_cont .place_tit_thum .thum dd {width:50% !important;}
}

#sub_cont .place_tit_thum .thum_eng {width:65%; float:right; overflow:hidden;}
#sub_cont .place_tit_thum .thum_eng dt,
#sub_cont .place_tit_thum .thum_eng dd {float:left; margin-bottom:5px; box-sizing:border-box; padding:3px 15px; border:1px solid #009d4e; border-radius:3px;}
#sub_cont .place_tit_thum .thum_eng dt {width:30% !important; box-sizing:border-box;}
#sub_cont .place_tit_thum .thum_eng dd {width:70% !important; border:1px solid #fff;}
#sub_cont .place_tit_thum .thum_eng dt span.txt {width:auto !important; float:left; margin-left:10px;}
#sub_cont .place_tit_thum .thum_eng dt span.address,
#sub_cont .place_tit_thum .thum_eng dt span.category,
#sub_cont .place_tit_thum .thum_eng dt span.navi {display:block; float:left; margin-top:3px; width:20px; height:20px;}
#sub_cont .place_tit_thum .thum_eng dt span.address {background:url('/tour/img/board/ico_place_thum_address.jpg') no-repeat left center;}
#sub_cont .place_tit_thum .thum_eng dt span.category {background:url('/tour/img/board/ico_place_thum_category.jpg') no-repeat left center;}
#sub_cont .place_tit_thum .thum_eng dt span.navi { height:20px; background:url('/tour/img/board/ico_place_thum_navi.jpg') no-repeat left center;}
@media all and (max-width:768px){
	#sub_cont .place_tit_thum_eng .tit {width:100%; margin-bottom:15px;}
	#sub_cont .place_tit_thum_eng .thum {width:100%;}
	#sub_cont .place_tit_thum_eng .thum dt span.address,
	#sub_cont .place_tit_thum_eng .thum dt span.category,
	#sub_cont .place_tit_thum_eng .thum dt span.navi {display:none;}
	#sub_cont .place_tit_thum_eng .thum dt span.txt {margin-left:0px;}
}
@media all and (max-width:480px){
	#sub_cont .place_tit_thum .thum_eng dt {width:50% !important;}
	#sub_cont .place_tit_thum .thum_eng dd {width:50% !important;}
}


/* 단체예약하기 */
.srch_wrap {margin-bottom:20px;}