@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; width:1280px; margin:0 auto; text-align:center; border:1px solid #dcdcdc !important; 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:#29b4b9;}
#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.s04 {border:0;}
#lnb ul {width:auto;}

#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 {text-align:center;}
.tab_toggle_cont .tab_list01 ul {display:inline-block; border:1px solid #dcdcdc;}
.tab_toggle_cont .tab_list01 li {float:left; position:relative; width:162px;}
.tab_toggle_cont .tab_list01 li a {display:block; overflow:hidden; height:175px; padding-top:30px; border-left:1px solid #dcdcdc; text-align:center; background:#fbfbfb;}
.tab_toggle_cont .tab_list01 li:first-child a {border-left:0;}
.tab_toggle_cont .tab_list01 li a img.on {display:none;}
.tab_toggle_cont .tab_list01 li.on a {background:#00adcc;}
.tab_toggle_cont .tab_list01 li.on:after {position:absolute; left:50%; bottom:-12px; width:25px; height:12px; margin-left:-12px; background:url('../images/moist/arrow01.png'); content:'';}
.tab_toggle_cont .tab_list01 li.on img.on {display:inline-block;}
.tab_toggle_cont .tab_list01 li.on img.off {display:none;}
.tab_toggle_cont .tab_cont01 {position:relative; margin-top:10px;}
.tab_toggle_cont .tab_cont01 > li {position:absolute; top:-9999px; left:-9999px;}
.tab_toggle_cont .tab_cont01 > li.on {position:relative; top:0; left:0;}

.tab_toggle_cont .tab_list01.type02 li {width:286px;}
.tab_toggle_cont .tab_list01.type02 li.on a {background:#af68e3;}
.tab_toggle_cont .tab_list01.type02 li.on:after {background:url('../images/moist/arrow02.png');}

.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;}


.tab_menu01 {width:1140px; margin:0 auto; padding:30px 0;}
.tab_menu01 ul {overflow:hidden; border:1px solid #dcdcdc;}
.tab_menu01 ul li {float:left; width:50%; background:#fbfbfb;}
.tab_menu01 ul li+li {border-left:1px solid #dcdcdc;}
.tab_menu01 ul li a {display:block; height:120px; text-align:center;}
.tab_menu01 ul li a strong {display:block; position:relative; padding-top:10px; font-size:25px; color:#333333; line-height:50px;}
.tab_menu01 ul li a strong:after {position:absolute; left:50%; bottom:0; width:25px; height:1px; margin-left:-13px; background:#cbcbcb; content:'';}
.tab_menu01 ul li a span {display:block; padding-top:10px; font-size:16px; color:#999999;}
.tab_menu01 ul li.on {background:#af68e3;}
.tab_menu01 ul li.on strong {color:#fff;}
.tab_menu01 ul li.on strong:after {background:#d7b4f1;}
.tab_menu01 ul li.on span {color:#fff;}