@charset "UTF-8";


#header{height:80px;width:100%;background:rgba(0, 0, 0, .6);position:fixed;left:0;right:0;border-bottom:1px solid #656b75;transition:all .5s;-webkit-transition:all .5s;z-index:1000;}
#header .logo{width:184px;height:44px;position:absolute;top:18px;background:url("../images/common/logo_g.png") no-repeat;background-size:184px auto;z-index:10;}
#header .logo a{display:block;}

#gnb{position:absolute;width:740px;left:50%;top:0;margin-left:-370px}
#gnb > ul{overflow:hidden;height:80px;transition:all .5s;-webkit-transition:all .5s;}
#gnb > ul:after {clear:both;content:"";display:block;}
#gnb > ul > li{float:left;}
#gnb > ul > li > a{display:block;height:80px;line-height:80px;color:#fff;font-size:17px;text-align:center;}

#gnb .depth2{padding-left:30px;left:30px;top:30px;position:relative;}
#gnb .depth2:after{content:"";width:1px;height:150px;position:absolute;left:0;top:0;background-color:#ddd;}
#gnb .depth2 li+li{margin-top:15px;}
#gnb .depth2 li a{width:199px;display:block;font-size:15px;color:#000;}

#gnb .gnb_sns{display:none;position:absolute;top:110px;right:-150px;text-align:center;transition:all .5s;-webkit-transition:all .5s;}
#gnb .gnb_sns>p{margin-bottom:10px;font-size:16px;font-family:"ngb";color:#e3007f;}
#gnb .gnb_sns>a{display:inline-block;margin:0 5px;width:35px;height:35px;background:url("../images/common/ico_sns_bg.png") no-repeat;}
#gnb .gnb_sns>a.sns01{background-position:0 0;}
#gnb .gnb_sns>a.sns02{background-position:-45px 0;}
#gnb .gnb_sns>a.sns03{background-position:-90px 0;}
#gnb .gnb_sns>a.sns04{background-position:-135px 0;}
#gnb .gnb_sns>a:hover.sns01{background-position:0 -35px;}
#gnb .gnb_sns>a:hover.sns02{background-position:-45px -35px;}
#gnb .gnb_sns>a:hover.sns03{background-position:-90px -35px;}
#gnb .gnb_sns>a:hover.sns04{background-position:-135px -35px;}

#header .util{position:absolute;right:0;top:32px;}
#header .util a{display:block;font-size:14px;color:#fff;}

#header.on{height:300px;background:url("../images/common/nav_bg_line.png") repeat-x #fff;border:0;}
#header.on .logo{background:url("../images/common/logo.png") no-repeat;background-size:184px auto;}
#header.on #gnb > ul{height:320px;}
#header.on #gnb > ul > li > a{color:#000;}
#header.on #gnb .gnb_sns{display:block;}
#header.on .util a{color:#000;}

.main #header{background:url("../images/common/nav_bg_line.png") repeat-x #fff;border:0;}
.main #header .logo{background:url("../images/common/logo.png") no-repeat;background-size:184px auto;}
.main #header #gnb > ul > li > a{color:#000;}
.main #header .util a{color:#000;}

.inner{width:1200px;margin:auto;position:relative;}

#container{background-color:#f7f7f7;}
#content .cbox{margin:-120px auto 0;padding:50px 100px 100px;position:relative;width:1400px;background-color:#fff;z-index:1;}


#footer{padding:40px 0 50px;position:relative;background-color:#111;z-index:1;}
.tomoon_sitemap{margin-bottom:40px;}
.tomoon_sitemap:after {clear:both;content:"";display:block;}
.tomoon_sitemap ul{float:left;width:150px;height:170px;border-left:1px solid #414141;}
.tomoon_sitemap ul:last-child{border-right:1px solid #414141;}
.tomoon_sitemap ul li{padding-left:10px;}
.tomoon_sitemap ul li:first-child{margin-bottom:15px;}
.tomoon_sitemap ul li+li{margin-top:10px;}
.tomoon_sitemap ul li a{color:#fff;font-size:13px;}

.address{padding-top:40px;padding-left:180px;position:relative;border-top:1px solid #414141;}
.address .logo{width:156px;height:36px;position:absolute;left:0;top:50px;background:url("../images/common/logo_w.png") no-repeat;background-size:156px auto;}
.address address{color:#fff;font-size:13px;font-style:normal;line-height:1.4;}
.address .copy{color:#fff;font-size:13px;}

.f_gnb_sns{position:absolute;right:0;bottom:10px;text-align:center;}
.f_gnb_sns>a{display:inline-block;margin:0 5px;width:35px;height:35px;background:url("../images/common/f_ico_sns_bg.png") no-repeat;}
.f_gnb_sns>a.sns01{background-position:0 0;}
.f_gnb_sns>a.sns02{background-position:-45px 0;}
.f_gnb_sns>a.sns03{background-position:-90px 0;}
.f_gnb_sns>a.sns04{background-position:-135px 0;}

	.login_type_radio { font-size:0; margin-top:30px; text-align:center; }
	.login_type_radio p { display:inline-block; font-size:14px; font-weight:500; margin:0 20px; }