@charset "utf-8";

body {background:#fbfbfb;}

.ctitle {height:145px; margin-top:73px; text-align:center;}
.ctitle b {display:block; font-size:52px; color:#060b1f; line-height:70px; font-weight:400; letter-spacing:-0.05em;}
.ctitle span {display:block; font-size:10.5px; color:#6e6e70; line-height:20px; letter-spacing:9.5px;}

#lnb {overflow:hidden; max-width:1280px; margin:0 auto; text-align:center; border:1px solid #dcdcdc; background:#ffffff;}
#lnb ul {display:block; overflow:hidden; margin-right:-2px;}
#lnb ul li {float:left; width:210px;}
#lnb ul li a {border:1px solid #dcdcdc; border-top:0; margin-left:-1px; margin-bottom:-1px;}
#lnb ul a {display:block; font-size:17px; color:#333333; text-align:center; line-height:50px; font-weight:400; letter-spacing:-0.7px;}
#lnb ul li.on a {color:#ffffff; background:#7087d6;}


#lnb.grid2 ul li {width:50%;}
#lnb.grid3 ul li {width:33.3%;}
#lnb.grid4 ul li {width:25%;}
#lnb.grid5 ul li {width:20%;}
#lnb.grid6 ul li {width:16.666%;}
#lnb.grid7 ul li {width:14.285%;}
#lnb.grid8 ul li {width:12.5%;}
#lnb.grid9 ul li {width:11.1111%;}

#lnb.s02 ul li.on a {background:#ff8348;}
#lnb.s03 ul li.on a{background:#af68e3;}
#lnb.s04 ul li.on a{background:#00adcc;}
#lnb.s05 ul li.on a{background:#5b96df;}
#lnb.s06 ul li.on a{background:#896ae0;}


#sub_visual {height:513px; padding-left:50%;}
#sub_visual img {display:block; margin-left:-1000px;}
#sub_visual.type01 {height:300px; padding:0; text-align:center;}
#sub_visual.type01 img {margin:0 auto;}

#main {position:relative; width:1280px; min-height:500px; margin:0 auto; background:url('../images/sub/cont_bg.jpg') #ffffff repeat-y center;}
#main:before {position:absolute; top:0; left:0; right:0; height:1px; background:#dcdcdc; content:'';}
#main:after {position:absolute; bottom:0; left:0; right:0; height:1px; background:#dcdcdc; content:'';}
#main.board {padding:50px 20px;}
#main.intro {border:none; background:none;}
#main.intro:before {background:none;}
#main.intro:after {background:none;}


.cont_t01 {padding-left:50%;}
.cont_t01 img {display:block; margin-left:-1010px;}

.cont_t02 {text-align:center;}
.cont_t02 img {vertical-align:top}

.cont_t03 {text-align:center; padding-left:50%;}
.cont_t03 img {vertical-align:top; margin-left:-1000px;}


.tab_toggle_cont img {vertical-align:top;}
.tab_toggle_cont .tab_list01 {overflow:hidden; width:1134px; margin:0 auto;}
.tab_toggle_cont .tab_list01 li {float:left; width:14.285%; height:186px; background:url('../images/moist/moist01_tab.jpg') no-repeat 0 0;}
.tab_toggle_cont .tab_list01 li a {display:block; overflow:hidden; height:175px; border-right:1px solid #dcdcdc; text-indent:-999px;}
.tab_toggle_cont .tab_list01 li.on {background-image:url('../images/moist/moist01_tab_on.jpg');}
.tab_toggle_cont .tab_list01 li.s01 a {border-left:1px solid #dcdcdc;}
.tab_toggle_cont .tab_list01 li.s01 {background-position:0 0;}
.tab_toggle_cont .tab_list01 li.s02 {background-position:-162px 0;}
.tab_toggle_cont .tab_list01 li.s03 {background-position:-324px 0;}
.tab_toggle_cont .tab_list01 li.s04 {background-position:-486px 0;}
.tab_toggle_cont .tab_list01 li.s05 {background-position:-648px 0;}
.tab_toggle_cont .tab_list01 li.s06 {background-position:-810px 0;}
.tab_toggle_cont .tab_list01 li.s07 {background-position:-972px 0;}
.tab_toggle_cont .tab_cont01 li {display:none;}
.tab_toggle_cont .tab_cont01 li.on {display:block;}

#bnf_slider {display:inline-block; width:1020px; margin-left:130px;}
#bnf_slider li {overflow:hidden;}
#bnf_slider li > div {float:left; border:1px solid #dcdcdc; width:50%;}
#bnf_slider li > div .img {height:206px;}
#bnf_slider li > div .img img {width:100%; height:206px;}
#bnf_slider li > div span {display:block; font-size:16px; color:#ffffff; text-align:center; line-height:40px; background:#222222;}
#bnf_slider li > div.before {margin-right:-1px;}
#bnf_slider li > div.before span {color:#222222; background:#dcdcdc;}
#bnf_slider .bx-wrapper .bx-prev {left:-60px; width:20px; height:34px; background:url('../images/common/controls02.jpg') no-repeat 0 0;}
#bnf_slider .bx-wrapper .bx-next {right:-60px; width:20px; height:34px; background:url('../images/common/controls02.jpg') no-repeat -1121px 0;}