@import "reset.css";
@import "module.css";
@import "company.css";

/************************** header **************************/
#header { position: relative; z-index: 3;}
#header:after { content: ""; display: block; clear: both;}

.header_top { position: relative; width:100%; min-width: 1000px; background: #707070;}
.header_top * { font-size: 11px; line-height: 1; color:#fff;}
.header_top a:hover, .header_top a:hover * { color:#ccc;}
.header_top > div { position: relative; width:980px; margin:0 auto; padding:0 10px;}
.header_top > div:after { content: ""; display: block; clear: both;}

.header_top .left_area { float: left;}
.header_top .left_area:after { content: ""; display: block; clear: both;}
.header_top .left_area a {float: left; margin: 10px 16px 0 0; display: block;}

.header_top .slide_wrap { position:relative; float: left; height: 30px; overflow: hidden; z-index: 1; width: 150px;}
.header_top .slide_wrap:after { position: absolute; left: 0; top:0; content: ""; display: block; width: 121px; height: 30px; background:url(../bg/bg_gradient.png) no-repeat 0 0;}
.header_top .bx-controls { display:none;}

.header_top .icon_w { position: relative; padding-left: 23px; height: 30px; line-height: 30px;}
.header_top .icon_w > span { position: absolute; left: 0; top:5px; display: block; width: 20px; height: 20px; background:url(../icon/icon_weather.png) no-repeat 0 0; text-indent: -9999px;}
.header_top .icon_w > span.iw01 { background-position: 0 0;}
.header_top .icon_w > span.iw02 { background-position: -20px 0;}
.header_top .icon_w > span.iw03 { background-position: -40px 0;}
.header_top .icon_w > span.iw04 { background-position: -60px 0;}
.header_top .icon_w > span.iw05 { background-position: -80px 0;}
.header_top .icon_w > span.iw06 { background-position: -100px 0;}
.header_top .icon_w > span.iw07 { background-position: -120px 0;}

.header_top .right_area { float: right; margin-top: 10px;}
.header_top .right_area:after { content: ""; display: block; clear: both;}
.header_top .right_area li {float:left; padding: 0 10px; background:url(../bg/bg_line01.gif) no-repeat 0 1px;}
.header_top .right_area li:first-child { background: none; padding-left: 0;}
.header_top .right_area li a { display: block;}

.header_top .t_btn { position: relative; padding-left: 21px;}
.header_top .t_btn:before { content: ""; position: absolute; left: 0; top: -3px; display: block; width: 16px; height: 16px; background:url(../btn/btn_top.png) no-repeat 0 0;}
.header_top .btn_favorite:before { background-position: 0 0;}
.header_top .btn_login:before { background-position: -16px 0;}
.header_top .btn_my:before { background-position: -32px 0;}
.header_top .btn_desk:before { background-position: -48px 0;}
.header_top .btn_paper:before { background-position: -64px 0;}

.header_cen { position: relative; width:100%; min-width: 1000px; background: #fff; border-bottom: 1px solid #dedede; border-top: 1px solid #dedede;}
.header_cen > div { width: 980px; margin: 0 auto; padding:0 10px; height: 39px;}
.header_cen > div > h1 { float: left; padding: 7px 0;}
.header_cen > div > h1 > a { display: block;}

/************************** Global Navigarion Menu Bar **************************/
.gnb_wrap { float: right;}
.gnb_wrap:after { content: ""; display: block; clear: both;}
.gnb { float: left;}
.gnb:after { content: ""; display: block; clear: both;}
.gnb > li { float: left; border-left:1px solid #dedede;}
.gnb > li > a { display: block; height: 35px; line-height: 39px; padding: 0 19px; border-bottom: 4px solid #fff; transition: .3s all ease; font-size: 13px; color: #000;}
.gnb > li > a:hover, .gnb > li > a.active, .gnb > li > a.on { border-color:#d4253e;}
.gnb > li > a.cblue:hover, .gnb > li > a.cblue.active, .gnb > li > a.cblue.on { border-color:#2162af;}
.gnb > li > div { position:absolute; left:0; top:39px; background:#fff; width:100%; border-top:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; box-shadow:0 3px 6px rgba(0,0,0,.15);}
.gnb > li > div > div { position: relative; width:980px; margin:0 auto; padding: 0 10px;}
.gnb > li > div > a { display: block; width: 100%;}

.search_wrap { float: left; padding: 7px 0 7px 13px; height: 25px; border-left: 1px solid #dedede;}
.search_wrap fieldset { position: relative; background: #f3f3f3;}
.search_wrap input[type=text] { width: 192px; background: #f3f3f3; padding: 5px 6px 4px; margin-right: 41px; border: 0; font-size: 12px;}
.search_wrap .i_label { left: 7px; top:6px; font-size: 12px; color: #808080;}
.search_wrap .btn_search { position: absolute; right: 0; top:0; width:41px; height: 25px; background:url(../btn/btn_search.png) no-repeat 0 0; text-indent: -9999px;}
.search_wrap .btn_search:hover { opacity: 0.85;}

/************************** GNB Contents **************************/
.gnb_con_wrap { position: relative;}
.gnb_con_wrap:after { content: ""; display: block; clear: both;}
.gnb_con_wrap > div { float: left;}
.gnb_con_wrap > div:after { content: ""; display: block; clear: both;}
.gnb_con_wrap > div > div { float: left;}

.gnb_con_wrap .lnb { width: 150px;} 
.gnb_con_wrap .gnb_article { width: 829px; border-left: 1px solid #dedede;}
.gnb_con_wrap .gnb_article > div { width: 482px; padding: 15px 0 5px;}
.gnb_con_wrap .gnb_article > div:first-child { width: 316px; padding: 15px 16px 5px 15px;}

.lnb { position: relative; padding: 15px 0; z-index: 10;}
.lnb > ul { position: relative;}
.lnb > ul > li { position: relative;}
.lnb > ul > li > a { display: block; height: 24px; line-height: 25px; font-weight: bold; padding-left: 16px;}
.lnb > ul > li > a > span { display: inline-block; width: 3px; height: 5px; background:url(../common/icon_lnb_arrow.png) no-repeat 0 0; vertical-align: middle; margin-left: 4px; margin-top: -2px;}
.lnb > ul > li > a:hover, .lnb > ul > li > a.active, .lnb > ul > li > a.on { background: #f3f3f3; color:#d4253e;}
.lnb > ul > li > a:hover > span, .lnb > ul > li > a.active > span, .lnb > ul > li > a.on > span { background-position: 0 -5px;}
.lnb > ul > li > ul { position: absolute; top: 0; left: 150px; border:1px solid #dedede; background: #fff; width: auto; white-space: nowrap;}
.lnb > ul > li > ul:after { position: absolute; left: -1px; top: 5px; content: ""; display: block; width: 7px; height: 15px; background:url(../common/bg_lnb_arrow.png) no-repeat 0 0;}
.lnb > ul > li > ul > li > a { display: block; height: 23px; line-height: 24px; color:#808080; padding: 0 15px; font-size: 12px;}
.lnb > ul > li > ul > li > a:hover { background: #f3f3f3; color:#222;}

/************************** Content **************************/
#container { position: relative; z-index: 2;}
#container:after { content: ""; display: block; clear: both;}
#container > div { position: relative; width:980px; margin:25px auto 40px; padding:10px; background: #fff;}

.s_container { position: relative; z-index: 2;}
.s_container:after { content: ""; display: block; clear: both;}
.s_container > div { position: relative; width:980px; margin:0 auto;}
.s_container.s_gray { background: #f7f7f7;}
.s_container.s_gray > div { background: #f7f7f7 url(../shop/bg_line.png) repeat-y 337px 0;}

.col73 { position:relative;}
.col73:after { content:""; display:block; clear:both;}
.col73 > div { float:left;}

.col73 > div.section_left { width:656px;}
.col73 > div.section_right { width:324px;}

.col73 > div.section_left_top { width:656px;}
.col73 > div.section_right_top { width:324px;}

.ban_lay { margin: 0 -11px;}
.ban_lay .section { margin: 0 11px; min-height: 50px;}

.col73 > div.scroll_fix.fixed .section { position: fixed; width: 310px; right: auto; bottom: 0; z-index: 10; overflow: hidden;}
.col73 > div.scroll_fix.absol .section { position: absolute; width: 310px; right: auto; bottom: 0; z-index: 10;}

.col73 > div.scroll_fix_left.fixed_left .section { position: fixed; width: 648px; left: auto; bottom: 0; z-index: 10;}
.col73 > div.scroll_fix_left.absol_left .section { position: absolute; width: 648px; left: auto; bottom: 0; z-index: 10;}

.col73 > div > div { margin: 0 0 0 14px; overflow: hidden;}
.col73 > div:first-child > div { margin: 0 8px 0 0;}
.section { position: relative; margin-bottom: 6px !important; background: #fff;}

.col31 { position:relative;}
.col31:after { content:""; display:block; clear:both;}
.col31 > div { position:relative; float:left; width: 150px;}
.col31 > div:first-child { width: 482px; margin-right: 16px;}

.col37 { position:relative;}
.col37:after { content:""; display:block; clear:both;}
.col37 > div { position:relative; float:left;}

.col37 > div.section_left { width:190px;}
.col37 > div.section_right { width:765px; margin-left: 25px;}
.col37 > div.section_right > div { border: 1px solid #e0e0e0; min-height: 832px;}

.today_txt { font-size: 19px;}
.main_banner { position: relative; overflow: hidden; padding: 8px 0;}
.main_banner a:hover { opacity: .85;}
.main_banner img { width: 310px;}

.btn_allpage { float: right; background: url(../btn/btn_allpage.png) no-repeat right 3px; padding-right: 6px; line-height: 1; color: #808080;}
.btn_allpage:hover { color: #444;}

.page_top { position: relative; padding: 5px 332px 5px 0;}
.page_top:after { content:""; display:block; clear:both;}

#container.article_page { padding-top: 45px;}
#container.article_page > div { margin-top: 0;}

#container > div.path_wrap { margin: 0 auto;  background: url(../bg/bg_white50.png) repeat 0 0; padding: 10px;}
#container > div.path_wrap ul:after { content:""; display:block; clear:both;}
#container > div.path_wrap ul li { float: left; color: #222;}
#container > div.path_wrap ul li:before { content: ">"; margin:0 3px;}
#container > div.path_wrap ul li:first-child:before { display: none;}
#container > div.path_wrap ul li a { color: #222;}
#container > div.path_wrap ul li a:hover { color: #d4253e;}

.path_box { position: relative; padding-top: 10px;}
.path_box:after { content:""; display:block; clear:both;}
.path_box ul { float: left;}
.path_box ul:after { content:""; display:block; clear:both;}
.path_box ul li { float: left; color: #808080; font-size: 12px;}
.path_box ul li:before { content: ">"; margin:0 3px;}
.path_box ul li:first-child:before { display: none;}
.path_box ul li a { color: #808080; font-size: 12px;}
.path_box ul li a:hover { color: #000;}
.path_box > p { float: right; font-size: 11px; color: #808080; margin-top: 1px;}
.path_box > p > span { color: #d4253e;}

.art_top { position: relative; margin-top: -40px; margin-bottom: 29px;}
.art_top .m09_arl1 .lst_pop li a { color: #808080;}
.art_top .m09_arl1 .recent_art h3 { color: #707070;}

/************************** Footer **************************/
#footer { position: relative; z-index: 1; width:100%; min-width: 1000px; background: #fff;}

.footer_top { position: relative; width:100%; min-width: 1000px;}
.footer_top > div { position: relative; width:980px; margin:0 auto; padding:0 10px;}
.footer_top .footer_nav { position: relative; border: 1px solid #dedede;}
.footer_top .footer_nav h4 a { position: relative; display: block; padding: 15px 23px; font-size: 15px;}
.footer_top .footer_nav h4 a:after { position: absolute; right: 24px; top: 15px; content: ""; display: block; width: 15px; height: 15px; background: url(../common/btn_foot_nav.png) no-repeat 0 0;}
.footer_top .footer_nav h4 a.on:after { background-position: 0 -15px;}

.footer_top .footer_nav > div { position: relative; border-top: 1px solid #f4f4f4;}
.footer_top .footer_nav > div > div { position: relative;}
.footer_top .footer_nav > div > div:after { content: ""; display: block; clear: both;}
.footer_top .footer_nav > div > div h5 { float: left; width: 120px; padding: 22px 0; padding-left: 25px; background: #f8f8f8; font-size: 15px; height: 15px; line-height: 1;}
.footer_top .footer_nav > div > div ul { float: left; padding: 22px 0; padding-left: 25px; height: 15px;}
.footer_top .footer_nav > div > div ul:after { content: ""; display: block; clear: both;}
.footer_top .footer_nav > div > div ul li { float: left; background: url(../common/bg_foot_nav.png) no-repeat 0 1px; line-height: 1; padding:0 12px;}
.footer_top .footer_nav > div > div ul li:first-child { padding-left: 0; background: none;}
.footer_top .footer_nav > div > div ul li a { font-size: 13px; color: #222; font-weight: bold;}
.footer_top .footer_nav > div > div ul li a:hover { color: #d4253e;}
.footer_top .footer_nav > div > div .pt10 { padding-top: 25px !important;}
.footer_top .footer_nav > div > div .pb10 { padding-bottom: 30px !important;}

.footer_bot { position: relative; width:100%; min-width: 1000px;}
.footer_bot > div { position: relative; width:796px; margin:0 auto; padding:30px 0 30px 160px;}
.footer_bot h6 { position: absolute; left: 10px; top: 35px;}
.footer_bot h6 a { display: block;}
.footer_bot p { font-size: 12px;}
.etc_nav { margin-bottom: 15px;}
.etc_nav:after { content: ""; display: block; clear: both;}
.etc_nav > li { float: left; padding: 0 6px; border-left: 1px solid #dedede; height: 10px; line-height: 1; font-size: 12px;}
.etc_nav > li:first-child { padding-left: 0; border-left: 0;}
.etc_nav > li > a { font-size: 12px;}
.etc_nav > li > a:hover { color:#666;}
.etc_nav > li > a b span { font-size: 11px; font-weight: normal;}
.site_info { margin-bottom: 7px;}

/****************************************************  GNB LAYER  ****************************************************/
/************************** m09_arl13 **************************/
.m09_arl13 { position: relative;}
.m09_arl13 a .thumb { transition: opacity .2s;}
.m09_arl13 a:hover .thumb { opacity: .85;}

.m09_arl13 .thumb_wrap { display: block; position: relative; overflow: hidden;}
.m09_arl13 .thumb_wrap .thumb { position: relative; display: block; width: 314px; height: 175px; border: 1px solid #dedede; overflow: hidden;}
.m09_arl13 .thumb_wrap strong { position: absolute; left: 1px; bottom: 1px; display: block; width: 100%; background:url(../bg/bg_black70.png) repeat 0 0; color:#fff; font-size: 17px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; padding: 10px 5px 10px 10px; line-height: 1; box-sizing: border-box; z-index: 1;}

.m09_arl13 .article_list { position: relative; padding: 10px 0;}
.m09_arl13 .article_list li { position: relative; padding-left: 13px;}
.m09_arl13 .article_list li:before { position: absolute; left: 2px; top: 2px; content: "·"; font-size: 23px; color: #808080; }
.m09_arl13 .article_list li a { display: block; padding: 6px 0; font-size: 15px; color: #222; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.m09_arl13 .article_list li a:hover { color: #d4253e;}

/************************** m09_arl14 **************************/
.m09_arl14 { position: relative; padding: 0 0 9px;}
.m09_arl14 a .thumb { transition: .3s all ease;}
.m09_arl14 a:hover .thumb { opacity: .85;}
.m09_arl14 .thumb { position: relative; display: block; width: 148px; height: 82px; border:1px solid #dedede; overflow: hidden; margin-top: -6px; margin-bottom: 8px;}
.m09_arl14 .ver_box { position: relative; margin: 0 -8px;}
.m09_arl14 .ver_box:after { content: ""; display: block; clear: both;}
.m09_arl14 .ver_box > div { float: left; width: 33.3333%;}
.m09_arl14 .ver_box > div > div { position: relative; margin: 0 8px;}
.m09_arl14 .ver_box > div > div > a:hover { opacity: .85;}
.m09_arl14 .ver_box > div > div h4 { position: relative; border-bottom:1px solid #dedede; font-size: 15px; padding: 6px 2px 5px;}
.m09_arl14 .ver_box > div > div h4 a { font-size: 15px;}
.m09_arl14 .ver_box > div > div ul { padding: 7px 0 3px;}
.m09_arl14 .ver_box > div > div ul li { padding: 6px 0;}
.m09_arl14 .ver_box > div > div ul li a { display: block;}
.m09_arl14 .ver_box > div > div ul li a strong { display: block; line-height: 1.2; max-height: 32px; overflow: hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.m09_arl14 .ver_box > div > div ul li a:hover strong { color:#d4253e;}

/************************** m09_arl15 **************************/
.m09_arl15 { position: relative; padding: 9px 0 10px; border-top: 1px solid #dedede;}
.m09_arl15 h4 { font-size: 15px; margin: 4px 0 6px;}
.m09_arl15 h4 a { font-size: 15px;}
.m09_arl15 a .thumb { transition: .3s all ease;}
.m09_arl15 a:hover .thumb { opacity: .85;}
.m09_arl15 .thumb { position: relative; display: block; width: 148px; height: 82px; margin-bottom: 7px; border:1px solid #dedede; overflow: hidden;}
.m09_arl15 .ver_list { position: relative; margin: 0 -8px;}
.m09_arl15 .ver_list:after { content: ""; display: block; clear: both;}
.m09_arl15 .ver_list > li { float: left; width: 33.3333%;}
.m09_arl15 .ver_list > li > a { display: block; margin: 0 8px;}
.m09_arl15 .ver_list > li > a > strong { display: block; line-height: 1.2; max-height: 32px; overflow: hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.m09_arl15 .ver_list > li > a:hover strong { color:#d4253e;}

/************************** m09_arl16 **************************/
.m09_arl16 { position: relative; padding: 9px 0 6px; border-top: 1px solid #dedede;}
.m09_arl16 h4 { font-size: 15px; margin: 4px 0 6px;}
.m09_arl16 h4 a { font-size: 15px;}
.m09_arl16 .thumb { position: relative; display: block; width: 148px; height: 82px; margin-bottom: 7px; border:1px solid #dedede; overflow: hidden;}
.m09_arl16 .float_list { position: relative; margin: 0 -8px;}
.m09_arl16 .float_list:after { content: ""; display: block; clear: both;}
.m09_arl16 .float_list > li { float: left; width: 50%; padding: 10px 0;}
.m09_arl16 .float_list > li > a:first-child { display: block; margin: 0 8px; font-size: 12px; color: #808080; margin-bottom: 2px; font-weight: normal;}
.m09_arl16 .float_list > li > a { display: block; margin: 0 8px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.m09_arl16 a:hover { color:#d4253e;}

/************************** m09_arl17 **************************/
.m09_arl17 { position: relative; padding: 9px 0 6px; padding-right: 190px; border-top: 1px solid #dedede;}
.m09_arl17 .etc_link { position: relative; margin-top: 25px;}
.m09_arl17 .etc_link:first-child { margin-top: 5px;}
.m09_arl17 .etc_link:after { content: ""; display: block; clear: both;}
.m09_arl17 .etc_link h6 { margin-bottom: 5px;}
.m09_arl17 .etc_link h6 a { font-size: 12px; color: #808080;}
.m09_arl17 .etc_link > a { display: block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; color: #222;}
.m09_arl17 .etc_link > a:hover { color:#d4253e;}

.m09_arl17 .etc_list { position: absolute; right: 0; top: 35px; width: 190px;}
.m09_arl17 .etc_list:after { content: ""; display: block; clear: both;}
.m09_arl17 .etc_list li { position: relative; float: left; width: 50%; margin-bottom: 25px;}
.m09_arl17 .etc_list li a { display: block; font-size: 12px; color: #808080; font-weight: bold; padding-left: 26px;}
.m09_arl17 .etc_list li a:before { position: absolute; left: 0; top: -2px; content: ""; display: block; width: 20px; height: 20px; background: url(../btn/btn_etc.png) no-repeat 0 0;}
.m09_arl17 .etc_list li a:hover { color: #222;}
.m09_arl17 .etc_list li a.el01:before { background-position: 0 0;}
.m09_arl17 .etc_list li a.el02:before { background-position: -20px 0;}
.m09_arl17 .etc_list li a.el03:before { background-position: 0 -20px;}
.m09_arl17 .etc_list li a.el04:before { background-position: -20px -20px;}

/****************************************************  // GNB LAYER  ****************************************************/

.layer_bg > a { background-image: url(../bg/bg_chn.jpg); background-position: 50% bottom; background-repeat: no-repeat;}

/************************** Terms **************************/
.terms_box { position: relative; padding: 15px; font-size: 13px; line-height: 1.4;}
.terms_box h1 { font-size: 15px;}
.terms_box h2 { font-size: 14px;}
.terms_box p { font-size: 13px; text-align: justify; margin-bottom: 15px;}
.terms_box h1, .terms_box h2, .terms_box h3 { margin-bottom: 5px;}
.terms_box ol { margin-bottom: 15px;}
.terms_box li { margin: 3px 0; line-height: 1.4; text-align: justify;}

.my_page .tit_all { position: relative; font-size: 26px; border-bottom: 1px solid #dedede; padding-bottom: 10px; margin-bottom: 10px;}
.my_page .tap_nav { position: relative; border-bottom: 1px solid #dedede; padding-bottom: 10px;}
.my_page .tap_nav:after { content: ""; display: block; clear: both;}
.my_page .tap_nav li { float: left;}
.my_page .tap_nav li a { display: block; padding: 0 15px; height: 38px; line-height: 38px;  color: #222; transition: .3s all ease; font-size: 15px; font-weight: bold;}
.my_page .tap_nav li a:hover { background: #f3f3f3;}
.my_page .tap_nav li a.active { background: #dedede;}

/************************** member out **************************/
.member_out h2 { position: relative; font-size: 17px; color: #fff; text-align: center; background: #707070; padding: 10px 0;}

.member_out .column02:after { content: ""; display: block; clear: both;}
.member_out .column02 > dl { float: left; width: 50%;}

.member_out .form_box { position: relative; padding: 15px 60px; border-bottom: 1px solid #dedede;}
.member_out .form_box:after { content: ""; display: block; clear: both;}
.member_out .form_box * { font-size: 15px;}

.member_out .form_box dl { position: relative; margin-bottom: 10px;}
.member_out .form_box dl:after { content: ""; display: block; clear: both;}
.member_out .form_box dl dt { position: absolute; left: 0; top: 0; width: 100px; padding-top: 10px;}
.member_out .form_box dl dt span, .member_out .form_box dl dt label { color: #808080;}
.member_out .form_box dl dd { position: relative; font-size: 0; padding-left: 100px; padding-right: 20px}
.member_out .form_box dl dd > span { position: relative; display: block; margin: 10px 0;}

.member_out input { vertical-align: middle;}
.member_out .btn_gray { display: inline-block; padding: 0 22px; height: 30px; line-height: 31px; background: #dedede; color: #333; vertical-align: middle; margin-left: 5px; font-size: 15px;}
.member_out .btn_gray:hover { background: #ccc;}

.member_out .btn_blue { display: inline-block; padding: 0 22px; height: 30px; line-height: 31px; background: #1b66bf; color: #fff; vertical-align: middle; margin-left: 5px; font-size: 15px;}
.member_out .btn_blue:hover { background: #0850a5;}

.member_out .btn_center { position: relative; text-align: center; padding: 20px 0;}

.member_out .caution_txt { text-align: center; padding: 30px 0 15px;}
.member_out .caution_txt * { font-size: 13px; color:#808080;}
.member_out .caution_txt h6 { font-size: 15px; color:#222; margin-bottom: 10px;}

/************************** My Plan **************************/
.myplan_wrap { position: relative; padding-top: 40px;}
.myplan_wrap > h2 { position: fixed; top:0; left: 0; width: 100%; font-size: 17px; color: #fff; text-align: center; background: #707070; padding: 10px 0; z-index: 10;}

.myplan_wrap .info_wrap { position: absolute; right: 10px; bottom: 5px; font-weight: normal; font-size: 11px;}
.myplan_wrap .info_wrap b { color:#d4253e; margin-right: 4px; font-size: 17px;}

.myplan_wrap .form_box { position: relative; padding: 15px; border-bottom: 1px solid #dedede;}
.myplan_wrap .form_box:after { content: ""; display: block; clear: both;}
.myplan_wrap .form_box * { font-size: 15px;}

.myplan_wrap .form_box dl { position: relative; margin-bottom: 10px;}
.myplan_wrap .form_box dl:after { content: ""; display: block; clear: both;}
.myplan_wrap .form_box dl dt { position: absolute; left: 0; top: 0; width: 100px; padding-top: 10px;}
.myplan_wrap .form_box dl dd { float: none; position: relative; font-size: 0; margin-left: 100px;}
.myplan_wrap .form_box dl dd > span { position: relative; display: block; padding: 10px 0; min-height: 16px;}
.myplan_wrap .i_wrap { padding: 0 16px 0 0;}
.myplan_wrap.wid140 .form_box dl dt { width: 140px;}
.myplan_wrap.wid140 .form_box dl dd { margin-left: 140px;}

.myplan_wrap input { vertical-align: middle;}
.myplan_wrap textarea { height: 70px;}
.myplan_wrap .btn_gray { display: inline-block; padding: 0 22px; height: 30px; line-height: 31px; background: #dedede; color: #333; vertical-align: middle; margin-left: 5px; font-size: 15px;}
.myplan_wrap .btn_gray:hover { background: #ccc;}

.myplan_wrap .btn_blue { display: inline-block; padding: 0 22px; height: 30px; line-height: 31px; background: #1b66bf; color: #fff; vertical-align: middle; margin-left: 5px; font-size: 15px;}
.myplan_wrap .btn_blue:hover { background: #0850a5;}

.myplan_wrap .btn_dark { display: inline-block; padding: 0 22px; height: 30px; line-height: 31px; background: #707070; color: #fff; vertical-align: middle; margin-left: 5px; font-size: 15px;}
.myplan_wrap .btn_dark:hover { background: #505050;}

.myplan_wrap .btn_center { position: relative; text-align: center; padding: 20px 0;}
.myplan_wrap .btn_center a, .myplan_wrap .btn_center input { width: 85px; padding: 0;}
.myplan_wrap .btn_center .icon_list { position: absolute; left: -5px;}

.myplan_wrap .require:after { content:"*"; margin-left: 3px; font-size: 17px; color: #d4253e; vertical-align: middle;}

.myplan_wrap .float_list { position: relative;}
.myplan_wrap .float_list:after { content: ""; display: block; clear: both;}
.myplan_wrap .float_list li { position: relative; float: left;}
.myplan_wrap .float_list li:before { content: "-"; text-align: center; float: left; display:block; width: 15px; height: 38px; line-height: 38px;}
.myplan_wrap .float_list.f_date li:before { content: "~"; width: 16px;}
.myplan_wrap .float_list li:first-child:before { display: none;}
.myplan_wrap .float_list li input { width: 64px;}
.myplan_wrap .float_list.f_date li input { width: 111px; background: url(../bg/bg_cal.png) no-repeat right 9px;}
.myplan_wrap .i_label { padding: 10px 20px 10px 7px; color:#999; line-height: 1.4;}

.chk_list { position: relative; padding: 5px 0 0;}
.chk_list:after { content: ""; display: block; clear: both;}
.chk_list li { float: left; position: relative; margin: 3px 5px;}

.pop_desc { position: relative; padding: 20px 0 17px; margin: 0 15px; font-size: 13px; color: #707070; border-bottom: 1px solid #dedede;}
.pop_desc b { font-weight: normal; color: #222; display: block; margin-bottom: 3px;}
.c_txt { font-style: normal; color: #808080; margin-left: 7px; font-size: 13px !important;}
.pop_desc b.c_red { color: #d4253e;}

.terms_con .terms_wrap { position: relative; border-bottom: 1px solid #dedede; padding-top: 8px;}
.terms_con .terms_wrap > h3 { height: 30px; line-height: 31px; background: #f3f3f3; font-size: 15px; padding: 0 10px;}
.terms_con .terms_wrap .terms_box { height: 50px; overflow-y: scroll;}
.terms_con .terms_wrap .terms_box * { font-size: 12px;}
.terms_con .terms_agree { position: relative; padding: 5px 0; margin-top: 5px;}


/************************** Comment **************************/
.layout_cmt { position: relative; padding-bottom: 5px;}
.layout_cmt * { padding:0px; margin:0px;}

.layout_cmt .comment { margin: 0px;}
.layout_cmt .comment .com_tit { padding:10px 17px; margin:0px; font-size:17px; color:#222;}
.layout_cmt .comment .com_tit span { color:#6E6D6D; font-size: 13px; margin-left: 10px;}
.layout_cmt .comment .com_tit em { font-size: 13px; color:#e10c00; font-style: normal;}

.layout_cmt .comment .box { position: relative; padding:18px; background: #fcfcfc; border: 1px solid #dedede;}
.layout_cmt .modify_wrap { position: relative; padding:10px 20px; background: #fcfcfc; border: 1px solid #dedede;}
.layout_cmt .modify_wrap label { display: block; color:#333; margin:5px 0 10px;}

.layout_cmt .textarea_wrap { position: relative;}
.layout_cmt textarea { width:100%; border:1px solid #dedede; -webkit-appearance:none; border-radius:0; font-family: Nanum Gothic, Apple SD Gothic Neo, Droidsans, AppleSDGothic, Arial, sans-serif; color:#333; font-size:13px; padding:10px; line-height:1.4; box-sizing: border-box;}
.layout_cmt .i_label { position: absolute; left:10px; top:10px; color:#959595; font-size: 13px;}

.layout_cmt .sum_wrap { position: relative; margin-top: 3px;}
.layout_cmt .sum_wrap:after { content: ""; display: block; clear: both;}
.layout_cmt .sum_wrap .float_l { float: left; font-size: 11px; margin-top: 4px;}
.layout_cmt .sum_wrap .float_l span { font-size: 11px; color:#f00;}
.layout_cmt .sum_wrap .float_r { float: right;}
.layout_cmt .sum_wrap .float_r:after { content: ""; display: block; clear: both;}

.layout_cmt .spam { position: relative; padding: 0 0 7px;}
.layout_cmt .spam .column02:after { content: ""; display: block; clear: both;}
.layout_cmt .spam .column02 > div { position: relative; float: left; width: 150px;}
.layout_cmt .spam .column02 > div > div { position: relative; margin-left: 4px; padding-right: 16px;}
.layout_cmt .spam .column02 > div:first-child > div { margin-left: 0; margin-right: 5px;}
.layout_cmt .spam input { padding: 4px 8px 5px; width: 100%;}
.layout_cmt .spam .i_label { left: 8px; top:7px;}
.layout_cmt .u_name { font-size: 13px; margin: 8px 0 10px; height: 20px;}

.layout_cmt .btn_sns_login { position: absolute; right: 15px; top: 15px;}
.layout_cmt .btn_sns_login:after { content: ""; display: block; clear: both;}
.layout_cmt .btn_sns_login li { float: left; margin-left: 3px;}
.layout_cmt .btn_sns_login li a { display: block; width: 30px; height: 30px; background: url(../detail/btn_sns_login.png) no-repeat 0 0; text-indent: -9999px; overflow: hidden;}
.layout_cmt .btn_sns_login li a:hover { opacity: .75;}
.layout_cmt .btn_sns_login li a.bsl01 { background-position: 0 0;}
.layout_cmt .btn_sns_login li a.bsl02 { background-position: -30px 0;}
.layout_cmt .btn_sns_login li a.bsl03 { background-position: -60px 0;}
.layout_cmt .btn_sns_login li a.bsl04 { background-position: -90px 0;}
.layout_cmt .btn_sns_login li a.bsl05 { background-position: -120px 0;}
.layout_cmt .btn_sns_login li a.bsl06 { background-position: -150px 0;}
.layout_cmt .btn_sns_login li a.bsl01.on { background-position: 0 -30px;}
.layout_cmt .btn_sns_login li a.bsl02.on { background-position: -30px -30px;}
.layout_cmt .btn_sns_login li a.bsl03.on { background-position: -60px -30px;}
.layout_cmt .btn_sns_login li a.bsl04.on { background-position: -90px -30px;}
.layout_cmt .btn_sns_login li a.bsl05.on { background-position: -120px -30px;}
.layout_cmt .btn_sns_login li a.bsl06.on { background-position: -150px -30px;}

.layout_cmt .input_file { float:left; margin-right: 5px;}
.layout_cmt .input_file_box { position:relative; display:inline-block; min-height:27px; overflow:hidden !important; vertical-align:middle;}
.layout_cmt .file_name { color:#000; font-size:12px; vertical-align:middle; font-style: normal; margin-right: 5px;}
.layout_cmt .input_file_box input[type=file] { border:0; -webkit-appearance:none; border-radius:0; outline:0; font-size:100px; position:absolute; right:0; bottom:0; opacity:0; filter:alpha(opacity=0); -ms-filter:"alpha(opacity=0)"; -khtml-opacity:0; -moz-opacity:0; height:80px; margin:0; cursor:pointer;}

.layout_cmt .confirm_wrap { position: relative; margin-top: 10px; font-size: 0;}
.layout_cmt .confirm_wrap em { font-size: 14px; color:#000; display: inline-block; margin-right: 10px; vertical-align: middle;}
.layout_cmt .confirm_wrap label { font-size: 11px; color:#000; display: inline-block;}
.layout_cmt .confirm_wrap img { margin-right: 7px;}
.layout_cmt .confirm_wrap input { width:120px; margin-right: 10px;}

/* 댓글 리스트*/
.layout_cmt .comment_list { position: relative; padding: 15px; border-top:1px solid #dedede; border-bottom:1px solid #dedede; margin-top: -1px;}
.layout_cmt .comment_list .cnt { position:relative; line-height:1.4; font-size:13px; color:#222; text-align: justify; word-break: break-all; font-family: Nanum Gothic, Apple SD Gothic Neo, Helvetica, Droid Sans, AppleSDGothic, Arial, sans-serif;}
.layout_cmt .comment_list .cnt img { max-width: 100%; margin: 8px 0 5px;}
.layout_cmt .comment_list .cnt > a { display: inline-block;}
.layout_cmt .comment_list .cnt > a:hover { color: #d4253e;}

.layout_cmt .sum_comment_wrap { position: relative; padding: 7px 0 5px;}
.layout_cmt .sum_comment_wrap:after { content: ""; display: block; clear: both;}
.layout_cmt .sum_comment { position: relative; float: left;}
.layout_cmt .sum_comment:after { content: ""; display: block; clear: both;}
.layout_cmt .sum_comment li { position: relative; float: left; font-size: 11px; padding: 0 6px; color: #b8b8b8; height: 20px; line-height: 20px; background: url(../detail/bg_line.png) no-repeat 0 center;}
.layout_cmt .sum_comment li:first-child { padding-left: 0; background: none;}
.layout_cmt .sum_comment li b { color: #808080;}
.layout_cmt .sum_comment li > img { margin-right: 3px;}
.layout_cmt .sum_comment li a { font-size:11px; line-height: 1; color: #959595;}
.layout_cmt .sum_comment li a:hover { color: #d4253e;}

.layout_cmt .btn_recommend { position: absolute; right: 0; bottom: -30px; font-size: 0; z-index: 10;}
.layout_cmt .no_reple .btn_recommend { bottom: 0 !important;}
.layout_cmt .btn_recommend a { display: inline-block; font-size: 12px; line-height: 1; margin-left: 10px; padding: 0 6px; height: 24px; line-height: 25px; background:url(../bg/bg_r_btn.png) repeat-x 0 0; border:1px solid #b0b4b7; border-radius: 3px;}
.layout_cmt .btn_recommend a img { margin-right: 3px;}
.layout_cmt .btn_recommend a .up { font-weight:bold; font-size:12px; color:#d80909; margin-left: 5px;}
.layout_cmt .btn_recommend a .down { font-weight:bold; font-size:12px; color:#1c66ac; margin-left: 5px;}

.layout_cmt .pw_input { position: absolute; left: 5px; top: 20px; width: 171px; height: 78px; padding-top: 15px; padding-left: 12px; background: url(../detail/bg_pw_input.png) no-repeat 0 0; z-index: 10;}
.layout_cmt .pw_input label { display: block; width: 113px; text-align: center; color: #808080;}
.layout_cmt .pw_input input { width: 105px; padding: 4px 5px;}
.layout_cmt .pw_input .btn_close_p { position: absolute; right: 7px; top: 13px;}

.layout_cmt .comment_nav { position: relative; padding:20px 15px 15px;}
.layout_cmt .comment_nav ul:after { content: ""; display: block; clear: both;}
.layout_cmt .comment_nav ul li { float: left; margin-right: 10px;}
.layout_cmt .comment_nav ul li a { display: block; font-size: 15px;}
.layout_cmt .comment_nav ul li a.on { font-weight: bold; padding-left: 15px; background: url(../detail/icon_comment_sort.png) no-repeat 0 0;}

/* 대댓글 */
.reply_dep02 { position: relative; padding-top: 12px;}
.reply_dep02:after { content: ""; display: block; clear: both;}
.reply_dep02 h5 { font-weight: normal;}
.reply_dep02 h5 a { display: block; font-size: 12px; color: #808080;}
.reply_dep02 h5 a:after { content: ""; display: inline-block; width: 8px; height: 4px; background:url(../detail/btn_collap.png) no-repeat 0 0; vertical-align: middle; margin-left: 7px;}
.reply_dep02 h5 a.active:after { background-position: 0 -4px;}
.reply_dep02 h5 a b { color: #d4253e;}
.reply_con { position: relative; margin-bottom: -20px;}
.reply_dep02 .reply_con { margin-bottom: 0 !important;}
.reply_con .reply_list { position: relative; margin-top: 15px;}
.reply_con .reply_list > li:after { content: ""; display: block; clear: both;}
.reply_con .reply_list > li { border-top: 1px solid #dedede; padding: 15px; padding-left: 30px; background:#fafafa url(../detail/bg_reply.png) no-repeat 13px 16px;}
.reply_con .reply_list > li p { margin-bottom: 10px;}

/* 페이징 */
.layout_cmt .paging {text-align:center; margin:50px 0 0 0; font-size: 0;}
.layout_cmt .paging a {  display:inline-block; color:#222222; font-size:12px; vertical-align: top; padding:0 8px; height: 23px; line-height: 24px; margin: 0 3px; border:1px solid #fff;}
.layout_cmt .paging a:hover, .layout_cmt .paging a:active { border:1px solid #dedede;}
.layout_cmt .paging a.on { border:1px solid #dedede; font-weight:bold; color:#2162af;}
.layout_cmt .paging a.page_prev { border-color: transparent; background: url(../default/cmt/btn_page_prev.png) no-repeat 0 0; margin-top: -1px; padding-top: 1px; width: 34px;}
.layout_cmt .paging a.page_prev:hover { background-position: 0 -25px;}
.layout_cmt .paging a.page_next { border-color: transparent; background: url(../default/cmt/btn_page_next.png) no-repeat 0 0; margin-top: -1px; padding-top: 1px; width: 34px;}
.layout_cmt .paging a.page_next:hover { background-position: 0 -25px;}

/* 실시간 댓글 */
.feed_comment { position: relative;}
.feed_comment .tit_all { position: relative; font-size: 26px; padding-bottom: 15px;}
.feed_comment .fc_nav { position: relative;}
.feed_comment .fc_nav:after { content: ""; display: block; clear: both;}
.feed_comment .fc_nav ul { float: right; padding: 12px 0 14px;}
.feed_comment .fc_nav ul:after { content: ""; display: block; clear: both;}
.feed_comment .fc_nav ul li { float: left; border-left: 1px solid #dedede; margin-left: 12px;}
.feed_comment .fc_nav ul li:first-child { border-left: 0;}
.feed_comment .fc_nav ul li a { display: block; color: #222; font-size: 13px; font-weight: bold; margin-left: 10px;}
.feed_comment .fc_nav ul li a:hover { opacity: .7;}
.feed_comment .fc_nav ul li a.on { color: #d4253e;}
.feed_comment .fc_nav ul li a img { vertical-align: middle; margin-top: -2px;}

/* 가장 많이 본 기사 */
.big_data { position: relative;}
.big_data .tit_all { position: relative; font-size: 26px; padding-bottom: 15px;}

.bd_nav01 { position: relative; border-bottom: 2px solid #dedede; padding: 5px 0 12px;}
.bd_nav01 ul:after { content: ""; display: block; clear: both;}
.bd_nav01 ul li { float: left; width: 25%; text-align: center;}
.bd_nav01 ul li a { font-size: 16px; font-weight: bold;}
.bd_nav01 ul li a:hover { color: #666;}
.bd_nav01 ul li a.on { color: #d4253e;}

.bd_nav02 { position: relative;}
.bd_nav02:after { content: ""; display: block; clear: both;}
.bd_nav02 ul { float: right; padding: 12px 0 14px;}
.bd_nav02 ul:after { content: ""; display: block; clear: both;}
.bd_nav02 ul li { float: left; border-left: 1px solid #dedede; margin-left: 12px;}
.bd_nav02 ul li:first-child { border-left: 0;}
.bd_nav02 ul li a { display: block; color: #222; font-size: 13px; font-weight: bold; margin-left: 10px;}
.bd_nav02 ul li a:hover { color: #666;}
.bd_nav02 ul li a.on { color: #d4253e;}

.bd_nav03 { position: relative; background: #f3f3f3; border: 1px solid #dedede; padding: 10px 0 12px; text-align: center;}
.bd_nav03 ul { font-size: 0;}
.bd_nav03 ul li { display: inline-block; padding: 0 20px; background: url(../bg/bg_nav03.png) no-repeat 0 center;}
.bd_nav03 ul li:first-child { background: none;}
.bd_nav03 ul li a { font-size: 15px; font-weight: bold;}
.bd_nav03 ul li a:hover { color: #666;}
.bd_nav03 ul li a.on { color: #d4253e;}

.rank_wrap { position: relative; padding: 0 14px;}
.bd_wrap { position: relative; border: 3px solid #f3f3f3; margin: 15px 0 5px; padding: 7px 16px;}

.bd_art_list { position: relative;}
.bd_art_list > li { position: relative;}
.bd_art_list > li > a { display: block; padding: 10px 0 10px 154px; min-height: 70px;}
.bd_art_list > li.no_img > a { padding-left: 20px;}
.bd_art_list > li > a .thumb { position: absolute; left: 20px; top: 10px; border:1px solid #dedede;}
.bd_art_list > li > a .rank { position: absolute; left: 0; top: 8px; font-size: 17px; font-weight: bold; color: #2062ae;}
.bd_art_list > li > a h3 { font-size: 15px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; margin-bottom: 5px;}
.bd_art_list > li > a:hover h3 { color:#d4253e;}
.bd_art_list > li > a p { color: #808080; line-height: 1.3; height: 30px; font-size: 12px; overflow: hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; margin-bottom: 3px;}
.bd_art_list > li > ul { position: absolute; left: 154px; bottom: 10px; font-style: normal;}
.bd_art_list > li > ul:after { content: ""; display: block; clear: both;}
.bd_art_list > li.no_img > ul { left: 20px;}
.bd_art_list > li > ul li { float: left; font-size: 11px; color: #b8b8b8; margin-right: 10px;}
.bd_art_list > li > ul li a { font-size: 11px; color: #808080;}
.bd_art_list > li > ul li a:hover { color: #222;}
.bd_art_list > li > ul li span { display: block; font-size: 11px; color: #808080; padding-left: 16px; background: url(../icon/icon_listsum.png) no-repeat 0 0; line-height: 1;}
.bd_art_list > li > ul li span.icon_reply { background-position: 0 0; margin-top: 1px;}

.bd_rank_list { position: relative; padding: 8px 0; border-top: 1px solid #dedede;}
.rank_wrap ul:first-child { border-top: 0;}
.bd_rank_list > li { position: relative; margin: 10px 0;}
.bd_rank_list > li > * { float: left;}
.bd_rank_list > li:after { content: ""; display: block; clear: both;}
.bd_rank_list > li > span { display: block; font-size: 13px; font-weight: bold; color: #707070; margin-top: 1px; width: 17px; text-align: right; margin-right: 8px;}
.bd_rank_list.top5 > li > span { color: #2062ae;}
.bd_rank_list > li > a { display: block; font-size: 15px; font-weight: bold; max-width: 415px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; padding-right: 20px; background: url(../icon/icon_photo.png) no-repeat right 4px;}
.bd_rank_list > li.no_img > a { background: none; padding-right: 0;}
.bd_rank_list > li > a:hover { color:#d4253e;}
.bd_rank_list > li > ul { margin-top: 3px; margin-left: 8px;}
.bd_rank_list > li > ul:after { content: ""; display: block; clear: both;}
.bd_rank_list > li > ul li { float: left; font-size: 11px; color: #b8b8b8; margin-right: 10px;}
.bd_rank_list > li > ul li a { font-size: 11px; color: #808080;}
.bd_rank_list > li > ul li a:hover { color: #222;}
.bd_rank_list > li > ul li span { display: block; font-size: 11px; color: #808080; padding-left: 16px; background: url(../icon/icon_listsum.png) no-repeat 0 0; line-height: 1;}
.bd_rank_list > li > ul li span.icon_reply { background-position: 0 0; margin-top: 1px;}

.bd_rank_list.top5 { margin-top: -15px;}
.bd_rank_list.top5 > li:first-child > * { float: none;}
.bd_rank_list.top5 > li:first-child > a { display: block; padding: 0 0 0 155px; min-height: 70px; max-width: inherit; background: none; white-space: normal; overflow: visible;}
.bd_rank_list.top5 > li.no_img:first-child > a { padding-left: 25px;}
.bd_rank_list.top5 > li:first-child > a .thumb { position: absolute; left: 25px; top: 0; border:1px solid #dedede;}
.bd_rank_list.top5 > li:first-child > a .rank { position: absolute; left: 8px; top: 0; font-size: 13px; font-weight: bold; color: #2062ae;}
.bd_rank_list.top5 > li:first-child > a h3 { font-size: 15px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; margin-bottom: 5px;}
.bd_rank_list.top5 > li:first-child > a:hover h3 { color:#d4253e;}
.bd_rank_list.top5 > li:first-child > a p { color: #808080; line-height: 1.3; height: 30px; font-size: 12px; overflow: hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; margin-bottom: 3px;}
.bd_rank_list.top5 > li:first-child > ul { position: absolute; left: 147px; bottom: 0; font-style: normal;}
.bd_rank_list.top5 > li.no_img:first-child > ul { left: 18px;}

.bd_rank_list.bu_list > li { background: url(../icon/icon_bu.png) no-repeat 3px 7px; padding-left: 15px;}
.bd_rank_list.bu_list > li:first-child > a { padding-left: 135px;}
.bd_rank_list.bu_list > li:first-child > a .thumb { left: 17px;}
.bd_rank_list.bu_list > li:first-child > ul { left: 142px;}
.bd_rank_list.bu_list > li.no_img:first-child > a { padding-left: 0;}
.bd_rank_list.bu_list > li.no_img:first-child > ul { left: 8px;}

.tit_rank { position: relative; background: #fff; z-index: 1; border-top: 1px solid #dedede;}
.tit_rank a { display: block; background: url(../bg/bg_more.png) no-repeat right center; font-size: 15px; font-weight: bold; padding: 15px 0 12px;}
.tit_rank a:hover { opacity: .7;}
.tit_rank a b { color: #2062ae; margin-right: 5px; vertical-align: top;}

.rank_wrap .tit_rank:first-child { border-top: 0;}

/* POP To TOP */
.btn_top_wrap { position:fixed; left:0; bottom:0; width:100%; height:1; z-index:100;}
.btn_top_wrap div { max-width:1000px; width:100%; margin:0 auto; position:relative;}
.btn_top { position:absolute; bottom:30px; right:-35px; display:block; width:30px; height:57px; background:url(../btn/btn_page_top.png) no-repeat 0 0; text-indent:-9999px;}
.btn_top:hover { background-position: 0 -57px;}

/* GPS */
.sec_gps { padding-top: 50px !important;}
.sec_gps .tit_all { position: relative; font-size: 26px; margin-bottom: 20px;}
.sec_gps .map_wrap { position: relative;}
.sec_gps #map-canvas { width: 980px; height: 650px;}

.mobile_wrap { width: inherit !important;}
.sec_gps.mobile { position: relative;}
.sec_gps.mobile #map-canvas { width: 100%; height: 350px;}

.overview { position: relative; width: 223px; border: 1px solid #dedede; padding: 5px 15px;}
.window-content { width: 223px; overflow: hidden; font-family: Nanum Gothic, Apple SD Gothic Neo, Helvetica, Droid Sans, AppleSDGothic, Arial, sans-serif;}
.window-content h4 { position: relative; padding: 0 90px 5px 0; border-bottom: 2px solid #666; margin-bottom: 10px; font-size: 15px;}
.window-content .btn_more { position: absolute; right: 17px; top: -1px; display: block; width: 44px; height: 19px; line-height: 19px; background: #666; border-radius: 2px; text-align: center; font-size: 11px; color: #fff; font-weight: bold;}
.window-content .btn_more:hover { background: #333;}
.window-content .btn_save { position: absolute; top: 0; right: 67px;}

.mobile .window-content .btn_more { padding: 0 !important;}

.btn_save { display: block; width: 17px; height: 16px; background: url(../map/btn_favorite.png) no-repeat 0 0; text-indent: -9999px;}
.btn_save.on { background-position: 0 -16px;}

.btn_geo { position: absolute; top: 9px; right: 9px; display: block; width: 70px; height: 41px; background: url(../map/btn_geo.png) no-repeat 0 0; text-indent: -9999px; z-index: 10;}
.btn_geo:hover { background-position: 0 -41px;}
.btn_geo.on { background-position: 0 -82px;}

.map-search { position: absolute; top: -59px; left: 0; width: 290px;}
.map-search > div { position: relative; z-index: 11; background: #fff; width: 288px; border: 1px solid #808080;}
.map-search > div > h4 { position: relative; padding: 10px 18px; font-size: 17px; font-weight: bold; color: #fff; background: #707070;}
.map-search > div .btn_map_close { position: absolute; right: 10px; top: 5px; display: block; width: 30px; height: 30px; background: url(../map/btn_map_close.png) no-repeat 0 0; text-indent: -9999px;}
.map-search > div .btn_map_close:hover { background-position: 0 -30px;}


.btn_map_search { position: absolute; top: 0; left: 0; display: block; width: 70px; height: 41px; background: url(../map/btn_map_search.png) no-repeat 0 0; text-indent: -9999px; z-index: 10;}
.btn_map_search:hover { background-position: 0 -41px;}

.gm-style .gm-style-iw { overflow: visible !important;}
.gm-style .gm-style-iw > div:first-child { display: block !important; max-width: 197px !important; overflow: visible !important;}
.gm-style .gm-style-iw > div:first-child > div { overflow: visible !important;}

.gps_list { position: relative; background: #f7f7f7; padding: 0 10px;}
.gps_list li { position: relative; background: url(../map/list_line.png) repeat-x 0 0;}
.gps_list li:first-child { background: none;}
.gps_list li a { display: block; padding: 10px 18px 10px 9px; background: url(../map/list_bg.png) no-repeat right center;}
.gps_list li a:before { position: absolute; left: 1px; top: 16px; content: ""; display: block; width: 2px; height: 2px; background: url(../map/list_bu.png) no-repeat 0 0;}
.gps_list li a span { display: block; font-size: 13px; line-height: 1.3; max-height: 32px; overflow: hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.gps_list li a:hover span { color: #d4253e;}

.m_search_tab { position: relative; border-bottom: 1px solid #e0e0e0; padding: 5px 10px;}
.m_search_tab:after { content: ""; display: block; clear: both;}
.m_search_tab li { float: left; width: 50%;}
.m_search_tab li a { display: block; text-align: center; padding: 8px 0;}
.m_search_tab li a span { font-size: 15px; color: #808080;}
.m_search_tab li a span:hover { color: #333;}
.m_search_tab li a span:before { content: ""; display: inline-block; width: 15px; height: 15px; background: url(../map/btn_tab.png) no-repeat 0 0; vertical-align: middle; margin-top: -2px; margin-right: 3px;}
.m_search_tab li a.on span:before { background-position: 0 -15px;}
.m_search_tab li a.disable { cursor: default;}
.m_search_tab li a.disable span { color: #ccc;}
.m_search_tab li a.disable span:before { background-position: 0 -30px;}

.info_marker { position: relative; border-top: 1px solid #e0e0e0; padding: 10px;}
.info_marker li { position: relative; height: 28px; line-height: 28px; padding-left: 55px; color: #808080; margin-top: 5px;}
.info_marker li:first-child { margin-top: 0;}
.info_marker li:after { position: absolute; left: 15px; top: 0; content: ""; display: block; width: 20px; height: 28px; background: url(../map/info_mark.png) no-repeat 0 0;}
.info_marker li.im01:after { background-position: 0 0;}
.info_marker li.im02:after { background-position: 0 -30px;}

.m_search_con { padding: 15px 20px 35px; background: #f3f3f3;}
.m_search_con p, .m_search_con label { display: block; color: #808080; margin-bottom: 8px;}

.select_map { position: relative;}
.select_btn { position: relative; display: block; background: #fff; border: 1px solid #dedede; height: 38px; line-height: 38px; padding: 0 30px 0 10px; font-size: 15px; font-weight: normal; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.select_btn:hover { color: #666;}
.select_btn:after { position: absolute; right: 13px; top: 50%; margin-top: -4px; content: ""; display: block; width: 12px; height: 7px; background: url(../map/bg_select.png) no-repeat 0 0;}
.select_btn.on:after { background-position: 0 -7px;}

.select_list { position: absolute; left: 0; top: 39px; padding: 5px 0; width: 246px; max-height: 250px; overflow-y: auto; background: #fff; border: 1px solid #dedede; z-index: 10;}
.select_list li { position: relative; padding: 5px 40px 5px 10px;}
.select_list li b { display: block; font-weight: normal; cursor: pointer; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.select_list li b:hover { color: #d4253e;}
.select_list li .btn_save { position: absolute; right: 18px; top: 4px;}

.select_input { position: relative; padding-right: 65px;}
.select_input input { padding: 11px 7px;}
.select_input button { position: absolute; right: 0; top: 0; width: 50px; height: 40px; background: url(../map/btn_search.png) no-repeat 0 0; text-indent: -9999px;}
.select_input button:active { background-position: 0 -40px;}

.btn_submit { display: block; width: 100%; background: #b93f53; height: 40px; color: #fff; font-size: 17px; font-weight: bold; margin-top: 20px;}
.btn_submit:active { background: #a93044;}

.logo_sponsor { position: absolute; right: 0; bottom: 32px;}

/* add Style */
.banner_wrapper { position: relative; border-top: 1px solid #dedede; margin: 10px 0 0;}
.btn_wrap_top { position: relative; text-align: right; padding: 7px 5px 8px;}
.btn_bancollap { font-weight: bold; padding-right: 16px; background: url(../btn/btn_collap.png) no-repeat right 1px;}
.btn_bancollap:hover { color: #666;}
.btn_bancollap.on { background-position: right -13px;}

/* 마이리틀샵 */
.shop_head { position: relative; background: url(../shop/bg_shop_main.jpg) no-repeat 0 0; margin: 15px -7px 0; height: 169px;}
.shop_head h2 { position: absolute; left: 50%; top: 45px; width: 152px; height: 152px; margin-left: -76px; z-index: 2;}

.shop_map { position: relative; margin-bottom: 20px;}
.shop_map > div { border-top: 2px solid #1b60b1; border-bottom: 2px solid #1b60b1; background: #f1ede7;}
#map-canvas { width: 980px; height: 470px;}

.shop_map .btn_map_size { position: relative; display: block; width: 128px; height: 30px;  background: url(../shop/btn_map_size.png) no-repeat 0 0; margin: 0 auto; text-indent: -9999em;}
.shop_map .btn_map_size:hover { opacity: .65;}
.shop_map .btn_map_size.on { background-position: 0 -35px;}

.column_shop { position: relative; padding: 25px 0;}
.column_shop:after { content: ""; display: block; clear: both;}
.column_shop > div { float: left; width: 620px; padding-left: 45px;}
.column_shop > div:first-child { width: 315px; padding-left: 0;}

.column_shop_inner:after { content: ""; display: block; clear: both;}
.column_shop_inner > div { float: left; width: 50%; border-bottom: 1px solid #d5dee8;}
.column_shop_inner > div.s_box03, .column_shop_inner > div.s_box04 { border-bottom: 0;}
.column_shop_inner > div.s_box01 > div, .column_shop_inner > div.s_box03 > div { padding-right: 20px;}
.column_shop_inner > div.s_box02 > div, .column_shop_inner > div.s_box04 > div { padding-left: 20px; border-left: 1px solid #d5dee8;}
.column_shop_inner > div.s_box01 > div, .column_shop_inner > div.s_box02 > div { padding-bottom: 15px;}
.column_shop_inner > div.s_box03 > div, .column_shop_inner > div.s_box04 > div { padding-top: 15px;}

.column_line { position: relative; padding: 30px 0; margin: 0 -13px 0 -14px;}
.column_line:after { content: ""; display: block; clear: both;}
.column_line > div { float: left; width: 25%; background: url(../shop/bg_line02.png) repeat-y 0 0;}
.column_line > div.no_bg { background: none;}
.column_line > div > div { border-bottom: 1px solid #dedede; margin: 0 14px 0 13px; padding: 0 0 25px;}
.column_line > div > div.no_bb { padding: 25px 0 0;}

.shop_box > a { display: block; border: 1px solid #dedede;}
.shop_box > a img { width: 221px; height: 122px;}
.shop_box .gps_homepage { background: #f7f7f7; padding: 8px 5px; border-bottom: 1px solid #dedede;}
.shop_box .gps_homepage > a { font-size: 12px; color: #1c61b2; padding-left: 25px; background: url(../icon/icon_link.png) no-repeat 5px 1px;}


.art_sum ul li { white-space: nowrap;}

.license_txt { font-weight: normal; display: block; text-align: center; padding: 12px 0 20px; font-size: 11px; border-top: 1px solid #dedede;}

/* 충북도청 SNS */
.inews_sns_nav { position: relative; background: #0791da; padding: 8px 5px 6px;}
.inews_sns_nav > h4 { margin-bottom: 6px; text-align: center;}
.inews_sns_nav > ul:after { content: ""; display: block; clear: both;}
.inews_sns_nav > ul li { float: left; margin: 0 1px;}

.line_help_box { background: #f6f6f6; border: 1px solid #ddd; padding: 15px; line-height: 1.6;}
.line_help_box ul { background: #fff; border: 1px solid #ddd; padding: 15px; margin-top: 10px; font-size: 15px;}
.line_help_box ul a { position: relative; top: -1px; background: #2062ae; color: #fff; border-radius: 3px; font-weight: bold; padding: 4px 5px 5px; font-size: 13px; margin-left: 5px; box-shadow: 1px 1px 2px rgba(0,0,0,.35);}