@charset "utf-8";

html { .overflow:scroll; .overflow-x:auto; }
html,body{margin:0;padding:0;color:#5A5A5A;word-wrap:break-word;word-break:break-all;}
body { color:#666; font-size:17px; letter-spacing:-1.5px; line-height:1.5; background-color:#f3f3f3;  -webkit-text-size-adjust:none; }

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td { margin:0; padding:0;}
table { border-collapse:collapse; border-spacing:0; }

fieldset,input,img,button { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
strong{font-weight:bold;}
li{list-style:none;}
hr{display:none;}
a{color:#000;text-decoration:none;}
button{cursor:pointer;}
input, select, textarea{font-size: 100%;vertical-align: middle;}

.f_clear:after { content:""; height:0; display:block; visibility:hidden; clear:both; }
* html .f_clear { height:1px; }
.f_clear { display:block; min-height:1px; }

#wrapper { width:100%; position:relative; background:#fff; }
#header { position:relative; width:100%; height:150px; background-color:#FFFFFF; }
#header h1 { position:absolute; width:117px; height:117px; top:0; left:0; margin:25px 0 0 10px; background:url('../images/logo.gif') no-repeat; }
#header h1 a { display:block; width:117px; height:117px; text-indent:-3000em; }
.bt5{display:inline-block;margin-top:5px;width:62px;height:29px;line-height:29px;font-size:11px;font-weight:bold;color:#fff;background:url(../images/btn_black.gif) no-repeat 0 0;text-align:center;}
.bt5_1{display:inline-block;margin-top:5px;width:50px;height:29px;line-height:29px;font-size:13px;font-weight:bold;color:#fff;background:url(../images/btn_black_s.gif) no-repeat 0 0;text-align:center;}

.snb { position:relative; padding-bottom:2px;  text-align:center; z-index:2; background-color:#fff; }
.snb ul { padding:7px 10px 0 10px; font-size:16px;}
.snb ul li { position:relative; float:left; height:29px;}
.snb ul li.menu { width:20%; }
.snb ul li a { display:block; height:26px; text-align:center; padding-top:6px; color:#333; font-weight:bold; overflow:hidden; white-space:nowrap; letter-spacing:-1px; }
.snb ul li.on { z-index:999; }
.snb ul li.on a { height:24px; margin:0 -2px 0; padding-top:7px; border:1px solid #bdbdbd; color:#333; background:#f5f4f4; border-bottom:none;}

.tabnTitle {border-top:1px solid #bdbdbd; background:#f5f4f4; }
.tabnTitle h3 { font-size:16px; color:#111; text-align:center; padding:11px 0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; }
.tabnTitle ul { font-size:14px; line-height:16px; letter-spacing:-1px; padding:11px 0 11px 8px; }
.tabnTitle ul:after { content:""; height:0; display:block; visibility:hidden; clear:both; }
* html .tabnTitle ul { height:1px; }
.tabnTitle ul { display:block; min-height:1px; }
.tabnTitle ul li { float:left; text-align:left; padding:0 7px 0 9px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; background:url('../images/bg_bar02.gif') no-repeat left 50%; }
.tabnTitle ul li.first { background:none; }
.tabnTitle ul li a { font-weight:bold; color:#979797; }
.tabnTitle ul li.on a { font-weight:bold; color:#111; }


.infoList { width:100%; overflow:hidden; }
.infoList li { float:left; position:relative; width:100%; height:75px; border-bottom:1px solid #e0e0e0; }
.infoList li a { display:block; height:73px; background:url("../images/icon_arrow.gif") right 50% no-repeat; }
.infoList li a * { cursor:pointer; }
.infoList li .info, .infoList li .thumb { position:absolute; left:0; top:3px; }
.infoList li span.thumb { z-index:100; display:block; background:url("/img/bg_poster01.png") left 3px no-repeat; width:100px; height:67px; }
* html .infoList li span.thumb { background:url("/img/bg_poster01.gif") left top no-repeat !important; } /* ie6 hack */
.infoList li img.thumb { z-index:1; width:100px; height:67px; border:1px solid #999; margin-left:3px; }
.infoList li .info { z-index:2; width:100%; }
.infoList li .info .wrap { display:block; padding:0 28px 0 110px; }
.infoList li .info .wrap strong,
.infoList li .info .wrap .act { display:block; overflow:hidden; width:100%; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; }
.infoList li .info .wrap strong { color:#111; padding:10px 0 3px 0; }
.infoList li .info .wrap .act { font-size:12px; letter-spacing:0; color:#555; padding:4px 0 1px 0; }

.review { _float:left; }
.review dt { padding: 10px 10px 0 10px; border-bottom:1px solid #e0e0e0; }
.review dt strong { display:block; overflow:hidden; width:100%; margin-bottom:7px; font-weight:normal; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; font-size:15px; color:#333; }
.review dt a, .review dt em, .review dt span { font-size:12px; display:inline-block; vertical-align:top; letter-spacing:0; }
.review dt a, .review dt span { line-height:12px; color:#73a5c6; }
.review dt em { background: url("../images/bg_bar03.gif") left 3px no-repeat; padding-left:8px; margin-left:3px; }

#contents h1 { position:relative; padding: 14px 70px 18px 70px; line-height:18px; font-size:16px; background:#eceff2; color:#000; font-weight:bold; text-align:center; }
#contents h1 a { position:absolute; left:10px; top:11px; display:block; width:57px; height:28px; background:url("/img/btn_prev.gif") left top no-repeat; text-indent:-1000em; }
#contents h1 .lt1 {display:block; margin-bottom:5px; text-transform:uppercase;}
.photo { width:100%; position:relative; }
.photo img {padding-bottom:10px; width:100%; }
.photo img:last-child {padding-bottom:0;}
.photo a { position:absolute; top:50%; margin-top:-13px; display:block; width:15px; height:26px; text-indent:-1000em; background-image:url("../images/bg_photoMove.gif"); }
.photo a.prev { left:10px; background-position:left top; }
.photo a.next { right:10px; background-position:-15px top; }
.photo a.first, .photo a.last { display:none; }

.paging { margin:0 auto; padding:25px 0; height:25px; text-align:center; }
.paging * { vertical-align:middle; line-height:25px; }
.paging span { font-size:0.9em; color:#999; letter-spacing:0; margin:0 5px; }
.paging span em { color:#5086aa; vertical-align:top; }
* html .paging span em { vertical-align:middle; } /* ie6 hack */
*:first-child+html .paging span em { vertical-align:middle; } /* ie7 hack */
.paging a { display:inline-block; width:35px; height:25px; background:url('../images/arrow_paging.gif') no-repeat; text-indent:-1000em; }
* html .paging a { text-indent:0; } /* ie6 hack */
*:first-child+html .paging a { text-indent:0; } /* ie7 hack */
.paging a span { text-indent:-1000em; }
.paging a.prev { background-position:0 0; }
.paging a.first, .paging a.last { visibility:hidden; }
.paging a.next { background-position:-45px 0; }

.pagenate{clear:both;margin:15px auto 15px 0;text-align:center;white-space:nowrap;}
.pn{display:inline-block;margin:2px;text-decoration:none;vertical-align:middle;padding:3px 7px;border:1px solid #dfdfdf;font-weight:bold;}
.vn{display:inline-block;margin:2px;text-decoration:none;vertical-align:middle;padding:3px 7px;color:#ffffff;border:1px solid #787878;font-weight:bold;background:#787878;}

.photoPage { clear:both; padding:11px 0 14px 0; font-size:0.9em; text-align:center; line-height:1.5em; white-space:nowrap; background:#eceff2; }
.photoPage span { display:inline-block; padding:0 5px; color:#999; vertical-align:middle; }
.photoPage span em { color:#fe0001; }
.photoPage a { display:inline-block; width:33px; height:23px; text-indent:-1000em; background-image:url('../images/bg_photoMove.gif'); }
.photoPage a.prev { background-position:-30px 0; }
.photoPage a.first, .photoPage a.last { visibility:hidden; }
.photoPage a.next { background-position:-63px 0; }

.tb {width:100%; font-size: 15px; text-align:center; border-collapse:collapse;}
.tb caption {display:none;}
.tb th{padding:10px 2px 10px 2px;text-align:center;background-color:#f5f5f5;border:1px solid #dddddd;font-weight:normal;}
.tb td{padding:5px 2px 5px 2px;border:1px solid #dddddd;}
.tb td span {font-weight:600; font-size:20px;}

.ns{padding-top:8px}
.ns ul{overflow:hidden;margin:3px 10px 0}
.ns li{overflow:hidden;position:relative;float:left;width:75px;height:96px}
.ns a{overflow:hidden;display:block;width:100%;height:100%;text-align:center;font-size:0.86em;color:#000;line-height:1em;letter-spacing:-1px}
.ns .i{display:block;width:57px;height:57px;margin:7px 0 6px 9px;background:#e1e1e1 url(../images/icon_mobile.jpg)}
.ns .wn{white-space:nowrap}
.ns1 .i{background-position:0 0}
.ns2 .i{background-position:-57px 0}
.ns3 .i{background-position:-114px 0}
.ns4 .i{background-position:-171px 0}
.ns5 .i{background-position:0 -57px}
.ns6 .i{background-position:-57px -57px}
.ns7 .i{background-position:-114px -57px}
.ns8 .i{background-position:-171px -57px}
.ns9 .i{background-position:0 -114px}
.ns10 .i{background-position:-57px -114px}
.ns11 .i{background-position:-114px -114px}
.ns12 .i{background-position:-171px -114px}
.ns13 .i{background-position:0 -171px}
.ns14 .i{background-position:-57px -171px}
.ns15 .i{background-position:-114px -171px}
.ns16 .i{background-position:-171px -171px}
.ns17 .i{background-position:0 -228px}
.ns19 .i{background-position:-57px -228px}
.ns20 .i{background-position:-114px -228px}
.ns22 .i{background-position:-171px -228px}
.ns23 .i{background-position:0 -285px}

#topList {position:relative;height:100%; padding:5px;}
.title_h {padding:16px 0 5px 11px;font-size:15px;color:#000000;font-weight:bold;position:relative;border-bottom:2px #8f8f8f solid;}
.List li {padding:0 11px 11px 11px;position:relative;}
.List .line{border-bottom:1px #eaeaea solid;word-wrap:break-word;}
.List .ct{padding:11px 11px 11px 11px;position:relative;background-color:#f7f7f7;border-bottom:1px #ddd solid;}
.List li span {padding:10px 0 9px; font-size:22px; color:#000; line-height:19px; display:block;}
.List li .nm {color:#888;font-size:12px;}
.List li em {padding-left:8px;color:#888;font-size:12px;background: url("../images/bg_bar03.gif") left 2px no-repeat; margin-left:8px;}
.txt{height:146px;margin-bottom:8px;width:100%;border:1px solid #bcbcbc;word-wrap:break-word;}
.input1 {border:1px solid #bcbcbc;}

.bbs_List li{padding:0 11px;border-bottom:1px #eaeaea solid;position:relative;word-wrap:break-word;}
.bbs_List li a{padding:5px 0 5px;font-size:14px;color:#000;line-height:19px;display:block;}
.bbs_List li .nm {color:#888;font-size:12px;}
.bbs_List li em{padding-left:8px;color:#888;font-size:12px;background: url("../images/bg_bar03.gif") left 2px no-repeat;margin-left:8px;}

#footer {width:100%;border-top:1px solid #bfbfbf;background-color:#f0f0f0;text-align:center;}
#footer .ct {padding:10px 0 60px 0; border-top:1px solid #e2e2e2;}
#footer .ft {width:100%;height:10px;margin-top:10px;font-size:0.86em;color:#444;line-height:1em;letter-spacing:0;}
#footer .copyright{width:100%;height:8px;margin-top:17px;font-size:9px;color:#fff;letter-spacing:0;}
.bt6 {display:inline-block;margin-top:5px;width:62px;height:29px;line-height:29px;font-size:13px;font-weight:bold;color:#000;background:url(../images/btn_gray.gif) no-repeat 0 0;text-align:center;}
.bt7 {display:inline-block;margin-top:5px;width:80px;height:29px;line-height:29px;font-size:15px;font-weight:bold;color:#fff; background:#7839ce; border-radius:5px; text-align:center;}
.bt8 {display:inline-block;margin-top:5px;width:80px;height:29px;line-height:29px;font-size:15px;font-weight:bold;color:#fff; background:#464646; border-radius:5px; text-align:center;}

.ican span {color:#ff9e0f;}

/* preview */

.pre_wrap {}
.pre_wrap ul {margin-left:0px;}
.pre_wrap ul li {width:49%; display:inline-block; margin-left:0px; padding-bottom:15px;}
.pre_wrap ul li a{/*background:url(../images/icon_arrow.gif) right 50% no-repeat;*/}
.pre_wrap ul li img {width:100%;}
.pre_wrap ul li img:hover {opacity:0.5;}
.pre_r_name {margin-top:10px;  border-left:1px solid #cecece; padding-left:10px;}
.pre_r_name h3 {font-size:18px; font-family:'Nanum Myeongjo'; font-weight:600; color:#000;}
.pre_r_name h5 {display: inline-grid; letter-spacing:-0.05em;}
.pre_r_name h5 span.lt2 {font-size:18px;}
.pre_r_name p{ font-size:14px;  }

/*index*/
#my-slider {margin:20px 0;}

.m_tex {background:#f0f0f0; padding:15px 10px; }
.m_tex p span.con {background:#fff; color:#676767; padding:2px;}

.m_tit {padding-bottom:20px;}
.m_tit p {font-size:25px; color:#d72d49; padding:5px 0; }
.m_tit p span.tit {font-weight:600; color:#676767; font-size:25px;}
.m_tit .m_icon {width:30px; padding-top:15px;}

.movie {padding:35px 0;}

.m_spe {padding:20px 0;}
.m_spe img {width:100%; padding-bottom:5px;}

.icon_reser {position:absolute; top:0; right:0; margin:65px 15px 0 0; z-index:99999999;}
.icon_reser p {color:#fe8363; padding-top:5px; font-weight:bold; font-size:15px; }
.icon_reser img {width:100%;}


/* service */
.ser_wrap {width:100%;}
.ser_wrap ul.m_r {width:100%;}
.ser_wrap ul.m_r li {position:relative; display:block; width:100%; height:100%; }
.ser_wrap ul.m_r li img {width:100%; height:480px; padding-bottom:5px;}
.ser_wrap ul.m_r li:last-child img {padding-bottom:0;}


.ser_info {position:absolute; top:0; left:0; padding:15px 10px;}
.ser_info h2 {font-size:1.3em; color:#fff; letter-spacing:-0.5px; font-weight:600; text-align:left;}
.ser_info h2:after {content:''; display:block; width:50px; height:1px; margin:18px 0; background:#fff; font-size:0; opacity:0.5;}
.ser_info h2 span {font-size:0.70em; color:#fff; letter-spacing:-1px; font-weight:normal;}

.ser_info h3 {font-weight:normal; font-size:0.80em; font-family:'Montserrat'; color:#fff; letter-spacing:1px; text-align:left;}
.ser_info p {padding-bottom:10px; font-weight:600; font-size:0.95em; color:#fff; line-height:22px; letter-spacing:-1.5px;}


/* Γί°‘ */
.bot_fixed {position:fixed; bottom:0; width:100%; height:45px; background:#6a99c9; z-index:99999;}
.bot_fixed ul {}
.bot_fixed ul li {float:left; margin-left:0; padding:13px 0; width:33%; border-right:1px solid #fff; text-align:center;}
.bot_fixed ul li:last-child {border-right:0}
.bot_list {}
.bot_list p {display:inline; vertical-align:top; color:#fff; font-size:12px;}

#footer .ican h4 {margin: 0 auto; padding: 10px; width: 200px; border: 1px solid #dbdbdb; color:#5f5f5f;}

#daumRoughmapContainer1577163779994 {border: none; padding: 10px 0;}
#daumRoughmapContainer1577163779994 > div.wrap_controllers.hide {display:none;}