BODY { margin:0; padding:0; overflow:auto; text-align:center; background:#FFF; font-family:'¸¼Àº °íµñ', 'Malgun Gothic', 'Apple SD Gothic Neo', ³ª´®°íµñ, NanumGothic;
	scrollbar-face-color:#EEE; 
	scrollbar-shadow-color:#DDD; 
	scrollbar-highlight-color:#DDD; 
	scrollbar-3dlight-color:#CCC; 
	scrollbar-darkshadow-color:#CCC; 
	scrollbar-track-color:#FFF; 
	scrollbar-arrow-color:#666;
}

td { font-size:12px; line-height:18px; color:#555; font-family: "¸¼Àº °íµñ","Verdana", "Arial" }
form {margin:0}
img { position:relative; margin:0; padding:0; display:inline-block; border:0;selector-dummy:expression(this.hideFocus=true); vertical-align:middle;}
a:link { color:#555555; text-decoration: none; }
a:visited { color:#555555; text-decoration: none; }
a:active { color:#555555; text-decoration: none; }
a:hover { color:#e14072; text-decoration: none; }
ul, ol, li {margin:0; padding:0; list-style:none; line-height:14px;}
hr, caption, legend {display:none;}
.cboth {overflow:hidden; clear:both; line-height:0; font-size:0; height:0;}
label {cursor:pointer;}
fieldset, form, label {margin:0; padding:0; border:none;}
em {font-style:normal;}
h1, h2, h3, h4, h5, h6 {margin:0; padding:0; font-size:0; line-height:0;}
table, th, td {margin:0; border:0; padding:0; border-collapse:collapse; font-size:12px; color:#555;}
div, p, span {margin:0; padding:0;}
dl, dt, dd {margin:0; padding:0; line-height:14px;}


INPUT {
	HEIGHT: 18px; BACKGROUND-COLOR: #ffffff
	FONT-SIZE: 11px; COLOR: #555555; FONT-FAMILY: "¸¼Àº °íµñ","Verdana", "Arial"
	border:1px solid #bebebe; height:12px; padding:2px 5px; vertical-align:middle; font-size:12px;
}

SELECT {
	FONT-SIZE: 12px; color:#555555; FONT-FAMILY: "¸¼Àº °íµñ","Verdana", "Arial"
}

TEXTAREA {
	BORDER-RIGHT: #c7c7c7 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #c7c7c7 1px solid; OVERFLOW-Y: scroll; PADDING-LEFT: 10px; SCROLLBAR-FACE-COLOR: #ffffff; FONT-SIZE: 12px; PADDING-BOTTOM: 10px; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; BORDER-LEFT: #c7c7c7 1px solid; SCROLLBAR-SHADOW-COLOR: #b7b7b7; COLOR: #555555; SCROLLBAR-3DLIGHT-COLOR: #b7b7b7; LINE-HEIGHT: 18px; SCROLLBAR-ARROW-COLOR: #999999; PADDING-TOP: 10px; SCROLLBAR-TRACK-COLOR: #f6f6f6; BORDER-BOTTOM: #c7c7c7 1px solid; FONT-FAMILY: "±¼¸²","Verdana", "Arial"; SCROLLBAR-DARKSHADOW-COLOR: #ffffff
}

CHECKBOX {
	BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px
}

.txt_s {color:#555555;font-size:11px;line-height:16px}
.txt_b {color:#333333;font-size:12px;line-height:16px;font-weight: bold}
.white {color:#ffffff;font-size:12px;line-height:16px}
.white_s {color:#ffffff;font-size:11px;line-height:15px}
.crimson {color:#ea310a}
.crimson_b {color:#ea310a; font-weight: bold;}
.crimson_s {color:#ea310a; font-size:11px;}
.blue {color:#2c93b5;font-size:11px;line-height:16px;font-weight: bold}
.mint {color:#188b9f;font-size:11px;line-height:16px;font-weight: bold}
.copyright1 {color:#888888;font-size:11px;line-height:18px}
.copyright2 {color:#c6335f;font-size:11px;line-height:18px}
[onclick] { cursor:pointer }
table { position:relative; border-collapse:collapse; border-spacing:0;}
td.alignL { text-align:left }
.sfont { text-align:center }
.bgcolor {color:#eefaff}

#HeadBanner { position:relative; width:100%; height:73px; margin:0; padding:0; text-align:center; overflow:hidden; display:block;}
#HeadBanner img { position:relative; margin:0 auto; padding:0; border:0; display:block; }

#Layerpopup { position:absolute; left:50%; top:199px; margin-left:-460px; width:920px; height:390px; display:none; z-index:799; }

.container { position:relative; width:1080px; min-height:10px; margin:0 auto; padding:0; display:table; }
.col, .col230, .col320, .col660, .col710 { position:relative; float:left; min-height:10px; margin:0; padding:0; display:table; }
.col230 { width:230px }
.col320 { width:320px }
.col660 { width:660px }
.col710 { width:710px }

.mgL5 { margin-left:5px }
.mgR10 { margin-right:10px }
.mgR20 { margin-right:20px }
.mgT10 { margin-top:10px }
.mgB10 { margin-bottom:10px }
.mgB20 { margin-bottom:20px }
.mgV10 { margin-top:10px; margin-bottom:10px }
.floatL { float:left }
.floatR { float:right }

.btn { position:relative; width:88px; height:28px; line-height:28px; margin:5px; padding:0; text-align:center; text-indent:0; font-family:'¸¼Àº °íµñ', 'Malgun Gothic', 'Apple SD Gothic Neo', ³ª´®°íµñ, NanumGothic; font-size:12px; color:#333; cursor:pointer; display:block; border:1px solid #CCC; background-color:#EEE; background-image:url('/img/common/btn_bg_normal.png');background-repeat:repeat; background-position:center center; background-size:100% 100%; border-radius:3px; box-shadow: 0 1px 2px rgba(0,0,0,0.1); text-shadow: 0 1px 0 rgba(255,255,255,0.5); }
.btn:hover { background-image:url('/img/common/btn_bg_over.png') }
.btn[small] { width:80px; height:22px; line-height:20px; margin:0; font-size:11px; color:#444; }
.btn[middle] { width:108px; height:33px; line-height:33px; font-size:14px; }
.btn[big] { width:128px; height:43px; line-height:43px; font-size:16px; }
.btn[gray] { background-color:#bbb; border-color:#999; }
.btn[red] { background-color:#E42; border-color:#C21; }
.btn[Mred] { color:#FFF; background-color:#E00; border-color:#C11; text-shadow: 0 -1px 1px rgba(0,0,0,0.1); }
.btn[quick] { width:61px; height:40px; margin:0 6px 10px 6px; background-color:#D20; border-color:#c20; }
#btn { color:#FFF; background-color:#E00; text-shadow: 0 -1px 1px rgba(0,0,0,0.1);
position:relative; width:88px; height:28px; line-height:28px; margin:5px; padding:0; text-align:center; text-indent:0; font-family:'¸¼Àº °íµñ', 'Malgun Gothic', 'Apple SD Gothic Neo', ³ª´®°íµñ, NanumGothic; font-size:12px; cursor:pointer; display:block; border:1px solid #C11; background-image:url('/img/common/btn_bg_normal.png');background-repeat:repeat; background-position:center center; background-size:100% 100%; border-radius:3px; box-shadow: 0 1px 2px rgba(0,0,0,0.1); text-shadow: 0 1px 0 rgba(255,255,255,0.5);}

/* Å¾¸Þ´º *****************************************************************************************************************************************************************************/
header { position:relative; width:100%; height:120px; padding:0; margin:0 0 10px 0; display:block; background:transparent url('/img/common/header_bg.gif') repeat-x 0 0; z-index:200;}
ul#gnb { position:relative; float:left; width:500px; height:40px; margin:15px 0 0 200px; padding:0; font-size:14px; display:table; }
ul#gnb li { float:left; min-width:20px; height:40px; line-height:40px; padding:10px; cursor:pointer; color:#333; font-weight:bold; display:table; background:transparent; }
ul#gnb li:hover { color:#6D6 }
ul#gnb li.selected { color:#F00; background:transparent url('/img/common/gnb_pointer.gif') no-repeat center bottom;  }
/*
ul#gnb li .depth1 { position:relative; float:left; width:110px; height:45px; padding:0; margin:0; overflow:hidden; display:block; }
ul#gnb li .depth1 img { top:0 }
ul#gnb li:hover .depth1 img { top:-45px }
ul#gnb li.selected .depth1 img { top:-45px }
*/

header ul.sub { position:absolute; top:75px; left:0px; width:1080px; height:45px; padding:0; margin:0; color:#CCC; display:none; z-index:200; }
header ul.sub li { float:left; min-width:40px; height:45px; line-height:45px; color:#333; padding:0 10px; text-align:center; background:none; display:inline; }
header ul.sub li:hover { color:#f60b0b; background:#FFF; }
header ul.sub li.current { color:#f60b0b;}
header ul.sub li .depth3 { position:absolute; top:45px; left:0; width:100%; height:180px; overflow:hidden; display:none; background:#FFF }

/* #depth3_bg { position:absolute; top:120px; left:0; width:100%; height:180px; padding:0; margin:0; display:none; background:#FFF; border-bottom:1px solid #999; z-index:199; } */

header[main] { background:#FFF; border-bottom:1px solid #c5c5c5; }
ul#gnb2 { position:absolute; top:70px; left:0px; width:1080px; height:53px; padding:0; margin:0; color:#CCC; display:block; z-index:200; }
ul#gnb2 > li { float:left; min-width:40px; height:40px; color:#333; padding:2px 5px 11px 5px; margin:0; text-align:center; background:none; display:inline; }
ul#gnb2 > li.selected { background:transparent url('/img/common/gnb_pointer2.gif') no-repeat center bottom }
ul#gnb2 > li.selected .depth1 img { top:-42px }
ul#gnb2 > li .depth1 { position:relative; float:left; height:40px; padding:0; margin:0; overflow:hidden; display:block; }

#depth2_bg { position:absolute; top:-152px; left:0; width:100%; height:250px; padding:0; margin:0; overflow:hidden; display:block; background:#FFF; border-bottom:3px solid #ff2f2f; border-top:2px solid #ff2f2f; z-index:199; }
#depth2_bg .depth_2nd { position:relative; clear:both; width:1080px; height:250px; margin:0 auto; overflow:hidden; display:block; border-left:1px solid #CCC; border-right:1px solid #CCC; }
/*#depth2_bg .depth2 { position:relative; float:left; width:1080px; height:250px; margin:0 auto; overflow:hidden; display:block; background:#CCC; background: url('/img/common/depth2_bg.gif') repeat-y 0 10px; }*/
#depth2_bg .depth_2nd .depth2box { position:relative; float:left; width:340px; height:240px; padding:0; margin:10px; overflow:hidden; display:block; }
#depth2_bg .depth_2nd .depth3box { position:relative; float:left; width:260px; height:240px; padding:0; margin:10px 0 0 10px; overflow:hidden; display:block; }

ul.h_submenu { position:relative; float:left; width:330px; min-height:20px; margin:5px; padding:0; text-align:left; font-size:14px; display:table; }
ul.h_submenu li { float:left; width:330px; height:27px; line-height:27px; margin:0; padding:0; color:#444; text-indent:15px; overflow:hidden; display:block; }
ul.h_submenu li:hover { color:#E11; }
ul.h_submenu li.title { height:30px; line-height:30px; color:#333; font-size:17px; font-weight:bold; background:transparent url('/img/common/p_hmark1.png') no-repeat 0 10px; }
ul.h_submenu li.title:hover { color:#D00 }

/*
ul#TopMenu li .btn_depth1 { position:relative; width:95px; height:28px; display:block; overflow: hidden; cursor:pointer;}


ul#TopMenu li ul.TM_sub li img{ position:absolute; top:0; left:0; display:block;}
*/
#tmSub { position:relative; float:left; width:895px; height:25px; padding:0; margin:0; display:block; background:#FFF; border-bottom:1px solid #CCC; }
header .topBi { position:absolute; top:15px; left:50%; width:132px; height:45px; margin-left:-50px; display:block; }
header .topNum { position:absolute; top:30px; right:-70px; width:160px; height:80px; display:block; }

/* Å°ºñÁê¾ó *****************************************************************************************************************************************************************************/
#keyview { position:relative; float:left; width:558px; height:580px; overflow:hidden; margin:0; padding:0; background:#999;}
#keyview .screen { position:relative; width:558px; height:580px; margin:20; padding:0; overflow:hidden; display:block;}
#keyview ul.scene { display:none; }
#keyview ul.nav {  position:absolute; bottom:15px; left:18%; min-width:20px; height:20px; margin:0; padding:0; display:block; }
#keyview ul.nav li {  position:relative; float:left; width:20px; height:20px; margin:0 2px; cursor:pointer; background:#999; display:block; border-radius:10px; box-shadow: inset 0 1px 3px rgba(0,0,0,0.5); }
#keyview ul.nav li.current { background:#e12113; }
#keyview .prev, #keyview .next { position:absolute; top:240px; width:60px; height:60px; margin:0; padding:0; overflow:hidden; cursor:pointer; display:none; z-index:2; }
#keyview .prev:hover img, #keyview .next:hover img { top:-60px }
#keyview .prev { left:0 }
#keyview .next { right:0 }


/* ¸ð¹ÙÀÏÅ°ºñÁê¾ó *****************************************************************************************************************************************************************************/
#mmkeyview { position:relative; float:left; width:840px; height:450px; overflow:hidden; margin:0; padding:0; background:#999;}
#mmkeyview .screen { position:relative; width:800px; height:450px; margin:20; padding:0; overflow:hidden; display:block;}
#mmkeyview ul.scene { display:none; }
#mmkeyview ul.nav {  position:absolute; bottom:20px; left:13%; min-width:20px; height:20px; margin:0; padding:0; display:block; }
#mmkeyview ul.nav li {  position:relative; float:left; width:20px; height:20px; margin:0 2px; cursor:pointer; background:#999; display:block; border-radius:10px; box-shadow: inset 0 1px 3px rgba(0,0,0,0.5); }
#mmkeyview ul.nav li.current { background:#e12113; }
#mmkeyview .prev, #mmkeyview .next { position:absolute; top:200px; width:60px; height:60px; margin:0; padding:0 0 0 20px; overflow:hidden; cursor:pointer; display:none; z-index:2; }
#mmkeyview .prev:hover img, #mmkeyview .next:hover img { top:-60px }
#mmkeyview .prev { left:0 }
#mmkeyview .next { right:0 }


ul#tcounsel {position:relative; float:right; width:280px; height:420px; margin:0; padding:0; overflow:hidden; display:block; background:#f1f1f1 url('/img/main/m_counsel_bg0509.png') no-repeat 0 0;}
ul#tcounsel li { position:relative; float:left; width:280px; height:250px; overflow:hidden; margin:0; padding:0; display:block;}
ul#tcounsel li p {position:relative; width:280px; height:250px; top:210px; font-size:34px; line-height:40px; font-family:Sans-Serif; color:#ed1c24; font-weight:bold; letter-spacing:-1px; margin:0; padding:0; margin-left:10px;}
ul#tcounsel li img {position:relative; width:240px; height:59px; margin-top:62px;}


ul#ttcounsel {position:relative; float:right; width:280px; height:455px; margin:0; padding:0; overflow:hidden; display:block; background:#f1f1f1 url('/img/main/m_counsel_bg0914.png') no-repeat 0 0;}
ul#ttcounsel li { position:relative; float:left; width:280px; height:400px; overflow:hidden; margin:0; padding:0; display:block;}
ul#ttcounsel li p {position:relative; width:280px; height:250px; top:210px; font-size:34px; line-height:40px; font-family:Sans-Serif; color:#ed1c24; font-weight:bold; letter-spacing:-1px; margin:0; padding:0; margin-left:10px;}
ul#ttcounsel li img {position:relative; width:240px; height:59px; margin-top:62px;}


/* ¸ÞÀÎ *****************************************************************************************************************************************************************************/
ul#mainItem { position:relative; width:710px; height:600px; margin:0; padding:0; overflow:hidden; display:block; }
ul#mainItem li { position:relative; float:left; width:220px; height:280px; margin:0 10px 10px 0; padding:4px; overflow: hidden; display:inline-block; background:#FAFAFA; border:1px solid #DDD; }
ul#mainItem li .btn_go { position:absolute; bottom:13px; right:10px; display:block; background:transparent; z-index:2; }
ul#mainItem li:nth-child(3n) { margin:0 0 10px 0 }

.mainbanner { position:relative; float:left; width:260px; height:110px; margin:10px 0 10px 10px; padding:0px; overflow:hidden; display:block; border:none;}

div#mbanner {position:relative; float:left; width:1080px; margin:10px 0 0 10px; padding:0; overflow:hidden; display:block;}

ul#mbanner {position:relative; float:left; width:1080px; margin:20px 0 0 0; padding:0; overflow:hidden; display:block;}
ul#mbanner li {position:relative; float:left; width:347px; height:110px; overflow: hidden; display:inline-block; margin:0px 19px 0px 0px;}

.mainbox { position:relative; float:left; width:260px; height:300px; margin:10px 0 10px 10px; padding:4px; overflow:hidden; display:block; background-color:#FFF; background-position:0 0; background-repeat:no-repeat; border:1px solid #BBB;}
.mainbox[gray] { width:230px; margin-left:0; background:#E1E1E1;}
.mainbox[best] { height:340px; }
.mainbox img.best_r { position:absolute; top:0; left:0; width:115px; height:85px; display:block; z-index:9; }


.maintitle, ul#maintap { position:relative; float:left; width:830px; height:50px; margin:20px 0 0 0; padding:0; overflow:hidden; display:block; }
.maintitle[w240] { width:240px; margin:20px 10px 0 0; }
.maintitle img { float:left }
ul#maintap { background:url('/img/common/1px_333.gif') repeat-x 0 bottom; }
ul#maintap li { position:relative; float:left; min-width:20px; height:45px; line-height:45px; margin:3px 0 0 0; padding:0 20px; font-size:18px; color:#333; letter-spacing:-0.05em; cursor:pointer; display:inline-block; background:#DDD; border:1px solid #AAA; border-bottom:1px solid #333 }
ul#maintap li.selected { color:#E00; background:#FFF; border:1px solid #333; border-bottom:1px solid #FFF }
.maintap_view { position:relative; float:left; width:840px; height:370px; margin:0; padding:0; overflow:hidden; display:none; }
.mainbanner { position:relative; float:left; width:718px; height:358px; margin:20px 0; padding:0; overflow:hidden; display:block; background:#FFF; border:1px solid #BBB; }
.realtimeBox { position:relative; float:left; width:330px; height:125px; margin:10px 0 0 10px; padding:39px 9px 9px 9px; overflow:hidden; display:block; background:#FFF; border:1px solid #BBB; }
.realtime { position:relative; width:330px; height:130px; margin:0; display:block; }
.realtime_more { position:absolute; top:10px; right:5px; width:50px; height:20px; display:block; }


#mainCounsel { width:230px; height:340px; margin-left:0; background:#E1E1E1; background-image:url('/img/main/main_counsel_bg.gif'); }
#mainCounsel .btn { position:absolute; top:290px; left:25px; width:178px; height:33px; background-color:#E42; border-color:#C21; }
#mainCounsel p { position:relative; width:210px; height:25px; margin:0; margin-top:5px; padding:0; overflow:hidden; display:block; }
#mainCounsel .private { position:absolute; top:255px; left:40px; width:158px; height:20px; line-height:20px; margin:0; margin-left:5px; padding:0; text-align:left; font-size:11px; color:#999999;}
#mainCounsel input[type="checkbox"] { position:absolute; top:248px; left:20px; margin-top:5px; margin-right:10px; text-indent:4px; border-color:#707070; }
#mainCounsel input { position:absolute; height:23px; line-height:23px; margin:0; margin-left:5px; padding:0; text-align:center; border:1px solid #999; }

#mainCard { position:relative; clear:both; width:230px; height:155px; padding:0; padding-top:50px; overflow:hidden; display:block; background: url('/img/main/maincard_bg.gif') no-repeat center 0; }
#mainCard .screen { position:relative; top:0; clear:both; width:230px; height:155px; overflow:hidden; display:block; }
#mainCard .screen ul { position:absolute; top:0; left:0; min-width:460px; height:160px; margin:0; padding:0; display:table;}
#mainCard .screen ul li { position:relative;float:left; width:230px; height:160px; overflow:hidden; display:inline-block; }
#mainCard  ul.slidedata { display:none;}
#mainCard .navL, #mainCard .navR { position:absolute; top:110px; width:15px; height:34px; cursor:pointer; display:block; z-index:9 }
#mainCard .navL { left:5px; background:url('/img/main/cardL.png') no-repeat 0 0; }
#mainCard .navR { right:5px; background:url('/img/main/cardR.png') no-repeat 0 0; }

/* ÁÂÃø ¸Þ´º *****************************************************************************************************************************************************************************/
#lnb { position:relative; float:left; width:230px; min-height:850px; margin:0; font-family:'¸¼Àº °íµñ', 'Malgun Gothic', 'Apple SD Gothic Neo', ³ª´®°íµñ, NanumGothic; padding-right:10px; overflow: hidden; display:table; }
#lnb ul { position:relative; width:228px; min-height:20px; margin:0px 0 10px  0; padding:0; display:table; border:1px solid #CCC; border-bottom:0; }
#lnb ul li { position:relative; float:left; width:100%; min-height:28px; line-height:18px; text-align:left; text-indent:25px; font-size:16px; font-weight:bold; color:#000; padding:10px 0 0 0; margin:0; cursor:pointer; display:table; border-bottom:1px solid #CCC;  background:transparent url('/img/common/p_hmark1.png') no-repeat 10px 15px; }
#lnb ul li:hover { color:#f60b0b }
#lnb ul li.selected { color:#E01 }
#lnb ul li.title { height:58px; line-height:58px; text-align:center; text-indent:0; font-size:23px; font-weight:bold; letter-spacing:-0.07em; color:#000; padding:0; margin:0; cursor:default; display:block;  background:#F0F0F0; }
#lnb ul li .best { position:absolute; top:0; right:2px; width:38px; height:35px; display:block; z-index:2; }

#lnb ul.lnb_sub { position:relative; width:100%; min-height:20px; margin:10px 0 0 0; padding:0; display:table; border:0; border-top:1px solid #CCC; }
#lnb ul.lnb_sub li { position:relative; float:left; width:100%; height:20px; line-height:20px; text-align:left; text-indent:15px; font-size:12px; letter-spacing:-0.1em; font-weight:normal; color:#333; padding:2px 0 0 0; margin:0; overflow:hidden; cursor:pointer; display:block; border:0; background:#FFF; }
#lnb ul.lnb_sub li:hover { color:#f60b0b }
#lnb ul.lnb_sub li.selected { color:#E01 }

#lnb .counsel { position:relative; width:220px; height:300px; margin:0; padding:4px; display:block; background:#FFF url('/img/common/lnb_counsel_bg.png') no-repeat 0 0; border:1px solid #CCC; }
#lnb .counsel input[type="text"] { position:absolute; height:23px; line-height:23px; margin:0; margin-left:5px; padding:0; text-align:center; border:1px solid #999; }
#lnb .counsel .private { position:absolute; top:142px; left:40px; width:158px; height:20px; line-height:20px; margin:0; margin-left:5px; padding:0; text-align:left; font-size:11px; color:#999999;}
#lnb .counsel input[type="checkbox"] { position:absolute; top:140px; left:20px; margin-top:5px; margin-right:10px; text-indent:4px; border-color:#707070; }
#lnb .counsel .btn { position:absolute; top:180px; left:10px; width:188px; height:33px; background-color:#E42; border-color:#C21; }

/* ¼­ºêÆäÀÌÁö *****************************************************************************************************************************************************************************/
#summary { position:relative; float:left; width:840px; min-height:290px; margin:0 0 20px 0; padding:10px 0; display:table; background:#FFF; border-top:3px solid #BBB; border-bottom:3px solid #BBB; }
#summary .thumbnail { position:relative; float:left; width:350px; height:100%; min-height:290px; margin-right:10px; padding:0; display:table; }
#summary .thumbnail > img.best { position:absolute; top:0; left:0; width:90px; height:90px; display:block; z-index:11; }
#summary ul.info { position:relative; float:left; width:470px; min-height:250px; margin:0 0 10px 0; padding:0; display:table; border-top:1px dashed #CCC; }
#summary ul.info li { position:relative; float:left; width:415px; min-height:90px; margin:0; padding:10px 0 10px 55px; display:table; border-bottom:1px dashed #CCC; }
#summary ul.info li p { position:relative; float:left; width:100%; height:46px; line-height:22px; margin:0; padding:5px 0; text-align:left; vertical-align:center; font-size:14px; letter-spacing:-0.05em; color:#000; display:inline-block; }
#summary ul.info li h1 { position:relative; float:right; height:35px; line-height:35px; margin:0 10px; padding:0; text-align:left; font-size:27px; font-weight:bold; letter-spacing:0; color:#333; display:inline-block; }
#summary ul.info li .price { position:relative; float:right; height:25px; line-height:25px; margin:0; padding:10px 0 0 0; text-align:left; font-size:20px; letter-spacing:-0.05em; color:#E00; display:inline-block; }
#summary ul.info li .price strong { font-size:24px; }
#summary ul.info li .vat { position:relative; float:left; width:100%; height:20px; line-height:20px; margin:3px 0; padding:0; text-align:right; font-size:12px; color:#666; display:inline-block; }
#summary .badge { position:absolute; top:10px; left:0; width:45px; height:60px; display:block; }

#promotion { position:relative; float:left; width:840px; min-height:60px; margin:0 0 30px 0; display:table; background:#FFF url('/img/sub/promotion_title_bg.gif') no-repeat 0 0; }
#promotion table { position:relative; float:left; width:680px; min-height:10px; margin:90px 0 20px 0; padding:0; text-align:center; color:#666; line-height:18px; display:table; background:#FFF; border-collapse:collapse; }
#promotion table th { min-width:170px; height:35px; padding:5px; font-size:14px; line-height:35px; color:#FFF; padding:0; border:1px solid #999; background:#555; }
#promotion table th.topblack { border-top-color:#000 }
#promotion table td { height:80px; font-family:"±¼¸²","Verdana","Arial"; color:#444; font-size:12px; letter-spacing:-0.01em; text-align:left; vertical-align:top; padding:10px 5px; border:1px solid #BBB; }
#promotion table td.red { color:#E00; font-weight:bold;}
#promotion table tr:last-child td:first-child { border-bottom-left-radius:10px }
#promotion table tr:last-child td:last-child { border-bottom-right-radius:10px }
#promotion .save { position:relative; float:right; width:130px; height:30px; margin:0 5px 0 0; padding:200px 5px 5px 5px; line-height:30px; text-align:center; font-size:22px; font-weight:bold; letter-spacing:-0.05em; color:#E00; display:block; background:url('/img/sub/promotion_save_bg.gif') no-repeat 5px 20px; }

/*-- 0--- 20160501 Ãß°¡ 
#promotion_iot { position:relative; float:left; width:840px; height:275px;min-height:60px; margin:0 0 30px 0; display:table; background:#FFF url('/img/iot/iotServiceBg.jpg') no-repeat 0 0; }
#promotion_iot ul {	position:absolute;	left:88px;	top:80px; }
#promotion_iot ul li {	line-height:18px;	text-align:left;	margin-bottom:28px; }
#promotion_iot table { position:relative; float:left; width:680px; min-height:10px; margin:90px 0 20px 0; padding:0; text-align:center; color:#666; line-height:18px; display:table; background:#FFF; border-collapse:collapse; }
#promotion_iot table tr:last-child td:first-child { border-bottom-left-radius:10px }
#promotion_iot table tr:last-child td:last-child { border-bottom-right-radius:10px }
#promotion_iot .save { position:relative; float:right; width:130px; height:30px; margin:0 5px 0 0; padding:200px 5px 5px 5px; line-height:30px; text-align:center; font-size:22px; font-weight:bold; letter-spacing:-0.05em; color:#E00; display:block; background:url('/img/sub/promotion_save_bg.gif') no-repeat 5px 20px; }
*/


.subbox { position:relative; float:left; width:838px; min-height:50px; margin:0 0 15px 0; padding:0; display:table; background:#FFF; border:1px solid #999; }
.subbox .title { position:relative; float:left; clear:both; width:100%; min-height:20px; line-height:20px; font-size:18px; text-align:left; text-indent:20px; font-weight:bold; color:#FFF; margin:0; padding:12px 0; display:inline-block; background:#333 url('/img/sub/subbox_title_bg.gif') repeat 0 0; border-bottom:1px solid #999; }
.subbox p { position:relative; float:left; clear:both; width:97%; min-height:18px; line-height:18px; text-align:left; margin:0; padding:2px 10px; font-size:13px; color:#333; text-indent:0; font-weight:normal; display:inline-table; }
.subbox p span.more { position:relative; width:62px; height:18px; margin:0 0 0 15px; padding:0; vertical-align:middle; cursor:pointer; display:inline-block; background:transparent url('/img/sub/span_more.gif') no-repeat 0 0; }
.subbox p span.detail { position:relative; width:62px; height:18px; margin:0 0 0 15px; padding:0; vertical-align:middle; cursor:pointer; display:inline-block; background:transparent url('/img/sub/span_detail.gif') no-repeat 0 0; }

.subbox[card] > img.benefitMore { position:absolute; top:0; left:20px; width:60px; height:70px; display:block; z-index:11; }
.subbox[card] .title { padding:20px 0; background:#333 url('/img/sub/subbox_title_bg.gif') repeat 0 0; }
.subbox[card] .title p{ left:90px; width:680px; color:#FFF; text-indent:10px; background:transparent url('/img/common/p_hmark1.png') no-repeat 5px 8px; }

.subbox[best] > img.bestGood { position:absolute; top:0; left:20px; width:200px; height:50px; display:block; z-index:11; }
.subbox[best] .title { height:30px; background:#333 url('/img/sub/subbox_title_bg.gif') repeat 0 0; }
.subbox[best] .title p{ left:240px; padding-top:5px; color:#FFF; }
.subbox[best] ul { position:relative; float:left; width:828px; height:340px; margin:20px 0; padding:0 5px; display:block; background:transparent url('/img/sub/best_list_bg.gif') repeat-Y center 0; }
.subbox[best] ul li { position:relative; float:left; width:260px; height:340px; margin:0 8px; padding:0; overflow:hidden; display:inline-block; }

.subbox .article { position:relative; float:left; width:800px; min-height:10px; margin:0; padding:19px; display:table; background:#FFF; }
.subbox .article[group2] { background:#F8F8F8; border-top:1px solid #BBB; }
.subbox .article img.addPhone { position:relative; clear:both; width:230px; height:30px; margin:10px auto; margin-top:0; padding:0; display:block; }
.subbox h1 { position:relative; float:left; clear:both; min-width:600px; margin:5px 0 20px 0; padding:0 0 0 30px; font-size:26px; text-align:left; line-height:40px; display:inline-block; }
.subbox h1[type01] { text-indent:20px; background:url('/img/sub/sub_h1_01.gif') no-repeat 0 0; }
.subbox h1[type02] { text-indent:20px; background:url('/img/sub/sub_h1_02.gif') no-repeat 0 0; }
.subbox h1[type03] { text-indent:20px; background:url('/img/sub/sub_h1_03.gif') no-repeat 0 0; }

.subbox h3 { position:relative; float:left; clear:both; min-width:600px; margin:5px 0 15px 0; padding:0 0 0 20px; font-size:17px; text-align:left; line-height:17px; display:inline-block; background:transparent url('/img/sub/subbox_h3_mark.png') no-repeat 0 4px; }
.subbox ul.recommand { position:relative; width:545px; min-height:90px; margin:30px 10px; padding:25px 12px 25px 207px; display:table; border:3px solid #888; background:#FFF; border-radius:10px; }
.subbox ul.recommand li { position:relative; float:left; width:540px; height:30px; line-height:30px; text-align:left; text-indent:25px; letter-spacing:-0.07em; font-size:16px; font-weight:normal; color:#333; padding:0; margin:0; display:block; background:transparent url('/img/sub/recommand_chk.png') no-repeat 2px 8px; }
.subbox ul.recommand .recommandImg { position:absolute; top:10px; left:-15px; width:205px; height:125px; display:block; }
.subbox table { position:relative; float:left; width:100%; min-height:10px; margin:0 0 20px 0; text-align:center; color:#666; line-height:18px; display:table; background:#FFF; border-collapse:collapse; }
.subbox table .vat { position:absolute; top:-20px; right:0; width:200px; height:20px; margin:0; text-align:right;font-weight:normal; font-family:"±¼¸²","Verdana","Arial"; font-size:12px; color:#666; line-height:20px; display:block; }
.subbox table th { padding:3px; font-size:14px; line-height:24px; color:#222; border:1px solid #BBB; background:#f4f4f4; }
.subbox table th.topblack { border-top-color:#000 }
.subbox table th.bottomblack { border-bottom-color:#000;}
.subbox table td { padding:10px 5px; font-family:"±¼¸²","Verdana","Arial"; color:#444; font-size:12px; border:1px solid #BBB; }
.subbox table td.line { border-bottom-color:#000;}
.subbox table td.red { color:#E00; font-weight:bold;}
.subbox table td.tvbg { background:#F4FFFF;}
.subbox .add½º¸¶Æ®Æù { position:relative; float:left; width:760px; min-height:50px; margin:20px 0; padding:18px; display:table; background:#fff5f6; border:2px solid #ffc7ce; border-radius:15px; }
.subbox .add½º¸¶Æ®Æù h4 { position:relative; float:left; margin:5px; display:inline-block; }
.subbox .add½º¸¶Æ®Æù .plus { position:absolute; top:-25px; left:50%; width:50px; height:50px; margin-left:-25px; display:block; }
.subtitle { position:relative; float:left; width:838px; clear:both; height:60px; line-height:60px; margin-top:0px; padding:0; font-size:22px; font-weight:bold; text-align:left; text-indent:30px; display:inline-block; background:url('/img/sub/subbox_h3_mark.png') no-repeat 10px 27px; }
.subtitle > img { position:absolute; top:5px; right:-310px; display:block; }
.txtExpand { position:relative; width:100%; display:none; }

.subbox table th.bottom {line-height:16px; font-size:12px;}


/*À¯¹«¼±°áÇÕ»óÇ° Å×ÀÌºí*/
#phone { position:relative; float:left; width:100%; min-height:10px; margin:0 0 20px 0; text-align:center; color:#666; line-height:16px; display:table; background:#FFF; border-collapse:collapse;}
#phone .vat { position:absolute; top:-20px; right:0; width:200px; height:20px; margin:0; text-align:right;font-weight:normal; font-family:"¸¼Àº °íµñ","Verdana","Arial"; font-size:12px; color:#666; line-height:20px; display:block; }
#phone tr th { line-height:16px;} 
#phone tr td { padding:10px 5px; font-family:"±¼¸²","Verdana","Arial"; color:#444; font-size:12px; border:1px solid #BBB; }
#phone td.line { border-bottom-color:#000;}
#phone td.red { color:#E00; font-weight:bold;}
#phone td.tvbg { background:#F4FFFF;}
#phone thead {background:#f4f4f4;}
#phone thead th { padding:10px 3px; font-size:12px; line-height:16px; color:#222; border:1px solid #bbb; border-bottom-color:#000;}
#phone thead td {background:#f4f4f4; font-size:12px; line-height:16px; border:1px solid #BBB; font-family:"¸¼Àº °íµñ","Verdana","Arial"; font-weight:bold; padding:10px 3px;}
#phone tbody th {border-bottom-color:#000; background:#FFF; font-family:"±¼¸²","Verdana","Arial"; color:#444; font-size:12px; font-weight:normal; padding:10px 5px; }


.mobilebox { position:relative; float:left; width:838px; min-height:50px; margin:0 0 30px 0; padding:0; display:table; background:#FFF; }


#contents { position:relative; float:left; width:830px; min-height:50px; margin:0; padding:0; display:table; }
#contents .conitem { position:relative; float:left; width:400; min-height:270px; margin-bottom:10px; padding:10px 0 0 330px; text-align:left; display:table; background-repeat:no-repeat; background-position:0 0; }
#contents .conitem .info { position:relative; float:left; width:370px; min-height:18px; margin:10px 0; padding:14px; text-align:left; font-size:12px; color:#555; display:table; border:1px solid #CCC; background:#f4f4f4; border-radius:5px; }
#contents .conitem .price { position:relative; float:left; width:400px; height:45px; line-height:45px; margin:0px 0 9px 0; padding:0; text-align:left; text-indent:10px; font-size:20px; font-weight:bold; color:#333; overflow:hidden; display:block; border-bottom:1px dashed #CCC; font-family:"µ¸¿ò";}
#contents .conitem .price b { font-size:42px; font-weight:bolder; color:#F00; display:inline; font-family:"Myriad Pro";}
#contents .conitem .price span { position:absolute; bottom:0; right:3px; font-size:11px; line-height:15px; font-weight:normal; color:#888; display:inline-block; }
#contents .conitem p { position:relative; margin:3px 10px; line-height:14px; text-indent:10px; font-size:12px; color:#333; }
#contents .promotion { position:relative; float:left; width:710px; min-height:10px; margin:-4px 0 10px 0; padding:10px 9px; text-align:left; display:table; border:1px solid #DDD; border-top:0; border-bottom-left-radius:5px; border-bottom-right-radius:5px; }
#contents .promotion ul{ position:relative; float:left; width:710px; height:100%; height:100%; margin:0; padding:0; text-align:left; display:table; }
#contents .promotion ul[group1] { width:310px;}
#contents .promotion ul[group2] { width:380px; margin-left:10px; padding-left:9px; border-left:1px solid #DDD; }
#contents .promotion ul[group3] { width:220px; margin-left:10px; padding-left:9px; font-size:11px; border-left:1px solid #DDD; }
#contents .promotion ul[group3f] { width:230px; font-size:11px;}
#contents .promotion ul li { position:relative; float:left; width:100%; height: min-height:25px; line-height:25px; margin-top:5px; padding:0; text-align:left; font-size:12px; color:#444; text-indent:20px; display:table; border-bottom:1px dashed #DDD; background:url('/img/sub/promotion_dash.gif') no-repeat 8px 10px; }
#contents .promotion ul li.title { margin-top:0px; font-size:13px; color:#333; font-weight:bold; text-indent:5px; border:0; FONT-FAMILY: "µ¸¿ò";}

ul#servicetap { position:relative; float:left; width:728px; height:35px; margin:0; padding:0; text-align:left; display:block; background:#F1F1F1 url('/img/common/ccc_1px.gif') repeat-x left bottom; FONT-FAMILY: "µ¸¿ò"; letter-spacing:-1px; border:1px solid #CCC; border-bottom:0;}
ul#servicetap li { position:relative; float:left; min-width:10px; height:35px; line-height:35px; padding:0 30px; margin:0; font-size:13px; font-weight:bold; color:#888; text-align:center; cursor:pointer; display:inline-table; background:none; border-right:1px solid #CCC; background:none; }
ul#servicetap li.selected { cursor:default; color:#ea310a; background:#FFF; }

#banner110 { position:relative; float:left; width:715px; min-height:80px; margin:0 0 20px 0; padding:0; font-size:12px; display:table; }
#subbanner { position:relative; float:left; width:730px; min-height:70px; margin:-15px 0 10px 0; padding:0; font-size:12px; display:table; }
#subbanner .block { position:relative; float:left; width:370px; height:150px; margin:0; padding:0; overflow:hidden; display:block; }

.explanation { position:relative; float:left; width:710px; min-height:80px; margin:0 0 10px 0; padding:9px; font-size:12px; display:none; border:1px solid #CCC; border-top:0; }
.explanation h3 { position:relative; text-align:left; text-indent:25px; color:#333; margin-top:20px; background: url('/img/sub/title_point.gif') no-repeat 5px center; display:block; }
.explanation table { position:relative; float:left; width:100%; min-height:10px; margin:0 0 20px 0; text-align:center; color:#666; line-height:18px; display:table; background:#FFF; }
.explanation table th{ padding:5px; border:1px solid #DDD; background:#fffcf5; }
.explanation table td{ padding:5px 10px; border:1px solid #DDD; }
.explanation p { position:relative; float:left; width:685px; min-height:18px; line-height:18px; text-align:left; margin:0; padding:3px 15px; font-size:12px; color:#555; display:table; }
.explanation .title { position:relative; float:left; width:715px; height:30px; line-height:30px; text-align:left; margin:20px 0 5px 0; padding:0; font-size:16px; font-weight:bold; color:#000; display:block; text-indent:25px; background: url('/img/sub/title_point.gif') no-repeat 3px 5px; FONT-FAMILY: "µ¸¿ò"}
.explanation .view_ch { position:absolute; bottom:5px; right:5px; display:block; }
ul.faq { position:relative; float:left; width:840px; min-height:50px; margin:0 0 20px 0; padding:0; font-size:12px; display:table; }
ul.faq li { position:relative; float:left; width:840px; min-height:40px; margin:0; line-height:40px; text-align:left; text-indent:40px; color:#444; cursor:pointer; display:table; border-bottom:1px dashed #DDD; background:url('/img/common/subfaq_q.png') no-repeat 10px 8px; }
ul.faq li.selected { font-weight:bold; color:#e52200; }
ul.faq li .answer { position:relative; float:left; width:765px; min-height:20px; margin:0; padding:15px 15px 15px 60px; color:#333; line-height:20px; text-align:left; text-indent:0; font-weight:normal; display:table; border-top:1px dashed #DDD; background:#fff6e8 url('/img/common/subfaq_a.png') no-repeat 20px 9px; }
ul.faq .title { position:relative; float:left; width:730px; height:50px; margin:0 0 10px 0; text-align:left; display:block; background:url('/img/common/subfaq_bg.gif') no-repeat 0 0;}
ul.faq .title .btn { float:right; margin:14px 10px; }
ul.faq li span.subject { width:100px; color:#E00; margin:0; padding:0; text-align:center; text-indent:0; display:inline-block; }
.red {color:#E00;}

/* ÀÌº¥Æ® *****************************************************************************************************************************************************************************/
.LastEvent { position:relative; clear:both; width:100%; height:190px; margin:0; text-align:left; display:block; border-top:1px dotted #999;}
.LastEvent img{ position:relative; float:left; width:240px; height:160px; margin:10px 20px 18px 10px; display:block; cursor:pointer; border:1px solid #CCC;}
.LastEvent .LE_title{ position:relative; float:left; width:420px; height:25px; margin:23px 0px 10px 0px; display:block; cursor:pointer; border-bottom:2px solid #CCC; color:#e56100; font-size:16px; font-weight:bold; line-height:20px;}
.LastEvent .LE_txt{ position:relative; float:left; width:420px; height:20px; margin:3px 0px 2px 0px; display:block; cursor:pointer; color:#666; font-size:12px; line-height:20px;}
.LastEvent .LE_txt span{ width:90px; margin:0 10px 0 10px; color:#000; font-weight:bold;}

/* °í°´¼¾ÅÍ *****************************************************************************************************************************************************************************/
ul#pg_tap { position:relative; float:left; width:100%; height:40px; margin:10px 0; padding:0; text-align:left; display:block; border-top:3px solid #444; border-bottom:1px solid #444; }
ul#pg_tap li { position:relative; float:left; width:160px; height:40px; line-height:40px; padding:0; margin:0; font-family:'¸¼Àº °íµñ', 'Malgun Gothic', 'Apple SD Gothic Neo', ³ª´®°íµñ, NanumGothic; font-size:16px; font-weight:bold; color:#666; text-align:center; cursor:pointer; display:block; background:#FFF; }
ul#pg_tap li.selected { cursor:default; color:#000; background:#DDD; }

table.custom00, table.custom01, table.custom02 { position:relative; width:100%; padding:5px 0; font-size:12px; border-collapse:collapse; }
table.custom00 td, table.custom01 td, table.custom02 td { height:20px; border-bottom: 1px solid #e0e0e0; padding:6px 10px 4px 10px; text-align:left; line-height:17px;}
table.custom00 td { border:0; padding:0;}
table.custom00 td a { color:#888887;}
table.custom00 td span  { color:#666666; margin:0 10px 0 5px; font-weight:normal;}

table.custom01 { color:#666666; background-color:#FFF; margin:10px 0; }
table.custom01 th { height:40px; line-height:40px; font-size:14px; font-weight:bold; color:#000; background:#F4F4F4; border-top:1px solid #999; border-bottom:1px solid #999;}
table.custom01 th.style02 { background:#FFF; border-top:3px solid #444; border-bottom:1px solid #444;}
table.custom01 td { padding:8px 5px 6px 5px; text-align:center; border-top:1px solid #CCC; border-bottom:1px solid #CCC; }
table.custom01 td a { color:#666666; }
table.custom01 td input { border:1px solid #dedede; padding:2px 10px; margin:0; }
table.custom01 td textarea { border:1px solid #dedede; padding:10px; margin:0; }
table.custom01 td.title01 { text-align:center; font-weight:bold; color:#000; background:url('/img/sub/board_title_bg.gif') repeat 0 0; }
table.custom01 td.con_style01 { padding:20px; vertical-align:top; text-align:left; min-height:300px;}
table.custom01 td.con_style02 { font-size:11px; text-align:center;}
table.custom01 td.con_style03 { padding:8px 5px 6px 5px; border-top:0; border-bottom:1px solid #CCC; }
table.custom01 td.con_style04 { padding:8px 5px 6px 5px; border-top:0; border-bottom:1px solid #CCC; font-size:11px; }
table.custom01 td.bottom01 { text-align:center; background-color:#f8f8f8;}

/* Äü¸Þ´º *****************************************************************************************************************************************************************************/
#quickmenu { position:absolute; top:0px; right:-120px; width:110px; min-height:300px; padding:0; display:table; z-index:198; }
#quickmenu ul.quicklist { position:relative; width:55px; min-height:100px; margin:0; padding:10px 9px; display:table; background:#FFF; border-top:5px solid #d3292c; border-left:1px solid #CCC; border-right:1px solid #CCC; }
#quickmenu ul.quicklist li { position:relative; float:left; width:55px; min-height:10px; margin:5px 0; padding:0; color:#888; overflow:hidden; display:table; }
#quickmenu .counsel { position:relative; width:73px; height:100px; padding:5px 0; cursor:pointer; display:block; background:#FFF; border-top:5px solid #d3292c; border-bottom:5px solid #d3292c; border-left:1px solid #CCC; border-right:1px solid #CCC; }
#quickmenu .gotop { position:relative; width:75px; height:20px; padding:0; font-size:11px; color:#FFF; cursor:pointer; display:block; background:#d3292c; }


#quickmenuleft { position:absolute; top:0px; left:-510px; width:500px; min-height:700px; padding:0; display:table; z-index:199; }

/* footer *****************************************************************************************************************************************************************************/
#footer { position:relative; width:100%; height:180px; padding:15px  0 0 0; margin:10px 0 0 0; overflow: hidden; display:block; border-top:1px solid #CCC; font-size:12px; background:#FFF; z-index:1;}
.footLogo { position:absolute; top:30px; left:10px; width:120px; height:80px; display:block; z-index:2; }
ul.compliance { position:absolute; top:0; right:0; width:360px; height:100px; padding:0; margin:0; display:block; border:1px solid #DDD; background:#FFF url('/img/common/1px_EEE.gif') repeat-x 0 center; }
ul.compliance li { position:relative; float:left; width:110px; height:40px; padding:0; margin:5px; display:block; }
ul.compliance .foot_ad { position:absolute; bottom:-50px; right:0; width:285px; height:40px; padding:0; margin:0; display:block; }
ul.policy { position:relative; clear:both; float:left; left:160px; width:700px; height:20px; padding:0; margin:5px 0; display:block; }
ul.policy li { position:relative; float:left; min-width:5px; height:20px; padding:0; margin:0; font-size:14px; font-weight:bold; display:block; }
.copyright { position:relative; clear:both; float:left; left:160px; width:700px; min-height:20px; line-height:20px; text-align:left; font-size:13px; letter-spacing:-0.02em; color:#666; margin:5px 0; display:block; }




/* sub content setting */
#content {position:relative;float:left;width:840px; text-align:left;}
#content h3 {height:66px; font-family:"Malgun Gothic"; font-size:28px; color:#333; line-height:58px; letter-spacing:-2px; background:url('/img/common/h3_line.gif') repeat-x left bottom;}
#content h3.mshop {height:66px; font-family:"Malgun Gothic"; font-size:28px; color:#333; line-height:58px; letter-spacing:-2px; background:url('/img/common/h3_mshop_line.gif') repeat-x left bottom;}
#content h3 span {display:block; padding-left:56px; background:url('/img/common/h3_bullet.gif') no-repeat 2px 9px;}
#content h3 em {font-weight:normal; color:#f50000;}
#content div.viewwrap {overflow:hidden; width:100%; margin-top:30px;}
#content div.viewwrap div.img {float:left; width:314px; height:214px;}
#content div.viewwrap div.view {float:left;	width:451px;}
#content div.viewwrap div.view div.title {font-size:14px; color:#333; line-height:20px; padding-left:22px; letter-spacing:-0.3px; background:url('/img/radio/view_bullet.gif') no-repeat left top;}
#content div.viewwrap div.view div.title strong {color:#f81d25;}
#content div.viewwrap div.view ul.line {width:100%; margin-top:10px; border-top:1px solid #ddd;}
#content div.viewwrap div.view ul.line li {overflow:hidden;	padding:5px 0; border-bottom:1px solid #ddd;}
#content div.viewwrap div.view ul.line li div.no {float:left; width:170px; margin-left:5px; font-size:12px; color:#333; line-height:20px;}
#content div.viewwrap div.view ul.line li div.no strong {display:block; font-size:14px;}
#content div.viewwrap div.view ul.line li div.month {float:left; height:40px; font-size:20px; font-weight:bold; color:#333; line-height:30px; letter-spacing:-1px;}
#content div.viewwrap div.view ul.line li div.month span {display:inline-block; font-family:"Malgun Gothic"; font-size:28px; color:#f81d25; line-height:30px;}
#content div.viewwrap div.view ul.line li div.month em {font-size:12px; font-weight:normal; color:#8d8d8d; letter-spacing:0; vertical-align:middle;}
#content div.viewwrap div.view ul.feature {overflow:hidden; width:349px; height:29px; margin-top:10px; padding:15px 0 15px 102px; border-top:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; background:url('/img/radio/feature_title.gif') no-repeat left top;}
#content div.viewwrap div.view ul.feature li {float:left; width:48px; height:28px; font-size:13px; color:#333; line-height:14px; padding:1px 0 0 35px; font-size:0.9em;}
#content div.viewwrap div.view ul.feature li.internet {background:url('/img/radio/feature_icon01.gif') no-repeat left top;}
#content div.viewwrap div.view ul.feature li.tv {background:url('/img/radio/feature_icon02.gif') no-repeat left top;}
#content div.viewwrap div.view ul.feature li.phoneInternet {background:url('/img/radio/feature_icon03.gif') no-repeat left top;}
#content div.viewwrap div.view ul.feature li.phoneSmart {background:url('/img/radio/feature_icon04.gif') no-repeat left top;}

/*ÅÇÀÌ 2°³ÀÏ‹š*/
#content ul.tap {overflow:hidden; width:100%; margin-top:20px; border-bottom:2px solid #3c3c3c;}
#content ul.tap li {float:left; font-size:18px; font-weight:bold; text-align:center;}
#content ul.tap li a {display:block; color:#333; line-height:34px;}
#content ul.tap li a.first {width:382px; background:url('/img/radio/tap01.gif') no-repeat left top;}
#content ul.tap li a.last {width:383px; background:url('/img/radio/tap02.gif') no-repeat left top;}
#content ul.tap li a.first.on, #content ul.tap li a.first:hover {color:#fff; background:url('/img/radio/tap01.gif') no-repeat left -34px;}
#content ul.tap li a.last.on, #content ul.tap li a.last:hover {color:#fff; background:url('/img/radio/tap02.gif') no-repeat left -34px;}

/*ÅÇÀÌ 3°³ÀÏ‹š*/
#content ul.tap2 {overflow:hidden; width:100%; margin-top:20px; border-bottom:2px solid #3c3c3c;}
#content ul.tap2 li {float:left; font-size:18px; font-weight:bold; text-align:center;}
#content ul.tap2 li a {display:block; color:#333; line-height:34px;}
#content ul.tap2 li a.first {width:280px; background:url('/img/radio/tap01.gif') no-repeat left top;}
#content ul.tap2 li a.last {width:280px; background:url('/img/radio/tap02.gif') no-repeat left top;}
#content ul.tap2 li a.first.on, #content ul.tap li a.first:hover {color:#fff; background:url('/img/radio/tap01.gif') no-repeat left -34px;}
#content ul.tap2 li a.last.on, #content ul.tap li a.last:hover {color:#fff; background:url('/img/radio/tap02.gif') no-repeat left -34px;}

#content h2 {position:relative; margin-top:15px; margin-bottom:10px; font-size:15px; color:#000; line-height:20px;}
#content h4 {position:relative; margin-top:30px; font-size:18px; color:#000; line-height:37px; border-bottom:2px solid #7b7b7b;}
#content h4 a {position:absolute; top:0; right:0; font-weight:normal; font-size:14px; color:#414141; line-height:37px;}
#content h4 span {position:absolute; top:0; right:0; font-weight:normal; font-size:14px; color:#414141; line-height:37px;}
#content .tab_con p { font-size:12px; line-height:18px;}
#content div.charge-tit {overflow:hidden; width:100%; margin:20px auto 0 auto;}
#content div.charge-tit div.title {float:left; font-size:13px; color:#333; line-height:32px;}
#content div.charge-tit div.title strong {font-size:14px;}
#content div.charge-tit div.vat {float:right; font-size:12px; color:#818181; line-height:32px;}
#content div.charge-tit div.text {float:left; font-size:12px; color:#818181; line-height:22px; padding-top:0px;}
#content ul.sale {overflow:hidden; width:100%; margin-top:10px;}
#content ul.sale li {float:left; margin-left:10px;}
#content ul.sale li.first {margin-left:0;}
#content p.care {margin:15px 0 0 5px; font-size:12px; color:#504f4f; line-height:18px;}
#content div.detailwrap {overflow:hidden; width:100%; padding-top:20px;}
#content div.detailwrap div.detail {float:left; width:454px; margin-left:20px; margin-bottom:20px;}
#content div.detailwrap div.btn {margin-top:20px; font-size:0; line-height:0;}
#content div.detailwrap div.btn a {vertical-align:-8px; margin-left:25px;}
.sub_more_content {display:none;}
.sub_plus_content {display:none;}
.aaaaa {display:none;}
.bbbbb {display:none;}
.ccccc {display:none;}
.ddddd {display:none;}
.eeeee {display:none;}


/* item's small image list setting */
#content div.detailwrap div.img {position:relative; float:left; width:356px; text-align:center;}
#content div.detailwrap div.img #big_img {width:300px; height:300px;}
#content div.detailwrap div.img ul.simg {overflow:hidden; width:293px; margin:25px auto 0 auto;}
#content div.detailwrap div.img .left {position:absolute; top:353px; left:45px;}
#content div.detailwrap div.img .right {position:absolute; top:353px; right:50px;}
#content div.detailwrap div.img .viewport {float:left; overflow:hidden; padding:15px 1px; margin-left:73px;}
#content div.detailwrap div.img ul.simg li {float:left; margin-left:3px;}
#content div.detailwrap div.img ul.simg li.first {margin-left:0;}
#content div.detailwrap div.img ul.simg li img {width:45px; height:45px;}
#content div.detailwrap div.img ul.simg li a {display:block; width:45px; height:45px; border:1px solid #e6e6e6;}
#content div.detailwrap div.img ul.simg li a.on,
#content div.detailwrap div.img ul.simg li a:hover {border:1px solid #017cc0;}

/* mobile shop best keyview section */
#mkeyview {position:relative; width:100%; height:338px; border-top:3px solid #BBB; border-bottom:3px solid #BBB;}
#mkeyview .camera_pag .camera_pag_ul {position:absolute; top:295px; left:20px; z-index:2; }
#mkeyview .camera_pag .camera_pag_ul li {cursor:pointer; float:left; display:inline-block; width:21px; height:21px; margin-left:5px; overflow:hidden; background:url('/img/common/pag_bullet3.png') no-repeat 0 0;}
#mkeyview .camera_pag .camera_pag_ul li:hover {background-position:0 -21px;}
#mkeyview .camera_pag .camera_pag_ul li.cameracurrent {background-position:0 -21px;}

/* mobile shop best phone section */
#content ul.phone {overflow:hidden; padding:15px 0; border-left:1px solid #d5d5d5; border-right:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5;}
#content ul.phone li {float:left; width:190px; padding:8px 0 4px 0; text-align:center; border-left:1px solid #e2e2e2;}
#content ul.phone li:first-child, #content ul.phone li.first {border-left:none;}
#content ul.phone li div.img {position:relative; width:190px; height:190px; margin:0 auto;}
#content ul.phone li div.img a img {width:190px; height:190px;}
#content ul.phone li div.img div.sale {position:absolute; top:0; left:25px;}
#content ul.phone li div.infor {margin-top:8px; font-size:16px; color:#f81d25; line-height:21px;}
#content ul.phone li div.infor a {display:block; font-size:12px; color:#000;}

/* mobile shop est phone section */
#mkeyview2_wrap {position:relative; width:100%; height:338px; border-bottom:1px solid #dedede;}
#mkeyview2 {position:relative; width:572px; height:338px;}
#mkeyview2 .camera_pag .camera_pag_ul {position:absolute; top:305px; left:20px; z-index:2; }
#mkeyview2 .camera_pag .camera_pag_ul li {cursor:pointer; float:left; display:inline-block; width:21px; height:21px; margin-left:5px; overflow:hidden; background:url('/img/common/pag_bullet3.png') no-repeat 0 0;}
#mkeyview2 .camera_pag .camera_pag_ul li:hover {background-position:0 -21px;}
#mkeyview2 .camera_pag .camera_pag_ul li.cameracurrent {background-position:0 -21px;}
.best_phone {position:absolute;bottom:0;right:0;overflow:hidden; border-top:1px solid #dedede; border-right:1px solid #dedede; border-left:1px solid #dedede;}
.best_phone li {float:left; display:inline-block; width:190px; padding:30px 0px 10px 0; text-align:center;}
.best_phone li div.img {position:relative; width:190px; height:190px; padding-top:30px; margin:0 auto;}
.best_phone li div.img a img {width:190px; height:190px;}
.best_phone li div.img div.best {position:absolute; top:-30px; left:20px;}
.best_phone li div.infor {margin:8px 0 10px 0; font-size:16px; color:#f81d25; line-height:21px;}
.best_phone li div.infor a {display:block; font-size:12px; color:#000;}

#content div.phone_sort {margin-top:0px; width:100%; text-align:right;}
#content ul.phone2 {margin-top:10px; overflow:hidden; border-top:2px solid #777777; border-left:1px solid #dedede; border-right:1px solid #dedede; border-bottom:1px solid #dedede;}
#content ul.phone2 li {float:left; display:inline-block; width:208px; height:265px; margin-top:10px; padding:8px 0px 10px 1px; text-align:center; border-bottom:1px solid #dedede; background:url('/img/mobile/p_line.gif') no-repeat 0 0;}
#content ul.phone2 li:first-child, #content ul.phone2 li.first{border-left:none;background:none;padding-left:0;}
#content ul.phone2 li:last-child {border-bottom:none;}
#content ul.phone2 li div.img {position:relative; width:190px; height:190px; margin:0 auto;}
#content ul.phone2 li div.img a img {width:190px; height:190px;}
#content ul.phone2 li div.img div.sale {position:absolute; top:0; left:25px;}
#content ul.phone2 li div.infor {margin:8px 0 10px 0; font-size:16px; color:#f81d25; line-height:21px;}
#content ul.phone2 li div.infor a {display:block; font-size:12px; color:#000;}

/* mobile shop best promotion, recommend section */
#content ul.shop {overflow:hidden; width:100%; margin-top:20px;}
#content ul.shop li {float:left; margin-left:15px; font-size:0;	line-height:0;}
#content ul.shop li.first {margin-left:0;}
.mobile_promotion, .mobile_recommend {position:relative; width:373px; height:159px; border:1px solid #dbdbdb;}

/* promotion, recommend banner */
#mpromotion {position:relative; width:100%; height:159px;}
#mpromotion .camera_pag .camera_pag_ul {position:absolute; top:-27px; right:15px; z-index:2;}
#mpromotion .camera_pag .camera_pag_ul li {cursor:pointer; float:left; display:inline-block; width:15px; height:15px; margin-left:6px; overflow:hidden; background:url('/img/common/pag_bullet4.png') no-repeat 0 0;}
#mpromotion .camera_pag .camera_pag_ul li:hover {background-position:0 -15px;}
#mpromotion .camera_pag .camera_pag_ul li.cameracurrent {background-position:0 -15px;}

#mrecommend {position:relative; width:100%; height:159px;}
#mrecommend .camera_pag .camera_pag_ul {position:absolute; top:-27px; right:15px; z-index:2;}
#mrecommend .camera_pag .camera_pag_ul li {cursor:pointer; float:left; display:inline-block; width:15px; height:15px; margin-left:6px; overflow:hidden; background:url('/img/common/pag_bullet4.png') no-repeat 0 0;}
#mrecommend .camera_pag .camera_pag_ul li:hover {background-position:0 -15px;}
#mrecommend .camera_pag .camera_pag_ul li.cameracurrent {background-position:0 -15px;}



/* etc */
.camera_wrap .camera_pag .camera_pag_ul li span {display:none;}

table.present {width:294px; margin:15px 0 0 15px;}
table.present td {font-size:12px; color:#000; line-height:24px;}
table.present td.complete {color:#f81d25; text-align:right;}

table.charge {width:100%; margin:0 auto; border-top:1px solid #969696; border-left:1px solid #d4d4d4;}
table.charge th {font-size:12px; font-weight:normal; color:#333; line-height:16px; text-align:center; padding:12px 0; border-right:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; background-color:#f3f3f3;}
table.charge th.bg {background-color:#e8eef6;}
table.charge td {font-size:12px; font-weight:normal; color:#333; line-height:16px; text-align:center; padding:8px 0; border-right:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4;}
table.charge td span {color:#ff0000;}
table.charge td.left {text-align:left; padding-left:15px;}

/* mobile shop item detail setting */
table.detail {width:100%; border-top:2px solid #646464; border-bottom:1px solid #c1c1c1;}
table.detail th {font-weight:normal; color:#707070; line-height:18px; padding:5px 0 5px 15px; text-align:left; vertical-align:top;}
table.detail th.title1 {font-family:"Malgun Gothic"; font-weight:bold; color:#424242; line-height:18px; padding:4px 0 6px 10px; text-align:left; vertical-align:top; border-bottom:1px solid #c1c1c1; background-color:#f0f0f0;}
table.detail th.title2 {font-family:"Malgun Gothic"; font-weight:bold; font-size:1.2em; color:#424242; line-height:18px; padding:4px 0 6px 0px; text-align:left; vertical-align:top; border-bottom:1px dashed #c1c1c1;}
table.detail td {font-size:11px; color:#707070; line-height:16px; padding:6px 0; vertical-align:top;}
table.detail td.detail2 {padding-left:0px;}
table.detail td.right {font-size:12px; color:#333; text-align:right; padding-right:10px;}
table.detail td.line {height:7px; padding:0; background:url('/img/mobile/detail_line.gif') repeat-x left 3px;}
table.detail td.price {font-size:18px; color:#f81d25; line-height:25px; text-align:right; padding:4px 10px 7px 0;}
table.detail td.price strong {vertical-align:-2px; font-family:"Malgun Gothic"; font-size:24px;}
table.detail td select {width:140px; font-size:12px; color:#333;}
table.detail th, table.detail td input {border:none;}

table.detail2 {width:100%; border-bottom:1px solid #c1c1c1;}
table.detail2 th.title2 {font-family:"Malgun Gothic"; font-weight:bold; font-size:1.2em; color:#424242; line-height:16px; padding:0 0 6px 0; text-align:left; vertical-align:top; border-bottom:1px dashed #c1c1c1;}
table.detail2 td {font-size:12px; color:#707070; padding-left:5px; letter-spacing:0em;}
table.detail2 .txt_red {color:#f31918;}
table.detail2 .txt_red_r {font-size:12px; color:#f31918; text-align:right; padding-right:10px;}
table.detail2 td.txt {font-size:11px; color:#707070; line-height:25px; padding:4px 10px 7px 0; letter-spacing:-0.05em;}
table.detail2 td.txt_summary {font-size:11px; line-height:15px; border-top:1px solid #d9d9d9; letter-spacing:0.04em;}
table.detail2 td.price {padding-bottom:20px;}
table.detail2 td.price strong {color:#f81d25; vertical-align:-2px; font-family:"Tahoma","Malgun Gothic"; font-size:18px;}
table.detail2 td.price2 {text-align:right; padding-right:10px; padding-bottom:20px;}
table.detail2 td.price2 strong {color:#2786cc; vertical-align:-2px; font-family:"Tahoma","Malgun Gothic"; font-size:18px;}
table.detail2 th, table.detail2 td input {border:none;}

/* mobile shop detail affiliate card setting */
#popup_card_layer, #popup_save_layer {display:none; position:absolute; width:660px; top:200px; left:0; border:1px solid #e62b2b; background-color:#fff;}
.card_layer_title {position:relative; font-weight:bold; font-size:20px; color:#333; line-height:20px; padding:20px 25px 16px 65px; background:url('/img/mobile/popup_bullet.png') no-repeat 12px 15px;background-color:#f0f0f0; border-bottom:1px solid #bababa;}
.card_layer_title div {position:absolute; top:17px; right:15px; font-weight:normal; font-size:12px; display:block;}
.card_layer_title div a {display:inline-block; padding-right:20px; background:url('/img/mobile/btn_popup_close.png') no-repeat right 3px;}
.card_layer_text {text-align:left; padding:15px 0 12px 15px; color:#353535; line-height:20px; border-bottom:1px solid #bababa;}
.card_layer_text li {font-size:11px;background:url('/img/mobile/popup_bullet.gif') no-repeat 0 center;padding-left:10px;letter-spacing:-0.05em;}
.card_layer_list {width:650px; margin-top:25px; padding-left:35px; border-bottom:1px solid ##e5e5e5;}
.card_layer_list li {float:left; width:45%; height:70px; padding:15px 0 15px 20px; color:#333; display:inline-block; border-bottom:1px dotted #c6c6c6; background:url('/img/mobile/card_line.gif') no-repeat 0 15px;}
.card_layer_list li input {border:none;}
.card_layer_list li label {font-size:14px; font-weight:bold; color:#333;}
.card_layer_list li strong {color:#ff0000;}
.card_layer_list li div.infowrap {margin-top:5px;}
.card_layer_list li div.infowrap .img {float:left; width:90px;}
.card_layer_list li div.infowrap .info {float:left;}
.card_layer_list li div.infowrap .info a {padding-right:8px; line-height:25px; color:#fd0002; text-decoration:underline; background:url('/img/mobile/popup_bullet_arrow.gif') no-repeat right 6px;}
.card_layer_list li:first-child, .card_layer_list li.first {background:none; padding-left:0;}
.popup_card_layer .btn {clear:both; padding:15px 0; text-align:center;}
#popup_save_layer .card_layer_list li {height:80px;}

/* mobile shop detail help setting */
.popup_help_layer {display:none; position:relative; margin-top:2px; font-size:11px; color:#333; letter-spacing:-0.05em; padding:15px 15px; border:1px solid #e62b2b; background-color:#fff; text-align:left; z-index:997;}
.popup_help_layer img {position:absolute; top:-12px; left:0px; z-index:2;}
.popup_help_layer strong {font-size:14px;background:url('/img/mobile/popup_bullet.gif') no-repeat 0 center; padding-left:9px;}
#help01 {position:absolute; width:440px; right:0;}
#help01 img {left:295px;top:98px;}
#help02 {position:absolute; width:370px; right:0;}
#help02 img {left:278px;top:98px;}
#help03 {position:absolute; width:340px; right:0;}
#help03 img {left:79px;top:75px;}
#help04 {position:absolute; width:265px; right:0;}
#help04 img {left:15px;top:166px;}
#help04 ul {width:260px;margin:5px 0;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;background-color:#f9f9f9;}
#help04 ul li {height:18px;clear:both;}
#help04 ul li span {display:inline-block; float:left;}
#help04 ul li em {line-height:18px; color:#e62b2b; display:inline-block; float:right;}
#help05 {position:absolute; width:340px; right:0;}
#help05 img {left:126px;top:75px;}

.width { width:765px !important; margin-top:10px !important; }

.mgtop8 { margin-top:8px; }
.mgtop10 { margin-top:10px; }
.mgtop20 { margin-top:20px; }
.mgtop25 { margin-top:25px; }
.mgtop30 { margin-top:30px; }

.pdtop10 { padding-top:10px; }
.pdtop15 { padding-top:15px; }
.pdtop20 { padding-top:20px; }

.txt_red {color:#f31918;}
.temp-space {clear:both;height:0;line-height:0;font-size:0;margin-top:45px;}





.helpImage {display:none; position:absolute; top:80px; left:0px; width:450px; background:white; border:1px solid red; padding:5px; font:normal 11px '¸¼Àº °íµñ'; text-align:left; z-index:999;}
.helpImage1 {display:none; position:absolute; top:326px; left:0px; width:450px; background:white; border:1px solid red; padding:5px; font:normal 11px '¸¼Àº °íµñ'; text-align:left; z-index:999;}
.helpImage2 {display:none; position:absolute; top:335px; left:0px; width:280px; background:white; border:1px solid red; padding:5px; font:normal 11px '¸¼Àº °íµñ'; text-align:left; z-index:999;}
.helpImage2 img {left:15px;top:166px;}
.helpImage2 strong {font-size:14px;background:url('/img/mobile/popup_bullet.gif') no-repeat 0 center; padding-left:9px;}
.helpImage2 ul {width:260px;margin:5px 0;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;background-color:#f9f9f9; padding:5px;}
.helpImage2 ul li {height:18px;clear:both;}
.helpImage2 ul li span {display:inline-block; float:left;}
.helpImage2 ul li em {line-height:18px; color:#e62b2b; display:inline-block; float:right;}



/* ???? */
.modal {
	display: none; 
	position: fixed; 
	z-index: 1000; /* Ensure the modal is on top of other elements */
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden; 
	background-color: rgba(255, 255, 255, 0.7); /* Semi-transparent background */
}

.modal-content {
	position: absolute;
	background-color: transparent; /* Make the background of modal-content transparent */
	margin: auto;
	padding: 0;
	border: none; /* Remove any border */
	width: 80%;
	max-width: 600px;
	height: auto;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
}

#popup-image {
	width: 100%;
	height: auto;
	object-fit: cover;
	cursor: pointer;
	border: none;
	outline: none; /* Remove default outline on focus */
	background-color: transparent; /* Ensure image background is transparent */
}

/* Ensure modal content adapts well to smaller screens */
@media (max-width: 600px) {
	.modal-content {
		width: 90%;
		height: auto;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	#popup-image {
		height: auto;
	}
}
/* ????END */