@charset "utf-8"; 

/* style reset */
* {text-size-adjust:none; -webkit-text-size-adjust:none; -webkit-overflow-scrolling:touch}
* {margin:0; padding:0}

html {width:100%; height:100%}
body {width:100%; height:100%; min-width:320px; background:#f1f1f1; font-family:Dotum, Arial, sans-serif; font-size:14px; color:#666}/*2015-04-16 ucomp max-width:720px; 삭제*/
form, input, select, textarea, button, a {font-family:Dotum, Arial,sans-serif; font-size:14px; color:#666}
ul, ol, li{list-style:none}
a {cursor:pointer; color:#666; text-decoration:none; font-size:14px}
em, address {font-style:normal}
caption, legend {overflow:hidden; text-indent:-9999px; height:1px; padding:0 !important}/* 2021-10-18 접근성 수정 */
hr {display:none}
button {cursor:pointer; background:transparent; border:0; vertical-align:middle}
img {border:0}
input.txt {height:17px; padding:3px 0 0 5px; background:url('/smc/resources/images/mobile/common/bg_inpbox.jpg') repeat 0 0; background-size:1px 1px; border:1px solid #ccc; border-radius:0; color:#666; font-family:Dotum}
input.file {height:17px; padding:3px 0 0 3px; color:#666; font-family:Dotum}
input.radio {vertical-align:middle}
input.checkbox {vertical-align:middle}										 
input::-ms-clear {display:none}
input.txt::-webkit-input-placeholder {color:#666; font-weight:normal}
input.txt:-moz-placeholder {color:#666; font-weight:normal}
input.txt::-moz-placeholder {color:#666; font-weight:normal}
input.txt:-ms-input-placeholder {color:#666; font-weight:normal}
textarea::-webkit-input-placeholder {color:#666; font-weight:normal}
textarea:-moz-placeholder {color:#666; font-weight:normal}
textarea::-moz-placeholder {color:#666; font-weight:normal}
textarea:-ms-input-placeholder {color:#666; font-weight:normal}
textarea {overflow-x:hidden; overflow-y:auto; border:1px solid #ccc; resize:none; color:#666; font-family:Dotum}
select {border-radius:0; vertical-align:middle; color:#666; font-family:Dotum}
fieldset {margin:0; padding:0; border:0; background:0}
fieldset legend {line-height:0; display:none;}/* 2017-03-27수정 */
table {border-collapse:collapse}
.hide {overflow:hidden; position:absolute; left:0; top:0; opacity:0}
.skip{position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; border: 0 !important;}/* 2021-09-27 추가 */
/* 2015-07-28 */
dl.skipnavi {position:relative; z-index:2000; display: none;}/* 2021-10-14 웹접근성 추가조치 */
dl.skipnavi dt {display:none}
dl.skipnavi dd a {position:absolute; left:0; top:-50px; z-index:2000}
dl.skipnavi dd a:active, dl.skipnavi dd a:focus {display:block; left:0; top:0; z-index:51; width:100%; height:20px; padding-top:9px; text-align:center; background:#333; line-height:14px; text-decoration:none; color:#fff; font-size:12px; font-weight:bold}
/*** 2015-07-28 */
hr.dotline {display:block; clear:both; width:100%; height:1px; border:0; background:url('/smc/resources/images/mobile/common/dotline_01.gif') repeat-x 0 100%; background-size:3px 1px}


/* 2021-05-13 footer 수정*/
/* #footer{position: relative;display: table;width: 100%;height: 252px;border-top: 1px solid #D8D8D8;background: #ffffff;}
#footer .footer_box{display: table-cell;width: 100%;height: 100%;text-align: center;vertical-align: middle;}
#footer .footer_box ul{display: block;width: 100%;height: auto;font-size: 0;margin-bottom: 4.44vw;}
#footer .footer_box ul li{display: inline-block;width: auto;height: auto;vertical-align: top;}
#footer .footer_box ul.new_btnmenu li{width: auto;line-height: 1;padding: 2.34vw 4.21vw;box-sizing: border-box;border: 1px solid #979797;border-radius: 2px;margin-right: 3.27vw;}
#footer .footer_box ul.new_btnmenu li:last-child{margin-right: 0;}
#footer .footer_box ul.new_btnmenu li a{display: block;font-size: 2.80vw;font-weight: bold;color: #242424;}
#footer .footer_box ul.bmenu li{width: auto;line-height: 1;}
#footer .footer_box ul.bmenu li::after{content: '';display: inline-block;width: 0.47vw;height: 2.80vw;background: #DFDFDF;margin: 0 3.50vw;}
#footer .footer_box ul.bmenu li:last-child::after{content: none;}
#footer .footer_box ul.bmenu li a{display: inline-block;font-size: 3.04vw;font-weight: bold;color: #404040;}
#footer .footer_box .contactus{line-height: 4.67vw;font-size: 2.80vw;color: #707070;font-weight: 400;margin-bottom: 4.91vw;}
#footer .footer_box .mark{width: 100%;height: auto;text-align: center;background: #ffffff;}
#footer .footer_box .mark a{display: inline-block;}
#footer .footer_box .mark a img{width: 100%;}
#footer .footer_box .mark a.mark_1{width: 12.15vw;margin-right: 3.97vw;}
#footer .footer_box .mark a.mark_2{width: 25.93vw;} */
/* //2021-05-13 footer 수정*/


/* 2015-08-13 slidepopwrap 관련 CSS 삭제
.slidepopwrap {width:100%; height:140px; background:url('/smc/resources/images/mobile/popup/bg_slidepop.jpg') repeat-x 0 0}
.slidepopwrap .popupbox {position:relative; width:960px; height:139px; margin:0 auto; overflow:hidden}
.slidepopwrap .popupbox dl.popup_notice {height:79px; padding:23px 0 0 105px; margin:0 0 15px 0; background:url('/smc/resources/images/mobile/popup/bg_img_notice.png') no-repeat 5px 13px}
.slidepopwrap .popupbox dl.popup_notice dt {float:left; width:380px; height:79px; border-right:1px solid #ddd}
.slidepopwrap .popupbox dl.popup_notice dt strong {display:block; height:30px; color:#00346b; font-size:18px}
.slidepopwrap .popupbox dl.popup_notice dt span {display:block; color:#222; font-size:14px; line-height:20px; letter-spacing:-1px}
.slidepopwrap .popupbox dl.popup_notice dd {float:none; overflow:hidden; padding:0 0 0 12px}
.slidepopwrap .popupbox dl.popup_notice dd strong {display:block; height:29px; margin:3px 0 0 9px; color:#222; font-size:14px}
.slidepopwrap .popupbox dl.popup_notice dd ul li {float:left; width:145px; height:40px; margin:0 0 0 9px; text-align:center; background:url('/smc/resources/images/mobile/btn/btn_commonset.jpg') no-repeat -110px -10px}
.slidepopwrap .popupbox dl.popup_notice dd ul li a {color:#555; font-size:16px}
.slidepopwrap .popupbox dl.popup_notice dd ul li em {display:block; width:auto}
.slidepopwrap .popupbox dl.popup_notice dd ul li.skt em {height:28px; padding:12px 0 0 33px; background:url('/smc/resources/images/mobile/icon/icon_skt.png') no-repeat 40px 7px}
.slidepopwrap .popupbox dl.popup_notice dd ul li.kt em {height:28px; padding:12px 0 0 27px; background:url('/smc/resources/images/mobile/icon/icon_kt.png') no-repeat 40px 8px}
.slidepopwrap .popupbox dl.popup_notice dd ul li.lgt em {height:29px; padding:11px 0 0 35px; background:url('/smc/resources/images/mobile/icon/icon_lgt.png') no-repeat 40px 7px}
.slidepopwrap .popupbox .todayclose {clear:both; position:relative; padding:4px 60px 0 0; text-align:right}
.slidepopwrap .popupbox .todayclose label {color:#000; font-size:12px; font-family:Dotum}
.slidepopwrap .popupbox .todayclose input.checkbox {vertical-align:-2px; margin:0 5px 0 0}
.slidepopwrap .popupbox .todayclose button.btn_todayclose {position:absolute; right:0; top:0; width:50px; height:20px; padding-top:3px; background:#757575; border:1px solid #444; color:#fff; font-family:Dotum; font-size:12px; font-family:Dotum}
 */
.ui-autocomplete {max-height:76px !important; margin:0; overflow-y:auto; overflow-x:hidden; background:#fff; border:1px solid #ccc}
.ui-autocomplete li {padding:2px 5px 5px 13px; background:url('/smc/resources/images/mobile/icon/icon_3x3_666.gif') no-repeat 5px 5px; background-size:2px 4px}

/********** 여기부터 css 전부 업데이트 해주세요 (2015-09-22) ******************/
#wrap {position:relative; width:100%; height:100%; min-width:320px; max-width:1000px; margin:0 auto; background:#f2f3f6} /*2015-05-12 ucomp*/
.toparea {position:relative; z-index:1; width:100%; height:50px;  margin:0 auto}/*2015-04-16 ucomp*/
/* .toparea h1 {position:relative; z-index:10; width:100%; height:43px; padding:7px 0 0 0; text-align:center; background:#303030; }*/
.toparea h1 img {width:135px;} 
/* .toparea a.bklink {display:block; width:39px; height:39px; background:#303030; overflow:hidden} */
.toparea a.bklink span {position:relative; display:block; width:39px; height:39px;}
/* .toparea a.bklink span em{opacity:0; display:block; width:39px; height:39px;} */
/* .toparea .btn_search {position:absolute; right:10px; top:4px; z-index:11; width:39px; height:39px; overflow:hidden} */ /* 2023-04-10 삭제 */
.toparea .btn_search.on a.bklink {background:url('/smc/resources/images/mobile/btn/btn_gnb_over.png') no-repeat 0 0}
/* .toparea .btn_search a.bklink span {display:block; width:39px; height:39px; background:url('/smc/resources/images/mobile/icon/icon_gnb_search.png') no-repeat 50% 62%; background-size:25px 26px} */
/* .toparea .btn_category {position:absolute; left:10px; top:4px; z-index:11; display:block; width:39px; height:39px} */ /* 2023-04-10 삭제 */
.toparea .btn_category.on a.bklink {background:url('/smc/resources/images/mobile/btn/btn_gnb_over.png') no-repeat 0 0}
/* .toparea .btn_category a.bklink span {display:block; width:39px; height:39px; background:url('/smc/resources/images/mobile/icon/icon_gnb_menu.png') no-repeat 60% 65%; background-size:29px 26px} */
.toparea fieldset {display:none; position:absolute; left:0; top:-50px; z-index:9; clear:both; width:100%; height:53px; background:url('/smc/resources/images/mobile/common/bg_grbox_01.jpg') repeat-x 0 0; background-size:4px 53px; border-top:1px solid #000}
.toparea fieldset p {position:relative; height:36px; padding:0; margin:8px 73px 0 10px; background:#fff; border:1px solid #1e1e1e; border-radius:4px; box-shadow:0 1px 1px #626262}
.toparea fieldset p span {display:block; width:auto; height:34px; overflow:hidden; margin:0 45px 0 0; padding:0}
.toparea fieldset p span input.txt {width:100%; height:34px; padding:2px 0 0 10px; background:0; border:0; color:#444; font-family:17px; font-weight:bold}
.toparea fieldset a.btn_keyword_del {position:absolute; right:0; top:0; display:block; width:36px; height:36px; background:url('/smc/resources/images/mobile/btn/btn_keyword_del.png') no-repeat 50% 50%; background-size:30px 30px; text-indent:-99999px}
.toparea fieldset a.btn_topsch {position:absolute; right:10px; top:8px; width:57px; height:29px; padding:9px 0 0 0; text-align:center; margin:0; background:url('/smc/resources/images/mobile/btn/btn_gnb_search.png') no-repeat 0 0; background-size:57px 38px; color:#fff; font-size:16px; font-weight:bold; letter-spacing:1px}

.lnbwrap {display:none; position:absolute; left:-300px; top:0; z-index:1001; width:295px; height:100%; padding:0 0 50px 0; overflow-x:hidden; overflow-y:auto; background:#fff; border-right:1px solid #575757} /* 2016-06-21 수정 */
.lnbwrap .btn_lnbclose {display:block; position:absolute; left:0; top:0; width:100%; height:50px; background:#303030; z-index:10;}/* 2020-09-14 수정 */
.lnbwrap .btn_lnbclose button {float:right; width:50px; height:50px; background:url('/smc/resources/images/mobile/btn/btn_lnbclose.gif') no-repeat 50% 50%; background-size:23px 23px; text-indent:-99999px}
.lnbwrap h2 {height:39px; border-bottom:1px solid #ccc}
.lnbwrap h2 a {display:block; height:20px; padding:9px 0 10px 10px; background:#ededed url('/smc/resources/images/mobile/icon/icon_lnbarr_05.png') no-repeat 95% 50%; background-size:20px 20px; color:#444; font-size:20px}
.lnbwrap ul {display:none}
.lnbwrap ul li {border-bottom:1px solid #ccc}
.lnbwrap ul li a.bklink {display:block; height:auto; padding:9px 0 10px 33px; color:#555; font-size:18px; word-spacing:-2px}
.lnbwrap ul li.on a.bklink {color:#000; font-weight:bold}
.lnbwrap ul li.on ul {display:block !important}
.lnbwrap ul li ul {display:none !important; padding:5px 20px 5px 19px; background:#efefef; border-top:1px solid #ccc}
.lnbwrap ul li ul li {border-bottom:0}
.lnbwrap ul li ul li a {display:block; height:15px; padding:5px 0 5px 15px; background:url('/smc/resources/images/mobile/icon/icon_3x3_666.gif') no-repeat 7px 11px; background-size:3px 3px; color:#555; font-size:15px; text-decoration:none; word-spacing:-1px}
.lnbwrap ul li ul li.on a {text-decoration:underline; color:#222; font-weight:bold}
.lnbwrap .on h2 a {color:#fff}
.lnbwrap .on ul {display:block}
.lnbwrap .lnbmenu_1.on h2 a {background:#ffba00 url('/smc/resources/images/mobile/icon/icon_lnbarr_01.png') no-repeat 95% 50%; background-size:20px 20px}
.lnbwrap .lnbmenu_1.on h2 {border-bottom:1px solid #ff9405}
.lnbwrap .lnbmenu_1 {margin-top:50px}
.lnbwrap .lnbmenu_1 ul li.menu_1 {background:url('/smc/resources/images/mobile/icon/icon_lnb_0101.png') no-repeat 5px 10px; background-size:24px 20px}
.lnbwrap .lnbmenu_1 ul li.menu_1.on {background:url('/smc/resources/images/mobile/icon/icon_lnb_0101_on.png') no-repeat 5px 10px; background-size:24px 20px}
.lnbwrap .lnbmenu_1 ul li.menu_2 {background:url('/smc/resources/images/mobile/icon/icon_lnb_0102.png') no-repeat 5px 10px; background-size:24px 20px}
.lnbwrap .lnbmenu_1 ul li.menu_2.on {background:url('/smc/resources/images/mobile/icon/icon_lnb_0102_on.png') no-repeat 5px 10px; background-size:24px 20px}
.lnbwrap .lnbmenu_1 ul li.menu_3 {background:url('/smc/resources/images/mobile/icon/icon_lnb_0103.png') no-repeat 5px 10px; background-size:24px 20px}
.lnbwrap .lnbmenu_1 ul li.menu_3.on {background:url('/smc/resources/images/mobile/icon/icon_lnb_0103_on.png') no-repeat 5px 10px; background-size:24px 20px}
.lnbwrap .lnbmenu_1 ul li.menu_4 {background:url('/smc/resources/images/mobile/icon/icon_lnb_0104.png') no-repeat 5px 10px; background-size:24px 20px}
.lnbwrap .lnbmenu_1 ul li.menu_4.on {background:url('/smc/resources/images/mobile/icon/icon_lnb_0104_on.png') no-repeat 5px 10px; background-size:24px 20px}
.lnbwrap .lnbmenu_1 ul li.menu_5 {background:url('/smc/resources/images/mobile/icon/icon_lnb_0105.png') no-repeat 5px 10px; background-size:24px 20px}
.lnbwrap .lnbmenu_1 ul li.menu_5.on {background:url('/smc/resources/images/mobile/icon/icon_lnb_0105_on.png') no-repeat 5px 10px; background-size:24px 20px}
.lnbwrap .lnbmenu_1 ul li.menu_6 {background:url('/smc/resources/images/mobile/icon/icon_lnb_0106.png') no-repeat 5px 10px; background-size:24px 20px}
.lnbwrap .lnbmenu_1 ul li.menu_6.on {background:url('/smc/resources/images/mobile/icon/icon_lnb_0106_on.png') no-repeat 5px 10px; background-size:24px 20px}
.lnbwrap .lnbmenu_1 ul li.menu_7 {background:url('/smc/resources/images/mobile/icon/icon_lnb_0107.png') no-repeat 5px 10px; background-size:24px 20px}
.lnbwrap .lnbmenu_1 ul li.menu_7.on {background:url('/smc/resources/images/mobile/icon/icon_lnb_0107_on.png') no-repeat 5px 10px; background-size:24px 20px}
/* 2016-07-21 추가 S */
.lnbwrap .lnbmenu_1 ul li.menu_8 {background:url('/smc/resources/images/mobile/icon/icon_lnb_0108.png') no-repeat 5px 10px; background-size:24px 20px}
.lnbwrap .lnbmenu_1 ul li.menu_8.on {background:url('/smc/resources/images/mobile/icon/icon_lnb_0108_on.png') no-repeat 5px 10px; background-size:24px 20px}
/* 2016-07-21 추가 E */

/* 2019-03-27 추가 */
.lnbwrap .lnbmenu_1 ul li.menu_9 {background:url('/smc/resources/images/mobile/icon/icon_lnb_0109.png') no-repeat 5px 10px; background-size:22px}
.lnbwrap .lnbmenu_1 ul li.menu_9.on {background:url('/smc/resources/images/mobile/icon/icon_lnb_0109_on.png') no-repeat 5px 10px; background-size:22px}
/* 2019-03-27 추가 */

.lnbwrap .lnbmenu_2.on h2 a {background:#f95f29 url('/smc/resources/images/mobile/icon/icon_lnbarr_02.png') no-repeat 95% 50%; background-size:20px 20px}
.lnbwrap .lnbmenu_2.on h2 {border-bottom:1px solid #e04e1b}
.lnbwrap .lnbmenu_2 ul li.menu_1 {background:url('/smc/resources/images/mobile/icon/icon_lnb_0201.png') no-repeat 4px 10px; background-size:24px 20px}
.lnbwrap .lnbmenu_2 ul li.menu_1.on {background:url('/smc/resources/images/mobile/icon/icon_lnb_0201_on.png') no-repeat 4px 10px; background-size:24px 20px}
.lnbwrap .lnbmenu_2 ul li.menu_2 {background:url('/smc/resources/images/mobile/icon/icon_lnb_0202.png') no-repeat 5px 10px; background-size:24px 20px}
.lnbwrap .lnbmenu_2 ul li.menu_2.on {background:url('/smc/resources/images/mobile/icon/icon_lnb_0202_on.png') no-repeat 5px 10px; background-size:24px 20px}
.lnbwrap .lnbmenu_2 ul li.menu_3 {background:url('/smc/resources/images/mobile/icon/icon_lnb_0203.png') no-repeat 5px 10px; background-size:25px 20px}
.lnbwrap .lnbmenu_2 ul li.menu_3.on {background:url('/smc/resources/images/mobile/icon/icon_lnb_0203_on.png') no-repeat 5px 10px; background-size:25px 20px}
.lnbwrap .lnbmenu_2 ul li.menu_4 {background:url('/smc/resources/images/mobile/icon/icon_lnb_0204.png') no-repeat 5px 10px; background-size:24px 20px}
.lnbwrap .lnbmenu_2 ul li.menu_4.on {background:url('/smc/resources/images/mobile/icon/icon_lnb_0204_on.png') no-repeat 5px 10px; background-size:24px 20px}
.lnbwrap .lnbmenu_2 ul li.menu_5 {background:url('/smc/resources/images/mobile/icon/icon_lnb_0205.png') no-repeat 5px 10px; background-size:24px 20px}
.lnbwrap .lnbmenu_2 ul li.menu_5.on {background:url('/smc/resources/images/mobile/icon/icon_lnb_0205_on.png') no-repeat 5px 10px; background-size:24px 20px}
.lnbwrap .lnbmenu_2 ul li.menu_6 {background:url('/smc/resources/images/mobile/icon/icon_lnb_0206.png') no-repeat 5px 10px; background-size:24px 20px}
.lnbwrap .lnbmenu_2 ul li.menu_6.on {background:url('/smc/resources/images/mobile/icon/icon_lnb_0206_on.png') no-repeat 5px 10px; background-size:24px 20px}
.lnbwrap .lnbmenu_2 ul li.menu_7 {background:url('/smc/resources/images/mobile/icon/icon_lnb_0207.png') no-repeat 5px 10px; background-size:24px 20px}
.lnbwrap .lnbmenu_2 ul li.menu_7.on {background:url('/smc/resources/images/mobile/icon/icon_lnb_0207_on.png') no-repeat 5px 10px; background-size:24px 20px}
/* 2018-07-30 EDENIT 추가 */
.lnbwrap .lnbmenu_2 ul li.menu_8 {background:url('/smc/resources/images/mobile/icon/icon_lnb_0208.png') no-repeat 5px 10px; background-size:24px 20px}
.lnbwrap .lnbmenu_2 ul li.menu_8.on {background:url('/smc/resources/images/mobile/icon/icon_lnb_0208_on.png') no-repeat 5px 10px; background-size:24px 20px}
/* 2019-12-10 @SB 추가 */
.lnbwrap .lnbmenu_2 ul li.menu_9 {background:url('/smc/resources/images/mobile/icon/icon_lnb_1118.gif') no-repeat 5px 10px; background-size:24px 20px}
.lnbwrap .lnbmenu_2 ul li.menu_9.on {background:url('/smc/resources/images/mobile/icon/icon_lnb_1118_on.gif') no-repeat 5px 10px; background-size:24px 20px}
/* //2018-07-30 EDENIT 추가 */
.lnbwrap .lnbmenu_3.on h2 a {background:#b84fcb url('/smc/resources/images/mobile/icon/icon_lnbarr_03.png') no-repeat 95% 10px; background-size:20px 20px}
.lnbwrap .lnbmenu_3.on h2 {border-bottom:1px solid #a83dbb}

/* 2018-07-06 수정 및 추가 시작 */
.lnbwrap .lnbmenu_3 ul li.menu_1 {background:url('/smc/resources/images/mobile/icon/icon_lnb_0307.png') no-repeat 5px 10px; background-size:24px 20px}
.lnbwrap .lnbmenu_3 ul li.menu_1.on {background:url('/smc/resources/images/mobile/icon/icon_lnb_0307_on.png') no-repeat 5px 10px; background-size:24px 20px}
.lnbwrap .lnbmenu_3 ul li.menu_2 {background:url('/smc/resources/images/mobile/icon/icon_lnb_0301.png') no-repeat 5px 10px; background-size:24px 20px}
.lnbwrap .lnbmenu_3 ul li.menu_2.on {background:url('/smc/resources/images/mobile/icon/icon_lnb_0301_on.png') no-repeat 5px 10px; background-size:24px 20px}
.lnbwrap .lnbmenu_3 ul li.menu_3 {background:url('/smc/resources/images/mobile/icon/icon_lnb_0302.png') no-repeat 5px 10px; background-size:24px 22px}
.lnbwrap .lnbmenu_3 ul li.menu_3.on {background:url('/smc/resources/images/mobile/icon/icon_lnb_0302_on.png') no-repeat 5px 10px; background-size:24px 22px}
.lnbwrap .lnbmenu_3 ul li.menu_4 {background:url('/smc/resources/images/mobile/icon/icon_lnb_0303.png') no-repeat 5px 10px; background-size:24px 20px}
.lnbwrap .lnbmenu_3 ul li.menu_4.on {background:url('/smc/resources/images/mobile/icon/icon_lnb_0303_on.png') no-repeat 5px 10px; background-size:24px 20px}
.lnbwrap .lnbmenu_3 ul li.menu_5 {background:url('/smc/resources/images/mobile/icon/icon_lnb_0304.png') no-repeat 5px 10px; background-size:24px 20px}
.lnbwrap .lnbmenu_3 ul li.menu_5.on {background:url('/smc/resources/images/mobile/icon/icon_lnb_0304_on.png') no-repeat 5px 10px; background-size:24px 20px}
/* 2015-11-18 */
.lnbwrap .lnbmenu_3 ul li.menu_6 {background:url('/smc/resources/images/mobile/icon/icon_lnb_1118.gif') no-repeat 5px 10px; background-size:24px 20px}
.lnbwrap .lnbmenu_3 ul li.menu_6.on {background:url('/smc/resources/images/mobile/icon/icon_lnb_1118_on.gif') no-repeat 5px 10px; background-size:24px 20px}
/* 2015-11-18 */
/* 2016-07-21 추가 S*/
.lnbwrap .lnbmenu_3 ul li.menu_7 {background:url('/smc/resources/images/mobile/icon/icon_lnb_0306.png') no-repeat 5px 10px; background-size:24px 20px}
.lnbwrap .lnbmenu_3 ul li.menu_7.on {background:url('/smc/resources/images/mobile/icon/icon_lnb_0306_on.png') no-repeat 5px 10px; background-size:24px 20px}
/* 2018-07-06 수정 및 추가 끝 */

/* 2016-07-21 추가 E */
.lnbwrap .lnbmenu_4.on h2 a {background:#5e9901 url('/smc/resources/images/mobile/icon/icon_lnbarr_04.png') no-repeat 95% 10px; background-size:20px 20px}
.lnbwrap .lnbmenu_4.on h2 {border-bottom:1px solid #508300}
.lnbwrap .lnbmenu_4 ul li.menu_1 {background:url('/smc/resources/images/mobile/icon/icon_lnb_0401.png') no-repeat 5px 10px; background-size:24px 20px}
.lnbwrap .lnbmenu_4 ul li.menu_1.on {background:url('/smc/resources/images/mobile/icon/icon_lnb_0401_on.png') no-repeat 5px 10px; background-size:24px 20px}
.lnbwrap .lnbmenu_4 ul li.menu_2 {background:url('/smc/resources/images/mobile/icon/icon_lnb_0402.png') no-repeat 5px 10px; background-size:24px 20px}
.lnbwrap .lnbmenu_4 ul li.menu_2.on {background:url('/smc/resources/images/mobile/icon/icon_lnb_0402_on.png') no-repeat 5px 10px; background-size:24px 20px}
.lnbwrap .lnbmenu_4 ul li.menu_3 {background:url('/smc/resources/images/mobile/icon/icon_lnb_0403.png') no-repeat 5px 10px; background-size:24px 20px}
.lnbwrap .lnbmenu_4 ul li.menu_3.on {background:url('/smc/resources/images/mobile/icon/icon_lnb_0403_on.png') no-repeat 5px 10px; background-size:24px 20px}
.lnbwrap .lnbmenu_5.on h2 a {background:#949494 url('/smc/resources/images/mobile/icon/icon_lnbarr_06.png') no-repeat 95% 10px; background-size:20px 20px}
.lnbwrap .lnbmenu_5.on h2 {border-bottom:1px solid #828282}
.lnbwrap .lnbmenu_5 ul li.menu_1 {background:url('/smc/resources/images/mobile/icon/icon_lnb_0501.png') no-repeat 5px 10px; background-size:24px 20px}
.lnbwrap .lnbmenu_5 ul li.menu_1.on {background:url('/smc/resources/images/mobile/icon/icon_lnb_0501_on.png') no-repeat 5px 10px; background-size:24px 20px}
/* 2018-06-08 수정 및 추가 시작 */
.lnbwrap .lnbmenu_5 ul li.menu_2 {background:url('/smc/resources/images/mobile/icon/icon_lnb_0503.png') no-repeat 10px center; background-size:17px 14px}
.lnbwrap .lnbmenu_5 ul li.menu_2.on {background:url('/smc/resources/images/mobile/icon/icon_lnb_0503_on.png') no-repeat 10px center; background-size:17px 14px}
.lnbwrap .lnbmenu_5 ul li.menu_3 {background:url('/smc/resources/images/mobile/icon/icon_lnb_0502.png') no-repeat 5px 10px; background-size:24px 20px}
.lnbwrap .lnbmenu_5 ul li.menu_3.on {background:url('/smc/resources/images/mobile/icon/icon_lnb_0502_on.png') no-repeat 5px 10px; background-size:24px 20px}
/* 2018-06-08 수정 및 추가 끝 */
.lnbwrap .lnbmenu_6.on h2 a {background:#949494 url('/smc/resources/images/mobile/icon/icon_lnbarr_06.png') no-repeat 95% 10px; background-size:20px 20px}
.lnbwrap .lnbmenu_6.on h2 {border-bottom:1px solid #828282}
.lnbwrap .lnbmenu_6 ul li.menu_1 {background:url('/smc/resources/images/mobile/icon/icon_lnb_0601.png') no-repeat 5px 10px; background-size:24px 20px}
.lnbwrap .lnbmenu_6 ul li.menu_1.on {background:url('/smc/resources/images/mobile/icon/icon_lnb_0601_on.png') no-repeat 5px 10px; background-size:24px 20px}
.lnbwrap .lnbmenu_6 ul li.menu_2 {background:url('/smc/resources/images/mobile/icon/icon_lnb_0602.png') no-repeat 5px 10px; background-size:24px 20px}
.lnbwrap .lnbmenu_6 ul li.menu_2.on {background:url('/smc/resources/images/mobile/icon/icon_lnb_0602_on.png') no-repeat 5px 10px; background-size:24px 20px}
.lnbwrap .lnbmenu_7.on h2 a {background:#949494 url('/smc/resources/images/mobile/icon/icon_lnbarr_06.png') no-repeat 95% 10px; background-size:20px 20px}
.lnbwrap .lnbmenu_7.on h2 {border-bottom:1px solid #828282}
.lnbwrap .lnbmenu_7 ul li.menu_1 {background:url('/smc/resources/images/mobile/icon/icon_lnb_0701.png') no-repeat 5px 10px; background-size:24px 20px}
.lnbwrap .lnbmenu_7 ul li.menu_1.on {background:url('/smc/resources/images/mobile/icon/icon_lnb_0701_on.png') no-repeat 5px 10px; background-size:24px 20px}
.lnbwrap .lnbmenu_7 ul li.menu_2 {background:url('/smc/resources/images/mobile/icon/icon_lnb_0702.png') no-repeat 5px 10px; background-size:24px 20px}
.lnbwrap .lnbmenu_7 ul li.menu_2.on {background:url('/smc/resources/images/mobile/icon/icon_lnb_0702_on.png') no-repeat 5px 10px; background-size:24px 20px}
.lnbwrap .lnbmenu_7 ul li.menu_3 {background:url('/smc/resources/images/mobile/icon/icon_lnb_0703.png') no-repeat 5px 10px; background-size:24px 20px}
.lnbwrap .lnbmenu_7 ul li.menu_3.on {background:url('/smc/resources/images/mobile/icon/icon_lnb_0703_on.png') no-repeat 5px 10px; background-size:24px 20px}
.lnbwrap .lnbmenu_7 ul li.menu_4 {background:url('/smc/resources/images/mobile/icon/icon_lnb_0704.png') no-repeat 5px 10px; background-size:24px 20px}
.lnbwrap .lnbmenu_7 ul li.menu_4.on {background:url('/smc/resources/images/mobile/icon/icon_lnb_0704_on.png') no-repeat 5px 10px; background-size:24px 20px}
.lnbwrap .lnbmenu_7 ul li.menu_5 {background:url('/smc/resources/images/mobile/icon/icon_lnb_0705.png') no-repeat 5px 10px; background-size:24px 20px}
.lnbwrap .lnbmenu_7 ul li.menu_5.on {background:url('/smc/resources/images/mobile/icon/icon_lnb_0705_on.png') no-repeat 5px 10px; background-size:24px 20px}
.lnbwrap .lnbmenu_7 ul li.menu_6 {background:url('/smc/resources/images/mobile/icon/icon_lnb_0706.png') no-repeat 5px 10px; background-size:24px 20px}
.lnbwrap .lnbmenu_7 ul li.menu_6.on {background:url('/smc/resources/images/mobile/icon/icon_lnb_0706_on.png') no-repeat 5px 10px; background-size:24px 20px}
.lnbwrap .lnbmenu_7 ul li.menu_7 {background:url('/smc/resources/images/mobile/icon/icon_lnb_0701.png') no-repeat 5px 10px; background-size:24px 20px}
.lnbwrap .lnbmenu_7 ul li.menu_7.on {background:url('/smc/resources/images/mobile/icon/icon_lnb_0701_on.png') no-repeat 5px 10px; background-size:24px 20px}


#contentsarea{max-width:100%;} /* 2021-09-17 접근성 추가 */
.container {clear:both; position:relative; width:100%; max-width:1000px; min-height:100%; margin:-50px auto -95px; zoom:1; background:#fff}/*2015-05-12 ucomp*/
.container:after {content:""; display:block; clear:both}
.container .midarea {clear:both; width:100%; margin:0; padding:50px 0 110px 0; background:#fff}	/* 2018-12-01 EDENIT 수정(padding bottom 변경)*/
.container .midarea:after {content:""; display:block; clear:both}
.container .contentsarea .pageinfo {position:relative; overflow:hidden}
.container .contentsarea .pageinfo h3 {color:#000; font-size:25px; letter-spacing:-1px}
.container .contentsarea .pageinfo .cvtool {float:left; width:50%; margin:0}
.container .contentsarea .pageinfo .cvtool a {position:relative; display:block; float:left; width:50%; height:26px; padding:7px 0 0 0; text-align:center; background:#cddbed; border-right:1px solid #f1f7ff; color:#31589b; font-size:16px; font-weight:bold}
.container .contentsarea .pageinfo .cvtool a em {display:block; margin:0 auto; padding:0 0 0 10px}
.container .contentsarea .pageinfo .cvtool a.btn_cv_fontlarge em {background:url('/smc/resources/images/mobile/icon/icon_cvtool_01.png') no-repeat 10px 3px; background-size:17px 12px}
.container .contentsarea .pageinfo .cvtool a.btn_cv_fontsmall {float:none; overflow:hidden; width:auto; border-right:0}
.container .contentsarea .pageinfo .cvtool a.btn_cv_fontsmall em {background:url('/smc/resources/images/mobile/icon/icon_cvtool_01.png') no-repeat 10px 3px; background-size:15px 12px}

/* 2020-09-14 추가, 수정 */
.container .contentsarea .pageinfo ul.snsstatus {display:block; float:right;/*none;*/ overflow:hidden; width:50%;/*auto; height:26px;*/ padding:6px 0 2px 0px; /*6px 0 0 10px;*/ text-align:right;/*center;*/ background:#f1f7ff; border-bottom:1px solid #e5edf7}
.container .contentsarea .pageinfo ul.snsstatus li {/*float:right*/display:inline-block; text-align:left;}
.container .contentsarea .pageinfo ul.snsstatus li > a{display:block; float:left; width:27px; height:21px;}
.container .contentsarea .pageinfo ul.snsstatus li span {/*display:block; float:left; width:27px; height:21px;*/ text-indent:-99999px}
.container .contentsarea .pageinfo ul.snsstatus li em {float:left; display:block; min-width:8px; height:20px; padding:0 4px 0 2px; text-align:center; background:url('/smc/resources/images/mobile/common/bg_snsbox.png') no-repeat 100% 0; background-size:99.9% 20px; font-size:11px; line-height:22px}
.container .contentsarea .pageinfo ul.snsstatus li em a {font-size:11px}
/* .container .contentsarea .pageinfo ul.snsstatus li.facebook > a {background:url('/smc/resources/images/mobile/icon/icon_facebook.png') no-repeat 0 0; background-size:27px 20px} */
/* .container .contentsarea .pageinfo ul.snsstatus li.facebook > a span{text-indent:-9999px; position:absolute; left:-999px; top:-999px;} */
.container .contentsarea .pageinfo ul.snsstatus li.facebook img{width:27px; height:20px;}
.container .contentsarea .pageinfo ul.snsstatus li.twitter {width:80px; margin:0 0 0 8px}
/*.container .contentsarea .pageinfo ul.snsstatus li.twitter > a {background:url('/smc/resources/images/mobile/icon/icon_twitter.png') no-repeat 0 0; background-size:27px 20px}*/
/* .container .contentsarea .pageinfo ul.snsstatus li.twitter > a {width: 53px;  background:url('/smc/resources/images/mobile/btn/btn_tweet.png') no-repeat 0 0; background-size: 53px 20px;} */
/* .container .contentsarea .pageinfo ul.snsstatus li.twitter a span{text-indent:-99999px;  position:absolute; left:-999px; top:-999px;} */
.container .contentsarea .pageinfo ul.snsstatus li.twitter img{width:53px; height:20px;}
/* // 2020-09-14 추가, 수정 */

.container .contentsarea .pageinfo .pagenavi {clear:both; width:auto; overflow:hidden; padding:10px 10px 4px 23px; background:#f8f8f8 url('/smc/resources/images/mobile/icon/icon_home.gif') no-repeat 9px 11px; background-size:9px 8px; border-bottom:1px solid #efefef; line-height:11px}
.container .contentsarea .pageinfo .pagenavi span {float:left; padding:0 10px 0 0; margin:0 5px 6px 0; background:url('/smc/resources/images/mobile/icon/icon_pagenavi.gif') no-repeat 100% 1px; background-size:4.5px 9px; font-size:14px; letter-spacing:-1px}
.container .contentsarea .pageinfo .pagenavi span.status {margin-right:0; padding-right:0; background:0; color:#222; font-size:14px}
.container .contentsarea .contentsbox {width:94%; margin:0 auto}
.container .contentsarea .contentsbox h3 {margin:15px 0 10px; padding:0 0 7px 0; border-bottom:2px solid #444; color:#222; font-size:18px; text-align:left} /* 2019-01-08 수정 */ 
.container .contentsarea .contentsbox h4.ctitle {clear:both; margin:0 0 12px 0; padding:0 0 0 16px; background:url('/smc/resources/images/mobile/icon/icon_subtitle.png') no-repeat 0 3px; background-size:12px 12px; color:#3768b9; font-size:16px}
.container .contentsarea .contentsbox h4.ctitle span {display:block; margin:2px 0 0 0; font-size:13px; color:#444; font-weight:normal}
.container .contentsarea .contentsbox h5.ctitle {clear:both; margin:0 0 12px 0; padding:0 0 0 16px; background:url('/smc/resources/images/mobile/icon/icon_subtitle.png') no-repeat 0 3px; background-size:12px 12px; color:#3768b9; font-size:16px}


body#error .container {background:#f1f1f1}
body#error .container .midarea {background:#f1f1f1}
body#landing .container .midarea {background:#f1f1f1; padding:50px 0}/* 2016-01-28 추가 */
body#openapi .lnbwrap {height:100%}
body#cscenter .lnbwrap {height:100%}
body#event .lnbwrap {height:100%}

/* 2015-10-02 수정 */
.bottomarea {clear:both; position:relative; z-index:2; width:100%; height:84px; padding:10px 0 0 0; background:#e5e5e5; border-top:1px solid #c9c9c9}
.bottomarea ul.btnmenu {width:94%; height:35px; margin:0 auto}
.bottomarea ul.btnmenu li {float:left; margin:0 3px 0 0}
.bottomarea ul.btnmenu li a {display:block; width:60px; height:28px; padding:0; text-align:center; color:#3768b9; font-size:13px; font-weight:bold; line-height:30px}
.bottomarea ul.btnmenu li.login_go a {background:url('/smc/resources/images/mobile/btn/btn_footerbox_01.png') no-repeat 0 0; background-size:60px 28px}
.bottomarea ul.btnmenu li.logout_go a {width:60px; background:url('/smc/resources/images/mobile/btn/btn_footerbox_01.png') no-repeat 0 0; background-size:60px 28px}
.bottomarea ul.btnmenu li.join_go a {background:url('/smc/resources/images/mobile/btn/btn_footerbox_01.png') no-repeat 0 0; background-size:60px 28px;}
.bottomarea ul.btnmenu li.myInfo a {width:60px; background:url('/smc/resources/images/mobile/btn/btn_footerbox_01.png') no-repeat 0 0; background-size:60px 28px}
.bottomarea ul.btnmenu li.pcver_go a {background:url('/smc/resources/images/mobile/btn/btn_footerbox_02.png') no-repeat 0 0; background-size:60px 28px; color:#666}
.bottomarea ul.btnmenu li.top_go {float:right; margin:0}
.bottomarea ul.btnmenu li.top_go a {width:50px; padding-left:10px; text-align:left; background:url('/smc/resources/images/mobile/btn/btn_footerbox_03.png') no-repeat 0 0; background-size:60px 28px; color:#666}
.bottomarea ul.bmenu {clear:both; width:94%; padding:0; overflow:hidden; margin:0 auto 8px;}
.bottomarea ul.bmenu li {display:inline-block; padding:0 7px 0 8px; background:url('/smc/resources/images/mobile/common/bg_bar_01.jpg') no-repeat 0 3px; background-size:1px 10px}
.bottomarea ul.bmenu li:first-child {padding:0 7px 0 0; background:0}
.bottomarea ul.bmenu li a {color:#666; fotn-size:13px}
.bottomarea .contactus {clear:both; width:94%; margin:0 auto; color:#777; font-size:11px}
.bottomarea .waMark{position:absolute; bottom:5px; right:3%;}
/* 2015-10-02 수정 */
/********** 여기까지 css 전부 업데이트 해주세요 (2015-09-22) ******************/

/* datepicker */
.ui-datepicker {display:none; width:212px; height:158px; margin:0; padding:0; background:url('/smc/resources/images/mobile/common/bg_calendar.jpg') no-repeat 0 100%}
.ui-datepicker .ui-datepicker-header {position:relative; padding:0}
.ui-icon {display:block; width:7px; height:12px; text-indent:-99999px; overflow:hidden}
.ui-icon-circle-triangle-w {background:url('/smc/resources/images/mobile/icon/icon_calendar_prev.jpg') 0 0 no-repeat}
.ui-icon-circle-triangle-e {background:url('/smc/resources/images/mobile/icon/icon_calendar_next.jpg') 0 0 no-repeat}
.ui-datepicker .ui-datepicker-prev {position:absolute; top:14px; left:11px; width:7px; height:12px}
.ui-datepicker .ui-datepicker-next {position:absolute; top:14px; right:11px; width:7px; height:12px}
.ui-datepicker .ui-datepicker-title {padding:11px 0 0 45px}
.ui-datepicker .ui-datepicker-title select {float:left; width:60px; height:21px; margin:0 5px 0 0; border:1px solid #fff; color:#444; font-size:11px}
.ui-datepicker table {width:210px; table-layout:fixed; border-collapse:collapse; margin:0; border:0}
.ui-datepicker table th {padding:3px 0 0 0; text-align:center; font-family:Dotum; font-size:11px; color:#666}
.ui-datepicker table .ui-datepicker-week-end:first-child {color:#cf4500}
.ui-datepicker table .ui-datepicker-week-end:first-child a {color:#cf4500}
.ui-datepicker table .ui-datepicker-week-end {color:#337ebd}
.ui-datepicker table .ui-datepicker-week-end a {color:#337ebd}
.ui-datepicker table td {padding:4px 0 0 0; text-align:center; line-height:13px; font-size:11px; font-family:Dotum}
.ui-datepicker table td a {font-size:11px; color:#666; font-family:Dotum}
.ui-datepicker td.ui-datepicker-today a {}
.ui-datepicker-row-break {clear:both; width:100%; }
.ui-widget {font-family:verdana; font-size:1.1em}
.ui-widget .ui-widget {font-size:1em}
.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button {font-family:Arial,sans-serif; font-size:1em}
.ui-widget-content a {color:#222}
.ui-widget-header {width:212px; height:39px; margin:0; background:url('/smc/resources/images/mobile/common/bg_calendar_header.jpg') no-repeat 0 0; border-bottom:1px solid #dedede; color:#fff; font-size:11px}
.ui-widget-header .ui-datepicker-title {margin-top:-2px; font-size:11px; color:#fff; word-spacing:-1px}
.ui-helper-clearfix:before, .ui-helper-clearfix:after {content:""; display:table; border-collapse:collapse}
.ui-helper-clearfix:after {clear:both}

/* button */
.btn_h40_sk {display:inline-block; width:81px !important; height:30px !important; padding:0 !important; border-radius:4px; background:url('/smc/resources/images/mobile/btn/bg_btngr_14.jpg') repeat-x 0 0 !important; color:#fff; line-height:30px !important; font-size:12px; font-weight:bold; vertical-align:middle}
.btn_wh_h30 {display:inline-block; height:30px; padding:0 10px; background:#fff; border:1px solid #ccc; border-radius:3px; color:#666; font-size:14px; line-height:30px; font-weight:bold; word-spacing:-1px}
.btn_bk_h30 {display:inline-block; height:30px; padding:0 10px; background:#555; border:1px solid #222; border-radius:3px; color:#fff; font-size:14px; line-height:30px; font-weight:bold; word-spacing:-1px}
.btn_pcversion {display:block; width:100px; height:23px; margin:10px 0 0 0; text-align:center; background:url('/smc/resources/images/mobile/btn/bg_btnbox_01.jpg') no-repeat 0 0; background-size:100px 23px; color:#666; font-size:13px; letter-spacing:-1px; line-height:24px}
.btn_type_01 {display:inline-block; width:90px; height:28px; background:url('/smc/resources/images/mobile/btn/btn_bg_type_01.jpg') no-repeat 0 0; color:#fff; line-height:28px; font-size:12px}
.btn_type_02 {display:inline-block; height:22px; padding:0 18px; background:url('/smc/resources/images/mobile/btn/bg_btngr_04.jpg') repeat-x 0 0; border:1px solid #ccc; color:#666; line-height:22px; .688em}
.btn_type_03 {display:inline-block; height:26px; padding:0 15px 0 15px; background:url('/smc/resources/images/mobile/btn/bg_btngr_05.jpg') repeat-x 0 0; border:1px solid #ccc; color:#444; line-height:26px; .750em; text-align:center}
.btn_type_03 em.sch {padding:0 11px 0 0; background:url('/smc/resources/images/mobile/icon/icon_arr_09.png') no-repeat 100% 4px}
.btn_type_04 {width:100px; height:40px; background:url('/smc/resources/images/mobile/btn/btn_commonset.jpg') no-repeat -10px -60px; color:#fff; font-size:14px}
.btn_type_05 {display:inline-block; height:26px; padding:0 17px; border:1px solid #121212; background:url('/smc/resources/images/mobile/btn/bg_btngr_10.jpg') repeat-x 0 0; color:#fff; line-height:26px; font-size:12px}
.btn_type_06 {display:inline-block; width:80px; height:28px; background:url('/smc/resources/images/mobile/btn/btn_bg_search.jpg') no-repeat 0 0; color:#fff; line-height:28px; font-size:14px; font-weight:bold; text-align:center}
.btn_type_07 {display:block; height:26px; padding:0 18px; border:1px solid #2b778a; background:url('/smc/resources/images/mobile/btn/bg_btngr_13.jpg') repeat-x 0 0; color:#fff; line-height:26px; font-size:12px}
.btn_h40_bl {display:inline-block; height:38px; padding-left:10px; padding-right:10px; background:url('/smc/resources/images/mobile/btn/bg_btngr_10.jpg') repeat-x 0 100%; border:1px solid #333; border-radius:4px; color:#fff; letter-spacing:-1px; line-height:38px; font-weight:bold; font-size:14px; text-align:center}
.btn_h40_wh {display:inline-block; height:38px; padding-left:10px; padding-right:10px; background:url('/smc/resources/images/mobile/btn/bg_btngr_11.jpg') repeat-x 0 100%; border:1px solid #bbb; border-radius:4px; color:#444; letter-spacing:-1px; line-height:38px; font-weight:bold; font-size:14px}
.btn_h28_f12 {display:inline-block; height:28px; padding:0 15px 0 15px; background:url('/smc/resources/images/mobile/btn/bg_btngr_12.jpg') repeat-x 0 100%; border-left:1px solid #000; border-right:1px solid #000; color:#fff; line-height:28px; font-size:12px}
.btn_toggle {display:block; width:63px; height:30px; padding:0 0 0 12px; text-align:left; background:url('/smc/resources/images/mobile/btn/btn_toggle_alimi_on.jpg') no-repeat 0 0; background-size:75px 30px; color:#fff; line-height:30px; font-size:16px; font-weight:bold}
.btn_toggle.off {padding:0 12px 0 0; text-align:right; background:url('/smc/resources/images/mobile/btn/btn_toggle_alimi_off.jpg') no-repeat 0 0; background-size:75px 30px; color:#3768b9}
.btn_save {display:inline-block; width:85px; height:35px; background:url('/smc/resources/images/mobile/btn/btn_bg_save.jpg') no-repeat 0 0; background-size:85px 35px; color:#fff; line-height:35px; font-size:15px; font-weight:bold; text-align:center}
.btn_cancel {display:inline-block; width:85px; height:35px; background:url('/smc/resources/images/mobile/btn/btn_bg_cancel.jpg') no-repeat 0 0; background-size:85px 35px; color:#444; line-height:35px; font-size:15px; font-weight:bold; text-align:center}
.btn_type_03.mobiletype {display:block; padding:0; line-height:13px}
.btn_recommend {display:inline-block; width:75px; height:30px; margin:0 0 0 0; padding:0 0 0 10px; text-align:center; background:url('/smc/resources/images/mobile/smartguide/btn_bg_recommend.png') no-repeat 0 0; background-size:100% 30px; color:#fff; line-height:30px; font-size:12px; font-weight:bold; word-spacing:-1px}
.btn_planExpantionBillTest3 {display:inline-block; width:140px; height:30px; background:url('/smc/resources/images/mobile/btn/compare_bt2.gif') no-repeat 0 0; background-size:100% 30px; float:right;  margin-top:-10px; padding-bottom: 5px; text-indent:-99999px} /* 2015-08-10 */
.btn_planExpantionBill {display:inline-block; width:140px; height:30px; background:url('/smc/resources/images/mobile/btn/compare_bt1.gif') no-repeat 0 0; background-size:100% 30px; float:right;  margin-top:-5px; padding-bottom: 5px; text-indent:-99999px} /* 2015-08-10 */
/* .btn_planExpantionBillTest3 {display:inline-block; width:140px; height:30px; background:url('/smc/resources/images/mobile/btn/compare_bt2.gif') no-repeat 0 0; background-size:100% 30px; float:right;  margin-top:-10px; padding-bottom: 5px}2015-06-03 EDENIT button add
.btn_planExpantionBill {display:inline-block; width:140px; height:30px; background:url('/smc/resources/images/mobile/btn/compare_bt1.gif') no-repeat 0 0; background-size:100% 30px; float:right;  margin-top:-5px; padding-bottom: 5px}2015-06-03 EDENIT button add */
.btn_fee_compare {display:inline-block; width:102px; height:30px; margin:0; padding:0 0 0 12px; background:url('/smc/resources/images/mobile/btn/btn_bg_fee_compare.jpg') no-repeat 0 0; background-size:112px 30px; text-align:center; color:#fff; line-height:30px; word-spacing:-1px; font-size:12px; font-weight:bold}
.btn_h30_bl {display:inline-block; height:28px; padding-left:20px; padding-right:20px; background:url('/smc/resources/images/mobile/btn/bg_btngr_10.jpg') repeat-x 0 100%; background-size:2px 30px; border:1px solid #333; border-radius:4px; color:#fff; letter-spacing:-1px; line-height:28px; font-weight:bold; font-size:14px; text-align:center}
.btn_h30_wh {display:inline-block; height:28px; padding-left:20px; padding-right:20px; background:url('/smc/resources/images/mobile/btn/bg_btngr_11.jpg') repeat-x 0 100%; background-size:2px 30px; border:1px solid #bbb; border-radius:4px; color:#444; letter-spacing:-1px; line-height:28px; font-weight:bold; font-size:14px}
.btn_listmore {clear:both; width:auto; height:39px; margin:15px auto 0; background:url('/smc/resources/images/mobile/smartguide/bg_grtit_08.jpg') repeat-x 0 0; background-size:5px 39px; border:1px solid #ddd; border-radius:3px}
.btn_listmore a {display:block; width:100%; height:100%; text-align:center; line-height:38px}
.btn_listmore em {display:inline-block; height:39px; padding:0 15px 0 0; background:url('/smc/resources/images/mobile/icon/icon_arr_24.png') no-repeat 100% 50%; background-size:10px 9px; color:#444; font-size:16px}
.btn_listmore.on em {background:url('/smc/resources/images/mobile/icon/icon_arr_25.png') no-repeat 100% 50%; background-size:10px 9px}

/* common style */
.tac {padding-left:0 !important; padding-right:0 !important; text-align:center !important}
.tal {text-align:left}
.blk {display:block}
.bli {display:inline}
.em_yellow {display:inline-block; padding:2px 4px; background:#ffe954; color:#444}
.bottxt {clear:both; color:#444; font-size:12px; line-height:15px}
.nodata {clear:both; width:auto; padding:20px 0; text-align:center}
.dotline {background:url('/smc/resources/images/mobile/common/dotline_01.gif') repeat-x 0 100%; background-size:3px 1px}
.solidunderline {border-bottom:#ddd solid 1px}
.btnright {clear:both; width:100%; text-align:right; }
.btnright button {margin:0 0 0 10px}
.btnright button:first-child {margin:0}
.btncenter {clear:both; width:100%; text-align:center; }
.btncenter a {margin:0 0 0 5px}
.btncenter a:first-child {margin:0}
.btnjustify {position:relative; clear:both; text-align:left; }
.btnjustify a {margin:0 0 0 5px}
.btnjustify a:first-child {margin:0}
.btnjustify span {position:absolute; right:0; top:0}

.mpRed{color:#f00; font-size:12px}/* 2021-03-25 접근성 수정 */
.mpRed span{font-weight:bold; text-decoration:underline}
.mpTable th{border-left:none !important}
.mpTable td{border-left:none !important}

.mb0 {margin-bottom:0 !important}
.mb5 {margin-bottom:5px !important}
.mb10 {margin-bottom:10px !important}
.mb20 {margin-bottom:20px !important}
.mb40 {margin-bottom:40px !important}
.mt0 {margin-top:0 !important}
.mt5 {margin-top:5px !important}
.mt7 {margin-top:7px !important}
.mt10 {margin-top:10px !important}
.mt15 {margin-top:15px !important}
.mt20 {margin-top:20px !important}
.mt25 {margin-top:25px !important}
.mt30 {margin-top:30px !important}
.mt40 {margin-top:40px !important}
.mt50 {margin-top:50px !important}
.mt100 {margin-top:100px !important}
.mt120 {margin-top:120px !important}
.mr0 {margin-right:0 !important}
.mr5 {margin-right:5px !important}
.ml40 {margin-left:40px !important}
.pt30 {padding-top:30px !important}
/* 2024-04-30 요금제 개편 안내 s */
.pb5 {padding-bottom:5px !important}
.pb10 {padding-bottom:10px !important}
.pb20 {padding-bottom:20px !important}
.pb25 {padding-bottom:25px !important}
.pb30 {padding-bottom:30px !important}
.pb40 {padding-bottom:40px !important}
/* //2024-04-30 요금제 개편 안내 e */
.w60 {width:60px !important}
.w80 {width:80px !important}

.indTx84 {margin-left:84px; text-indent:-84px;} /* 2016-01-12 추가 */

.font_red {color:#ec0000 !important; font-size:14px}
.font_rbw {color:#c63300 !important}
.font_blue {color:#003eaa !important}
.font_navy {color:#3768b9 !important}

.font_12_222 {font-size:12px !important; color:#444}
.font_12_444 {font-size:12px !important; color:#444}
.font_12_666 {font-size:12px !important; color:#444}
.font_12_444_dot {padding:0 0 0 7px; background:url('/smc/resources/images/mobile/icon/icon_3x3_666.gif') no-repeat 0 5px; background-size:2px 2px; font-size:12px !important; color:#444}
.font_12_666_dot {padding:0 0 0 7px; background:url('/smc/resources/images/mobile/icon/icon_3x3_666.gif') no-repeat 0 5px; background-size:2px 2px; font-size:12px !important; color:#666}
.font_12b_444_dot {padding:0 0 0 7px; background:url('/smc/resources/images/mobile/icon/icon_3x3_666.gif') no-repeat 0 5px; background-size:2px 2px; font-size:12px !important; color:#444; font-weight:bold !important}

.font_13_blue {font-size:13px !important; color:#003eaa}
.font_13_222 {font-size:13px !important; color:#444}
.font_13_444 {font-size:13px !important; color:#444}
.font_13_666 {font-size:13px !important; color:#666}
.font_13b_222 {font-size:13px !important; font-weight:bold !important; color:#222}
.font_13b_333 {font-size:13px !important; font-weight:bold !important; color:#333}/* 2020-11-16 추가 */
.font_13b_444 {font-size:13px !important; font-weight:bold !important; color:#444}
.font_13b_666 {font-size:13px !important; font-weight:bold !important; color:#444}
.font_13b_444_dot {padding:0 0 0 7px; background:url('/smc/resources/images/mobile/icon/icon_3x3_666.gif') no-repeat 0 5px; background-size:2px 2px; font-size:13px !important; color:#444 !important; font-weight:bold !important}
.font_13_444_dot {padding:0 0 0 7px; background:url('/smc/resources/images/mobile/icon/icon_3x3_666.gif') no-repeat 0 5px; background-size:2px 2px; font-size:13px !important; color:#444}
.font_13_666_dot {padding:0 0 0 7px; background:url('/smc/resources/images/mobile/icon/icon_3x3_666.gif') no-repeat 0 5px; background-size:2px 2px; font-size:13px !important; color:#666}
.font_13b_red {font-size:13px !important; color:#f30000; line-height:15px}

.font_14_222 {font-size:14px !important; color:#444}
.font_14_444 {font-size:14px !important; color:#444}
.font_14_666 {font-size:14px !important; color:#444}
.font_14b_222 {font-size:14px !important; font-weight:bold !important; color:#222}
.font_14b_444 {font-size:14px !important; font-weight:bold !important; color:#444}
.font_14b_666 {font-size:14px !important; font-weight:bold !important; color:#444}
.font_14_444_dot {padding:0 0 0 8px; background:url('/smc/resources/images/mobile/icon/icon_3x3_666.gif') no-repeat 0 5px; background-size:2px 2px; font-size:14px !important; color:#444}
.font_14b_444_dot {padding:0 0 0 8px; background:url('/smc/resources/images/mobile/icon/icon_3x3_666.gif') no-repeat 0 5px; background-size:2px 2px; font-size:14px !important; color:#444; font-weight:bold !important}
.font_15b_222 {font-size:15px !important; color:#222}
.font_16b_navy {font-weight:bold; color:#164597; font-size:16px}

dl.checkpointbox {clear:both; width:auto; overflow:hidden; min-height:70px; margin:20px 0 0 0; padding:20px 20px 20px 80px; background:#f1f1f1 url('/smc/resources/images/mobile/icon/icon_caution_02.png') no-repeat 20px 20px; border:1px solid #e2e2e2; border-radius:10px}
dl.checkpointbox dt {padding:0 0 5px 0; color:#222; font-size:12px}
dl.checkpointbox dd {color:#444; font-size:12px; line-height:18px}

.paging {clear:both; width:100%; height:30px; overflow:hidden; margin:20px 0 0 0; text-align:right}
.paging * {vertical-align:middle}
.paging a.btn_pag_prev, .paging a.btn_pag_next {display:inline-block; width:30px; height:30px; margin:0 2px; text-indent:-99999px}
.paging a.btn_pag_first {display:none}
.paging a.btn_pag_prev {background:url('/smc/resources/images/mobile/btn/btn_sg_prev.png') no-repeat 0 0; background-size:30px 30px; }
.paging a.btn_pag_next {background:url('/smc/resources/images/mobile/btn/btn_sg_next.png') no-repeat 0 0; background-size:30px 30px; }
.paging a.btn_pag_final {display:none}
.paging span {display:inline-block; margin:0 8px; text-align:center}
.paging span a {display:inline-block; margin:0 6px; padding:0 1px; text-align:center; border-bottom:2px solid #fff; color:#666; font-size:15px; text-decoration:none}
.paging span a.on {border-bottom:2px solid #444; color:#222; font-size:16px}

dl.common_contenttype_1 {clear:both; overflow:hidden}
dl.common_contenttype_1 dt {overflow:hidden; padding:0 0 20px 16px; background:url('/smc/resources/images/mobile/icon/icon_subtitle.png') no-repeat 0 4px; background-size:12px 12px; color:#3768b9; line-height:22px; font-size:1.1em; font-weight:bold}
dl.common_contenttype_1 dd {padding:0 0 5px 0; line-height:18px}
dl.common_contenttype_1 dd.dotline {padding:0 0 29px 0; line-height:20px}
dl.common_contenttype_1 dd.borderline {margin-bottom:20px; padding:0 0 29px 0; border-bottom:1px solid #ddd; line-height:20px}
dl.common_contenttype_1 dd {line-height:20px; color:#444}
dl.common_contenttype_1 dd.list_txtstyle_2 p {overflow:hidden; padding:0 5px 10px 8px; background:url('/smc/resources/images/mobile/icon/icon_3x3_666.gif') no-repeat 0 7px; background-size:3px 3px; line-height:18px; color:#444}
dl.common_contenttype_1 dd strong {display:block; margin:0 0 8px 0}
dl.common_contenttype_1 dd.txt_img_contents {padding:0 0 20px 0}
dl.common_contenttype_1 dd.txt_img_contents .contents_img {display:block; width:100%; margin:20px 0 0 0; text-align:center}
dl.common_contenttype_1 dd.txt_img_contents .contents_img img {max-width:100%}

ul.common_borderbox {clear:both; width:auto; overflow:hidden; margin:0 0 20px 0; border-left:1px solid #e3e3e3}
ul.common_borderbox li {width:auto; overflow:hidden; border-width:1px 1px 1px 0; border-style:solid; border-color:#e3e3e3}
ul.common_borderbox li.devicekind {height:142px; padding:8px; text-align:center}
ul.common_borderbox li .devicekind_1 {display:block; height:22px; margin:8px auto 0; padding:90px 0 0 0; background:url('/smc/resources/images/mobile/smartguide/img_deviceimg_01.jpg') no-repeat 50% 0; color:#444; font-size:14px}
ul.common_borderbox li .devicekind_2 {display:block; height:22px; margin:8px auto 0; padding:90px 0 0 0; background:url('/smc/resources/images/mobile/smartguide/img_deviceimg_02.jpg') no-repeat 50% 0; color:#444; font-size:14px}
ul.common_borderbox li .devicekind_3 {display:block; height:22px; margin:8px auto 0; padding:90px 0 0 0; background:url('/smc/resources/images/mobile/smartguide/img_deviceimg_03.jpg') no-repeat 50% 0; color:#444; font-size:14px}
ul.common_borderbox li.shoplink {float:left; width:50%; height:80px; padding:35px 0 0 0; text-align:center}
ul.common_borderbox li.shoplink.odd {float:none; width:auto; overflow:hidden}
ul.common_borderbox li.shoplink img {width:100px}
ul.common_borderbox li.shoplink a {display:block; width:auto; text-align:center}
ul.common_borderbox li.bdn {border-top:0}

ul.common_tabbox {display:flex; flex-wrap:nowrap; clear:both; width:100%; margin:0 0 20px 0; background:url('/smc/resources/images/mobile/common/bg_tabbottom_01.gif') repeat-x 0 100%; background-size:2px 35px} /* 2020-05-26, 2020-06-29 수정 */
/* 2020-09-14 수정, 2020-05-26, 2020-06-29 수정 */
ul.common_tabbox li {/* display:table;  *//*float:left; width:32.6%;*/ height:35px; /*width:100% !important;*/ overflow:hidden; border:1px solid #ccc; box-sizing:border-box; line-height:30px;} 
/* // 2020-09-14 수정, 2020-05-26, 2020-06-29 수정 */
/*ul.common_tabbox li:first-child {width:33%}*/
ul.common_tabbox:after {content:''; clear:both; display:block}
ul.common_tabbox.ea4 li {width:25% !important}
ul.common_tabbox.ea2 li {width:50% !important}
/*ul.common_tabbox li a {display:block; width:auto; height:30px; overflow:hidden; padding:3px 0 0 0; margin:0 0 0 -1px; background:#fff; color:#666; font-size:11px; line-height:28px; text-align:center; word-spacing:-1px}/* 2016-06-16 수정, 2020-06-29 삭제 */
/* 2020-09-14 수정 */
ul.common_tabbox li a {display:inline-block; vertical-align:middle; width:100%; /* height:30px; */ overflow:hidden; margin:0 0 0 -1px; background:#fff; color:#666; font-size:12px; line-height:1.2; text-align:center; word-spacing:-1px} /* 2020-06-29 추가*/
/* // 2020-09-14 수정 */
ul.common_tabbox li:first-child a {margin:0; border-width:1px}
ul.common_tabbox li a:hover {background:#fff; color:#444; /*font-size:13px;*/ text-decoration:none}/*2016-01-12, 2020-06-29 수정*/	/* 2018-12-01 EDENIT 수정(border 색 변경)*/
ul.common_tabbox li a:focus {background:#fff; color:#444; /*font-size:13px;*/ text-decoration:none}/*2016-01-12, 2020-06-29 수정*/	/* 2018-12-01 EDENIT 수정(border 색 변경)*/
ul.common_tabbox li a:active {background:#fff; color:#444; /*font-size:13px;*/ text-decoration:none}/*2016-01-12, 2020-06-29 수정*/	/* 2018-12-01 EDENIT 수정(border 색 변경)*/
ul.common_tabbox li.on {border:1px solid #0C7EDE !important;}
/* 2020-09-14 수정 , 2016-06-16 수정 , 2018-12-01 EDENIT 수정(border 색 변경) */
ul.common_tabbox li.on a {/* height:29px;  */background:#fff; color:#444; font-size:12px; font-weight:bold; letter-spacing:-1px; text-decoration:none}
/* // 2020-09-14 수정 */
/*ul.common_tabbox li.line2 a {line-height:14px; font-size:13px} 2020-06-29 삭제*/
/*ul.common_tabbox li.line2.on a {line-height:14px; font-size:13px} 2020-06-29 삭제*/

ul.common_tabbox_sub {clear:both; height:auto; overflow:hidden; margin:0}
ul.common_tabbox_sub li {float:left}
ul.common_tabbox_sub li a {display:block; padding:5px 7px 4px 7px; text-align:center; border-width:1px 1px 1px 0; border-style:solid; border-color:#ccc; color:#666; font-size:13px; line-height:15px; font-weight:bold}
ul.common_tabbox_sub li a:hover {background:#4476c8; border-color:#2e5fad; color:#fff; text-decoration:none}
ul.common_tabbox_sub li a:focus {background:#4476c8; border-color:#2e5fad; color:#fff; text-decoration:none}
ul.common_tabbox_sub li a:active {background:#4476c8; border-color:#2e5fad; color:#fff; text-decoration:none}
ul.common_tabbox_sub li:first-child a {border-width:1px}
ul.common_tabbox_sub li.on a {background:#4476c8; border-color:#2e5fad; color:#fff}

/* 2015-10-13 수정시작 */
ul.common_subtab_contents {overflow:hidden; clear:both; position:relative; width:100%; height:auto}
ul.common_subtab_contents li {width:100%; height:auto; overflow:hidden;}
ul.common_subtab_contents li h5 {min-height:34px; padding:0; margin:8px 0 0 0; background:url('/smc/resources/images/mobile/common/bg_subtab_off.png') repeat-x 0 100%; background-size:3px 34px; border:1px solid #ddd; color:#555; font-size:13px; line-height:34px}
/*ul.common_subtab_contents li h5 a {display:block; width:100%; height:100%; padding-left:10px; background:url('/smc/resources/images/mobile/icon/icon_subtab_off.png') no-repeat 93% 50%; background-size:21px 21px; color:#555; font-size:15px; line-height:34px}
ul.common_subtab_contents li.on h5 {background:url('/smc/resources/images/mobile/common/bg_subtab_on.png') repeat-x 0 100%; background-size:3px 34px; border:1px solid #156cdf} 2020-06-24 삭제 */
ul.common_subtab_contents li h5 a {display:block; width:100%; height:100%; background:url('/smc/resources/images/mobile/icon/icon_subtab_off.png') no-repeat 93% 50%; background-size:21px 21px; color:#555; font-size:15px; padding:0px 0 0px 10px} /* 2020-06-24 추가 */
ul.common_subtab_contents li.on h5 {background:linear-gradient(-180deg, #1b8ce7, #135edb); border:1px solid #156cdf} /* 2020-06-24 추가 */
ul.common_subtab_contents li.on h5 a {background:url('/smc/resources/images/mobile/icon/icon_subtab_on.png') no-repeat 93% 50%; background-size:21px 21px; color:#fff}
ul.common_subtab_contents li .innercontents {display:none; position:relative}
ul.common_subtab_contents li .innercontents .inn_hiddenbox {position:relative; width:auto; padding:11px; border:1px solid #ccc}
ul.common_subtab_contents li .innercontents .cover{font-size:12px; width:94%; padding:20px 3%; background:url('/smc/resources/images/mobile/icon/mobile_gift_newbg.png') repeat 0 0; text-align:center; color:#fff; line-height:22px;}
ul.common_subtab_contents li .innercontents .cover .type1{padding-bottom:10px; border-bottom:1px dashed #717171}
ul.common_subtab_contents li .innercontents .cover .type1 span{color:#fddc62}
ul.common_subtab_contents li .hiddenbox {display:none; width:auto}
ul.common_subtab_contents li .innercontents h6 {margin:0 0 10px 0}
ul.common_subtab_contents li.on .innercontents {display:block}
ul.common_subtab_contents li.on .hiddenbox {display:block}
p.feebanner{text-align: center;}
/*기존수정전 파일
ul.common_subtab_contents {overflow:hidden; clear:both; position:relative; width:100%; height:auto}
ul.common_subtab_contents li {width:100%; height:auto; overflow:hidden;}
ul.common_subtab_contents li h5 {min-height:34px; padding:0; margin:8px 0 0 0; background:url('/smc/resources/images/mobile/common/bg_subtab_off.png') repeat-x 0 100%; background-size:3px 34px; border:1px solid #ddd; color:#555; font-size:13px; line-height:34px}
ul.common_subtab_contents li h5 a {display:block; width:100%; height:100%; padding-left:10px; background:url('/smc/resources/images/mobile/icon/icon_subtab_off.png') no-repeat 93% 50%; background-size:21px 21px; color:#555; font-size:15px; line-height:34px}
ul.common_subtab_contents li.on h5 {background:url('/smc/resources/images/mobile/common/bg_subtab_on.png') repeat-x 0 100%; background-size:3px 34px; border:1px solid #156cdf}
ul.common_subtab_contents li.on h5 a {background:url('/smc/resources/images/mobile/icon/icon_subtab_on.png') no-repeat 93% 50%; background-size:21px 21px; color:#fff}
ul.common_subtab_contents li .innercontents {display:none; position:relative}
ul.common_subtab_contents li .innercontents .inn_hiddenbox {width:auto; padding:11px; border:1px solid #ccc}
ul.common_subtab_contents li .hiddenbox {display:none; width:auto}
ul.common_subtab_contents li .innercontents h6 {margin:0 0 10px 0}
ul.common_subtab_contents li.on .innercontents {display:block}
ul.common_subtab_contents li.on .hiddenbox {display:block}
p.feebanner{text-align: center;}*/
/* 2015-10-13 수정끝 */

ul.list_txtstyle_1 {clear:both; overflow:hidden}
ul.list_txtstyle_1 li {overflow:hidden; padding:0 5px 17px 9px; background:url('/smc/resources/images/mobile/icon/icon_3x3_444.gif') no-repeat 0 7px; line-height:18px; color:#444}

/* modal popup */
.transparents-layer {position:fixed; left:0; top:0; z-index:100; width:100%; height:100%; background:#000; opacity:0.5; filter:alpha(opacity="50")}
.modalpop .popupwrap {display:none; position:fixed; left:50%; width:94%; margin:0 0 0 -47%; z-index:101; background:#fff; /* height:200px */ height:auto;} /* 2019-07-09 수정 */
.popupwrap h1 {height:36px; padding:8px 0 0 10px; background:url('/smc/resources/images/mobile/common/bg_poptitle_gr.jpg') repeat-x 0 100%; background-size:4px 34px; border-width:1px 1px 0 1px; border-style:solid; border-color:#ccc; color:#222; font-size:16px}/*2015-04-16 ucomp*/
/* 2020-09-14 수정 */
.popupwrap .btn_modalclose {position:absolute; right:7px; top:5px; display:block; width:25px; height:25px; color:transparent; background:url('/smc/resources/images/mobile/btn/btn_layerclose.png') no-repeat 50% 50%; background-size:16px 16px; overflow:hidden;}
/* // 2020-09-14 수정 */
/* 2020-09-14 추가 */
.popupwrap .btn_modalclose span{display:block; position:absolute; top:0; left:0; width:100%; height:100%; line-height:25px; color:transparent; overflow:hidden}
/* // 2020-09-14 추가 */
.popupwrap .popcontents {padding:15px 10px; overflow:hidden; background:#fff; border-width:0 1px 1px 1px; border-style:solid; border-color:#ccc}
/*2015-04-16 ucomp*/
.popupwrap.mobilefeechoice {position:absolute}
.popupwrap.mobilefeechoice h2 {clear:both; height:25px; color:#444; font-size:14px}
.popupwrap.mobilefeechoice ul.common_tabbox li {height:25px}
.popupwrap.mobilefeechoice ul.common_tabbox li a {height:25px; line-height:18px}
/*ul.common_tabbox li.line2.on a {line-height:14px; font-size:13px} 2020-06-29 삭제*/

.popupwrap.mobilefeechoice .btncenter button, .popupwrap.mobilefeechange .btncenter button {background:url('/smc/resources/images/mobile/btn/btn_commonset.jpg') no-repeat}
.popupwrap.mobilefeechoice .btncenter button.btn_reset, .popupwrap.mobilefeechange .btncenter button.btn_reset {width:155px; height:40px; margin:0 10px 0 0; background-position:-10px -272px; color:#444; font-size:13px}
.popupwrap.mobilefeechoice .btncenter button.btn_apply, .popupwrap.mobilefeechange .btncenter button.btn_apply {width:100px; height:40px; background-position:-10px -60px; color:#fff; font-size:13px}
/* 2019-06-28 수정 및 추가 */
.popupwrap div.feelist {/* display:flex; flex-wrap:wrap; align-content:flex-start;  */width:auto; height:150px;  padding:10px; margin:2px 0 15px 0;  border:1px solid #ddd; overflow:hidden; /* overflow-y:auto; */} /* 2019-07-09 수정 */
.popupwrap div.feelist .feeEach {display:block; position:relative; width:100%;/*  height:40px; */ overflow:hidden; height:auto; padding-bottom:15px; padding-right:10px; line-height:18px; color:#444; letter-spacing:-1px; box-sizing:border-box;} 
.popupwrap div.feelist .feeEach label {display:inline-block; /* position:relative; */ width:calc(100% - 31px); padding:0 10px 0 7px; overflow:hidden;}
.popupwrap div.feelist .feeEach input.radio {width:13px; vertical-align:top; margin-top:2px;}
.popupwrap div.feelist .feeEach label > p{display:inline-block}
.popupwrap div.feelist .feeEach label .plan {float:left; padding-right:5px; font-size:14px; font-weight:bold; line-height:19px; color:#222222; word-break:keep-all}
.popupwrap div.feelist .feeEach label .tit {float:left; vertical-align:top; font-size:13px; /* font-weight:bold; */ line-height:18px; color:#222222}
.popupwrap div.feelist .feeEach label .tit .titBlue {color:#3768b9; font-size:14px;}
.popupwrap div.feelist .feeEach .twoD{/* display:flex; justify-content:space-between; */ width:100%; padding-left:20px; padding-right:5px; overflow:hidden; box-sizing:border-box;}
.popupwrap div.feelist .feeEach .twoD .twoCon {padding-left:6px; font-size:12px; line-height:16px; word-break:keep-all; background:url('/smc/resources/images/mobile/icon/m_plan_arrow.jpg') no-repeat left center; background-size:3px auto;}
/* .popupwrap div.feelist .feeEach .twoD .twoCon.data {padding-left:20px; background:url('/smc/resources/images/icon/gb_icon.jpg') no-repeat left 5px; background-size:14px auto}
.popupwrap div.feelist .feeEach .twoD .twoCon.tel {padding-left:17px; margin-left:15px; background:url('/smc/resources/images/icon/phone_icon.jpg') no-repeat left 5px; background-size:11px auto}
.popupwrap div.feelist .feeEach .twoD .twoCon.message {padding-left:16px; margin-left:15px; background:url('/smc/resources/images/icon/message_icon.jpg') no-repeat left 5px; background-size:13px auto} */

.popupwrap div.feelist .mCSB_scrollTools {right:-7px;}
.popupwrap div.feelist .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {width:2px; background-color:#333}
.popupwrap div.feelist .mCSB_scrollTools .mCSB_draggerRail {background-color:#ddd}

/* //2019-06-28 수정 및 추가 */
.popupwrap.mobilefeechange ul.feelist {margin-bottom:0}
.popupwrap.mobilefeechange .bottxt {margin:5px 0 15px 0 !important; padding:0 !important}
.popupwrap.mobilefeechoice ul.feeUserInput {height:35px; padding:15px 3px 0 7px; margin:5px 0 15px 0; border:1px solid #ddd}
.popupwrap.mobilefeechoice ul.feeUserInput li {float:left; height:40px; margin-right:20px; line-height:20px; color:#444; letter-spacing:-1px}
.popupwrap.mobilefeechoice ul.feeUserInput li label {padding:0 0 0 7px}
.popupwrap.mobilefeechoice ul.feeUserInput li input.radio {vertical-align:-3px}
.popupwrap.mobilefeechoice ul.feeUserInput li input.txt {width:70px; margin-right:5px}
.popupwrap.notice_skt {width:400px; margin:0 0 0 -200px}
.popupwrap.notice_kt {width:400px; margin:0 0 0 -200px}
.popupwrap.notice_lgu {width:400px; margin:0 0 0 -200px}
/*2015-04-16 ucomp*/

.popupwrap .feepreviewwrap {overflow:hidden; padding:0}
.popupwrap .feepreviewwrap .articlebox {display:none; background:url('/smc/resources/images/mobile/smartguide/bg_feepreview_line_01.jpg') repeat-y 0 0}
.popupwrap .feepreviewwrap .articlemain {padding:100px 30px 50px 30px; background:#fff}
.popupwrap .feepreviewwrap .articlemain h1 {width:670px; height:auto; margin:0 auto 60px; padding:0; text-align:center; background:0; border:0}
.popupwrap .feepreviewwrap .articlemain h1 strong {display:block; width:277px; height:36px; margin:0 auto 15px; padding:10px 0 0 0; background:url('/smc/resources/images/mobile/smartguide/bg_feeprvtitle.jpg') no-repeat 0 0; color:#fff; font-size:24px}
.popupwrap .feepreviewwrap .articlemain h1 span {display:block}
.popupwrap .feepreviewwrap .articlemain h1 span.font_40b_444 {margin:0 0 15px 0}
.popupwrap .feepreviewwrap .articlemain h1 span.font_40b_444 em {color:#003eaa}
.popupwrap .feepreviewwrap .articlemain ul.mainmenu {padding:0 0 0 45px}
.popupwrap .feepreviewwrap .articlemain ul.mainmenu li {float:left; width:125px; height:154px}
.popupwrap .feepreviewwrap .articlemain ul.mainmenu li a {display:block; width:122px; height:40px; padding:114px 0 0 0; text-align:center; text-decoration:none; color:#444; line-height:18px}
.popupwrap .feepreviewwrap .articlemain ul.mainmenu li.manumenu_1 a {background:url('/smc/resources/images/mobile/smartguide/img_feeprvmn_01_off.jpg') no-repeat 0 0}
.popupwrap .feepreviewwrap .articlemain ul.mainmenu li.manumenu_1 a:hover {background:url('/smc/resources/images/mobile/smartguide/img_feeprvmn_01_on.jpg') no-repeat 0 0}
.popupwrap .feepreviewwrap .articlemain ul.mainmenu li.manumenu_1 a:focus {background:url('/smc/resources/images/mobile/smartguide/img_feeprvmn_01_on.jpg') no-repeat 0 0}
.popupwrap .feepreviewwrap .articlemain ul.mainmenu li.manumenu_1 a:active {background:url('/smc/resources/images/mobile/smartguide/img_feeprvmn_01_on.jpg') no-repeat 0 0}
.popupwrap .feepreviewwrap .articlemain ul.mainmenu li.manumenu_2 a {background:url('/smc/resources/images/mobile/smartguide/img_feeprvmn_02_off.jpg') no-repeat 0 0}
.popupwrap .feepreviewwrap .articlemain ul.mainmenu li.manumenu_2 a:hover {background:url('/smc/resources/images/mobile/smartguide/img_feeprvmn_02_on.jpg') no-repeat 0 0}
.popupwrap .feepreviewwrap .articlemain ul.mainmenu li.manumenu_2 a:focus {background:url('/smc/resources/images/mobile/smartguide/img_feeprvmn_02_on.jpg') no-repeat 0 0}
.popupwrap .feepreviewwrap .articlemain ul.mainmenu li.manumenu_2 a:active {background:url('/smc/resources/images/mobile/smartguide/img_feeprvmn_02_on.jpg') no-repeat 0 0}
.popupwrap .feepreviewwrap .articlemain ul.mainmenu li.manumenu_3 a {background:url('/smc/resources/images/mobile/smartguide/img_feeprvmn_03_off.jpg') no-repeat 0 0}
.popupwrap .feepreviewwrap .articlemain ul.mainmenu li.manumenu_3 a:hover {background:url('/smc/resources/images/mobile/smartguide/img_feeprvmn_03_on.jpg') no-repeat 0 0}
.popupwrap .feepreviewwrap .articlemain ul.mainmenu li.manumenu_3 a:focus {background:url('/smc/resources/images/mobile/smartguide/img_feeprvmn_03_on.jpg') no-repeat 0 0}
.popupwrap .feepreviewwrap .articlemain ul.mainmenu li.manumenu_3 a:active {background:url('/smc/resources/images/mobile/smartguide/img_feeprvmn_03_on.jpg') no-repeat 0 0}
.popupwrap .feepreviewwrap .articlemain ul.mainmenu li.manumenu_4 a {height:47px; padding-top:107px; background:url('/smc/resources/images/mobile/smartguide/img_feeprvmn_04_off.jpg') no-repeat 0 0}
.popupwrap .feepreviewwrap .articlemain ul.mainmenu li.manumenu_4 a:hover {background:url('/smc/resources/images/mobile/smartguide/img_feeprvmn_04_on.jpg') no-repeat 0 0}
.popupwrap .feepreviewwrap .articlemain ul.mainmenu li.manumenu_4 a:focus {background:url('/smc/resources/images/mobile/smartguide/img_feeprvmn_04_on.jpg') no-repeat 0 0}
.popupwrap .feepreviewwrap .articlemain ul.mainmenu li.manumenu_4 a:active {background:url('/smc/resources/images/mobile/smartguide/img_feeprvmn_04_on.jpg') no-repeat 0 0}
.popupwrap .feepreviewwrap .articlemain ul.mainmenu li.manumenu_5 a {height:47px; padding-top:107px; background:url('/smc/resources/images/mobile/smartguide/img_feeprvmn_05_off.jpg') no-repeat 0 0}
.popupwrap .feepreviewwrap .articlemain ul.mainmenu li.manumenu_5 a:hover {background:url('/smc/resources/images/mobile/smartguide/img_feeprvmn_05_on.jpg') no-repeat 0 0}
.popupwrap .feepreviewwrap .articlemain ul.mainmenu li.manumenu_5 a:focus {background:url('/smc/resources/images/mobile/smartguide/img_feeprvmn_05_on.jpg') no-repeat 0 0}
.popupwrap .feepreviewwrap .articlemain ul.mainmenu li.manumenu_5 a:active {background:url('/smc/resources/images/mobile/smartguide/img_feeprvmn_05_on.jpg') no-repeat 0 0}
.popupwrap .feepreviewwrap .articlemain ul.mainmenu li.manumenu_6 a {height:47px; padding-top:107px; background:url('/smc/resources/images/mobile/smartguide/img_feeprvmn_06_off.jpg') no-repeat 0 0}
.popupwrap .feepreviewwrap .articlemain ul.mainmenu li.manumenu_6 a:hover {background:url('/smc/resources/images/mobile/smartguide/img_feeprvmn_06_on.jpg') no-repeat 0 0}
.popupwrap .feepreviewwrap .articlemain ul.mainmenu li.manumenu_6 a:focus {background:url('/smc/resources/images/mobile/smartguide/img_feeprvmn_06_on.jpg') no-repeat 0 0}
.popupwrap .feepreviewwrap .articlemain ul.mainmenu li.manumenu_6 a:active {background:url('/smc/resources/images/mobile/smartguide/img_feeprvmn_06_on.jpg') no-repeat 0 0}
.popupwrap .feepreviewwrap ul.subpages {position:relative; overflow:hidden; padding:0}
.popupwrap .feepreviewwrap ul.subpages li .article_hiddencontents {display:none; height:498px; overflow-x:hidden; overflow-y:auto; padding:50px 50px 0 205px; line-height:18px}
.popupwrap .feepreviewwrap ul.subpages li .article_hiddencontents h3 {margin:0 0 30px 0}
.popupwrap .feepreviewwrap ul.subpages li .article_hiddencontents dl {clear:both; overflow:hidden; margin:15px 0 30px 0; padding:18px; border:1px solid #ddd}
.popupwrap .feepreviewwrap ul.subpages li .article_hiddencontents dl dt {margin:0 0 15px 0; color:#164597; font-size:13px}
.popupwrap .feepreviewwrap ul.subpages li .article_hiddencontents dl dd p {text-decoration:underline}
.popupwrap .feepreviewwrap ul.subpages li .article_hiddencontents .databoard {margin-top:15px}
.popupwrap .feepreviewwrap ul.subpages li .article_hiddencontents .databoard table thead tr th {border-left:1px solid #ddd; border-top:1px solid #ddd}
.popupwrap .feepreviewwrap ul.subpages li .article_hiddencontents .databoard table thead tr:first-child th:first-child {border-left:0}
.popupwrap .feepreviewwrap ul.subpages li .article_hiddencontents .databoard table tbody th {line-height:17px; font-size:12px}
.popupwrap .feepreviewwrap ul.subpages li .article_hiddencontents .databoard table tbody td {line-height:17px; font-size:12px}
.popupwrap .feepreviewwrap ul.subpages li .article_hiddencontents .databoard table td span.font_12_navy {display:block; margin-top:3px}
.popupwrap .feepreviewwrap ul.subpages li .article_hiddencontents .databoard table td strong.font_13b_navy {display:block; height:25px; font-size:13px}
.popupwrap .feepreviewwrap ul.subpages li .article_hiddencontents .btncenter {margin:20px 0 40px 0}
.popupwrap .feepreviewwrap ul.subpages li .article_hiddencontents .fltable {float:left; width:190px; margin:0 0 40px 0; padding:0 55px 0 0; background:url('/smc/resources/images/mobile/smartguide/bg_feepreview_line_02.jpg') no-repeat 98% 50%}
.popupwrap .feepreviewwrap ul.subpages li .article_hiddencontents .fltable td {padding:7px 0; text-align:center}
.popupwrap .feepreviewwrap ul.subpages li .article_hiddencontents .frtable {float:none; width:auto; overflow:hidden; margin:0 0 40px 0}
.popupwrap .feepreviewwrap ul.subpages li .article_hiddencontents .frtable td {padding:7px 0; text-align:center}
.popupwrap .feepreviewwrap ul.subpages li .article_hiddencontents .txt_caution {margin:15px 0 10px 0; padding:0 0 0 16px; background:url('/smc/resources/images/mobile/icon/icon_caution_03.jpg') no-repeat 0 2px}
.popupwrap .feepreviewwrap ul.subpages li.on .article_hiddencontents {display:block}
.popupwrap .feepreviewwrap ul.subpages li h2 {position:absolute; left:0; width:167px; height:50px}
.popupwrap .feepreviewwrap ul.subpages li.lnbmenu_1 h2 {top:0} 
.popupwrap .feepreviewwrap ul.subpages li.lnbmenu_2 h2 {top:50px} 
.popupwrap .feepreviewwrap ul.subpages li.lnbmenu_3 h2 {top:100px} 
.popupwrap .feepreviewwrap ul.subpages li.lnbmenu_4 h2 {top:150px} 
.popupwrap .feepreviewwrap ul.subpages li.lnbmenu_5 h2 {top:200px} 
.popupwrap .feepreviewwrap ul.subpages li.lnbmenu_6 h2 {top:250px} 
.popupwrap .feepreviewwrap ul.subpages li.lnbmenu_6 .databoard {margin:0 0 40px 0}
.popupwrap .feepreviewwrap ul.subpages li.lnbmenu_6 .databoard table tbody td {padding:7px 0; text-align:center}
.popupwrap .feepreviewwrap ul.subpages li.lnbmenu_7 h2 {top:300px} 
.popupwrap .feepreviewwrap ul.subpages li.lnbmenu_7 .databoard table tbody tr td:first-child {border-left:0}
.popupwrap .feepreviewwrap ul.subpages li h2 a {display:block; height:33px; padding:16px 0 0 22px; background:#888; border-bottom:1px solid #949494; color:#fff; font-size:14px; text-decoration:none}
.popupwrap .feepreviewwrap ul.subpages li h2 a:hover {background:#0c7ede}
.popupwrap .feepreviewwrap ul.subpages li.on h2 a {background:#0c7ede}
.popupwrap.killswitchsetting {position:fixed; top:10%}
.popupwrap.killswitchsetting .popcontents {overflow-y:auto; height:300px; padding-top:20px; padding-bottom:20px}
.popupwrap.killswitchsetting h2 {display:block; margin:0 0 10px 0; font-size:12px; color:#444; font-family:Dotum; font-weight:normal}
.popupwrap.killswitchsetting dl {clear:both; overflow:hidden; padding:0 0 20px 0}
.popupwrap.killswitchsetting dl dt {padding:0 0 10px 0}
.popupwrap.killswitchsetting dl dt strong {display:block; margin:0 0 2px 0; padding:0 0 0 9px; background:url('/smc/resources/images/mobile/icon/icon_3x3_444.gif') no-repeat 0 7px; line-height:18px; color:#444; font-size:13px}
.popupwrap.killswitchsetting dl dt span {display:block; padding:0 0 0 9px; color:#666}
.popupwrap.killswitchsetting dl dd {padding:0 0 0 9px; }
.popupwrap.killswitchsetting dl dd img {margin:0 5px 5px 0; border:1px solid #ddd}
.popupwrap.killswitchsetting dl dd img:last-child {margin:0}
.popupwrap.numberauth {position:fixed; top:10%; width:90%; margin:0 0 0 -45%}
.popupwrap.numberauth h2 {display:block; margin:0 0 2px 0; padding:0 0 0 9px; background:url('/smc/resources/images/mobile/icon/icon_3x3_444.gif') no-repeat 0 7px; line-height:18px; color:#444; font-size:12px; font-weight:normal}
.popupwrap.numberauth fieldset {margin:0 0 20px 0; padding:20px 0 35px 10px; background:url('/smc/resources/images/mobile/common/dotline_01.gif') repeat-x 0 100%; background-size:3px 1px}
.popupwrap.numberauth fieldset label {float:left; padding:6px 12px 0 0; color:#222; font-size:13px}
.popupwrap.numberauth fieldset input.txt {float:left; width:150px; height:23px; border:1px solid #ccc}
.popupwrap.numberauth fieldset span {float:left; padding:7px 0 0 10px; color:#666}
.popupwrap.copyurl {width:440px; margin:0 0 0 -220px}
.popupwrap.feescrap {width:750px; margin:0 0 0 -375px}
.popupwrap.feemailsend {width:800px; margin:0 0 0 -400px}
.popupwrap.feemailsend ul.fee_infobox {width:auto !important; margin:20px 10px 20px 0 !important; padding:0 !important; background:none !important; border-width:1px 1px 0 1px !important; border-style:solid !important; border-color:#ddd !important}
.popupwrap.feemailsend ul.fee_infobox li {float:none !important; width:auto; !important; height:auto !important; overflow:hidden; border-bottom:1px solid #ddd !important}
.popupwrap.feemailsend ul.fee_infobox li dl.feebox {margin:10px 15px !important}
.popupwrap.feemailsend ul.fee_infobox li .tit_agency {padding-left:15px !important}
.popupwrap.feemailsend ul.common_tab_contents {margin:0 !important; padding:40px 0 0 0 !important}
.popupwrap.feemailsend ul.common_tab_contents li ul.fee_infobox {width:570px !important; margin:20px 10px 20px 0 !important; padding:0 !important; background:none !important; border-width:1px 1px 0 1px !important; border-style:solid !important; border-color:#ddd !important}
.popupwrap.feemailsend ul.common_tab_contents li ul.fee_infobox li {float:none !important; width:auto !important}
.popupwrap.feemailsend ul.common_tab_contents li ul.fee_infobox li.fee_skt {width:auto !important}
.popupwrap.feemailsend ul.common_tab_contents li ul.fee_infobox li.fee_lgu {width:auto !important}
.popupwrap.feemailsend ul.fee_infobox li .btn_cal_detailview {position:static !important; width:100% !important; margin:0 !important}
.popupwrap.feemailsend ul.fee_infobox .cal_detailbox {position:static !important; left:none !important; top:none !important; width:auto !important; height:auto !important; padding:10px 5px 20px 9px !important; border-right:0 !important; border-left:0 !important; border-bottom:0 !important}
.popupwrap.feemailsend ul.fee_infobox .cal_detailbox dl {float:none; clear:both; width:auto !important; height:auto !important; overflow:hidden !important}
.popupwrap.feemailsend ul.fee_infobox .cal_detailbox dl dt {width:auto !important}
.popupwrap.feemailsend ul.fee_infobox .cal_detailbox dl dd strong {padding:0 !important; border-bottom:0}
.popupwrap.feemailsend ul.fee_infobox .cal_detailbox dl dd {width:auto !important; height:auto !important}
.popupwrap.feemailsend ul.fee_infobox .cal_detailbox dl dd ul {overflow:hidden; width:auto !important}
.popupwrap.feemailsend ul.fee_infobox .cal_detailbox dl dd ul li {float:left !important; width:200px !important; margin:0 !important; padding-bottom:5px !important; border:0 !important}
.popupwrap.feemailsend ul.fee_infobox .cal_detailbox dl dd button.btn_feeview {margin-bottom:10px !important}
.popupwrap.feemailsend ul.fee_infobox .cal_detailbox dl.optionproduct dt {margin:0 !important}
.popupwrap.feemailsend ul.fee_infobox .cal_detailbox dl.optionproduct dd {float:none !important; margin:0 5px 5px 0 !important}
.popupwrap.feemailsend ul.fee_infobox .cal_detailbox dl.overprice {margin:0 !important}
.popupwrap.feemailsend ul.fee_infobox .cal_detailbox dl.overprice dd {margin:0 5px 0 0 !important}
.popupwrap.feemailsend .btn_cal_close {display:none !important}
.popupwrap.feemailsend .bottxt {margin:0 0 15px 0 !important}
.popupwrap.feemailsend h4 {position:relative; height:auto; padding:0 0 15px 0; margin:30px 0; border-bottom:2px solid #555}
.popupwrap.feemailsend h4 strong {display:block; margin:0 0 7px 0; color:#456cae; font-size:20px}
.popupwrap.feemailsend h4 span {display:block; color:#666; font-size:13px; line-height:18px}
.popupwrap.feemailsend h4 button {display:none}
.popupwrap.feemailsend h5.tit_best {clear:both; position:relative; height:32px; padding:0 0 0 30px; background:url('/smc/resources/images/mobile/icon/icon_stit_02.jpg') no-repeat 1px 0; color:#456cae; font-size:20px; line-height:20px}
.popupwrap.feemailsend h5.tit_best em {position:absolute; left:8px; top:3px; color:#fff; font-size:14px; line-height:15px}
.popupwrap.homeproduct {position:fixed !important; top:40% !important; width:90%; margin:-150px 0 0 -45%}
.popupwrap.homeproduct ul {overflow:hidden; padding:0 10px}
.popupwrap.homeproduct ul li {overflow:hidden; padding:20px 0 0 0}
.popupwrap.homeproduct ul li:first-child {padding:0}
.popupwrap.homeproduct ul li button {width:45px; height:24px; margin:0 0 0 5px; background:url('/smc/resources/images/mobile/btn/bg_btngr_04.jpg') repeat-x 0 100%; border:1px solid #ccc; color:#444; font-size:12px}
.popupwrap.homeproduct ul li strong {display:block; padding:0 0 0 9px; background:url('/smc/resources/images/mobile/icon/icon_3x3_444.gif') no-repeat 0 40%; color:#444; font-size:13px}
.popupwrap.homeproduct ul li p {padding:10px 0 0 0; color:#666; font-size:12px; line-height:18px}

.popupwrap.feedetailview {display:block; position:absolute; visibility: hidden;}/* 2020-09-14 수정 */
.popupwrap.feedetailview h1 span {display:block; float:left; height:20px; margin:0 10px 0 0; /*text-indent:-99999px*/color:transparent;}/* 2020-10-12 접근성 수정*/
.popupwrap.feedetailview h1 strong {float:none; display:block; overflow:hidden; font-size:15px}
.popupwrap.feedetailview h1 a{display:inline-block;}/* 2020-09-14 추가 */
.popupwrap.feedetailview h1 .logo_skt {width:54px; background:url('/smc/resources/images/mobile/smartguide/logo_skt_sg.png')}
.popupwrap.feedetailview h1 .logo_kt {width:45px; background:url('/smc/resources/images/mobile/smartguide/logo_kt_sg.png')}
.popupwrap.feedetailview h1 .logo_lgu {width:69px; background:url('/smc/resources/images/mobile/smartguide/logo_lgu_sg.png')}
.popupwrap.feedetailview h2 {margin:-10px 0 7px 0; color:#222; font-size:13px}
.popupwrap.feedetailview .databoard_row table tbody th {padding:6px 0 6px 0; text-align:center}
.popupwrap.feedetailview .databoard_row table tbody th.sub {border-left:1px solid #ccc}
.popupwrap.feedetailview .databoard_row table tbody td {padding:6px 0 6px 0; text-align:center; border-left:1px solid #ccc; font-size:14px}
.popupwrap.feedetailview .databoard_row table tbody td.font_blue {font-size:15px}
.popupwrap.feedetailview .databoard_row table tbody td.tal {padding:6px; text-align:left; font-size:13px; color:#666; line-height:15px}

/* 2017-11-22 추가 EDENIT */
.popupwrap.feedetailview .databoard_row .option_list { text-align:left;height:100px; /*overflow:auto;*/}	/* 2017-11-29 수정 EDENIT(overflow) */
.popupwrap.feedetailview .databoard_row .option_list ul { margin-left:10px;}
.popupwrap.feedetailview .databoard_row .option_list li {float:left;margin:3px 0 0 0; padding:0 5px 0 9px; background:url('/smc/resources/images/icon/icon_arr_06.jpg') no-repeat 0 6px; width:200px;}
.popupwrap.feedetailview .databoard_row .option_list li a {text-decoration: underline;}
.popupwrap.feedetailview .databoard_row .option_list:after { content:""; display:block; clear:both; }

.feerecommend .feerecbox .mvno_caption {font-size:12px; color:#cd0102; font-family:ngb}
/* //2017-11-22 추가 EDENIT */

.popcontents .supporterssketch h4 {width:100%; margin:0 0 30px 0; }
.popcontents .supporterssketch h4 img {width:100%}
.popcontents .supporterssketch .contents_txt {overflow:hidden; margin:0 0 15px 0; color:#444; font-size:14px; line-height:19px}
.popcontents .supporterssketch .contents_txt strong {color:#222}
.popcontents .supporterssketch .contents_txt strong em {color:#164597}
.popcontents .supporterssketch .contents_txt em {color:#164597; text-decoration:underline}
.popcontents .supporterssketch .contents_img {overflow:hidden; width:100%; margin:10px 0 10px 0}
.popcontents .supporterssketch .contents_img img {width:100%}

.popcontents.webtooncut {width:auto; margin:0 auto}
.popcontents.webtooncut .writerselect {margin:0 0 10px 0}
.popcontents.webtooncut .writerselect select {width:60%; padding:3px; border:1px solid #ccc; color:#444; font-size:14px}
.popcontents.webtooncut ul li {width:100%; margin:0 0 15px 0; text-align:center; }
.popcontents.webtooncut ul li img {width:100%; height:auto; border:1px solid #ddd}

.popupwrap.numberauth {top:30%}
.popupwrap.numberauth h2 {display:block; margin:0 0 2px 0; padding:0 0 0 9px; background:url('/smc/resources/images/mobile/icon/icon_3x3_444.gif') no-repeat 0 7px; line-height:18px; color:#444; font-size:12px; ; font-weight:normal}
.popupwrap.numberauth fieldset {margin:0 0 20px 0; padding:20px 0 35px 10px; background:url('/smc/resources/images/mobile/common/dotline_01.gif') repeat-x 0 100%; background-size:3px 1px}
.popupwrap.numberauth fieldset label {float:left; padding:6px 12px 0 0; color:#222; font-size:13px; }
.popupwrap.numberauth fieldset input.txt {width:150px; height:23px; border:1px solid #ccc}
.popupwrap.numberauth fieldset span {padding:7px 0 0 0; color:#666}

.popupwrap.feemailsend ul.fee_infobox {width:auto !important; margin:20px 10px 20px 0 !important; padding:0 !important; background:none !important; border-width:1px 1px 0 1px !important; border-style:solid !important; border-color:#ddd !important}
.popupwrap.feemailsend ul.fee_infobox li {float:none !important; width:auto; !important; height:auto !important; overflow:hidden; border-bottom:1px solid #ddd !important}
.popupwrap.feemailsend ul.fee_infobox li dl.feebox {margin:10px 15px !important}
.popupwrap.feemailsend ul.fee_infobox li .tit_agency {padding-left:15px !important}
.popupwrap.feemailsend ul.common_tab_contents {margin:0 !important; padding:40px 0 0 0 !important}
.popupwrap.feemailsend ul.common_tab_contents li ul.fee_infobox {width:570px !important; margin:20px 10px 20px 0 !important; padding:0 !important; background:none !important; border-width:1px 1px 0 1px !important; border-style:solid !important; border-color:#ddd !important}
.popupwrap.feemailsend ul.common_tab_contents li ul.fee_infobox li {float:none !important; width:auto !important}
.popupwrap.feemailsend ul.common_tab_contents li ul.fee_infobox li.fee_skt {width:auto !important}
.popupwrap.feemailsend ul.common_tab_contents li ul.fee_infobox li.fee_lgu {width:auto !important}
.popupwrap.feemailsend ul.fee_infobox li .btn_cal_detailview {position:static !important; width:100% !important; margin:0 !important}
.popupwrap.feemailsend ul.fee_infobox .cal_detailbox {position:static !important; left:none !important; top:none !important; width:auto !important; height:auto !important; padding:10px 5px 20px 9px !important; border-right:0 !important; border-left:0 !important; border-bottom:0 !important}
.popupwrap.feemailsend ul.fee_infobox .cal_detailbox dl {float:none; clear:both; width:auto !important; height:auto !important; overflow:hidden !important}
.popupwrap.feemailsend ul.fee_infobox .cal_detailbox dl dt {width:auto !important}
.popupwrap.feemailsend ul.fee_infobox .cal_detailbox dl dd strong {padding:0 !important; border-bottom:0}
.popupwrap.feemailsend ul.fee_infobox .cal_detailbox dl dd {width:auto !important; height:auto !important}
.popupwrap.feemailsend ul.fee_infobox .cal_detailbox dl dd ul {overflow:hidden; width:auto !important}
.popupwrap.feemailsend ul.fee_infobox .cal_detailbox dl dd ul li {float:left !important; width:200px !important; margin:0 !important; padding-bottom:5px !important; border:0 !important}
.popupwrap.feemailsend ul.fee_infobox .cal_detailbox dl dd button.btn_feeview {margin-bottom:10px !important}
.popupwrap.feemailsend ul.fee_infobox .cal_detailbox dl.optionproduct dt {margin:0 !important}
.popupwrap.feemailsend ul.fee_infobox .cal_detailbox dl.optionproduct dd {float:none !important; margin:0 5px 5px 0 !important}
.popupwrap.feemailsend ul.fee_infobox .cal_detailbox dl.overprice {margin:0 !important}
.popupwrap.feemailsend ul.fee_infobox .cal_detailbox dl.overprice dd {margin:0 5px 0 0 !important}
.popupwrap.feemailsend .btn_cal_close {display:none !important}
.popupwrap.feemailsend .bottxt {margin:0 0 15px 0 !important}
.popupwrap.feemailsend h4 {position:relative; height:auto; padding:0 0 15px 0; margin:30px 0; border-bottom:2px solid #555}
.popupwrap.feemailsend h4 strong {display:block; margin:0 0 7px 0; color:#456cae; font-size:20px}
.popupwrap.feemailsend h4 span {display:block; color:#666; font-size:13px; line-height:18px}
.popupwrap.feemailsend h4 button {display:none}
.popupwrap.feemailsend h5.tit_best {clear:both; position:relative; height:32px; padding:0 0 0 30px; background:url('/smc/resources/images/mobile/icon/icon_stit_02.jpg') no-repeat 1px 0; color:#456cae; font-size:20px; line-height:20px}
.popupwrap.feemailsend h5.tit_best em {position:absolute; left:8px; top:3px; color:#fff; font-size:14px; line-height:15px}

.popupwrap.homeproduct ul {overflow:hidden; padding:0 10px}
.popupwrap.homeproduct ul li {overflow:hidden; padding:20px 0 0 0}
.popupwrap.homeproduct ul li:first-child {padding:0}
.popupwrap.homeproduct ul li button {width:45px; height:24px; margin:0 0 0 5px; background:url('/smc/resources/images/mobile/btn/bg_btngr_04.jpg') repeat-x 0 100%; border:1px solid #ccc; color:#444; font-size:12px; }
.popupwrap.homeproduct ul li strong {display:block; padding:0 0 0 9px; background:url('/smc/resources/images/mobile/icon/icon_3x3_444.gif') no-repeat 0 40%; color:#444; font-size:13px; }
.popupwrap.homeproduct ul li p {padding:10px 0 0 0; color:#666; font-size:12px; line-height:18px}

.popupwrap.feedetailview {top:10%}
/*.popupwrap.feedetailview h1 span {display:block; float:left; height:20px; margin:0 10px 0 0; text-indent:-99999px} 2020-10-12 삭제(중복)*/
.popupwrap.feedetailview h1 .logo_sk {width:45px; background:url('/smc/resources/images/mobile/common/logo_skt.png') no-repeat 0 0; background-size:45px 20px}
.popupwrap.feedetailview h1 .logo_kt {width:60px; background:url('/smc/resources/images/mobile/common/logo_kt.png') no-repeat 0 0; background-size:60px 20px}
.popupwrap.feedetailview h1 .logo_lg {width:60px; background:url('/smc/resources/images/mobile/common/logo_lgu.png') no-repeat 0 0; background-size:60px 20px}
.popupwrap.feedetailview h2 {margin:0 0 7px 0; color:#222; font-size:14px}

/* 2017-05-29 추가*/
.popupwrap.refundtimeout {position:absolute}
.popupwrap.refundSK_Check {position:absolute}
.popupwrap.refundCheckER {position:absolute}

/* alert box */
dl.alertbox dt {overflow:hidden; padding:0 5px 17px 10px; background:url('/smc/resources/images/mobile/icon/icon_3x3_666.gif') no-repeat 0 7px; background-size:3px 3px; line-height:18px; color:#444; font-size:14px}
dl.alertbox dt strong a {color:#222; text-decoration:underline}
dl.alertbox dd.btn {margin:25px 0 0 0; text-align:center}

/* common board */
fieldset.boardsch {clear:both; overflow:hidden; width:auto; margin:30px 0 0 0; padding:9px; background:#f7f7f7; border:1px solid #ddd}
fieldset.boardsch select {float:left; width:30%; height:28px; margin:0 5px 0 0; padding:3px 3px 3px 5px;  background:#fff; border:1px solid #ddd}
fieldset.boardsch span {float:none; position:relative; display:block; overflow:hidden; width:auto; height:23px; padding:3px 30px 0 0; background:#fff; border:1px solid #ddd}
fieldset.boardsch span input.txt {width:98%; height:23px; padding:0 0 0 4px; background:#fff; border:0}
fieldset.boardsch span a {display:inline-block; position:absolute; right:0; top:0; width:26px; height:26px; background:url('/smc/resources/images/mobile/icon/icon_search.png') no-repeat 50% 50%; background-size:16px 17px; text-indent:-9999px}
fieldset.boardsch span a em{opacity:0;}

table.board_type_1 {width:100%; border-top:2px solid #555}
table.board_type_1 tbody th {border-bottom:1px solid #ccc; color:#444; font-size:13px}
table.board_type_1 tbody td {padding:12px 15px; border-bottom:1px solid #ccc; line-height:18px}
table.board_type_1 tbody td strong.blk {margin:0 0 5px 0}

.board_type_2 {clear:both; overflow:hidden; padding-top:10px}
.board_type_2 .listwrap {clear:both; overflow:hidden; border-top:2px solid #555}
.board_type_2 .totalnum {display:block; color:#666; font-size:14px; font-weight:bold}
.board_type_2 .totalnum strong {color:#222}
.board_type_2 fieldset.boardsch {display:block; clear:none; float:none; overflow:hidden; margin:20px 0 0 0; padding:0 0 10px 0; background:none; border:none}
.board_type_2 fieldset.boardsch select {border-color:#ccc}
.board_type_2 fieldset.boardsch span {border-color:#ccc; width:75%;}
.board_type_2 dl {clear:both; overflow:hidden; position:relative; padding:12px 0 0 100px; border-bottom:1px solid #ccc}
.board_type_2 dl dt {overflow:hidden; min-height:32px; margin:0 0 5px 0}
.board_type_2 dl dt a {display:block; color:#222; font-size:14px; font-weight:bold}
.board_type_2 dl dt .new {display:inline-block; width:22px; height:9px; padding:1px 2px; margin:1px 0 0 8px; text-align:center; border:1px solid #f94b0f; background:#f96331; vertical-align:top; font-size:8px; font-weight:normal; color:#fff; line-height:8px}
.board_type_2 dl dd.content_pic {position:absolute; left:0; top:12px; }
.board_type_2 dl dd.content_pic img {width:90px; border:1px solid #ddd}
.board_type_2 dl dd.content_txt {padding-bottom:10px}
.board_type_2 dl dd.content_txt a {display:block; color:#444; line-height:16px; font-size:13px}
.board_type_2 dl dd.content_txt .txt {min-height:30px; margin:0 0 10px 0}
.board_type_2 dl dd.content_txt .info {clear:both; display:block; color:#949494; font-size:11px; line-height:12px}
.board_type_2 dl dd.content_txt .info span {display:inline-block; height:12px; padding:0 6px; border-left:1px solid #ccc; line-height:12px}
.board_type_2 dl dd.content_txt .info span:first-child {padding-left:0; border-left:0}
.board_type_2 .paging {float:right; width:42%} /* 2019-02-25 수정 */


.board_type_3 {clear:both; overflow:hidden; padding-top:0}
.board_type_3 .totalnum {display:block; color:#666; font-size:14px; font-weight:bold}
.board_type_3 .totalnum strong {color:#222}
.board_type_3 fieldset.boardsch {clear:none; display:block; margin:5px 0 0 0; padding:0 0 10px 0; background:none; border:none}
.board_type_3 fieldset.boardsch select {border-color:#ccc}
.board_type_3 fieldset.boardsch span {border-color:#ccc}

.board_type_4 {clear:both; overflow:hidden}
.board_type_4 .listwrap {clear:both}
.board_type_4 dl {clear:both; overflow:hidden; margin:0 0 10px 0; border:1px solid #ccc}
.board_type_4 dl dt {position:relative; overflow:hidden; width:auto; padding:9px; border-bottom:1px solid #ccc; }
.board_type_4 dl dt .transparents-layer-event {position:absolute; left:0; top:0; z-index:20; width:100%; height:100%; background:#222; opacity:0.5; filter:alpha(opacity="50")}
.board_type_4 dl dt span {position:absolute; left:10px; top:0; z-index:21; display:block; width:35px; height:45px; text-align:center; color:#fff; font-size:12px; font-weight:bold; line-height:35px}
.board_type_4 dl dt span.ing {background:url('/smc/resources/images/mobile/event/bg_label_ing.png') no-repeat 0 0; background-size:35px 45px; font-size:11px}
.board_type_4 dl dt span.end {background:url('/smc/resources/images/mobile/event/bg_label_end.png') no-repeat 0 0; background-size:35px 45px}
.board_type_4 dl dt img {max-width:100%; width:100%}
.board_type_4 dl dd {overflow:hidden; clear:both; padding:9px}
.board_type_4 dl dd.btnright {padding:0 0 9px 0; text-align:right}
.board_type_4 dl dd.btnright a.btn_h30_wh {margin-right:10px}
.board_type_4 dl dd strong {display:block; color:#444; font-size:15px}
.board_type_4 dl dd strong a {color:#444; font-size:15px}
.board_type_4 dl dd p span {float:none; overflow:hidden; display:block; padding-top:2px; color:#666; font-size:13px}

table.toggleboard {width:100%;}
table.toggleboard thead th {padding:7px 0; background:#737373; color:#fff; font-size:14px}
table.toggleboard tbody th {padding:8px 0 8px 0; vertical-align:top; text-align:center; border-bottom:1px solid #ccc; color:#444; font-size:13px}
table.toggleboard tbody td {padding:8px 0 0 0; vertical-align:top; text-align:center; border-bottom:1px solid #ccc; font-size:13px; line-height:17px} /* 2019-05-31 수정 */
table.toggleboard tbody td.title {padding-left:10px; padding-right:7px; text-align:left}
table.toggleboard tbody td a.cl {display:block; padding-bottom:8px; color:#444; font-size:14px; line-height:17px; text-decoration:none; word-break:keep-all} /* 2019-05-31 수정 */
/* .cscenter_faq table.toggleboard td .hiddenbox {width:-webkit-calc(100% + 100px); width:calc(100% + 100px); margin:12px 0 -12px -110px; padding:10px} */
table.toggleboard.faq tbody th{width:100px} /* 2019-05-31 추가 */
table.toggleboard tbody .hiddenbox {display:none; position:relative; left:-110px; clear:both; width:-webkit-calc(100% + 100px); width:calc(100% + 100px); overflow:hidden; padding:10px 10px; /*  text-align:justify; */ word-break:break-word; background:#f8f8f8; border-top:1px solid #ccc; line-height:18px} /* 2019-05-31 수정 */
table.toggleboard.col0 tbody .hiddenbox {left:-10px; width:100%;} /* 2019-12-26 추가 */
table.toggleboard tbody .hiddenbox .font_12_666_dot {margin:0 0 7px 0}
table.toggleboard tbody .hiddenbox .red {color:#d94646}
table.toggleboard tbody .hiddenbox .tabletitle {display:block; margin:10px 0 5px 0; text-align:center; color:#222; font-size:13px}
table.toggleboard tbody .hiddenbox .img {display:block; width:auto; padding:10px 0; margin:0 10px 20px 0; text-align:center; border:1px solid #ccc}
table.toggleboard tbody .hiddenbox .img img {width:100%; max-width:100%}
table.toggleboard tbody .hiddenbox.monitoring button.btn_type_02 {position:absolute; left:250px; top:137px; padding:0 15px}
table.toggleboard tbody .hiddenbox.monitoring button.btn_type_02 em.sch {padding:0 11px 0 0; background:url('/smc/resources/images/mobile/icon/icon_arr_09.png') no-repeat 100% 3px; font-size:11px; color:#222}
table.toggleboard tbody .hiddenbox.monitoring {position:relative; min-height:140px; padding:20px 20px 20px 250px}
table.toggleboard tbody .hiddenbox.monitoring .title {display:block; height:20px; font-size:12px; color:#222}
table.toggleboard tbody .hiddenbox.monitoring .date {display:block; height:25px; font-size:11px; color:#666}
table.toggleboard tbody .hiddenbox.monitoring .pic {display:block; position:absolute; left:20px; top:20px; border:1px solid #ddd; }
table.toggleboard tbody .hiddenbox.monitoring p {color:#666; line-height:16px; font-size:11px}
table.toggleboard tbody .on a.cl {font-weight:bold}
table.toggleboard tbody .on .hiddenbox {display:block}

/* 2019-08-27 추가 */ 
.mobilegift.serviceCoverage .mobilegift_faqlist table.toggleboard tbody .on .hiddenbox {margin:0}
.mobilegift.serviceCoverage table.toggleboard tbody .hiddenbox {width:100%; padding:10px; left:-10px;}
/* 2019-08-27 추가 */ 
table.boardlist {width:100%}
table.boardlist thead th {padding:10px 0; background:#888; color:#fff; font-size:13px; line-height:15px}
table.boardlist tbody th {padding:12px 0; text-align:center; border-bottom:1px solid #ddd; line-height:15px; color:#444; font-size:12px; font-weight:normal}
table.boardlist td {padding:12px 0; text-align:center; border-bottom:1px solid #ddd; line-height:15px; color:#444; font-size:12px}
table.boardlist td a {display:inline-block; color:#444}
table.boardlist td.title {padding-left:10px; text-align:left}
table.boardlist td.title strong {display:block; color:#222}
table.boardlist td.title strong a {color:#222}
table.boardlist td.title span {display:block; margin-top:3px; color:#777; font-size:13px; font-family:Dotum}
table.boardlist td.thumbnail {padding:5px 0; }
table.boardlist td.thumbnail img {width:50px !important; border:1px solid #cdcdcd}

.databoard {position:relative; clear:both}
.databoard table {width:100%; border-top:1px solid #888; border-bottom:1px solid #bbb}
.databoard table thead th {padding:7px 0; background:#f1f1f1; line-height:15px; border-left:1px solid #ddd; color:#333; font-size:13px}
.databoard table thead th a {color:#333; font-size:13px}
.databoard table thead th:first-child {border-left:0}
.databoard table tbody th {padding:8px 0; border-top:1px solid #ddd; font-size:13px; line-height:15px; color:#444}
.databoard table tbody td {padding:8px; text-align:left; border-top:1px solid #ddd; border-left:1px solid #ddd; .750em; line-height:15px; color:#444}
.databoard.type2 table tbody td {font-size:13px;} /* 2019-05-31 추가 */
.databoard.type2 table tbody td.borL0 {border-left:0;} /* 2019-05-31 추가 */
.databoard table tbody td.btn {padding:0; text-align:center}
.databoard table tbody td.btn_date {padding:5px 8px 2px 8px; text-align:left}
.databoard table tbody td.btn_date button {padding:1px 15px 0 15px; margin:0 4px 4px 0}
.databoard table tbody th.feename {padding-left:0; padding-right:0; text-align:center}
.databoard table tbody th.feename a {text-decoration:underline; color:#3768b9; font-size:14px}
.databoard table tbody td.feeprice {padding-left:0; padding-right:0; text-align:center}
.databoard table tbody td.feeprice em {display:block; color:#3768b9; font-size:13px}
.databoard table tbody td.feeprice span {display:block; color:#444; font-size:12px}
.databoard table tbody td.feeagency {padding-left:0; padding-right:0; text-align:center; font-size:13px}
.databoard table tbody td.feetxt {vertical-align:top; word-wrap:break-word; word-break:break-all; text-align:justify !important; line-height:16px; color:#444; font-size:12px}
.databoard table tbody td .tel {display:block; margin:5px 0 0 0; font-size:13px; color:#777}
.databoard table tbody td .tel a {font-size:13px; color:#777}
.databoard table tbody td .website {font-size:13px; color:#666}
.databoard table tbody td .website a {color:#666}
.databoard table tfoot th {padding:9px 0; background:#f6f6f6; border-top:1px solid #ccc}
.databoard table tfoot td {padding:9px 0; background:#f6f6f6; border-top:1px solid #ccc; border-left:1px solid #ccc}
/*2016-01-12 추가 S */
.databoard.taC thead th,
.databoard.taC tbody td,
.databoard.taC tbody th {text-align:center; padding-left:3px; padding-right:3px} 
.databoard .evalT tbody th{font-weight:normal}
.databoard .borL {border-left:1px solid #ddd !important}
.databoard .borT th,
.databoard .borT td{border-top:1px solid #ddd !important}
.databoard .bgPurple {background:#f3e9fe;}
.databoard .koreaTr th, .databoard .koreaTr td {font-weight:bold; color:#b83fcd}
/*2016-01-12  추가 E */

.databoard_row {clear:both; width:100%; border-top:1px solid #888;}/* 2017-05-31 수정 */
.databoard_row table {width:100%; border-bottom:1px solid #bbb}/* 2017-05-31 수정 */
.databoard_row table thead th {padding:8px 0; background:#f4f4f4; color:#222; border-left:1px solid #ccc; border-bottom:1px solid #ccc; font-size:14px}
.databoard_row table thead th em {display:block; font-weight:normal; font-size:14px}
.databoard_row table thead th:first-child {border-left:0}
.databoard_row table tbody tr:first-child th {border-top:0}
.databoard_row table tbody tr:first-child td {border-top:0}
.databoard_row table tbody th {padding:8px 0 8px 8px; text-align:left; background:#f4f4f4; border-top:1px solid #ccc; color:#222; font-size:14px}
.databoard_row table tbody td {padding:8px 0 8px 8px; border-top:1px solid #ccc; color:#444; font-size:14px; line-height:16px}
.databoard_row table tbody td.btn {padding:5px 0; text-align:center; border-left:1px solid #ccc}
.databoard_row table tbody td.tac {padding:5px 0; text-align:center; border-left:1px solid #ccc}
.databoard_row table tbody td .o {display:block; width:15px; height:12px; margin:0 auto; background:url('/smc/resources/images/mobile/icon/icon_ok.gif') no-repeat 50% 50%; text-indent:-99999px}
.databoard_row table tbody td.txt_feedetail {padding:8px; text-align:justify; line-height:17px}
.databoard_row table .smTxt{font-size:11px;}/* 2021-07-13 추가 */

/* 2022-02-15 수정 s */
.databoard_row table .bdl{border-left:1px solid #ccc;}
.databoard_row table .bdr{border-right:1px solid #ccc;}
.databoard_row table .bdt{border-top:1px solid #ccc;}
.databoard_row table .bdb{border-bottom:1px solid #ccc;}
/* 2022-02-15 수정 e */


/* 2015-04-14 EDENIT change source */
.datalist {clear:both}
.datalist table {width:100%; border-bottom:1px solid #bbb}
.datalist table thead th {padding:7px 0; background:#888; line-height:15px; color:#fff; font-size:13px; font-family:ngb}
.datalist table tbody th {padding:8px; border-top:1px solid #ccc; color:#444; font-size:12px; line-height:17px; font-family:ng}
.datalist table tbody tr:first-child th {border-top:0}
.datalist table tbody tr:first-child td {border-top:0}
.datalist table td {padding:8px; border-top:1px solid #ccc; color:#444; font-size:12px; line-height:17px}
.datalist table td a {color:#444; font-size:12px; line-height:17px}
.datalist table td.answerLine {padding:15px; background:#f8f8f8; font-size:13px; line-height:18px}
/* //2015-04-14 EDENIT change source */

table.boardwrite {clear:both; /* width:100%; */ table-layout:fixed; border-top:1px solid #555; border-bottom:1px solid #ccc}
table.boardwrite.cp {border:1px solid #ccc}
table.boardwrite tbody th {padding:8px 0 8px 8px; text-align:left; border-top:1px solid #e2e2e2; background:#f4f4f4; color:#222; text-align:left; font-size:13px}
table.boardwrite tbody th span {display:block; color:#222; font-size:13px}
table.boardwrite tbody th.sub {background:#fff}
table.boardwrite tbody th.sub span {font-weight:normal}
table.boardwrite tbody th em.ess {display:block; float:left; width:10px; height:10px; background:url('/smc/resources/images/mobile/icon/icon_ess_01.png') no-repeat 0 70%; background-size:5px 5.5px; text-indent:-99999px}
table.boardwrite tbody th input.checkbox, .transfersearch table.boardwrite td input.checkbox {margin-right:5px}
table.boardwrite tbody td {padding:8px; border-top:1px solid #e2e2e2; font-size:12px}
table.boardwrite tbody tr:first-child th, table.boardwrite tbody tr:first-child td {border-top:0}
table.boardwrite tbody td input.txt {height:20px; margin:0 5px 0 0}
table.boardwrite tbody td .txt_caution {display:block; float:none; clear:both; margin-bottom:-2px; padding:7px 0 0 0; text-size-adjust:none; -webkit-text-size-adjust:none; color:#ec0000; font-size:12px; font-family:Dotum}
table.boardwrite tbody td .txt_caution span {margin-left:5px}
table.boardwrite tbody td .txt_error {display:block; float:none; clear:both; margin-bottom:-2px; padding:7px 0 0 17px; background:url('/smc/resources/images/mobile/icon/icon_caution_04.png') no-repeat 0 7px; background-size:13px 13px; text-size-adjust:none; -webkit-text-size-adjust:none; color:#3768b9; font-size:12px; font-family:Dotum}
table.boardwrite tbody td select {padding:5px; margin:0 3px 0 0; border:1px solid #ccc}
table.boardwrite tbody td * {vertical-align:middle}
table.boardwrite tbody td.ntxt {padding:12px 0 12px 10px}
table.boardwrite tbody td .scrollbox {height:250px; margin:0 9px -3px 0; overflow-x:hidden; overflow-y:auto}
table.boardwrite td select {display:block; float:left; width:70%; height:30px; margin:0 5px 0 0; border:1px solid #c2c4c5; border-radius:3px} 
table.boardwrite td .inpbox {display:block; float:none; width:100%; height:25px; margin:0 5px 0 0; background:#fff; border:1px solid #c2c4c5; border-radius:3px} 
table.boardwrite td .inpbox input.txt {width:100%; height:100%; padding:0; margin:0; border:0; background:0; font-size:14px}
table.boardwrite td a.btn_h30_wh {float:none; overflow:hidden; width:45%; display:block; height:25px; margin-top:5px; padding:0 10px;  text-align:center; border:1px solid #c2c4c5; font-size:13px; font-weight:bold}
table.boardwrite td.email_insert em {float:left; margin:0 5px; padding-top:6px}
table.boardwrite td.email_insert .inpbox {width:35%; margin:0}
table.boardwrite td.email_insert select {margin-top:7px}
table.boardwrite td.email_insert a.btn_h30_wh {margin-top:7px}
table.boardwrite td.authnum_insert {padding:10px; background:#f8f8f8; }
table.boardwrite td.authnum_insert .inpbox {width:65%}
table.boardwrite td.cellphone_insert {padding:10px; background:#f8f8f8; }
table.boardwrite td.cellphone_insert em {float:left; margin:0 5px; padding-top:5px; font-size:13px}
table.boardwrite td.cellphone_insert .inpbox {width:22%; margin:0}
table.boardwrite td.cellphone_insert select {width:24%; margin:0}

dl.boardview {clear:both; overflow:hidden; margin:-5px 0 20px 0}
dl.boardview dt {padding:0; line-height:17px; font-size:16px; color:#222}
dl.boardview dd.info {overflow:hidden; padding:6px 0 13px 0; border-bottom:2px solid #666}
dl.boardview dd.info p {float:left; height:12px; padding:0 10px; border-left:1px solid #ddd}
dl.boardview dd.info p:first-child {padding-left:0; border-left:0}
dl.boardview dd.info p span {float:left; margin:0 8px 0 0; font-weight:bold; font-size:13px; color:#666}
dl.boardview dd.info p em {float:none; overflow:hidden; display:block; font-size:13px; color:#666}
dl.boardview dd.contentsview {clear:both; overflow:hidden; padding:15px 5px; text-align:justify; border-bottom:1px solid #555; color:#444; font-size:14px; line-height:19px}
dl.boardview dd.contentsview img {max-width:100%}
dl.boardview dd.contentsview .attachment {overflow:hidden; margin:30px 0 0 0; padding:9px; background:#f8f8f8; border:1px solid #ccc; border-radius:3px}
dl.boardview dd.contentsview .attachment a {display:block; padding:0 0 0 15px; background:url('/smc/resources/images/mobile/icon/icon_attachment.png') no-repeat 0 3px; background-size:11px 12px; font-size:13px; color:#555}
dl.boardview dd.webtooncontents ul {width:100%; margin:10px auto}
dl.boardview dd.webtooncontents ul li {width:100%; margin:0 0 15px 0; text-align:center; }
dl.boardview dd.webtooncontents ul li img {width:100%; height:auto}

dl.writerinfo {clear:both; margin:20px 0 15px 0; padding:10px; background:#fff; border:1px solid #ccc; border-radius:3px}
dl.writerinfo dt {height:25px; color:#222; font-size:15px; font-weight:bold}
dl.writerinfo dd.pic {float:left; width:90px; margin:0 10px 0 0}
dl.writerinfo dd.pic img {width:90px; border:1px solid #ddd}
dl.writerinfo dd.txt {float:none; overflow:hidden; color:#444; line-height:17px; font-size:13px}
dl.writerinfo dd.msg {clear:both; float:none; overflow:hidden; color:#666}
dl.writerinfo dd.msg strong {display:block; margin:10px 0 4px 0}
dl.writerinfo dd.msg span {display:block}

.otherlist {clear:both; position:relative; overflow:hidden; margin:25px 0 15px 0; padding:0}
.otherlist h5 {margin:0 0 7px 0; color:#222; font-size:15px}
.otherlist ul {overflow:hidden; padding:9px; background:#f1f1f1; border:1px solid #ccc; border-radius:3px}
.otherlist ul li {margin:5px 5px 0 5px}
.otherlist ul li:first-child {margin:0 5px 0 5px}
.otherlist ul li a {display:block; padding:0 0 0 9px; background:url('/smc/resources/images/mobile/icon/icon_3x3_666.gif') no-repeat 0 6px; background-size:3px 3px; line-height:17px; color:#444; font-size:13px}

ul.prevnextlist {clear:both; overflow:hidden; margin:20px 0; border-top:1px solid #ccc; border-bottom:1px solid #ccc}
ul.prevnextlist li {position:relative; overflow:hidden; padding:8px 10px 7px 60px; font-size:14px}
ul.prevnextlist li strong {position:absolute; left:0; top:8px; display:block; width:60px; padding:0; text-align:center; color:#222; font-size:14px}
ul.prevnextlist li a {display:block; color:#444; font-size:14px}
ul.prevnextlist li:first-child {border-bottom:1px solid #e2e2e2}

.replywrap {clear:both; overflow:hidden}
.replywrap dl.replyinsertbox {clear:both; overflow:hidden; padding:9px; background:#f1f1f1; border:1px solid #ccc; border-radius:3px}
.replywrap dl.replyinsertbox dt {height:25px; padding-top:2px; font-size:15px; color:#222; font-weight:bold}
.replywrap dl.replyinsertbox dt .sns {vertical-align:1px; margin:0 0 0 10px}
.replywrap dl.replyinsertbox dt a {display:inline-block; width:16px; height:16px; margin:0 5px 0 0; ; text-indent:-99999px; vertical-align:middle}
.replywrap dl.replyinsertbox dt a.btn_smartchoice {background:url('/smc/resources/images/mobile/smartreport/icon_sns_sc.gif') no-repeat 0 0; background-size:16px 16px}
.replywrap dl.replyinsertbox dt a.btn_facebook {background:url('/smc/resources/images/mobile/smartreport/icon_sns_facebook.gif') no-repeat 0 0; background-size:16px 16px}
.replywrap dl.replyinsertbox dt a.btn_twitter {background:url('/smc/resources/images/mobile/smartreport/icon_sns_twitter.gif') no-repeat 0 0; background-size:16px 16px}
.replywrap dl.replyinsertbox dt a.btn_smartchoice_on {background:url('/smc/resources/images/mobile/smartreport/icon_sns_sc_on.gif') no-repeat 0 0; background-size:16px 16px}
.replywrap dl.replyinsertbox dt a.btn_facebook_on {background:url('/smc/resources/images/mobile/smartreport/icon_sns_facebook_on.gif') no-repeat 0 0; background-size:16px 16px}
.replywrap dl.replyinsertbox dt a.btn_twitter_on {background:url('/smc/resources/images/mobile/smartreport/icon_sns_twitter_on.gif') no-repeat 0 0; background-size:16px 16px}
.replywrap dl.replyinsertbox dd {position:relative; overflow:hidden; padding:0 60px 5px 0}
.replywrap dl.replyinsertbox dd p {width:auto; height:80px; padding:5px; background:#fff; border:1px solid #ccc; border-radius:3px}
.replywrap dl.replyinsertbox dd textarea {width:100%; height:100%; overflow-x:hidden; overflow-y:auto; padding:0; border:0; line-height:16px; font-size:13px}
.replywrap dl.replyinsertbox dd .bytechk {display:block; width:100%; margin-top:5px; text-align:right; font-size:11px; color:#666; font-family:Dotum}
.replywrap dl.replyinsertbox dd .bytechk strong {color:#444; font-family:Dotum; font-weight:bold}
.replywrap dl.replyinsertbox dd a {display:block; position:absolute; right:0; top:0; width:53px; height:40px; text-align:center; background:url('/smc/resources/images/mobile/btn/btn_submit.jpg') no-repeat 0 0; border-radius:3px; color:#fff; line-height:40px; font-size:15px; font-weight:bold}
.replywrap .listwrap {clear:both; overflow:hidden; margin:20px 0 0 0; border:1px solid #ccc; border-radius:3px}
.replywrap .listwrap .nodata {padding:30px 0 30px 0}


/* Etc */
.introduce .contentsbox {margin-top:-15px}
.introduce .contentsbox h4 {height:auto; padding:0; background:url('/smc/resources/images/mobile/etc/img_introduce.jpg') no-repeat 95% 0; background-size:75px 58px}
.introduce .contentsbox h4 strong {display:block; padding:0 0 15px 0; color:#003eaa; font-size:24px}
.introduce .contentsbox h4 span {color:#222; line-height:19px; font-size:14px}
.introduce .contentsbox dl {padding:25px 0 0 0}
.introduce .contentsbox dl dt {padding:0 0 5px 0; color:#444; font-size:16px; font-weight:bold}
.introduce .contentsbox dl dd {padding:0 0 0 9px; background:url('/smc/resources/images/mobile/icon/icon_3x3_555.gif') no-repeat 0 6px; line-height:18px; font-size:14px}

.userule .contentsbox h4 {height:auto; padding:0; margin:25px 0 0 0; color:#003eaa; font-size:16px}
.userule .contentsbox h4:first-child {margin:0}
.userule .contentsbox strong {display:block; margin:20px 0 10px 0; color:#444; font-size:16px}
.userule .contentsbox strong.tit {margin:10px 0}
.userule .contentsbox p {line-height:18px}
.userule .contentsbox ul.txtlist li {overflow:hidden; padding-left:10px; line-height:18px}
.userule .contentsbox ul.txtlist li em {display:inline-block; margin-left:-10px; padding-right:7px}
.userule .contentsbox ul.txtlist ul li {padding-left:15px}
.userule .contentsbox ul.txtlist ul li em {margin-left:-15px; padding-right:4px}

.privaterule .contentsbox h4 {display:block; margin:20px 0 10px 0; color:#003eaa; font-size:16px}
.privaterule .contentsbox strong {display:block; margin:20px 0 6px 0; color:#444; font-size:15px}
.privaterule .contentsbox strong.tit {margin:10px 0 6px 0; font-size:14px}
.privaterule .contentsbox p {line-height:19px}
.privaterule .contentsbox ul li {padding-left:9px; line-height:18px}
.privaterule .contentsbox ul li em {display:inline-block; margin-left:-9px; padding-right:5px}
.privaterule ul.txtlist {clear:both; overflow:hidden; margin:15px 0 5px 0; padding:9px 9px 2px 9px; background:#f8f8f8; border:1px solid #ddd}
.privaterule ul.txtlist li {margin:0 0 10px 0; padding:0 0 0 9px; background:url('/smc/resources/images/mobile/icon/icon_3x3_555.gif') no-repeat 0 6px}
.privaterule ul.txtlist li ul li {padding:0 0 0 8px; margin:0; background:url('/smc/resources/images/mobile/icon/icon_list_02.png') no-repeat 0 8px}
.privaterule ul.txtlist li ul li em {margin-left:0; padding-right:4px}
.privaterule dl dd {line-height:18px}
.privaterule dl.txtlist {clear:both; overflow:hidden; margin:15px 0 5px 0; padding:9px; background:#f8f8f8; border:1px solid #ddd}
.privaterule dl.txtlist dt {margin:0 0 4px 0; color:#222; font-size:14px}
.privaterule dl.txtlist dd {padding:0 0 0 9px; background:url('/smc/resources/images/mobile/icon/icon_3x3_555.gif') no-repeat 0 6px}

.emailreject .contentsbox p {line-height:19px; font-size:14px}
.emailreject .contentsbox p.notice {color:#444}
.emailreject strong {display:block; padding:20px 0 10px 0; color:#003eaa; font-size:16px}

.rightsrule .contentsbox strong {display:block; color:#003eaa; font-size:16px}
.rightsrule .contentsbox p {padding:15px 0 0 0; line-height:18px}

.lawguide .contentsbox strong {display:block; padding:25px 0 0 0; color:#003eaa; font-size:16px}
.lawguide .contentsbox strong.tit {padding:22px 0 0 0}
.lawguide .contentsbox p {padding:6px 0 0 0; line-height:18px}
.lawguide .contentsbox h4 {color:#444}

.viewerdownload .viewerbox {overflow:hidden; clear:both; margin-top:30px}
.viewerdownload .viewerbox:first-child {padding-top:0}
.viewerdownload .viewerbox strong {display:block; overflow:hidden; clear:both; padding:0 0 11px; font-size:13px}
.viewerdownload .viewerbox dl {float:left; width:126px; border-width:1px 1px 1px 0; border-style:solid; border-color:#ccc}
.viewerdownload .viewerbox dl.first {border-width:1px}
.viewerdownload .viewerbox dl dt {width:126px; height:50px; padding-top:7px; border-bottom:1px solid #ccc; text-align:center}
.viewerdownload .viewerbox dl dt a {display:block; width:100%; height:100%}
.viewerdownload .viewerbox dl dt img {vertical-align:middle}
.viewerdownload .viewerbox dl dd {height:28px; line-height:28px}
.viewerdownload .viewerbox dl dd a {display:block; width:100%; height:100%; background:url('/smc/resources/images/mobile/btn/bg_btngr_05.jpg') repeat-x 0 100%; color:#444; text-decoration:none; text-align:center}

.report .contentsbox {margin-top:-15px}
.report .contentsbox h4 {height:auto; padding:13px 0 20px; background:url('/smc/resources/images/mobile/etc/img_report.jpg') no-repeat 100% 0; background-size:114px 69.5px}
.report .contentsbox h4 strong {display:block; padding:10px 0 15px; color:#222; line-height:36px; font-size:1.875em}
.report .contentsbox h4 strong em {color:#003eaa}
.report .contentsbox h4 span {color:#666; line-height:19px; font-size:12px}
.report .reportguide {padding:28px 18px; border:1px solid #ccc}
.report .reportguide p.notice {color:#444; text-align:center; font-size:13px}
.report .reportguide p.btncenter {padding:20px 0}
.report .reportguide dl {padding:20px 0 0; background:url('/smc/resources/images/mobile/common/dotline_01.gif') repeat-x 0 0; background-size:3px 1px}
.report .reportguide dl dt {padding:0 0 10px; color:#444; font-size:13px}
.report .reportguide dl dd {line-height:16px}
.report .reportguide dl dd button.btn_type_03 {margin-top:8px; color:#444}

.sitemap .allmenuwrap div {clear:both; overflow:hidden; margin:0 0 10px 0}
.sitemap .allmenuwrap h2 {height:27px; padding:5px 0 0 15px; color:#fff; font-size:20px; letter-spacing:-1px}
.sitemap .allmenuwrap ul {border-right:1px solid #e4e4e4}
.sitemap .allmenuwrap ul li {float:left; width:33.3%; height:93px; background:#fff; border-left:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4}
.sitemap .allmenuwrap ul li a {display:block; width:90%; height:30px; padding:50px 0 0 0; margin:5px auto 0; text-align:center; color:#444; font-size:14px; letter-spacing:-1px; line-height:16px}
.sitemap .allmenuwrap .gnbmenu_1 h2 {background:#ffbd00 url('/smc/resources/images/mobile/common/img_menutit_01.jpg') no-repeat 95% 0; background-size:63px 32px}
.sitemap .allmenuwrap .gnbmenu_1 ul li.menu_1 a {height:20px; padding-top:60px; background:url('/smc/resources/images/mobile/common/img_menu_0101.jpg') no-repeat 50% 5px; background-size:44px 50px}
.sitemap .allmenuwrap .gnbmenu_1 ul li.menu_2 a {background:url('/smc/resources/images/mobile/common/img_menu_0102.jpg') no-repeat 50% 0; background-size:48px 50px}
.sitemap .allmenuwrap .gnbmenu_1 ul li.menu_3 {float:none; width:auto; overflow:hidden}
.sitemap .allmenuwrap .gnbmenu_1 ul li.menu_3 a {background:url('/smc/resources/images/mobile/common/img_menu_0103.jpg') no-repeat 50% 0; background-size:48px 50px}
.sitemap .allmenuwrap .gnbmenu_1 ul li.menu_4 a {height:20px; padding-top:60px; background:url('/smc/resources/images/mobile/common/img_menu_0104.jpg') no-repeat 50% 0; background-size:39px 50px}
.sitemap .allmenuwrap .gnbmenu_1 ul li.menu_5 a {height:20px; padding-top:60px; background:url('/smc/resources/images/mobile/common/img_menu_0105.jpg') no-repeat 50% 5px; background-size:42px 50px}
.sitemap .allmenuwrap .gnbmenu_1 ul li.menu_6 {float:none; width:auto; overflow:hidden}
.sitemap .allmenuwrap .gnbmenu_1 ul li.menu_6 a {background:url('/smc/resources/images/mobile/common/img_menu_0106.jpg') no-repeat 50% 0; background-size:45px 50px}
.sitemap .allmenuwrap .gnbmenu_2 h2 {background:#fa6531 url('/smc/resources/images/mobile/common/img_menutit_02.jpg') no-repeat 95% 0; background-size:63px 32px}
.sitemap .allmenuwrap .gnbmenu_2 ul li.menu_1 {width:24.9%}
.sitemap .allmenuwrap .gnbmenu_2 ul li.menu_1 a {background:url('/smc/resources/images/mobile/common/img_menu_0201.jpg') no-repeat 50% 0; background-size:48px 50px}
.sitemap .allmenuwrap .gnbmenu_2 ul li.menu_2 {width:24.8%}
.sitemap .allmenuwrap .gnbmenu_2 ul li.menu_2 a {background:url('/smc/resources/images/mobile/common/img_menu_0202.jpg') no-repeat 50% 0; background-size:48px 50px}
.sitemap .allmenuwrap .gnbmenu_2 ul li.menu_3 {width:24.9%}
.sitemap .allmenuwrap .gnbmenu_2 ul li.menu_3 a {background:url('/smc/resources/images/mobile/common/img_menu_0203.jpg') no-repeat 50% 0; background-size:57px 50px}
.sitemap .allmenuwrap .gnbmenu_2 ul li.menu_4 {float:none; width:auto; overflow:hidden}
.sitemap .allmenuwrap .gnbmenu_2 ul li.menu_4 a {background:url('/smc/resources/images/mobile/common/img_menu_0204.jpg') no-repeat 50% 0; background-size:40px 50px}
.sitemap .allmenuwrap .gnbmenu_2 ul li.menu_5 a {background:url('/smc/resources/images/mobile/common/img_menu_0205.jpg') no-repeat 50% 0; background-size:42px 50px}
.sitemap .allmenuwrap .gnbmenu_2 ul li.menu_6 a {height:20px; padding-top:60px; background:url('/smc/resources/images/mobile/common/img_menu_0206.jpg') no-repeat 50% 0; background-size:44px 50px}
.sitemap .allmenuwrap .gnbmenu_2 ul li.menu_7 {float:none; width:auto; overflow:hidden}
.sitemap .allmenuwrap .gnbmenu_2 ul li.menu_7 a {background:url('/smc/resources/images/mobile/common/img_menu_0207.jpg') no-repeat 50% 0; background-size:50px 50px}
.sitemap .allmenuwrap .gnbmenu_3 h2 {background:#c255d6 url('/smc/resources/images/mobile/common/img_menutit_03.jpg') no-repeat 95% 0; background-size:63px 32px}
.sitemap .allmenuwrap .gnbmenu_3 ul li a {height:20px; padding-top:60px}
.sitemap .allmenuwrap .gnbmenu_3 ul li.menu_1 {width:24.9%}
.sitemap .allmenuwrap .gnbmenu_3 ul li.menu_1 a {background:url('/smc/resources/images/mobile/common/img_menu_0301.jpg') no-repeat 50% 5px; background-size:49px 50px}
.sitemap .allmenuwrap .gnbmenu_3 ul li.menu_2 {width:24.8%}
.sitemap .allmenuwrap .gnbmenu_3 ul li.menu_2 a {background:url('/smc/resources/images/mobile/common/img_menu_0302.jpg') no-repeat 50% 5px; background-size:40px 50px}
.sitemap .allmenuwrap .gnbmenu_3 ul li.menu_3 {width:24.9%}
.sitemap .allmenuwrap .gnbmenu_3 ul li.menu_3 a {background:url('/smc/resources/images/mobile/common/img_menu_0303.jpg') no-repeat 50% 5px; background-size:45px 50px}
.sitemap .allmenuwrap .gnbmenu_3 ul li.menu_4 {float:none; width:auto; overflow:hidden}
.sitemap .allmenuwrap .gnbmenu_3 ul li.menu_4 a {background:url('/smc/resources/images/mobile/common/img_menu_0304.jpg') no-repeat 50% 5px; background-size:47px 50px}
.sitemap .allmenuwrap .gnbmenu_4 h2 {background:#5e9901}
.sitemap .allmenuwrap .gnbmenu_4 ul li a {height:20px; padding-top:60px}
.sitemap .allmenuwrap .gnbmenu_4 ul li.menu_1 a {background:url('/smc/resources/images/mobile/common/img_menu_0401.jpg') no-repeat 50% 5px; background-size:46px 50px}
.sitemap .allmenuwrap .gnbmenu_4 ul li.menu_2 a {background:url('/smc/resources/images/mobile/common/img_menu_0402.jpg') no-repeat 50% 5px; background-size:48px 50px}
.sitemap .allmenuwrap .gnbmenu_4 ul li.menu_3 {float:none; width:auto; overflow:hidden}
.sitemap .allmenuwrap .gnbmenu_4 ul li.menu_3 a {background:url('/smc/resources/images/mobile/common/img_menu_0403.jpg') no-repeat 50% 5px; background-size:42px 50px}
.sitemap .allmenuwrap .gnbmenu_5 {float:left; clear:none; width:49%; margin:0 10px 10px 0}
.sitemap .allmenuwrap .gnbmenu_5 h2 {background:#b6b6b6}
.sitemap .allmenuwrap .gnbmenu_5 ul li a {height:20px; padding-top:60px}
.sitemap .allmenuwrap .gnbmenu_5 ul li.menu_1 {width:49.8%}
.sitemap .allmenuwrap .gnbmenu_5 ul li.menu_1 a {background:url('/smc/resources/images/mobile/common/img_menu_0501.jpg') no-repeat 50% 5px; background-size:45px 50px}
.sitemap .allmenuwrap .gnbmenu_5 ul li.menu_2 {float:none; width:auto; overflow:hidden}
.sitemap .allmenuwrap .gnbmenu_5 ul li.menu_2 a {background:url('/smc/resources/images/mobile/common/img_menu_0502.jpg') no-repeat 50% 5px; background-size:45px 50px}
.sitemap .allmenuwrap .gnbmenu_6 {float:none; clear:none; width:auto; overflow:hidden; margin:0}
.sitemap .allmenuwrap .gnbmenu_6 h2 {background:#b6b6b6}
.sitemap .allmenuwrap .gnbmenu_6 ul li.menu_1 {width:49.8%}
.sitemap .allmenuwrap .gnbmenu_6 ul li.menu_1 a {background:url('/smc/resources/images/mobile/common/img_menu_0503.jpg') no-repeat 50% 0; background-size:47px 50px}
.sitemap .allmenuwrap .gnbmenu_6 ul li.menu_2 {float:none; width:auto; overflow:hidden}
.sitemap .allmenuwrap .gnbmenu_6 ul li.menu_2 a {background:url('/smc/resources/images/mobile/common/img_menu_0504.jpg') no-repeat 50% 0; background-size:42px 50px}
.sitemap .allmenuwrap .gnbmenu_7 h2 {background:#b6b6b6}
.sitemap .allmenuwrap .gnbmenu_7 ul li.menu_1 a {height:20px; padding-top:60px; background:url('/smc/resources/images/mobile/common/img_menu_0601.jpg') no-repeat 50% 5px; background-size:41px 50px}
.sitemap .allmenuwrap .gnbmenu_7 ul li.menu_2 a {height:20px; padding-top:60px; background:url('/smc/resources/images/mobile/common/img_menu_0602.jpg') no-repeat 50% 5px; background-size:38px 50px}
.sitemap .allmenuwrap .gnbmenu_7 ul li.menu_3 {float:none; width:auto; overflow:hidden}
.sitemap .allmenuwrap .gnbmenu_7 ul li.menu_3 a {height:20px; padding-top:60px; background:url('/smc/resources/images/mobile/common/img_menu_0603.jpg') no-repeat 50% 0; background-size:44px 50px}
.sitemap .allmenuwrap .gnbmenu_7 ul li.menu_4 a {background:url('/smc/resources/images/mobile/common/img_menu_0604.jpg') no-repeat 50% 0; background-size:50px 50px}
.sitemap .allmenuwrap .gnbmenu_7 ul li.menu_5 a {height:20px; padding-top:60px; background:url('/smc/resources/images/mobile/common/img_menu_0605.jpg') no-repeat 50% 5px; background-size:47px 50px}
.sitemap .allmenuwrap .gnbmenu_7 ul li.menu_6 {float:none; width:auto; overflow:hidden}
.sitemap .allmenuwrap .gnbmenu_7 ul li.menu_6 a {background:url('/smc/resources/images/mobile/common/img_menu_0606.jpg') no-repeat 50% 0; background-size:42px 50px}

.searchwrap .txt_keyword {color:#000}
.searchwrap fieldset {margin:0 -10px; padding:0 9px 9px 9px; background:#f8f8f8; border-bottom:1px solid #ddd; }
.searchwrap fieldset p {position:relative; padding:0 68px 0 0}
.searchwrap fieldset .inpbox {display:block; width:auto; height:30px; margin:0 0 0 0; padding:2px 0 0 10px; border:1px solid #ccc; border-radius:4px; background:#fff}
.searchwrap fieldset .inpbox input.txt {width:100%; height:100%; padding:0; border:0; background:0; color:#222; font-size:15px}
.searchwrap fieldset .btn_bk_h30 {position:absolute; right:0; top:0; width:60px; height:32px; padding:0; text-align:center; background-size:2px 100%; line-height:32px; font-size:14px; font-weight:bold}
.searchwrap fieldset .resultchk {float:left; padding:10px 0 0 0; font-size:13px; color:#444}
.searchwrap fieldset .resultchk input.checkbox {vertical-align:-2px; margin:0 5px 0 0}
.searchwrap fieldset .relkeyword {clear:both; overflow:hidden; padding-top:15px}
.searchwrap fieldset .relkeyword strong {float:left; margin-right:10px; padding-top:1px; font-weight:bold; color:#222; font-size:15px}
.searchwrap fieldset .relkeyword p {float:none; position:relative; overflow:hidden; padding-right:60px}
.searchwrap fieldset .relkeyword p > a {margin-right:7px; text-decoration:underline; line-height:18px; color:#2e5fad; word-wrap:break-word; word-break:break-all}
.searchwrap fieldset .relkeyword p .btn_more_expand {position:absolute; right:0; top:0; display:block}
.searchwrap fieldset .relkeyword p .btn_more_expand a {padding-right:10px; background:url('/smc/resources/images/mobile/icon/icon_arr_24.png') no-repeat 100% 50%; background-size:8px 6.5px; color:#666}
.searchwrap fieldset a.btn_keyword_del {position:absolute; right:70px; top:0; display:block; width:36px; height:36px; background:url('/smc/resources/images/mobile/btn/btn_keyword_del.png') no-repeat 50% 50%; background-size:30px 30px; text-indent:-99999px}
.searchwrap dl.feeguide {clear:both; height:auto; overflow:hidden; margin:25px 0 0 0; padding:9px; background:#fdfdfd; border:1px solid #e6e6e6}
.searchwrap dl.feeguide dt {float:left; position:relative; padding:0; background:url('/smc/resources/images/mobile/etc/dotline_01.jpg') repeat-y 100% 0}
.searchwrap dl.feeguide dt .pic {float:left; padding-top:7px}
.searchwrap dl.feeguide dt .pic img {width:60px}
.searchwrap dl.feeguide dd {display:block; float:none; overflow:hidden; padding:0 0 10px 15px}
.searchwrap dl.feeguide dd strong {display:block; margin:0 0 7px 0; color:#444; font-size:18px}
.searchwrap dl.feeguide dd span {display:block; min-height:35px; color:#444; font-size:14px}
.searchwrap dl.feeguide dd a.btn_detailview {display:block; width:78px; height:25px; margin-top:10px; padding:0 0 0 8px; text-align:left; background:#fff url('/smc/resources/images/mobile/icon/icon_arr_01.png') no-repeat 72px 10px; background-size:2.5px 4.5px; border:1px solid #e1e1e1; color:#444; font-size:14px; font-family:Dotum; line-height:27px}
.searchwrap ul.common_tabbox li.searchtab1 {width:33.4%}
.searchwrap ul.common_tabbox li.searchtab1 a {height:36px; border-bottom:0}
.searchwrap ul.common_tabbox li.searchtab2 {width:33.3%}
.searchwrap ul.common_tabbox li.searchtab2 a {height:36px; border-bottom:0}
.searchwrap ul.common_tabbox li.searchtab3 {width:33.3%}
.searchwrap ul.common_tabbox li.searchtab3 a {height:31px}
.searchwrap ul.common_tabbox li.searchtab4 {width:33.4%}
.searchwrap ul.common_tabbox li.searchtab4 a {margin:0; border-width:1px}
.searchwrap ul.common_tabbox li.searchtab4.on a {border-width:2px 1px 1px 1px; border-bottom-color:#ccc}
.searchwrap ul.common_tabbox li.searchtab5 {width:33.3%}
.searchwrap ul.common_tabbox li.searchtab5 a {margin:0; border-width:1px 1px 1px 0}
.searchwrap ul.common_tabbox li.searchtab5.on a {height:30px; border-bottom:1px solid #ccc}
.searchwrap .totalresultcnt {clear:both; padding:9px; margin:0 -10px; background:#f8f8f8; font-size:14px; color:#555}
.searchwrap .totalresultcnt strong {font-size:15px; color:#3768b9}
.searchwrap .resulthistory {clear:both; margin:20px 0 30px 0; padding:0 0 12px 0; overflow:hidden; border-bottom:1px solid #ddd}
.searchwrap .resulthistory h4 {display:block; margin:10px 0 5px 0 !important}
.searchwrap .resulthistory p {float:none; overflow:hidden; padding-top:3px}
.searchwrap .resulthistory p a {text-decoration:underline; color:#444}
.searchwrap .resulthistory p span {float:left; margin:0 20px 5px 0}
.searchwrap .resulthistory p span button {width:10px; height:10px; margin:0 0 0 5px; background:url('/smc/resources/images/mobile/btn/btn_delete.jpg') no-repeat 0 0; background-size:10px 10px; text-indent:-99999px}
.searchwrap .resultbox {clear:both; overflow:hidden; width:auto; margin-top:25px}
.searchwrap .resultbox h6 {display:block; margin:0 0 10px 0; padding:0 0 0 9px; background:url('/smc/resources/images/mobile/icon/icon_3x3_666.gif') no-repeat 0 5px; background-size:3px 3px; color:#444; font-size:15px}
.searchwrap .resultbox .innerbox {position:relative; margin:0 0 20px 0; border-bottom:1px solid #ddd}
.searchwrap .resultbox a.btn_moreview {position:absolute; right:0; top:-2px; display:block; width:56px; height:24px; padding:0 0 0 10px; text-align:left; background:url('/smc/resources/images/mobile/btn/btn_moreview.png') no-repeat 0 0; background-size:100% 24px; border:1px solid #ddd; border-radius:2px; color:#555; font-size:13px; line-height:27px; font-weight:bold}
.searchwrap .resultbox .hiddenwrap {clear:both; overflow:hidden; margin-top:40px}
.searchwrap .resultbox .hiddenwrap .hiddencontents {display:none}
.searchwrap .resultbox .hiddenwrap .hiddencontents.on {display:block}
.searchwrap .resultbox .listwrap {overflow:hidden; padding-bottom:18px}
.searchwrap .resultbox .listwrap dl {clear:both; overflow:hidden; margin:15px 0 0 0}
.searchwrap .resultbox .listwrap dl:first-child {margin:0}
.searchwrap .resultbox .listwrap dl dt em {display:block; color:#666; font-size:12px}
.searchwrap .resultbox .listwrap dl dt strong {display:block; margin:0 0 3px 0}
.searchwrap .resultbox .listwrap dl dt strong a {font-weight:bold; text-decoration:underline; color:#3768b9; font-size:14px}
.searchwrap .resultbox .listwrap dl dd {padding-bottom:5px}
.searchwrap .resultbox .listwrap dl dd p {display:block; color:#666; line-height:17px; font-size:13px}
.searchwrap .resultbox .nodate {padding:20px 0; text-align:center; background:url('/smc/resources/images/mobile/smartguide/dotline_04.jpg') repeat-x 0 100%}
.searchwrap .resultbox .nodate p {width:auto; height:60px; padding:3px 0 0 0; margin:0 auto; text-align:center; background:url('/smc/resources/images/mobile/common/img_nodata.jpg') no-repeat 0 0; color:#666; font-size:14px; line-height:18px; font-weight:bold}
.searchwrap .resultbox .paging {clear:both; border-top:1px solid #ddd}
.searchwrap .resultbox .font_13_444 {margin-top:10px; margin-bottom:-8px}
.searchwrap .resultbox .databoard_row {margin-top:15px}
.searchwrap .resultbox .databoard_row:first-child {margin-top:6px}
.searchwrap .resultbox .databoard_row table td .result_tit a {text-decoration:underline; font-weight:bold; color:#3768b9}

.errorwrap {width:90%; margin:40px auto 0}
.errorwrap h3 {height:130px; background:url('/smc/resources/images/mobile/common/txt_pagenotfound.png') no-repeat 50% 30%; background-size:235px 90px; text-indent:-99999px}
.errorwrap .msg {margin:0 0 28px 0; padding-bottom:20px; text-align:center; border-bottom:1px solid #ccc; color:#555; font-size:15px; line-height:20px}
.errorwrap .btncenter button {width:130px; padding-left:0; padding-right:0}


/* main */
body#main .maincontents {clear:both; width:100%; margin:0; padding:50px 0 125px 0; background:#f1f1f1}
body#main .maincontents:after {content:""; display:block; clear:both}

.maincontents {clear:both; width:100%; margin:0; padding:50px 0 125px 0; background:#f1f1f1} /* 2015-08-10 */
.maincontents:after {content:""; display:block; clear:both} /* 2015-08-10 */
.maincontents .actionarea {position:relative; overflow:hidden; width:94.01%; height:570px; margin:0 auto}
.maincontents .actionarea ul {position:relative; overflow:hidden; width:100%; height:100%}
.maincontents .actionarea ul li.slide {float:left; position:absolute; left:0; top:0; width:100%; font-size:14px; color:#fff}
.maincontents .actionarea ul li ul {position:static; top:none; top:none; width:auto; height:auto}
.maincontents .mainnavi {width:auto; height:24px; padding:12px 0 0 0; text-align:center; }
.maincontents .mainnavi button {width:13px; height:13px; margin:0 10px 0 0;  background:#222; line-height:13px}
.maincontents .mainnavi button em {; font-weight:bold; visibility:hidden}
.maincontents .mainnavi button .hide {; text-indent:-99999px}
.maincontents .mainnavi button.on {width:124px; padding:0 0 0 40px; text-indent:0}/*2015-12-14 수정*/
.maincontents .mainnavi button.on .hide {text-indent:-99999px}
.maincontents .mainnavi button.on em {visibility:visible; font-size:12px}
.maincontents .mainnavi button.navi_1 {background:url('/smc/resources/images/mobile/main/icon_circletab_01_off.jpg') no-repeat 0 0; background-size:13px 13px}
.maincontents .mainnavi button.navi_1.on {background:url('/smc/resources/images/mobile/main/icon_circletab_01_on.jpg') no-repeat 0 0; background-size:41px 13px; color:#2e81e3}
.maincontents .mainnavi button.navi_2 {background:url('/smc/resources/images/mobile/main/icon_circletab_02_off.jpg') no-repeat 0 0; background-size:13px 13px}
.maincontents .mainnavi button.navi_2.on {background:url('/smc/resources/images/mobile/main/icon_circletab_02_on.jpg') no-repeat 0 0; background-size:41px 13px; color:#b17c00}
.maincontents .mainnavi button.navi_3 {background:url('/smc/resources/images/mobile/main/icon_circletab_03_off.jpg') no-repeat 0 0; background-size:13px 13px}
.maincontents .mainnavi button.navi_3.on {background:url('/smc/resources/images/mobile/main/icon_circletab_03_on.jpg') no-repeat 0 0; background-size:41px 13px; color:#f35622}
.maincontents .mainnavi button.navi_4 {background:url('/smc/resources/images/mobile/main/icon_circletab_04_off.jpg') no-repeat 0 0; background-size:13px 13px}
.maincontents .mainnavi button.navi_4.on {background:url('/smc/resources/images/mobile/main/icon_circletab_04_on.jpg') no-repeat 0 0; background-size:41px 13px; color:#b84fcb}
.maincontents .newsbox {position:relative; margin:0 0 12px 0; padding:10px 10px 38px 10px; background:#fff; border:1px solid #ccc}
.maincontents .newsbox h2 {height:25px; padding:0 0 0 22px; background:url('/smc/resources/images/mobile/icon/icon_news.jpg') no-repeat 0 2px; background-size:17px 15px; color:#2e81e3; font-size:16px}/* 2015-08-10 */
/* .maincontents .newsbox h3 {height:25px; padding:0 0 0 22px; background:url('/smc/resources/images/mobile/icon/icon_news.jpg') no-repeat 0 2px; background-size:17px 15px; color:#2e81e3; font-size:16px} */
.maincontents .newsbox .more {position:absolute; bottom:8px; right:10px}
.maincontents .newsbox .more a {display:inline-block; padding-right:10px; background:url('/smc/resources/images/mobile/icon/icon_more_01.jpg') no-repeat 100% 3px; background-size:4.5px 7.5px; color:#666; font-size:13px; letter-spacing:-1px; word-spacing:1px}
.maincontents .newsbox .navi {position:absolute; bottom:10px; left:10px; width:60px; padding:0 35px 0 32px}
.maincontents .newsbox .navi a.btn_news_prev {position:absolute; left:0; top:0; width:23px; height:23px; background:url('/smc/resources/images/mobile/btn/btn_main_prev.jpg') no-repeat 0 0; background-size:23px 23px; text-indent:-99999px}
.maincontents .newsbox .navi a.btn_news_next {position:absolute; right:0; top:0; width:23px; height:23px; background:url('/smc/resources/images/mobile/btn/btn_main_next.jpg') no-repeat 0 0; background-size:23px 23px; text-indent:-99999px}
.maincontents .newsbox .navi span {display:block; width:65px; margin:3px auto 0; text-align:center}
.maincontents .newsbox .navi span a {display:inline-block; width:9px; height:9px; background:url('/smc/resources/images/mobile/main/icon_circletab_05_off.jpg') no-repeat 50% 50%; background-size:9px 9px; text-indent:-99999px}
.maincontents .newsbox .navi span a:hover {background:url('/smc/resources/images/mobile/main/icon_circletab_05_on.jpg') no-repeat 50% 50%; background-size:9px 9px}
.maincontents .newsbox .navi span a.on {background:url('/smc/resources/images/mobile/main/icon_circletab_05_on.jpg') no-repeat 50% 50%; background-size:9px 9px}
.maincontents .newsbox dl {display:none; position:relative; min-height:57px; padding:0 0 6px 90px; border-bottom:1px solid #ddd}
.maincontents .newsbox dl.on {display:block}
.maincontents .newsbox dl dt {min-height:16px; margin:0 0 5px 0; color:#444; font-size:15px; line-height:17px} /* 2015-05-12 ucomp */
.maincontents .newsbox dl dt a {display:block; color:#444; font-size:15px; font-weight:bold}
.maincontents .newsbox dl dd.pic {position:absolute; left:0; top:0; width:80px; height:55px; border:1px solid #ddd; }
.maincontents .newsbox dl dd.pic img {width:80px; height:55px} /* 2015-05-12 ucomp */
.maincontents .newsbox dl dd.txt {overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; font-size:14px; color:#666}
.maincontents .majormenu dl {clear:both; overflow:hidden; margin:0 0 12px 0}
.maincontents .majormenu dl dt {height:25px; padding:6px 0 0 0; text-align:center; font-size:18px; color:#fff; font-weight:bold; letter-spacing:-1px}
.maincontents .majormenu dl dd {background:#fff; overflow:hidden; border-width:0 1px 1px 1px; border-style:solid; border-color:#ddd}/*2015-04-15 ucomp*/
.maincontents .majormenu dl dd a {display:block; float:left; width:24.7%; height:25px; padding:60px 0 15px 0; text-align:center; border-left:1px solid #eee; color:#555; font-size:14px; letter-spacing:-2px; line-height:16px}/* 2016-05-31 letter-spacing -2px */
.maincontents .majormenu dl dd a:first-child {border-left:0}
.maincontents .majormenu dl.mj_smartguide dt {background:#ffb900 url('/smc/resources/images/mobile/main/bg_titimg_01.jpg') no-repeat 95% 50%; background-size:65px 45px}

/*2015-05-14 ucomp*/
.maincontents .majormenu dl.mj_smartguide dd a.menu_1 {height:18px; padding-top:67px; background:url('/smc/resources/images/mobile/main/img_smartchoice_01.jpg') no-repeat 50% 10px; background-size:45px 50px}
.maincontents .majormenu dl.mj_smartguide dd a.menu_2 {background:url('/smc/resources/images/mobile/main/img_smartchoice_02.jpg') no-repeat 50% 10px; background-size:50px 50px}
.maincontents .majormenu dl.mj_smartguide dd a.menu_3 {height:18px; padding-top:67px; background:url('/smc/resources/images/mobile/main/img_smartchoice_03.jpg') no-repeat 50% 10px; background-size:48px 50px}
.maincontents .majormenu dl.mj_smartguide dd a.menu_4 {width:auto; float:none; overflow:hidden; background:url('/smc/resources/images/mobile/main/img_smartchoice_04.jpg') no-repeat 50% 10px; background-size:45px 50px}
.maincontents .majormenu dl.mj_smartguide dd a.menu_5 {height:27px; padding-top:58px; background:url('/smc/resources/images/mobile/main/img_smartchoice_12.png') no-repeat 50% 5px; background-size:50px 50px}
/*//2015-05-14 ucomp*/

.maincontents .majormenu dl.mj_smartlife dt {background:#fa6734 url('/smc/resources/images/mobile/main/bg_titimg_02.jpg') no-repeat 95% 50%; background-size:65px 45px}
/*2015-04-15 ucomp*/
.maincontents .majormenu dl.mj_smartlife dd a.menu_1 {background:url('/smc/resources/images/mobile/main/img_smartchoice_08.png') no-repeat 50% 10px; background-size:41px 50px}
.maincontents .majormenu dl.mj_smartlife dd a.menu_2 {background:url('/smc/resources/images/mobile/main/img_smartchoice_05.jpg') no-repeat 50% 10px; background-size:48px 50px}
.maincontents .majormenu dl.mj_smartlife dd a.menu_3 {height:18px; padding-top:67px; background:url('/smc/resources/images/mobile/main/img_smartchoice_06.jpg') no-repeat 50% 10px; background-size:37px 50px}
.maincontents .majormenu dl.mj_smartlife dd a.menu_4 {height:18px; padding-top:67px; background:url('/smc/resources/images/mobile/main/img_smartchoice_07.jpg') no-repeat 50% 10px; background-size:35px 50px}
/*//2015-04-15 ucomp*/

.maincontents .majormenu dl.mj_smartreport dt {background:#c456d8 url('/smc/resources/images/mobile/main/bg_titimg_03.jpg') no-repeat 95% 50%; background-size:65px 45px}
.maincontents .majormenu dl.mj_smartreport dd a {width:25%; height:25px; padding-top:62px}/*2015-12-14 수정*/
.maincontents .majormenu dl.mj_smartreport dd a.menu_1 {background:url('/smc/resources/images/mobile/main/img_smartchoice_09.jpg') no-repeat 50% 10px; background-size:50px 50px}
.maincontents .majormenu dl.mj_smartreport dd a.menu_2 {background:url('/smc/resources/images/mobile/main/img_smartchoice_10.jpg') no-repeat 50% 10px; background-size:62px 50px}
.maincontents .majormenu dl.mj_smartreport dd a.menu_3 {background:url('/smc/resources/images/mobile/main/img_smartchoice_11.jpg') no-repeat 50% 10px; background-size:42px 50px}/*2015-12-14 수정*/
.maincontents .majormenu dl.mj_smartreport dd a.menu_4 {width:auto; float:none; overflow:hidden; background:url('/smc/resources/images/mobile/main/img_smartchoice_12.jpg') no-repeat 50% 13px; background-size:45px 45px}/*2015-12-14 수정*/
.maincontents .smartguide_1 {height:100px; padding:20px 10px; margin:0 0 10px 0; background:#fff url('/smc/resources/images/mobile/main/img_smartguide_01.jpg') no-repeat 95% 90%; background-size:110px 96px; border:1px solid #ccc}
.maincontents .smartguide_1 a {display:inline-block}
.maincontents .smartguide_1 a strong {display:block; margin:0 0 5px 0; font-size:20px; font-weight:bold; color:#222}
.maincontents .smartguide_1 a span {display:block; color:#555; font-size:14px; line-height:16px}
.maincontents ul.smartguide_sub {margin:0 0 10px 0}
.maincontents ul.smartguide_sub li {float:left; width:22.7%; margin:0 3% 0 0}
.maincontents ul.smartguide_sub li a {display:block; height:45px; padding:80px 0 0 0; text-align:center; border:1px solid #ccc; color:#555; font-size:13px; font-weight:bold; letter-spacing:-1px}
.maincontents ul.smartguide_sub li.smartguide_2 a {background:#fff url('/smc/resources/images/mobile/main/img_smartguide_02.jpg') no-repeat 50% 15px; background-size:59px 59px}
.maincontents ul.smartguide_sub li.smartguide_3 a {background:#fff url('/smc/resources/images/mobile/main/img_smartguide_03.jpg') no-repeat 50% 15px; background-size:59px 59px}
.maincontents ul.smartguide_sub li.smartguide_4 a {background:#fff url('/smc/resources/images/mobile/main/img_smartguide_04.jpg') no-repeat 50% 15px; background-size:59px 59px}

/*2015-05-14 ucomp*/
.maincontents ul.smartguide_sub li.smartguide_4 {float:none; width:auto; overflow:hidden; margin:0} 
.maincontents ul.smartguide_sub li.smartguide_5 a {background:#fff url('/smc/resources/images/mobile/main/img_smartguide_07.png') no-repeat 50% 15px; background-size:59px 59px}
/*//2015-05-14 ucomp*/

.maincontents dl.smartguide_6 {clear:both; overflow:hidden; padding:12px 10px 12px 8px; background:#fbfbfb url('/smc/resources/images/mobile/main/img_smartguide_06.jpg') no-repeat 95% 50%; background-size:34px 37px; border:1px solid #ccc}
.maincontents dl.smartguide_6 dt {height:auto; margin:0; color:#666; font-size:16px; font-weight:bold}
.maincontents dl.smartguide_6 dd {padding:0}
.maincontents dl.smartguide_6 dd p {font-size:14px; letter-spacing:-1px; color:#666}
.maincontents #slide_smartguide h2 {height:35px; padding:15px 0 0 10px; margin:0 0 10px 0; text-align:left; background:#ffb900 url('/smc/resources/images/mobile/main/bg_titimg_01.jpg') no-repeat 95% 50%; background-size:77px 50px; font-size:18px; color:#fff}
.maincontents #slide_smartguide h2 strong {font-size:18px; color:#fff} /* 2015-08-10 */
.maincontents #slide_smartlife h2 {height:35px; padding:15px 0 0 10px; margin:0 0 10px 0; text-align:left; background:#fa6734 url('/smc/resources/images/mobile/main/bg_titimg_02.jpg') no-repeat 95% 50%; background-size:77px 50px; font-size:18px; color:#fff}
.maincontents #slide_smartlife h2 strong {font-size:18px; color:#fff} /* 2015-08-10 */
.maincontents #slide_smartlife ul li {height:64px; padding:3px 4px; margin:0 0 10px 0; border:1px solid #ccc}
.maincontents #slide_smartlife ul li a {display:block; height:44px; padding:10px 5px}
.maincontents #slide_smartlife ul li a strong {display:block; color:#222; font-size:18px; font-weight:bold}
.maincontents #slide_smartlife ul li a span {display:block; color:#666; font-size:13px}
.maincontents #slide_smartlife ul li.smartlife_1 {background:#fff url('/smc/resources/images/mobile/main/img_smartlife_01.jpg') no-repeat 98% 50%; background-size:79px 65px}
.maincontents #slide_smartlife ul li.smartlife_2 {background:#fff url('/smc/resources/images/mobile/main/img_smartlife_02.jpg') no-repeat 98% 50%; background-size:79px 65px}
.maincontents #slide_smartlife ul li.smartlife_3 {background:#fff url('/smc/resources/images/mobile/main/img_smartlife_03.jpg') no-repeat 98% 50%; background-size:79px 65px}
.maincontents #slide_smartlife ul li.smartlife_4 {float:left; width:30%; height:110px; padding-left:0; padding-right:0; background:#fff url('/smc/resources/images/mobile/main/img_smartlife_04.jpg') no-repeat 50% 30%; background-size:65px 65px}
.maincontents #slide_smartlife ul li.smartlife_4 a {height:25px; padding:85px 0 0 0; text-align:center; color:#444; font-size:13px; letter-spacing:-1px; line-height:16px; font-weight:bold}
.maincontents #slide_smartlife ul li.smartlife_5 {float:left; width:30%; height:110px; padding-left:0; padding-right:0; margin:0 4% 10px 4%; background:#fff}
.maincontents #slide_smartlife ul li.smartlife_5 a {height:75px; padding:35px 5px 0 5px; text-align:center; color:#444; font-size:16px; letter-spacing:-1px; line-height:20px; font-weight:bold}
.maincontents #slide_smartlife ul li.smartlife_6 {float:none; overflow:hidden; width:auto; height:110px; padding-left:0; padding-right:0; background:#fff url('/smc/resources/images/mobile/main/img_smartlife_05.jpg') no-repeat 50% 30%; background-size:65px 65px}
.maincontents #slide_smartlife ul li.smartlife_6 a {height:20px; padding:85px 5px 10px 5px; text-align:center; color:#444; font-size:14px; letter-spacing:-1px; line-height:16px; font-weight:bold}
.maincontents #slide_smartlife dl.smartlife_7 {clear:both; background:#fff; border:1px solid #ccc}
.maincontents #slide_smartlife dl.smartlife_7 dt {float:left; width:30%; padding:42px 0 0 0; text-align:center}
.maincontents #slide_smartlife dl.smartlife_7 dt a {display:block; color:#444; font-size:16px; font-weight:bold; letter-spacing:-1px}
.maincontents #slide_smartlife dl.smartlife_7 dd {float:none; overflow:hidden}
.maincontents #slide_smartlife dl.smartlife_7 dd span {float:left; width:33.3%; display:block; height:60px; border-left:1px solid #ddd; border-bottom:1px solid #ddd}
.maincontents #slide_smartlife dl.smartlife_7 dd span a {display:block; height:52px; padding:8px 0 0 0; text-align:center}
.maincontents #slide_smartlife dl.smartlife_7 dd span a em {display:block; color:#666; font-size:13px; letter-spacing:-1px}
.maincontents #slide_smartlife dl.smartlife_7 dd span a img {width:56px}
.maincontents #slide_smartlife dl.smartlife_7 dd span.mgift_3 {float:none; overflow:hidden; width:auto}
.maincontents #slide_smartlife dl.smartlife_7 dd span.mgift_4 {border-bottom:0}
.maincontents #slide_smartlife dl.smartlife_7 dd span.mgift_5 {border-bottom:0}
.maincontents #slide_smartlife dl.smartlife_7 dd span.mgift_5 a em {font-size:12px}
.maincontents #slide_smartlife dl.smartlife_7 dd span.mgift_6 {float:none; overflow:hidden; width:auto; border-bottom:0}
.maincontents #slide_smartreport h2 {height:35px; padding:15px 0 0 10px; margin:0 0 10px 0; text-align:left; background:#bc52cf url('/smc/resources/images/mobile/main/bg_titimg_03.jpg') no-repeat 95% 50%; background-size:77px 50px; font-size:18px; color:#fff}
.maincontents #slide_smartreport h2 strong {font-size:18px; color:#fff} /* 2015-08-10 */
.maincontents #slide_smartreport ul li {margin:0 0 10px 0; background:#fff; border:1px solid #ccc}
.maincontents #slide_smartreport ul li a {display:block; padding:10px}
.maincontents #slide_smartreport ul li a strong {display:block; color:#222; font-size:18px; font-weight:bold}
.maincontents #slide_smartreport ul li a span {display:block; color:#444; font-size:13px}
.maincontents #slide_smartreport ul li.smartreport_1 {float:left; width:48.5%; height:125px; padding:5px 0; margin:0 2% 10px 0; background:#fff url('/smc/resources/images/mobile/main/img_smartreport_01.jpg') no-repeat 95% 90%; background-size:75px 60px}
.maincontents #slide_smartreport ul li.smartreport_1 a {height:125px}
.maincontents #slide_smartreport ul li.smartreport_2 {float:none; overflow:hidden; height:125px; padding:5px 0; margin:0 0 10px 0; background:#fff url('/smc/resources/images/mobile/main/img_smartreport_02.jpg') no-repeat 95% 90%; background-size:79px 77px}
.maincontents #slide_smartreport ul li.smartreport_2 a {height:125px}
.maincontents #slide_smartreport ul li.smartreport_3 {float:left; width:30%; background:#fff url('/smc/resources/images/mobile/main/img_smartreport_03.jpg') no-repeat 50% 35%; background-size:66px 66px}
.maincontents #slide_smartreport ul li.smartreport_3 a {height:35px; padding:90px 0 0 0; text-align:center; color:#222; font-weight:bold; font-size:15px}
.maincontents #slide_smartreport ul li.smartreport_4 {float:left; width:30%; margin:0 4% 10px 4%; background:#fff url('/smc/resources/images/mobile/main/img_smartreport_04.jpg') no-repeat 50% 35%; background-size:66px 66px}
.maincontents #slide_smartreport ul li.smartreport_4 a {height:35px; padding:90px 0 0 0; text-align:center; color:#222; font-weight:bold; font-size:14px; letter-spacing:-1px}
.maincontents #slide_smartreport ul li.smartreport_5 {float:none; width:auto; overflow:hidden; margin:0 0 10px 0; background:#fff url('/smc/resources/images/mobile/main/img_smartreport_05.jpg') no-repeat 50% 35%; background-size:66px 66px}
.maincontents #slide_smartreport ul li.smartreport_5 a {height:35px; padding:90px 0 0 0; text-align:center; color:#222; font-weight:bold; font-size:15px}
.maincontents #slide_smartreport dl.smartreport_6 {float:left; position:relative; width:48.5%; height:125px; margin:0 2% 0 0; background:#fbfbfb url('/smc/resources/images/mobile/main/img_smartreport_06.jpg') no-repeat 92% 10%; background-size:37px 30px; border:1px solid #ccc}
.maincontents #slide_smartreport dl.smartreport_6 dt {padding:10px 0 0 8px; color:#444; font-size:14px; font-weight:bold; line-height:16px}
.maincontents #slide_smartreport dl.smartreport_6 dd {padding:7px 0 0 8px}
.maincontents #slide_smartreport dl.smartreport_6 dd p {color:#666; font-size:13px; line-height:15px}
.maincontents #slide_smartreport dl.smartreport_6 dd a.btn_pcversion {position:absolute; left:8px; bottom:13px}
.maincontents #slide_smartreport dl.smartreport_7 {float:none; width:auto; overflow:hidden; position:relative; height:125px; background:#fbfbfb url('/smc/resources/images/mobile/main/img_smartreport_07.jpg') no-repeat 92% 10%; background-size:38px 30px; border:1px solid #ccc}
.maincontents #slide_smartreport dl.smartreport_7 dt {padding:10px 0 0 8px; color:#444; font-size:14px; font-weight:bold; line-height:16px}
.maincontents #slide_smartreport dl.smartreport_7 dd {padding:7px 0 0 8px}
.maincontents #slide_smartreport dl.smartreport_7 dd p {color:#666; font-size:13px; line-height:15px}
.maincontents #slide_smartreport dl.smartreport_7 dd a.btn_pcversion {position:absolute; left:8px; bottom:13px}

.fee_choice_result {overflow:hidden}
.fee_choice_result ul {width:auto; overflow:hidden; margin:0; padding:0; text-align:center; }
.fee_choice_result ul li {display:inline-block; width:16.6%; height:42px}
.fee_choice_result ul li p {display:block; float:none; width:50px !important; height:17px; padding:25px 0 0 0; text-align:center}
.fee_choice_result ul li.off p {color:#fff; font-size:12px; text-decoration:none; font-weight:bold}
.fee_choice_result ul li.on p {color:#fff; font-size:12px; text-decoration:none; font-weight:bold}
.fee_choice_result ul li.tab_year p {background:url('/smc/resources/images/mobile/smartguide/bg_schoice_01_off.png') no-repeat 0 0; background-size:50px 42px}
.fee_choice_result ul li.tab_year.on p {background:url('/smc/resources/images/mobile/smartguide/bg_schoice_01_on.png') no-repeat 0 0; background-size:50px 42px}
.fee_choice_result ul li.tab_service p {background:url('/smc/resources/images/mobile/smartguide/bg_schoice_02_off.png') no-repeat 0 0; background-size:50px 42px}
.fee_choice_result ul li.tab_service.on p {background:url('/smc/resources/images/mobile/smartguide/bg_schoice_02_on.png') no-repeat 0 0; background-size:50px 42px}
.fee_choice_result ul li.tab_agreed p {background:url('/smc/resources/images/mobile/smartguide/bg_schoice_03_off.png') no-repeat 0 0; background-size:50px 42px}
.fee_choice_result ul li.tab_agreed.on p {background:url('/smc/resources/images/mobile/smartguide/bg_schoice_03_on.png') no-repeat 0 0; background-size:50px 42px}
.fee_choice_result ul li.tab_voice p {background:url('/smc/resources/images/mobile/smartguide/bg_schoice_04_off.png') no-repeat 0 0; background-size:50px 42px}
.fee_choice_result ul li.tab_voice.on p {background:url('/smc/resources/images/mobile/smartguide/bg_schoice_04_on.png') no-repeat 0 0; background-size:50px 42px}
.fee_choice_result ul li.tab_data p {background:url('/smc/resources/images/mobile/smartguide/bg_schoice_05_off.png') no-repeat 0 0; background-size:50px 42px}
.fee_choice_result ul li.tab_data.on p {background:url('/smc/resources/images/mobile/smartguide/bg_schoice_05_on.png') no-repeat 0 0; background-size:50px 42px}
.fee_choice_result ul li.tab_sms {float:none; width:auto}
.fee_choice_result ul li.tab_sms p {background:url('/smc/resources/images/mobile/smartguide/bg_schoice_06_off.png') no-repeat 0 0; background-size:50px 42px}
.fee_choice_result ul li.tab_sms.on p {background:url('/smc/resources/images/mobile/smartguide/bg_schoice_06_on.png') no-repeat 0 0; background-size:50px 42px}
.fee_choice_result ul li span {display:none}
.fee_choice_result ul li strong {font-size:12px; color:#fff}
.fee_choice_result ul li.off span {display:none}
.fee_choice_result ul li.on span {display:none}
.fee_choice_result button.btn_reset {width:155px; height:24px; margin:0 0 6px 0; background:url('/smc/resources/images/mobile/btn/btn_commonset.jpg') no-repeat -10px -194px; color:#666}
.fee_choice_result button.btn_fee_result {width:155px; height:40px; background:url('/smc/resources/images/mobile/btn/btn_commonset.jpg') no-repeat -10px -224px; color:#fff;  font-size:14px}

/* 댓글 영역 CSS 기존의 CSS 옮김 */
.replyBox {margin-top:20px; border:1px solid #ddd; background:#f8f8f8; padding:7px 10px 10px}
.replyBox .titleArea {overflow:hidden;}
.replyBox .titleArea p {float:left; padding:4px 17px 0 0;}
.replyBox .titleArea .snsList{float:right;}
.replyBox .titleArea .snsList li{float:left; padding-right:4px;}
.replyBox textarea {width:100%; padding:0; height:50px;border:1px solid #ddd; background:#fff;}
.replyBox input.registBtn{width:67px; height:30px; background:url('/smc/resources/images/btn/btn_reply.png') no-repeat; background-size:67px 30px; border:0;margin-top:5px;cursor:pointer;float:right;}
.replyBox .totalTxt{color:#888; font-size:11px; margin-top:5px; height:30px; padding-right:110px;}
.replyTab {overflow: hidden;width: 100%;}
/*2015-04-15 ucomp*/
.replyTab li {width:49.8%; height:34px; float:left; text-align:center; background:#fff;}
.replyTab li.on {border-bottom:none; border-top:none; background:url('/smc/resources/images/icon/event_tabBg.png') repeat-x 0 0 #eaf2f9;height:36px;width:49.6%}
.replyTab li a {display:block; line-height:34px;color:#888}
.replyTab li.on a{font-weight:bold; color:#444}
/*//2015-04-15 ucomp*/
.replyTab li{border-top:1px solid #bbb;border-bottom:1px solid #c3d5e5}
.replyTab li.left{border-right:1px solid #c3d5e5;border-left:1px solid #bbb}
.replyTab li.left.on{border-right:1px solid #c3d5e5;border-left:1px solid #c3d5e5}
.replyTab li.right{border-right:1px solid #bbb;}
.replyTab li.right.on{border-right:1px solid #c3d5e5;}

.replyList.type01 {border:1px solid #c3d5e5;background:#eaf2f9;border-top:none}
.replyList .reply {overflow:hidden; padding:15px 0;margin:0 10px;border-bottom:1px dashed #ddd}
.replyList .reply .pic {float:left;margin-right:10px;vertical-align:top;border:1px solid #ddd}
.replyList .reply .txtBox {float:none; overflow:hidden; width:auto; font-size:13px; line-height:16px}
.replyList .reply .txtBox span{line-height:11px}
.replyList .reply .txtBox .date{color:#444;line-height:13px}
.replyList .reply .txtBox .path{padding:3px 6px; border:1px solid #c3d5e5; background-color:#eaf2f9} 
.replyList .reply .txtBox .path span{color:#9eb0c1} 
.replyList .reply .txtBox{border:none;padding:0;}
.replyList .reply .txtBox .phone{padding-left:3px}
.replyList .reply .txtBox .phone img{margin-top:2px} 
.replyList .reReply {overflow:hidden; padding:15px 0;margin:0 10px 0 30px;border-bottom:1px dashed #ddd}
.replyList .reReply .pic {float:left; width:50px; margin-right:10px;vertical-align:top; border:1px solid #ddd; }
.replyList .reReply .pic img {display:block; width:50px; height:50px; border-radius:50%}
.replyList .reReply .txtBox {float:none; overflow:hidden; width:auto; font-size:13px; line-height:16px}
.replyList .reReply .txtBox span{line-height:11px}
.replyList .reReply .txtBox .date{color:#444;line-height:13px}
.replyList .reReply .txtBox .path{padding:3px 6px; border:1px solid #c3d5e5; background-color:#eaf2f9}
.replyList .reReply .txtBox .path span{color:#9eb0c1} 
.replyList .reReply .txtBox{border:none;padding:0;}
.replyList .reReply .txtBox .phone{padding-left:3px} 
.replyList .reReply .txtBox .phone img{margin-top:2px} 

.replyType2Top .f13{color:#444; font-size:13px}
.replyType2Top .f11{font-size:11px}
.replyType2{border-top:2px solid #666}

.replyTit #replyList.type01{border:1px solid #c3d5e5;background:#eaf2f9;border-top:none}
.replyTit #replyList li {overflow:hidden; padding:15px 0;margin:0 10px;border-bottom:1px dashed #ddd}
.replyTit #replyList .pic {float:left; width:50px; margin-right:10px; vertical-align:top; border:1px solid #ddd; }
.replyTit #replyList .pic img {display:block; width:50px; height:50px; border-radius:50%}
.replyTit #replyList .txtBox {float:none; overflow:hidden; width:auto; font-size:13px; line-height:16px}
.replyTit #replyList .txtBox span {line-height:11px}
.replyTit #replyList .txtBox .date {color:#444;line-height:13px}

.replyTit .tit {font-weight:bold;color: #444;font-size: 13px;}
.replyTabCon{border:1px solid #c3d5e5;background:#fff;}
.replyTabCon.borderN{border:none}
.replyTabCon.type01{border:1px solid #c3d5e5;background:#eaf2f9;}
.replyTabCon.type01 li{border-bottom:1px dashed #c3d5e5}
.replyTabCon li.admin {background:#f8f8f8;margin:0 0 15px;padding:15px 10px;border:1px solid #ddd;}
.replyTabCon li {padding:15px 0; margin:0 10px;border-bottom:1px dashed #ddd}
.replyTabCon li.end {border-bottom:none}
.replyTabCon li.fir {border-top:1px dashed #ddd}
.replyTabCon li .replayList{overflow:hidden}
.replyTabCon li .replayList .pic {float:left; width:50px; overflow:hidden; margin-right:10px; vertical-align:top; border:1px solid #ddd; }
.replyTabCon li .replayList .pic img {display:block; width:50px; height:50px; border-radius:50%}
.replyTabCon li .replayList .conTxt {float:none; overflow:hidden; width:auto; font-size:13px; line-height:16px}
.replyTabCon li .replayList .conTxt span{line-height:11px}
.replyTabCon li .replayList .conTxt .date{color:#444;line-height:13px}
.replyTabCon li .replayList .conTxt .date span.bestBox{font-size:10px;color:#fff;background:#f7622e;margin-right:5px;padding:4px 5px 1px}
.replyTabCon .replyBox li{border:none;padding:0;}

.eventTxtDiv .tit {color:#456cae;font-weight:bold;font-size:18px;line-height:22px}
.eventTxtDiv .tit span {font-size:24px;display:block}
.eventTxtDiv .fontR {overflow:hidden;color:#ec4747; font-size:13px;line-height:13px;margin-top:3px}
.eventTxtDiv .fontR .left {float:left;width:12px;}
.eventTxtDiv .fontR .right {float:left;width:90%}
.eventTxtDiv strong {color:#444}
.eventTxtDiv .eventBox {border:1px solid #ddd;background:#f8f8f8;padding:15px 37px}
.eventTxtDiv .eventBox ul.btn {overflow:hidden;text-align:center; width:90px; margin:10px auto}
.eventTxtDiv .eventBox ul.btn li {float:left; margin-right:5px}
.eventTxtDiv .eventBox ul.btn li.end{margin-right:0}
.eventTxtDiv .rankCon {padding:0 10px; margin:15px 0 0 0; border:1px solid #ddd; background:#f8f8f8}
.eventTxtDiv .rankCon li {border-bottom:1px dashed #ddd;padding:10px 0}
.eventTxtDiv .rankCon li.end {border:none}
.eventTxtDiv .stit {margin:0 0 10px 0; font-size:14px;font-weight:bold;color:#666}
.eventTxtDiv .stxt {font-size:13px}

/* 2015-07-14 수정 */
.dtBoard table{width:100%}
.dtBoard th{padding:5px 0; border-top:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; background:url("/smc/resources/images/icon/dantong_bg2.png") repeat-x 0 0}
.dtBoard th.fir{border-left:1px solid #ddd}
.dtBoard td{border-right:1px solid #ddd; border-bottom:1px solid #ddd; color:#444; padding-bottom:15px}
.dtBoard td.fir{border-left:1px solid #ddd}
.dtBoard td.on{background-color:#eaf2f9; border-bottom:1px solid #eaf2f9}
.dtBoard .view td{border-left:1px solid #ddd; background-color:#eaf2f9}
.dtBoard .txt1{position:relative; height:40px; border-bottom:1px solid #ddd; font-size:11px; background:#eaf2f9; padding:5px 3%;}
.dtBoard .txt1 a img{vertical-align:middle}
.dtBoard .txt1 .newLaypop{position:absolute; top:43px; left:3%; width:86%; padding:5px 3%; border:2px solid #89a5d3; background:#fff; font-size:10px; z-index:100}
.dtBoard .txt1 .newLaypop .icon{position:absolute; top:-7px; left:49%;}
.dtBoard .txt1 .newLaypop .type1{font-weight:bold; color:#444}
.dtBoard .txt1 .newLaypop .type2 strong{color:#3768b9}
.dtBoard .txt2{position:relative; font-size:11px; min-height:70px; padding:5px 3%;}
.dtBoard .txt2 span{display:block; background:url('/smc/resources/images/icon/dot4x4.png') no-repeat 0 7px; background-size:3px 3px; padding-left:7px; margin-bottom:5px;}
.dtBoard .txt2 a{display:block; background:url('/smc/resources/images/icon/dot4x4.png') no-repeat 0 7px; background-size:3px 3px; padding-left:7px; margin-bottom:5px;}
.dtBoard .txt2 a img{vertical-align:middle}
.dtBoard .txt2 .newLaypop{position:absolute; top:120px; left:3%; width:86%; padding:5px 3%; border:2px solid #89a5d3; background:#fff; font-size:10px; z-index:100}
.dtBoard .txt2 .newLaypop .icon{position:absolute; top:-7px; left:49%;}
.dtBoard .txt2 .newLaypop .type1{font-weight:bold; color:#444}
.dtBoard .txt2 .newLaypop .type2 strong{color:#3768b9}
.dtBoard .txt3{width:94%; margin:auto; border-top:1px solid #ddd; padding:5px 0;}
.dtBoard .bt{text-align:center}
.dtBoard .blue{color:#3768b9}
.dtBoardResult{margin:5px; border-top:1px solid #3768b9}
.dtBoardResult th{padding:7px; border-top:0; border-right:0; border-left:1px dashed #ddd; background-image:none; background-color:#fff; text-align:left}
.dtBoardResult th.fir{border-left:0}
.dtBoardResult th.borB{border-bottom:1px dashed #ddd}
.dtBoardResult td{padding:7px 5px; border-right:0; background-color:#eaf2f9}
.dtBoardResult td.borB{border-bottom:1px dashed #ddd}
.dtConMark{padding:12px; border:1px solid #ddd; background-color:#f8f8f8}
/* 2015-07-14 수정 */

/* 2015-11-26 */
.beforeCall{display:none; position:absolute; top:50px; left:0; border:1px solid #ccc; background:#fff}
.lypHead{position:relative; text-align:right; background:#f4f4f4; padding:9px; border:1px solid  #fff}
.lypBody{border-top:1px solid #ccc; padding:10px 3%}
.lypBody dt{color:#444}
.transferoverview .lypBody dd{padding:0 0 10px 10px;}
.taR{text-align:right !important}/* 2016-01-28 수정 */
.taL{text-align:left !important} /* 2016-01-28 추가 */
.taC{text-align:center !important} /* 2016-01-28 추가 */

/*2016-01-12  추가*/
.dlTxStyleA dt{padding:0 0 0 15px; font-weight:bold; color:#3768b9; font-size:14px; background:url('/smc/resources/images/mobile/icon/m_circleTit_bu.png') no-repeat 0 0; background-size:11px 11px;}
.dlTxStyleA dd{margin:5px 0 0; color:#444; font-size:13px;}


/*2016-01-28 추가*/
.landingD {width:100%; overflow:hidden; text-align:center}
.landingD .tit {margin:5px 0 0; font-size:25px; color:#444; font-weight:bold;}
.landingD .txt {margin:5px 0 0; font-size:15px; letter-spacing:-0.5px; font-weight:bold; line-height:1.3}
.landingD .landingL {width:100%; overflow:hidden;}
.landingD .landingL li{float:left; width:32.66666%; margin:0 0 0 1%; }
.landingD .landingL li:first-child{margin:0;}
.landingD .landingL li a {display:block; padding:3px 0; font-size:13px}
.landingD .landingL li a span.txt1{padding:10px; min-height:70px; border-radius:10px 10px 0 0; display:block; color:#222;  text-align:left; box-shadow:3px 3px 2px 0 #e1e1e1; background:url('/smc/resources/images/mobile/etc/icon_landingBox1.png') no-repeat right bottom #fff; background-size:37px 27px;}
.landingD .landingL li.land2 a span.txt1 {background-image:url('/smc/resources/images/mobile/etc/icon_landingBox2.png');}
.landingD .landingL li.land3 a span.txt1 {background-image:url('/smc/resources/images/mobile/etc/icon_landingBox3.png');}
.landingD .landingL li a span.txt2{display:block; padding:5px 0px 10px 5px ; min-height:30px; border-radius:0 0 10px 10px; line-height:1.3; letter-spacing:-1px; color:#222;  text-align:left; box-shadow:3px 3px 2px 0 #e4e3e3; text-decoration:underline; color:#fff; font-weight:bold; background:url('/smc/resources/images/mobile/etc/bu_rowIcon.png') no-repeat 95% 25px #ffc000; background-size:6px 6px;}
.landingD .landingL li.land2 a span.txt2 {background-color:#fa6633;}
.landingD .landingL li.land3 a span.txt2 {background-color:#c456d8;}
.blackBottom {width:100%;overflow:hidden; padding:8px 0 6px; background:#303030;}
.grayBottom{width:100%;overflow:hidden; padding:10px; font-size:12px; font-weight:bold; background:#c8c8c8; box-sizing:border-box}

.indTx15 {margin-left:15px; text-indent:-15px;}

/* 2016-04-20 추가 */
.font_13_red {margin-bottom:10px;}
.font_13_red a{color:#e23a00 !important;font-weight:bold; margin-bottom:5px;background:url('/smc/resources/images/mobile/icon/red_icon.gif') no-repeat left;background-size:14px 14px;padding-left:18px}
.faqType.accordion {border:1px solid #ddd; padding:10px;}


/* 2016-05-19 모바일 페이지 리뉴얼 추가 */
/*2016-05-27 수정범위*/
.newArea {position:relative;}
.topDiv {width:100%;height:50px; position:absolute; top:0; left:0;border-bottom:1px solid rgba(255, 255, 255, 0.34);z-index:999;}
.topDiv .logoArea {display:block;text-align:center;top:7px;left:48%; margin-left:-60px;position:absolute;}
.topDiv .gnbMenu {z-index:999;position:absolute; top:12px; left:16px;}

.goLeft {display:block; position:absolute; top:31%; left:3%;z-index:999;}
.goRight {display:block; position:absolute; top:31%; right:3%;z-index:999;}

/**/
.oneWin {position:absolute; top:0; left:0;}
.oneMain {width:100%; text-align:center; background:url('/smc/resources/images/mobile/icon/main_bg01.png')no-repeat center;background-size:cover;height:580px;}
.oneMain .mainBanUp {width:100%;padding-top:70px;}
.oneMain .mainBanUp ul {width:230px;margin:0 auto;}
.oneMain .mainBanUp li {width:107px;margin-left:15px; border-radius:5px 5px;}
.oneMain .mainBanUp li a {color:#fff; font-size:13px; font-weight:bold; text-align:center; }
/* .oneMain .mainBanUp li:first-child {background:url('/smc/resources/images/mobile/icon/menu1_1_bg.png'); float:left;margin-left:0;}
.oneMain .mainBanUp li:first-child a {display:block; background:url('/smc/resources/images/mobile/icon/menu1_1_bg_icon.png') no-repeat center 15%; background-size:30% 35%;padding:53% 0 9%;line-height:21px;letter-spacing:-1px} 2016-06-08 위치변경 수정 */
/* .oneMain .mainBanUp li:first-child {background:url('/smc/resources/images/mobile/icon/menu1_3_bg.png'); float:left;margin-left:0;} */
.oneMain .mainBanUp li:first-child {background:#0a809d; float:left;margin-left:0;} /* 2016-06-10 수정 */
.oneMain .mainBanUp li:first-child a {display:block; background:url('/smc/resources/images/mobile/icon/menu1_3_bg_icon.png') no-repeat center 19%; background-size:35% 30%;padding:53% 0 9%;line-height:21px;letter-spacing:-1px}
/* .oneMain .mainBanUp li:last-child {background:url('/smc/resources/images/mobile/icon/menu1_2_bg.png'); float:left} */
.oneMain .mainBanUp li:last-child {background:#458412; float:left} /* 2016-06-10 수정 */
.oneMain .mainBanUp li:last-child a {display:block; background:url('/smc/resources/images/mobile/icon/menu1_2_bg_icon.png') no-repeat center 19%; background-size:35% 30%;padding:53% 0 9%;line-height:21px;letter-spacing:-1px}

.oneMain .mainBanDown {width:100%;margin-top:123px ;padding-bottom:123px;}
.oneMain .mainBanDown ul {width:230px;margin:0 auto;}
/* .oneMain .mainBanDown li {width:107px;margin-left:15px; border-radius:5px 5px;} */
.oneMain .mainBanDown li {width:107px;margin-left:15px; border-radius:3px 3px;} /* 2016-06-10 수정 */
.oneMain .mainBanDown li a {color:#fff; font-size:13px; font-weight:bold; text-align:center; }
/* .oneMain .mainBanDown li:first-child {background:url('/smc/resources/images/mobile/icon/menu1_3_bg.png'); float:left;margin-left:0;}
.oneMain .mainBanDown li:first-child a {display:block; background:url('/smc/resources/images/mobile/icon/menu1_3_bg_icon.png') no-repeat center 19%; background-size:35% 30%;padding:53% 0 9%;line-height:21px;letter-spacing:-1px} 2016-06-08 위치변경 수정 */
/* .oneMain .mainBanDown li:first-child {background:url('/smc/resources/images/mobile/icon/menu1_1_bg.png'); float:left;margin-left:0;} */
.oneMain .mainBanDown li:first-child {background:#907107; float:left;margin-left:0;} /* 2016-06-10 수정 */
.oneMain .mainBanDown li:first-child a {display:block; background:url('/smc/resources/images/mobile/icon/menu1_1_bg_icon.png') no-repeat center 15%; background-size:30% 35%;padding:53% 0 9%;line-height:21px;letter-spacing:-1px}
/* .oneMain .mainBanDown li {background:url('/smc/resources/images/mobile/icon/menu1_4_bg.png'); float:left} */
.oneMain .mainBanDown li {background:#c75010; float:left} /* 2016-06-10 수정 */
.oneMain .mainBanDown li a {display:block; background:url('/smc/resources/images/mobile/icon/menu1_4_bg_icon.png') no-repeat center 16px; background-size:35% 30%;padding:53% 0 9%;line-height:21px;letter-spacing:-1px}

/* .oneMain .newsBoard {width:291px; margin:0 auto 10px; background:url('/smc/resources/images/mobile/icon/menu_news_bg.png'); border-radius:5px 5px;}
.oneMain .newsBoard .bordeTit { color:#fff; font-size:15px;text-align:left;padding:3% 0 3% 15px;border-bottom:1px solid rgba(255, 255, 255, 0.16); background:url('/smc/resources/images/mobile/icon/board_bg_icon.png')no-repeat 97%; background-size:18px 25px;} */
.oneMain .newsBoard {width:291px; margin:6px auto 10px; background:url('/smc/resources/images/mobile/icon/menu_news_bg.png');}/* 2016-06-10 수정 */
.oneMain .newsBoard .bordeTit { color:#fff; font-size:15px;text-align:left;padding:3% 0 3% 15px;border-bottom:1px solid rgba(255, 255, 255, 0.16); background:url('/smc/resources/images/mobile/icon/board_bg_icon.png')no-repeat 95%; background-size:18px 25px; font-weight:bold; letter-spacing:-1px;} /* 2016-06-10 수정 */
.oneMain .newsBoard .bordeTit a {color:#fff; font-size:15px;} /* 2016-05-25 내용추가 */
.oneMain .newsBoard ul {width:90%; margin:0 auto;}
.oneMain .newsBoard li {padding:3.5% 0;border-bottom:1px dashed rgba(255, 255, 255, 0.1); font-size:12px; color:#fff;text-align:left;letter-spacing:-0.7px;} /* 2016-06-10 수정 */
.oneMain .newsBoard li:last-child{border:none}
.oneMain .newsBoard li a {color:#cacaca; font-size:12px;display:inline-block;} /* 2016-06-10 수정 */
.oneMain .newsBoard li span {color:#d7a6ff; font-weight:bold;}

/**/
.twoWin {position:absolute; top:0; left:0;}
.twoMain {width:100%; text-align:center; background:url('/smc/resources/images/mobile/icon/main_bg02.png')no-repeat center;background-size:100% 100%;height:580px;}
.twoMain .mainBanUp {width:100%;padding-top:70px;}
.twoMain .mainBanUp ul {width:230px;margin:0 auto; padding-top:5px;} /* 2016-06-10 수정 */
.twoMain .mainBanUp li {width:107px;margin-left:15px; border-radius:3px 3px;} /* 2016-06-10 수정 */
.twoMain .mainBanUp li a {color:#fff; font-size:13px; font-weight:bold; text-align:center; }
.twoMain .mainBanUp li:first-child {background:#983d81; float:left;margin-left:0;} /* 2016-06-10 수정 */
.twoMain .mainBanUp li:first-child a {display:block; background:url('/smc/resources/images/mobile/icon/menu2_1_bg_icon.png') no-repeat center 15%; background-size:30% 35%;padding:56% 0 13%;line-height:17px;letter-spacing:-1px} /* 2016-06-10 수정 */
.twoMain .mainBanUp li {background:#723d98; float:left} /* 2016-06-10 수정 */
.twoMain .mainBanUp li a {display:block; background:url('/smc/resources/images/mobile/icon/menu2_2_bg_icon.png') no-repeat center 19%; background-size:30% 35%;padding:56% 0 13%;line-height:17px;letter-spacing:-1px} /* 2016-06-10 수정 */

.twoMain .mainBanDown {width:100%;margin-top:123px ;padding-bottom:123px;}
.twoMain .mainBanDown ul {width:230px;margin:0 auto;}
.twoMain .mainBanDown li {width:107px;margin-left:15px; border-radius:3px 3px;} /* 2016-06-10 수정 */
.twoMain .mainBanDown li a {color:#fff; font-size:13px; font-weight:bold; text-align:center; }
.twoMain .mainBanDown li:first-child {background:#5651c1; float:left;margin-left:0;} /* 2016-06-10 수정 */
.twoMain .mainBanDown li:first-child a {display:block; background:url('/smc/resources/images/mobile/icon/menu2_3_bg_icon.png') no-repeat center 19%; background-size:35% 30%;padding:56% 0 13%;line-height:17px;letter-spacing:-1px} /* 2016-06-10 수정 */
.twoMain .mainBanDown li:last-child {background:#0970c7; float:left} /* 2016-06-10 수정 */
.twoMain .mainBanDown li:last-child a {display:block; background:url('/smc/resources/images/mobile/icon/menu2_4_bg_icon.png') no-repeat center 16px; background-size:35% 30%;padding:56% 0 13%;line-height:17px;letter-spacing:-1px} /* 2016-06-10 수정 */

.twoMain .newsBoard {width:291px; margin:6px auto 10px; background:url('/smc/resources/images/mobile/icon/menu_news_bg.png');} /* 2016-06-10 수정 */
.twoMain .newsBoard .bordeTit { color:#fff; font-size:15px;text-align:left;padding:3% 0 3% 15px;border-bottom:1px solid rgba(255, 255, 255, 0.30); background:url('/smc/resources/images/mobile/icon/board_bg_icon.png')no-repeat 95%; background-size:18px 25px; font-weight:bold; letter-spacing:-1px;}
.twoMain .newsBoard .bordeTit a {color:#fff; font-size:15px;} /* 2016-05-25 내용추가 */
.twoMain .newsBoard ul {width:90%; margin:0 auto;}
.twoMain .newsBoard li {padding:3.5% 0;border-bottom:1px dashed rgba(255, 255, 255, 0.1); font-size:12px; color:#fff;text-align:left;letter-spacing:-0.7px;} /* 2016-06-10 수정 */
.twoMain .newsBoard li:last-child{border:none}
.twoMain .newsBoard li a {color:#cacaca; font-size:12px;display:inline-block;} /* 2016-06-10 수정 */
.twoMain .newsBoard li span {color:#d7a6ff; font-weight:bold;}

/* 2016-09-05 테스트관련 추가 S */
.oneMainApp {width:100%; text-align:center; background-color:#284161; background-size:cover;height:600px;}
.oneMainApp .mainBanUp {width:100%;padding-top:70px;}
.oneMainApp .mainBanUp ul {width:230px;margin:0 auto;}
.oneMainApp .mainBanUp li {width:107px;margin-left:15px; border-radius:5px 5px;}
.oneMainApp .mainBanUp li a {color:#fff; font-size:13px; font-weight:bold; text-align:center; }
.oneMainApp .mainBanUp li:first-child {background:#0a809d; float:left;margin-left:0;} /* 2016-06-10 수정 */
.oneMainApp .mainBanUp li:first-child a {display:block; background:url('/smc/resources/images/mobile/icon/menu1_3_bg_icon.png') no-repeat center 19%; background-size:35% 30%;padding:53% 0 9%;line-height:21px;letter-spacing:-1px}
.oneMainApp .mainBanUp li:last-child {background:#458412; float:left} /* 2016-06-10 수정 */
.oneMainApp .mainBanUp li:last-child a {display:block; background:url('/smc/resources/images/mobile/icon/menu1_2_bg_icon.png') no-repeat center 19%; background-size:35% 30%;padding:53% 0 9%;line-height:21px;letter-spacing:-1px}

.oneMainApp .mainBanDown {width:100%;margin-top:123px ;padding-bottom:123px;}
.oneMainApp .mainBanDown ul {width:230px;margin:0 auto;}
.oneMainApp .mainBanDown li {width:107px;margin-left:15px; border-radius:3px 3px;} /* 2016-06-10 수정 */
.oneMainApp .mainBanDown li a {color:#fff; font-size:13px; font-weight:bold; text-align:center; }
.oneMainApp .mainBanDown li:first-child {background:#907107; float:left;margin-left:0;} /* 2016-06-10 수정 */
.oneMainApp .mainBanDown li:first-child a {display:block; background:url('/smc/resources/images/mobile/icon/menu1_1_bg_icon.png') no-repeat center 15%; background-size:30% 35%;padding:53% 0 9%;line-height:21px;letter-spacing:-1px}
.oneMainApp .mainBanDown li {background:#c75010; float:left} /* 2016-06-10 수정 */
.oneMainApp .mainBanDown li a {display:block; background:url('/smc/resources/images/mobile/icon/menu1_4_bg_icon.png') no-repeat center 16px; background-size:35% 30%;padding:53% 0 9%;line-height:21px;letter-spacing:-1px}

.oneMainApp .newsBoard {width:291px; margin:6px auto 10px; background:url('/smc/resources/images/mobile/icon/menu_news_bg.png');}/* 2016-06-10 수정 */
.oneMainApp .newsBoard .bordeTit { color:#fff; font-size:15px;text-align:left;padding:3% 0 3% 15px;border-bottom:1px solid rgba(255, 255, 255, 0.16); background:url('/smc/resources/images/mobile/icon/board_bg_icon.png')no-repeat 95%; background-size:18px 25px; font-weight:bold; letter-spacing:-1px;} /* 2016-06-10 수정 */
.oneMainApp .newsBoard .bordeTit a {color:#fff; font-size:15px;} /* 2016-05-25 내용추가 */
.oneMainApp .newsBoard ul {width:90%; margin:0 auto;}
.oneMainApp .newsBoard li {padding:3.5% 0;border-bottom:1px dashed rgba(255, 255, 255, 0.1); font-size:12px; color:#fff;text-align:left;letter-spacing:-0.7px;} /* 2016-06-10 수정 */
.oneMainApp .newsBoard li:last-child{border:none}
.oneMainApp .newsBoard li a {color:#cacaca; font-size:12px;display:inline-block;} /* 2016-06-10 수정 */
.oneMainApp .newsBoard li span {color:#d7a6ff; font-weight:bold;}

/**/
.twoMainApp {width:100%; text-align:center; background-color:#323a3f; background-size:100% 100%;height:600px;}
.twoMainApp .mainBanUp {width:100%;padding-top:70px;}
.twoMainApp .mainBanUp ul {width:230px;margin:0 auto; padding-top:5px;} /* 2016-06-10 수정 */
.twoMainApp .mainBanUp li {width:107px;margin-left:15px; border-radius:3px 3px;} /* 2016-06-10 수정 */
.twoMainApp .mainBanUp li a {color:#fff; font-size:13px; font-weight:bold; text-align:center; }
.twoMainApp .mainBanUp li:first-child {background:#983d81; float:left;margin-left:0;} /* 2016-06-10 수정 */
.twoMainApp .mainBanUp li:first-child a {display:block; background:url('/smc/resources/images/mobile/icon/menu2_1_bg_icon.png') no-repeat center 15%; background-size:30% 35%;padding:56% 0 13%;line-height:17px;letter-spacing:-1px} /* 2016-06-10 수정 */
.twoMainApp .mainBanUp li {background:#723d98; float:left} /* 2016-06-10 수정 */
.twoMainApp .mainBanUp li a {display:block; background:url('/smc/resources/images/mobile/icon/menu2_2_bg_icon.png') no-repeat center 19%; background-size:30% 35%;padding:56% 0 13%;line-height:17px;letter-spacing:-1px} /* 2016-06-10 수정 */

.twoMainApp .mainBanDown {width:100%;margin-top:123px ;padding-bottom:123px;}
.twoMainApp .mainBanDown ul {width:230px;margin:0 auto;}
.twoMainApp .mainBanDown li {width:107px;margin-left:15px; border-radius:3px 3px;} /* 2016-06-10 수정 */
.twoMainApp .mainBanDown li a {color:#fff; font-size:13px; font-weight:bold; text-align:center; }
.twoMainApp .mainBanDown li:first-child {background:#5651c1; float:left;margin-left:0;} /* 2016-06-10 수정 */
.twoMainApp .mainBanDown li:first-child a {display:block; background:url('/smc/resources/images/mobile/icon/menu2_3_bg_icon.png') no-repeat center 19%; background-size:35% 30%;padding:56% 0 13%;line-height:17px;letter-spacing:-1px} /* 2016-06-10 수정 */
.twoMainApp .mainBanDown li:last-child {background:#0970c7; float:left} /* 2016-06-10 수정 */
.twoMainApp .mainBanDown li:last-child a {display:block; background:url('/smc/resources/images/mobile/icon/menu2_4_bg_icon.png') no-repeat center 16px; background-size:35% 30%;padding:56% 0 13%;line-height:17px;letter-spacing:-1px} /* 2016-06-10 수정 */

.twoMainApp .newsBoard {width:291px; margin:6px auto 10px; background:url('/smc/resources/images/mobile/icon/menu_news_bg.png');} /* 2016-06-10 수정 */
.twoMainApp .newsBoard .bordeTit { color:#fff; font-size:15px;text-align:left;padding:3% 0 3% 15px;border-bottom:1px solid rgba(255, 255, 255, 0.30); background:url('/smc/resources/images/mobile/icon/board_bg_icon.png')no-repeat 95%; background-size:18px 25px; font-weight:bold; letter-spacing:-1px;}
.twoMainApp .newsBoard .bordeTit a {color:#fff; font-size:15px;} /* 2016-05-25 내용추가 */
.twoMainApp .newsBoard ul {width:90%; margin:0 auto;}
.twoMainApp .newsBoard li {padding:3.5% 0;border-bottom:1px dashed rgba(255, 255, 255, 0.1); font-size:12px; color:#fff;text-align:left;letter-spacing:-0.7px;} /* 2016-06-10 수정 */
.twoMainApp .newsBoard li:last-child{border:none}
.twoMainApp .newsBoard li a {color:#cacaca; font-size:12px;display:inline-block;} /* 2016-06-10 수정 */
.twoMainApp .newsBoard li span {color:#d7a6ff; font-weight:bold;}
/* 2016-09-05 테스트관련 추가 E */


.footerDiv {position:absolute; bottom:0; left:0; width:100%;height:94px;background:url('/smc/resources/images/mobile/icon/footer_bg.png');}

.bottomareaN {clear:both; position:relative; z-index:2; width:100%; height:84px; padding:10px 0 0 0; border-top:1px solid #c9c9c9}
.bottomareaN ul.btnmenu {width:94%; height:35px; margin:0 auto}
.bottomareaN ul.btnmenu li {float:left; margin:0 3px 0 0}
.bottomareaN ul.btnmenu li a {display:block; width:60px; height:28px; padding:0; text-align:center; color:#3768b9; font-size:13px; font-weight:bold; line-height:30px}
.bottomareaN ul.btnmenu li.login_go a {background:url('/smc/resources/images/mobile/btn/btn_footerbox_01.png') no-repeat 0 0; background-size:60px 28px}
.bottomareaN ul.btnmenu li.logout_go a {width:60px; background:url('/smc/resources/images/mobile/btn/btn_footerbox_01.png') no-repeat 0 0; background-size:60px 28px}
.bottomareaN ul.btnmenu li.join_go a {background:url('/smc/resources/images/mobile/btn/btn_footerbox_01.png') no-repeat 0 0; background-size:60px 28px;}
.bottomareaN ul.btnmenu li.myInfo a {width:60px; background:url('/smc/resources/images/mobile/btn/btn_footerbox_01.png') no-repeat 0 0; background-size:60px 28px}
.bottomareaN ul.btnmenu li.pcver_go a {background:url('/smc/resources/images/mobile/btn/btn_footerbox_02.png') no-repeat 0 0; background-size:60px 28px; color:#666}
.bottomareaN ul.btnmenu li.top_go {float:right; margin:0}
.bottomareaN ul.btnmenu li.top_go a {width:50px; padding-left:10px; text-align:left; background:url('/smc/resources/images/mobile/btn/btn_footerbox_03.png') no-repeat 0 0; background-size:60px 28px; color:#666}
.bottomareaN ul.bmenu {clear:both; width:94%; padding:0; overflow:hidden; margin:0 auto 8px;}
.bottomareaN ul.bmenu li {display:inline-block; padding:0 7px 0 8px; background:url('/smc/resources/images/mobile/common/bg_bar_01.jpg') no-repeat 0 3px; background-size:1px 10px}
.bottomareaN ul.bmenu li:first-child {padding:0 7px 0 0; background:0}
.bottomareaN ul.bmenu li a {color:#666; fotn-size:13px}
.bottomareaN .contactus {clear:both; width:94%; margin:0 auto; color:#777; font-size:11px}
.bottomareaN .waMark{position:absolute; bottom:5px; right:3%;}

.topSerch {width:100%; height:15px;position:absolute; top:51px; left:0; overflow:hidden;}
.topSerch fieldset {display:none; position:absolute; left:0; top:-50px; z-index:9; clear:both; width:100%; height:53px; background:url('/smc/resources/images/mobile/common/bg_grbox_01.jpg') repeat-x 0 0; background-size:4px 53px; border-top:1px solid #000}
.topSerch fieldset p {position:relative; height:36px; padding:0; margin:8px 73px 0 10px; background:#fff; border:1px solid #1e1e1e; border-radius:4px; box-shadow:0 1px 1px #626262}
.topSerch fieldset p span {display:block; width:auto; height:34px; overflow:hidden; margin:0 45px 0 0; padding:0}
.topSerch fieldset p span input.txt {width:100%; height:34px; padding:2px 0 0 10px; background:0; border:0; color:#444; font-family:17px; font-weight:bold;}
.topSerch fieldset a.btn_keyword_del {position:absolute; right:0; top:0; display:block; width:36px; height:36px; background:url('/smc/resources/images/mobile/btn/btn_keyword_del.png') no-repeat 50% 50%; background-size:30px 30px; text-indent:-99999px}
.topSerch fieldset a.btn_topsch {position:absolute; right:10px; top:8px; width:57px; height:29px; padding:9px 0 0 0; text-align:center; margin:0; background:url('/smc/resources/images/mobile/btn/btn_gnb_search.png') no-repeat 0 0; background-size:57px 38px; color:#fff; font-size:16px; font-weight:bold; letter-spacing:1px}
.bordeTit a {color:#fff;}

.topDiv .btn_search {position:absolute; right:2px; top:12px; z-index:11; display:block; width:39px; height:39px}
.topDiv .btn_search a.bklink em {background:url('/smc/resources/images/mobile/icon/icon_gnb_search.png') no-repeat 50% 62%; background-size:25px 26px; position:absolute; top:12px;right:17px;}
.topDiv .btn_search.on a.bklink {background:url('/smc/resources/images/mobile/btn/btn_gnb_over.png') no-repeat 0 0}
.topDiv .btn_search a.bklink em {background:url('/smc/resources/images/mobile/icon/icon_gnb_search.png') no-repeat 50% 62%; background-size:25px 26px}
.topDiv a.bklink em {display:block; width:100%; height:100%; text-indent:-99999px}
.topDiv .btn_search.on a.bklink {background:url('/smc/resources/images/mobile/btn/btn_gnb_over.png') no-repeat 0 0}
/*2016-05-27 수정범위// */

/* 2016-06-03 추가 분실도난폰 조회 관련 추가 */
.subMenu {overflow:hidden;margin-bottom:10px;}
.subMenu li {float:left; width:32%; height:35px; text-align:center;background:url('/smc/resources/images/mobile/btn/sub_menu_btn.png')no-repeat center; background-size:100% 35px;margin-left:2%;}
.subMenu li:first-child {margin-left:0;}
.subMenu li a {color:#333; font-weight:bold; line-height:35px; display:block; font-size:12px;}

.notiTxt01 {background: url('/smc/resources/images/mobile/icon/icon_subtitle.png') no-repeat 0 2px;background-size:11px 11px;color:#3768B9;font-size: 13px;font-weight: bold;padding-left: 15px;margin-top:15px;margin-bottom:0;}
/*.notiStory01 {border:1px solid #b8b8b8;padding:12px 13px 57px;background:url('/smc/resources/images/icon_kait.png') no-repeat right bottom;background-size:115px 52px;margin-top:10px;margin-bottom:0; font-size:12px; line-height:18px;}  2016-06-29 수정 */
.notiStory01 {border:1px solid #b8b8b8;padding:12px 13px 12px; /* background:url('/smc/resources/images/mobile/icon/txt_logo_m.png') no-repeat 95% 98%; background-size:183px 47px;  */ margin-top:10px;margin-bottom:0; font-size:12px; line-height:18px;} /* 2019-02-25 수정 */ /* 2016-06-29 수정 */
.notiStory01 li {background:url('/smc/resources/images/mobile/icon/new_dot.png') no-repeat 0 6px;background-size:5px 5px;padding-left:10px;color:#888;margin-top:5px;font-size:13px; font-weight:bold;} /* 2016-06-30 수정 */
.notiStory01 li:first-child {margin-top:0;}
.notiStory01 li.last {background:none; margin-top:30px; text-align:right} /* 2019-02-25 추가 */
.chckBtn {margin-top:15px;line-height: 15px;color: #444444;font-size: 13px;margin-bottom:0; text-align:right;} /* 2016-06-30 수정 */
#agree {height: 20px;padding:3px;margin:0;vertical-align:middle}
.notiTxt02 {background: url('/smc/resources/images/mobile/icon/icon_subtitle.png') no-repeat 0 2px;background-size:11px 11px;color:#3768B9;font-size: 13px;font-weight: bold;padding-left: 15px;margin-top:15px;margin-bottom:10px;}
.serchTable01 {border-top: 1px solid #666666; position: relative;width: 100%;border-collapse:collapse}
.inputImg {margin-right: 80px;margin-top:0;margin-bottom:0;}

p.chgBtn {text-align:center;position: absolute; right: 0;top: 0;margin-top:0;margin-bottom:0;width:67px; height:30px; background:url('/smc/resources/images/mobile/btn/btn_a.png')no-repeat center; background-size:67px 30px;line-height:14px;} /* 2016-06-28 */
.sercArea {margin-top:10px;text-align:center}
.sercBtn {width:87px; height:35px;padding:0;margin:0 auto; background:url('/smc/resources/images/mobile/btn/serch_btn.png')no-repeat center; background-size:87px 35px;}
.lifeTxtBox {background:#F8F8F8;border: 1px solid #DDDDDD;overflow: hidden;padding: 10px;margin-top:20px}
.list {margin:0;padding:0;line-height:18px;}
.list li {background: url('/smc/resources/images/mobile/icon/new_dot.png') no-repeat 0 6px;background-size:5px 5px;border-bottom: medium none; font-size: 12px;padding: 0 0 0 10px;}/* 2016-06-24 수정 */

.notiTxt03 {background: url('/smc/resources/images/mobile/icon/icon_subtitle.png') no-repeat 0 2px;background-size:11px 11px;color:#3768B9;font-size: 13px;font-weight: bold;padding-left: 15px;margin-top:15px;margin-bottom:0;}
/*.notiStory02 {border:1px solid #b8b8b8;padding:12px 13px 40px;background:url('/smc/resources/images/icon_kait.png') no-repeat right bottom;background-size:115px 52px;margin-top:10px;margin-bottom:0; font-size:12px; line-height:18px;}*/
.notiStory02 {border:1px solid #b8b8b8;padding:12px 13px 40px;background:url('/smc/resources/images/mobile/icon/txt_logo_m.png') no-repeat  95% 98%; background-size:183px 47px; margin-top:10px;margin-bottom:0; font-size:12px; line-height:18px;} /* 2016-06-29 수정 */
/* .notiStory02 li {background:url('/smc/resources/images/mobile/icon/dot10x10.png') no-repeat 0 5px;background-size:5px 5px;padding-left:10px;color:#888;margin-top:5px} */
.notiStory02 li {background:url('/smc/resources/images/mobile/icon/new_dot.png') no-repeat 0 6px;background-size:5px 5px;padding-left:10px;color:#888;margin-top:5px; font-weight:bold; font-size:13px;} /* 2016-07-06 수정 */
.notiStory02 li:first-child {margin-top:0;}
/* .chckBtn02 {margin-top:15px;line-height: 15px;color: #444444;font-size: 13px;margin-bottom:0} */
.chckBtn02 {margin-top:15px;line-height: 15px;color: #444444;font-size: 13px;margin-bottom:0; text-align:right;} /* 2016-07-06 수정 */
#agree02 {height: 20px;padding:3px;margin:0;vertical-align:middle}
.notiTxt04 {background: url('/smc/resources/images/mobile/icon/icon_subtitle.png') no-repeat 0 2px;background-size:11px 11px;color:#3768B9;font-size: 13px;font-weight: bold;padding-left: 15px;margin-top:15px;margin-bottom:10px;}
.serchTable02 {border-top: 1px solid #666666; position: relative;width: 100%;border-collapse:collapse}
.inputImg02 {margin-right: 80px;margin-top:0;margin-bottom:0;}
.chgBtn02 {text-align:center;position: absolute; right: 0;top: 0;margin-top:0;margin-bottom:0; width:67px 30px; width:67px; height:30px; background:url('/smc/resources/images/mobile/btn/change_img_btn.png')no-repeat center;background-size:67px 30px;}
.sercArea02 {margin-top:10px;text-align:center}
.sercBtn02 {width:87px; height:35px;padding:0;margin:0 auto; background:url('/smc/resources/images/mobile/btn/serch_btn.png')no-repeat center; background-size:87px 35px;}
.lifeTxtBox02 {background:#F8F8F8;border: 1px solid #DDDDDD;overflow: hidden;padding: 10px;margin-top:20px}
.list02 {margin:0;padding:0;line-height:18px;}
.list02 li {background: url('/smc/resources/images/mobile/icon/new_dot.png') no-repeat 0 6px;background-size:5px 5px;border-bottom: medium none; font-size: 12px;padding: 0 0 0 10px;} /*2016-07-06 수정*/

/* 2016-06-28 추가 */
.serBtnA { display:block; width:85px; height:35px; background:url('/smc/resources/images/mobile/btn/ser_btn_a.png') no-repeat center; background-size:85px 35px;margin:0 auto; color:#fff;line-height:34px;}

/* 2016-07-06 추가 */
p.chgBtn02 {text-align:center;position: absolute; right: 0;top: 0;margin-top:0;margin-bottom:0;width:67px; height:30px; background:url('/smc/resources/images/mobile/btn/btn_a.png')no-repeat center; background-size:67px 30px;line-height:14px;}
.serviceInfoList { border-bottom: 1px dashed #DDDDDD;padding-bottom: 15px;font-size:12px;overflow:hidden;}
.leftLogoSide {margin-top:15px;margin-bottom:0;float:left;}
.rightLogoSide {float:right;}
.rightLogoSide img {padding-top:10px}
.boardType01 {border-top: 1px solid #666666;position: relative;width: 100%;margin-top:10px;margin:bottom:0}
.findInfoTxt01 {margin-top:10px;margin-bottom:0;font-size:12px;}
.findInfoTxt02 {margin:0;color: #3768B9;font-weight: bold; font-size:12px;} /* 2019-08-22 수정 */
.boardType01 td.tit {background:#F8F8F8;color: #444444;text-align: left;vertical-align: middle;width: 30%;border-bottom: 1px solid #DBDBDB;font-size: 11px;padding: 7px 8px 7px 10px;}
.boardType01 td {border-bottom: 1px solid #DBDBDB;font-size: 11px;padding: 7px 8px 7px 10px;}
.nameArea input {border: 1px solid #B8B8B8;height: 22px;width: 100%;padding: 3px;}
.numArea input {border: 1px solid #B8B8B8;height: 22px;width: 100%;padding: 3px;}
.phoneinput select {height:30px;background:#fff; width:30%; min-width:24px;  padding:2px} /* 2019-12-26 수정 */
.serchBtnDiv {border-bottom: 1px dashed #DDDDDD;padding-bottom: 15px;margin-top:15px;text-align:center;margin-bottom:0}
.resultTit {background:url('/smc/resources/images/mobile/icon/icon_checkIcon.png')no-repeat left;font-weight:bold;padding:16px 25px; background-size:20px 20px;color:#3768B9;font-size:18px}
.personInfo {margin-top:15px;margin-bottom:0;border: 1px solid #DDDDDD;font-size:12px;padding:2px;}
.infoJoiner {padding-top:10px;font-size:13px; font-weight:bold; }
.personInfo ul {padding:0;margin:5px 0 0 0}
.personInfo li span.type {color: #444444;display: inline-block;width: 80px;}
span.fontB {color: #3768B9;font-weight: bold;}
.txtForUser {margin-top:15px;margin-left:5px;margin-bottom:0;font-size:12px;}

/* 2016-07-14 수정 S */
.coverInfoTxt {font-size:12px; line-height:17px; color:#666;} /* 2019-05-31 수정 */
.coverAreaM {padding:15px; background:#f8f8f8; border:1px solid #ddd;margin-top:15px; overflow:hidden;}
.skDiv {width:33%; float:left;border-right:1px solid #ddd;text-align:center;}
.ollehDiv {width:33%; float:left;border-right:1px solid #ddd;text-align:center;}
.lguDiv {width:33%; float:left;text-align:center;}
.cell {display:inline-block; font-size:10px; color:#444; background:url('/smc/resources/images/mobile/icon/cell_m.png')no-repeat 0 3px; background-size:10px 9px; padding:2px 3px 2px 15px;text-align:left; width:72px; margin:0 auto;} /* 2019-05-31 수정 */
.tell {display:inline-block; font-size:10px; color:#444; background:url('/smc/resources/images/mobile/icon/tell_m.png')no-repeat 0 3px; background-size:10px 9px; padding:2px 3px 2px 15px;text-align:left; width:72px; margin:0 auto;} /* 2019-05-31 수정 */
/* 2016-07-14 수정 E */

/* 2016-08-16 추가 */
.un {text-decoration:underline; font-size:12px; color:#444}

/* 2016-08-16 단말기지원금조회 레이어팝업 */
.productUpdateListPop { position:absolute; top:20%; left:50%; background:#fff; z-index:99999; width:300px; margin-left:-150px; border:1px solid #ccc}
.mPopUpSK { position:absolute; top:20%; left:50%; background:#fff; z-index:99999; width:300px; margin-left:-150px; border:1px solid #ccc}
.mPopUpKT { position:absolute; top:20%; left:50%; background:#fff; z-index:99999; width:300px; margin-left:-150px; border:1px solid #ccc}
.mPopUpLG { position:absolute; top:20%; left:50%; background:#fff; z-index:99999; width:300px; margin-left:-150px; border:1px solid #ccc}

.popBodyM {padding:15px 12px;}
.popBodyM table {border-top:1px solid #666; width:100%;}
.popBodyM table th {font-size:11px; padding:11px 0; border-bottom:1px solid #ccc; border-right:1px solid #ccc;}
.popBodyM table th.no {border-left:1px solid #ccc;}
.popBodyM table td {font-size:11px; padding:11px 0;text-align:center; border-bottom:1px solid #ccc; border-right:1px solid #ccc;}
.popBodyM table td.no {border-left:1px solid #ccc;}
.popBodyM table tr.on {background:#fad143; font-weight:bold;}
.popHeadM {padding:12px 12px; background:url('/smc/resources/images/mobile/popup/m_head_bg.png') repeat-x;overflow:hidden; background-size:100% 100%;}
.popHeadM > p{color:#444; font-size:11px;float:left;padding-left:5px;}
.popHeadM > div{float:left;}
.clBtn {float:right}

/* 2016-11-14 추가 s */
.popupwrapH {display:none; position:fixed; left:50%; top:50px; width:94%; margin:0 0 0 -47%; z-index:101; background:#fff} /* 2019-02-25 수정 */
.popupwrapH h1 {height:27px; padding:8px 0 0 10px; background:url('/smc/resources/images/mobile/common/bg_poptitle_gr.jpg') repeat-x 0 100%; background-size:4px 34px; border-width:1px 1px 0 1px; border-style:solid; border-color:#ccc; color:#222; font-size:16px}/*2015-04-16 ucomp*/
.popupwrapH .btn_modalclose {position:absolute; right:7px; top:5px; width:25px; height:25px; background:url('/smc/resources/images/mobile/btn/btn_layerclose.png') no-repeat 50% 50%; background-size:16px 16px; text-indent:-99999px}
.popupwrapH .popcontents {padding:10px 10px; overflow:hidden; background:#fff; border-width:0 1px 1px 1px; border-style:solid; border-color:#ccc; overflow-y:auto; height:350px;} /* 2019-02-25 수정 */
.popupwrapH .popcontents dl {height:105px; width:50%;float:left;font-size:9px;text-align:center; margin-top:5px;} /* 2019-02-25 수정 */
.popupwrapH .popcontents dl img {width:130px;}
.blackBg{position:absolute;top:0;left:0;width:100%;background:#000;z-index:501;}
/* 2016-11-14 추가 e */

/* 2017-03-28추가 s */
.internetLevelSKB{position:absolute !important;}
.popupwrap .popcontents2{padding:20px; height:100%;}
.popupwrap .popcontents2 .popCon{border:1px solid #dddddd; border-top:none; width:100%; height:100%;}
.popupwrap .popcontents2 .popCon .logo{width:100%; height:40px; border-top:1px solid #dddddd; border-bottom:1px solid #dddddd; padding:10px 10px 0; box-sizing:border-box;}
.popupwrap .popcontents2 .popCon .logo.pt{padding-top:12px;}
.choiceDiv{padding:0 0 8px 10px; overflow:hidden;}
.choiceDiv p{float:left; width:45%; margin-top:8px;}
.choiceDiv p:nth-child(2n+1){width:55%;}
.choiceDiv .floatNon{float:none; width:100% !important;}
.choiceDiv p input{vertical-align:middle; margin-right:3px;}
.choiceDiv p label{font-size:12px; letter-spacing:-1px;}
/* 2017-03-28추가 e */

/* 2017-04-24 추가 */
.new_popuop{z-index:100; border:1px solid #dddddd; text-align:center; padding-top:75px; position:absolute; left:3%; width:94%; height:222px; background:url("/smc/resources/images/mobile/popup/new_popup_bg.jpg") no-repeat center top 25px #f4f4f4; background-size:46px;}
.new_popuop .tit{font-weight:bold; font-size:20px; color:#333333; margin-bottom:10px;}
.new_popuop .txt{font-size:13px; color:#333333; margin-bottom:15px; line-height:18px;}
.new_popuop .dateDiv{letter-spacing:-1px; width:95%; height:38px; line-height:38px; border:1px solid #dddddd; background:#ffffff; font-size:11px; color:#444444; font-weight:bold; margin:0 auto 20px;}
.new_popuop .npBtnDiv{overflow:hidden; margin:0 auto; width:230px;}
.new_popuop .npBtnDiv a:hover{text-decoration:none;}
.new_popuop .npBtnDiv a:nth-child(1){margin-right:5px;}
.new_popuop .npBtnDiv a.goHome {font-size:12px; color:#fff; display:block; background:url('/smc/resources/images/mobile/error/home_btn.gif')no-repeat center; background-size:112px; width:112px; text-align:center; padding:10px 0; float:left}
.new_popuop .npBtnDiv a.goBefore {font-size:12px; color:#555; display:block; background:url('/smc/resources/images/mobile/error/brfore_btn.gif')no-repeat center; background-size:112px; width:112px; text-align:center; padding:10px 0; float:right}


/* 2017-05-18 추가 */
.popupwrap h1.feedetailviewH1 {padding:8px 25px 20px 10px;}

/* 2017-11-16 추가 EDENIT */
.contentsbox .top_btnarea { position:relative; margin:27px 0 0 0; text-align:right;}
.btn_fee_frugal_2017 {display:inline-block; width:112px; height:30px; margin:0 10px 0 0; padding:0; background:url('/smc/resources/images/mobile/btn/btn_bg_fee_frugal_2017.jpg') no-repeat 0 0; background-size:112px 30px; text-align:center; color:#fff; line-height:30px; word-spacing:-1px; font-size:12px; font-weight:bold}
.btn_fee_compare_2017 {display:inline-block; width:112px; height:30px; margin:0; padding:0; background:url('/smc/resources/images/mobile/btn/btn_bg_fee_compare_2017.jpg') no-repeat 0 0; background-size:112px 30px; text-align:center; color:#fff; line-height:30px; word-spacing:-1px; font-size:12px; font-weight:bold}

/* 2018-09-06수정 */
.feerecommend .feerecbox .conditionsbox p a {font-size: 13px !important; font-weight: bold !important; color: #0a7cdd; text-decoration:underline;}	/* 2017-11-15 수정 EDENIT(.conditionsbox추가) */
.feerecommend .feerecbox .fee_type_year ul.fee_tabbox_sub li.tab_left a.left {height:30px; padding:3px 0 0 0; line-height:15px}
.feerecommend .feerecbox .fee_type_year .age2 {position:absolute; top:55px; left:98px; background:#fff; padding:5px 0 5px 20px; border:2px solid #dddddd; z-index:100; border-radius:2px;}
.feerecommend .feerecbox .fee_type_year .age2 li {float:none; width:auto; min-width:auto; height:auto;padding:0 24px 0 9px; line-height:30px; background:url('/smc/resources/images/icon/icon_arr_06.jpg') no-repeat 0 11px;}
.feerecommend .feerecbox .fee_type_year .age2 li a {padding:0; text-align:left; border-style:none; display:block; background:none; font-size:11px; font-weight:normal;}
.feerecommend .feerecbox .fee_type_year .age2 li a:hover,
.feerecommend .feerecbox .fee_type_year .age2 li a:focus,
.feerecommend .feerecbox .fee_type_year .age2 li a:active,
.feerecommend .feerecbox .fee_type_year .on .age2 li a{border:none; background:none; color:#666; font-weight:bold}
/* //2018-09-06수정 */



/* 2019-01-10 추가 */
.feerecommend .contentsbox.btnPoTop .top_btnarea a.btn_fee_compare_2017 {float:none;}
.feerecommend .contentsbox.btnPoTop .top_btnarea a.btn_planExpantionBill {float:none; padding-bottom:0}
.homerecommend .contentsbox.btnPoTop .top_btnarea a.btn_planExpantionBillTest3 {float:none; padding-bottom:0}
/* 2019-01-10 추가 */

.font_13_444 a { font-size:13px !important; color:#0a7cdd}
.font_13_444 span {display:block;}

.fee_resultbox .re_btn {float:right;  margin:-35px 0 6px 0;}
.fee_resultbox .btn_rese {width:100px; height:30px; display: inline-block; border-radius:2px;  background:url('/smc/resources/images/mobile/btn/btn_researchbox.jpg') no-repeat 0 0; background-size:100px 30px; text-align:center; color:#fff; font-size:14px; font-weight:bold; line-height:30px}
.fee_resultbox .btn_url {width:80px; height:30px; display: inline-block; border-radius:2px; background:url('/smc/resources/images/mobile/btn/btn_researchbox.jpg') no-repeat 0 0; background-size:100px 30px; text-align:center; color:#fff; font-size:14px; font-weight:bold; line-height:30px}

.tbl_feeresultlist {}
.tbl_feeresultlist tr th {width:33.3%;height:30px; padding-top:1px; text-align:center; background:url('/smc/resources/images/mobile/smartguide/bg_grtit_03.jpg') repeat-x 0 0; background-size:2px 31px; border:1px solid #dddddd; border-bottom:none;}
.tbl_feeresultlist tr th span {display:block; height:100%;}
.tbl_feeresultlist tr th span.skt { background:url('/smc/resources/images/mobile/smartguide/logo_skt_sg_N.png') no-repeat 50% 50%; background-size:82px 30px;}
.tbl_feeresultlist tr th span.kt { background:url('/smc/resources/images/mobile/smartguide/logo_kt_sg.png') no-repeat 50% 50%; background-size:82px 30px;}
.tbl_feeresultlist tr th span.lgu { background:url('/smc/resources/images/mobile/smartguide/logo_lgu_sg.png') no-repeat 50% 50%; background-size:82px 30px;}

.tbl_feeresultlist tr td { vertical-align:top; border:1px solid #dddddd; border-top:none; position:relative;}
.tbl_feeresultlist tr td.basic_info.on { background:#eaf2f9; border-bottom:1px solid #eaf2f9;}
.tbl_feeresultlist tr td.basic_info p { width:90%; margin:0 auto; padding:8px 0 40px 0; text-align:center;}
.tbl_feeresultlist tr td.basic_info p.nodata {width:80%; margin:0 auto; padding:64px 0 20px 0; text-align:center; background:url('/smc/resources/images/mobile/common/img_nodata_02.png') no-repeat 50% 20px; background-size:35px 35px; border:0; color:#555; line-height:17px; font-size:14px}
.tbl_feeresultlist tr td.basic_info strong {display:block; font-size:15px; color:#222; font-weight:bold; word-spacing:-1px; line-height:17px}
.tbl_feeresultlist tr td.basic_info em {display:block; margin:0 0 1px 0; font-size:14px; color:#3768b9; font-weight:bold; word-spacing:-1px;}
.tbl_feeresultlist tr td .btn_fee_calview { position:absolute; left:50%; bottom:10px; margin-left:-44%; display:block; width:88%; height:26px; text-align:left; background:url('/smc/resources/images/mobile/smartguide/bg_grtit_01.jpg') repeat-x 0 0; background-size:5px 26px; color:#666; line-height:30px; font-size:13px}
.tbl_feeresultlist tr td .btn_fee_calview a  {display:block; height:24px; padding:0 0 0 10px; background:url('/smc/resources/images/mobile/icon/icon_arr_20.png') no-repeat 93% 50%; background-size:12.5px 8.5px; border:1px solid #ddd; color:#666; line-height:24px; font-size:14px}

/* 2022-03-01 상세보기 간격 변경 */
.tbl_feeresultlist tr td.detail_info {padding:10px 10px; background:#eaf2f9;}
/* 2022-03-01 상세보기 간격 변경 */

.tbl_feeresultlist tr td.detail_info .detail_info_box {padding:8px 10px; background:#ffffff;}
.tbl_feeresultlist tr td.detail_info .detail_info_box .noti01 {font-size:15px; line-height:20px; font-weight:bold; color:#cc0000;}
.tbl_feeresultlist tr td.detail_info .detail_info_box .noti02 {font-size:15px; line-height:20px; font-weight:bold; color:#cc0000;}
.tbl_feeresultlist tr td.detail_info .detail_info_box .opt01 {font-size:13px; line-height:15px; color:#666666; margin-top:10px;}
.tbl_feeresultlist tr td.detail_info .detail_info_box .opt01 .arr {display:block; float:none; height:auto; margin:0 0 2px 0; padding:0 0 0 6px; background:url('/smc/resources/images/mobile/icon/icon_arr_01.png') no-repeat 0 4px; background-size:2.5px 4.5px; line-height:15px; font-size:13px; color:#666}
.tbl_feeresultlist tr td.detail_info .detail_info_box .opt01 em {color:#3c68c1; padding-left:5px;}
.tbl_feeresultlist tr td.detail_info .detail_info_box .opt02 {font-size:13px; line-height:15px; color:#666666; margin-top:10px;}
.tbl_feeresultlist tr td.detail_info .detail_info_box .opt02 span {display:block; padding:0 0 0 10px;}	/* 2017-11-15 추가 EDENIT */
.tbl_feeresultlist tr td.detail_info .detail_info_box .opt03 {font-size:13px; line-height:15px; color:#666666; margin-top:10px;}
.tbl_feeresultlist tr td.detail_info .detail_info_box .opt03 span {display:block; padding:0 0 0 10px;}
.tbl_feeresultlist tr td.detail_info .btn_area {text-align:center; margin-top:20px;}
.tbl_feeresultlist tr td.detail_info .btn_area a.btn_fee_detailview {display: inline-block; width:120px; height:20px; padding:2px 0; margin-right:10px; text-align:center; background:url('/smc/resources/images/mobile/smartguide/bg_grtit_04.jpg') repeat-x 0 0; background-size:3px 100%; border:1px solid #4170bd; border-radius:3px; color:#fff; line-height:21px; font-size:13px; font-weight:bold; word-spacing:-1px}

/* 알뜰폰 요금제 추천 */
.btn_fee_threecom_2017 {display:inline-block; width:112px; height:30px; margin:0 10px 0 0; padding:0; background:url('/smc/resources/images/mobile/btn/btn_bg_fee_threecom_2017.jpg') no-repeat 0 0; background-size:112px 30px; text-align:center; color:#fff; line-height:30px; word-spacing:-1px; font-size:12px; font-weight:bold}

.feerecommend .feerecbox .fee_type_network {clear:both; position:relative; height:60px; padding:15px 0 0 98px; border-bottom:1px solid #ddd; border-top:2px solid gray;margin-top:20px; }	/* 2018-12-01 EDENIT 수정(border 색 변경)*/
.feerecommend .feerecbox .fee_type_network ul.fee_tabbox_sub li {width:33.3%; min-width:40px}
.feerecommend .feerecbox .fee_type_network ul.fee_tabbox_sub li a {height:33px; padding-top:0; line-height:33px}
.feerecommend .feerecbox .fee_type_goods {clear:both; position:relative; height:60px; padding:15px 0 0 98px; border-bottom:1px solid #ddd;}
.feerecommend .feerecbox .fee_type_goods ul.fee_tabbox_sub li {width:33.3%; min-width:40px}
.feerecommend .feerecbox .fee_type_goods ul.fee_tabbox_sub li a {height:33px; padding-top:0; line-height:33px}

.feerecommend .feerecbox h5 strong.network {background:url('/smc/resources/images/mobile/icon/icon_fc_201701.png') no-repeat 0 0; background-size:24px 21.5px}
.feerecommend .feerecbox h5 strong.goods {background:url('/smc/resources/images/mobile/icon/icon_fc_201702.png') no-repeat 0 0; background-size:24px 21.5px}

.feerecommend .feerecbox .fee_type_sms2017 {position:relative; height:55px; padding:15px 0 0 98px; border-bottom:1px solid #ddd}

.fee_resultbox ul.search_tagcnd_save {clear:both; overflow:hidden; margin:0 0 25px 0; background:#f1f1f1; border-top:1px solid #aac9ea; border-left:1px solid #aac9ea; border-right:1px solid #aac9ea; border-radius:3px; }
.fee_resultbox ul.search_tagcnd_save li {float:left; width:25%; height:33px; text-align:center; background:#deeaf7; line-height:33px}
.fee_resultbox ul.search_tagcnd_save li.network {border-bottom:1px solid #aac9ea}
.fee_resultbox ul.search_tagcnd_save li.goods {border-left:1px solid #aac9ea; border-right:1px solid #aac9ea; border-bottom:1px solid #aac9ea}
.fee_resultbox ul.search_tagcnd_save li.service {border-right:1px solid #aac9ea; border-bottom:1px solid #aac9ea}
.fee_resultbox ul.search_tagcnd_save li.agreed {width:auto; float:none; overflow:hidden; border-bottom:1px solid #aac9ea}
.fee_resultbox ul.search_tagcnd_save li.voice {border-bottom:1px solid #aac9ea; width:33%;}
.fee_resultbox ul.search_tagcnd_save li.data {border-left:1px solid #aac9ea; border-right:1px solid #aac9ea; border-bottom:1px solid #aac9ea; width:33%;}
.fee_resultbox ul.search_tagcnd_save li.sms {width:auto; float:none; overflow:hidden; border-bottom:1px solid #aac9ea; width:33%;}
.fee_resultbox ul.search_tagcnd_save li.nochoice {background:#f1f1f1; }
.fee_resultbox ul.search_tagcnd_save li.nochoice em {font-weight:normal; color:#888; font-size:13px}
.fee_resultbox ul.search_tagcnd_save li em {font-size:14px; font-weight:bold; color:#3768b9}
.fee_resultbox ul.search_tagcnd_save li span {display:none; background:0}

.feeresultlist_save {margin-top:20px;}
.savephone { background:#e8f0f9;}
.savephone.white { background:#FFFFFF;}
.savephone .tbl_savephone { border:1px solid #dddddd;}
.savephone .tbl_savephone th { position:relative; height:30px; text-align:left; border-bottom:1px solid #dddddd; padding:10px;}
.savephone .tbl_savephone th p {width:70%; line-height:17px}
.savephone .tbl_savephone th p strong { font-size:15px; color:#222222; font-weight:bold; word-spacing:-1px;}
.savephone .tbl_savephone th p em { font-size:14px; color:#3768b9; font-weight:bold; word-spacing:-1px;}
.savephone .tbl_savephone th a.detailview { position:absolute; top:10px; right:5px; display:block; width:100px; height:26px; text-align:center; background:url('/smc/resources/images/mobile/smartguide/bg_grtit_01.jpg') repeat-x 0 0; background-size:5px 26px; color:#666; line-height:30px; font-size:13px; border:1px solid #dddddd;} /* 2017-11-21 수정 EDENIT th a ==> th a.detailview */
.savephone .tbl_savephone td {position:relative; padding:10px; height:120px; vertical-align:top;} /* 2017-11-21 수정 EDENIT */
.savephone .tbl_savephone td .mvno_logo { position:absolute; top:15px; right:10px; width:80px;}
.savephone .tbl_savephone td .mvno_logo img {width:100%;}
.savephone .tbl_savephone td .opt01 {font-size:13px; line-height:15px; color:#666666;}
.savephone .tbl_savephone td .opt01 .arr {display:block; float:none; height:auto; margin:0 0 2px 0; padding:0 0 0 6px; background:url('/smc/resources/images/mobile/icon/icon_arr_01.png') no-repeat 0 4px; background-size:2.5px 4.5px; line-height:15px; font-size:13px; color:#666}
.savephone .tbl_savephone td .opt01 em {color:#3c68c1; padding-left:5px;}
.savephone .tbl_savephone td .over { margin-top:20px;}
.savephone .tbl_savephone td .over a {font-size:15px; line-height:20px; font-weight:bold; color:#cc0000;}
.savephone .tbl_savephone td .opt02 {font-size:13px; line-height:20px; color:#666666;}
.savephone .tbl_savephone td .opt03 {font-size:13px; line-height:20px; color:#666666;}
.savephone .tbl_savephone td .opt03 span {display:block; padding:0 0 0 10px;}
.savephone .tbl_savephone td ul {position:absolute; bottom:15px; right:5px;} /* 2017-11-21 수정 EDENIT */
.savephone .tbl_savephone td ul li { float:left; background:#ffffff; font-size:13px; color:#222222; padding:5px 5px; border-width:1px 1px 1px 0; border-style:solid; border-color:#dddddd;}
.savephone .tbl_savephone td ul li:first-child {border-left:1px solid #dddddd;}
.feeresultlist_save .btn_more {clear:both; width:100%; height:40px; margin:15px 0 0 0; text-align:center;}
.feeresultlist_save .btn_more a {width:100px;}
.fee_resultbox .none_data {display:none; float: none; overflow: hidden; padding-top: 1px; font-size: 12px; font-weight: normal; color: #666;}	/* 2017-12-01 추가 EDENIT */
.fee_resultbox .none_data.on {display:block;}	/* 2017-12-01 추가 EDENIT */

/* 요금제 간편 비교 */
/* 2017-11-15 수정 EDENIT(servicetype_2추가) */
.feecompare ul.conditionsset li p a.servicetype_1
,.feecompare ul.conditionsset li p a.servicetype_2 { width:85px; text-align:center; padding:0; background:url('/smc/resources/images/mobile/smartguide/servicetype_1.jpg') no-repeat 0 0; background-size:85px 40px;;}
.feecompare ul.conditionsset li p a.servicetype_1:hover
,.feecompare ul.conditionsset li p a.servicetype_2:hover {background:url('/smc/resources/images/mobile/smartguide/servicetype_1_on.jpg') no-repeat 0 0; background-size:85px 40px;}
.feecompare ul.conditionsset li p a.servicetype_1.on
,.feecompare ul.conditionsset li p a.servicetype_2.on {background:url('/smc/resources/images/mobile/smartguide/servicetype_1_on.jpg') no-repeat 0 0; background-size:85px 40px;}

.feecompare ul.conditionsset li p a.paytype_1 { width:59px; text-align:center; padding:0; background:url('/smc/resources/images/mobile/smartguide/paytype_1.jpg') no-repeat 0 0; background-size:59px 40px; margin-bottom:10px !important;}
.feecompare ul.conditionsset li p a.paytype_1:hover {background:url('/smc/resources/images/mobile/smartguide/paytype_1_on.jpg') no-repeat 0 0; background-size:59px 40px;}
.feecompare ul.conditionsset li p a.paytype_1.on {background:url('/smc/resources/images/mobile/smartguide/paytype_1_on.jpg') no-repeat 0 0; background-size:59px 40px;}
.feecompare ul.conditionsset li p a.paytype_2 { width:123px; text-align:center; padding:0; background:url('/smc/resources/images/mobile/smartguide/paytype_2.jpg') no-repeat 0 0; background-size:123px 40px; margin-bottom:10px !important;}
.feecompare ul.conditionsset li p a.paytype_2:hover {background:url('/smc/resources/images/mobile/smartguide/paytype_2_on.jpg') no-repeat 0 0; background-size:123px 40px;}
.feecompare ul.conditionsset li p a.paytype_2.on {background:url('/smc/resources/images/mobile/smartguide/paytype_2_on.jpg') no-repeat 0 0; background-size:123px 40px;}
.feecompare ul.conditionsset li p a.othertype_1 { width:100px; text-align:center; padding:0; background:url('/smc/resources/images/mobile/smartguide/othertype_1.jpg') no-repeat 0 0; background-size:100px 40px; margin-bottom:10px !important;}
.feecompare ul.conditionsset li p a.othertype_1:hover {background:url('/smc/resources/images/mobile/smartguide/othertype_1_on.jpg') no-repeat 0 0; background-size:100px 40px;}
.feecompare ul.conditionsset li p a.othertype_1.on {background:url('/smc/resources/images/mobile/smartguide/othertype_1_on.jpg') no-repeat 0 0; background-size:100px 40px;}

/*2019-01-08 수정 */
.feecompare .contentsbox.bigData .top_btnarea a.btn_fee_threecom_2017 {width:165px; margin:0; background:url('/smc/resources/images/mobile/btn/btn_bg_fee_threecom_2017.jpg') no-repeat 0 0; background-size:165px 30px} 
.feecompare .contentsbox.bigData .txt {font-family:ngb;font-size:13px; color:#4976bf; text-align:left; word-break:keep-all} 
/* //2019-01-08 수정 */

/* MY 스크랩 */
.fee_choice_result_scrap {overflow:hidden}
.fee_choice_result_scrap:after { content:""; display:block; clear:both; }
.fee_choice_result_scrap ul {width:auto; overflow:hidden; margin:0; padding:13px 15px 6px 15px !important; text-align:left; }
.fee_choice_result_scrap ul li {float:left; width:50px; height:42px; margin:0 7px 7px 0;}
.fee_choice_result_scrap ul li p {display:block; float:none; width:50px !important; height:17px; padding:25px 0 0 0; text-align:center}
.fee_choice_result_scrap ul li.off p {color:#fff; font-size:12px; text-decoration:none; font-weight:bold}
.fee_choice_result_scrap ul li.on p {color:#fff; font-size:12px; text-decoration:none; font-weight:bold}
.fee_choice_result_scrap ul li.tab_year p {background:url('/smc/resources/images/mobile/smartguide/bg_schoice_01_off.png') no-repeat 0 0; background-size:50px 42px}
.fee_choice_result_scrap ul li.tab_year.on p {background:url('/smc/resources/images/mobile/smartguide/bg_schoice_01_on.png') no-repeat 0 0; background-size:50px 42px}
.fee_choice_result_scrap ul li.tab_service p {background:url('/smc/resources/images/mobile/smartguide/bg_schoice_02_off.png') no-repeat 0 0; background-size:50px 42px}
.fee_choice_result_scrap ul li.tab_service.on p {background:url('/smc/resources/images/mobile/smartguide/bg_schoice_02_on.png') no-repeat 0 0; background-size:50px 42px}
.fee_choice_result_scrap ul li.tab_agreed p {background:url('/smc/resources/images/mobile/smartguide/bg_schoice_03_off.png') no-repeat 0 0; background-size:50px 42px}
.fee_choice_result_scrap ul li.tab_agreed.on p {background:url('/smc/resources/images/mobile/smartguide/bg_schoice_03_on.png') no-repeat 0 0; background-size:50px 42px}
.fee_choice_result_scrap ul li.tab_voice p {background:url('/smc/resources/images/mobile/smartguide/bg_schoice_04_off.png') no-repeat 0 0; background-size:50px 42px}
.fee_choice_result_scrap ul li.tab_voice.on p {background:url('/smc/resources/images/mobile/smartguide/bg_schoice_04_on.png') no-repeat 0 0; background-size:50px 42px}
.fee_choice_result_scrap ul li.tab_data p {background:url('/smc/resources/images/mobile/smartguide/bg_schoice_05_off.png') no-repeat 0 0; background-size:50px 42px}
.fee_choice_result_scrap ul li.tab_data.on p {background:url('/smc/resources/images/mobile/smartguide/bg_schoice_05_on.png') no-repeat 0 0; background-size:50px 42px}
.fee_choice_result_scrap ul li.tab_sms p {background:url('/smc/resources/images/mobile/smartguide/bg_schoice_06_off.png') no-repeat 0 0; background-size:50px 42px}
.fee_choice_result_scrap ul li.tab_sms.on p {background:url('/smc/resources/images/mobile/smartguide/bg_schoice_06_on.png') no-repeat 0 0; background-size:50px 42px}
.fee_choice_result_scrap ul li.tab_network p {background:url('/smc/resources/images/mobile/smartguide/bg_schoice_07_off.png') no-repeat 0 0; background-size:50px 42px}
.fee_choice_result_scrap ul li.tab_network.on p {background:url('/smc/resources/images/mobile/smartguide/bg_schoice_07_on.png') no-repeat 0 0; background-size:50px 42px}
.fee_choice_result_scrap ul li.tab_goods p {background:url('/smc/resources/images/mobile/smartguide/bg_schoice_08_off.png') no-repeat 0 0; background-size:50px 42px}
.fee_choice_result_scrap ul li.tab_goods.on p {background:url('/smc/resources/images/mobile/smartguide/bg_schoice_08_on.png') no-repeat 0 0; background-size:50px 42px}
.fee_choice_result_scrap ul li span {display:none}
.fee_choice_result_scrap ul li strong {font-size:12px; color:#fff}
.fee_choice_result_scrap ul li.off span {display:none}
.fee_choice_result_scrap ul li.on span {display:none}
.fee_choice_result_scrap button.btn_reset {width:155px; height:24px; margin:0 0 6px 0; background:url('/smc/resources/images/mobile/btn/btn_commonset.jpg') no-repeat -10px -194px; color:#666}
.fee_choice_result_scrap button.btn_fee_result {width:155px; height:40px; background:url('/smc/resources/images/mobile/btn/btn_commonset.jpg') no-repeat -10px -224px; color:#fff;  font-size:14px}

/* 팝업 */
.popupwrap.notice_amount {width:94%; /*margin:0 0 0 -200px*/}	/* 2017-11-27 수정 EDENIT */
.tbl_amount {margin-top:20px;}
.tbl_amount tr th {width:33.3%;height:30px; padding-top:1px; text-align:center; background:url('http://m.smartchoice.or.kr/smc/resources/images/mobile/smartguide/bg_grtit_03.jpg') repeat-x 0 0; background-size:2px 31px; border:1px solid #dddddd; border-bottom:none;}
.tbl_amount tr th span {display:block; height:100%;}
.tbl_amount tr th span.skt { background:url('/smc/resources/images/mobile/smartguide/logo_skt_sg_N.png') no-repeat 50% 50%; background-size:82px 30px;}
.tbl_amount tr th span.kt { background:url('http://m.smartchoice.or.kr/smc/resources/images/mobile/smartguide/logo_kt_sg.png') no-repeat 50% 50%; background-size:82px 30px;}
.tbl_amount tr th span.lgu { background:url('http://m.smartchoice.or.kr/smc/resources/images/mobile/smartguide/logo_lgu_sg.png') no-repeat 50% 50%; background-size:82px 30px;}

.tbl_amount tr td { vertical-align:top; border:1px solid #dddddd; border-top:none; position:relative;}
.tbl_amount tr td.basic_info.on { background:#eaf2f9; border-bottom:1px solid #dddddd;}
.tbl_amount tr td.basic_info p { width:90%; margin:0 auto; padding:8px 0 40px 0; text-align:center;}
.tbl_amount tr td.basic_info p.nodata {width:80%; margin:0 auto; padding:64px 0 20px 0; text-align:center; background:url('http://m.smartchoice.or.kr/smc/resources/images/mobile/common/img_nodata_02.png') no-repeat 50% 20px; background-size:35px 35px; border:0; color:#555; line-height:17px; font-size:14px}
.tbl_amount tr td.basic_info strong {display:block; font-size:15px; color:#222; font-weight:bold; word-spacing:-1px; line-height:17px}
.tbl_amount tr td.basic_info em {display:block; margin:0 0 1px 0; font-size:14px; color:#3768b9; font-weight:bold; word-spacing:-1px;}
.tbl_amount tr td .btn_golink { position:absolute; left:50%; bottom:10px; margin-left:-25%; display:block; width:50%; height:26px; text-align:center; background:url('http://m.smartchoice.or.kr/smc/resources/images/mobile/smartguide/bg_grtit_01.jpg') repeat-x 0 0; background-size:5px 26px; color:#666; line-height:30px; font-size:13px}
.tbl_amount tr td .btn_golink a  {display:block; height:24px; padding:0 0 0 10px; border:1px solid #ddd; color:#666; line-height:24px; font-size:14px}

.popupwrap.view_mvno {width:94%; /*margin:0 0 0 -200px*/}	/* 2017-11-27 수정 EDENIT */
.popupwrap.view_mvno li { float:left; width:50%; font-size:13px; color:#666; margin-bottom:30px; text-align:center;}
.popupwrap.view_mvno li a { /*float:left;*/ width:164px; font-size:13px; color:#666; text-decoration:none;}	/* 2017-11-27 수정 EDENIT */

/* PUSH */
.lnbmenu_push h2 {border-bottom:none; padding:9px 0 0 10px;}
.lnbmenu_push .push_area { position:relative; padding: 0 0 0 15px; margin:0 0 0 15px; border:1px solid #000; border-radius:5px; width:85%; height:50px;  line-height:50px; font-size:15px;}
.push_area .push_button { position:absolute; top:8px; right:10px; width:80px; height:32px;}
.push_area .push_button a {width:100%; height:35px; display:block; background:url('/smc/resources/images/mobile/btn/push_bg_off.png') no-repeat 0 0; background-size:80px 32px; text-align:center; line-height:32px;}
.push_area .push_button a span { width:100%; font-size:15px; padding-left:20px; font-weight:bold;}
.push_area .push_button a img {position:absolute; top:0; left:0; width:32px; height:32px;}
.push_area .push_button.on a {background:url('/smc/resources/images/mobile/btn/push_bg_on.png') no-repeat 0 0; background-size:80px 32px;}
.push_area .push_button.on a span { padding-right:35px; color:#FFFFFF;}
.push_area .push_button.on a img { left:auto; right:0 !important;}
/* //2017-11-16 추가 EDENIT */

/* 2018-08-20 EDENIT 추가 */
/* 2019-01-08 수정 */
/*.container .contentsarea .contentsbox h3 {float:left; margin:0; padding:0; border:none;}*/
.top_btnarea:after { content:""; display:block; clear:both; }
.btn_fee_compare_2017 {float:right}
.fee_tabbox2 {position:relative; width:100%; margin:15px 0 20px 0; }
.fee_tabbox2:after { content:""; display:block; clear:both; }
.fee_tabbox2 ul{display:flex; flex-wrap:nowrap; width:100%} /* 2020-05-26 추가 */
.fee_tabbox2 ul li {float:left; text-align:center; width:31.5%; line-height:35px; margin-right:5px;} /* 2020-05-26 수정 */
.fee_tabbox2 ul li:last-child {margin-right:0}
.fee_tabbox2 ul li > a {display:block; font-size:13px; border-radius:5px 5px 0 0; height:35px;}
.fee_tabbox2 ul li:first-child > a {background:#ffffff; border:1px solid #9227ad; color:#b563ca;}
.fee_tabbox2 ul li:first-child.on > a {background:#b563ca; color:#ffffff; font-weight:bold;}
.fee_tabbox2 ul li:nth-child(2) > a {background:#ffffff; border:1px solid #175aaf; color:#3381e2;}
.fee_tabbox2 ul li:nth-child(2).on > a {background:#3381e2; color:#ffffff;}
.fee_tabbox2 ul li:last-child > a {background:#ffffff; border:1px solid #1c6e07; color:#1f9401;}
.fee_tabbox2 ul li:last-child.on > a {background:#1f9401; color:#ffffff;}
/* 2019-01-08 수정 */
/* //2018-08-20 EDENIT 추가 */


/* 2019-01-08 수정 */
.container .contentsarea .contentsbox.bigData .topArea {margin-top:27px; text-align:right}
.container .contentsarea .contentsbox.bigData .topArea.recom > a.btn_fee_threecom_2017 {position:relative; width:165px; margin:0; background:url('/smc/resources/images/mobile/btn/btn_bg_fee_threecom_2017.jpg') no-repeat 0 0; background-size:165px 30px;} 
.container .contentsarea .contentsbox.bigData .topArea > p {margin-top:6px; font-size:13px; text-align:left}
.container .contentsarea .contentsbox.bigData .txtArea {margin-top:15px;}
.container .contentsarea .contentsbox.bigData .txtArea .tit {font-family:ngb; font-size:13px; color:#4976bf; text-align:left} 
.container .contentsarea .contentsbox.bigData .txtArea .txt1 {position:relative; padding-left:25px; margin-top:20px; font-family:ngb; font-size:16px; color:#4976bf}
.container .contentsarea .contentsbox.bigData .txtArea .txt1:before {content:"";display:block; position:absolute; width:20px; height:20px; background:url('/smc/resources/images/btn/bigdata_check.png') no-repeat; top:0px; left:0px; background-size:20px 20px }
.container .contentsarea .contentsbox.bigData .txtArea .txt2 {position:relative; padding-left:15px; margin-top:15px; font-family:ngb; font-size:13px}
.container .contentsarea .contentsbox.bigData .txtArea .txt2:before {content:""; display:block; position:absolute; width:5px; height:5px; background:#070000; top:5px; left:3px; border-radius:100%} 
.container .contentsarea .contentsbox.bigData .btnImg {width:100%; text-align:center; margin-top:25px}
.container .contentsarea .contentsbox.bigData .btnImg > a {display:inline-block; padding:7px 8%; background:#143f91; border-radius:3px; color:#fff; font-family:ngb; font-size:13px} /* 2019-08-27 수정 - 접근성 */

/* //2019-01-08 수정 */


/* 2018-12-11 EDENIT 추가 */
.fee_choice_resultbtn {clear:both; margin:10px 0 10px 0; text-align:right; font-size:0}
.fee_choice_resultbtn button.btn_moremvno {width:100px; height:40px; line-height:40px; background:url('/smc/resources/images/btn/btn_commonset.jpg') no-repeat -10px -60px; color:#fff; font-family:ngb; font-size:14px}
/* //2018-12-11 EDENIT 추가 */


/* 2019-08-22 추가 */
.txtFindPhone > p {position:relative; padding-left:8px; font-size:12px; line-height:17px}
.txtFindPhone > p:before {content:""; display:block; position:absolute; top:5px; left:0; width:5px; height:5px; background:#888888; border-radius:25px;} 
.termsDiv {margin-top:25px; padding:7px 10px; font-size:11px; line-height:16px; border:1px solid #dddddd;}
.termsDiv .databoard2 table th {padding:3px 10px; text-align:center;}
.termsDiv .databoard2 table td {padding:3px 10px; text-align:center; border-left:1px solid #ddd}
.termsDiv .databoard2 table td:first-child {border-left:none}
.termsCheck {position:relative; font-size:12px;}
.termsCheck input {position:absolute; top:0; left:0; width:0; height:0; opacity:0; appearance:none; webkit-appearance:none; moz-appearance:none; }
.termsCheck label {padding-left:17px; background:url('/smc/resources/images/mobile/icon/termsDiv_check.jpg') no-repeat left center; background-size:12px 12px; }
.termsCheck input:checked + label {background:url('/smc/resources/images/mobile/icon/termsDiv_check_on.jpg') no-repeat left center; background-size:12px 12px;}
/* 2019-08-22 추가 */


.period-tab {
	margin-top: 30px;
	text-align: right;
}
.period-tab li {
	display: inline-block;
}
.period-tab li button {
	display: inline-block;
	padding: 10px;
	width: 80px;
	height: 46px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3b3b3b+1,141414+100 */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 1%, #f5f5f5 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 1%,#f5f5f5 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 1%,#f5f5f5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 ); /* IE6-9 */
	color: #333;
	border: 1px solid #ccc;
}
/* 2020-09-14 추가 */
@media all and (max-width:320px){
	.period-tab li button {width:75px;}
}
/* // 2020-09-14 추가 */
.period-tab li button.active {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3b3b3b+1,141414+100 */
	background: #3785f6; /* Old browsers */
	background: -moz-linear-gradient(top,  #3785f6 1%, #24559f 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #3785f6 1%,#24559f 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #3785f6 1%,#24559f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3785f6', endColorstr='#24559f',GradientType=0 ); /* IE6-9 */
	color: #fff;
	border: 1px solid #24559f;
}
.period-tab li:first-child button {
	border-radius: 6px 0 0 6px;
}
.period-tab li:last-child button {
	border-radius: 0 6px 6px 0;
}
.period-tab li:nth-child(1) button {
	border-right: 0;
}
.period-tab li:nth-child(2) button {
	border-right: 0;
}
.period-tab li:nth-child(3) button {
	border-right: 0;
}
.image_telecom_logo {
	max-height: 20px;
    max-width: 100px;
}


/* 2020-06-08 추가 */
dl.boardview iframe{width:100%;}
/* // 2020-06-08 추가 */