@charset "utf-8";
@font-face{
  font-family: 'NanumGothicWeb';
  font-style: normal;
  font-weight: normal;
  src: url('NanumGothic.eot');
  src: local('☺'), url('NanumGothic.woff') format('woff'), url('NanumGothic.ttf') format('truetype');
}

@font-face{
  font-family: 'NanumGothicWeb';
  font-style: normal;
  font-weight: bold;
  src: url('NanumGothicBold.eot');     
  src: local('☺'), url('NanumGothicBold.woff') format('woff'), url('NanumGothicBold.ttf') format('truetype');
}

/* reset css */
html,body{margin:0;padding:0;height:100%;}
body{font:13px/1.5 "NanumGothicWeb", "돋움", Dotum, "굴림", Gulim, sans-serif;color:#767676;}
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,tbody,tfoot,thead,th,td{margin:0;padding:0;}
input,textarea,select,td,th{font:11px/1.5 "NanumGothicWeb", "돋움", Dotum, "굴림", Gulim, Arial, sans-serif;color:#767676;vertical-align:middle;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
table{width:100%;border-spacing:0;border-collapse:collapse;}
ol,ul,li{list-style:none;}
hr, legend, caption, .none{position:absolute;left:-5000px;top:0;visibility:hidden;overflow:hidden;line-height:0.1%;font-size:0.1%;width:0.1%;height:0.1%;}
caption{position:relative;}
img,fieldset{border:0 none;}
label,button{cursor:pointer;}
em,address{font-style:normal;}
a:link,a:visited{color:#767676;text-decoration:none;}
a:hover,a:active,a:focus{text-decoration:underline;}

table th,
table td{word-break:break-all;}

#skipNav{width:100%; display:block; position:relative; left:0; top:0; z-index:100; text-align:center;}
#skipNav a, #skipnavi a:link{overflow: hidden; position: absolute; top: -1px; left: 0; display: block; margin: 0 0 -1px; width: 100%; height: 1px; font-size: 14px; line-height: 30px; font-weight: bold; color:#18e0d2;}
#skipNav a:hover, #skipNav a:focus, #skipNav a:active {background:#1b1c20; padding:3px; border:1px solid #999; height:auto; color:#18e0d2; text-decoration:underline;}

/* common */
body{}
#wrap{background:#1b1c20 url('./image/bg.png') left repeat-y; }
#wrap:after{content:'';display:block;clear:both;}
#header{width:170px; float:left; border-bottom:1px solid #404040; background-color:#2a2c31; position:relative; z-index:101;}
#header h1{padding:50px 0 50px 35px;}
#header h1 img{vertical-align:top;}
.lnb{border-top:1px solid #212121;}
.lnb li{border-top:1px solid #404040; border-bottom:1px solid #212121;}
.lnb li a{padding:20px 0 19px 20px; display:block;}
.lnb li a img{vertical-align:top;}

.language_sns{padding:20px 0 19px 19px; border-top:1px solid #404040; border-bottom:1px solid #212121; overflow:hidden;}
.language_sns li{margin-right:4px; float:left;}

.gnb{padding:22px 0 27px 18px; border-top:1px solid #404040;}
.gnb li{margin-bottom:4px;}

.bank{padding:22px 0 27px 18px; border-top:1px solid #404040}

.intro{width:100%; height:980px; background-color:#000; opacity:.9; filter:alpha(opacity=90); position:absolute; left:0; top:0; z-index:200;}
.intro_top{margin-left:-71px; position:absolute; left:50%; top:0;}
.intro_bottom{margin-left:-142px; position:absolute; left:50%; bottom:0;}
.intro_text{margin-left:-222px; position:absolute; left:50%; top:418px;}
.intro_text img{width:444px; height:44px;}

#container{min-width:1000px; margin-left:170px; zoom:1;}
#wrap.system #container{background:#fff url('./image/bgpatten.jpg') repeat;}
body #content{width:auto; margin-left:170px; zoom:1; padding:0 0 0 30px; overflow:hidden;}
#navigation{height:980px; background:#fff; overflow:hidden; position:relative;}
#navigation .body{width:1000px; height:754px; margin:113px auto 0; position:relative;}
/*
.navigation{border-top:1px solid #eee; border-left:1px solid #eee; overflow:hidden;}
.navigation li{width:332px; height:250px; float:left; border-bottom:1px solid #eee; border-right:1px solid #eee; position:relative;}
.navigation li a{width:314px; height:232px; display:block; overflow:hidden; position:absolute; left:9px; top:9px; z-index:10;}
.navigation li a img{margin:-9px 0 0 -9px;}
.navigation li.active a img{margin-top:-268px;}
*/
.navigation{padding:1px 0 0 1px; overflow:hidden;}
.navigation li{width:248px; height:248px; margin:-1px 0 0 -1px; float:left; border:1px solid #eee; position:relative; background:#fff; overflow:hidden;}
.navigation li>img{width:100%; height:100%;}
.navigation li a{width:100%; height:100%; display:block; overflow:hidden; position:absolute; left:0; top:0; z-index:11; font-size:0; line-height:0; text-indent:-9999px;}
.cover{width:230px; height:230px; display:block; border:10px solid #18e0d2; position:absolute; left:0; top:0; z-index:10; cursor:pointer; overflow:hidden;}

#main_vod{height:742px; overflow:hidden; background:url('./image/main_vod_bg.png') center top no-repeat;}
#main_vod .body{width:1000px; margin:0 auto; padding:136px 0 0 0; overflow:hidden;}
.mv_cont{width:408px; float:left;}
.mv_cont h2{margin-bottom:33px;}
.mv_email{width:261px; height:28px; margin-bottom:19px; border:3px solid #2a2c31; background-color:#fff; position:relative;}
.mv_email label{width:255px; display:block; font-size:12px; color:#888; position:absolute; left:7px; top:6px; z-index:10; cursor:inherit;}
.mv_email .field{width:253px; height:28px; padding-left:7px; border:none; font-size:12px; line-height:28px; color:#888; outline:none; position:relative; z-index:1;}
.mv_email .btn{position:absolute; left:264px; top:-3px;}

.mv_vod{width:560px; height:315px; margin-bottom:28px; padding:15px; float:left; background:url('./image/vod_bg.png') no-repeat; overflow:hidden;}

.mv_join{height:166px; clear:both; background:url('./image/mv_join_bg.png') no-repeat; position:relative;}
.mv_join .message{position:absolute; left:237px; top:39px;}
.mv_join .btn{position:absolute; left:591px; top:49px; display:block;}

#main_page_view{height:290px; background-color:#fff; overflow:hidden;}
#main_page_view .body{width:1000px; margin:0 auto;}
.mp_list{width:1000px; padding-top:60px; overflow:hidden;}
.mp_list li{width:175px; padding:0 78px; float:left; text-align:center;}
.mp_list li strong{margin-bottom:11px; display:block;}
.mp_list li p{margin-bottom:14px;}

#backStage{height:383px; overflow:hidden; background:url('./image/bs_bg.png') center top no-repeat;}
#backStage .body{width:1000px; margin:0 auto; overflow:hidden;}
#backStage .body h2{margin-top:50px;}
.bs_menu_list{overflow:hidden; margin-top:90px;}
.bs_menu_list li{float:left;}

#footer{overflow:hidden; background-color:#fff;}
#footer .body{width:1000px; padding:32px 0 35px 0; margin:0 auto; overflow:hidden;}
.f_logo{width:152px; float:left;}
.f_other{width:800px; padding-left:6px; float:left; overflow:hidden;}
.basic_menu{width:100%; padding:5px 0 4px; overflow:hidden;}
.basic_menu li{float:left;}
.adress{padding-bottom:7px;}
.copyright{}


/* sub */
#contents{background-color:#1b1c20; position:relative;}
#contents.white{background-color:#fff;}
.white #contents{background-color:#fff;}
#contents .body{width:1000px; margin:0 auto; padding:60px 0 75px;}
.white #contents .body{padding-bottom:0;}
#contents .body_member{width:737px; margin:0 auto; padding:160px 0 245px;}
.tab_box{width:996px; margin:0 auto; margin-bottom:30px; position:relative; z-index:11; border-left:1px solid #313131;}
.show_tab{height:83px;}
.show_tab:after{content:''; display:block; clear:both}
.show_tab li{width:82px; height:81px; float:left; font-size:14px; font-weight:800; border:1px solid #292929; border-left:0; background:#000; position:relative;}
.show_tab li a{width:100%; height:100%; display:block; overflow:hidden; position:relative; z-index:12; color:#fff; text-decoration:none;}
.show_tab li a img{width:100%; height:100%; position:relative; opacity:.5; filter:alpha(opacity=50);}
.show_tab li.active a img{opacity:1; filter:alpha(opacity=100)}
.show_tab li a span{width:83px; height:92px; display:block; position:absolute; left:0; top:0; background:url('./image/cover.png') no-repeat; cursor:pointer; display:none; opacity:0; filter:alpha(opacity=0)}
.show_tab li .ico_reading{margin-left:-18px; position:absolute; left:50%; top:-50px;}

h2.sub_title{padding:40px 0 30px 0; position:relative;}
.white h2.sub_title{/*border-bottom:1px solid #eee;*/}
.sub_title .remaining_work{padding:0 13px; font-size:16px; line-height:30px; color:#ccc; position:absolute; right:0; bottom:30px; background:#662d91;}

.bank_info{position:absolute; right:0; top:-65px;}
.vod_list{margin-bottom:40px; overflow:hidden; background:url('./image/list_line.png') top repeat-x;}
.vod_list ul{width:105%; padding:49px 0 40px; background:url('./image/list_line.png') bottom repeat-x; overflow:hidden;}
.vod_list ul li{width:192px; height:177px; margin:0 10px 10px 0; float:left; position:relative; z-index:2;}
.vod_list ul li.visited{width:190px; height:175px; border:1px solid #5a5a5a; overflow:hidden;}
.vod_list ul li a.photo{width:192px; height:177px; display:block; overflow:hidden;}
.vod_list ul li a.photo img{width:100%; height:100%;}
.vod_list ul li.visited a.photo{width:324px; height:298px;}
.message_visited{width:100%; padding:28px 0 30px; display:block; text-align:center; background-color:#000; opacity:.7; filter:alpha(opacity=70); position:absolute; left:0; bottom:0;}
.message_visited strong{padding-bottom:5px; font-size:14px; font-weight:bold; color:#fff; display:block;}
.message_visited span{font-size:12px; color:#bdbdbd;}
.message_contents{width:192px; height:177px; position:absolute; left:0; top:0; background:url('./image/message_bg.png') no-repeat; overflow:hidden; display:none;}
.message_contents table td{height:177px; padding:0 15px; text-align:left; vertical-align:middle; font:100 18px Verdana}
.message_contents table td a{color:#18e0d2; font-weight:bold; text-decoration:none;}
.message_contents table td strong{font:bold 18px Verdana,'NanumGothicWeb'; color:#fff;}
.message_contents table td p{padding-top:10px; font-size:14px; line-height:20px; color:#fff;}
.icon_go{position:absolute; right:-54px; top:82px;}

.vod_list ul li .icon{position:absolute; right:-3px; top:-3px;}

.page_nav_box{text-align:center;}
.page_nav_box .page_nav .split{display:none;}
.page_nav{display:inline-block; zoom:1; *display:inline; border:1px solid #313131; border-right:none; overflow:hidden;}
.page_nav img{float:left; display:block; border-right:1px solid #313131;}
.page_nav span{width:38px; height:38px; text-align:center; float:left; display:block; border-right:1px solid #313131; font-size:18px;}
.page_nav a{width:38px; height:32px; float:left; padding-top:6px; display:block; color:#666; text-decoration:none; border-right:1px solid #313131; font-size:18px;}
.page_nav a img{margin-top:-6px;}
.page_nav span.selected{height:32px; padding-top:6px; color:#666; font-weight:bold; background-color:#151619;}

.page_nav_box .page_nav.ver2 .split{display:none;}
.page_nav.ver2{display:inline-block; zoom:1; *display:inline; border:1px solid #313131; border-right:none; overflow:hidden;}
.page_nav.ver2 img{height:30px; float:left; display:block; border-right:1px solid #313131;}
.page_nav.ver2 span{width:30px; height:30px; text-align:center; float:left; display:block; border-right:1px solid #313131; font-size:16px;}
.page_nav.ver2 span a{width:30px; height:26px; padding-top:4px; display:block; color:#666; text-decoration:none;}
.page_nav.ver2 a{width:30px; height:28px; padding-top:2px; }
.page_nav.ver2 span.selected{height:26px; padding-top:4px; color:#666; font-weight:bold; background-color:#151619;}
.page_nav.ver2 a img{margin-top:-2px;}

.vod_view{padding:49px 0 0; background:url('./image/list_line.png') top repeat-x;}
.vod_view .inner{margin-bottom:40px; padding-bottom:50px; background:url('./image/list_line.png') bottom repeat-x; overflow:hidden;}
.vod_cont{width:654px; padding:0 27px 0 0; float:left; background:url('./image/vod_row_line.png') right repeat-y;}
.vod_box{width:100%;}
.evaluation{width:105%; margin-bottom:20px; overflow:hidden;}
.evaluation li{width:132px; height:130px; float:left;}
.evaluation li a{width:132px; height:130px; display:block; overflow:hidden;}
.evaluation li a:hover img{margin-top:-130px;}
.vod_text{background-color:#fff; position:relative; overflow:hidden;}
.vod_text h3{padding:30px 0 20px 33px; border-bottom:1px solid #dedede; font-size:36px; font-weight:bold; color:#1b1c20;}
.vod_text h3 em{padding:2px 0; font-size:18px; display:inline-block; font-weight:bold; line-height:21px;}
.vod_text h3 strong{display:block;}
.vod_text .nav{position:absolute; right:18px; top:40px;}
.vod_text .nav a{margin-right:2px;}
.lesson_point{height:375px; margin:22px 20px 23px 35px; overflow:auto;}
.lesson_point h4{padding-bottom:15px; font:bold 20px Verdana; color:#18e0d2;}
.lesson_contents{}
.lesson_contents ul{}
.lesson_contents ul li{margin-bottom:15px;}
.point_en{margin-bottom:5px; font:100 14px Verdana; color:#202020;}
.point_en strong{font-style:italic; font-weight:bold; text-decoration:underline;}
.point_kr{font-size:13px; color:#767676;}

.vod_nav{width:273px; padding:0 19px 0 27px; float:left; height:1104px; overflow:hidden;}
.vod_nav ul{}
.vod_nav ul li{width:273px; height:179px; margin-bottom:6px; position:relative;}
.vod_nav ul li a img{width:273px; height:179px;}
.vod_nav ul li .vod_thumb_cover .btn_go img{width:39px; height:80px;}
.vod_thumb_cover{width:190px; height:179px; padding:0 53px 0 30px; background:url('./image/cover_s.png') no-repeat; position:absolute; left:0; top:0; display:none;}
.vod_thumb_cover table td{height:173px; vertical-align:middle;}
.vod_thumb_cover table td strong{font-size:26px; font-weight:800; color:#18e0d2;}
.vod_thumb_cover table td strong em{font-size:16px; display:block;}
.vod_thumb_cover table td p{font-size:12px; line-height:18px; color:#fff;}
.vod_thumb_cover .btn_go{margin-top:-40px; position:absolute; right:3px; top:50%;}

/* friendship */
.profile_photo{height:242px; background:url('./image/photo_bg.png') repeat; border-bottom:1px solid #272727;}
.profile_photo div{width:100%; height:242px; text-align:center; overflow:hidden;}
.profile_photo div img{vertical-align:middle; display:inline-block;}
.profile_photo div span{vertical-align:middle; overflow:hidden; display:inline-block; width:0; height:100%; line-height:0;}
.profile{background:url('./image/prifile_bg.png') repeat;}
.profile .name_lv{padding:10px 16px; border-bottom:1px solid #272727; font-size:14px; color:#fff;}
.profile .name_lv strong{font-size:16px; font-weight:100;}
.profile .name_lv span{margin-left:30px; padding:0 0 0 22px; font-size:16px; line-height:21px; background:url('./image/lv_icon.png') left top no-repeat;}
.profile dl{padding:15px 0 17px 17px; border-bottom:1px solid #272727;}
.profile dl dt{padding-left:18px; font-size:14px; font-weight:bold; color:#bbb; background:url('./image/icon_time.png') left 3px no-repeat;}
.profile dl dd{font-size:12px; color:#999999;}

.s_nav{}
.s_nav li{padding:10px 0 10px 22px; font-size:15px; border-bottom:1px solid #272727;}
.s_nav li.active{font-weight:bold; background:url('./image/s_nav_active.png') repeat;}
.s_nav li a{display:inline-block; color:#999; text-decoration:none;}
.s_nav li.active a{color:#fff; text-decoration:none;}
.s_nav li>img{margin-left:3px; vertical-align:-4px;}
.s_nav li .goodsIcons{display:inline;}
.s_nav li .goodsIcons img{margin:0 4px 0 0; vertical-align:middle;}

.s_nav_ver2{}
.s_nav_ver2 li{}
.s_nav_ver2 li strong{padding:12px 0 12px 17px; display:block; font-size:14px; font-weight:bold; color:#18e0d2; border-bottom:1px solid #272727;}
.s_nav_ver2 li ul li{padding:13px 0 13px 17px; font-size:13px; font-weight:100; border-bottom:1px dashed #272727;}
.s_nav_ver2 li a{color:#999; text-decoration:none;}

.location{margin-bottom:25px; font-size:12px; position:relative; z-index:10;}
.location a{padding:0 10px 0 2px; background:url('./image/location_arrow.png') right 5px no-repeat; color:#999; text-decoration:none;}
.location a.active{background:none; color:#bbb; font-weight:bold;}
.white .location a{color:#666;}
.white .location a.active{color:#333;}

.tab_s{width:100%; height:42px; margin-bottom:23px; background:url('./image/tab_s_bg.png') repeat;}
.tab_s li{width:118px; text-align:center; float:left; font-size:15px; font-weight:bold;}
.tab_s li a{width:118px; height:31px; padding-top:11px; display:block; color:#737373; text-decoration:none;}
.tab_s li.active a{color:#fff; background:url('./image/tab_s_active.png') center top no-repeat;}

/* show room */
.shopping_best_box{height:460px; overflow:hidden; position:relative;}
.shopping_best{position:absolute; left:0; top:0;}
.shopping_best li{height:214px; padding:15px 16px 0 17px; border-bottom:1px solid #272727;}
.best_imgBox{width:165px; height:151px; margin-bottom:10px; text-align:center; position:relative;}
.best_imgBox img{max-width:165px; max-height:151px;}
.best_imgBox .icon_best{position:absolute; right:-2px; top:-2px;}
.best_name{width:100%; display:block; font-size:14px; color:#bbb; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;-o-text-overflow:ellipsis;}
.best_name a{color:#bbb; text-decoration:none;}
.best_sum{display:block; font-size:14px; color:#fff;}
.best_sum strong{font-size:16px; font-weight:bold;}

.product_list{width:725px; margin-bottom:19px; overflow:hidden;}
.product_list li{width:228px; height:210px; margin:0 13px 11px 0; float:left; position:relative; overflow:hidden;}
.product_list li a img{width:228px; height:210px;}
.product_list_cont{width:198px; height:45px; padding:12px 15px 5px; background-color:#662d91; opacity:.9; filter:alpha(opacity=90); position:absolute; left:0; bottom:-62px;}
.product_list_cont .best_name{color:#fff;}
.product_list_cont .best_name a{color:#fff;}
.icon_online_content{position:absolute; left:10px; top:0;}

.product_view{width:100%; overflow:hidden;}
.view_img{width:355px; margin-right:30px; float:left;}
.view_imgBox{height:327px; text-align:center; position:relative; font-size:0;}
.view_imgBox:before{content:''; display:inline-block; width:0; height:100%; vertical-align:middle;}
.view_imgBox img{max-width:355px; max-height:327px; vertical-align:middle;}
.thumb_img{width:100%; height:54px; padding:13px 0 0 0; text-align:center; background:url('./image/thumb_list_bg.png') repeat;}
.thumb_img li{width:44px; height:40px; display:inline;}
.thumb_img li img{width:44px; height:40px;}

.view_info{width:324px; float:left;}
.view_info h4{padding:10px 0 14px 7px; font-size:22px; font-weight:bold; color:#fff;}
.view_info table{margin-bottom:50px; border-top:1px dotted #313131;}
.view_info table th,.view_info table td{padding:12px 10px; text-align:left; border-bottom:1px dotted #444; background:#333}
.view_info table th{font-size:13px; color:#999; vertical-align:top;}
.view_info table td{font-size:14px; color:#fff;}
.view_info table td select{width:210px; height:22px; padding-left:5px;}

.white .view_info table{border-top:1px dotted #eee;}
.white .view_info table th,.white .view_info table td{background:#fff; border-bottom:1px dotted #eee;}
.white .view_info table th{color:#666}
.white .view_info table td{color:#333}

.view_info dl{margin-bottom:50px; border-top:1px dotted #313131; overflow:hidden;}
.view_info dl dt{width:90px; height:32px; padding:12px 0 0 6px; font-size:14px; color:#999; float:left; border-bottom:1px dotted #313131;}
.view_info dl dd{width:222px; height:32px; padding:12px 0 0 6px; float:left; font-size:14px; color:#fff; border-bottom:1px dotted #313131;}
.view_info dl dd strong{font-size:16px; font-weight:bold;}
.view_info dl dd.select{height:34px; padding:10px 0 0 0;}
.view_info dl dd.select select{width:210px; height:22px; padding-left:5px;}
.view_info .btns{text-align:center;}

.view_class{}

.product_custom_contents{padding:70px 0 25px; clear:both;}

.graphBox{border:5px solid #222;}
.graph_ver1{margin-bottom:30px; padding:48px 0 52px 80px;}
.graph_ver1 .graph_body{width:527px; height:327px; background:url('./image/graph_bg.png') no-repeat; position:relative;}
.graph_ver2{padding:41px 0 44px 152px;}
.graph_ver2 .graph_body{width:503px; height:442px; background:url('./image/graph_bg02.png') left bottom no-repeat; position:relative;}
.vertical_graph{height:310px; position:absolute; left:119px; bottom:7px;}
.vertical_graph li{width:42px; height:310px; margin-right:57px; float:left; position:relative;}
.vertical_graph li .bar{width:42px; position:absolute; left:0; bottom:0;}
.vertical_graph li .bar span{width:0px; height:0px; line-height:31px; display:block; text-align:center; font-size:13px; color:#333; background:url('./image/bar_num_bg.png') no-repeat; position:absolute; left:20px; top:-4px; overflow:hidden;}
.vertical_graph li .bar span strong{font:bold 17px Arial; vertical-align:-1px;}
.gr_name{width:42px; text-align:center; position:absolute; left:0; bottom:-33px; color:#888; font-weight:bold;}
.bar.ver1{background-color:#0eccc8;}
.bar.ver1 span strong{color:#0eccc8;}
.bar.ver2{background-color:#ee0c80;}
.bar.ver2 span strong{color:#ee0c80;}
.bar.ver3{background-color:#662d91;}
.bar.ver3 span strong{color:#662d91;}
.bar.ver4{background-color:#eaff00;}
.bar.ver4 span strong{color:#d7ea00;}

.cols_graph{width:440px; position:absolute; left:2px; top:15px;}
.cols_graph li{width:100%; height:22px; margin-bottom:21px; position:relative; zoom:1; font-size:0; line-height:0;}
.cols_graph li strong{width:125px; display:block; text-align:right; font-size:15px; line-height:17px; color:#888; position:absolute; left:-150px; top:2px;}
.cols_graph li .bar{width:0%; height:22px; background-color:#0eccc8; position:relative;}
.cols_graph li .bar span{font:bold 17px Arial; color:#fff; position:absolute; right:-24px; top:2px; opacity:0; filter:alpha(opacity=0);}

.cols_graph li .bar span.currenttime{position:absolute; right:0; top:4px; font-size:12px; color:#bbb; opacity:0; filter:alpha(opacity=0);}

.point_info_bar{width:100%; height:36px; margin-bottom:23px; padding-top:6px; text-align:center; background:url('./image/tab_s_bg.png') repeat; font-size:18px; color:#bbb;}
.point_info_bar strong{color:#fff; font-weight:bold;}
.point_info_bar strong.point{color:#18e0d2;}

/* show guide */
.show_guide{width:326px; margin:0 11px 30px 0; float:left; border-top:4px solid #18e0d2;}
.show_guide.typeB{border-top:4px solid #18e0d2;}
.show_guide.typeS{border-top:4px solid #ee0c80;}
.show_guide.typeP{margin-right:0; border-top:4px solid #8b2cd3;}
.show_guide .box{border:1px solid #313131;}
.show_guide .box ul{width:100%;}
.show_guide .box ul li{padding:15px 0; text-align:center; border-bottom:1px solid #272727; font-size:15px; color:#bbb;}
.show_guide .box ul li dt{font-weight:bold}
.show_guide .box ul li dd{font-size:13px; color:#999;}
.show_guide .box ul li.guide_title{padding:50px 0 38px;}
.show_guide .box ul li.link{font-size:18px; color:#fff; background-color:#101114;}
.show_guide .box ul li.link a{color:#fff; text-decoration:none;}
.show_guide .box ul li.link img{margin-left:3px; vertical-align:-2px;}
.show_guide .box ul li.month{font-size:16px; font-weight:bold; color:#fff;}
.show_guide .box ul li.pay{padding:18px 0; font:bold 23px Arial; color:#fff;}
.show_guide .box ul li.row1{height:70px; padding:38px 0 0 0;}
.show_guide .box ul li.row2{height:72px; padding:25px 0 0 0;}
.show_guide .box ul li.row3{height:77px;}

.pay_guide{padding:106px 0 120px 104px; overflow:hidden;}
.pay_guide .box{width:396px; float:left;}
.pay_guide .box.ver2{border-left:1px solid #b6b7ba;}
.pay_guide .box strong{padding:30px 0 10px; display:block; text-align:center; font-size:40px; font-weight:bold; color:#00b3c7;}
.pay_guide .box .sell{margin-bottom:45px; text-align:center;}
.pay_guide .box.ver2 strong{color:#784299}
.pay_guide .box .btn{text-align:center;}
.pay_guide .box .guide_text{padding:28px 0 18px; text-align:center; font-size:17px; font-weight:bold; color:#6d6e71;}


/* sitemap */
.sitemap{width:192px; margin-right:36px; float:left;}
.sitemap h3{height:40px;}
.sitemap h3 img{vertical-align:top;}
.sitemap ul{}
.sitemap ul li{padding:10px 0 10px 27px; border-bottom:1px solid #313131; font-size:15px;}
.sitemap ul li a{color:#bbb; text-decoration:none;}
.sitemap.ver1 ul li{background:url('./image/sitemap_bullet01.png') 2px 13px no-repeat;}
.sitemap.ver2 ul li{background:url('./image/sitemap_bullet02.png') 2px 13px no-repeat;}
.sitemap.ver3 ul li{background:url('./image/sitemap_bullet03.png') 2px 13px no-repeat;}
.sitemap.ver4 ul li{background:url('./image/sitemap_bullet04.png') 2px 13px no-repeat;}
.sitemap.ver5 ul li{background:url('./image/sitemap_bullet05.png') 2px 13px no-repeat;}
.sitemap.ver6 ul li{background:url('./image/sitemap_bullet06.png') 2px 13px no-repeat;}
.sitemap.ver5 {margin:40px 0 0 0;}
.sitemap.ver6 {margin:40px 0 0 0;}

/* member */
.tab_member{width:100%; overflow:hidden; margin-top:-1px;}
.tab_member li{width:183px; height:43px; margin-right:-1px; float:left; font-size:14px; text-align:center; border:1px solid #e8e8e8; border-bottom:none;}
.tab_member li a{width:183px; height:33px; padding-top:10px; color:#999; text-decoration:none; display:block;}
.tab_member li.active{height:42px; border-top:2px solid #18e0d2;}
.tab_member li.active a{height:32px; color:#111; font-weight:bold;}

.login{padding:52px 165px 0 170px; border:1px solid #e8e8e8;}
#bagree2 .login{padding:52px 145px 0 150px;}
.login_form{width:100%;}
.login_form h3{padding:0 0 24px; text-align:center;}
.login_form p{margin-bottom:13px; position:relative;}
.login_form p.xfont{margin:20px 0 10px;}
.login_form p label{width:65px; font-size:14px; font-weight:bold; color:#333; display:inline-block; vertical-align:-1px;}
.login_field{width:195px; height:28px; padding-left:10px; border:1px solid #e8e8e8; color:#999;}
.login_btn{position:absolute; right:0; top:-43px;}

.search_join{width:100%; padding:16px 0 48px; overflow:hidden; font-size:12px; font-weight:bold; color:#999;}
.search_join div{padding:4px 0 6px; letter-spacing:-1px;}
.login_search{width:215px; margin-right:35px; float:left; border-right:1px solid #e8e8e8;}
.login_join{width:146px; float:left; text-align:center;}

.search_join .btn_css{padding:0 36px; background:#ddd; color:#999}
.search_join .btn_css span{}
.login_join .btn_css{padding:0 50px;}
.login_join .btn_css span{}

.tblbox .input{height:28px; border:1px solid #e8e8e8;}

.btn_css{display:inline-block; padding:0 30px; cursor:pointer; height:29px; vertical-align:middle; background-color:#292929; letter-spacing:0;}
.btn_css:hover{text-decoration:none;}
.btn_css span{display:inline-block;min-width:40px;height:29px; position:relative; margin:0 -1px 0 0; background:url('./image/btn_css.png') no-repeat 100% 0; font-size:12px; line-height:29px; font-weight:bold; color:#999;}

.white .btn_css{background:#eee;}
.white .btn_css span{background:#eee;}

.key_process{font-size:12px; color:#fff; font-family:'NanumGothicWeb';}
table td.key{width:75px;padding:10px 10px 10px 0;color:#fff; text-align:right;}
.login_form table td.key{font-size:14px;}
.login_form table td.key_process{font-size:14px;}
.white table td.key{color:#333; font-weight:bold;}
.white .key_process{color:#666;}
.white .key_process .b{color:#1dd2c5}
.tblbox{padding-bottom:50px;}
#pwauth_step_1{margin-bottom:70px;}
#pwauth_step_2{margin-bottom:70px;}
#pwauth_step_3{margin-bottom:70px;}
span.b{font-size:13px; font-weight:bold;}

.msg{padding:12px 0; border:1px solid #2d2e31; background:url('./image/msg_bg.png') repeat; font-size:14px; color:#fff; text-align:center;}
.msg strong{color:#18e0d2;}
.msg.ver2{margin-bottom:28px;}

.white .msg{border:1px solid #e8e8e8; background:#fff; color:#333;}




.pay_finish{min-height:700px;}
.pay_finish .inner_pay{width:375px; margin:250px auto 0; text-align:center;}
.pay_finish h2{margin-bottom:30px;}

.tip{margin-bottom:20px; padding:27px 0; border:5px solid #2e2f34; overflow:hidden;}
.tip dt{width:99px; padding:8px 0 0 55px; float:left;}
.tip dd{width:755px; padding:0 0 0 20px; font-size:14px; line-height:21px; color:#bbb; float:left;}
.tip dd strong{color:#fff; font-weight:100;}

.guide_msg{margin-bottom:12px;}
.guide_msg li{padding-left:2px; font-size:14px; line-height:22px; color:#bbb;}

/* 컨텐츠 영역 공통 */
.bodyTypeA{padding:64px 0 0; background:url('./image/list_line.png') top repeat-x; overflow:hidden; min-height:500px;}
.bodyTypeA .inner{border:1px solid #313131; overflow:hidden;}
.bodyTypeA .innerB{padding:64px 0 70px 53px; border:6px solid #313131; overflow:hidden;}
.bodyTypeA .innerC{padding:70px 130px 150px; border:1px solid #313131; overflow:hidden;}
.bodyTypeA .innerD{padding:10px 50px 30px; border:1px solid #313131; overflow:hidden; font-size:14px; line-height:24px; color:#bbb;}
.bodyTypeA .innerD strong{margin-top:25px; color:#fff; font-weight:bold; display:block; margin-bottom:10px;}
.bodyTypeA .innerD strong.mt_none{margin-top:0;}
.bodyTypeA .innerD p{margin-bottom:15px;}
.bodyTypeB{padding:64px 0 0; background:url('./image/list_line02.png') top repeat-x; overflow:hidden; min-height:500px;}
.snb{width:198px; float:left;}
.snb_title{height:35px; padding:22px 0 0 18px; background:url('./image/prifile_bg.png') repeat; border-bottom:1px solid #272727; position:relative;}
.contBody{width:709px; min-height:700px; padding:45px; float:left; border-left:1px solid #313131;}
.contBody.ver2{width:754px; padding:45px 0 0 45px;}
.contBody.cb_showroom{min-height:0;}
.cont_title{margin-bottom:28px; position:relative; z-index:10;}
.cont_title .sum{font-size:18px; color:#999; position:absolute; right:0; top:-5px;}
.cont_title .sum strong{font-size:24px; font-weight:bold; color:#fff;}
.cont_title .sum strong em{font-size:18px; font-weight:100;}
.sub_title{padding:0 0 17px;}
.sub_title02{font-weight:bold;padding:40px 0 15px 22px; font-size:20px; color:#bbb; background:url('./image/sitemap_bullet01.png') left 45px no-repeat;}
.sub_title03{font-weight:bold;padding:0 0 15px 22px; font-size:20px; color:#bbb; background:url('./image/sitemap_bullet01.png') left 6px no-repeat; position:relative;}
.sub_title03 em{font-size:15px; font-weight:bold; color:#18e0d2;}
.sub_title03 .btn_gray_ver5{position:absolute; right:0; top:0;}
.icon_nav{position:absolute; right:14px; top:13px;}
.icon_nav li{height:15px; margin-bottom:1px;}
.icon_nav li img{vertical-align:top;}

/* 
2015-05-28 수정 
화이트 버젼
*/
.white .bodyTypeA{padding:55px 0 0; background:url('./image/list_line_white.png') top repeat-x;}
.white .bodyTypeA .inner{border:1px solid #e8e8e8;}
.white .snb_title{background:#eee; border-bottom:1px solid #e8e8e8;}
.white .contBody{border-left:1px solid #e8e8e8;}

.white .s_nav li{border-bottom:1px solid #e8e8e8;}
.white .s_nav li.active{background:url('./image/s_nav_active_white.png') repeat;}
.white .s_nav li a{color:#888;}
.white .s_nav li.active a{color:#444;}

.white .product_list li{width:226px; height:208px;border:1px solid #e8e8e8;}
.white .product_list li a img{width:226px; height:226px;}
.white .product_list_cont{width:196px;}

.white .cont_title .sum{color:#666;}
.white .cont_title .sum strong{font-size:24px; font-weight:bold; color:#333;}

.white .view_imgBox{height:325px; border:1px solid #e8e8e8;}

.white .view_info h4{color:#333;}
.white .view_info dl{border-top:1px dotted #ccc;}
.white .view_info dl dt{color:#666; border-bottom:1px dotted #ccc;}
.white .view_info dl dd{color:#333; border-bottom:1px dotted #ccc;}

.white .profile_photo{background:#eee; border-bottom:1px solid #e8e8e8;}
.white .profile{background:#ddd;}
.white .profile .name_lv{border-bottom:1px solid #ddd; font-size:14px; color:#333;}
.white .profile .name_lv strong{font-weight:bold;}

.white .page_nav a{font-weight:100; border-right:1px solid #e3e3e3; color:#b4b4b4; background:#f9f9f9;}
.white .page_nav.ver2{border:1px solid #e3e3e3; border-right:0;}
.white .page_nav.ver2 img{border-right:1px solid #e3e3e3;}
.white .page_nav.ver2 span{ border-right:1px solid #e3e3e3;}
.white .page_nav.ver2 span a{color:#666; background:#f9f9f9; border-right:1px solid #e3e3e3;}
.white .page_nav.ver2 span.selected{height:26px; padding-top:4px; color:#333; font-weight:bold; background-color:#fff;}

.white .tab_s{background:#eee;}
.white .tab_s li a{color:#999; text-decoration:none;}
.white .tab_s li.active a{color:#333;}

/* 공통 테이블 */
.list_table{width:100%; margin-bottom:30px; border-top:2px solid #343434;}
.list_table th,.list_table td{font-size:15px; border-bottom:1px solid #343434; border-right:1px solid #343434; text-align:center; letter-spacing:-1px;}
.list_table th{padding:10px 0 10px; font-weight:bold; color:#bbb; background-color:#1c1c1c;}
.list_table th.selfTh{padding:15px 0 15px 15px; text-align:left; font-size:20px; color:#fff;}
.list_table th.selfTh em{font-size:16px; font-weight:100;}
.list_table td{padding:13px 0 13px; color:#999;}
.list_table td.subject{padding:13px 0 13px 8px; text-align:left;}
.list_table td a{color:#999; text-decoration:none;}
.list_table.ver2 th,.list_table.ver2 td{border-right:none;}
.list_table td.cart_sbj{padding:13px 0 13px 15px; text-align:left; overflow:hidden;}
.list_table td.cart_sbj div{width:100%; height:85px; overflow:hidden;}
.list_table td.cart_sbj img{margin-right:10px; vertical-align:middle;}
.list_table td.cart_sbj .checkbox{margin-right:5px; vertical-align:middle;}
.list_table td.cart_sbj span{}
.list_table td.result{color:#bbb; letter-spacing:0;}
.list_table td.pay_select{padding:13px 0 13px 20px; text-align:left;}
.list_table td.pay_select p{padding:10px 0;}
.list_table td.align_right{padding:13px 15px 13px 0; text-align:right;}
.list_table td.align_right strong{font-size:23px; font-weight:bold; color:#18e0d2;}
.list_table td.none_padding{padding:10px;}
.list_table td.none_padding .list_table{width:49%; float:left; border-left:1px solid #343434; border-right:1px solid #343434;}
.list_table td.none_padding .list_table.nonemargin{margin-right:0;}
.list_table td.none_padding .list_table.nonemargin td{height:35px;}
.list_table td.self_test_ol{padding:0; color:#bbb; font-size:14px; line-height:22px; border-bottom:none;}

.white .list_table{border-top:2px solid #999;}
.white .list_table th,.white .list_table td{border-bottom:1px solid #e8e8e8; border-right:1px solid #e8e8e8;}
.white .list_table th{color:#333; background-color:#fbfbfb;}
.white .list_table th.selfTh{color:#333;}
.white .list_table td{color:#666;}
.white .list_table td a{color:#666;}

.self_test_ol ol{margin:0; vertical-align:top;}
.self_test_ol ol li{height:50px; padding:15px 0; border-bottom:1px solid #343434; position:relative; overflow:hidden; zoom:1;}
.self_test_ol ol li.height_change{height:65px;}
.self_test_ol ol li.height_change span{height:75px; padding-top:20px;}
.self_order_list li strong{width:30px; margin-top:2px; float:left; display:inline-block; text-align:right; font:bold 15px Verdana; color:#fff;}
.self_order_list li p{width:400px; padding-left:7px; float:left; text-align:left;}
.self_order_list li span{width:40px; height:69px; padding-top:11px; font:bold 15px/30px Arial; color:#18e0d2; text-align:center; display:block; position:absolute; right:0; top:0; border-left:1px solid #343434;}

.body_self{height:969px; padding:144px 216px 0 45px; margin:-144px 0 0 -45px; overflow:hidden;}
.body_self .inner_self{overflow:hidden;}

.result_table{width:100%; margin-bottom:30px; border-top:2px solid #343434;}
.result_table th,.result_table td{font-size:15px; border-bottom:1px solid #343434; border-right:1px solid #343434; text-align:center; letter-spacing:-1px;}
.result_table th{padding:10px 0 10px; font-weight:bold; color:#fff;}
.result_table td{padding:13px 0 13px 10px; text-align:left; color:#bbb;}
.result_table td .btn_violetB{margin-left:10px; vertical-align:middle;}
.result_table td .btn_violetB span{padding-left:0px;}
.result_table td span{padding-left:15px; font-size:13px; color:#fff;}
.result_table td.result{padding:13px 0 13px 18px;}
.result_table td.result p{}
.result_table td.result p em{width:100px; display:inline-block;}
.result_table td.result p strong{width:135px; display:inline-block; color:#fff; font-size:17px; font-weight:bold; text-align:right;}
.result_table td.result p strong em{display:inline; color:#18e0d2;}

.view_table{margin-bottom:35px; border-top:2px solid #343434;}
.view_table th,.view_table td{text-align:left; font-size:15px; border-bottom:1px solid #343434;}
.view_table th{padding:13px 0 13px 16px; color:#bbb; border-right:1px solid #343434; background-color:#1c1c1c;}
.view_table td{padding:13px 0 13px 16px; color:#fff;}
.view_table td a{color:#fff; text-decoration:none;}
.view_table.ver2 td{padding:13px 0 13px 16px; color:#999;}
.view_table.ver3 th{padding:13px 0 13px 15px;}
.view_table.ver3 td{padding:9px 0 9px 16px; color:#999; font-size:13px; letter-spacing:-1px;}
.view_table.ver3 td label{margin-right:15px;}
.view_table.ver4 th{padding:13px 0 13px 16px; color:#fff; text-align:left;}
.view_table.ver4 td{color:#bbb;}
.view_table.ver4 td span{padding-right:30px;}
.view_table.ver4 td span.ver2{padding-right:74px;}
.view_table.ver5 th{padding:13px 0 13px 16px; color:#fff; text-align:left;}
.view_table.ver5 td{color:#bbb;}
.view_table.ver5 td span{padding-right:15px;}
.view_table.ver5 td span.ver2{padding-right:59px;}
.view_table.ver5 th,.view_table.ver5 td{letter-spacing:-1px;}

.white .view_table{border-top:2px solid #999;}
.white .view_table th,.white .view_table td{border-bottom:1px solid #e8e8e8;}
.white .view_table th{color:#333; border-right:1px solid #e8e8e8; background-color:#fbfbfb;}
.white .view_table td{color:#666;}
.white .view_table td a{color:#666;}

.self_table{width:100%; margin-bottom:30px; border-top:2px solid #343434;}
.self_table th{font-size:50px; font-weight:bold; color:#18e0d2; text-align:center; vertical-align:middle; border-right:1px solid #343434; border-bottom:1px solid #343434;}
.self_table td{padding:22px 18px; text-align:left; vertical-align:middle; font-size:14px; color:#bbb; border-bottom:1px solid #343434;}
.self_table td.tdTitle{border-right:1px solid #343434;}
.self_table td strong{font-size:16px; line-height:20px; font-weight:bold; color:#fff; letter-spacing:-1px;}
.self_table td ol{}
.self_table td ol li{padding:2px 0;}

.file_ver1{width:90%;}
.view_table td .input{height:22px; padding-left:10px; font-size:15px;}
.view_table td select{height:24px; padding-left:10px; font-size:15px;}

/* 공통 버튼 */
button{font-family:'NanumGothicWeb';}
.btn_right{text-align:right;}
.float_left{float:left; margin-right:5px;}
.btn_center{text-align:center;}
.btn_center2{padding-top:20px; text-align:center;}

.btn_violet{width:158px; height:48px; background-color:#662d91; font-size:0; display:inline-block; line-height:0; color:#fff; text-align:center; border:none; text-decoration:none; vertical-align:top;}
.btn_violet span{font-size:15px; font-weight:bold; line-height:48px;}
a.btn_violet{color:#fff; text-decoration:none;}

.btn_violetB{padding:0 16px; background-color:#662d91; font-size:0; line-height:0; display:inline-block; color:#fff; text-align:center; border:none; text-decoration:none; vertical-align:top;}
.btn_violetB span{font-size:15px; font-weight:bold; line-height:25px;}
a.btn_violetB{color:#fff; text-decoration:none;}
.btn_violetB.ver2{vertical-align:middle;}
.btn_violetB.ver2 span{line-height:26px;}

.btn_violetC{width:121px; height:38px; background-color:#662d91; font-size:0; display:inline-block; line-height:0; color:#fff; text-align:center; border:none; text-decoration:none; vertical-align:top;}
.btn_violetC span{font-size:15px; font-weight:bold; line-height:38px;}
a.btn_violetC{color:#fff; text-decoration:none;}

.btn_gray{width:158px; height:48px; display:inline-block; background-color:#666; font-size:0; line-height:0; color:#fff; text-align:center; border:none; text-decoration:none; vertical-align:top;}
.btn_gray span{font-size:15px; font-weight:bold; line-height:48px;}
a.btn_gray{color:#fff; text-decoration:none;}

.btn_gray_ver2{width:107px; height:32px; display:inline-block; text-align:center; font-size:0; line-height:0; color:#bbb; border:none; background:url('./image/btn_bg.png') no-repeat; text-decoration:none;}
.white .btn_gray_ver2{background:#999; color:#fff}
.btn_gray_ver2 span{line-height:32px; font-size:15px;}
a.btn_gray_ver2{color:#bbb; text-decoration:none;}

.btn_gray_ver3{width:85px; height:26px; display:inline-block; text-align:center; font-size:0; line-height:0; color:#bbb; background:url('./image/btn_bg02.png') no-repeat; text-decoration:none;}
.btn_gray_ver3 span{line-height:26px; font-size:13px;}
a.btn_gray_ver3{color:#bbb; text-decoration:none;}

.btn_gray_ver4{width:121px; height:38px; display:inline-block; background-color:#666; font-size:0; line-height:0; color:#fff; text-align:center; border:none; text-decoration:none; vertical-align:top;}
.btn_gray_ver4 span{font-size:15px; font-weight:bold; line-height:38px;}
a.btn_gray_ver4{color:#fff; text-decoration:none;}

.btn_gray_ver5{width:67px; height:32px; display:inline-block; font-size:0; line-height:0; color:#bbb; background:url('./image/btn_bg03.png') no-repeat; text-align:center; border:none; text-decoration:none; vertical-align:top;}
.btn_gray_ver5 span{font-size:15px; line-height:32px;}
a.btn_gray_ver5{color:#bbb; text-decoration:none;}

.btn_blue{width:158px; height:48px; background-color:#18e0d2; font-size:0; display:inline-block; line-height:0; color:#fff; text-align:center; border:none; text-decoration:none; vertical-align:top;}
.btn_blue span{font-size:15px; font-weight:bold; line-height:48px;}
a.btn_blue{color:#fff; text-decoration:none;}

/* 공통 form 요소 */
.input_ver1{width:130px; height:26px; margin-right:10px; padding-left:10px; border:1px solid #161616; background-color:#2e2f34;}
.white .input_ver1{border:1px solid #e8e8e8; background-color:#fff; color:#666;}
.input_ver2{width:100px; height:26px; margin:0 0 0 10px; padding-right:10px; border:1px solid #161616; background-color:#2e2f34; font-size:15px; color:#bbb; text-align:right;}
.input_common{height:26px; padding-left:10px; border:1px solid #161616; background-color:#2e2f34; font-size:15px; color:#999;}
.white .input_common{border:1px solid #e8e8e8; background-color:#fff; color:#666;}
.input_self{width:95px; height:26px; padding-left:10px; border:1px solid #161616; background-color:#2e2f34; font-size:15px; color:#999;}
.input_self2{width:225px;  height:26px; padding-left:10px; border:1px solid #161616; background-color:#2e2f34; font-size:15px; color:#999;}
.input_self3{width:45px; height:26px; text-align:center; border:1px solid #161616; background-color:#2e2f34; font-size:15px; color:#999;}
.input_self3.ver2{width:60px;}
.input_self4{width:88%;  height:26px; padding-left:5%; border:1px solid #161616; background-color:#2e2f34; font-size:15px; color:#999;}
.input_self5{width:350px;  height:26px; padding-left:10px; border:1px solid #161616; background-color:#2e2f34; font-size:15px; color:#999;}
.input_self6{width:55px; height:26px; padding-left:10px; border:1px solid #161616; background-color:#2e2f34; font-size:15px; color:#999;}
.input_self7{width:80%;  height:26px; padding-left:5%; border:1px solid #161616; background-color:#2e2f34; font-size:15px; color:#999;}
.input_sum{width:38px; height:22px; text-align:center; font-size:13px;}
.txtarea{width:92%; padding:10px 2%; border:1px solid #161616; background-color:#2e2f34;}

.radio{vertical-align:-2px;}
.select_common{height:28px; padding-left:6px; font-size:15px; color:#999;}

/* backstage */
.tab_backstage{width:1000px; margin-left:-415px; padding:60px 0 55px 0; position:fixed; left:50%; top:0; z-index:100; background-color:#fff;}
.tab_backstage ul{width:1000px; overflow:hidden; background-color:#fff;}
.tab_backstage ul li{width:198px; height:112px; margin-right:-1px; float:left; border:1px solid #e8e8e8;}
.tab_backstage ul li a{width:198px; height:112px; display:block; position:relative; z-index:101; overflow:hidden;}
.tab_backstage ul li img{margin-top:0;}
.tab_backstage ul li.active img{margin-top:-112px;}
.cover_backstage{width:200px; height:123px; display:block; position:absolute; left:0; top:60px; background:url('./image/cover_b.png') no-repeat; z-index:100}

.backstage{width:100%; border-bottom:1px solid #e8e8e8;}
.backstage .inner{width:1000px; margin:0 auto; padding:238px 0 0 0; overflow:hidden;}
.backstage .inner .spirit{padding-bottom:30px;}

.bs_dl{width:100%;}
.bs_dl .paragraph{padding-top:10px;}
.bs_dl dt{padding-bottom:9px;}
.bs_dl dd{padding-bottom:40px; font-size:15px; line-height:26px; color:#767676;}
.bs_dl dd strong{display:block; font-size:16px; font-weight:bold; color:#333;}
.bs_dl dd ul{width:100%; overflow:hidden;}
.bs_dl dd ul li{width:495px; float:left;}
.bs_dl dd ul li span{width:175px; text-align:left; display:inline-block;}

#vision{padding-bottom:170px;}
#vision h2{margin-bottom:10px;}
.text_underline{padding-bottom:30px; font-size:16px; line-height:26px; color:#767676; text-decoration:underline;}
.text_typeA{padding:0 0 15px 0; font-size:15px; line-height:26px; color:#767676;}
.text_typeA strong{padding-bottom:8px; font-size:24px; font-weight:bold; color:#1a1b1f; display:block;}

.ani_list{width:105%; margin-bottom:60px; overflow:hidden; background:url('./image/ani_list_bg.png') 733px 29px no-repeat;}
.ani_list li{width:310px; height:206px; margin:0 17px 19px 0; padding:5px; float:left; border:1px solid #e8e8e8; position:relative; cursor:pointer;}
.ani_list li.mr{margin-right:100px;}
.ani_list li .vision_photo{width:310px; height:206px; overflow:hidden;}
.ani_list li .mask{width:322px; height:123px; padding:95px 0 0 0; position:absolute; left:-1px; top:-1px; background:url('./image/mask_bg.png') no-repeat; font-size:14px; line-height:20px; color:#fff; display:none; overflow:hidden;}
.ani_list li .mask strong{margin-left:-50px; padding-bottom:10px; text-align:center; display:block; font-size:20px; line-height:22px; font-weight:bold; color:#18e0d2; opacity:0; filter:alpha(opacity=0);}
.ani_list li .mask p{margin-left:50px; opacity:0; filter:alpha(opacity=0);}
.ani_list li.none_img{width:661px; height:206px; padding:0; border:none; cursor:auto;}

#crew{padding-bottom:130px;}
#crew h2{margin-bottom:57px;}
.crew_list{width:1120px; overflow:hidden;}
.crew_list li{width:368px; margin-bottom:45px; float:left; font-size:24px; font-weight:100; color:#662d91;}
.crew_list li strong{margin-right:5px; font-size:18px; color:#767676;}

#ally_house{padding-bottom:120px;}
#ally_house h2{width:372px; padding-top:100px; float:left;}
.map{width:616px; height:424px; padding:5px; float:left; border:1px solid #e8e8e8; overflow:hidden;}
.map .box{width:616px; height:424px; overflow:hidden;}

#inquiry{padding-bottom:100px;}
#inquiry .inner{padding-top:40px;}
#inquiry h2{margin-bottom:10px;}
.inq_left{width:583px; padding:52px 0 0 3px; float:left}
.email{margin-bottom:12px;}
.btn_inquiry{padding-left:3px;}
.inq_right{width:414px; float:left;}

#aaaa{width:100px; height:100px; margin:-50px 0 0 -50px; position:fixed; left:50%; top:50%; font-size:40px; font-weight:bold; color:red;}

/* scroll */
.jspContainer{
	overflow: hidden;
	position: relative;
}

.jspPane{
	position: absolute;
}

.jspVerticalBar{
	position: absolute;
	top: 0;
	right: 0;
	width: 10px;
	height: 100%;
	background: #1b1c20;
}

.jspHorizontalBar{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: red;
}

.jspVerticalBar *,
.jspHorizontalBar *{
	margin: 0;
	padding: 0;
}

.jspCap{
	display: none;
}

.jspHorizontalBar .jspCap{
	float: left;
}

.jspTrack{
	width:10px;
	position: relative;
}

.jspDrag{ 
  width:10px;
	background: #666;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag{
	float: left;
	height: 100%;
}

.jspArrow{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow{
	height: 16px;
}

.jspHorizontalBar .jspArrow{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus{
	outline: none;
}

.jspCorner{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner{
	margin: 0 -3px 0 0;
}


/* 2013.09.05 추가 */
.contents_sum{width:100%; text-align:right; font-size:18px; color:#555; position:absolute; left:0; top:-42px;}
.contents_sum strong{font-size:24px; font-weight:bold; color:#333;}

/* 2014.07.07 추가 (김민혁)*/
.btn_left{display:inline-block; zoom:1; *display:inline;}
.btn_right{float:right; bottom:0 !important;}

/* 2015-05-27 김민혁 추가 */
.terms_of_purchase{width:100%; height:100%; position:absolute; left:0; top:0; background:url('image/dim_bg.png') repeat; z-index:10;}
.terms_of_purchase .cont{margin:-108px 0 0 -204px; position:absolute; left:50%; top:50%;}
.terms_of_purchase .guide{margin-bottom:41px;}
.terms_of_purchase .btn{text-align:center;}
.terms_of_purchase .btn .btn_violet{background:#662d91;}
.terms_of_purchase .btn .btn_violet span{font-size:18px;}

/* 2015-06-16 김민혁 추가 */
.view_class h4{padding:10px 0 14px 7px; font-size:22px; font-weight:bold; color:#333;}
.view_class .inner{width:622px; padding:15px; border:1px solid #cacaca; overflow:hidden;}
.view_class .inner .photo{width:220px; height:168px; float:left; border:1px solid #b1b1af;}
.view_class .inner .photo img{width:100%; height:100%;}
.view_class .inner .photo+table{width:360px; margin-left:20px; float:left;}
.view_class .inner table{width:100%;}
.view_class .inner table th,.view_class .inner table td{color:#333; border-top:1px solid #dadcdb; text-align:left;}
.view_class .inner table tr:first-child th,.view_class .inner table tr:first-child td{border-top:0}
.view_class .inner table th{padding:4px; font-size:14px; font-weight:bold; border-right:1px solid #dadcdb;}
.view_class .inner table td{padding:7px 10px; font-size:13px;}
.view_class .btns{width:652px; padding:12px 0; text-align:right;}
.view_class .btns .btn_violet{background:#9068ae;}
.view_class .btns .btn_violet span{font-size:17px;}