@charset "UTF-8";
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* Author : 사하 문화관광
/* Date : 2016-10-05 ~
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 서브 공통스타일
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* Common */
.blind {position:absolute;top:-9999px;left:-9999px;z-index:-1; height:0; padding:0; margin:0;overflow:hidden; }
select {
    padding: 2px;
    height: 30px;
    line-height: 28px;
    border: 1px solid #D1D6DD;
    color: #777;
}

 /* Color */
.red, a.red {color:#e65231}
.pink, a.pink {color:#d84374}
.mazenta, a.mazenta{ color: #B22655; }
.orange, a.orange {color:#ff7113}
.blue, a.blue {color:#2466c0}
.sky, a.sky {color:#0084aa}
.green, a.green {color:#008c44}
.olive, a.olive {color:#529823}
.pp { color: #4b5399 !important;}
a.pp {color: #3644bd !important;}
.bold { font-weight: bold; }
.point { font-size: 18px; font-weight: bold; color: #0E4B8D; line-height: 28px; }
.bigfont { font-size: 18px; }

.mb30 { margin-bottom: 30px}
.mt30 { margin-top: 30px}
.mT30 { margin-top: 30px}

span[class^="bgr_"], em[class^="bgr_"] {padding:3px 5px 2px;border-radius:3px;color:#fff;font-size:0.923em;font-weight:700}
.bgr_red {background-color:#e65231}
.bgr_blue {background-color:#2466c0}
.bgr_sky {background-color:#0084aa}
.bgr_green {background-color:#008c44}
.bgr_olive {background-color:#529823}
.gray, a.gray {color:#888}

/* Heading */
h3.bar { margin-bottom: 10px; padding-left: 10px; font-size: 18px; line-height: 18px; color: #3b4a98; background: url(../../images/sub/icon_h3.gif) 0px 50% no-repeat; box-sizing: border-box; }
h4.circle { margin: 10px 0 10px 10px; padding-left: 15px; font-size: 15px; line-height: 15px; color: #444; background: url(../../images/sub/icon_h4.gif) 0px 50% no-repeat; box-sizing: border-box; }

/* 문단 */
.h3content { margin: 0 0 15px 5px; padding: 0 0 5px 5px; box-sizing: border-box; position: relative; }
.h4content { margin: 0 0 15px 15px; padding: 0 0 5px 12px; box-sizing: border-box; position: relative; }
.h3content p, .h4content p { padding-bottom: 5px; }
.contentBox {margin: 0 0 30px 0; }
.contentBox p {padding-bottom: 10px; }
.contentBox .ttl { font-size: 30px; line-height: 40px; padding-bottom: 15px;}
.contentBox .ttl span { color: #3c62bd; }

 /* box */
.bg_box { min-height: 100px; box-sizing: border-box; border: 1px solid #e2e5eb; padding: 30px 160px 20px 30px; margin-bottom: 30px; background-color: #f0f4fa; }
.bg_box p { margin-bottom: 10px}
.bg_base { padding: 4%; border: 1px solid #e2e5eb; margin-bottom: 30px; background: #f0f4fa; }

/* Btn */
.btn_link { display: inline-block; height: 25px; padding: 5px 46px 5px 28px; line-height: 25px; color: #fff!important; background: #2d6eb4 url(../../images/sub/btn_link.png) 92% 50% no-repeat; }
.btn_link:hover { background-color: #0E4B8D; text-decoration: none; }
.url_link { display: inline-block; height: 25px; padding: 5px 35px 5px 0px; line-height: 25px; color: #1278DE!important; background: url(../../images/sub/url_link.png) 90% 50% no-repeat; }
.url_link:hover { color: #2d6eb4; }
.btn_file { display: inline-block; height: 20px; padding: 5px 35px 5px 18px; border: 1px solid #ddd; border-left: 2px solid #333C7D;  line-height: 20px; color: #333C7D!important; background: #fff url(../../images/sub/btn_file.png) 100% 50% no-repeat; }
.btn_file:hover { background-color: #f9f9f9; text-decoration: none; }
.img_link { display: block; box-sizing: border-box;}
.img_link:hover span {background-color: #0E4B8D;  text-decoration: none;  }
.img_link span i.url_link { padding: 5px 35px 5px 10px; font-style: normal;}
.img_link:hover span i.url_link {color: #fff!important; background: #0E4B8D url(../../images/sub/btn_link.png) 92% 50% no-repeat;}

.btn_wrap {padding:15px 0 0}
.btn_wrap_s {padding:5px 0 0}
.btn_wrap .tl {float:left;width:50%}
.btn_wrap .tr {float:right;width:50%}


a.btn_s {display:inline-block;height:26px;margin:0 6px 4px;padding:1px 24px 0 12px;background:#2d6eb4 url(../../images/sub/btn_icon.png) no-repeat 100% 0;color:#fff;font-size:12px;font-weight:700;line-height:26px;vertical-align:middle;text-decoration:none;transition:background-color .3s}
a.btn_m {display:inline-block;height:35px;margin:0 6px 4px;padding:1px 18px 0 26px;background:#2d6eb4 url(../../images/sub/btn_icon.png) no-repeat 0 -120px;color:#fff;font-weight:700;line-height:35px;vertical-align:middle;text-decoration:none;transition:background-color .3s}

a.btn_s.btn_win {padding-right:28px;background-position:100% -40px}
a.btn_m.btn_win {padding:1px 36px 0 18px;background-position:100% -220px}
a.btn_m.btn_srh {padding-left:34px;background-position:0 -170px}
a.btn_m.btn_phone {padding-left:34px;background-position:0 -270px}
a.btn_m.btn_gr {background-color:#1ba06f}

a.btn_bg {padding-left:16px;padding-right:28px;background:#2d6eb4 url(../../images/sub/btn_bg.png) no-repeat 100% 0;color:#555}
a.btn_s.btn_bg {border-left:3px solid #6e9bc8;background-position:100% 0}
a.btn_m.btn_bg {border-left:3px solid #2364af;background-position:100% -160px}
a.btn_s.btn_bg.btn_down {background-position:100% -80px}
a.btn_m.btn_bg.btn_down {padding-right:36px;background-position:100% -260px}
a.btn_bg.btn_gr {border-left:3px solid #1ba06f}
a.btn_bg.btn_or {border-left:3px solid #fbbc05}

a.btn_s:hover, a.btn_s:active, a.btn_s:focus {background-color:#5b89bb}
/*a.btn_s.btn_bg:hover, a.btn_s.btn_bg:active, a.btn_s.btn_bg:focus {color:#5b89bb;background-position:100% -120px}*/
a.btn_m:hover, a.btn_m:active, a.btn_m:focus {background-color:#1d58a4}
/*a.btn_m.btn_bg:hover, a.btn_m.btn_bg:active, a.btn_m.btn_bg:focus {color:#1d58a4;background-position:100% -210px}*/
a.btn_m.btn_gr:hover, a.btn_m.btn_gr:hover, a.btn_m.btn_gr:hover {background-color:#008e5a}

/* List */
.ul_dot { padding-bottom: 5px; overflow: hidden; position: relative;}
.ul_dot li { padding: 0 0 5px 10px; background: url(../../images/sub/icon_arrow.gif) 0px 8px no-repeat; box-sizing: border-box; }
.ul_dot li ul { padding-bottom: 10px; }
.ul_dot li ul li { padding: 0 0 0 8px; background: url(../../images/sub/icon_dot.gif) 0px 8px no-repeat; }
.ul_dot li ol li { padding: 0px; background: none; }
.ul_dot li ul li li { padding: 0 0 0 10px; background: url(../../images/sub/icon_bl.gif) 3px 10px no-repeat; }
.ul_bar {padding-top:5px; overflow: hidden; position: relative;}
.ul_bar li { padding: 0 0 3px 15px; background: url(../../images/sub/icon_bar.gif) 0px 9px no-repeat; box-sizing: border-box; text-align: left; }
.ul_img { clear:both; padding: 5px 0 10px; overflow: hidden; position: relative;}
.ul_img li { float: left; width: 33.330%; box-sizing: border-box; padding-left: 1px; padding-bottom: 10px }
.ul_img li:FIRST-CHILD {padding-left: 0}
.ul_img li.first {clear:both;float: left;}
.ul_img li img { max-width: 100%}
.ul_img li.img_border img { box-sizing: border-box; border: 1px solid #000; padding: 5px; }
.ul_img li span { display: block; text-align: center; font-size: 13px; padding: 3px; background-color: #eee}
.ul_img.col2 li {width: 50%; text-align: center;}
.ul_img.col4 li {width: 25%; text-align: center;}

p.img { text-align: center; }
p.img img { padding: 0 5px 5px 0; max-width: 100%; }

/* Icon */
.ic {overflow:hidden;display:inline-block;margin-right:10px;width:20px;height:20px;color:transparent;vertical-align:middle; background: url(../../images/sub/ic.png) 90% 50% no-repeat;}
.ic_map { background-position:90% 0}
.ic_tel { background-position:90% -30px}
.ic_hp { background-position:90% -60px}
.ic_lamp { background-position:90% -90px}
.ic_time { background-position:90% -120px}
.ic_hart { background-position:90% -150px}
.ic_pin { background-position:90% -180px}
.ic_bell { background-position:90% -210px}
.ic_clip { background-position:90% -240px}

a.new_win {margin:0 2px;padding-right:18px; background: url(../../images/sub/url_link.png) 100% 50% no-repeat; color:#1278DE}
h4 a.new_win {font-size:0.866em;font-weight:400}

/* Image */
.img_full, .img_full img {max-width:100%}
.img_left {float:left;margin:0 80px 15px 0; width: 350px; box-sizing: border-box; position: relative; }
.img_left img {width:100%; box-shadow: 15px 15px 0 #a6b6e7; }
.img_left:after { display:block; content:""; width:60px; height:85px; position:absolute; right:-59px; top:-30px; background: url("../../images/sub/img_bgLine.png") 0 0 no-repeat;}


/* Align */
.tl {text-align:left}
.tc {text-align:center}
.tr {text-align:right}
.tj {text-align:justify}

/* 여백 */
.mt10 { margin-top: 10px !important; }
.mt20 { margin-top: 20px !important; }
.mb0 { margin-bottom: 0px !important; }
.pt0 { padding-top: 0px !important; }
.pt10 { padding-top: 10px !important; }
.pt20 { padding-top: 20px !important; }
.pb0 { padding-bottom: 0px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb30 { padding-bottom: 30px !important; }


 /* Table */
 table {width:100%; border-collapse:collapse; border:0; border-spacing:0;/*table-layout:fixed*/}
.table { margin:4px 0 0px; border-top: 2px solid #2349B4; }
.table th, .table td { padding:8px 10px 6px; border:1px solid #ddd; line-height:1.615; vertical-align:middle}
.table thead th { border-top:0; background:#ECF0FB; text-align:center}
.table tbody th { font-weight:400; text-align:center}
.table tbody .bg { background:#f2f2f2}
.table tbody tr:first-child th, .table tbody tr:first-child td { border-top:0}
.table tbody th { background-color: #f9f9f9; font-weight: 600; }
.table tfoot th{ background:#e9eff4}
.table tfoot td { background:#f8fafb}
table td.tl, table th.tl {text-align:left !important}
table td.tr, table th.tr {text-align:right}



/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 1.0 관광명소 (Saha District Office)
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* 사하명소 10선 */
.head_visual { position:relative; margin-bottom:30px;height: 300px; overflow: hidden;}
.head_visual .ul_info { position:absolute; bottom:0; right:0; background-color:rgba(0,0,0,.9); min-width:300px; padding: 20px 0}
.head_visual .ul_info li { position:relative; color:#fff; min-height:30px; line-height:23px; margin:0 25px; padding: 0 30px}
.head_visual .ul_info li i { position:absolute; top:2px; left:0; }
.head_visual .ul_info li .url_link {padding: 0 40px 0 0;color: #d84374!important; background: url(../../images/sub/url_link_pink.png) 90% 50% no-repeat;}

.ul_img_link {overflow: hidden;}
.ul_img_link li { position: relative; margin:0 0 10px; overflow: hidden; margin-bottom: 10px }
.ul_img_link li span, .ul_img_link li a {display:block; }
.ul_img_link li .pic { position:absolute; left:-1px; top:-40px; max-width: 315px}
.ul_img_link li .pic img {max-width: 100%;}
.ul_img_link li .ttl {font-size: 18px; line-height: 18px; color: #000; margin-bottom: 10px;}
.ul_img_link li a {border:1px solid #ddd; padding:20px 100px 20px 340px;text-decoration: none; box-sizing: border-box; background: url(../../images/sub/ic_imgLink.png) 100% 50% no-repeat;}
.ul_img_link li, .ul_img_link li a { height:130px; }
.ul_img_link li a:hover { background-color: #d84374; border:1px solid #d84374; background-image: url(../../images/sub/ic_imgLink_on.png)}
.ul_img_link li a:hover span {color: #fff; }

/* 다대포해수욕장 */
.imgArea { padding-left: 37%; position: relative; box-sizing: border-box; }
.imgArea .pic {position: absolute;left: 0; top:0; width: 33.3%}
.imgArea .pic img {width: 100%}	
.imgArea .btn_wrap {padding-top: 0}


/* 관광홍보물 신청 */
.img_010500 { background: #f0f4fa url(../../images/sub/img_010500.png) 95% 50% no-repeat; }	

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 2.0 축제·테마관광 (Saha District Office)
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* 사하 테마여행 */
.theme_list dl { float:left; width:48%; position:relative; margin-top:44px; border:solid 1px #e1e1e5;}
.theme_list dl:nth-child(even) {margin-left:2%;}
.theme_list dt { position:absolute; left:0; top:0;font-size: 16px; line-height:20px; color: #fff; background-color: rgba(0,0,0,.6); padding: 10px 10px; width: 100%;box-sizing:border-box;}
.theme_list dt span { display: inline-block; margin-right: 5px; width: 20px; height: 20px; text-align: center; border-radius: 50%; background-color: #d84374; font-size: 12px; vertical-align: middle;}
.theme_list .img_area img { max-width: 100%}
.theme_list .detail { padding: 15px; min-height:80px; line-height: 20px }
.theme_list .detail  p.blue { margin-top: 5px}


/* 찾아오시는 길 */
.btn_skip {font-size:0; position: relative;}
.btn_skip a {position:absolute; display:block; width:100%; left:0; text-align:center; top:-10000px; z-index:500; font-size:12px; color:#fff }
.btn_skip a:hover, 
.btn_skip a:focus, 
.btn_skip a:active{position: absolute; top: 0; padding: 10px 0;  background:#2349B4; z-index:500}
#map {position:relative;overflow:hidden;width:100%;height:350px;background-color: #eee; margin-bottom: 20px}
.customoverlay {position:relative;bottom:90px; left:0px; border-radius:6px;border: 1px solid #ccc;border-bottom:2px solid #ddd;float:left;}
.customoverlay:nth-of-type(n) {border:0; box-shadow:0px 1px 2px #888;}
.customoverlay .title {display:block;color:#000;text-align:center;border-radius:6px;font-size:14px;font-weight:bold;overflow:hidden;background:#fff;padding:10px 15px;}
/*.customoverlay .title:after {content:'';position:absolute;margin-left:-12px;left:50%;bottom:-12px;width:22px;height:12px;background:url('/tour/images/sub/map_vertex_white.png')}*/

/* 콘텐츠 레이어 팝업 */
.modal { 
    position: fixed; 
    left: 0; 
    top: 0; 
    width: 100%; 
    height: 100%; 
    background-color: rgba(0, 0, 0, 0.5); 
    opacity: 0; 
    visibility: hidden; 
    transform: scale(1.1); 
    transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s; 
    z-index: 10000;
} 
.modal-content { 
    position: absolute; 
    top: 50%; 
    left: 50%; 
    transform: translate(-50%, -50%); 
    background-color: white; 
    padding: 1rem 1.5rem; 
    width: 500px; 
    height: 400px; 
    border-radius: 0.5rem; 
} 
.modal-content h1 { padding: 10px 0 10px 0; font-size: 24px; text-align: center; }
.modal-content ol { padding: 5px 0 10px 10px; }
.modal-content ol ol { padding-left: 15px; }
.close-button { 
    float: right; 
    width: 1.5rem; 
    line-height: 1.5rem; 
    text-align: center; 
    cursor: pointer; 
    border-radius: 0.25rem; 
    background-color: lightgray; 
} 
.close-button:hover { 
    background-color: darkgray; 
} 
.show-modal { 
    opacity: 1; 
    visibility: visible; 
    transform: scale(1.0); 
    transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s; 
} 
button.trigger { background: #fff; color:#0E4B8D; padding: 5px 15px; border: 1px solid #ddd; }
button.trigger:hover { background: #f5f5f5; }


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 3.0 문화예술 (Saha District Office)
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* 문화재 - 몰운대 */
.poem_box { color: #333c7d; min-height: 150px; border: 1px solid #e2e5eb;  margin: 10px 0 20px; background: #f9f9f9 url("../../images/sub/img_03_01_01_02.jpg") no-repeat 100% 50%; background-size:contain;  }
.poem_box div {padding: 40px 30px 30px 30px; font-weight: 400; }
.poem_box .chi { font-size: 20px; line-height:20px; font-weight: 700; font-family: nanummyeongjo;}

/* 문화재 - 다대포후리소리 */
.song_box { box-sizing: border-box; padding: 30px; margin: 10px 0 40px; column-count: 3; column-gap: 40px; column-rule: 1px dotted #ddd; background-color: #f9f9f9; border: 1px solid #e2e5eb; }
.song_box h3 { column-span: all; color: #333c7d; text-align: center; font-weight: 700; font-family: nanummyeongjo; padding-bottom:10px; font-size: 30px; border-bottom: double #333c7d; margin-bottom: 30px}
.song_box ul {counter-reset:item;}
.song_box li { margin-top: 25px; margin-left:15px; font-size:13px; line-height:20px; list-style:none; counter-increment:item; text-indent:-8px;}
.song_box li:FIRST-CHILD {margin-top: 0px;}
.song_box li strong {font-size:14px; display: inline-block; margin-bottom: 10px;}
.song_box li:before {display:inline-block;margin-right:2px;text-align:right;content:counter(item) "."; font-weight: 700;}
.song_box li>* {text-indent:0;}

/* 문화재 - 문화재 안전관리 */
.manual_box { padding-left: 40%; background: url(/portal/images/sub/img_emonitor.jpg) left 0 no-repeat;}
.manual_box .btn_file {margin-bottom: 5px; display: block; width:250px}

/* 사하관광사진 전국공모전 */
.img_030405 { background: #f0f4fa url(../../images/sub/img_030405.png) 95% 50% no-repeat; }

/* 사하모래톱문학상 공모전 */
.img_030406 { background: #f0f4fa url(../../images/sub/img_030406.png) 95% 50% no-repeat; }

/* 장미여섣합창단 */
.history1 span, .history2 span { display: inline-block; width: 80px; font-weight: 700 }
.history2 span { width: 100px}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 4.0 여행정보 (Saha District Office)
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 관광지도 */
.box_tourMap li { float: left; width: 48%;}
.box_tourMap li:first-child {margin-right:4%}
.box_tourMap li dl { border: 1px solid #ddd; text-align: center; padding-top: 200px}
.box_tourMap li dt { font-size: 25px; padding: 20px 10px 0;}
.box_tourMap li dt, .box_tourMap li dd {color: #fff; background-color:#5167ba }
.box_tourMap li dd { padding: 0 10px 30px;}
.box_tourMap li dl { background:#000 url("/tour/images/sub/img_04_04_02.jpg") no-repeat 0 0%; background-size:cover  }
.box_tourMap li:first-child dl { background-image:url("/tour/images/sub/img_04_04.jpg") }

.box_tourMap li .brnArea {padding: 20px 0 0; text-align: center;}
.box_tourMap li .brnArea  a{color: #fff !important; font-size: 1.077em;line-height: 32px;height: 32px;padding: 0 23px;border: solid 1px #fff;display: inline-block;}
.box_tourMap li .brnArea .btn_file, 
.box_tourMap li .brnArea .btn_link {line-height: 36px;height: 30px;padding: 3px 20px 3px 45px;border: 1px solid #E1E1E5;font-size: 13px;color: #333C7D!important; }
.box_tourMap li .brnArea .btn_file {background: #fff url(/portal/images/sub/btn_file.png) 18px 50% no-repeat !important;}
.box_tourMap li .brnArea .btn_link {background: #fff url(/tour/images/sub/url_link.png) 18px 50% no-repeat !important;}
.box_tourMap li .brnArea a:hover {background-color:#f9f9f9 !important;}

/* 사하항공VR */
.box_tourVr ul{ margin-bottom: 50px; overflow: hidden;}
.box_tourVr li { float: left; width: 30%; margin: 0 0 10px 5%}
.box_tourVr li.cl { clear: both; float: left; margin-left: 0}
.box_tourVr li:nth-child(even) a {background-color: #f8fafe; border-color: #c8c9e3}
.box_tourVr li a { display: block; text-decoration: none; border: 1px solid #ddd; }
.box_tourVr li a:hover {border: 1px solid #5167ba; background-color: #5167ba; color: #fff }
.box_tourVr li span.pic {display: block; margin: 10px;overflow: hidden;}
.box_tourVr li span.ttl { display: block; padding: 0 10px 15px; text-align: center;}
.box_tourVr li img { max-width: 100%;}
.box_tourVr li a:hover img { -webkit-transform:scale(1.1); /*  크롬 */
  -moz-transform:scale(1.1); /* FireFox */
  -o-transform:scale(1.1); /* Opera */
  transform:scale(1.1);
  transition: transform .35s;
  -o-transition: transform .35s;
  -moz-transition: transform .35s;
  -webkit-transition: transform .35s;}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 5.0 사하이야기 (Saha District Office)
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* 내가 추천하는 명소 - sns */
.share,
.eye {display: block; height: 30px;background-color: #fff; text-align: left;}
.share > a,
.eye {padding: 0 0 0 35px; height: 28px; font-size: 13px; line-height: 32px; border: 1px solid #ddd; font-weight: normal; }
.share {right: 0px; }
.share a { display:block;}
.share > a {width:45px; background: url(/tour/images/sub/icon_share.gif) 15px 50% no-repeat;text-decoration: none }
.share ul.shareWrap {position: absolute; left: 0; top:29px; border: 1px solid #ddd;  padding:5px 0;background-color: #f9f9f9; z-index: 500 }
.share ul.shareWrap li a {width:80px; text-align: center;  font-size: 12px; height: 20px; line-height: 20px; }
.share ul.shareWrap li a:hover { color: #333 }
.share ul.shareWrap li.snsCls { position: absolute;  top: -30px; height: 30px;}
.share ul.shareWrap li.snsCls a {height: 30px;}
.eye {right: 81px; padding: 0 10px 0 30px; min-width: 30px  }
.eye {background:#fff url(/tour/images/sub/icon_eye.gif) 10px 50% no-repeat;}

.tableSt_view .title .fR .share { position: absolute;  right: 0}
.tableSt_view .title .fR .eye {position: absolute; right: 81px}


/* 약관동의 */
.h150_scroll { overflow-y: scroll; height: 135px;padding: 20px 30px; border: 1px solid #ccc;background: #fafafa; line-height: 20px}
.h150_scroll p { margin-bottom: 10px;}
.h150_scroll li { margin-top: 5px; padding-left: 20px; position: relative;color: #666}
.h150_scroll li span { position: absolute; left: 0; top:0}
.h150_scroll + p { text-align: center; margin-bottom: 20px }


/* 승학산 등산대회 사진공모 */
.contestBox { position: relative; padding: 0;  }
.contestBox h3 { padding: 50px;  background: #475b9a url(/tour/images/sub/contest_bg.jpg) no-repeat 0 0}
.contestBox h3 span { display: block;color: #fff; font-size: 18px;}
.contestBox h3 span.title {padding-top: 0;font-size: 44px;line-height: 46px;}
.contestBox .cont {border: 1px solid #ddd; border-top:none; padding: 30px 350px 30px 30px; }
.contestBox .cont:after { display: block;; content: ""; position: absolute; right:20px; bottom: -30px; width: 320px; height: 450px; background: url(/tour/images/sub/contest_img.png) no-repeat 0 0;background-size:contain }
.contestBox ul { margin: 30px 0}
.contestBox ul li { margin: 3px 0; font-weight:700; font-size: 1.05em}
.contestBox ul li span { display: inline-block; width: 100px; text-align: center; background-color: #d84374; border-radius:10px; color: #fff; margin-right: 10px }
.contestBox ul li.red { font-weight: normal; margin-top: 10px}
.contestBox .ex_box { position: relative; display:inline-block; padding: 20px 20px 20px 130px; background: #f0f4fa url(/tour/images/sub/img_newsletter.png) 20px 50% no-repeat; }
.contestBox .ex_box dt { font-size: 1.25em;font-weight:700; color: #243a98}
.contestBox .ex_box dd { }


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 6.0 꿈의 낙조분수 (Saha District Office)
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* 꿈의분수 메시지 */
.post_list  { border: 1px solid #e1e1e1; margin-top: 30px}
.post_list .tableSt_list { margin-top: 0}
.post_list .tableSt_list th,
.post_list .tableSt_list td {padding: 20px 0px;text-align: center; border-bottom: 1px solid #e1e1e1;line-height: 18px;}
.post_list .tableSt_list tbody tr:last-child td { border-bottom: none;border-top: none; }
.post_list .tableSt_list tbody tr td:first-child  {padding-left: 20px; }
.post_list .tableSt_list tbody tr td:last-child  {padding-right: 20px; }
.post_list .tableSt_list th {	background: #f5f5f5;}
.post_list .row_over_2 tbody tr:first-child td {  border-top: none;}
.post_list .pr_title {  margin-left: 0px; font-weight: 700}

/* 리스트 - 메세지 스타일 */
.message_list {margin-top: 30px;}
.message_list * { box-sizing:border-box}
.message_list li { width: 50%; float: left; padding: 10px 0;position: relative;}
.message_list li:nth-child(even) {padding-left:5px }
.message_list li:nth-child(odd) {padding-right:5px }
.message_list li a { display: block; text-decoration: none }
.message_list dl { padding: 20px; border: 1px solid #e1e1e1; background-color: #fff; position: relative;}
.message_list dl:after{ content:url(/tour/images/sub/message_bg.gif); display: block; position: absolute; right: -1px; bottom: -1px; width: 20px; height: 20px}
.message_list dl:hover {background-color: #fafafa;}
.message_list dt {font-size: 1.25em;line-height: 30px;font-weight: 600;margin-bottom: 5px;}
.message_list dt a {overflow: hidden;text-overflow: ellipsis; white-space: nowrap; }
.message_list dd.subtxt {overflow: hidden;margin:5px 0 10px;text-overflow: ellipsis; -webkit-line-clamp: 4; -webkit-box-orient: vertical;word-wrap:normal; height: 88px; line-height: 22px;}
.message_list dd.subtxt a { color: #666;}
.message_list dd.info { color: #888; display: inline-block; margin-right: 4px; padding-left:5px; line-height: 16px; border-left: 1px solid #e1e1e1;}
.message_list dd:nth-child(3) { padding-left: 0 !important; border-left: none !important}
.message_list dd.application { position: absolute; right: 20px; top:-1px;}
.message_list .ir { position: absolute; width: 0; height: 0; line-height: 0}
.message_list:after { clear: both; content: ""; display: block;}
.message_list li.no_data { float: none; width: 100%; border: 1px solid #e1e1e1; padding: 30px 0}
.message_list li.no_data:after{content:url(/tour/images/sub/message_bg.gif); display: block; position: absolute; right: -1px; bottom: -1px; width: 20px; height: 20px}
.state_ing,
.state_ok { display: inline-block; color: #fff; padding: 0 5px; width: 50px;height: 35px;line-height: 35px;text-align: center; font-size:13px;font-weight: normal; vertical-align: middle;}
.state_ing {background: #0BA3BA;}
.state_ok {background: #D84374;}

/* 뷰 - 메세지 스타일 */
.message_view {margin-top: 30px; }
.message_view dl {  border: 1px solid #e1e1e1; border-top: 2px solid #4C5499; background-color: #fff; position: relative; }
.message_view dl:after{ content:url(/tour/images/sub/message_bg.gif); display: block; position: absolute; right: -1px; bottom: -1px; width: 20px; height: 20px}
.message_view dt {padding: 30px; background-color: #f5f6f8; line-height: 2em }
.message_view .toTxt { font-size:1.15em; margin-bottom: 5px}
.message_view .title {color: #414286;font-weight: 400; font-size:2em; }
.message_view .subtxt {padding: 30px; min-height: 300px }
.message_view .info { padding: 20px 30px; background-color: #f5f6f8;}
.message_view .info span { display: inline-block; margin-right: 30px; position: relative;  }
.message_view .info strong { display: inline-block; margin-right: 5px; font-weight: bold; color: #243a98}
.message_view .info strong:before { display:inline-block; content: ""; width: 3px; height: 3px; border-radius:50%; background-color:#929dcc; margin-right: 5px; vertical-align: middle;   }
.message_view .fromTxt {margin-top: 50px; text-align: right; font-size:1.15em; padding: 30px}
.message_view .toTxt strong,
.message_view .fromTxt strong {font-size:23px;  font-family:"Times New Roman", Times, serif; font-style: italic;}
.message_view .fromTxt span.gray {font-size: inherit;font-size:13px; }

/* 첨부파일 */
.file_input { position: relative; }
.file_input label { position:relative; cursor:pointer;}
.file_input label.btn { line-height:28px; }
.file_input label input { position:absolute; width:0;height:0; padding:0; border:none !important; overflow:hidden;}
.file_input input[type=text] {display:inline-block; width: 400px}
.file_input + .file_input { margin-top: 5px}
.file_input.long {padding-right: 88px}
.file_input.long label { position:absolute; right:0; top:0; }
.file_input.long input[type=text] {width: 99%;}


@media (max-width: 1024px) {
	.head_visual { height: inherit; }
	.head_visual .ul_info { position:relative; bottom:0; right:0; min-height:inherit; min-width:inherit; width:100%; padding:10px 0; overflow:hidden; }
	.head_visual .ul_info li{float:none; margin:0 0 0 20px }	
	.head_visual .ul_info li br { display: none}
	.ul_img_link li .pic { max-width: 280px}
	.ul_img_link li a { padding:20px 20px 20px 300px; }
	
}
@media (max-width: 900px) {
	.link_box { width: 100%; padding-left: 0%;  background: none; }
	
	.imgArea { padding-left: 330px; }
	.imgArea .pic {width: 300px}
	
	.img_w50{ min-width:100%;float: none;}
	.img_w50 img {width:100%;}
	.poem_box { color: #faefdf; background-size:cover; }
	.poem_box div {background-color:rgba(0,0,0,.6); margin-right: 340px}
	.poem_box span {display: block;}
	.song_box { column-count: 2; }

	.contestBox .cont {padding: 30px; }
	.contestBox p {padding-right: 250px; }
	.contestBox .cont:after { right:0px; top: 30px; width: 270px; height: 430px;}
	.contestBox .ex_box { display:block; }
		
	.theme_list .detail { min-height:100px;  }
		
	.message_list li { width:100%; float: none; padding: 10px 0}
	.message_list dl { padding: 20px}
	
	.box_tourVr li { width: 32%; margin: 0 0 15px 2%}
	
}
@media (max-width:767px) {
	#map {height:300px;}

	.ul_img_link li .pic {left:0; top:0; max-width: 220px}
	.ul_img_link li, .ul_img_link li a { height:130px; }
	.ul_img_link li a { padding:20px 20px 20px 240px; background-image: none; }
	.ul_img_link li a:hover {background-image: none;}
	.ul_img_link li .txt {font-size: 13px; line-height: 1.6;}
	
	.manual_box { padding: 0;  background:none;}
	.manual_box .btn_file {width:inherit;}
	
	.theme_list dl { float:none; width:inherit;  margin-top:20px;}
	.theme_list dl:nth-child(even) {margin-left:0%;}
	.theme_list dt {  left:0 ; bottom:inherit; top:0; color: #333; background-color: rgba(0,0,0,0); padding: 15px 15px 15px 265px; width:inherit;}
	.theme_list dt span {color: #fff;}
	.theme_list .img_area { float: left; width: 250px}
	.theme_list .img_area img { max-width: 100%}
	.theme_list .detail { padding: 45px 15px 15px 265px; min-height:inherit; font-size: 13px}
			
	.img_030405,.img_030406, .img_010500, .img_050300 { padding-right: 30px!important; background: #f0f4fa none; }
	
	.contestBox h3 { padding: 50px 20px; }
	.contestBox h3 span {font-size: 16px;}
	.contestBox h3 span.title {padding-top: 0;font-size: 30px;line-height: 30px;}
	.contestBox .cont {border: none; padding: 20px 0 0; }
	.contestBox .cont:after { display: none; }
	.contestBox p {padding-right: 0; margin: 0 10px }
	.contestBox ul {margin-left: 10px }
	
}
@media (max-width:700px) {
	.variable br { display: none}
	.box_tourMap li dl {padding-top: 100px}
	.box_tourMap li dt { font-size: 20px; padding: 20px 10px 0;}
	.box_tourMap li dd { padding: 0 10px 20px;}
		
}
@media (max-width: 620px) {
	.tab_menu li { width: 50%;}
	.link_box a { width: 90% !important; }
	.ul_img.col4 li {width: 50%;}
	.ul_img.col4 li:nth-child(3) {padding-left: 0; clear: both; float: left;}
	
	.img_left {min-width:100%; float: none; margin: 0 0 10px 0; }
	.img_left img {box-shadow: none; padding: 5px; border: 1px solid #ddd; box-sizing: border-box; }
	.img_left:after { display:none;}
	
	.imgArea { padding-left: 0px; }
	.imgArea .pic {position: relative;width: 100%; margin-bottom: 10px}
	

	.theme_list dt {  padding: 15px 15px 15px 215px; }
	.theme_list .img_area { float: left; width: 200px}
	.theme_list .detail { padding: 45px 10px 10px 215px; }

	.contentBox .ttl {font-size: 22px; line-height: 25px;}
	.poem_box div {margin-right: 0; padding: 20px 10px 10px 10px;}
	.song_box li { column-span: all; }
	
	.ul_img_link li a {padding:10px}
	.ul_img_link li .pic { position:relative; max-width: 100%; padding-bottom: 10px}
	.ul_img_link li, .ul_img_link li a { height:inherit; }	
}
@media (max-width: 550px)
{
	.box_tourVr li { float: left; width: 48%; margin: 0 0 15px 0}
	.box_tourVr li.cl { clear:none; float: left; margin-left: 0}
	.box_tourVr li:nth-child(even) { margin-left: 4%}
}
@media (max-width: 450px) {

	.theme_list dt { position:absolute; left:0; font-size: 16px; line-height:20px; color: #fff; background-color: rgba(0,0,0,.5); padding: 10px 10px; width: 100%;}
	.theme_list .img_area { float: none; width: inherit;}
	.theme_list .detail { padding: 15px; min-height:inherit; }
	
	.contestBox h3 span {font-size: 13px;}
	.contestBox h3 span.title {padding-top: 0;font-size: 26px;}
	.contestBox .cont { font-size: 95%}
	.contestBox .ex_box {padding: 20px; background-image:none}
	
	.box_tourMap li { float: none; width:inherit; margin-bottom: 50px}
	.box_tourMap li:first-child {margin-right:0}
	
}	
@media (max-width: 360px) {
	.tab_menu li { width: 100%;}
}


/** 골든데이 css 수정- sns 추가 */
.list_attr {padding: 0;margin-top: 20px; border-top: 2px solid #4c5499;  border-bottom: 1px solid #cccccc;}
.list_attr ul li.attr_li {position:relative; padding:25px 0; border-top: 1px solid #ddd; min-height: 200px}
.list_attr ul li.attr_li:first-child {border-top: none;}
.list_attr ul li.attr_li .img_div {position:absolute; top:25px; left:0; width:300px; height:200px; border:1px solid #eee; text-align:center; overflow: hidden;}
.list_attr ul li.attr_li .img_div img {width: 100%; height:200px;}
.list_attr ul li.attr_li .info_div {padding:5px 0 0 335px;}
.list_attr ul li.attr_li .info_div span { display: inline-block;}
.list_attr ul li.attr_li .info_div span.attr_title {display: block; color:#333; font-size: 1.25em; line-height:30px; font-weight: bold; margin-bottom: 5px;}
.list_attr ul li.attr_li .info_div span.attr_subtxt {display: block; line-height:22px; height:110px; margin-top:5px; margin-bottom: 10px;
overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 4; -webkit-box-orient: vertical; word-wrap:normal; }
.attr_create { line-height: 16px; color: #888; }

.list_attr ul li.attr_li .info_div .share { position: absolute; bottom: 20px; right: 0 }
.list_attr ul li.attr_li .info_div .eye { position: absolute; bottom: 20px; right: 81px  }
.share,
.eye {display: block; height: 30px;background-color: #fff; text-align: left;}
.share > a,
.eye {padding: 0 0 0 35px; height: 28px; font-size: 13px; line-height: 32px; border: 1px solid #ddd; font-weight: normal; }
.share {right: 0px; }
.share a { display:block;}
.share > a {width:45px; background: url(/tour/images/sub/icon_share.gif) 15px 50% no-repeat;text-decoration: none }
.share ul.shareWrap {position: absolute; left: 0; top:29px; border: 1px solid #ddd;  padding:5px 0;background-color: #f9f9f9; z-index: 500 }
.share ul.shareWrap li a {width:80px; text-align: center;  font-size: 12px; height: 20px; line-height: 20px; }
.share ul.shareWrap li a:hover { color: #333 }
.share ul.shareWrap li.snsCls { position: absolute;  top: -30px; height: 30px;}
.share ul.shareWrap li.snsCls a {height: 30px;}
.eye {right: 81px; padding: 0 10px 0 30px; min-width: 30px  }
.eye {background:#fff url(/tour/images/sub/icon_eye.gif) 10px 50% no-repeat;}

.list_attr .no_data { border-bottom: none}


@media (max-width:767px) {
	.list_attr ul li.attr_li .img_div {position:relative; top:inherit; left:inherit; width:inherit; height:inherit; border:1px solid #eee;}
	.list_attr ul li.attr_li .img_div {max-width: 100%; height:auto; }
	.list_attr ul li.attr_li .info_div {padding:10px 0 0 0;}
	
}