rol1101@charset "euc-kr";
/* CSS Document */
/*Css Reset by Eric Meyer*/
@import url(nanumgothic.css);
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
h2, hr { display: none;}
.DN { text-indent: -5000px; position: absolute; left: -5000px; top: -5000px; overflow: hidden;}
body {line-height: 1;}
body,table,td{font-family:나눔고딕, 'Nanum Gothic'; font-size:12px; color:#696969; line-height:18px; border:none; top:0; }
ol, ul {list-style: none;}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}
a:link {font-family:나눔고딕, 'Nanum Gothic'; font-size:12px; color:#FFFFFF; line-height:18px;COLOR: #525252; TEXT-DECORATION: none}
a:visited {font-family:나눔고딕, 'Nanum Gothic'; font-size:12px; color:#FFFFFF; line-height:18px;COLOR: #525252; TEXT-DECORATION: none}
a:active {font-family:나눔고딕, 'Nanum Gothic'; font-size:12px; color:#FFFFFF; line-height:18px;COLOR: #525252; TEXT-DECORATION: none}
a:hover {font-family:나눔고딕, 'Nanum Gothic';font-size:12px; color:#FFFFFF; line-height:18px;COLOR: #000000; TEXT-DECORATION: none}
/*칼라*/
.cFFFFFF {color:#FFFFFF;}
.c00229F {color:#00229F;}
.c7F7871 {color:#7F7871;}
.cB38A5A {color:#B38A5A;}
.cFA7C00 {color:#FA7C00;}
.cFF0000 {color:#FF0000;}
.c9D4EFF {color:#9d4eff;}
.c0012FF {color:#0012ff;}
.c0E24F1 {color:#0E24F1;}
.iptui{border-top:1px solid #c9c9c9; border-left:1px solid #c9c9c9; border-right:1px solid #ebebeb; border-bottom:1px solid #ebebeb; height:18px; line-height:20px; padding:0 0 0 5px;}
.input {border:solid 1px #cacaca; background-color:#fbfbfb; color:#666663;height:20px;line-height:20px;}
.btnar{padding:5px 0 20px 0;}
.btnr{text-align:right;}
.btnc{text-align:center;}
.btnar img, .btnar a, .btnar input{vertical-align:middle;}
*{ margin:0; padding:0; }
#contents { width:100%; overflow:hidden; min-width:1138px; }
.box { margin:0 auto; position:relative; }
#main { height:640px; }
#mc01 { height:312px; }
#mc02 { height:435px; }
#mc03 { height:573px; }
#mc04 { height:547px; }
#mc05 { height:525px; }
#mc06 { height:277px; }
#footer { height:270px; }
#header { width:100%; top:0px; height:85px; margin:0 auto; position:absolute; }
#quick_menu { position:relative; z-index:1000;}
#event_menu { position:relative; z-index:2000;}
* { margin:0; padding:0; }
*:focus{outline:none;}
/* ======================================================================================== */
#header_container { visibility:hidden; width:100%; position:relative; overflow:hidden; }
#header_wrapper { margin:0 auto; width:1200px; height:70px; position:relative; }
.header_logo { top:23px; left:0px; cursor:pointer; position:absolute; }
.header_global { margin:0; padding:0; top:30px; left:63%; position:absolute; }
.header_global li {list-style:none; float:left; }
.header_global li img { margin:0; vertical-align:top; }
.header_global .txt { cursor:pointer; }
/* ======================================================================================== */
*:focus{outline:none;}
/* 네비게이션 */
/* ========== navi_menu ========= */
#navi_menu {width: 100%; height:120px; overflow:hidden; background:url(../images/common/top_navi_bg.png);}
#navi_menu .wrap {width:100%; height:440px; position:absolute; overflow:hidden; margin: 0 auto;}
#navi_menu ul {width:1200px; height: 120px; position: relative; margin: 0 auto;}
#navi_menu ul:after { content: ""; height: 0; display: block; clear: both;}
#navi_menu ul li { height: 120px; float: left; width: 240px;}
#navi_menu ul li a { background: url("../images/common/sub_navi.png") no-repeat right top; display: block; width:240px; height: 100%;}
#navi_menu ul li a.na_menu_01 { background-position: 0 top;}
#navi_menu ul li a.na_menu_02 { background-position: -240px top;}
#navi_menu ul li a.na_menu_03 { background-position: -480px top;}
#navi_menu ul li a.na_menu_04 { background-position: -720px top;}
#navi_menu ul li a.na_menu_05 { background-position: -960px top;}
#navi_menu ul li.lastprev, #navi_menu ul li.last { width: 200px;}
/* navi_subdepth */
#navi_menu ul li.on a.na_menu_01 { background-position: 0 top;}
#navi_menu ul li.on a.na_menu_02 { background-position: -240px top;}
#navi_menu ul li.on a.na_menu_03 { background-position: -480px top;}
#navi_menu ul li.on a.na_menu_04 { background-position: -720px top;}
#navi_menu ul li.on a.na_menu_05 { background-position: -960px top;}
/* navi_subdepth2 */
/*01 눈성형*/
#navi_menu ul li .depth_01 { background: url("../images/common/sub_navi_depth1.png") no-repeat left top; width: 422px; height: 280px; position: absolute; left:0px; top:120px; z-index:500000}
#navi_menu ul li .depth_01 dl { background: url("../images/common/sub_navi_depth1.png") no-repeat left top; width: 422px; height: 280px; overflow: hidden; }
#navi_menu ul li .depth_01 dl dd {width: 211px; float:left;}
#navi_menu ul li .depth_01 dl dd a {display: block; width: 100%; height: 100%; background: none; height: 40px;}
#navi_menu ul li .depth_01 dl dd.depth_01_menu01 a:hover { background: url("../images/common/sub_navi_depth1.png") no-repeat -431px 0 !important; height: 40px;}
#navi_menu ul li .depth_01 dl dd.depth_01_menu02 a:hover { background: url("../images/common/sub_navi_depth1.png") no-repeat -642px 0px !important; height: 40px; }
#navi_menu ul li .depth_01 dl dd.depth_01_menu03 a:hover { background: url("../images/common/sub_navi_depth1.png") no-repeat -431px -40px !important; height: 40px;}
#navi_menu ul li .depth_01 dl dd.depth_01_menu04 a:hover { background: url("../images/common/sub_navi_depth1.png") no-repeat -642px -40px !important; height: 40px; }
#navi_menu ul li .depth_01 dl dd.depth_01_menu05 a:hover { background: url("../images/common/sub_navi_depth1.png") no-repeat -431px -80px !important; height: 40px;}
#navi_menu ul li .depth_01 dl dd.depth_01_menu06 a:hover { background: url("../images/common/sub_navi_depth1.png") no-repeat -642px -80px !important; height: 40px; }
#navi_menu ul li .depth_01 dl dd.depth_01_menu07 a:hover { background: url("../images/common/sub_navi_depth1.png") no-repeat -431px -120px !important; height: 40px;}
#navi_menu ul li .depth_01 dl dd.depth_01_menu08 a:hover { background: url("../images/common/sub_navi_depth1.png") no-repeat -642px -120px !important; height: 40px; }
#navi_menu ul li .depth_01 dl dd.depth_01_menu09 a:hover { background: url("../images/common/sub_navi_depth1.png") no-repeat -431px -160px !important; height: 40px;}
#navi_menu ul li .depth_01 dl dd.depth_01_menu10 a:hover { background: url("../images/common/sub_navi_depth1.png") no-repeat -642px -160px !important; height: 40px; }
#navi_menu ul li .depth_01 dl dd.depth_01_menu11 a:hover { background: url("../images/common/sub_navi_depth1.png") no-repeat -431px -200px !important; height: 40px;}
#navi_menu ul li .depth_01 dl dd.depth_01_menu12 a:hover { background: url("../images/common/sub_navi_depth1.png") no-repeat -642px -200px !important; height: 40px;}
/* 추가 */
#navi_menu ul li .depth_01 dl dd.depth_01_menu13 a:hover { background: url("../images/common/sub_navi_depth1.png") no-repeat -431px -240px !important; height: 40px;}
#navi_menu ul li .depth_01 dl dd.depth_01_menu14 a:hover { background: url("../images/common/sub_navi_depth1.png") no-repeat -642px -240px !important; height: 40px;}
/*02 코성형*/
#navi_menu ul li .depth_02 { background: url("../images/common/sub_navi_depth2.png") no-repeat left top; width: 422px; height: 240px; position: absolute; left: 240px; top:120px; z-index:50000000}
#navi_menu ul li .depth_02 dl { background: url("../images/common/sub_navi_depth2.png") no-repeat left top; width: 422px; height: 240px; overflow: hidden; }
#navi_menu ul li .depth_02 dl dd {width: 211px; float:left;}
#navi_menu ul li .depth_02 dl dd a {display: block; width: 100%; height: 100%; background: none; height: 40px;}
#navi_menu ul li .depth_02 dl dd.depth_01_menu01 a:hover { background: url("../images/common/sub_navi_depth2.png") no-repeat -431px 0 !important; height: 40px;}
#navi_menu ul li .depth_02 dl dd.depth_01_menu02 a:hover { background: url("../images/common/sub_navi_depth2.png") no-repeat -642px 0px !important; height: 40px; }
#navi_menu ul li .depth_02 dl dd.depth_01_menu03 a:hover { background: url("../images/common/sub_navi_depth2.png") no-repeat -431px -40px !important; height: 40px;}
#navi_menu ul li .depth_02 dl dd.depth_01_menu04 a:hover { background: url("../images/common/sub_navi_depth2.png") no-repeat -642px -40px !important; height: 40px; }
#navi_menu ul li .depth_02 dl dd.depth_01_menu05 a:hover { background: url("../images/common/sub_navi_depth2.png") no-repeat -431px -80px !important; height: 40px;}
#navi_menu ul li .depth_02 dl dd.depth_01_menu06 a:hover { background: url("../images/common/sub_navi_depth2.png") no-repeat -642px -80px !important; height: 40px; }
#navi_menu ul li .depth_02 dl dd.depth_01_menu07 a:hover { background: url("../images/common/sub_navi_depth2.png") no-repeat -431px -120px !important; height: 40px;}
#navi_menu ul li .depth_02 dl dd.depth_01_menu08 a:hover { background: url("../images/common/sub_navi_depth2.png") no-repeat -642px -120px !important; height: 40px; }
#navi_menu ul li .depth_02 dl dd.depth_01_menu09 a:hover { background: url("../images/common/sub_navi_depth2.png") no-repeat -431px -160px !important; height: 40px;}
#navi_menu ul li .depth_02 dl dd.depth_01_menu10 a:hover { background: url("../images/common/sub_navi_depth2.png") no-repeat -642px -160px !important; height: 40px; }
#navi_menu ul li .depth_02 dl dd.depth_01_menu11 a:hover { background: url("../images/common/sub_navi_depth2.png") no-repeat -431px -200px !important; height: 40px;}
#navi_menu ul li .depth_02 dl dd.depth_01_menu12 a:hover { background: url("../images/common/sub_navi_depth2.png") no-repeat -642px -200px !important; height: 40px; }
/*03 가슴성형*/
#navi_menu ul li .depth_03 { background: url("../images/common/sub_navi_depth3.png") no-repeat left top; width: 422px; height: 320px; position: absolute; left: 480px; top:120px; z-index:50000000}
#navi_menu ul li .depth_03 dl { background: url("../images/common/sub_navi_depth3.png") no-repeat left top; width: 422px; height: 320px; overflow: hidden; }
#navi_menu ul li .depth_03 dl dd {width: 211px; float:left;}
#navi_menu ul li .depth_03 dl dd a {display: block; width: 100%; height: 100%; background: none; height: 40px;}
#navi_menu ul li .depth_03 dl dd.depth_01_menu01 a:hover { background: url("../images/common/sub_navi_depth3.png") no-repeat -431px 0 !important; height: 40px;}
#navi_menu ul li .depth_03 dl dd.depth_01_menu02 a:hover { background: url("../images/common/sub_navi_depth3.png") no-repeat -642px 0px !important; height: 40px; }
#navi_menu ul li .depth_03 dl dd.depth_01_menu03 a:hover { background: url("../images/common/sub_navi_depth3.png") no-repeat -431px -40px !important; height: 40px;}
#navi_menu ul li .depth_03 dl dd.depth_01_menu04 a:hover { background: url("../images/common/sub_navi_depth3.png") no-repeat -642px -40px !important; height: 40px; }
#navi_menu ul li .depth_03 dl dd.depth_01_menu05 a:hover { background: url("../images/common/sub_navi_depth3.png") no-repeat -431px -80px !important; height: 40px;}
#navi_menu ul li .depth_03 dl dd.depth_01_menu06 a:hover { background: url("../images/common/sub_navi_depth3.png") no-repeat -642px -80px !important; height: 40px; }
#navi_menu ul li .depth_03 dl dd.depth_01_menu07 a:hover { background: url("../images/common/sub_navi_depth3.png") no-repeat -431px -120px !important; height: 40px;}
#navi_menu ul li .depth_03 dl dd.depth_01_menu08 a:hover { background: url("../images/common/sub_navi_depth3.png") no-repeat -642px -120px !important; height: 40px; }
#navi_menu ul li .depth_03 dl dd.depth_01_menu09 a:hover { background: url("../images/common/sub_navi_depth3.png") no-repeat -431px -160px !important; height: 40px;}
#navi_menu ul li .depth_03 dl dd.depth_01_menu10 a:hover { background: url("../images/common/sub_navi_depth3.png") no-repeat -642px -160px !important; height: 40px; }
#navi_menu ul li .depth_03 dl dd.depth_01_menu11 a:hover { background: url("../images/common/sub_navi_depth3.png") no-repeat -431px -200px !important; height: 40px;}
#navi_menu ul li .depth_03 dl dd.depth_01_menu12 a:hover { background: url("../images/common/sub_navi_depth3.png") no-repeat -642px -200px !important; height: 40px; }
#navi_menu ul li .depth_03 dl dd.depth_01_menu13 a:hover { background: url("../images/common/sub_navi_depth3.png") no-repeat -431px -240px !important; height: 40px;}
#navi_menu ul li .depth_03 dl dd.depth_01_menu14 a:hover { background: url("../images/common/sub_navi_depth3.png") no-repeat -642px -240px !important; height: 40px; }
#navi_menu ul li .depth_03 dl dd.depth_01_menu15 a:hover { background: url("../images/common/sub_navi_depth3.png") no-repeat -431px -280px !important; height: 40px; }
#navi_menu ul li .depth_03 dl dd.depth_01_menu16 a:hover { background: url("../images/common/sub_navi_depth3.png") no-repeat -642px -280px !important; height: 40px; }
/*04 재수술*/
#navi_menu ul li .depth_04 { background: url("../images/common/sub_navi_depth4.png") no-repeat left top; width: 422px; height: 280px; position: absolute; left:720px; top:120px; z-index:500000}
#navi_menu ul li .depth_04 dl { background: url("../images/common/sub_navi_depth4.png") no-repeat left top; width: 422px; height: 280px; overflow: hidden; }
#navi_menu ul li .depth_04 dl dd {width: 211px; float:left;}
#navi_menu ul li .depth_04 dl dd a {display: block; width: 100%; height: 100%; background: none; height: 40px;}
#navi_menu ul li .depth_04 dl dd.depth_01_menu01 a:hover { background: url("../images/common/sub_navi_depth4.png") no-repeat -431px 0 !important; height: 40px;}
#navi_menu ul li .depth_04 dl dd.depth_01_menu02 a:hover { background: url("../images/common/sub_navi_depth4.png") no-repeat -642px 0px !important; height: 40px; }
#navi_menu ul li .depth_04 dl dd.depth_01_menu03 a:hover { background: url("../images/common/sub_navi_depth4.png") no-repeat -431px -40px !important; height: 40px;}
#navi_menu ul li .depth_04 dl dd.depth_01_menu04 a:hover { background: url("../images/common/sub_navi_depth4.png") no-repeat -642px -40px !important; height: 40px; }
#navi_menu ul li .depth_04 dl dd.depth_01_menu05 a:hover { background: url("../images/common/sub_navi_depth4.png") no-repeat -431px -80px !important; height: 40px;}
#navi_menu ul li .depth_04 dl dd.depth_01_menu06 a:hover { background: url("../images/common/sub_navi_depth4.png") no-repeat -642px -80px !important; height: 40px; }
#navi_menu ul li .depth_04 dl dd.depth_01_menu07 a:hover { background: url("../images/common/sub_navi_depth4.png") no-repeat -431px -120px !important; height: 40px;}
#navi_menu ul li .depth_04 dl dd.depth_01_menu08 a:hover { background: url("../images/common/sub_navi_depth4.png") no-repeat -642px -120px !important; height: 40px; }
#navi_menu ul li .depth_04 dl dd.depth_01_menu09 a:hover { background: url("../images/common/sub_navi_depth4.png") no-repeat -431px -160px !important; height: 40px;}
#navi_menu ul li .depth_04 dl dd.depth_01_menu10 a:hover { background: url("../images/common/sub_navi_depth4.png") no-repeat -642px -160px !important; height: 40px; }
#navi_menu ul li .depth_04 dl dd.depth_01_menu11 a:hover { background: url("../images/common/sub_navi_depth4.png") no-repeat -431px -200px !important; height: 40px;}
#navi_menu ul li .depth_04 dl dd.depth_01_menu12 a:hover { background: url("../images/common/sub_navi_depth4.png") no-repeat -642px -200px !important; height: 40px;}
/* 추가 */
#navi_menu ul li .depth_04 dl dd.depth_01_menu13 a:hover { background: url("../images/common/sub_navi_depth4.png") no-repeat -431px -240px !important; height: 40px;}
#navi_menu ul li .depth_04 dl dd.depth_01_menu14 a:hover { background: url("../images/common/sub_navi_depth4.png") no-repeat -642px -240px !important; height: 40px;}
/*05 특수클리닉*/
#navi_menu ul li .depth_05 { background: url("../images/common/sub_navi_depth5.png") no-repeat left top; width: 422px; height: 320px; position: absolute; left: 780px; top:120px; z-index:50000000}
#navi_menu ul li .depth_05 dl { background: url("../images/common/sub_navi_depth5.png") no-repeat left top; width: 422px; height: 320px; overflow: hidden; }
#navi_menu ul li .depth_05 dl dd {width: 211px; float:left}
#navi_menu ul li .depth_05 dl dd a {display: block; width: 100%; height: 100%; background: none; height: 40px;}
#navi_menu ul li .depth_05 dl dd.depth_01_menu01 a:hover { background: url("../images/common/sub_navi_depth5.png") no-repeat -431px 0 !important; height: 40px;}
#navi_menu ul li .depth_05 dl dd.depth_01_menu02 a:hover { background: url("../images/common/sub_navi_depth5.png") no-repeat -642px 0px !important; height: 40px; }
#navi_menu ul li .depth_05 dl dd.depth_01_menu03 a:hover { background: url("../images/common/sub_navi_depth5.png") no-repeat -431px -40px !important; height: 40px;}
#navi_menu ul li .depth_05 dl dd.depth_01_menu04 a:hover { background: url("../images/common/sub_navi_depth5.png") no-repeat -642px -40px !important; height: 40px; }
#navi_menu ul li .depth_05 dl dd.depth_01_menu05 a:hover { background: url("../images/common/sub_navi_depth5.png") no-repeat -431px -80px !important; height: 40px;}
#navi_menu ul li .depth_05 dl dd.depth_01_menu06 a:hover { background: url("../images/common/sub_navi_depth5.png") no-repeat -642px -80px !important; height: 40px; }
#navi_menu ul li .depth_05 dl dd.depth_01_menu07 a:hover { background: url("../images/common/sub_navi_depth5.png") no-repeat -431px -120px !important; height: 40px;}
#navi_menu ul li .depth_05 dl dd.depth_01_menu08 a:hover { background: url("../images/common/sub_navi_depth5.png") no-repeat -642px -120px !important; height: 40px; }
#navi_menu ul li .depth_05 dl dd.depth_01_menu09 a:hover { background: url("../images/common/sub_navi_depth5.png") no-repeat -431px -160px !important; height: 40px;}
#navi_menu ul li .depth_05 dl dd.depth_01_menu10 a:hover { background: url("../images/common/sub_navi_depth5.png") no-repeat -642px -160px !important; height: 40px; }
#navi_menu ul li .depth_05 dl dd.depth_01_menu11 a:hover { background: url("../images/common/sub_navi_depth5.png") no-repeat -431px -200px !important; height: 40px;}
#navi_menu ul li .depth_05 dl dd.depth_01_menu12 a:hover { background: url("../images/common/sub_navi_depth5.png") no-repeat -642px -200px !important; height: 40px; }
#navi_menu ul li .depth_05 dl dd.depth_01_menu13 a:hover { background: url("../images/common/sub_navi_depth5.png") no-repeat -431px -240px !important; height: 40px;}
#navi_menu ul li .depth_05 dl dd.depth_01_menu14 a:hover { background: url("../images/common/sub_navi_depth5.png") no-repeat -642px -240px !important; height: 40px; }
#navi_menu ul li .depth_05 dl dd.depth_01_menu15 a:hover { background: url("../images/common/sub_navi_depth5.png") no-repeat -431px -280px !important; height: 40px; }
#navi_menu ul li .depth_05 dl dd.depth_01_menu16 a:hover { background: url("../images/common/sub_navi_depth5.png") no-repeat -642px -280px !important; height: 40px; }
/*SUB contents*/
#sub_bgwrap {width:100%; height:auto; padding:0; margin:0; background:url(../images/common/sub_bg.png); padding-top:30px; padding-bottom:50px; overflow:hidden; z-index:1}
#sub_bgwrap .sub_wrap {width:1200px; margin:0 auto;}
#sub_bgwrap .sub_wrap :after {height: 0; display: block; clear: both;}
#sub_bgwrap .sub_wrap .box1 {width:230px; height:auto; margin-right:40px;float:left; overflow:hidden;}
#sub_bgwrap .sub_wrap .box2 {width:930px;float:left; overflow:hidden; }
#sub_bgwrap .sub_wrap .box2 div.comm_box {width:868px; height:auto; padding:30px; background:#ffffff; border:1px solid #ebebeb;}
#sub_bgwrap .sub_wrap .box2 div.comm_box input{padding:5px; color:#666666; width:130px; height:20px; border:1px solid #ebebeb; background:#f1f1f1;}
#sub_bgwrap .sub_wrap .box2 table.join {width:650px; border-top:8px solid #c9a0ca; margin:30px auto;}
#sub_bgwrap .sub_wrap .box2 table.join td.left {width:150px; text-align:left; height:45px; background:url(../08_member/images/join_line1.png)no-repeat 135px 15px; border-bottom:1px solid #e9e9e9; padding-left:10px; vertical-align:middle; font-weight:bold; font-size:14px; color:#666666;}
#sub_bgwrap .sub_wrap .box2 table.join td.right {width:500px; text-align:left; height:45px; border-bottom:1px solid #e9e9e9; padding-left:8px; vertical-align:middle; font-size:14px;}
#sub_bgwrap .sub_wrap .box2 table.join input{padding:3px; color:#666666; height:20px; border:1px solid #cccccc; background:#ffffff;}
#sub_bgwrap .sub_wrap .box2 div.counsel_tab {width:870px; height:30px; margin:0 auto 30px auto; padding:0; overflow:hidden;}
#sub_bgwrap .sub_wrap .box2 div.counsel_tab:after { content: ""; height: 0; display: block; clear: both;}
#sub_bgwrap .sub_wrap .box2 div.contxt_wrap {width:868px; height:auto; margin-top:20px; padding:30px; background:#ffffff; border:1px solid #ebebeb; overflow:hidden; }
#sub_bgwrap .sub_wrap .box2 div.contxt_wrap img .add{margin:0; padding:0;}
#sub_bgwrap .sub_wrap .box2 div.contxt_wrap img {margin-bottom:60px; padding:0}
#sub_bgwrap .sub_wrap .box2 div.contxt_wrap div.subtab {width:870px; height:30px; margin-bottom:20px;}
#sub_bgwrap .sub_wrap .box2 div.contxt_wrap div.subtab ul {margin:0; padding:0;}
#sub_bgwrap .sub_wrap .box2 div.contxt_wrap div.subtab ul li {float:left;margin-right:10px;}
#sub_bgwrap .sub_wrap .box2 div.contxt_wrap div.subtab ul li img {margin-bottom:0px; padding:0}
#sub_bgwrap .sub_wrap .box2 div.contxt_wrap .coun_bt {width:40px; height:25px; background:#878dbf; color:#ffffff; border:0; padding:5px;}
#sub_bgwrap .sub_wrap .box2 div.contxt_wrap div.subtab:after { content: ""; height: 0; display: block; clear: both;}
#sub_bgwrap .sub_wrap .box2 div.bottombanner {width:930px; height:260px; margin-top:50px; overflow:hidden;}
#sub_bgwrap .sub_wrap .box2 div.bottombanner ul {width:930px; height:260px; background:url(../images/common/sub_bottom_banner.png) no-repeat;}
#sub_bgwrap .sub_wrap .box2 div.bottombanner ul li {float: left; height:260px;}
#sub_bgwrap .sub_wrap .box2 div.bottombanner ul li a{display: block; float: left; height:260px;}
#sub_bgwrap .sub_wrap .box2 div.bottombanner ul li a.banner1 {width: 240px; background-position: 0 top;}
#sub_bgwrap .sub_wrap .box2 div.bottombanner ul li a.banner2 {width: 225px; background-position: -240px top;}
#sub_bgwrap .sub_wrap .box2 div.bottombanner ul li a.banner3 {width: 229px; background-position: -465px top;}
#sub_bgwrap .sub_wrap .box2 div.bottombanner ul li a.banner4 {width: 236px; background-position: -694px top;}
#sub_bgwrap .sub_wrap .box2 div.bottombanner:after { content: ""; height: 0; display: block; clear: both;}
/* */
#sub_bgwrap .sub_wrap .box2 div.bottombanner_2 {width:930px; height:80px; margin-top:50px; overflow:hidden;}
#sub_bgwrap .sub_wrap .box2 div.bottombanner_2 ul {width:930px; height:80px; background:url(../images/common/sub_bottom_banner_2.png) no-repeat;}
#sub_bgwrap .sub_wrap .box2 div.bottombanner_2 ul li {float: left; height:80px;}
#sub_bgwrap .sub_wrap .box2 div.bottombanner_2 ul li a{display: block; float: left; height:80px; width: 220px;}
#sub_bgwrap .sub_wrap .box2 div.bottombanner_2 ul li a.banner1 {background-position: 0 top; margin-right:17px;}
#sub_bgwrap .sub_wrap .box2 div.bottombanner_2 ul li a.banner2 {background-position: -240px top; margin-right:16px;}
#sub_bgwrap .sub_wrap .box2 div.bottombanner_2 ul li a.banner3 {background-position: -465px top; margin-right:17px;}
#sub_bgwrap .sub_wrap .box2 div.bottombanner_2 ul li a.banner4 {background-position: -694px top; margin-right:0;}
#sub_bgwrap .sub_wrap .box2 div.bottombanner_2:after { content: ""; height: 0; display: block; clear: both;}
/* */
#sub_bgwrap .sub_wrap .box2 div.bottombanner_3 {width:930px; height:120px; margin-top:50px; overflow:hidden;}
#sub_bgwrap .sub_wrap .box2 div.bottombanner_3 ul {width:930px; height:120px; background:url(../images/common/sub_bottom_banner_3.png) no-repeat;}
#sub_bgwrap .sub_wrap .box2 div.bottombanner_3 ul li {float: left; height:120px;}
#sub_bgwrap .sub_wrap .box2 div.bottombanner_3 ul li a{display: block; float: left; height:120px; width: 220px;}
#sub_bgwrap .sub_wrap .box2 div.bottombanner_3 ul li a.banner1 {background-position: 0 top; margin-right:17px;}
#sub_bgwrap .sub_wrap .box2 div.bottombanner_3 ul li a.banner2 {background-position: -240px top; margin-right:16px;}
#sub_bgwrap .sub_wrap .box2 div.bottombanner_3 ul li a.banner3 {background-position: -465px top; margin-right:17px;}
#sub_bgwrap .sub_wrap .box2 div.bottombanner_3 ul li a.banner4 {background-position: -694px top; margin-right:0;}
#sub_bgwrap .sub_wrap .box2 div.bottombanner_3:after { content: ""; height: 0; display: block; clear: both;}
#sub_bgwrap .sub_wrap .box2 div.comm_box div.speed_login{
width:580px;
height:200px;
border:5px solid #f0f1f1;
margin:0 auto;
text-align:center;
overflow:hidden;
}
#sub_bgwrap .sub_wrap .box2 div.comm_box div.speed_login p.title{
text-align:center;
font-size:35px;
letter-spacing:-0.05em;
color:#8689bd;
font-weight:700;
margin-top:30px;
}
#sub_bgwrap .sub_wrap .box2 div.comm_box div.speed_login p.comment{
text-align:center;
font-size:15px;
letter-spacing:-0.05em;
color:#000;
font-weight:400;
margin-top:20px;
}
#sub_bgwrap .sub_wrap .box2 div.comm_box div.speed_login input{
width:200px;
display:block;
margin:20px auto 10px auto;
}
#sub_bgwrap .sub_wrap .box2 div.comm_box div.speed_login a{
display:block;
width:210px;
height:30px;
background:#8689bd;
color:#fff;
font-weight:500;
font-size:18px;
line-height:1.7;
letter-spacing:-0.05em;
text-align:center;
text-decoration:none;
margin:0 auto;
}
#sub_bgwrap .sub_wrap .box2 div.comm_box div.snslogin{
width:689px;
height:49px;
border:0px solid #f0f1f1;
margin:20px auto;
text-align:center;
overflow:hidden;
}
#sub_bgwrap .sub_wrap .box2 div.comm_box div.snslogin ul{
width:100%;
height:49px;
}
#sub_bgwrap .sub_wrap .box2 div.comm_box div.snslogin ul li{
float:left;
width:227px;
height:49px;
margin-right:4px;
}
#sub_bgwrap .sub_wrap .box2 div.comm_box div.sns_join{
width:560px;
height:22px;
overflow:hidden;
margin:0 auto 30px auto;
font-size:18px;
letter-spacing:-0.05em;
text-align:left;
padding-left:90px;
}
.gall{
overflow:hidden;
width:870px;
}
.gall .con{
height:580px;
}
.gall .con>img{
display:none;
}
.gall .ctr-dir{
/*
padding-left:50px;
padding-right:50px;
*/
margin-top:5px;
height:80px;
background:#fff;
}
.gall .train{
position:relative;
top:0;left:0;
width:9999px;
}
.gall .train>p{
float:left;
width:120px;
height:80px;
/*margin-right:10px;*/
margin-right:5px;
cursor:pointer;
}
/*
.gall .train>.baesu6{
margin-right:50px;
}
*/
.gall .ctr-dir .btn{
position:relative;
width:870px;
}
.gall .ctr-dir .btn .prev,
.gall .ctr-dir .btn .next{
z-index:9999;
position:absolute;
top:0;
width:50px;
height:80px;
cursor:pointer;
}
.gall .ctr-dir .btn .prev:hover,
.gall .ctr-dir .btn .next:hover{
background-position:0 -81px;
}
.gall .ctr-dir .btn .prev{left:0px;background:url(../07_hp/images/view_btn1.png) no-repeat 0 0;}
.gall .ctr-dir .btn .next{right:0px;background:url(../07_hp/images/view_btn2.png) no-repeat 0 0;}
#footer {width:100%; height:120px; background:#4e4e4e; padding-top:20px; overfloaw:hidden;}
#footer .f_wrap {width:1100px; height:85px; margin-left:290px; background:url(../images/common/footer_copy.png) no-repeat 510px 30px;}
#footer .f_wrap ul {width:238px; height:17px; float:right;background:url(../images/common/footer_menu.png) no-repeat;}
#footer .f_wrap ul li {float: left; height: 17px;}
#footer .f_wrap ul li a{display: block; float: left; height: 100%;}
#footer .f_wrap ul li a.menu1 {width: 99px; background-position: 0 top;}
#footer .f_wrap ul li a.menu2 {width: 83px; background-position: -99px top;}
#footer .f_wrap ul li a.menu3 {width: 56px; background-position: -182px top;}
#footer .f_wrap :after { content: ""; height: 0; display: block; clear: both;}
#quick { float:right; position:fixed; right:0; width:100px; height:350px; top:70px; z-index:10000;}
#quick:after { content: ""; height: 0; display: block; clear: both;}
.subtab2{
width: 400px;
overflow: hidden;
}
.subtab2 ul{
width: 400px;
overflow: hidden;
}
.subtab2 ul li{
float: left;
width: 200px;
height: 40px;
background-color: #c9a0ca;
}
/* */
.rol1101{
position:relative;
margin: 0 auto;
width:550px;
height:400px;
}
.rol1101 .con{
z-index:10;
height:550px;
height:400px;
}
.rol1101 .con .item{
width:100%;
height:100%;
color:#fff;
font-size:30px;
}
.rol1101 .ctr-dir{
z-index:10;
position:absolute;
left:0;
bottom:10px;
width:100%;
text-align:center;
}
.rol1101 .ctr-dir a{
display:inline-block;
*display:inline;
zoom:1;
width:50px;
height:50px;
margin-right:5px;
background:#fff;
text-decoration:none;
text-indent:-9999px;
*text-indent: 0;
*font-size: 0;
*line-height: 0;
}
.rol1101 .ctr-dir a.activeSlide,
.rol1101 .ctr-dir a:hover{
background:#333;
}
.rol1101 .ctr-pn{
}
.rol1101 .ctr-pn .prev,
.rol1101 .ctr-pn .next{
z-index:20;
position:absolute;top:0;
display:block;
width:100px;
height:100%;
cursor:pointer;
background-repeat:no-repeat;
background-position:0 50%;
text-indent:-9999px;
*text-indent: 0;
*font-size: 0;
*line-height: 0;
}
.rol1101 .ctr-pn .prev{
left:0;
background-image:url(../05_special/images/bg-prev.png);
}
.rol1101 .ctr-pn .next{
right:0;
background-image:url(../05_special/images/bg-next.png);
}
.rol1101 .ctr-pn .prev:hover,
.rol1101 .ctr-pn .next:hover{
background-position:-100px 50%;
}
/* */