* { margin: 0; padding: 0; border: 0;}
html, body {width:100%; height:100%;}
h2 { margin-top:1.5em; }
h3 { margin-top:1.5em; }

a,img,input {outline:none; selector-dummy:expression(this.hideFocus=true);}
table { position:relative; border-collapse:collapse; border-spacing:0;}
body,form,th,td,p { -webkit-text-size-adjust:none;-webkit-tap-highlight-color:  rgba(0, 0, 0, 0); }
body { margin:0; padding:0; color: #333; font-size:0.9em; line-height: 16px; letter-spacing:0; font-family:'맑은 고딕', 'Malgun Gothic', 'Apple SD Gothic Neo', 나눔고딕, NanumGothic; text-align:center; background:#DDD; }
section { position:relative; float:left; width:100%; min-height:10px; margin:0 0 10px 0; padding:0; display:table; }
td { font-size:12px; line-height:18px; color:#555; font-family: "굴림","Verdana", "Arial" }
img { position:relative; margin:0; padding:0; border:none; display:inline-block;}
a:link { color:inherit; text-decoration: none; }
a:visited { color:inherit; text-decoration: none; }
a:active { text-decoration: none; }
a:hover { text-decoration: none; }
[onclick] { cursor:pointer }
.tc_stress { color:#ea002c; }

input { height:20px; font-size:12px; line-height:20px; color:#555; font-family: "굴림","Verdana", "Arial"; border:#CCC 1px solid; HEIGHT: 18px; background:#FFF; }
select { font-size:12px; color:#555; font-family: "굴림","Verdana", "Arial"; }
textarea { padding:10px; overflow-y:scroll; font-size:12px; line-height:18px; color:#555; font-family: "굴림","Verdana", "Arial"; border:#CCC 1px solid; HEIGHT: 18px; background:#FFF; }
checkbox { border:0 }

#wrap { position:relative; width:100%; height:100%; overflow:hidden; display:block; background:#333; }
#wrap.small { margin-left:40%; margin-top:20%; transform: scale(0.4); -webkit-transform: scale(0.4); }

#container { position:relative; left:0; width:100%; height:100%; min-width:320px; min-height:242px; overflow-x:hidden; overflow-y:auto; background:#FFF; display:block; z-index:100; }

button { position:relative; width:80%; max-width:200px; height:35px; line-height:35px; margin:5px auto; padding:0; text-align:center; font-family:'맑은 고딕', 'Malgun Gothic', 'Apple SD Gothic Neo', 나눔고딕, NanumGothic; font-size:16px; font-weight:bold; color:#FFF; cursor:pointer; display:block; border:1px solid #bc0124; background-color:#ea002c; background-image:url('/AD/img/common/btn_bg_normal.png');background-repeat:repeat; background-position:center center; background-size:100% 100%; border-radius:3px; }
button[round] { width:70px; max-width:70px; height:70px; line-height:70px; margin:10px auto; overflow:hidden; background-color:#fa6415; border:0; border-radius:35px; }
button[more], button[caution] { width:100%; max-width:700px; height:40px; line-height:40px; margin:10px auto; color:#555; overflow:hidden;  background: linear-gradient(#FFF,#EEE); border-color:#CCC; }
button:hover { background-image:url('/AD/img/common/btn_bg_over.png') }
button[more]:hover { background: linear-gradient(#FFF,#EEE) }
.selecttext { position: absolute; top:0; left:0; width:53px; height:23px; line-height:23px; text-align:center; display:inline-block; *display:inline; zoom:1; padding-top:2px; background:none; color:#333; z-index: 9; }

/* 탑메뉴 *****************************************************************************************************************************************************************************/
header { position:fixed; top:0; left:0; width:96%; height:40px; min-width:300px; padding:5px 2%; margin:0; text-align:center; z-index:500; display:block; background:#FFF; }
header > .bi { position:relative; float:left; width:110px; height:40px; margin:0; display:block; }
header > .tel { position:relative; float:right; width:120px; height:40px; margin:0; display:block; }
header > .tel2 { position:relative; float:right; width:105px; height:40px; margin:0; display:block; }
header > .bLine { position:absolute; bottom:0; left:2%; width:96%; height:3px; margin:0; display:block; background:#333; border-right:1px solid #333; box-shadow: inset 110px 0 0 #e21304; }
header > .home { position:relative; float:left; width:40px; height:40px; margin:0; display:block; border-right:1px solid #DDD; }
#location { position:absolute; top:9px; left:60px; width:43%; height:32px; margin:0; padding-right:32px; line-height:32px; font-size:1.1em; font-weight:bold; display:block; background:#FFF url('/AD/img/common/header_location_off.gif') no-repeat top right; background-size:30px 30px; border:1px solid #999; border-radius:3px; -webkit-box-sizing: border-box; box-sizing: border-box; z-index:499; }
#location ul.gnb { position:absolute; top:30px; left:0; width:100%; height:32px; padding:5px 15px; display:none; background:#FFF; border:1px solid #999; border-radius:3px; z-index:499; }
#location ul.gnb li { position:relative; float:left; width:96%; height:32px; margin:2px 2%; font-weight:normal; font-size:0.9em; display:block; border-top:1px solid #999; }
#location ul.gnb li:first-child { border-top:0; }
#location.on { background-image:url('/AD/img/common/header_location_on.gif'); }
#location.on > ul.gnb { display:table; }

#block { position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0); display:none; z-index:900; }
#lnbBtn { position:fixed; bottom:5px; left:0; width:60px; height:65px; margin-left:2px; cursor:pointer; z-index:500; display:block; }

.marginCol { width:96%; margin:0 2% 10px 2%; }
.col1n, .col2n, .col3n, .col4n { position:relative; float:left; text-align:center; display:table; background:#FFF; border:1px solid #DDD; -webkit-box-sizing: border-box; box-sizing: border-box; }
.col1n { width:100%; height:80px; }
.col2n { width:49%; height:80px; }
.col2n:nth-child(2n) { float:right; }
.col3n { width:32%; height:75px; margin-right:2%; background:#383838; border:1px solid #383838; }
.col3n:nth-child(3n) { float:right; margin:0; }
.col4n { width:23.25%; height:20px; margin-right:2%; background:#F2F2F2; }
.col4n:nth-child(4n) { float:right; margin:0; }
.col1n > img, .col2n > img, .col3n > img, .col4n > img { width:100%; margin:0; padding:0; display:block; }

/*
#lnb { position:absolute; top:0; left:0; width:260px; height:100%; margin:0; padding:0; overflow-x:hidden; overflow-y:auto; display:block; z-index:1; background:#EEE; box-shadow: inset -5px 0 5px rgba(0,0,0,0.3); }
#lnb .titleBar { position:relative; width:100%; height:50px; overflow:hidden; display:block; background:#ea002c; box-shadow: inset -5px 1px 5px rgba(0,0,0,0.3);  -webkit-box-shadow: inset -5px 1px 5px rgba(0,0,0,0.3); }
#lnb .titleBar .num { float:left; width:180px; height:30px; margin:10px; }
#lnb .titleBar .close { float:right; width:30px; height:30px; margin:10px; }
#lnb ul.depth1 { position:relative; width:100%; height:40px; min-height:40px; display:table; }
#lnb ul.depth1 > li { position:relative; width:100%; height:40px; min-height:40px; line-height:40px; text-align:left; text-indent:40px; color:#333; font-size:16px; font-weight:bold; display:table; border-bottom:1px solid rgba(0,0,0,0.3); background:url('/AD/img/common/lnb_depth1_bg.png') no-repeat 15px 10px; background-size:20px 20px; }
#lnb ul.depth2 { position:relative; width:100%; height:30px; min-height:30px; display:table; border-top:1px solid rgba(0,0,0,0.2); background:rgba(0,0,0,0.05); }
#lnb ul.depth2 > li { position:relative; width:100%; height:30px; min-height:30px; line-height:30px; text-align:left; text-indent:45px; color:#333; font-size:14px; font-weight:normal; display:table; background:url('/AD/img/common/lnb_depth3_bg.png') no-repeat 30px 10px; background-size:10px 10px; }
#lnb .centerTitle { position:relative; float:left; width:240px; height:25px; line-height:25px; margin:10px 10px 0 10px; padding-top:5px; color:#FFF; font-size:14px; font-weight:bold; background:#fa6415; display:block; }
#lnb ul.center { position:relative; float:left; width:240px; height:60px; min-height:60px; margin:0 10px 20px 10px; background:#FFF; display:table; border:1px solid #fa6415; -webkit-box-sizing: border-box; box-sizing: border-box; }
#lnb ul.center li { position:relative; float:left; width:59px; height:60px; display:block; border-left:1px solid #fa6415; -webkit-box-sizing: border-box; box-sizing: border-box; background:url('/AD/img/common/footCenter_libg.gif') no-repeat 0 0; background-size:100% 100%; }
#lnb ul.center li:first-child { border:0; }
#lnb ul.center li > img { width:52px; height:52px; margin:3px auto; }
*/

/***** Key Visual  *****************************************************************************************************************************************************************************/

#keyview { position:relative; float:left; width:100%; min-height:180px; margin:50px 0 15px 0; background:transparent; display:table; border-bottom:1px solid #CCC; }

#keyview ul.r_nav { position:absolute; bottom:0; left:3px; min-width:20px; height:18px; text-align:center; display:table; z-index:199;}
#keyview ul.r_nav li { position:relative; float:left; width:9px; height:9px; margin:2px; overflow: hidden; background:#666; cursor:pointer; border:1px solid rgba(255,255,255,0.3); display:block; box-shadow: inset 0px 1px 2px rgba(0,0,0,0.3);}
#keyview ul.r_nav li.current { background:#F00 }

#keyview ul.slideData { display:none;}
#keyview .slideRoll { position:relative; width:100%; overflow: hidden; display:table; }
#keyview .slideRoll .img_now { position:absolute; top:0; left:0; width:100%; overflow: hidden; display:table;}
#keyview .slideRoll .img_now img { width:100% }
#keyview .slideRoll .img_move { position:absolute; top:0; left:0; overflow: hidden; display:table; background:transparent; z-index:190;}
#keyview .slideRoll .img_move img { position:relative; float:left; width:100%; }



/***** Main  *****************************************************************************************************************************************************************************/

#main { width:96%; margin:60px 2% 10px 2%; }
#main .kv { position:relative; float:left; width:640px; margin:0; padding:0; display:table; background:#fff; perspective:2000px; z-index:198; background:#999}
#main img { width:100%; margin:0; padding:0; display:block; }
#main .menu1 { position:relative; float:right; width:38%; min-height:100px; margin:0; padding:0; overflow:hidden; display:block; background:#D02; border:1px solid #D02; box-sizing: border-box; -webkit-box-sizing: border-box; }
#main .menu2 { position:relative; float:right; width:38%; min-height:160px; margin:0; padding:0; margin-top:5px; overflow:hidden; display:block; background:#FFF; border:1px solid #BBB; box-sizing: border-box; -webkit-box-sizing: border-box; }

section.mainTel { width:96%; height:50px; margin:0 2% 10px 2%; display:block; background:#e70022; }
section.mainTel > img { height:40px; margin:5px auto; display:block; }

ul.bundletap { position:relative; clear:both; width:100%; height:35px; display:block; }
ul.bundletap li { position:relative; float:left; width:50%; height:35px; line-height:35px; font-size:14px; font-weight:bold; color:#555; text-align:center; cursor:pointer; background:#DDD; display:block; }
ul.bundletap li.selected { color:#FFF; background:#444 url('/AD/img/common/title_bg_virgule2.png') repeat 0 0; background-size:4px 4px; }

ul.bundletapview { position:relative; clear:both; width:100%; min-height:70px; padding:0; display:table; border:1px solid #DDD; border-top:0; -webkit-box-sizing: border-box; box-sizing: border-box; }
ul.bundletapview li { position:relative; clear:both; width:100%; height:70px; min-height:50px; padding:5px 0; font-size:1.0em; text-align:left; display:table; border-top:1px solid #DDD; }
ul.bundletapview li.recommand { height:50px; margin:0; padding:5px 0; }
ul.bundletapview li.recommand > img { position:relative; clear:both; width:270px; height:50px; padding:0; margin:0 auto; display:block; }
ul.bundletapview li:first-child { border:0; }
ul.bundletapview li .thumbnail { position:relative; float:left; width:40%; height:70px; min-height:70px; display:table; }
ul.bundletapview li .thumbnail img { width:100%; max-width:200px; margin:0 auto; }
ul.bundletapview li .title { float:left; width:59%; color:#000; line-height:1.0em; font-size:1.1em; font-weight:bold; margin-top:1.0em; }
ul.bundletapview li .price { float:left; color:#F00; letter-spacing:-0.03em; line-height:1.2em; font-size:1.2em; font-weight:bold; margin-top:0.3em; }
ul.bundletapview li .price::after { content:"[3년약정,VAT별도]"; color:#333; font-size:0.5em; font-weight:normal; margin-left:10px; }
ul.bundletapview li .minfo { float:left; width:59%; color:#666; line-height:1.1em; font-size:0.75em; }

/***** Sub  *****************************************************************************************************************************************************************************/
section.sub { width:96%; margin:60px 2% 10px 2%; }

ul.promotion { position:relative; width:100%; min-height:100px; margin-bottom:10px; counter-reset:promotion-counter; padding:40px 0 5px 0; background:#FFF url('/AD/img/sub/promotion_title.gif') no-repeat 0 0; background-size:1000px 36px; display:table; border:1px solid #DDD; -webkit-box-sizing: border-box; box-sizing: border-box; }
ul.promotion li { position:relative; width:100%; height:20px; line-height:20px; text-align:left; color:#333; font-size:13px; letter-spacing:-0.07em; text-indent:25px; display:block; z-index:3; }
ul.promotion li:after { content: counter(promotion-counter) "."; counter-increment:promotion-counter; position:absolute; left:-15px; width:10px; width:10px; text-align:right; color:#666; }
ul.promotion .gift { position:absolute; bottom:5px; right:0; width:135px; height:75px; display:block; z-index:2; }

ul.subtap { position:relative; clear:both; width:100%; height:35px; padding-top:30px; margin-bottom:0px; display:block; }
ul.subtap .title { position:absolute; top:0; left::0; width:100%; height:30px; line-height:30px; text-align:left; text-indent:25px; color:#000; font-size:1.1em; font-weight:bold; display:block; background:#FFF url('/AD/img/sub/subtap_title_bullet.png') no-repeat 0 0; background-size:20px 30px; z-index:2; }
ul.subtap li { position:relative; float:left; width:32%; height:35px; margin-right:5px; line-height:35px; font-size:14px; font-weight:bold; color:#555; text-align:center; cursor:pointer; background:#DDD; display:block; border:1px solid #AAA; }
ul.subtap li:last-child { margin-right:0; }
ul.subtap li.selected { color:#FFF; background:#ea002c; border:1px solid #B00; border-top-right-radius:8px; border-bottom-left-radius:8px; }
.subtapView, .moreView { position:relative; clear:both; width:100%; min-height:100px; padding:0; margin-bottom:10px; display:none; }
.subtapView img { max-width:100%; margin:0 auto; display:block; }
.subtapView .promo { position:relative; clear:both; width:100%; min-height:160px; padding:0; margin-bottom:10px; display:table; border:1px solid #BBB; -webkit-box-sizing: border-box; box-sizing: border-box; }
.subtapView .promo .closeMark { position:absolute; top:0; left::0; width:100%; height:100%; padding:0; margin:0; display:block; background:rgba(150,0,0,0.1) url('/AD/img/sub/close_mark.png') no-repeat center center; background-size:70px 70px; z-index:2; }
.subtapView .promo[close] { height:160px; overflow:hidden; display:block; }


section.sub .title_block { position:relative; clear:both; width:100%; height:20px; padding-top:15px; text-align: left; color:#000; font-size:1.05em; font-weight:bold; display:block; background: url('/AD/img/common/title_bullet.png') no-repeat 0 13px; background-size: 20px 20px; }
section.sub .title_block::before { content:"▶ "; color:#333; font-size:0.9em; font-weight:normal; margin:0 2px; }
section.sub .title_block small_txt { float:right; color:#444; font-size:11px; line-height:20px; font-weight:normal; text-align:left; }
section.sub .title_samll_block { position:relative; clear:both; width:100%; height:20px; padding-top:3px; text-align: left; color:#000; font-size:13px; font-weight:bold; text-indent:3px; display:block;}


section.sub table { position:relative; width:100%; clear:both; margin:0 auto; margin-bottom:5px; font-size:0.9em; background:#FFF; border:1px solid #CCC; border-top:2px solid #999;}
section.sub table td { height:25px; text-align:center; border: 1px solid #CCC; letter-spacing:-0.05em; }
section.sub table td[align="left"] { text-align:left; text-indent:10px;}
section.sub table th { background:#EEE; font-weight:normal; border: 1px solid #CCC; letter-spacing:-0.05em; padding:5px 0;  }
section.sub table th.once { padding:7px 0;  }
section.sub table tr td strong{ font-size:1.1em; }

section.sub p { padding:0 5px 3px 12px; color:#333; font-size:12px; line-height:15px; text-align:left; background:url('/AD/img/sub/txt_bullet.png') no-repeat 0 2px; background-size:10px 10px; }
section.sub p.red { color:#e51937 }
section.sub p.title { padding:0px 3px 3px 5px; color:#555; font-weight:bold; font-size:13px; line-height:15px; letter-spacing:-0.03em; text-align: left; background:none; }

section.sub .subBanner { position:relative; width:100%; height:85px; margin-top:30px; background:#DDD; padding:0; display:table; border:1px solid #BBB; -webkit-box-sizing: border-box; box-sizing: border-box; }
section.sub .subBanner > img { position:relative; left:37%; width:215px; margin:4px 0 0 -110px; display:block; }
section.sub .subBanner .char { position:absolute; bottom:0; left:79%; width:130px; margin:0 0 0 -65px; display:block; z-index:2; }
#subBan01 { background:#f7ff74; border-color:#d0d850; }
#subBan02 { background:#dfff93 url('/AD/img/sub/subbanner02_bg.png') no-repeat 95% bottom; background-size:165px 100px; border-color:#b5d172; }
#CounselImg { height:150px; background: linear-gradient(to right,#e0f7ff ,#8cd6ef); border-color:#4bbae0; display:block; }

section.sub .subBan { position:relative; width:100%; height:34px; margin-top:5px; background:#ff7200; padding:0; display:block; }
section.sub .subBan[counsel] { background:#ff4e00; }
section.sub .subBan .txt { position:relative; top:10px; left:35%; width:160px; height:15px; margin-left:-100px; display:block; }
section.sub .subBan .click { position:absolute; bottom:0; right:0; width:138px; height:34px; margin:0; display:block; z-index:2; }
section.sub .counselTel { position:relative; width:100%; height:50px; margin:10px 0; display:block; background:#e70022; }
section.sub .counselTel > img { position:relative; height:50px; margin:0 auto; display:block; }

ul.card { position:relative; width:100%; height:145px; margin:0; padding:0; display:table; border-top:1px solid #BBB; }
ul.card li { position:relative; float:left; width:50%; height:145px; margin:0; background:#FFF; padding:10px 0; display:table; border-bottom:1px solid #BBB; }
ul.card li:nth-child(2n) { background:#FFF url('/AD/img/sub/card_dash.gif') repeat-y 0 10px; background-size:1px 110px; }
ul.card li > img { position:relative; clear:both; width:150px; height:100px; margin:3px auto; display:block; }
ul.card li p { margin:0 auto; text-align:center; background:none; }
ul.card li p.title { color:#000; margin:0 auto; text-align:center; background:none; }

ul#social { position:relative; width:216px; height:54px; margin:5px auto; margin-top:10px; padding:0; display:block; }
ul#social li { position:relative; float:left; width:40px; height:40px; margin:7px; display:block; }
ul#social li > img { width:40px; height:40px; display:block; }
.urlBox { position:relative; width:80%; max-width:460px; height:50px; margin:5px auto; padding:0; display:none; }
.urlBox span { width:100%; text-align:center; }
.urlBox input { position:relative; width:100%; max-width:460px; height:24px; line-height:24px; text-indent:10px; margin:5px auto; padding:0; display:block; border:1px solid #999; border-radius:2px; }

.consalt_form { position:relative; width:100%; height:230px; text-align:center; display:block; background:#FFF url('/AD/img/sub/counsel_form_bg.png') repeat-x left bottom; background-size:1px 55px; border:1px solid #9dd7ec; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius:3px; }
.consalt_form .counselbox { position:relative; clear:both; width:260px; height:120px; margin:12px auto; margin-bottom:22px; display:block; background: url('/AD/img/sub/counsel_form.png') no-repeat 0 0; background-size: 260px 120px; }
.consalt_form .counselbox input { position:absolute; height:20px; line-height:20px; padding:2px 0 3px 5px; font-size:13px; letter-spacing:0.05em; background:none;  -webkit-transform : translate3d(0,0,0); border:0; }
.consalt_form .counselbox .custom_slect { position:absolute; top:87px; left:185px; height:25px; padding:2px 0 3px 5px; width:70px; display:block; border: none; background:none; outline:none; opacity: 0;  -webkit-appearance: none; z-index: 10;}
.consalt_form .counselbox .selecttext { position: absolute; top:87px; left:178px; width:53px;}
.consalt_form .counselbox .form_name { top:8px; left:63px; width:188px; ime-mode:inactive;}
.consalt_form .counselbox .form_tel1 { top:48px; left:63px; width:50px;}
.consalt_form .counselbox .form_tel2 { top:48px; left:129px; width:53px;}
.consalt_form .counselbox .form_tel3 { top:48px; left:198px; width:53px;}
.consalt_form .counselbox .form_date { top:87px; left:63px; width:96px; letter-spacing:-0.1em;}
.consalt_form .counselbox .check { position:absolute; bottom:-36px; left:0; width:120px; height:34px; overflow:hidden; display:block; }
.consalt_form .counselbox .check > img { position:relative; top:-34px; width:120px; height:68px; margin:0; display:block; }
.consalt_form .counselbox .check > img.nonCheck { top:0px }
.consalt_form .counselbox .ok_btn { position:absolute; bottom:-86px; left:50%; margin-left:-80px; width:160px; height:34px; line-height:34px; font-size:17px; color:#FFF; font-weight:bold; border-radius:17px; letter-spacing:-0.1em; display:block; background:#e70022; }
.consalt_form .counselbox .gray_btn { position:absolute; bottom:-32px; right:0; width:80px; height:28px; line-height:28px; font-size:13px; color:#FFF; font-weight:bold; border-radius:17px; letter-spacing:-0.1em; display:block; background:#595959; }

/***** 고객센터  *****************************************************************************************************************************************************************************/
.searchBox { position:relative; float:left; width:100%; height:40px; margin:5px 0; display:block; }
.searchBox input { border:0; }
.searchCount { position:relative; float:left; width:70px; height:30px; padding:5px; font-size:11px; font-weight:normal; line-height:30px; color:#333; text-indent:3px; text-align: left; display:block; }
.search { position:relative; float:right; width:200px; height:30px; margin:5px; font-size:11px; font-weight:normal; color:#666; text-align: left; background: url('/AD/img/sub/border_search.gif') no-repeat 0 0; background-size:165px 30px; }
.search s_id{ float:left; width:30px; height:22px; margin:0px; padding:0px; font-size:12px; font-weight:normal; line-height:22px; color:#444; text-align: left; }
.search .search_select { position:absolute; top:2px; left:2px; height:26px; width:75px; border: none; background:none; outline:none; opacity: 0;  -webkit-appearance: none; z-index: 10; }
.search .selecttext { top:2px; left:2px; width:48px; height:24px; line-height:24px; padding-top:2px; font-size:13px; }
.search .search_value { position:absolute; top:2px; left:87px; width:76px; height:26px; line-height:26px; text-indent:5px; font-size:12px; color:#000; letter-spacing:-0.01em; ime-mode:inactive; }
.conblock { position:relative; clear:both; width:100%; min-height:20px; padding:0; margin-top:10px; display:table; border:1px solid #CCC; background:#FFF; -webkit-box-sizing: border-box; box-sizing: border-box; }

.centertm { position:relative; width:96%; height:100px; min-height:100px; margin:0 auto; margin-top:60px; display:table; }
.centertm img { width:100%; max-width:420px; margin:0 auto; }
.notice_line { position:relative; clear:both; width:100%; height:30px; margin:2px 0; font-weight:normal; color:#333; text-align: left; border: 1px solid #CCC; display:table; background:#FFF; -webkit-box-sizing: border-box; box-sizing: border-box;}
.notice_line subject { float:left; clear:both; width:300px; height:35px; line-height:35px; font-size:1.0em; font-weight:bold; text-align: left; text-indent:10px; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.notice_line name { float:right; width:120px; height:15px; line-height:15px; font-size:11px; padding-right:10px; color:#999; text-align: right; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.notice_line date { float:right; height:13px; margin-right:10px; line-height:11px; font-size:11px; color:#999; text-align:left; }

.notice_line .num2 { position:absolute; top:0px; left:0;  width:15%; height:45px; line-height:45px; text-align:center; color:#666; font-size:11px; display:block; }
.notice_line .s_list2 { position:relative; left:16%; width:68%; height:45px; color:#444; text-align: left; display:block;}
.notice_line .s_list2 subject { width:100%; height:25px; line-height:30px; text-align:left; font-size:12px; color:#000; overflow:hidden; display:block; }
.notice_line .s_list2 date { width:100%; height:20px; line-height:15px; text-align:left; text-indent:15px; font-size:11px; color:#666; overflow:hidden; display:block; }
.notice_line .resualt2 { position:absolute; top:0px; right:0; width:20%; height:45px; line-height:45px; color:#666; font-size:11px; display:block; }
.notice_line .resualt2 p { position:relative; top:10px; width:90%; height:26px; margin:0; padding:0; text-align:center; line-height:26px; color:#FFF; font-size:11px; display:block; background:#e50000; border-radius:13px; }

.write_block { position:relative; float:left; width:80%; height:30px; line-height:30px; font-weight:normal; color:#333; text-indent:5px; text-align: left; border-bottom: 1px solid #bfbfbf; overflow:hidden; display:block; -webkit-box-sizing: border-box; box-sizing: border-box;}
.write_block[bTitle] { width:20%; text-align:center; border-right: 1px solid #bfbfbf; background:#F4F4F4 }
.write_block[recomment] { width:100%; text-align:center; text-align:left; text-indent:15px; font-weight:bold; color:#FFF; background:#e70022; border-color:#e70022; }
.write_block[recomment] .date {float:right; margin:0 5px; font-weight:normal; font-size:0.8em; color:#FFF; }
.write_block[W25] { width:25%; }
.write_block[W30] { width:30%; }
.write_block[W35] { width:35%; }
.write_block[bform] { width:100%; text-align:left; }
.write_block[bform2] { width:100%; text-align:left; display:table; }
.write_block[notice] { width:100%; text-align:left; line-height:17px; padding:5px 0; letter-spacing:-0.03em; text-indent:0; border-left:5px solid transparent; border-right:5px solid transparent; display:table; }
.write_block[Caution] { width:100%; height:40px; padding:5px 0; line-height:15px; color:#F00; text-align:center; border:0; display:table; }
.write_block input { min-height:24px; margin:2px 0; }
.write_block select { min-height:24px; margin:2px 0; }
.contentsView { position:relative; clear:both; width:100%; height:30px; font-size:12px; line-height:17px; letter-spacing:-0.07em; font-weight:normal; text-indent:5px; color:#333; text-align: left; display:table; border:10px solid transparent; -webkit-box-sizing: border-box; box-sizing: border-box; }
.contentsView .txt { position:relative; clear:both; width:100%; font-size:12px; line-height:17px; letter-spacing:-0.07em; font-weight:normal; color:#333; text-align:center; display:table; }
.contentsView .pw_input { position:relative; clear:both; width:156px; height:21px; margin:10px auto; padding:0; display:block; } 
.contentsView .pw_input input { width:145px; height:25px; line-height:25px; font-size:14px; text-indent:10px; border:1px solid #BBB; outline:none;  -webkit-appearance: none; border-radius:0; } 

.conblock .qna_list01 { position:relative; clear:both; width:100%; height:30px; font-size:12px; font-weight:bold; line-height:35px; color:#333; overflow:hidden; text-align:left; letter-spacing:-0.07em; text-indent:30px; background:#F4F4F4; border-bottom:1px solid #bfbfbf; display:block; }
.conblock .qna_list01 .lock { position:absolute; top:2px; left:5px; width:20px; margin:2px 0; display:block; }
.conblock .qna_list01 date { position:relative; float:right; width:30%; height:30px; font-size:11px; font-weight:normal; line-height:30px;margin-right:5px; color:#666; text-align:center; letter-spacing:-0.07em; display:block; }
.conblock .qna_list02 { position:relative; clear:both; width:100%; height:30px; font-size:12px; line-height:15px; color:#555; text-align: left; letter-spacing:-0.07em; display:table; border:10px solid transparent; -webkit-box-sizing: border-box; box-sizing: border-box;  }
.conblock .qna_list02 b { color:#F00 }
.conblock .qna_list02 .comment { position:relative; float:right; clear:both; width:80px; height:26px; line-height:26px; margin-top:5px; text-align:center; color:#FFF; display:block; background:#f40000; border-radius:13px; }
.conblock .qna_list02 .comment[Yet] { background:#fa6415; }
.conblock ul.pagenum  { position:relative; clear:both; height:30px; margin:5px auto; display:table; }
.conblock ul.pagenum li { position:relative; float:left; width:30px; height:30px; margin:3px; line-height:28px; text-align:center; font-size:14px; color:#666; overflow:hidden; background:#DDD; display:block; border:1px solid #CCC;  }
.conblock ul.pagenum li.selected { color:#FFF; background:#ea002c; border:1px solid #ea002c; } 
.conblock ul.pagenum li.prev { background:#DDD url('/AD/img/sub/pageing_pre.png') no-repeat 0 0; background-size: 30px 60px; } 
.conblock ul.pagenum li.prev[Close] { background-position: 0 -30px; } 
.conblock ul.pagenum li.next { background:#DDD url('/AD/img/sub/pageing_next.png') no-repeat 0 0; background-size: 30px 60px; }
.conblock ul.pagenum li.next[Close] { background-position: 0 -30px; }

.fullbtn { position:relative; width:100%; height:40px; margin:5px auto; line-height:40px; color:#333; font-size:14px; text-align:center; cursor:pointer; overflow:hidden; display:block; border:1px solid #bfbfbf; -webkit-box-sizing: border-box; box-sizing: border-box; background: -webkit-linear-gradient(#fefefe,#f1f1f1); background: linear-gradient(#fefefe,#f1f1f1); -webkit-border-radius: 5px;border-radius: 5px;}
.fullbtn img { height:30px; margin:5px auto; display:block }
.btn { position:relative; float:left; height:40px; margin:10px 10px 10px 0; padding:0 20px; line-height:40px; color:#777; font-size:1.0em; text-align:center; cursor:pointer; overflow:hidden; display:block; border:1px solid #bfbfbf; -webkit-box-sizing: border-box; box-sizing: border-box; background: -webkit-linear-gradient(#fefefe,#f1f1f1); background: linear-gradient(#fefefe,#f1f1f1); -webkit-border-radius: 5px; border-radius: 5px;}




.summary { position:relative; width:100%; height:70px; min-height:70px; font-size:1.0em; text-align:left; display:table-cell; vertical-align:middle; }
.summary .thumbnail { position:relative; float:left; width:40%; height:70px; min-height:70px; padding:0; text-align:center; display:table; }
.summary .thumbnail img { width:100%; max-width:300px; margin:0 auto; }
.summary .pageTitle { position:relative; float:left; width:59%; height:30px; margin:10px 0; padding:0; line-height:30px; letter-spacing:-0.1em; font-size:1.4em; font-weight:bold; color:#000; text-align:left; display:table; }
.summary .pageTitle .subscript { font-size:0.8em; margin-left:5px; }
/*
.summary ul.info { position:relative; float:left; width:59%; height:70%; min-height:70%; display:-webkit-box; -webkit-box-orient:vertical; -webkit-box-pack:center;}
.summary ul.info li { position:relative; float:left; width:100%; height:18%; font-size:0.9em; letter-spacing:-0.03em; margin: auto; display:block; }
.summary ul.info li::before { content:"- "; color:#333; font-weight:normal; }
*/
.summary .price { float:left; width:59%; color:#F00; line-height:1.2em; font-size:1.4em; letter-spacing:-0.05em; font-weight:bold; text-indent:3px; }
.summary .price  .vat { margin-left:7px; color:#333; font-size:0.6em; font-weight:normal; letter-spacing:-0.1em; }
.summary .info { position:relative; float:left; width:59%; height:16px; min-height:16px; margin:0; padding: 5px 8px; line-height:16px; letter-spacing:-0.1em; font-size:13px; color:#000; text-align:left; display:table; background:#F4F4F4; border:1px solid #DDD; border-radius:3px; -webkit-box-sizing: border-box; box-sizing: border-box; }

ul.subRecommand { position:relative; width:100%; min-height:16px; padding:5px 5px 5px 55px;  background:#F4F4F4; overflow:hidden; display:table; border:1px solid #fa6b1f; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius:3px; }
ul.subRecommand .title { position:absolute; top:0; left:0; height:100%; padding:0; margin:0; width:50px; display:block; background:#fa6b1f url('/AD/img/sub/subRecommand_title.png') no-repeat center center; background-size:25px 15px; }
ul.subRecommand li { position:relative; width:100%; height:16px; line-height:16px; padding:0 0 0 10px; margin:2px 0; text-align:left; color:#333; font-size:13px; display:table; -webkit-box-sizing: border-box; box-sizing: border-box; background: url('/AD/img/sub/subRecommand_dot.png') no-repeat 2px 5px; background-size:4px 4px; }

/*
ul.promotion { position:relative; width:100%; min-height:25px; margin-top:10px; background:#B0B0B0; display:table; }
ul.promotion li { position:relative; width:100%; height:25px; line-height:25px; overflow:hidden; text-align:left; color:#333; font-size:13px; text-indent:35px; display:block; border:1px solid #B0B0B0; border-top:0; background-color:#FFF; background-repeat:no-repeat; background-size:20px 20px; background-position:10px 3px; -webkit-box-sizing: border-box; box-sizing: border-box; }
ul.promotion li.title { height:30px; line-height:30px; color:#FFF; text-align:left; text-indent:10px; font-weight:bold; font-size:14px; background:#555 url('/AD/img/common/title_bg_virgule2.png') repeat 0 0; background-size:4px 4px; border:0; }
ul.promotion li[internet] { background-image:url('/AD/img/sub/promotion_icon_internet.png'); }
ul.promotion li[tv] { background-image:url('/AD/img/sub/promotion_icon_tv.png'); }
ul.promotion li[phone] { background-image:url('/AD/img/sub/promotion_icon_phone.png'); }
ul.promotion li[box] { background-image:url('/AD/img/sub/promotion_icon_box.png'); }
ul.promotion li[wired] { background-image:url('/AD/img/sub/promotion_icon_wired.png'); }
ul.promotion li[wireless] { background-image:url('/AD/img/sub/promotion_icon_wireless.png'); }
*/

section.sub .subBanner01 { position:relative; width:99%; height:60px; margin-left:3px; background:#fff376 url('/AD/img/sub/subbanner_bg.png') repeat 0 0; background-size:8px 8px; padding:0; display:block; }
section.sub .subBanner01 .ribon { position:absolute; top:7px; left:-5px; width:48%; height:46px; margin:0; padding:0; background:#d40b0a url('/AD/img/sub/sub_ribon_bg.gif') no-repeat 0 0; background-size:100% 100%; display:block; }
section.sub .subBanner01 .ribon::before { content:""; position:absolute; top:-3px; left:0; width:5px; height:3px; background:url('/AD/img/sub/sub_ribon_before.png') no-repeat 0 0; background-size:5px 3px; }
section.sub .subBanner01 .ribon::after { content:""; position:absolute; top:0; right:-15px; width:15px; height:46px; background:url('/AD/img/sub/sub_ribon_after.png') no-repeat 0 0; background-size:15px 46px; }
section.sub .subBanner01 .ribon img{ width:135px; margin:8px auto;}
section.sub .subBanner01 .banNum { position:absolute; top:10px; left:75%; width:130px; height:40px; margin-left:-65px; padding:0; display:block; }

section.sub .txt_check { padding:0px 3px 3px 5px; color:#ed2191; font-weight:none; font-size:13px; line-height:15px; text-align: left;}
section.sub .txt_box { position:relative; width:100%; padding:5px; text-align: left; display:block; -webkit-box-sizing: border-box; box-sizing: border-box; }
section.sub .txt_box small_txt { float:right; color:#444; font-size:11px; line-height:20px; font-weight:normal; text-align:left; }
section.sub .addon { position:relative; clear:both; width:100%; height:40px; min-height:40px; padding:10px 0; text-align:center; color:#333; font-size:13px; font-weight:bold; display:table; border-top:2px solid #ea002c; border-bottom:2px solid #ea002c; }
section.sub .addon button { position:relative; float:left; width:48%; max-width:800px; height:30px; margin:5px 1% 0 1%; text-align:center; display:table; background:#fa6415; border:0; }
section.sub .addon button img { width:110px; height:14px; margin:8px auto;  }

section.sub table.card td:first-child { width:45%; border-right:0; }
section.sub table.card td:last-child { border-left:0; text-align:left; padding:5px 0; }
section.sub table.card img{ width:100%; max-width:200px; }
section.sub table.card tr td strong{ font-size:1.1em; }

.eventTapview { position:relative; clear:both; width:100%; min-height:200px; padding:0; margin-top:5px; display:table; border:1px solid #BBB; background:#BBB; -webkit-box-sizing: border-box; box-sizing: border-box; }
.eventTapview img { width:100%; margin:0; }

.consaltImg { position:relative; clear:both; width:96%; height:40px; margin:0 auto; text-align:center; display:table; border-bottom:1px solid #CCC; }
.consaltImg img { width:285px; }
.consalt_b1 { position:relative; float:left; width:40%; height:200px; min-height:200px; display:table; }
.consalt_b1 img { width:100%; max-width:200px; margin:0 auto;}
.consalt_b2 { position:relative; width:100%; max-width:400px; height:80px; min-height:80px; margin:5px auto; display:table; }
.consalt_b2 .telnumImg { float:left; left:35%; width:180px; margin-left:-90px;}
.consalt_b2 button { float:right; right:16%; margin-right:-40px;}



/***** Footer  *****************************************************************************************************************************************************************************/
ul#footCenter { position:relative; float:left; width:96%; height:80px; margin:0 2% 10px 2%; background:#FFF; display:table; border:1px solid #DDD; -webkit-box-sizing: border-box; box-sizing: border-box; }
ul#footCenter li { position:relative; float:left; width:33%; height:80px; display:block; border-left:1px solid #DDD; -webkit-box-sizing: border-box; box-sizing: border-box; background:url('/AD/img/common/footCenter_libg.gif') no-repeat 0 0; background-size:100% 100%; }
ul#footCenter li:first-child { border:0; }
ul#footCenter li > img { width:70px; height:70px; margin:5px auto; }

.foot { position:relative; float:left; width:100%; height:120px; padding:15px 0 10px 0; margin-top:10px; text-align:left; overflow:hidden; line-height:18px; font-size:13px; letter-spacing:-0.1em; COLOR:#999; display:block; background:#272727; border-top:2px solid #6b727b; }
.foot > p { width:94%; margin-left:3%; }
.foot > .copyright { width:100%; line-height:40px; text-align:center; font-weight:bold;}
.foot > .btnTop { position:absolute; top:15px; right:3%; width:40px; height:40px; margin:0; padding:0; overflow:hidden; display:block; background:#6b727b; z-index:99; }
.foot > .btnTop img { width:40px; height:40px; display:block; }


/***** Footer  *****************************************************************************************************************************************************************************/
.grayscale {
  /* Firefox 10+, Firefox on Android */
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");

  /* IE 6-9 */
  filter: gray;

  /*
    Chrome 19+,
    Safari 6+,
    Safari 6+ iOS,
    Opera 15+
  */
  -webkit-filter: grayscale(100%);
}

.grayscale.grayscale-fade {
  -webkit-transition: -webkit-filter .5s;
}

.grayscale.grayscale-fade:hover {
  -webkit-filter: grayscale(0%);
  filter: none;
}

.grayscale-replaced.grayscale-fade svg {
  opacity: 1;
  -webkit-transition: opacity .5s ease;
  transition: opacity .5s ease;
}

.grayscale-replaced.grayscale-fade:hover svg {
  opacity: 0;
}



/* 토요영업 모달 */

.modal {
  display: none;
  position: fixed;
  z-index: 1000; /* Ensure the modal is on top of other elements */
  left: 0;
  bottom: 0; /* Position at the bottom */
  width: 100%;
  height: 100%; /* Make sure the modal covers the entire viewport */
  background-color: rgba(0, 0, 0, 0.7); /* Semi-transparent background */
  overflow: hidden;
}

.modal-content {
  position: absolute;
  background-color: transparent; /* Make the background of modal-content transparent */
  margin: 0 auto;
  padding: 0;
  border: none; /* Remove any border */
  width: 80%;
  max-width: 600px;
  height: auto;
  bottom: 10%; /* Position 10% from the bottom */
  left: 50%; /* Position from the left */
  transform: translateX(-50%); /* Center horizontally */
  text-align: center;
}

#popup-image {
  width: 100%;
  height: auto;
  object-fit: cover;
  cursor: pointer;
  border: none;
  outline: none; /* Remove default outline on focus */
  background-color: transparent; /* Ensure image background is transparent */
}

/* Ensure modal content adapts well to smaller screens */
@media (max-width: 600px) {
  .modal-content {
      width: 90%;
      height: auto;
      bottom: 10%; /* Position 10% from the bottom */
      left: 50%; /* Position from the left */
      transform: translateX(-50%); /* Center horizontally */
  }

  #popup-image {
      height: auto;
  }
}
/* 토요영업 모달END */