@charset "utf-8";
@font-face {
    font-family: 'AritaDotum';
    font-style: normal;
    font-weight: 400;
    src: local('※'),
        url('/common/fonts/AritaDotum/AritaDotumMedium.woff2') format('woff2'), 
        url('/common/fonts/AritaDotum/AritaDotumMedium.woff') format('woff'),
        url('/common/fonts/AritaDotum/AritaDotumMedium.ttf') format('truetype'),
        url('/common/fonts/AritaDotum/AritaDotumMedium.otf') format('opentype'),
        url('/common/fonts/AritaDotum/AritaDotumMedium.eot') format('embedded-opentype');
}
html{ overflow-y:scroll; width:100%; height:100%; /* background:#1e1e1d; */ font-family: 'AritaDotum';}
body{ -webkit-text-size-adjust:none; /* background:#1e1e1d; */}

.wrapper{ overflow:hidden; padding:130px 0 0 0; /* background:#1e1e1d; */}
@media(max-width:767px){
	.wrapper{ padding:80px 0 0 0;}
}
.scroll_top{ display:none; position:fixed; z-index:200; right:50px; bottom:100px; width:50px; height:50px; border-radius:20px; background:#d01c24; text-align:center; line-height:50px; font-size:20px; color:#FFF; cursor:pointer; transition:transform 0.5s, background 0.5s:}
	.scroll_top:hover{ transform:translate(0,-10px); background:#000;}
@media(max-width:767px){
	.scroll_top{ right:15px; bottom:10%;}
	.scroll_top:hover{ background:#d01c24;}
}

.login{ display:none; position:fixed; z-index:50000; top:0; right:0; bottom:0; left:0; background:url(/images/common/bg70.png); transition:none;}
	.login .contents{ margin:50px auto 0 auto; max-width:400px;}
	.login .contents .box{ overflow:hidden; border-radius:10px; background:#FFF; box-shadow:0 5px 20px 0 rgba(0,0,0,0.15);}
	.login .contents .box .head{ overflow:hidden; position:relative; height:70px; background:#d01c24;}
	.login .contents .box .head i{ display:block; position:absolute; z-index:10; top:0; right:0; width:70px; height:70px; text-align:center; line-height:70px; font-size:25px; color:#FFF; cursor:pointer;}
	.login .contents .box .head i:hover{ color:#333;}
	.login .contents .box .head p{ text-align:center; line-height:70px; font-size:20px; color:#FFF; letter-spacing:0; font-family:'Oswald', sans-serif; font-weight:700;}
	.login .contents .box .body{ padding:30px;}
	.login .contents .box .body .input{ margin:0 0 10px 0; padding:0 0 0 59px; height:45px; border:1px solid #dcdcdc; background:#f5f5f5;}
	.login .contents .box .body .input i{ float:left; margin:0 0 0 -59px; width:59px; height:43px; text-align:center; line-height:43px; font-size:20px; color:#333;}
	.login .contents .box .body .input input{ display:block; padding:0 20px 0 0; width:100%; height:43px; border:none; background:none; line-height:41px; font-size:16px; color:#333; outline:none; -webkit-appearance:none;}
	
	.login .contents .box .body .option{ overflow:hidden; margin:0 0 0 0;}
	.login .contents .box .body .option div{ float:left; height:30px; cursor:pointer;}
	.login .contents .box .body .option div label{ font-weight:normal;}
	.login .contents .box .body .option div input{ display:block; float:left; margin:8px 5px 0 0; width:14px; height:14px; border:1px solid #CCC; background:#f5f5f5; cursor:pointer;}
	.login .contents .box .body .option div p{ float:left; line-height:28px; font-size:16px; color:#999; letter-spacing:-1px; cursor:pointer;}
	.login .contents .box .body .option div:hover p{ color:#333;}
	.login .contents .box .body .option ul{ float:right;}
	.login .contents .box .body .option ul li{ float:left; margin:0 0 0 15px;}
	.login .contents .box .body .option ul li p{ line-height:28px; font-size:16px; color:#999; letter-spacing:-1px; cursor:pointer;}
	.login .contents .box .body .option ul li p:hover{ color:#333;}
	.login .contents .box .body .button{ margin:20px auto 0 auto; width:120px; height:45px; border-radius:5px; background:#d01c24; text-align:center; line-height:45px; font-size:15px; font-weight:bold; color:#FFF; letter-spacing:-1px; cursor:pointer;}
	.login .contents .box .body .button:hover{ background:#333;}
	
	.login .contents .box .body .txt{ margin:20px 0 0 0; text-align:center; line-height:20px; font-size:14px; color:#666;}
@media(max-width:767px){
	.login .contents{ margin:40px 15px;}
	.login .contents .box{ border-radius:5px;}
	.login .contents .box .head{ height:60px;}
	.login .contents .box .head i{ width:60px; height:60px; line-height:60px;}
	.login .contents .box .head p{ line-height:60px; font-size:18px;}
	.login .contents .box .body{ padding:20px;}
	.login .contents .box .body .input{ margin:0 0 10px 0; padding:0 0 0 49px; height:50px;}
	.login .contents .box .body .input i{ margin:0 0 0 -49px; width:49px; height:48px; line-height:48px; font-size:15px;}
	.login .contents .box .body .input input{ height:48px; line-height:46px; font-size:15px;}
	
	.login .contents .box .body .option{ margin:0 0 0 0;}
	.login .contents .box .body .option div p{ font-size:13px;}
	.login .contents .box .body .option ul li{ margin:0 0 0 10px;}
	.login .contents .box .body .option ul li p{ font-size:13px;}
	.login .contents .box .body .txt{ line-height:16px; font-size:12px;}
}


.login_id{ display:none; position:fixed; z-index:50000; top:0; right:0; bottom:0; left:0; background:url(/images/common/bg70.png); transition:none;}
	.login_id .contents{ margin:50px auto 0 auto; max-width:400px;}
	.login_id .contents .box{ overflow:hidden; border-radius:10px; background:#FFF; box-shadow:0 5px 20px 0 rgba(0,0,0,0.15);}
	.login_id .contents .box .head{ overflow:hidden; position:relative; height:70px; background:#d01c24;}
	.login_id .contents .box .head i{ display:block; position:absolute; z-index:10; top:0; right:0; width:70px; height:70px; text-align:center; line-height:70px; font-size:25px; color:#FFF; cursor:pointer;}
	.login_id .contents .box .head i:hover{ color:#333;}
	.login_id .contents .box .head p{ text-align:center; line-height:70px; font-size:20px; font-weight:bold; color:#FFF; letter-spacing:0;}
	.login_id .contents .box .body{ padding:30px;}
	.login_id .contents .box .body .input{ margin:0 0 10px 0; padding:0 0 0 59px; height:45px; border:1px solid #dcdcdc; background:#f5f5f5;}
	.login_id .contents .box .body .input i{ float:left; margin:0 0 0 -59px; width:59px; height:43px; text-align:center; line-height:43px; font-size:20px; color:#333;}
	.login_id .contents .box .body .input input{ display:block; padding:0 20px 0 0; width:100%; height:43px; border:none; background:none; line-height:41px; font-size:16px; color:#333; outline:none; -webkit-appearance:none;}
	
	.login_id .contents .box .body .button{ margin:20px auto 0 auto; width:120px; height:45px; border-radius:5px; background:#d01c24; text-align:center; line-height:45px; font-size:15px; font-weight:bold; color:#FFF; letter-spacing:-1px; cursor:pointer;}
	.login_id .contents .box .body .button:hover{ background:#333;}
	
	.login_id .contents .box .body .txt{ margin:20px 0 0 0; text-align:center; line-height:20px; font-size:14px; color:#666;}
@media(max-width:767px){
	.login_id .contents{ margin:40px 15px;}
	.login_id .contents .box{ border-radius:5px;}
	.login_id .contents .box .head{ height:60px;}
	.login_id .contents .box .head i{ width:60px; height:60px; line-height:60px;}
	.login_id .contents .box .head p{ line-height:60px; font-size:18px;}
	.login_id .contents .box .body{ padding:20px;}
	.login_id .contents .box .body .input{ margin:0 0 10px 0; padding:0 0 0 49px; height:50px;}
	.login_id .contents .box .body .input i{ margin:0 0 0 -49px; width:49px; height:48px; line-height:48px; font-size:15px;}
	.login_id .contents .box .body .input input{ height:48px; line-height:46px; font-size:15px;}
	
	.login_id .contents .box .body .txt{ line-height:16px; font-size:12px;}
}




header{ position:fixed; z-index:1000; top:0; right:0; left:0;}
	header > .top{ position:relative; z-index:100; background:#1e1e1d;}
	header > .top .wrap{ position:relative; margin:0 auto; height:80px;transition:.8s;}
	header > .top .wrap.change{height:0;visibility: hidden;transition:.5s;}
	header > .top .wrap .logo{ position:absolute; z-index:10; top:25px; left:50%; margin:0 0 0 -88px; width:176px;}
	header > .top .wrap .logo img{ display:block; height:30px;}
	header > .top .wrap .logo_2{ display:none; height:30px;}
	
	header > .top .m_right_btn_close{ display:none; position:absolute; z-index:600; top:28px; right:-30px; width:30px; height:24px; transition:right 0.5s, opacity 1s ease-in-out;}
	header > .top .m_right_btn_close #nav-icon4{ margin:0;}
	header > .top .m_right_btn_close #nav-icon4 span{ background:#FFF;}
	header > .top .m_right_btn_close.on{ right:30px; opacity:1;}
	header > .top .m_right_btn{ display:none; position:absolute; z-index:100; top:25px; right:30px; width:30px; height:30px; text-align:center; line-height:30px; font-size:30px; color:#FFF;}
	
	header > .top .wrap .left{ position:absolute; top:20px; left:30px;}
	header > .top .wrap .left p{ line-height:15px; font-size:13px; color:#DDD;}
	header > .top .wrap .left font{ display:block; line-height:25px; font-size:25px; color:#FFF; font-family:'Oswald', sans-serif; font-weight:700;}
	
	header > .top .wrap .right{ position:absolute; top:20px; right:30px;}
	header > .top .wrap .right .center{}
	header > .top .wrap .right .center .menu{}
	header > .top .wrap .right .center .menu ul{ overflow:hidden;}
	header > .top .wrap .right .center .menu ul li{ float:left; margin:0 0 0 5px; line-height:40px;}
	header > .top .wrap .right .center .menu ul li a{ line-height:40px; font-size:12px; color:#f7f7f7; cursor:pointer; font-weight:bold;}
	header > .top .wrap .right .center .menu ul li a:hover{ color:#d01c24;}
	
	header .m_gnb_btn_close{ display:none; position:absolute; z-index:400; top:25px; left:15px; width:30px; height:30px; background:rgba(0,0,0,0);}
	header .m_gnb_btn{ display:none; position:absolute; z-index:300; top:28px; left:15px; width:30px; height:24px;}
	header .m_gnb_btn #nav-icon1{ margin:0;}
	header .m_gnb_btn #nav-icon1 span{ background:#FFF;}
@media (max-width:1025px){	
}
@media(max-width:767px){
	header > .top .wrap .logo_1{ display:none;}
	header > .top .wrap .logo_2{ display:block;}
	

	header > .top .m_right_btn_close{ display:block; right:-30px;}
	header > .top .m_right_btn_close.on{ display:block; right:15px; transition:right 0.5s ease-in-out;}
	header > .top .m_right_btn{ display:block; right:15px;}
	header > .top .m_right_btn.on{ right:-30px;}
	header > .top .wrap .left{ display:none;}
	
	header > .top .wrap .right{ position:fixed; z-index:500; top:0; right:0; bottom:100%; left:0; background:url(/images/common/bg70.png); opacity:0; transition:opacity 0.5s ease-in-out, bottom 0s ease-in-out;}
	header > .top .wrap .right .center{ overflow:hidden; margin:-200px auto 0 auto; max-width:200px; transition:margin 1.5s;}
	header > .top .wrap .right .center .menu{}
	header > .top .wrap .right .center .menu ul{}
	header > .top .wrap .right .center .menu ul li{ float:inherit; margin:0 0 20px 0;}
	header > .top .wrap .right .center .menu ul li a{ padding:0; border-radius:3px; background:#FFF; text-align:center; line-height:50px; font-size:16px; color:#666;}
	
	header > .top .wrap .right .center .menu ul li:nth-child(1){ margin-top:-100px; transition:margin 1s;}
	header > .top .wrap .right .center .menu ul li:nth-child(2){ margin-top:-200px; transition:margin 1s;}
	header > .top .wrap .right .center .menu ul li:nth-child(3){ margin-top:-300px; transition:margin 1s;}
	header > .top .wrap .right .center .menu ul li:nth-child(4){ margin-top:-400px; transition:margin 1s;}
	
	header > .top .wrap .right.on{ bottom:0; opacity:1;}
	header > .top .wrap .right.on .center{ margin:50px auto 0 auto;}
	
	header > .top .wrap .right.on .center .menu ul li:nth-child(1){ margin-top:0;}
	header > .top .wrap .right.on .center .menu ul li:nth-child(2){ display:none; margin-top:0;}
	header > .top .wrap .right.on .center .menu ul li:nth-child(3){ margin-top:0;}
	header > .top .wrap .right.on .center .menu ul li:nth-child(4){ display:none; margin-top:0;}
	
	header .m_gnb_btn{ display:block;}
}




.gnb{}	
	.gnb .box{ height:50px; border-bottom:3px solid #1e1e1d; background:#FFF; text-align:center;}
	.gnb .box > ul{ display:inline-block;}
	.gnb .box > ul > li{ position:relative; float:left; margin:0 0 0 -3px; outline:none;}
	.gnb .box > ul > li .top{ position:relative; z-index:30;}
	.gnb .box > ul > li .top a{ position:absolute; z-index:100; top:0; right:0; bottom:0; left:0; background:url(/images/common/bg01.png);}
	.gnb .box > ul > li .top span{ display:block; position:absolute; z-index:80; top:0; right:0; left:0; height:50px; border-right:1px solid #1e1e1d; border-left:1px solid #1e1e1d; background:#FFF; opacity:0; transition:opacity .3s;}
	.gnb .box > ul > li .top p{ overflow:hidden; border-left:1px solid #ececec; background:url(/images/common/bg01.png);}
	.gnb .box > ul > li:first-child .top p{ border:0;}
	.gnb .box > ul > li .top p font{ display:block; position:relative; z-index:90; float:left; padding:0 25px; height:47px; line-height:47px; font-size:14px; font-weight:bold; color:#555; letter-spacing:-0.5px;}
	.gnb .box > ul > li .top p i{ display:none;}
	
	.gnb .box > ul > li .bottom{ overflow:hidden; position:absolute; z-index:20; top:50px; left:0; width:515px; height:0; border:1px solid #1e1e1d; border-top:0; background:#FFF; opacity:0;}
	.gnb .box > ul > li .bottom.no_img{ width:auto;}
	.gnb .box > ul > li .bottom.no_img2{ width:137px;}
	.gnb .box > ul > li .bottom .menu{ float:left; margin:20px 0; width:128px;}
	.gnb .box > ul > li .bottom .menu li{}
	.gnb .box > ul > li .bottom .menu li a{ padding:0 0 0 22px; text-align:left; line-height:25px; font-size:12px; color:#666; letter-spacing:-1px;}
	.gnb .box > ul > li .bottom .menu li a:hover{ color:#d01c24;}
	
	.gnb .box > ul > li .bottom .img{ float:left; margin:20px 0; padding:10px; border-left:1px solid #DDD;}
	.gnb .box > ul > li .bottom .img li{ float:left; padding:0 10px;}
	.gnb .box > ul > li .bottom .img li a{}
	.gnb .box > ul > li .bottom .img li a img{ display:block; width:100px; height:100px; border-radius:2px;}
	.gnb .box > ul > li .bottom .img li a p{ margin:10px 0 5px 0; text-align:left; line-height:15px; font-size:12px; font-weight:bold; color:#333; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
	.gnb .box > ul > li .bottom .img li a font{ display:block; text-align:left; line-height:12px; font-size:12px; color:#999; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
	.gnb .box > ul > li .bottom .img li:hover a p{ color:#d01c24;}
	
	.gnb .box > ul > li.on{ z-index:50;}
	.gnb .box > ul > li.on .top span{ opacity:1;}
	.gnb .box > ul > li.on .top p font{ color:#d01c24;}
	.gnb .box > ul > li.on .bottom{ height:205px; opacity:1;}
	.gnb .box > ul > li.on .bottom.no_img{ height:140px; opacity:1;}
	.gnb .box > ul > li.on .bottom.no_img2{ height:90px; opacity:1;}
	
	.gnb .box > ul > li.active .top p font{ color:#d01c24 !important;}
	.gnb .box > ul > li.active .top p i{ color:#d01c24 !important;}
@media(max-width:1025px){
	.gnb .box{}
/* 	.gnb .box > ul > li:nth-child(1) .top a{ display:none;}
	.gnb .box > ul > li:nth-child(2) .top a{ display:none;}
	.gnb .box > ul > li:nth-child(4) .top a{ display:none;}
	.gnb .box > ul > li:nth-child(5) .top a{ display:none;}
	.gnb .box > ul > li:nth-child(6) .top a{ display:none;} */
}
@media(max-width:1000px){
	.gnb .box > ul > li .top p font{ padding:0 18px;}
	.gnb .box > ul > li .bottom{ width:395px;}
	.gnb .box > ul > li .bottom .img li:nth-child(3){ display:none;}
}
@media(max-width:767px){
	.gnb{ position:fixed; z-index:200; top:0; right:0; bottom:0; left:100%; background:url(/images/common/bg70.png); opacity:0; transition:left 0s, opacity 0.5s;}	
	.gnb .box{ overflow-x:auto; position:fixed; top:0; right:-60%; bottom:0; width:60%; height:auto; border:0; text-align:left; transition:right 0.8s;}
	.gnb .box > ul{ display:inherit;}
	.gnb .box > ul > li{ overflow:hidden; float:inherit; margin:0; min-height:51px;}
	.gnb .box > ul > li .top{ position:relative; z-index:100; padding:0; background:#FFF; line-height:60px;}
	.gnb .box > ul > li .top span{ display:none;}
	.gnb .box > ul > li .top p{ margin:0 0 0 20px; border:0; border-bottom:1px solid #DDD !important;}
	.gnb .box > ul > li .top p font{ padding:0; line-height:50px;}
	.gnb .box > ul > li .top p i{ display:block; float:right; margin:0 20px 0 0; height:50px; line-height:50px; font-size:22px; color:#999; transform:rotate(-90deg); transition:transform 1s;}
	
	.gnb .box > ul > li .bottom{ position:static; margin:-350px 0 0 0; padding:15px 0 20px 0; width:auto; height:auto; border:0; background:#f0f0f0; opacity:1;}
	.gnb .box > ul > li .bottom.no_img2{ width:auto;}
	.gnb .box > ul > li .bottom .menu{ float:inherit; margin:0; width:auto;}
	.gnb .box > ul > li .bottom .menu li{}
	.gnb .box > ul > li .bottom .menu li a{ padding:0 0 0 22px; text-align:left; line-height:25px; font-size:12px; color:#666; letter-spacing:-1px;}
	.gnb .box > ul > li .bottom .menu li a:hover{ color:#d01c24;}
	
	.gnb .box > ul > li .bottom .img{ overflow:hidden; float:inherit; margin:15px 0 0 0; padding:0 15px; border:0; width:100%;}
	.gnb .box > ul > li .bottom .img li{ padding:0; width:50%;}
	.gnb .box > ul > li .bottom .img li a{ padding:0 5px;}
	.gnb .box > ul > li .bottom .img li a img{ display:block; width:100%; height:60px;}
	
	.gnb.open{ left:0; opacity:1;}
	.gnb.open .box{ right:0;}
	.gnb.open .right{display:none;}
	.gnb .box > ul > li.on .bottom{ margin:-1px 0 0 0; height:auto; opacity:1;}
}

footer{ position:relative; z-index:20; padding:0 0 80px 0; background:#1e1e1d; text-align:center;}
	footer .menu{ height:80px; background:#d01c24; text-align:center;}
	footer .menu ul{ display:inline-block;}
	footer .menu ul li{ float:left; margin:0 10px;}
	footer .menu ul li a{ line-height:80px; font-size:16px; color:#FFF; font-family:'Oswald', sans-serif; font-weight:400; opacity:1; transition:opacity 0.5s;}
	footer .menu ul li a:hover{ opacity:0.5;}
	footer .contact{ margin:50px 0 0 0; text-align:center;}
	footer .contact p{ line-height:16px; font-size:16px; color:#CCC; text-transform:uppercase; font-family:'Oswald', sans-serif; font-weight:400;}
	footer .contact font{ margin:10px 0; display:block; line-height:30px; font-size:30px; color:#FFF; font-family:'Oswald', sans-serif; font-weight:700;}
	footer .contact ul{ text-align:center;}
	footer .contact ul li{ display:inline-block;}
	footer .contact ul li a{ line-height:20px; font-size:13px; color:#DDD;}
	footer .contact ul li a:hover{ color:#d01c24;}
	footer .contact ul li span{ display:block; margin:0 10px; line-height:20px; font-size:12px; color:#999;}	
	footer .text{ margin:10px 0 0 0; line-height:16px; font-size:12px; color:#999;}
	footer .copy{ margin:10px 0 0 0; line-height:14px; font-size:12px; color:#666; text-transform:uppercase;}
	footer .sns{ margin:20px 0 0 0; text-align:center;}
	footer .sns ul{ display:inline-block;}
	footer .sns ul li{ float:left; margin:0 5px;}
	footer .sns ul li a{ width:40px; height:40px; border:1px solid #d01c24; text-align:center; line-height:38px; font-size:18px; color:#FFF;}
	footer .sns ul li a:hover{ background:#d01c24;}
	
@media(max-width:767px){
	footer{ padding:0 0 50px 0;}
	footer .menu{ height:50px;}
	footer .menu ul li{ margin:0 4px;}
	footer .menu ul li a{ line-height:50px; font-size:12px; letter-spacing:0.1px;}
	footer .contact{ margin:30px 0 0 0;}
	footer .contact p{ font-size:12px;}
	footer .contact font{ line-height:30px; font-size:30px;}
	footer .contact ul{ margin:0 auto; width:300px;}
	footer .contact ul li a{ line-height:15px; font-size:12px;}
	footer .contact ul li span{ display:block; margin:0 5px; line-height:15px; font-size:10px;}
	footer .text{ letter-spacing:-1px;}
	footer .text font{ letter-spacing:0;}
	footer .copy{ font-size:10px;}
	footer .sns{ margin:15px 0 0 0;}
	footer .sns ul li a{ width:30px; height:30px; line-height:28px; font-size:14px;}
}

.img_wrap {width: 100%;height: 50vh;background: url(/images/main/visual_01.jpg);background-position: center 130px;background-attachment: fixed;background-repeat: no-repeat;}
.img_wrap img {width:100%;}

.visual{ overflow:hidden; position:fixed; z-index:10; top:130px; right:0; left:0;}
	.visual *{ transition:none;}
	.visual .bx-wrapper{ overflow:hidden; position:relative; z-index:10; margin:0;}
	.visual .bx-wrapper .bx-viewport{ left:0; border:0; box-shadow:none; background:none;}		
	.visual .rolling{ overflow:hidden; position:relative; z-index:10; margin:0;}
	.visual .rolling li{ overflow:hidden;}
	.visual .rolling li a{ overflow:hidden; position:relative;}	
	.visual .rolling li a .line{ position:absolute; z-index:100; right:0; bottom:0; left:100%; height:5px; background:#d01c24;}
	.visual .rolling li a .text{ position:absolute; z-index:50; top:0; right:0; bottom:0; left:0;}
	.visual .rolling li a .text p{ line-height:100px; font-size:100px; color:#FFF; font-family:'Oswald', sans-serif; font-weight:300; letter-spacing:1px;}
	.visual .rolling li a .text span{ display:block; margin:20px auto; width:50px; height:1px; background:#FFF;}
	.visual .rolling li a .text font{ line-height:50px; font-size:50px; color:#FFF; font-family:'Oswald', sans-serif; font-weight:700; letter-spacing:1px;}
	.visual .rolling li a img{ display:block; width:100%;}	
	.visual .bx-wrapper .bx-pager{ z-index:50; top:30px; left:30px; padding:0; width:auto !important; height:80px; text-align:left !important; line-height:80px; font-size:30px; color:#999; font-family:'Oswald', sans-serif; font-weight:700;}
	.visual .bx-wrapper .bx-pager font{ font-size:80px; color:#d01c24; font-family:'Oswald', sans-serif; font-weight:700;}	
	.visual_btn{ position:absolute; z-index:50; width:25px; height:50px;}
	.visual_btn i{ width:25px; height:50px; text-align:center; line-height:50px; font-size:80px; color:#FFF; transition:color 0.5s;}
	.visual_btn a{ position:absolute; z-index:10; top:0; width:25px; height:50px; background:url(/images/common/bg01.png);}
	.visual_btn:hover i{ color:#d01c24;}
	#visual_btn_L{ left:30px; top:50%; margin:-25px 0 0 0;}
	#visual_btn_R{ right:30px; top:50%; margin:-25px 0 0 0;}
	
@media (max-width:1400px){
	.visual .rolling li a .text p{ line-height:60px; font-size:60px;}
	.visual .rolling li a .text font{ line-height:30px; font-size:30px;}
}	
@media (max-width:1025px){
	.visual .rolling li a img{ margin:0 0 0 -20%; width:140%;}
	.visual .rolling li a .line{ height:2px;}	
	.visual .bx-wrapper .bx-pager{ top:30px; left:30px; height:50px; line-height:50px; font-size:20px;}
	.visual .bx-wrapper .bx-pager font{ font-size:50px;}
	.visual_btn i{ font-size:50px;}
}
@media (max-width:767px){
	.visual{ top:80px;}
	.visual .rolling li a .text p{ line-height:30px; font-size:30px;}
	.visual .rolling li a .text span{ margin:10px auto;}
	.visual .rolling li a .text font{ line-height:15px; font-size:15px;}	
	.visual .rolling li a img{ margin:0 0 0 -40%; width:180%;}
	.visual .bx-wrapper .bx-pager{ top:15px; left:15px; height:30px; line-height:30px; font-size:15px;}
	.visual .bx-wrapper .bx-pager font{ font-size:30px;}
	.visual_btn{ width:12px;}
	.visual_btn i{ width:12px; font-size:30px;}
	.visual_btn a{ width:12px;}	
	#visual_btn_L{ left:20px;}
	#visual_btn_R{ right:20px;}
}

.main_tit{ margin:0 0 50px 0; text-align:center;}
	.main_tit p{ display:block; line-height:15px; font-size:15px; color:#d01c24; letter-spacing:-1px;}
	.main_tit h1{ display:block; margin:5px 0 0 0; line-height:50px; font-size:40px; color:#424242 !important; font-family:'Oswald', sans-serif; font-weight:700; font-style:normal !important;}
	.main_tit h2{ display:block; margin:0px 0 0 0; line-height:20px; font-size:16px; color:#333; text-transform:none; letter-spacing:0;}
	.main_tit span{ display:block; margin:15px auto; width:50px; height:2px; background:#929290;}
	.main_tit font{ display:block; line-height:20px; font-size:15px; color:#666 !important; letter-spacing:-1px;}
	
@media (max-width:767px){
	.main_tit{ margin:0 0 20px 0;}
	.main_tit p{ line-height:12px; font-size:12px;}
	.main_tit h1{ margin:5px 0 0 0; line-height:30px; font-size:25px;}
	.main_tit h2{ margin:5px 0 0 0; line-height:15px; font-size:14px;}
	.main_tit span{ margin:10px auto; width:40px; height:1px;}
	.main_tit font{ line-height:16px; font-size:12px;}
}

.main_work{ position:relative; z-index:20; padding:80px 0 120px 0; background:#f7f7f7;}
	.main_work .top_icon{ position:absolute; top:-30px; left:50%; margin:0 0 0 -30px; width:60px; height:60px; background:#d01c24; text-align:center; line-height:60px; font-size:30px; color:#FFF;}
	.main_work .more{ margin:-10px auto 0 auto; width:60px; height:20px; text-align:center; line-height:20px; font-size:16px; color:#181818; text-decoration:underline !important; font-family:'Oswald', sans-serif; font-weight:700;}
	.main_work .menu{ margin:50px 0; text-align:center;}
	.main_work .menu ul{ display:inline-block;}
	.main_work .menu ul li{ float:left; margin:0 0 0 -1px;}	
	.main_work .menu ul li a{ height:40px; border:1px solid #363634; background:#272726;}
	.main_work .menu ul li a p{ position:relative; z-index:10; margin:-1px; padding:0 20px; line-height:40px; font-size:12px; color:#F7F7F7; cursor:pointer; font-weight:bold;}	
	.main_work .menu ul li a p:hover{ background:#d01c24; color:#FFF;}
	.main_work .menu ul li.on a p{ z-index:20; border-color:#d01c24; background:#d01c24; color:#F7F7F7;}
	
@media(max-width:767px){	
	.main_work{ padding:40px 0 60px 0;}
	.main_work .top_icon{ top:-15px; margin:0 0 0 -15px; width:30px; height:30px; line-height:30px; font-size:15px;}
	.main_work .more{ margin:-10px auto 0 auto; width:40px; height:15px; line-height:15px; font-size:12px;}
	.main_work .menu{ margin:20px 0;}
	.main_work .menu ul li a{ height:40px;}
	.main_work .menu ul li a p{ padding:0 10px; line-height:40px; font-size:12px;}
}

.sub_work{ position:relative; z-index:20; padding:80px 0 120px 0; background:#ffffff;}
	.sub_work .top_icon{ position:absolute; top:-30px; left:50%; margin:0 0 0 -30px; width:60px; height:60px; background:#d01c24; text-align:center; line-height:60px; font-size:30px; color:#FFF;}
	.sub_work .menu{ margin:50px 0; padding:0 15px;}
	.sub_work .menu ul{ padding:1px 0 0 1px; text-align:center;}
	.sub_work .menu ul li{ display:inline-block;}
	.sub_work .menu ul li a{ margin:-1px 0 0 -1px; height:40px; border:1px solid #DDD; background:#FFF; padding:0 20px; line-height:38px; font-size:12px; color:#666; cursor:pointer;}
	.sub_work .menu ul li a:hover{ background:#DDD; color:#333;}
	.sub_work .menu ul li.on a{ position:relative; z-index:10; border-color:#d01c24; background:#d01c24; color:#FFF;}
	.sub_work .more{ margin:50px auto 0 auto; width:200px; height:50px; border:1px solid #DDD; background:#f5f5f5; text-align:center; line-height:48px; font-size:20px; color:#666; font-family:'Oswald', sans-serif; font-weight:400; cursor:pointer;}
	.sub_work .more i{ color:#666;}
	.sub_work .more:hover{ border-color:#d01c24; background:#d01c24; color:#FFF;}
	.sub_work .more:hover i{ color:#FFF;}
	
@media(max-width:767px){	
	.sub_work{ padding:40px 0 60px 0;}
	.sub_work .top_icon{ top:-15px; margin:0 0 0 -15px; width:30px; height:30px; line-height:30px; font-size:15px;}
	.sub_work .menu{ margin:20px 0;}
	.sub_work .menu ul li a{ padding:0 10px;}
	.sub_work .more{ margin:20px auto 0 auto; width:100px; height:40px; line-height:38px; font-size:15px;}
}

.work_list{ margin:0 auto; max-width:1360px;}
	.work_list > ul{ overflow:hidden; margin:-30px 0 0 0;}
	.work_list > ul > li{ margin:30px 0 0 0; float:left; width:25%;}
	.work_list > ul > li .wrap{ overflow:hidden; position:relative; margin:0 15px;}
	.work_list > ul > li .wrap .line{ position:absolute; z-index:10; top:0; right:0; bottom:0; left:0; border:1px solid #000; opacity:0.1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=10);}
	.work_list > ul > li .wrap .img{ overflow:hidden;}
	.work_list > ul > li .wrap .img .height{ overflow:hidden;}
	.work_list > ul > li .wrap .img img{ display:block; width:100%; transition:margin 1s;}
	.work_list > ul > li .wrap .on{ opacity:0; position:absolute; z-index:5; top:0; right:0; bottom:0; left:0; background:url(/images/common/bg70.png); transition:opacity 0.5s; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);}
	.work_list > ul > li .wrap .on img{ transition:margin 1s; display:block; position:absolute; top:50%; left:50%; margin:0 0 0 -50px; width:100px;}
	.work_list > ul > li .wrap .bottom{ position:absolute; z-index:20; right:0; bottom:-45px; left:0; padding:5px; background:#1e1e1d; text-align:center; opacity:0.9; transition:bottom 0.5s, background 0.5s, opacity 0.5s;}
	.work_list > ul > li .wrap .bottom font{ transition:margin 1.25s; display:block; margin:10px 0 0 0; width:100%; line-height:20px; font-size:15px; color:#FFF; letter-spacing:-1px;}
	.work_list > ul > li .wrap .bottom p{ transition:margin 1s; display:block; width:100%; line-height:15px; font-size:12px; color:#FFF; opacity:0.8;}
	.work_list > ul > li .wrap .bottom span{ transition:margin 0.75s; display:block; margin:5px 0 0 0; width:100%; line-height:25px; font-size:25px; color:#FFF; font-family:'Oswald', sans-serif; font-weight:700;}
	.work_list > ul > li .wrap .bottom ul{ transition:margin 1s, width 1s, opacity 1s; overflow:hidden; margin:15px 0 0 -50%; width:200%; border-left:1px solid #363634; opacity:0;}
	.work_list > ul > li .wrap .bottom ul li{ float:left; width:33.333%;}
	.work_list > ul > li .wrap .bottom ul li a{ height:40px; border:1px solid #363634; border-left:0; background:#272726; line-height:38px; font-size:13px; color:#FFF; text-transform:uppercase; letter-spacing:-1px;/* font-family:'Oswald', sans-serif; font-weight:400;*/}
	.work_list > ul > li .wrap .bottom ul li a:hover{ background:#363634; color:#d01c24;}	
	.work_list > ul > li.on .wrap .on img{ margin-top:-60px;}
	.work_list > ul > li.on .wrap .on{ display:block; opacity:1;}
	.work_list > ul > li.on .wrap .bottom{ bottom:0; background:#d01c24; opacity:1;}
	.work_list > ul > li.on .wrap .bottom span{ margin:5px 0 0 0;}
	.work_list > ul > li.on .wrap .bottom ul{ margin:15px 0 0 0; width:100%; opacity:1;}
	
@media(max-width:1250px){
	.work_list{ margin:0 15px;}
}
@media(max-width:1025px){
	.work_list{}
	.work_list > ul{ margin:-30px 0 0 0;}
	.work_list > ul > li{ float:left; margin:30px 0 0 0; width:50%;}
	.work_list > ul > li .wrap .on{ display:none !important;}
	.work_list > ul > li .wrap .bottom{ position:static; background:#d01c24; opacity:1;}
	.work_list > ul > li .wrap .bottom span{ margin:5px 0 0 0;}
	.work_list > ul > li .wrap .bottom ul{ position:relative; z-index:20; margin-left:0; width:100%; opacity:1;}
	.work_list > ul > li .wrap .bottom ul li a{ letter-spacing:0.5px;}
}
@media(max-width:767px){	
	.work_list{ margin:0 7.5px;}
	.work_list > ul{ margin:-15px 0 0 0;}
	.work_list > ul > li{ margin:15px 0 0 0; width:50%;}
	.work_list > ul > li .wrap{ margin:0 7.5px;}
	.work_list > ul > li .wrap .on{ position:absolute; z-index:5; top:0; right:0; bottom:0; left:0; background:url(/images/common/bg70.png);}
	.work_list > ul > li .wrap .on img{ display:block; position:absolute; top:50%; left:50%; margin:-50px 0 0 -40px; width:80px;}	
	.work_list > ul > li .wrap .bottom{}
	.work_list > ul > li .wrap .bottom font{ margin:5px 0 0 0; line-height:20px; font-size:12px;}
	.work_list > ul > li .wrap .bottom p{ line-height:15px; font-size:10px;}
	.work_list > ul > li .wrap .bottom span{  margin:5px 0 0 0; line-height:20px; font-size:20px;}
	.work_list > ul > li .wrap .bottom ul{ overflow:hidden; margin:15px 0 0 0; border-left:1px solid #363634;}
	.work_list > ul > li .wrap .bottom ul li a{ height:30px; line-height:28px; font-size:11px;}
}

.work_list_new{ margin:0 130px;}
	.work_list_new  ul{ overflow:hidden; margin:-10px 0 0 0;}
	.work_list_new  ul li{ margin:0 0 0 0; float:left; width:20%;}
	.work_list_new  ul li.work_list_li { margin:20px 0 0 0; float:left; width:20%;}
	.work_list_new  ul li .wrap{ -webkit-transform:rotate(0deg); overflow:hidden; position:relative; margin:0 5px;cursor: pointer; }
	.work_list_new  ul li .wrap .line{ position:absolute; z-index:10; top:0; right:0; bottom:0; left:0; border:1px solid #000; opacity:0.1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=10);}
	.work_list_new  ul li .wrap .img{ -webkit-transform:rotate(0deg); overflow:hidden;}
	.work_list_new  ul li .wrap .img .height{ -webkit-transform:rotate(0deg); overflow:hidden;}
	.work_list_new  ul li .wrap .img img{ -webkit-transform:rotate(0deg); display:block; width:100%; transform:scale(1);}
	.work_list_new  ul li .wrap .on{ display:none; -webkit-transform:rotate(0deg); opacity:0; overflow:hidden; position:absolute; z-index:5; top:-1px; right:-1px; bottom:-1px; left:-1px; background:url(/images/common/bg70.png); transition:opacity 0.5s; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);}
	.work_list_new  ul li .wrap .on img{ -webkit-transform:rotate(0deg); transition:margin 1s; display:block; position:absolute; top:50%; left:50%; margin:0 0 0 -50px; width:100px;}
	.work_list_new  ul li .wrap .bottom{ -webkit-transform:rotate(0deg); position:absolute; z-index:20; right:-1px; bottom:-40px; left:0; background:rgba(0,0,0,0.8); /*background:#1e1e1d;*/ text-align:center; opacity:0.9; transition:bottom 0.5s, background 0.5s, opacity 0.5s;}
	.work_list_new  ul li .wrap .bottom font{ transition:margin 1.25s, color 1s; display:block; margin:10px 0 0 0; width:100%; line-height:30px; font-size:16px; color:#FFF; letter-spacing:-1px; font-weight:bold; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
	.work_list_new  ul li .wrap .bottom p{ transition:margin 1s, color 1s; display:block; width:100%; line-height:15px; font-size:12px; color:#DDD; opacity:0.8; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
	.work_list_new  ul li .wrap .bottom span{ transition:margin 0.75s, color 1s; display:block; margin:5px 0 0 0; width:100%; line-height:20px; font-size:20px; color:#DDD; font-family:'Oswald', sans-serif; font-weight:400;}
	.work_list_new  ul li .wrap .bottom ul{ transition:margin 1s, width 1s, opacity 1s; overflow:hidden; margin:0 0 0 -50%; width:200%; /* border-left:1px solid #363634; */ opacity:0;}
	.work_list_new  ul li .wrap .bottom ul li{ float:left; width:33.333%;}
	.work_list_new  ul li .wrap .bottom ul li.demo_btn_mobile{display:none;}
	.work_list_new  ul li .wrap .bottom ul li a{ height:40px; border:1px solid #363634; border-left:0; background:#272726; line-height:38px; font-size:13px; color:#FFF; text-transform:uppercase; letter-spacing:-1px;/* font-family:'Oswald', sans-serif; font-weight:400;*/}
	.work_list_new  ul li .wrap .bottom ul li a:hover{ background:#363634; color:#d01c24;}	
	.work_list_new  ul li.on .wrap .img img{ transform:scale(1);}
	.work_list_new  ul li.on .wrap .on img{ margin-top:-60px;}
	.work_list_new  ul li.on .wrap .on{ display:none; opacity:1;}
	.work_list_new  ul li.on .wrap .bottom{ bottom:0; /* background:#d01c24; */ opacity:1;}
	.work_list_new  ul li.on .wrap .bottom font{ color:#FFF;}
	.work_list_new  ul li.on .wrap .bottom p{ color:#FFF;}
	.work_list_new  ul li.on .wrap .bottom span{ margin:5px 0 0 0; color:#FFF;}
	.work_list_new  ul li.on .wrap .bottom ul{ margin:0 0 0 0; width:100%; opacity:1;}

	.work_list_textarea {text-align:center;margin-top:10px;}
	.work_list_textarea font {font-size:16px;line-height:24px;}
	.work_list_textarea p {font-size:20px;line-height:30px;font-weight:600;}
	.work_list_textarea span {}
@media(max-width:1600px){
	.work_list_new  ul li.work_list_li{ width:20%;}
}
@media(max-width:1400px){
	.work_list_new  ul li.work_list_li{ width:25%;}
}
@media(max-width:1025px){
	.work_list_new  ul li .wrap{ padding:0 0 0 0; background:#d01c24;}
	.work_list_new  ul li .wrap .on{ display:none !important;}
	.work_list_new  ul li .wrap .bottom{ bottom:0; opacity:1;}
	.work_list_new  ul li .wrap .bottom font{}
	.work_list_new  ul li .wrap .bottom p{}
	.work_list_new  ul li .wrap .bottom span{ margin:5px 0 0 0;}
	.work_list_new  ul li .wrap .bottom ul{ position:relative; z-index:20; margin:0 0 0 0; margin-left:0; width:100%; opacity:1;}
	.work_list_new  ul li .wrap .bottom ul li a{ letter-spacing:0.5px;}
}
@media(max-width:1000px){
	.work_list_new  ul li.work_list_li{ width:33.333%;}
}
@media(max-width:767px){	
	.work_list_new{ margin:0 7.5px;}
	.work_list_new  ul{ margin:-15px 0 0 0;}
	.work_list_new  ul li.work_list_li{ margin:15px 0 0 0; width:50%;}
	.work_list_new  ul li .wrap{ margin:0 7.5px; padding:0 0 30px 0;}
	.work_list_new  ul li .wrap .on{ position:absolute; z-index:5; top:0; right:0; bottom:0; left:0; background:url(/images/common/bg70.png);}
	.work_list_new  ul li .wrap .on img{ display:block; position:absolute; top:50%; left:50%; margin:-50px 0 0 -40px; width:80px;}	
	.work_list_new  ul li .wrap .bottom{ margin:5px 0 0 0;}
	.work_list_new  ul li .wrap .bottom font{ margin:0; line-height:20px; font-size:15px;}
	.work_list_new  ul li .wrap .bottom p{ line-height:12px; font-size:10px;}
	.work_list_new  ul li .wrap .bottom span{  margin:0; line-height:20px; font-size:15px;}
	.work_list_new  ul li .wrap .bottom ul{ overflow:hidden; margin:0 0 0 0; border-left:1px solid #363634;}
	.work_list_new  ul li .wrap .bottom ul li.demo_btn_pc {display:none;}
	.work_list_new  ul li .wrap .bottom ul li.demo_btn_mobile {display:block;}
	.work_list_new  ul li .wrap .bottom ul li a{ height:30px; line-height:28px; font-size:11px;}	
	.work_list_new  ul li.on .wrap .bottom span{ margin:0;}
	.work_list_new  ul li.on .wrap .bottom ul{ margin:5px 0 0 0;}	
}

.work_list_plan{ margin:0 25px;}
	.work_list_plan > ul{ overflow:hidden; margin:-10px 0 0 0;}
	.work_list_plan > ul > li{ margin:10px 0 0 0; float:left; width:16.666%;}
	.work_list_plan > ul > li .wrap{ -webkit-transform:rotate(0deg); overflow:hidden; position:relative; margin:0 5px; border-radius:4px;}
	.work_list_plan > ul > li .wrap .line{ position:absolute; z-index:10; top:0; right:0; bottom:0; left:0; border:1px solid #000; border-radius:4px; opacity:0.1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=10);}
	.work_list_plan > ul > li .wrap .img{ -webkit-transform:rotate(0deg); overflow:hidden;}
	.work_list_plan > ul > li .wrap .img .height{ -webkit-transform:rotate(0deg); overflow:hidden;}
	.work_list_plan > ul > li .wrap .img img{ -webkit-transform:rotate(0deg); display:block; width:100%; transform:scale(1);}
	.work_list_plan > ul > li .wrap .on{ display:none; -webkit-transform:rotate(0deg); opacity:0; overflow:hidden; position:absolute; z-index:5; top:-1px; right:-1px; bottom:-1px; left:-1px; background:url(/images/common/bg70.png); transition:opacity 0.5s; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);}
	.work_list_plan > ul > li .wrap .on img{ -webkit-transform:rotate(0deg); transition:margin 1s; display:block; position:absolute; top:50%; left:50%; margin:0 0 0 -50px; width:100px;}
	.work_list_plan > ul > li .wrap .bottom{ -webkit-transform:rotate(0deg); position:absolute; z-index:20; right:-1px; bottom:-35px; left:0; padding:5px; background:rgba(0,0,0,0.8); /*background:#1e1e1d;*/ text-align:center; opacity:0.9; transition:bottom 0.5s, background 0.5s, opacity 0.5s;}
	.work_list_plan > ul > li .wrap .bottom font{ transition:margin 1.25s, color 1s; display:block; margin:10px 0 0 0; width:100%; line-height:30px; font-size:16px; color:#FFF; letter-spacing:-1px; font-weight:bold; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
	.work_list_plan > ul > li .wrap .bottom p{ transition:margin 1s, color 1s; display:block; width:100%; line-height:15px; font-size:12px; color:#DDD; opacity:0.8; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
	.work_list_plan > ul > li .wrap .bottom span{ transition:margin 0.75s, color 1s; display:block; margin:5px 0 0 0; width:100%; line-height:20px; font-size:20px; color:#DDD; font-family:'Oswald', sans-serif; font-weight:400;}
	.work_list_plan > ul > li .wrap .bottom ul{ transition:margin 1s, width 1s, opacity 1s; overflow:hidden; margin:15px 0 0 -50%; width:200%; border-left:1px solid #363634; opacity:0;}
	.work_list_plan > ul > li .wrap .bottom ul li{ float:left; width:50%;}
	.work_list_plan > ul > li .wrap .bottom ul li a{ height:40px; border:1px solid #363634; border-left:0; background:#272726; line-height:38px; font-size:13px; color:#FFF; text-transform:uppercase; letter-spacing:-1px;/* font-family:'Oswald', sans-serif; font-weight:400;*/}
	.work_list_plan > ul > li .wrap .bottom ul li a:hover{ background:#363634; color:#d01c24;}	
	.work_list_plan > ul > li.on .wrap .img img{ transform:scale(1.2);}
	.work_list_plan > ul > li.on .wrap .on img{ margin-top:-60px;}
	.work_list_plan > ul > li.on .wrap .on{ display:none; opacity:1;}
	.work_list_plan > ul > li.on .wrap .bottom{ bottom:0; background:#d01c24; opacity:1;}
	.work_list_plan > ul > li.on .wrap .bottom font{ color:#FFF;}
	.work_list_plan > ul > li.on .wrap .bottom p{ color:#FFF;}
	.work_list_plan > ul > li.on .wrap .bottom span{ margin:5px 0 0 0; color:#FFF;}
	.work_list_plan > ul > li.on .wrap .bottom ul{ margin:15px 0 0 0; width:100%; opacity:1;}
@media(max-width:1600px){
	.work_list_plan > ul > li{ width:20%;}
}
@media(max-width:1400px){
	.work_list_plan > ul > li{ width:25%;}
}
@media(max-width:1025px){
	.work_list_plan > ul > li .wrap{ padding:0 0 50px 0; background:#d01c24;}
	.work_list_plan > ul > li .wrap .on{ display:none !important;}
	.work_list_plan > ul > li .wrap .bottom{ bottom:0; opacity:1;}
	.work_list_plan > ul > li .wrap .bottom font{}
	.work_list_plan > ul > li .wrap .bottom p{}
	.work_list_plan > ul > li .wrap .bottom span{ margin:5px 0 0 0;}
	.work_list_plan > ul > li .wrap .bottom ul{ position:relative; z-index:20; margin:25px 0 0 0; margin-left:0; width:100%; opacity:1;}
	.work_list_plan > ul > li .wrap .bottom ul li a{ letter-spacing:0.5px;}
}
@media(max-width:1000px){
	.work_list_plan > ul > li{ width:33.333%;}
}
@media(max-width:767px){	
	.work_list_plan{ margin:0 7.5px;}
	.work_list_plan > ul{ margin:-15px 0 0 0;}
	.work_list_plan > ul > li{ margin:15px 0 0 0; width:50%;}
	.work_list_plan > ul > li .wrap{ margin:0 7.5px; padding:0 0 40px 0;}
	.work_list_plan > ul > li .wrap .on{ position:absolute; z-index:5; top:0; right:0; bottom:0; left:0; background:url(/images/common/bg70.png);}
	.work_list_plan > ul > li .wrap .on img{ display:block; position:absolute; top:50%; left:50%; margin:-50px 0 0 -40px; width:80px;}	
	.work_list_plan > ul > li .wrap .bottom{ margin:5px 0 0 0;}
	.work_list_plan > ul > li .wrap .bottom font{ margin:0; line-height:20px; font-size:15px;}
	.work_list_plan > ul > li .wrap .bottom p{ line-height:12px; font-size:10px;}
	.work_list_plan > ul > li .wrap .bottom span{  margin:0; line-height:20px; font-size:15px;}
	.work_list_plan > ul > li .wrap .bottom ul{ overflow:hidden; margin:5px 0 0 0; border-left:1px solid #363634;}
	.work_list_plan > ul > li .wrap .bottom ul li a{ height:30px; line-height:28px; font-size:11px;}	
	.work_list_plan > ul > li.on .wrap .bottom span{ margin:0;}
	.work_list_plan > ul > li.on .wrap .bottom ul{ margin:5px 0 0 0;}
}

.work_list_plan_process{ overflow:hidden; margin:0 auto; max-width:1170px;}
	.work_list_plan_process *{ transition:none !important;}
	.work_list_plan_process ul{ overflow:hidden; border:1px solid #DDD;}
	.work_list_plan_process ul li{ border-top:1px solid #DDD; cursor:pointer;}
	.work_list_plan_process ul li:first-child{ border:0;}
	.work_list_plan_process ul li .head{ overflow:hidden; position:relative; padding:25px 0; background:#FFF; transition:background .5s !important;}
	.work_list_plan_process ul li .head .number{ position:absolute; top:0; bottom:0; left:0; width:120px; text-align:center; line-height:98px; font-size:30px; color:#999; font-weight:700; transition:color .5s;}
	.work_list_plan_process ul li .head .tit{ padding:0 120px 0 120px; line-height:30px; font-size:16px; font-weight:700; color:#333; transition:color .5s;}
	.work_list_plan_process ul li .head .date{ padding:0 120px 0 121px; line-height:20px; font-size:14px; color:#999;}
	.work_list_plan_process ul li .head span{ display:block; position:absolute; top:50%; right:50px; margin:-10px 0 0 0; width:20px; height:20px; text-align:center; font-size:20px; color:#999; transition:color .5s, transform 0.5s !important;}
	.work_list_plan_process ul li .body{ display:none; position:relative; z-index:100; margin:0 0 -1px 0; padding:50px 120px; background:#333;}	
	.work_list_plan_process ul li .body p{ line-height:20px; font-size:15px; color:#FFF;}
	.work_list_plan_process ul li:hover .head{ background:#f5f5f5;}
	.work_list_plan_process ul li.on .head .number{ color:#d01c24;}
	.work_list_plan_process ul li.on .head .tit{ color:#d01c24;}
	.work_list_plan_process ul li.on .head span{ color:#d01c24; transform:rotate(180deg);}
	.work_list_plan_process ul li.on .body{}
@media(max-width:1300px){
	.work_list_plan_process{ margin:0 50px; max-width:100%;}
}
@media(max-width:1300px){
	.work_list_plan_process{ margin:0 30px;}
}
@media(max-width:767px){
	.work_list_plan_process{ margin:0 15px;}
	.work_list_plan_process ul li .head{ overflow:hidden; position:relative; padding:15px 0; background:#FFF; transition:background .5s !important;}
	.work_list_plan_process ul li .head .number{ width:60px; line-height:65px; font-size:30px;}
	.work_list_plan_process ul li .head .tit{ padding:0 50px 0 60px; line-height:20px; font-size:15px;}
	.work_list_plan_process ul li .head .date{ padding:0 50px 0 60px; line-height:15px; font-size:12px;}
	.work_list_plan_process ul li .head span{ right:15px;}
	.work_list_plan_process ul li .body{ padding:20px 50px 20px 60px;}	
	.work_list_plan_process ul li .body p{ line-height:20px; font-size:14px;}
	.work_list_plan_process ul li:hover .head{ background:#f5f5f5;}
	.work_list_plan_process ul li.on .head span{ transform:rotate(180deg);}
	.work_list_plan_process ul li.on .body{}
}

.work_list_mobile{ margin:0 auto; max-width:1360px;}
	.work_list_mobile > ul{ overflow:hidden; margin:-30px 0 0 0;}
	.work_list_mobile > ul > li{ margin:30px 0 0 0; float:left; width:16.666%;}
	.work_list_mobile > ul > li .wrap{ overflow:hidden; position:relative; margin:0 15px;}
	.work_list_mobile > ul > li .wrap .line{ position:absolute; z-index:10; top:0; right:0; bottom:0; left:0; border:1px solid #000; opacity:0.1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=10);}
	.work_list_mobile > ul > li .wrap .img{ overflow:hidden;}
	.work_list_mobile > ul > li .wrap .img .height{ overflow:hidden;}
	.work_list_mobile > ul > li .wrap .img img{ display:block; width:100%; transition:margin 1s;}
	.work_list_mobile > ul > li .wrap .on{ opacity:0; position:absolute; z-index:5; top:0; right:0; bottom:0; left:0; background:url(/images/common/bg70.png); transition:opacity 0.5s; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);}
	.work_list_mobile > ul > li .wrap .on img{ transition:margin 1s; display:block; position:absolute; top:50%; left:50%; margin:0 0 0 -50px; width:100px;}
	.work_list_mobile > ul > li .wrap .bottom{ position:absolute; z-index:20; right:0; bottom:-45px; left:0; padding:5px; background:#1e1e1d; text-align:center; opacity:0.9; transition:bottom 0.5s, background 0.5s, opacity 0.5s;}
	.work_list_mobile > ul > li .wrap .bottom font{ transition:margin 1.25s; display:block; margin:10px 0 0 0; width:100%; line-height:20px; font-size:18px; color:#FFF; letter-spacing:-1px;}
	.work_list_mobile > ul > li .wrap .bottom p{ transition:margin 1s; display:block; width:100%; line-height:20px; font-size:15px; color:#FFF; opacity:0.8;}
	.work_list_mobile > ul > li .wrap .bottom span{ transition:margin 0.75s; display:block; margin:5px 0 0 0; width:100%; line-height:30px; font-size:30px; color:#FFF; font-family:'Oswald', sans-serif; font-weight:700;}
	.work_list_mobile > ul > li .wrap .bottom ul{ transition:margin 1s, width 1s, opacity 1s; overflow:hidden; margin:15px 0 0 -50%; width:200%; border-left:1px solid #363634; opacity:0;}
	.work_list_mobile > ul > li .wrap .bottom ul li{ float:left; width:33.333%;}
	.work_list_mobile > ul > li .wrap .bottom ul li a{ height:40px; border:1px solid #363634; border-left:0; background:#272726; line-height:38px; font-size:13px; color:#FFF; text-transform:uppercase; letter-spacing:-1px;/* font-family:'Oswald', sans-serif; font-weight:400;*/}
	.work_list_mobile > ul > li .wrap .bottom ul li a:hover{ background:#363634; color:#d01c24;}	
	.work_list_mobile > ul > li.on .wrap .on img{ margin-top:-60px;}
	.work_list_mobile > ul > li.on .wrap .on{ display:block; opacity:1;}
	.work_list_mobile > ul > li.on .wrap .bottom{ bottom:0; background:#d01c24; opacity:1;}
	.work_list_mobile > ul > li.on .wrap .bottom span{ margin:5px 0 0 0;}
	.work_list_mobile > ul > li.on .wrap .bottom ul{ margin:15px 0 0 0; width:100%; opacity:1;}
	
@media(max-width:1400px){
	.work_list_mobile{ margin:0 15px;}
	.work_list_mobile > ul > li{ width:33.33%;}
}
@media(max-width:1250px){
	.work_list_mobile{ margin:0 15px;}
}
@media(max-width:1025px){
	.work_list_mobile{}
	.work_list_mobile > ul{}
	.work_list_mobile > ul > li{}
	.work_list_mobile > ul > li .wrap .on{ display:none !important;}
	.work_list_mobile > ul > li .wrap .bottom{ position:static; background:#d01c24; opacity:1;}
	.work_list_mobile > ul > li .wrap .bottom span{ margin:5px 0 0 0;}
	.work_list_mobile > ul > li .wrap .bottom ul{ position:relative; z-index:20; margin-left:0; width:100%; opacity:1;}
	.work_list_mobile > ul > li .wrap .bottom ul li a{ letter-spacing:0.5px;}
}
@media(max-width:767px){	
	.work_list_mobile{ margin:0 7.5px;}
	.work_list_mobile > ul{ margin:-15px 0 0 0;}
	.work_list_mobile > ul > li{ margin:15px 0 0 0; width:50%;}
	.work_list_mobile > ul > li .wrap{ margin:0 7.5px;}
	.work_list_mobile > ul > li .wrap .on{ position:absolute; z-index:5; top:0; right:0; bottom:0; left:0; background:url(/images/common/bg70.png);}
	.work_list_mobile > ul > li .wrap .on img{ display:block; position:absolute; top:50%; left:50%; margin:-50px 0 0 -40px; width:80px;}	
	.work_list_mobile > ul > li .wrap .bottom{}
	.work_list_mobile > ul > li .wrap .bottom font{ margin:5px 0 0 0; line-height:20px; font-size:12px;}
	.work_list_mobile > ul > li .wrap .bottom p{ line-height:15px; font-size:10px;}
	.work_list_mobile > ul > li .wrap .bottom span{  margin:5px 0 0 0; line-height:20px; font-size:20px;}
	.work_list_mobile > ul > li .wrap .bottom ul{ overflow:hidden; margin:15px 0 0 0; border-left:1px solid #363634;}
	.work_list_mobile > ul > li .wrap .bottom ul li a{ height:30px; line-height:28px; font-size:11px;}
}

.main_service{ overflow:hidden; position:relative; z-index:20; padding:80px 0 120px 0; background:#FFF;}	
	.main_service .wrap{ margin:0 auto; padding:0 10px; max-width:1200px;}
	.main_service .wrap ul{ overflow:hidden; margin:0;}
	.main_service .wrap ul li{ position:relative; float:left; width:25%;}
	.main_service .wrap ul li img{ display:block; width:100%;}
	.main_service .wrap ul li a{ position:absolute; top:5px; right:5px; bottom:5px; left:5px; border-radius:50%; border:1px solid #CCC;}
	.main_service .wrap ul li .tit{ margin:0 15%; line-height:50px; font-size:30px; color:#d01c24; font-family:'Oswald', sans-serif; font-weight:700;}
	.main_service .wrap ul li .txt{ margin:0 15%; line-height:22px; font-size:14px; color:#666; letter-spacing:-1px;}	
	.main_service .wrap ul li:hover a{ border:1px solid #d01c24;}
	.main_service .wrap ul li:hover .tit{ color:#c9242a;}
	.main_service .wrap ul li:hover .txt{ color:#000;}
	
@media(max-width:1025px){
	.main_service{ padding:60px 0 80px 0;}
	.main_service .wrap{ padding:0 25px;}
}
@media(max-width:1000px){
	.main_service .wrap{ max-width:600px;}
	.main_service .wrap ul li{ width:50%;}
}
@media(max-width:767px){	
	.main_service{ padding:40px 0 60px 0;}
	.main_service .wrap{ padding:0 10px}
	.main_service .wrap ul li{}
	.main_service .wrap ul li a .tit{ margin:0 10%; line-height:30px; font-size:18px;}
	.main_service .wrap ul li a .txt{ margin:0 10%; line-height:14px; font-size:12px;}
}

.detail{ overflow:hidden; background:#FFF;}
	.detail .top{ position:relative; margin:80px auto 60px auto; padding:0 140px; max-width:1170px;}
	.detail .top font{ display:block; text-align:center; line-height:15px; font-size:15px; color:#999; letter-spacing:0.5px; text-transform:uppercase; font-family:'Oswald', sans-serif; font-weight:400;}
	.detail .top p{ text-align:center; line-height:45px; font-size:40px; text-transform:uppercase; font-family:'Oswald', sans-serif; font-weight:700;}
	.detail .top p span{ color:#d01c24; font-family:'Oswald', sans-serif; font-weight:700;}	
	.detail .top .btn_list{ position:absolute; top:0; left:0; width:60px; height:60px; border-radius:5px; border:1px solid #DDD; text-align:center; line-height:62px; font-size:30px;}
	.detail .top .btn_list i{ color:#666;}
	.detail .top .btn_list:hover{ border-color:#d01c24;}
	.detail .top .btn_list:hover i{ color:#d01c24;}
	.detail .top .btn_page{ overflow:hidden; position:absolute; top:0; right:0;}
	.detail .top .btn_page li{ float:left; width:60px; height:60px; border-radius:5px; background:#1e1e1d; text-align:center; line-height:62px; font-size:30px; color:#FFF; cursor:pointer;}
	.detail .top .btn_page li:first-child{ margin:0 5px 0 0;}
	.detail .top .btn_page li:hover{ background:#d01c24;}	
	.detail .bottom{ position:relative; margin:60px auto 80px auto; padding:0 140px; max-width:1170px; height:60px;}
	.detail .bottom .btn_list{ position:absolute; top:0; left:0; width:60px; height:60px; border-radius:5px; border:1px solid #DDD; text-align:center; line-height:62px; font-size:30px;}
	.detail .bottom .btn_list i{ color:#666;}
	.detail .bottom .btn_list:hover{ border-color:#d01c24;}
	.detail .bottom .btn_list:hover i{ color:#d01c24;}
	.detail .bottom .btn_page{ overflow:hidden; position:absolute; top:0; right:0;}
	.detail .bottom .btn_page li{ float:left; width:60px; height:60px; border-radius:5px; background:#1e1e1d; text-align:center; line-height:62px; font-size:30px; color:#FFF; cursor:pointer;}
	.detail .bottom .btn_page li:first-child{ margin:0 5px 0 0;}
	.detail .bottom .btn_page li:hover{ background:#d01c24;}	
	.detail .info{}
	.detail .info .wrap{ position:relative; margin:0 auto 0 auto; padding:0 400px 0 0; max-width:1170px;}
	.detail .info .wrap .left{ position:absolute; z-index:20; top:0; right:400px; bottom:0; left:0;}
	.detail .info .wrap .left img{ display:block; position:absolute; left:0; top:0; width:90%; height:auto;}	
	.detail .info .wrap .right{ float:right; margin:0 -400px 0 0; padding:40px 0 60px 0; width:400px;}	
	.detail .info .wrap .right .tit{}
	.detail .info .wrap .right .tit > p{ display:block; padding:0 0 0 70px; line-height:20px; font-size:14px; color:#666;}
	.detail .info .wrap .right .tit > p span{ display:block; float:left; margin:0 0 0 -70px; width:70px;}
	.detail .info .wrap .right .tit > font{ display:block; margin:5px 0; line-height:25px; font-size:25px; font-weight:bold; color:#333; letter-spacing:-1px;}
	.detail .info .wrap .right .tit > span{ display:block; margin:10px 0 0 0; line-height:20px; font-size:20px; font-weight:bold; color:#F00;}	
	.detail .info .wrap .right .txt{ margin:20px 0; padding:10px 0; border-top:1px solid #DDD; border-bottom:1px solid #DDD;}
	.detail .info .wrap .right .txt p{ overflow:hidden; padding:2px 0 2px 80px; line-height:30px; font-size:14px; color:#666; letter-spacing:-1px;}
	.detail .info .wrap .right .txt font{ display:block; float:left; margin:0 0 0 -80px; font-size:14px; font-weight:bold; color:#666;}
	.detail .info .wrap .right .txt span{ display:block; float:left; margin:0 5px 5px 0; padding:0 10px; height:30px; border:1px solid #DDD; line-height:28px; font-size:13px;}
	.detail .info .wrap .right .txt .day_btn{ margin:0 0 0 5px; padding:2px 5px; height:26px; background:#d01c24; line-height:26px; font-size:12px; color:#FFF; cursor:pointer;}
	.detail .info .wrap .right .txt .day_btn:hover{ background:#333;}
	.detail .info .wrap .right .select{ margin:20px 0; padding:10px 10px 10px 80px; background:#f3f3f3;}
	.detail .info .wrap .right .select font{ display:block; float:left; margin:0 0 0 -70px; line-height:30px; font-size:13px; font-weight:bold; color:#666;}	
	.detail_select{ float:inherit !important; margin:0 !important; background:#FFF !important;}
	.detail_select *{ transition:none !important;}
	.detail_select .dk_toggle{ padding:0 15px 0 10px; width:100% !important; height:30px; border:1px solid #DDD; line-height:28px; font-size:14px; color:#666; transition:color 0.5s;}
	.detail_select .dk_toggle:after{ right:10px; border-top-color:#999;}
	.detail_select .dk_toggle:hover{ color:#c9242a;}
	.detail_select .dk_toggle:hover:after{ border-top-color:#c9242a;}
	.detail_select.dk_open{ z-index:30;}
	.detail_select.dk_open .dk_toggle{ background:none; color:#c9242a !important;}
	.detail_select.dk_open .dk_toggle:after{ border-top-color:#c9242a;}
	.detail_select .dk_options{ right:0; left:0; margin:0; width:auto;}
	.detail_select .dk_options .dk_options_inner{ border:1px solid  #d01c24;}
	.detail_select .dk_options .dk_options_inner a{ padding:10px 10px; line-height:14px; font-size:14px; font-weight:350; color:#666;}
	.detail_select .dk_options .dk_options_inner .dk_option_current a{ background:#d01c24; color:#FFF !important;}	
	.detail .info .wrap .right .service{ border-top:2px solid #777;}
	.detail .info .wrap .right .service ul{}
	.detail .info .wrap .right .service ul li{ position:relative; padding:0 130px 0 10px; height:36px; border-bottom:1px solid #DDD;}
	.detail .info .wrap .right .service ul li .tit{ float:left; line-height:36px; font-size:14px; color:#666;}
	.detail .info .wrap .right .service ul li .count{ float:right;}
	.detail .info .wrap .right .service ul li .count{}
	.detail .info .wrap .right .service ul li .count input{ display:block; float:left; margin:4px 0 0 0; width:30px; height:26px; border:1px solid #DDD; border-radius:0; text-align:center; line-height:24px; font-size:14px; color:#666; outline:none; -webkit-appearance:none;}
	.detail .info .wrap .right .service ul li .count p{ float:left; margin:4px 0 0 5px; width:26px; height:26px; border:1px solid #DDD; text-align:center; line-height:24px; font-size:14px; cursor:pointer;}
	.detail .info .wrap .right .service ul li .count p i{ color:#999;}
	.detail .info .wrap .right .service ul li .count p:hover{ background:#f0f0f0;}
	.detail .info .wrap .right .service ul li .count p:hover i{ color:#333;}
	.detail .info .wrap .right .service ul li .price{ position:absolute; top:0; right:10px; bottom:0; width:120px; text-align:right;}
	.detail .info .wrap .right .service ul li .price font{ line-height:35px; font-size:13px; color:#666;}
	.detail .info .wrap .right .service ul li .price p{ float:right; margin:4px 0 0 5px; width:26px; height:26px; border:1px solid #DDD; text-align:center; line-height:24px; font-size:14px; cursor:pointer;}
	.detail .info .wrap .right .service ul li .price p i{ color:#999;}
	.detail .info .wrap .right .service ul li .price p:hover{ background:#f0f0f0;}
	.detail .info .wrap .right .service ul li .price p:hover i{ color:#333;}
	.detail .info .wrap .right .service .all{ margin:10px 0 20px 0; text-align:right; line-height:15px; font-size:15px; font-weight:bold; color:#F00;}
	.detail .info .wrap .right .service .all font{ color:#333;}	
	.detail .info .wrap .right .menu{ position:relative; padding:10px 0; text-align:center;}
	.detail .info .wrap .right .menu ul{ overflow:hidden; position:relative; z-index:10; height:40px; border-left:1px solid #363634;}
	.detail .info .wrap .right .menu ul li{ float:left; width:25%;}
	.detail .info .wrap .right .menu ul li a{ height:40px; border:1px solid #363634; border-left:0; background:#272726;}
	.detail .info .wrap .right .menu ul li a p{ position:relative; z-index:10; margin:-1px; line-height:40px; font-size:14px; color:#FFF; cursor:pointer;}
	.detail .info .wrap .right .menu ul li a p:hover{ background:#363634; color:#d01c24;}
	.detail .info .wrap .right .menu ul li.on a p{ z-index:20; border-color:#d01c24; background:#d01c24; color:#FFF;}
	.detail .info .wrap .right .menu .bg{ position:absolute; top:0; right:-10000px; bottom:0; left:-10000px; background:#1e1e1d;}
	
@media(max-width:1230px){
	.detail .top{ margin:80px 30px 60px 30px;}
	.detail .bottom{ margin:60px 30px 80px 30px;}
	.detail .info{ padding:0 30px;}
	.detail .info .wrap{ padding:0 300px 0 0;}
	.detail .info .wrap .left{ right:300px;}
	.detail .info .wrap .right{ margin:0 -300px 0 0; width:300px;}
}
@media(max-width:1025px){
	.detail .top{ margin:50px 30px 40px 30px; padding:0 100px;}
	.detail .top .btn_list{ position:absolute; top:15px; width:40px; height:40px; line-height:42px; font-size:20px;}
	.detail .top .btn_page{ position:absolute; top:15px;}
	.detail .top .btn_page li{ width:40px; height:40px; line-height:42px; font-size:20px;}	
	.detail .bottom{ margin:40px 30px 50px 30px; padding:0 100px; height:40px;}
	.detail .bottom .btn_list{ position:absolute; top:0; width:40px; height:40px; line-height:42px; font-size:20px;}
	.detail .bottom .btn_page{ position:absolute; top:0;}
	.detail .bottom .btn_page li{ width:40px; height:40px; line-height:42px; font-size:20px;}	
	.detail .info .wrap{ padding:0 300px 0 0;}
	.detail .info .wrap .left{ right:300px;}
	.detail .info .wrap .left img{ width:95%;}
	.detail .info .wrap .right{ margin:0 -300px 0 0; width:300px;}
}
@media(max-width:1000px){
	.detail .info .wrap{ padding:0;}
	.detail .info .wrap .left{ position:static;}
	.detail .info .wrap .left img{ position:static; margin:0 auto; width:100%;}
	.detail .info .wrap .right{ float:inherit; margin:0; padding:30px 0 0 0; width:inherit;}
}
@media(max-width:767px){
	.detail .top{ margin:30px 15px 80px 15px; padding:0;}
	.detail .top font{ font-size:12px;}
	.detail .top p{ line-height:30px; font-size:30px;}
	.detail .top .btn_list{ position:absolute; top:60px; right:50%; left:inherit; margin:0 25px 0 0;}
	.detail .top .btn_page{ position:absolute; top:60px; right:inherit; left:50%; margin:0 0 0 -20px;}	
	.detail .bottom{ margin:30px 15px 40px 15px; padding:0;}
	.detail .bottom font{ font-size:12px;}
	.detail .bottom p{ line-height:30px; font-size:30px;}
	.detail .bottom .btn_list{ position:absolute; right:50%; left:inherit; margin:0 25px 0 0;}
	.detail .bottom .btn_page{ position:absolute; right:inherit; left:50%; margin:0 0 0 -20px;}	
	.detail .info{ padding:0 15px;}
	.detail .info .wrap{ padding:0;}
	.detail .info .wrap .left{ position:static;}
	.detail .info .wrap .left img{ position:static; margin:0 auto; width:100%;}
	.detail .info .wrap .right{ float:inherit; margin:0; padding:20px 0 0 0; width:inherit;}
}	

.detail_plan{ overflow:hidden; background:#FFF;}
	.detail_plan .top{ position:relative; margin:80px auto 60px auto; padding:0 140px; max-width:1170px;}
	.detail_plan .top font{ display:block; text-align:center; line-height:15px; font-size:15px; color:#999; letter-spacing:0px;}
	.detail_plan .top p{ text-align:center; line-height:45px; font-size:30px; font-weight:700; letter-spacing:-1px;}
	.detail_plan .top p span{ color:#d01c24;}	
	.detail_plan .top .btn_list{ position:absolute; top:0; left:0; width:60px; height:60px; border-radius:5px; border:1px solid #DDD; text-align:center; line-height:62px; font-size:30px;}
	.detail_plan .top .btn_list i{ color:#666;}
	.detail_plan .top .btn_list:hover{ border-color:#d01c24;}
	.detail_plan .top .btn_list:hover i{ color:#d01c24;}
	.detail_plan .top .btn_page{ overflow:hidden; position:absolute; top:0; right:0;}
	.detail_plan .top .btn_page li{ float:left; width:60px; height:60px; border-radius:5px; background:#1e1e1d; text-align:center; line-height:62px; font-size:30px; color:#FFF; cursor:pointer;}
	.detail_plan .top .btn_page li:first-child{ margin:0 5px 0 0;}
	.detail_plan .top .btn_page li:hover{ background:#d01c24;}	
	.detail_plan .img{ display:block; margin:0 auto; width:100%; max-width:1170px; height:auto;}	
	.detail_plan .bottom{ position:relative; margin:60px auto 80px auto; padding:0 30px; max-width:1230px; height:60px;}
	.detail_plan .bottom .btn_list{ position:absolute; top:0; left:30px; width:60px; height:60px; border-radius:5px; border:1px solid #DDD; text-align:center; line-height:62px; font-size:30px;}
	.detail_plan .bottom .btn_list i{ color:#666;}
	.detail_plan .bottom .btn_list:hover{ border-color:#d01c24;}
	.detail_plan .bottom .btn_list:hover i{ color:#d01c24;}
	.detail_plan .bottom .btn_page{ overflow:hidden; position:absolute; top:0; left:95px;}
	.detail_plan .bottom .btn_page li{ float:left; width:60px; height:60px; border-radius:5px; background:#1e1e1d; text-align:center; line-height:62px; font-size:30px; color:#FFF; cursor:pointer;}
	.detail_plan .bottom .btn_page li:first-child{ margin:0 5px 0 0;}
	.detail_plan .bottom .btn_page li:hover{ background:#d01c24;}
	.detail_plan .bottom .btn_request{ position:absolute; top:0; right:30px; padding:0 30px; height:60px; border-radius:5px; background:#d01c24; line-height:60px; font-size:16px; font-weight:700; color:#FFF;}
	.detail_plan .bottom .btn_request i{ margin:0 10px 0 0; font-size:25px;}
	.detail_plan .bottom .btn_request:hover{ background:#333;}
@media(max-width:1230px){
	.detail_plan .top{ margin:80px 30px 60px 30px;}
	.detail_plan .img{ padding:0 30px;}
}
@media(max-width:1025px){
	.detail_plan .top{ margin:50px 30px 40px 30px; padding:0 100px;}
	.detail_plan .top .btn_list{ position:absolute; top:15px; width:40px; height:40px; line-height:42px; font-size:20px;}
	.detail_plan .top .btn_page{ position:absolute; top:15px;}
	.detail_plan .top .btn_page li{ width:40px; height:40px; line-height:42px; font-size:20px;}	
	.detail_plan .bottom{ margin:40px 30px 50px 30px; padding:0; height:40px;}
	.detail_plan .bottom .btn_list{ position:absolute; top:0; left:0; width:40px; height:40px; line-height:42px; font-size:20px;}
	.detail_plan .bottom .btn_page{ position:absolute; top:0; left:45px;}
	.detail_plan .bottom .btn_page li{ width:40px; height:40px; line-height:42px; font-size:20px;}
	.detail_plan .bottom .btn_request{ right:0; padding:0 20px; height:40px; line-height:40px; font-size:15px;}
	.detail_plan .bottom .btn_request i{ margin:0 5px 0 0; font-size:20px;}
}
@media(max-width:767px){
	.detail_plan .top{ margin:30px 15px 60px 15px; padding:0;}
	.detail_plan .top font{ font-size:12px;}
	.detail_plan .top p{ margin:5px 0 0 0; padding:0 0 10px 0; line-height:22px; font-size:20px;}
	.detail_plan .top .btn_list{ position:absolute; top:inherit; right:50%; bottom:-40px; left:inherit; margin:0 25px 0 0;}
	.detail_plan .top .btn_page{ position:absolute; top:inherit; right:inherit; bottom:-40px; left:50%; margin:0 0 0 -20px;}
	.detail_plan .img{ padding:0 15px;}	
	.detail_plan .bottom{ margin:30px 15px 40px 15px; padding:0;}
	.detail_plan .bottom .btn_list{ left:0;}
	.detail_plan .bottom .btn_page{ left:45px;}
	.detail_plan .bottom .btn_request{ right:0; padding:0 15px;}
}	

.detail_plan_txt_01{ margin:30px auto; padding:0 30px; max-width:1230px; text-align:center; line-height:25px; font-size:15px; color:#666; letter-spacing:-1px;}
@media(max-width:767px){
	.detail_plan_txt_01{ margin:15px 0; padding:0 15px; line-height:18px; font-size:12px;}
}
.detail_plan_txt_02{ margin:0 auto; padding:20px 30px; max-width:1170px; background:#d01c24; text-align:center; line-height:25px; font-size:15px; color:#FFF; letter-spacing:-1px;}
@media(max-width:1230px){
	.detail_plan_txt_02{ margin:0 30px;}
}
@media(max-width:767px){
	.detail_plan_txt_02{ margin:0 15px; padding:10px 15px; line-height:18px; font-size:12px;}
}

.detail_plan_more{ margin:50px auto 0 auto; width:200px; height:50px; border:1px solid #f5f5f5; background:#f5f5f5; text-align:center; line-height:48px; font-size:20px; color:#666; font-family:'Oswald', sans-serif; font-weight:400; cursor:pointer;}
	.detail_plan_more i{ color:#666;}
	.detail_plan_more:hover{ border-color:#d01c24; background:#d01c24; color:#FFF;}
	.detail_plan_more:hover i{ color:#FFF;}
@media (max-width:767px){
	.detail_plan_more{ margin:20px auto 0 auto; width:100px; height:40px; line-height:38px; font-size:15px;}
}
		
.detail_link{ overflow:hidden; padding:80px 0 50px 0; text-align:center;}
	.detail_link .tit{ margin:20px 0; line-height:50px; font-size:40px; color:#424242; font-family:'Oswald', sans-serif; font-weight:700;}
	.detail_link .txt{ line-height:24px; font-size:15px; color:#666; letter-spacing:-1px;}
	.detail_link a{ display:block; margin:20px auto; max-width:400px; line-height:20px; font-size:15px; color:#d01c24; letter-spacing:-1px;}
	.detail_link font{ display:block; line-height:24px; font-size:15px; color:#666; letter-spacing:-1px;}
	.detail_link ul{ display:inline-block; margin:20px 0 0 0;}
	.detail_link ul li{ float:left; margin:0 10px;}
	.detail_link ul li div{ width:80px; height:80px; border-radius:50%; background:#CCC; text-align:center; line-height:80px; font-size:30px;}
	.detail_link ul li div i{ color:#333;}
	.detail_link ul li p{ margin:10px 0 0 0; line-height:15px; font-size:14px; color:#666;}
@media(max-width:1000px){
	.detail_link{ padding:50px 0;}
}
@media (max-width:767px){
	.detail_link{ padding:30px 0;}
	.detail_link .tit{ margin:0 0 5px 0; line-height:30px; font-size:25px;}
	.detail_link .txt{ line-height:16px; font-size:12px;}
	.detail_link a{ margin:10px auto; line-height:16px; font-size:12px;}
	.detail_link font{ line-height:16px; font-size:12px;}
	.detail_link ul{ margin:10px 0 0 0;}
	.detail_link ul li{ margin:0 5px;}
	.detail_link ul li div{ margin:0 auto; width:50px; height:50px; line-height:50px; font-size:20px;}
	.detail_link ul li p{ margin:5px 0 0 0; line-height:12px; font-size:12px;}
}

.detail_img{ margin:0 auto; padding:0 0 80px 0; max-width:1170px; border-top:1px solid #DDD; border-bottom:1px solid #DDD; text-align:center;}
	.detail_img .tit{ line-height:120px; font-size:30px; color:#d01c24; font-family:'Oswald', sans-serif; font-weight:700; letter-spacing:0; text-transform:uppercase;}
	.detail_img img{ display:block; width:100%;}
@media(max-width:1230px){
	.detail_img{ margin:0 30px;}
}
@media (max-width:767px){
	.detail_img{ margin:0 15px; padding:0 0 30px 0;}
	.detail_img .tit{ line-height:80px; font-size:25px;}
}
		
.detail_box{ padding:80px 0;}
@media(max-width:1025px){
	.detail_box{ padding:60px 0;}
}
@media(max-width:767px){
	.detail_box{ padding:40px 0;}
}	

.detail_tit{ margin:0 0 40px 0; text-align:center; text-transform:uppercase;}
	.detail_tit p{ display:block; line-height:20px; font-size:20px; color:#d01c24; letter-spacing:-1px;}
	.detail_tit h1{ display:block; margin:5px 0 0 0; line-height:50px; font-size:40px; color:#424242; font-family:'Oswald', sans-serif; font-weight:700;}
	.detail_tit h2{ display:block; margin:5px 0 0 0; line-height:20px; font-size:16px; color:#333; text-transform:none; letter-spacing:0;}
	.detail_tit span{ display:block; margin:15px auto; width:50px; height:2px; background:#929290;}
	.detail_tit font{ display:block; line-height:20px; font-size:15px; color:#666; letter-spacing:-1px;}
@media(max-width:1025px){
	.detail_tit{ margin:0 0 30px 0;}
}
@media (max-width:767px){
	.detail_tit{ margin:0 0 20px 0;}
	.detail_tit p{ line-height:15px; font-size:15px;}
	.detail_tit h1{ margin:5px 0 0 0; line-height:30px; font-size:25px;}
	.detail_tit h2{ margin:5px 0 0 0; line-height:15px; font-size:14px;}
	.detail_tit span{ margin:10px auto; width:40px; height:1px;}
	.detail_tit font{ line-height:16px; font-size:12px;}
}
	
.detail_graphic_01{}
	.detail_graphic_01 ul{ overflow:hidden; margin:0 auto; max-width:1180px;}
	.detail_graphic_01 ul li{ position:relative; float:left; width:25%;}
	.detail_graphic_01 ul li img{ display:block; width:100%;}
	.detail_graphic_01 ul li a{ position:absolute; top:5px; right:5px; bottom:5px; left:5px; border-radius:50%; border:1px solid #DDD; background:#FFF;}
	.detail_graphic_01 ul li font{ display:block; line-height:20px; font-size:16px; color:#666;}
	.detail_graphic_01 ul li .tit{ margin:0 15%; line-height:40px; font-size:22px; color:#d01c24; font-family:'Oswald', sans-serif; font-weight:700;}
	.detail_graphic_01 ul li .txt{ margin:0 15%; line-height:20px; font-size:14px; color:#666; letter-spacing:-1px;}
	.detail_graphic_01 ul li:hover a{ border:5px solid #d01c24;}
@media(max-width:1230px){
	.detail_graphic_01 ul{ margin:0 auto; max-width:550px;}
	.detail_graphic_01 ul li{ width:50%;}
}
@media(max-width:767px){	
	.detail_graphic_01{}
	.detail_graphic_01 ul{ margin:0 10px;}
	.detail_graphic_01 ul li{}
	.detail_graphic_01 ul li font{ line-height:12px; font-size:12px;}
	.detail_graphic_01 ul li a .tit{ margin:0 5%; line-height:20px; font-size:15px;}
	.detail_graphic_01 ul li a .txt{ margin:0 5%; line-height:14px; font-size:11px;}
}

.detail_graphic_02{ margin:0 auto; max-width:1180px;}
	.detail_graphic_02 ul{ margin:-10px 0 0 0;}
	.detail_graphic_02 ul li{ float:left; margin:10px 0 0 0; width:50%;}
	.detail_graphic_02 ul li a{ overflow:hidden; position:relative; margin:0 5px; padding:0 0 0 160px; border-radius:5px; background:#FFF; box-shadow:0 1px 3px 0 rgba(0,0,0,0.1);}
	.detail_graphic_02 ul li .tit{ position:absolute; top:25px; bottom:25px; left:0; width:160px; border-right:1px solid #DDD; text-align:center;}
	.detail_graphic_02 ul li .tit font{ line-height:25px; font-size:25px; color:#d01c24; font-family:'Oswald', sans-serif; font-weight:700;}
	.detail_graphic_02 ul li .tit p{ line-height:20px; font-size:16px; color:#333; letter-spacing:-1px;}
	.detail_graphic_02 ul li .txt{ margin:35px 25px;}
	.detail_graphic_02 ul li .txt p{ padding:0 0 0 20px; line-height:20px; font-size:14px; color:#666; letter-spacing:-1px;}
	.detail_graphic_02 ul li .txt font{ display:block; float:left; margin:0 0 0 -20px;}
@media(max-width:1230px){
	.detail_graphic_02{ margin:0 25px; max-width:100%;}
}
@media(max-width:1025px){
	.detail_graphic_02 ul li a{ padding:0 0 0 110px;}
	.detail_graphic_02 ul li .tit{ width:110px;}
	.detail_graphic_02 ul li .tit font{ line-height:20px; font-size:20px;}
	.detail_graphic_02 ul li .tit p{ line-height:16px; font-size:14px;}
	.detail_graphic_02 ul li .txt{ margin:30px 20px;}
}
@media(max-width:1000px){
	.detail_graphic_02 ul li{ width:100%;}
}
@media(max-width:767px){
	.detail_graphic_02{ margin:0;}
	.detail_graphic_02 ul li a{ margin:0 15px; padding:0 0 0 100px;}
	.detail_graphic_02 ul li .tit{ width:100px;}
	.detail_graphic_02 ul li .tit font{ line-height:20px; font-size:16px;}
	.detail_graphic_02 ul li .tit p{ line-height:14px; font-size:12px;}
	.detail_graphic_02 ul li .txt{ margin:15px 15px;}
	.detail_graphic_02 ul li .txt p{ padding:0 0 0 15px; line-height:16px; font-size:12px;}
	.detail_graphic_02 ul li .txt font{ margin:0 0 0 -15px;}
}
	
.web_graphic_01{ margin:0 auto; padding:0 25px; max-width:1230px;}
	.web_graphic_01 ul{ overflow:hidden;}
	.web_graphic_01 ul li{ float:left; width:25%;}
	.web_graphic_01 ul li a{ position:relative; margin:0 5px; border-radius:50%; border:1px solid #CCC; background:#fafafa;}
	.web_graphic_01 ul li a .box{ position:absolute; top:0; right:0; bottom:0; left:0;}
	.web_graphic_01 ul li a .box .tit{ line-height:25px; font-size:25px; font-weight:800; color:#d01c24;}
	.web_graphic_01 ul li a .box .txt{ margin:10px 0 0 0; line-height:20px; font-size:16px; color:#666;}
	.web_graphic_01 ul li a img{ display:block; width:100%;}
@media(max-width:1000px){
	.web_graphic_01 ul li a .box .tit{ line-height:20px; font-size:20px; }
	.web_graphic_01 ul li a .box .txt{ line-height:15px; font-size:14px;}
}
@media(max-width:767px){
	.web_graphic_01{ padding:0; max-width:280px;}
	.web_graphic_01 ul li{ width:50%;}
	.web_graphic_01 ul li a{ margin:2px;}
	.web_graphic_01 ul li a .box .tit{}
	.web_graphic_01 ul li a .box .txt{ margin:5px 0 0 0; }
}
	
.web_graphic_02{ margin:0 auto; padding:0 25px; max-width:1230px;}
	.web_graphic_02 ul{ overflow:hidden;}
	.web_graphic_02 ul li{ float:left; width:20%;}
	.web_graphic_02 ul li a{ position:relative; margin:0 5px; border-radius:50%; border:1px solid #CCC; background:#FFF;}
	.web_graphic_02 ul li a .box{ position:absolute; top:0; right:0; bottom:0; left:0;}
	.web_graphic_02 ul li a .box i{ line-height:60px; font-size:60px; color:#d01c24;}
	.web_graphic_02 ul li a .box .txt{ margin:10px 0 0 0; line-height:20px; font-size:16px; color:#666;}
	.web_graphic_02 ul li a img{ display:block; width:100%;}
@media(max-width:1025px){
	.web_graphic_02 ul li a .box i{ line-height:50px; font-size:50px;}
}
@media(max-width:1000px){
	.web_graphic_02 ul li a .box i{ line-height:40px; font-size:40px;}
}
@media (max-width:767px){
	.web_graphic_02{ margin:0 auto; padding:0; width:300px;}
	.web_graphic_02 ul{ text-align:center;}
	.web_graphic_02 ul li{ display:inline-block; float:inherit; width:90px;}
	.web_graphic_02 ul li a{ margin:0 2px;}
	.web_graphic_02 ul li a .box i{ line-height:20px; font-size:20px;}
	.web_graphic_02 ul li a .box .txt{ margin:5px 0 0 0; line-height:15px; font-size:12px;}
}

.web_graphic_03{ display:block; margin:0 auto; max-width:1300px;}
@media(max-width:1300px){
	.web_graphic_03{ width:100%;}
}

.web_more{ margin:50px auto 0 auto; text-align:center;}
	.web_more ul{ display:inline-block;}
	.web_more ul li{ float:left; margin:0 10px;}
	.web_more ul li a{ padding:0 20px; height:50px; border-radius:5px; background:#d01c24; line-height:50px; font-size:16px; color:#666; color:#FFF; cursor:pointer;}
	.web_more ul li a i{ font-size:18px; color:#FFF;}
	.web_more ul li:first-child a{ background:#f5f5f5; color:#666;}
	.web_more ul li:first-child a i{ color:#666;}
	.web_more ul li a:hover{ background:#333; color:#FFF;}
	.web_more ul li a:hover i{ color:#FFF;}
@media (max-width:767px){
	.web_more{ margin:20px auto 0 auto;}
	.web_more ul li{ margin:0 5px;}
	.web_more ul li a{ padding:0 15px; height:40px; line-height:40px; font-size:13px;}
	.web_more ul li a i{ font-size:16px;}
}
	
.web_txt_01{ margin:30px auto; padding:0 30px; max-width:1230px; text-align:center; line-height:20px; font-size:15px; color:#666; letter-spacing:-1px;}
@media(max-width:767px){
	.web_txt_01{ margin:15px 0; padding:0 15px; line-height:18px; font-size:12px;}
}

.web_txt_02{ margin:0 auto; padding:20px; max-width:500px; border-radius:3px; border:1px solid #333; background:#666; text-align:center; line-height:20px; font-size:15px; color:#FFF; letter-spacing:-1px;}
@media(max-width:767px){
	.web_txt_02{ margin:0 15px; padding:15px; line-height:18px; font-size:12px;}
}
	
.sub_indexn{ overflow:hidden; background:#FFF;}
.sub_indexn .anchor{display:block;height:130px;margin-top:-130px;visibility:hidden;}
.sub_indexn .tab_box{ padding:80px 0 100px 0; border-top:1px solid #f0f0f0;}
@media(max-width:1025px){
	.sub_indexn .tab_box{ padding:60px 0 80px 0;}
}
@media(max-width:767px){
	.sub_indexn .tab_box{ padding:40px 0;}
}
.sub_indexn .tab_menu{ margin:0 0 50px 0;}
	.sub_indexn .tab_menu ul{ text-align:center;}
	.sub_indexn .tab_menu ul li{ display:inline-block; margin:0 5px; padding:0 10px; height:30px; border:1px solid #DDD; line-height:28px; font-size:12px; color:#666; cursor:pointer;}
	.sub_indexn .tab_menu ul li:hover{ border-color:#d01c24;}
@media(max-width:767px){
	.sub_indexn .tab_menu{ margin:0 0 30px 0;}
	.sub_indexn .tab_menu ul li{ margin:0 2px; padding:0 5px; font-size:11px;}
}

.sub_indexn .tab_bg_01{ overflow:hidden;}
	.sub_indexn .tab_bg_01 img{ display:block; width:100%;}
@media(max-width:1500px){
	.sub_indexn .tab_bg_01 img{ margin:0 0 0 -10%; width:120%;}
}
@media(max-width:1300px){
	.sub_indexn .tab_bg_01 img{ margin:0 0 0 -20%; width:140%;}
}
@media(max-width:1025px){
	.sub_indexn .tab_bg_01 img{ margin:0 0 0 -30%; width:160%;}
}
@media(max-width:767px){
	.sub_indexn .tab_bg_01 img{ margin:0 0 0 -50%; width:200%;}
}

.sub_indexn .tab_bg_02{ overflow:hidden; margin:0 0 50px 0; padding:50px 0; background:#f3f3f3;}
@media(max-width:767px){
	.sub_indexn .tab_bg_02{ margin:0 0 30px 0; padding:30px 0;}
}

.sub_indexn .tab_bg_03{ overflow:hidden; margin:0 0 -100px 0; padding:50px 0 80px 0; background:#f3f3f3;}
@media(max-width:1025px){
	.sub_indexn .tab_bg_03{ margin:0 0 -80px 0;}
}
@media(max-width:767px){
	.sub_indexn .tab_bg_03{ margin:0 0 -40px 0; padding:30px 0 40px 0;}
}
	
.sub_indexn .tab_tit_01{ margin:0 0 50px 0; text-align:center;}
	.sub_indexn .tab_tit_01 p{ line-height:50px; font-size:40px; color:#424242; font-family:'Oswald', sans-serif; font-weight:700; letter-spacing:0;}
	.sub_indexn .tab_tit_01 span{ display:block; margin:15px auto; width:80px; height:2px; background:#929290;}
	.sub_indexn .tab_tit_01 font{ display:block; line-height:20px; font-size:15px; color:#666; letter-spacing:-1px;}
@media(max-width:767px){
	.sub_indexn .tab_tit_01{ margin:0 0 30px 0;}
	.sub_indexn .tab_tit_01 p{ line-height:30px; font-size:25px;}
	.sub_indexn .tab_tit_01 span{ margin:10px auto; width:40px; height:1px;}
	.sub_indexn .tab_tit_01 font{ line-height:16px; font-size:12px;}
}

.sub_indexn .tab_tit_02{ margin:0 auto 20px auto; max-width:1200px;}
	.sub_indexn .tab_tit_02 p{ line-height:40px; font-size:30px; color:#333; font-family:'Oswald', sans-serif; font-weight:700; letter-spacing:0;}
	.sub_indexn .tab_tit_02 font{ display:block; line-height:20px; font-size:18px; color:#333; letter-spacing:-1px;}
	
@media(max-width:1025px){
	.sub_indexn .tab_tit_02{ margin:0 auto 15px auto;}
	.sub_indexn .tab_tit_02 p{ line-height:30px; font-size:25px;}
	.sub_indexn .tab_tit_02 font{ line-height:20px; font-size:15px;}
}
@media(max-width:767px){
	.sub_indexn .tab_tit_02{ margin:0 auto 10px auto;}
	.sub_indexn .tab_tit_02 p{ line-height:30px; font-size:20px;}
	.sub_indexn .tab_tit_02 font{ line-height:18px; font-size:13px;}
}

.sub_indexn .txt_01{ margin:0 0 50px 0; line-height:24px; font-size:14px; color:#666;}
@media(max-width:767px){
	.sub_indexn .txt_01{ margin:0 0 30px 0; line-height:18px; font-size:12px;}
}

.sub_indexn .box_01{ margin:0 auto; padding:100px; max-width:1200px; background:#FFF; box-shadow:0 1px 5px 0 rgba(0,0,0,0.15);}

@media(max-width:1260px){
	.sub_indexn .box_01{ margin:0 30px;}
}
@media(max-width:1025px){
	.sub_indexn .box_01{ padding:50px;}
}
@media(max-width:767px){
	.sub_indexn .box_01{ margin:0 15px; padding:15px;}
}
	
.sub_indexn .graphic_01{ margin:0 0 50px 0;}
	.sub_indexn .graphic_01 ul{ overflow:hidden; margin:0 auto; max-width:500px;}
	.sub_indexn .graphic_01 ul li{ position:relative; float:left; width:33.33%;}
	.sub_indexn .graphic_01 ul li a{ position:absolute; top:5px; right:5px; bottom:5px; left:5px; border-radius:50%; border:1px solid #DDD; background:#FFF;}
	.sub_indexn .graphic_01 ul li a p{ line-height:50px; font-size:25px; color:#c9242a; letter-spacing:0; font-family:'Oswald', sans-serif; font-weight:700;}
	.sub_indexn .graphic_01 ul li img{ display:block; width:100%;}
	.sub_indexn .graphic_01 ul li:hover a{ border:5px solid #d01c24;}
@media(max-width:767px){
	.sub_indexn .graphic_01{ margin:0 0 30px 0;}
	.sub_indexn .graphic_01 ul{ max-width:280px;}
	.sub_indexn .graphic_01 ul li a p{ font-size:15px;}
}	

.sub_indexn .graphic_02{}
	.sub_indexn .graphic_02 ul{ overflow:hidden; margin:0 auto; max-width:1200px;}
	.sub_indexn .graphic_02 ul li{ position:relative; float:left; width:25%;}
	.sub_indexn .graphic_02 ul li img{ display:block; width:100%;}
	.sub_indexn .graphic_02 ul li a{ position:absolute; top:5px; right:5px; bottom:5px; left:5px; border-radius:50%; border:1px solid #DDD; background:#FFF;}
	.sub_indexn .graphic_02 ul li .tit{ margin:0 15%; line-height:40px; font-size:24px; color:#333; font-family:'Oswald', sans-serif; font-weight:700;}
	.sub_indexn .graphic_02 ul li .txt{ margin:0 15%; line-height:20px; font-size:14px; color:#666; letter-spacing:-1px;}
	
	.sub_indexn .graphic_02 ul li:hover a{ border:5px solid #d01c24;}
	.sub_indexn .graphic_02 ul li:hover .tit{ color:#d01c24;}
	.sub_indexn .graphic_02 ul li:hover .txt{ color:#000;}
@media(max-width:1300px){
	.sub_indexn .graphic_02 ul{ margin:0 30px; max-width:100%;}
}
@media(max-width:1000px){
	.sub_indexn .graphic_02 ul{ margin:0 auto; max-width:550px;}
	.sub_indexn .graphic_02 ul li{ width:50%;}
}
@media(max-width:767px){	
	.sub_indexn .graphic_02{}
	.sub_indexn .graphic_02 ul{ margin:0 10px;}
	.sub_indexn .graphic_02 ul li{}
	.sub_indexn .graphic_02 ul li a .tit{ margin:0 10%; line-height:30px; font-size:15px;}
	.sub_indexn .graphic_02 ul li a .txt{ margin:0 10%; line-height:14px; font-size:11px;}
}

.sub_indexn .graphic_03{ position:relative;}
	.sub_indexn .graphic_03 .line{ position:absolute; z-index:1; top:50%; right:0; left:0; height:1px; background:#DDD;}
	.sub_indexn .graphic_03 ul{ overflow:hidden; margin:0 auto; max-width:1200px;}
	.sub_indexn .graphic_03 ul li{ position:relative; float:left; width:16.666%;}
	.sub_indexn .graphic_03 ul li.t{}
	.sub_indexn .graphic_03 ul li.b{ margin:5% 0 0 0;}
	.sub_indexn .graphic_03 ul li a{ position:absolute; z-index:10; top:0; right:0; bottom:0; left:0; border-radius:50%; border:1px solid #DDD; background:#FFF; box-shadow:0 1px 3px 0 rgba(0,0,0,0.05);}
	.sub_indexn .graphic_03 ul li a p{ line-height:24px; font-size:20px; color:#666; font-family:'Oswald', sans-serif; font-weight:400; letter-spacing:0;}
	.sub_indexn .graphic_03 ul li img{ display:block; width:100%;}
	.sub_indexn .graphic_03 ul li:hover a{ border:1px solid #d01c24; background:#d01c24;}
	.sub_indexn .graphic_03 ul li:hover p{ color:#FFF;}
	
@media(max-width:1250px){
	.sub_indexn .graphic_03 ul{ margin:0 30px;}
}
@media(max-width:1025px){
	.sub_indexn .graphic_03 ul li a p{ line-height:18px; font-size:14px;}
}
@media(max-width:767px){
	.sub_indexn .graphic_03 .line{ top:46%; right:40%; left:40%;}
	.sub_indexn .graphic_03 ul{ margin:0 10px;}
	.sub_indexn .graphic_03 ul li{ margin-right:2%; margin-left:2%; width:29.33%;}
	.sub_indexn .graphic_03 ul li.t{ margin-top:6%; margin-bottom:6%;}
	.sub_indexn .graphic_03 ul li.b{ margin-top:0; margin-right:2%; margin-left:2%;}
	.sub_indexn .graphic_03 ul li a p{ line-height:15px; font-size:12px;}
}
.sub_indexn .graphic_04{ overflow:hidden; margin:0 auto; max-width:1200px; border-top:1px solid #DDD; border-left:1px solid #DDD;}
	.sub_indexn .graphic_04 li{ float:left; width:20%;}
	.sub_indexn .graphic_04 li .box{ margin:-1px 0 0 -1px; height:100px; border:1px solid #DDD;}
	.sub_indexn .graphic_04 li .box img{ -webkit-filter: grayscale(1); filter:gray; filter: grayscale(1);}
	.sub_indexn .graphic_04 li:hover{ background:#f5f5f5;}
	.sub_indexn .graphic_04 li:hover .box img{ -webkit-filter: grayscale(0); filter: grayscale(0);}
	
@media(max-width:1250px){
	.sub_indexn .graphic_04{ margin:0 30px;}
}
@media(max-width:1025px){
	.sub_indexn .graphic_04 li{ width:25%;}
}
@media(max-width:767px){
	.sub_indexn .graphic_04{ margin:0 15px;}
	.sub_indexn .graphic_04 li{ width:33.33%;}
	.sub_indexn .graphic_04 li .box{ height:60px;}
	.sub_indexn .graphic_04 li .box img{ height:25px;}
}
.sub_indexn .about_history_menu{ margin:0 auto; max-width:600px;}
	.sub_indexn .about_history_menu *{ transition:none;}
	.sub_indexn .about_history_menu .slide p{ margin:0 5px; height:40px; border:1px solid #DDD; background:#FFF; text-align:center; line-height:38px; font-size:14px; color:#666; cursor:pointer; transition:border 0.5s, background 0.5s, color 0.5s;}
	.sub_indexn .about_history_menu .slide.slick-center p{ border-color:#d01c24; background:#d01c24; color:#FFF;}
	.sub_indexn .about_history_page{ margin:40px auto 0 auto; max-width:1200px;}
	.sub_indexn .about_history_page *{ transition:none;}
	.sub_indexn .about_history_page .slide .tit{ text-align:center; line-height:50px; font-size:50px; color:#d01c24; font-family:'Oswald', sans-serif; font-weight:700; letter-spacing:-1px;}
	.sub_indexn .about_history_page .slide ul{ overflow:hidden; margin:50px 0 0 0;}
	.sub_indexn .about_history_page .slide ul li{ float:left; padding:5px 10px 5px 35px; width:33.33%; line-height:20px; font-size:14px; color:#666;}
	.sub_indexn .about_history_page .slide ul li i{ display:block; float:left; margin:0 0 0 -25px; width:25px; text-align:center; line-height:20px; font-size:14px; color:#d01c24;}	
	.sub_indexn .about_history_page button{ top:0; margin:0; width:50px; height:50px; border:1px solid #DDD; background:#FFF !important; transition:border 0.5s, background 0.5s;}
	.sub_indexn .about_history_page button:before{ content:none;}
	.sub_indexn .about_history_page button i{ text-align:center; line-height:48px; font-size:20px; color:#666; transition:color 0.5s;}
	.sub_indexn .about_history_page button:hover{ border-color:#333; background:#333 !important;}
	.sub_indexn .about_history_page button:hover i{ color:#FFF;}
	.sub_indexn .about_history_page .slick-prev{ left:50%; margin:0 0 0 -150px;}
	.sub_indexn .about_history_page .slick-next{ right:50%; margin:0 -150px 0 0;}
	
@media(max-width:1250px){
	.sub_indexn .about_history_page{ margin:40px 30px 0 30px;}
	.sub_indexn .about_history_page .slide ul li{ width:50%;}
}
@media(max-width:1025px){
	
}
@media(max-width:767px){
	.sub_indexn .about_history_page{ margin:30px 15px 0 15px;}
	.sub_indexn .about_history_page .slide .tit{ line-height:40px; font-size:30px;}
	.sub_indexn .about_history_page .slide ul{ overflow:hidden; margin:30px 0 0 0;}
	.sub_indexn .about_history_page .slide ul li{ width:100%;}	
	.sub_indexn .about_history_page button{ width:40px; height:40px;}
	.sub_indexn .about_history_page button i{ line-height:38px; font-size:16px;}
	.sub_indexn .about_history_page .slick-prev{ left:20%; margin:0;}
	.sub_indexn .about_history_page .slick-next{ right:20%; margin:0;}
}

.sub_indexn .location{ margin:0 0 70px 0; text-align:center;}
	.sub_indexn .location li{ display:inline-block; margin:0 30px; line-height:30px; font-size:24px; color:#666; font-family:'Oswald', sans-serif; font-weight:300; letter-spacing:0;}
	.sub_indexn .location li i{ display:block; float:left; margin:0 10px 0 0; line-height:30px; font-size:30px;}	
	.sub_indexn .map{ margin:0 0 -100px 0;}
	.sub_indexn .map #map{ width:100%; height:500px;}
	
@media(max-width:1025px){
	.sub_indexn .location{ margin:0 0 50px 0;}
	.sub_indexn .location li{ margin:0 25px; line-height:30px; font-size:20px;}
	.sub_indexn .location li i{ margin:0 10px 0 0; line-height:30px; font-size:24px;}
	
	.sub_indexn .map{ margin:0 0 -80px 0;}
	.sub_indexn .map #map{ height:300px;}
}
@media(max-width:767px){
	.sub_indexn .location{ margin:0 0 30px 0;}
	.sub_indexn .location li{ margin:0 10px; line-height:20px; font-size:14px;}
	.sub_indexn .location li i{ margin:0 5px 0 0; line-height:20px; font-size:18px;}
	
	.sub_indexn .map{ margin:0 0 -40px 0;}
	.sub_indexn .map #map{ height:250px;}
}

.sub_request{ padding:80px 0 100px 0; background:#FFF;}
	.sub_request .bg{ padding:50px 0; background:#f0f0f0;}
@media(max-width:1025px){
	.sub_request{ padding:60px 0 80px 0;}
	.sub_request .bg{ padding:40px 0;}
}
@media(max-width:767px){
	.sub_request{ padding:40px 0;}
	.sub_request .bg{ padding:20px 0;}
}

.sub_request_gnb{ margin:0 0 50px 0; height:40px; text-align:center;}
	.sub_request_gnb ul{ display:inline-block;}
	.sub_request_gnb ul li{ float:left; margin:0 0 0 -1px;}
	.sub_request_gnb ul li a{ margin:0 0 0 -1px; padding:0 20px; height:40px; border:1px solid #DDD; background:#FFF; line-height:38px; font-size:13px; color:#666;}
	.sub_request_gnb ul li a:hover{ background:#DDD; color:#333;}
	.sub_request_gnb ul li.on a{ position:relative; z-index:10; border-color:#d01c24; background:#d01c24; color:#FFF;}
@media(max-width:767px){	
	.sub_request_gnb{ margin:0 0 20px 0;}
	.sub_request_gnb ul li a p{ padding:0 10px;}
}

.sub_request_list{ margin:60px auto 0 auto; max-width:900px;}
	.sub_request_list .box{ border-top:1px solid #666; border-bottom:1px solid #CCC;}	
	.sub_request_list .box table{ margin:0; overflow:hidden; border-radius:0;}
	.sub_request_list .box table thead{}
	.sub_request_list .box table thead tr{}
	.sub_request_list .box table thead tr td{ height:45px; text-align:center; vertical-align:middle; font-size:13px; color:#333;}
	.sub_request_list .box table thead tr td.t01{ width:10%;}
	.sub_request_list .box table thead tr td.t02{ width:30%;}
	.sub_request_list .box table thead tr td.t03{ width:20%;}
	.sub_request_list .box table thead tr td.t04{ width:20%;}
	.sub_request_list .box table thead tr td.t05{ width:20%;}	
	.sub_request_list .box table tbody{}
	.sub_request_list .box table tbody tr{}
	.sub_request_list .box table tbody tr td{ padding:0; text-align:center; vertical-align:middle; line-height:20px; font-size:12px; color:#666;}
	.sub_request_list .box table tbody tr td a{ padding:8px 10px; text-align:left; font-size:12px; color:#666;}
	.sub_request_list .box table tbody tr td a i{ margin:0 0 0 5px; font-size:16px;}	
	.sub_request_list .box table tbody tr:hover td{ color:#c9242a;}
	.sub_request_list .box table tbody tr:hover td a{ color:#c9242a;}	
	.sub_request_list .box table ul{ display:none;}
@media(max-width:1025px){
	.sub_request_list{ margin:50px auto 0 auto;}
}
@media(max-width:1000px){
	.sub_request_list{ margin:50px 30px 0 30px;}
}	
@media(max-width:767px){
	.sub_request_list{ margin:20px 15px 0 15px;}
	.sub_request_list .box table thead{ display:none;}
	.sub_request_list .box table thead tr td{ height:50px; font-size:14px;}
	.sub_request_list .box table thead tr td.t01{ display:none;}
	.sub_request_list .box table thead tr td.t02{ width:100%;}
	.sub_request_list .box table thead tr td.t03{ display:none;}
	.sub_request_list .box table thead tr td.t04{ display:none;}
	.sub_request_list .box table thead tr td.t05{ display:none;}
	.sub_request_list .box table thead tr td.t06{ display:none;}	
	.sub_request_list .box table tbody tr td{ line-height:20px; font-size:12px;}
	.sub_request_list .box table tbody tr td a{ padding:15px 20px 10px 20px; font-size:15px;}
	.sub_request_list .box table tbody tr td.d01{ display:none;}
	.sub_request_list .box table tbody tr td.d02{}
	.sub_request_list .box table tbody tr td.d03{ display:none;}
	.sub_request_list .box table tbody tr td.d04{ display:none;}
	.sub_request_list .box table tbody tr td.d05{ display:none;}
	.sub_request_list .box table tbody tr td.d06{ display:none;}	
	.sub_request_list .box table ul{ display:block; overflow:hidden; margin:0 0 20px 20px;}
	.sub_request_list .box table ul li{ float:left; margin:0 10px 0 0; line-height:20px; font-size:12px; color:#999;}
	.sub_request_list .box table ul li font{ display:block; padding:0 3px; background:#333; font-weight:700; color:#FFF;}
	.sub_request_list .box table ul li span{ display:block; padding:0 5px; height:20px; border-radius:2px; background:#666; line-height:18px; font-size:12px; color:#FFF;}
	.sub_request_list .box table ul li span.on{ background:#c9242a;}
}

.board_write{ overflow:hidden; margin:0 auto; max-width:900px;}
	.board_write .head{ padding:0 50px; height:60px; border-bottom:1px solid #f0f0f0; background:#fafafa; line-height:58px; font-size:18px;}
	.board_write .head i{ margin:0 5px 0 0; color:#c9242a;}
	.board_write > ul{ overflow:hidden; margin:-10px 0 0 0;}
	.board_write > ul > li{ position:relative; float:left; margin:10px 0 0 0; padding:0 0 0 120px; width:100%;}
	.board_write > ul > li.w50{ width:50%;}
	.board_write > ul > li p{ position:absolute; top:0; left:0; margin:0 0 15px 0; line-height:40px; font-size:14px; color:#666;}
	.board_write > ul > li p i{ margin:0 5px 0 0; font-size:18px;}
	.board_write > ul > li p.on i{ color:#c9242a;}
	.board_write > ul > li.w50.f_l p{ left:40px;}
	.board_write > ul > li .input{ display:block; padding:0 14px; width:100%; height:40px; border:1px solid #CCC; border-radius:0; background:#FFF; line-height:36px; font-size:14px; color:#333; outline:none; -webkit-appearance:none;}
	.board_write > ul > li .input.on{ border-color:#c9242a;}
	.board_write > ul > li textarea{ display:block; padding:9px 14px; width:100%; max-width:100%; height:120px; max-height:120px; border:1px solid #CCC; border-radius:0; background:#FFF; line-height:20px; font-size:14px; color:#000; outline:none; -webkit-appearance:none;}
	.board_write > ul > li textarea.on{ border-color:#c9242a;}	
	.board_write > ul > li .id_check{ position:relative; padding:0 80px 0 0;}
	.board_write > ul > li .id_check .button{ position:absolute; z-index:1; top:0; right:0; bottom:0; width:81px; border:1px solid #CCC; background:#FFF; text-align:center; line-height:38px; font-size:13px; color:#666; cursor:pointer;}
	.board_write > ul > li .id_check .button:hover{ background:#f0f0f0;}	
	.board_write > ul > li .file{ position:relative; padding:0 200px 0 0; height:40px;}
	.board_write > ul > li .file .input{ float:left; width:100%;}
	.board_write > ul > li .file .button{ position:absolute; z-index:1; top:0; right:100px; bottom:0; width:101px; border:1px solid #7f7f7f; background:#7f7f7f; text-align:center; line-height:38px; font-size:13px; color:#FFF; cursor:pointer;}
	.board_write > ul > li .file .button:hover{ border-color:#333; background:#333;}
	.board_write > ul > li .file .plus{ position:absolute; z-index:1; top:0; right:50px; bottom:0; width:40px; border:1px solid #CCC; background:#FFF; text-align:center; line-height:38px; font-size:13px; color:#666; cursor:pointer;}
	.board_write > ul > li .file .minus{ position:absolute; z-index:1; top:0; right:0; bottom:0; width:40px; border:1px solid #CCC; background:#FFF; text-align:center; line-height:38px; font-size:13px; color:#666; cursor:pointer;}
	.board_write > ul > li .provision{ overflow:hidden; height:40px;}
	.board_write > ul > li .provision label{ float:left; cursor:pointer;}
	.board_write > ul > li .provision label .checkbox{ display:block; float:left; margin:10px 5px 0 0; width:20px; height:20px; border-color:CCC; border-radius:0; outline:none;}
	.board_write > ul > li .provision label font{ line-height:40px; font-size:13px; font-weight:normal; color:#666; letter-spacing:-1px;}
	.board_write > ul > li .provision .button{ float:left; margin:10px 0 0 10px; padding:0 10px; height:20px; border-radius:3px; background:#d01c24; text-align:center; line-height:18px; font-size:12px; color:#FFF; cursor:pointer;}
	.board_write > ul > li .provision .button:hover{ background:#333;}	
	.board_write_select{ position:relative; float:inherit !important; margin:0!important; height:40px; background:#f5f5f5 !important;}
	.board_write_select .dk_toggle{ position:absolute; top:0; right:0; bottom:0; left:0; padding:0 14px; width:auto !important; height:40px; border:1px solid #DDD; line-height:38px; font-size:14px; font-weight:350; color:#333;}
	.board_write_select .dk_toggle:after{ right:15px; border-top-color:#333;}
	.board_write_select .dk_toggle:hover{ border-color:#c9242a; color:#c9242a;}
	.board_write_select .dk_toggle:hover:after{ border-top-color:#c9242a;}
	.board_write_select.dk_open .dk_toggle{ background:none; color:#c9242a !important;}
	.board_write_select.dk_open .dk_toggle:after{ border-top-color:#c9242a;}
	.board_write_select .dk_options{ top:41px; right:0; left:0; margin:0; width:auto;}
	.board_write_select .dk_options .dk_options_inner{ border-color:#666;}
	.board_write_select .dk_options .dk_options_inner a{ padding:10px 15px; line-height:14px; font-size:14px; font-weight:350; color:#666;}
	.board_write_select .dk_options .dk_options_inner .dk_option_current a{ background:#666; color:#FFF !important;}	
	.board_write_select2{ transition:none; position:relative; float:inherit !important; margin:0!important; width:100%; height:40px; background:#FFF !important;}
	.board_write_select2 .dk_toggle{ position:absolute; top:0; right:0; bottom:0; left:0; padding:0 14px; width:auto !important; height:40px; border:1px solid #CCC; line-height:38px; font-size:14px; font-weight:350; color:#333;}
	.board_write_select2 .dk_toggle:after{ right:15px; border-top-color:#333;}
	.board_write_select2 .dk_toggle:hover{ border-color:#c9242a; color:#c9242a;}
	.board_write_select2 .dk_toggle:hover:after{ border-top-color:#c9242a;}
	.board_write_select2.dk_open .dk_toggle{ background:none; color:#c9242a !important;}
	.board_write_select2.dk_open .dk_toggle:after{ border-top-color:#c9242a;}
	.board_write_select2 .dk_options{ top:41px; right:0; left:0; margin:0; width:auto;}
	.board_write_select2 .dk_options .dk_options_inner{ border-color:#666;}
	.board_write_select2 .dk_options .dk_options_inner a{ padding:10px 15px; line-height:14px; font-size:14px; font-weight:350; color:#666;}
	.board_write_select2 .dk_options .dk_options_inner .dk_option_current a{ background:#666; color:#FFF !important;}
@media(max-width:1025px){
	
}
@media(max-width:1000px){
	.board_write{ margin:0 30px;}
}
@media(max-width:767px){	
	.board_write{ margin:0 15px;}
	.board_write .head{ padding:0 20px; height:50px; line-height:48px; font-size:16px;}
	.board_write > ul{ margin:-10px 0 0 0;}
	.board_write > ul > li{ margin:10px 0 0 0; padding:0;}
	.board_write > ul > li.w50{ width:100%;}
	.board_write > ul > li p{ position:inherit; margin:0 0 5px 0; line-height:20px; font-size:14px;}
	.board_write > ul > li.w50.f_l p{ left:0;}
	.board_write > ul > li .input{ padding:0 9px;}
	.board_write > ul > li textarea{ padding:9px 9px;}
	.board_write > ul > li .file{ padding:0 180px 0 0; height:40px;}
	.board_write > ul > li .file .button{ width:81px;}	
	.board_write > ul > li .provision{ height:auto;}
	.board_write > ul > li .provision label{}
	.board_write > ul > li .provision label .checkbox{ margin:0 5px 0 0;}
	.board_write > ul > li .provision label font{ line-height:20px;}
	.board_write > ul > li .provision .button{ float:right; margin:0; padding:0 5px; font-size:12px; letter-spacing:-1px;}
}

.board_view{ margin:0 auto; max-width:1170px;}
	.board_view .box{ overflow:hidden; border:1px solid #DDD;}	
	.board_view .box .top{ padding:25px 50px;}
	.board_view .box .top p{ line-height:22px; font-size:18px; font-weight:700; color:#333;}
	.board_view .box .info{ overflow:hidden; padding:0 50px; height:50px; border-top:1px solid #DDD; border-bottom:1px solid #DDD; background:#f0f0f0;}
	.board_view .box .info ul{ float:right; margin:9px 0;}
	.board_view .box .info ul li{ float:left; margin:0 0 0 20px; height:30px; line-height:30px; font-size:14px; color:#666;}
	.board_view .box .info ul li p{ float:left; font-weight:700;}
	.board_view .box .info ul li span{ display:block; padding:0 8px; height:30px; border-radius:2px; background:#666; line-height:28px; font-size:12px; color:#FFF;}
	.board_view .box .info ul li span.on{ background:#1e1e1d;}
	.board_view .box .bottom{ padding:40px 50px 60px 50px; line-height:30px !important; font-size:16px !important; color:#666 !important;}
	.board_view .box .bottom iframe{ width:100% !important; height:500px !important;}
	.board_view .box .bottom img{ display:block; margin:20px 0; max-width:100% !important; height:auto !important;}	
	.board_view .box .bottom .q_tit{ height:50px; border:1px solid #DDD; border-bottom:0; background:#f0f0f0; text-align:center; line-height:48px; font-size:16px; color:#666;}
	.board_view .box .bottom .q{ padding:29px; border:1px solid #DDD;}	
	.board_view .box .bottom .a_tit{ margin:50px 0 0 0; height:50px; background:#1e1e1d; text-align:center; line-height:48px; font-size:16px; color:#FFF;}
	.board_view .box .bottom .a{ padding:29px; border:1px solid #1e1e1d;}
	
@media(max-width:1350px){
	.board_view{ margin:0 80px;}
}
@media(max-width:1025px){
	.board_view{ margin:0 30px;}
	.board_view .box .bottom iframe{ width:100% !important; height:400px !important;}
}
@media(max-width:767px){	
	.board_view{ margin:0 15px;}
	.board_view .box .top{ padding:15px 20px;}
	.board_view .box .top p{ line-height:20px; font-size:16px;}
	.board_view .box .info{ padding:0 10px 0 20px; height:auto;}
	.board_view .box .info ul{ float:left; margin:8px 0;}
	.board_view .box .info ul li{ margin:0 10px 0 0; height:20px; line-height:20px; font-size:12px;}
	.board_view .box .info ul li span{ height:20px; line-height:18px; font-size:12px; color:#FFF;}
	.board_view .box .bottom{ padding:20px 20px 30px 20px; line-height:25px !important; font-size:14px !important;}
	.board_view .box .bottom iframe{ width:100% !important; height:200px !important;}
	.board_view .box .bottom img{ margin:10px 0;}
	
	.board_view .box .bottom .a_tit{ margin:20px 0 0 0;}
}

.board_btn_01{ margin:50px auto 0 auto; max-width:200px; height:50px; border-radius:2px; background:#1e1e1d; text-align:center; line-height:50px; font-size:16px; color:#FFF; cursor:pointer;}
	.board_btn_01 i{ margin:0 5px 0 0;}
	.board_btn_01:hover{ background:#d01c24; color:#FFF;}
@media(max-width:1025px){
	.board_btn_01{ margin:40px auto 0 auto;}
}
@media(max-width:767px){
	.board_btn_01{ margin:20px 15px 0 15px; max-width:inherit;}
}

.board_btn_02{ margin:50px auto 0 auto; max-width:150px; height:40px; border-radius:2px; background:#171717; text-align:center; line-height:38px; font-size:16px; color:#FFF;}
	.board_btn_02 i{ margin:0 5px 0 0;}
	.board_btn_02:hover{ background:#c9242a; color:#FFF;}
@media(max-width:1025px){
	.board_btn_02{ margin:40px auto 0 auto;}
}
@media(max-width:767px){
	.board_btn_02{ margin:20px auto 0 auto;}
}

.board_btn_03{ margin:50px auto 0 auto; text-align:center;}
	.board_btn_03 ul{ display:inline-block;}
	.board_btn_03 ul li{ float:left; margin:0 10px;}
	.board_btn_03 ul li a{ width:150px; height:40px; border-radius:2px; background:#171717; text-align:center; line-height:38px; font-size:16px; color:#FFF;}
	.board_btn_03 ul li a i{ margin:0 5px 0 0;}
	.board_btn_03 ul li a:hover{ background:#c9242a; color:#FFF;}
@media(max-width:1025px){
	.board_btn_03{ margin:40px auto 0 auto;}
}
@media(max-width:767px){
	.board_btn_03{ margin:20px 5px 0 5px;}
	.board_btn_03 ul{ width:100%;}
	.board_btn_03 ul li{ margin:0; width:50%;}
	.board_btn_03 ul li a{ margin:0 10px; width:auto;}
}

.board_search{ overflow:hidden; position:relative; margin:0 auto 50px auto; width:300px; height:40px; background:#FFF; box-shadow:0 1px 3px 0 rgba(0,0,0,0.1);}
	.board_search input{ display:block; padding:0 30px 0 15px; width:100%; height:40px; border:0; background:none; line-height:40px; font-size:14px; color:#666; outline:none; -webkit-appearance:none;}
	.board_search .button{ position:absolute; z-index:10; top:0; right:0; width:30px; height:40px; cursor:pointer; line-height:38px; font-size:18px; color:#666;}

@media(max-width:1025px){
	.board_search{ margin:0 auto 30px auto;}
}
@media(max-width:767px){
	.board_search{ margin:0 15px 15px 15px; width:auto;}
}

.board_page{ margin:50px 0 0 0; height:40px; text-align:center;}
	.board_page ul{ display:inline-block; height:40px;}
	.board_page ul li{ position:relative; float:left; margin:0; width:40px; height:40px; cursor:pointer;}
	.board_page ul li p{ position:absolute; background:#FFF; line-height:38px; text-align:center; font-size:22px; color:#666;}
	.board_page ul li p.btn_L{ top:0; right:0; bottom:0; left:0; border:1px solid #d9d9d9;}
	.board_page ul li p.btn_R{ top:0; right:0; bottom:0; left:0; border:1px solid #d9d9d9; border-left:0;}
	.board_page ul li p:hover{ color:#c9242a;}	
	.board_page ul li span{ position:absolute; top:0; right:0; left:0; height:40px; background:#FFF; border:1px solid #d9d9d9; border-left:0; line-height:38px; font-size:14px; font-weight:350; color:#666;}
	.board_page ul li span:hover{ background:#f0f0f0; color:#c9242a;}
	.board_page ul li span.on{ z-index:50; right:0; left:-1px; height:40px; border:0; background:#c9242a !important; line-height:40px; font-weight:700; color:#FFF;}
	
@media(max-width:1025px){
	.board_page{ margin:40px 0 0 0;}
}
@media(max-width:767px){
	.board_page{ margin:20px 0 0 0;}
}

.board_terms{ display:none; position:fixed; z-index:50000; top:0; right:0; bottom:0; left:0; background:url(/images/common/bg70.png); transition:none;}
	.board_terms .contents{ margin:50px auto 0 auto; max-width:400px;}
	.board_terms .contents .box{ overflow:hidden; border-radius:3px; background:#FFF; box-shadow:0 5px 20px 0 rgba(0,0,0,0.15);}
	.board_terms .contents .box .head{ overflow:hidden; position:relative; height:70px; background:#d01c24;}
	.board_terms .contents .box .head i{ display:block; position:absolute; z-index:10; top:0; right:0; width:70px; height:70px; text-align:center; line-height:70px; font-size:25px; color:#FFF; cursor:pointer;}
	.board_terms .contents .box .head i:hover{ color:#333;}
	.board_terms .contents .box .head p{ text-align:center; line-height:70px; font-size:20px; color:#FFF; letter-spacing:0; font-family:'Oswald', sans-serif; font-weight:700;}
	.board_terms .contents .box .body{ overflow-y:scroll; padding:30px; height:300px;}
	.board_terms .contents .box .body .tit1{ margin:0 0 5px 0; line-height:20px; font-size:15px; font-weight:bold; color:#333; letter-spacing:-1px;}
	.board_terms .contents .box .body .tit2{ margin:0 0 5px 0; line-height:20px; font-size:15px; font-weight:bold; color:#333; letter-spacing:-1px;}
	.board_terms .contents .box .body .txt1{ line-height:20px; font-size:13px; color:#666;}
	.board_terms .contents .box .body .t1{}
	.board_terms .contents .box .body .txt5{ margin:0 0 5px 0; line-height:20px; font-size:13px; color:#666; letter-spacing:-1px;}
@media(max-width:767px){
	.board_terms .contents{ margin:40px 15px;}
	.board_terms .contents .box{ border-radius:5px;}
	.board_terms .contents .box .head{ height:60px;}
	.board_terms .contents .box .head i{ width:60px; height:60px; line-height:60px;}
	.board_terms .contents .box .head p{ line-height:60px; font-size:18px;}
	.board_terms .contents .box .body{ padding:20px;}
}

.board_popup{ display:none; position:fixed; z-index:50000; top:0; right:0; bottom:0; left:0; background:url(/images/common/bg70.png); transition:none;}
	.board_popup .box{ overflow:hidden; position:absolute; top:50%; left:50%; margin:-150px 0 0 -130px; width:260px; border-radius:3px;}
	.board_popup .box .top{ margin:0; padding:20px 0; background:#FFF;}
	.board_popup .box .top i{ display:block; text-align:center; line-height:50px; font-size:50px; color:#d01c24;}
	.board_popup .box .top p{ margin:5px 0 0 0; text-align:center; line-height:20px; font-size:15px; color:#666;}
	.board_popup .box a{ background:#d01c24; text-align:center; line-height:45px; font-size:18px; font-weight:700; color:#FFF;}
	.board_popup .box a i{ margin:0 5px 0 0;}
	.board_popup .box a:hover{ opacity:0.7; text-decoration:underline !important;}
	.board_popup .box .button{ overflow:hidden;}
	.board_popup .box .button li{ float:left; width:50%;}
	.board_popup .box .button li a{ background:#999; text-align:center; line-height:45px; font-size:18px; font-weight:700; color:#FFF;}
	.board_popup .box .button li:first-child a{ background:#d01c24;}

.partner_top{ overflow:hidden; padding:25px 0; background:#1e1e1d;}
	.partner_top .logo{ margin:0 auto; width:176px;}
	.partner_top .logo img{ display:block; height:30px;}
	.partner_top p{ margin:10px 0 0 0; text-align:center; line-height:20px; font-size:16px; color:#DDD;}

.partner_login{ overflow:hidden; margin:130px 0 0 0; background:#DDD;}
	.partner_login .contents{ margin:50px auto 50px auto; max-width:500px;}
	.partner_login .contents .box{ overflow:hidden; border-radius:3px; background:#FFF;}
	.partner_login .contents .box .head{ overflow:hidden; padding:20px; border-bottom:4px solid #d01c24; background:#1e1e1d; text-align:center;}
	.partner_login .contents .box .head p{ line-height:20px; font-size:20px; font-weight:800; color:#FFF;}
	.partner_login .contents .box .head font{ display:block; margin:5px 0 0 0; line-height:15px; font-size:13px; color:#CCC;}
	.partner_login .contents .box .body{ padding:30px 30px 50px 30px;}
	.partner_login .contents .box .body .input{ position:relative; margin:0 0 10px 0; height:45px; border:1px solid #dcdcdc; background:#f5f5f5;}
	.partner_login .contents .box .body .input i{ display:block; position:absolute; top:0; left:0; z-index:10; width:59px; height:43px; text-align:center; line-height:43px; font-size:18px; color:#666;}
	.partner_login .contents .box .body .input input{ display:block; padding:0 20px 0 59px; width:100%; height:43px; border:none; background:none; line-height:41px; font-size:15px; color:#333; outline:none; -webkit-appearance:none;}
	.partner_login .contents .box .body .option{ overflow:hidden; margin:0 0 0 0;}
	.partner_login .contents .box .body .option div{ float:left; height:30px; cursor:pointer;}
	.partner_login .contents .box .body .option div label{ font-weight:normal;}
	.partner_login .contents .box .body .option div input{ display:block; float:left; margin:8px 5px 0 0; width:14px; height:14px;}
	.partner_login .contents .box .body .option div p{ float:left; line-height:30px; font-size:13px; color:#666; cursor:pointer;}
	.partner_login .contents .box .body .option div:hover p{ opacity:0.7; text-decoration:underline !important;}
	.partner_login .contents .box .body .option ul{ float:right;}
	.partner_login .contents .box .body .option ul li{ float:left; margin:0 0 0 15px;}
	.partner_login .contents .box .body .option ul li p{ line-height:30px; font-size:13px; color:#666; cursor:pointer;}
	.partner_login .contents .box .body .option ul li p:hover{ opacity:0.7; text-decoration:underline !important;}
	.partner_login .contents .box .body .button{ margin:20px 0 0 0; border-radius:3px; background:#d01c24; text-align:center; line-height:50px; font-size:20px; font-weight:800; color:#FFF; cursor:pointer;}
	.partner_login .contents .box .body .button:hover{ opacity:0.7; text-decoration:underline !important;}	
	.partner_login .contents .sns_btn{ overflow:hidden; margin:20px -10px 0 -10px;}
	.partner_login .contents .sns_btn li{ float:left; width:50%;}
	.partner_login .contents .sns_btn li a{ margin:0 10px; border-radius:3px; background:#1e1e1d; text-align:center; line-height:50px; font-size:15px; color:#FFF; cursor:pointer;}
	.partner_login .contents .sns_btn li a:hover{ opacity:0.7; text-decoration:underline !important;}
	.partner_login .contents .sns_btn li i{ margin:0 5px 0 0;}
	
@media(max-width:767px){
	.partner_login{ margin:80px 0 0 0;}
	.partner_login .contents{ margin:20px 15px; max-width:inherit;}
	.partner_login .contents .box .body{ padding:20px 20px 30px 20px;}
}

.partner_client{ overflow:hidden; margin:130px 0 0 0; padding:80px 0 100px 0; background:#FFF;}
@media(max-width:767px){
	.partner_client{ margin:80px 0 0 0; padding:20px 15px;}
}

.member_login{ overflow:hidden; margin:130px 0 0 0; background:#DDD;}
	.member_login .box{ overflow:hidden; margin:50px auto 50px auto; max-width:500px; border-radius:3px; background:#FFF;}
	.member_login .box .head{ overflow:hidden; padding:20px; border-bottom:4px solid #d01c24; background:#1e1e1d; text-align:center;}
	.member_login .box .head p{ line-height:20px; font-size:20px; font-weight:800; color:#FFF;}
	.member_login .box .head font{ display:block; margin:5px 0 0 0; line-height:15px; font-size:13px; color:#CCC;}
	.member_login .box .body{ padding:30px 30px 50px 30px;}
	.member_login .box .body .input{ position:relative; margin:0 0 10px 0; height:45px; border:1px solid #dcdcdc; background:#f5f5f5;}
	.member_login .box .body .input i{ display:block; position:absolute; top:0; left:0; z-index:10; width:59px; height:43px; text-align:center; line-height:43px; font-size:18px; color:#666;}
	.member_login .box .body .input i.fa-mobile{ font-size:30px;}
	.member_login .box .body .input input{ display:block; padding:0 20px 0 59px; width:100%; height:43px; border:none; background:none; line-height:41px; font-size:15px; color:#333; outline:none; -webkit-appearance:none;}
	.member_login .box .body .id_save{ display:block; float:left; margin:0; line-height:30px; font-size:13px; font-weight:normal; color:#666; cursor:pointer;}
	.member_login .box .body .id_save input{ display:block; float:left; margin:8px 5px 0 0; width:14px; height:14px;}
	.member_login .box .body .id_save:hover{ text-decoration:underline; color:#000;}
	.member_login .box .body .signup_check{ margin:20px 0 0 0;}
	.member_login .box .body .signup_check li{ overflow:hidden; margin:10px 0; padding:0 0 0 19px;}
	.member_login .box .body .signup_check li label{ display:block; float:left; margin:0 10px 0 -19px; line-height:20px; font-size:13px; font-weight:700; color:#666; cursor:pointer;}
	.member_login .box .body .signup_check li label input{ display:block; float:left; margin:3px 5px 0 0; width:14px; height:14px;}
	.member_login .box .body .signup_check li label:hover{ text-decoration:underline; color:#000;}
	.member_login .box .body .signup_check li > font{ display:block; float:left; line-height:20px; font-size:13px; color:#999;}
	.member_login .box .body .signup_check li > font a{ display:inline-block; color:#0C0;}
	.member_login .box .body .signup_check li > font a:hover{ text-decoration:underline !important;}
	.member_login .box .body .signup_check li > a{ float:left; line-height:20px; font-size:13px; color:#F00; cursor:pointer;}
	.member_login .box .body .signup_check li > a:hover{ text-decoration:underline !important;}
	.member_login .box .body .signup_check li > p{ clear:both; line-height:20px; font-size:13px; color:#999;}
	.member_login .box .body .find_id_txt{ padding:8px 0; line-height:15px; font-size:13px; color:#666;}
	.member_login .box .body .find_id_txt P{}
	.member_login .box .body .find_id_txt font{ display:block; margin:5px 0 0; font-weight:800; color:#F00;}	
	.member_login .box .body .find_password_txt{ padding:5px 0; line-height:20px; font-size:13px; color:#666;}
	.member_login .box .body .find_password_txt font{ font-weight:800; color:#F00;}	
	.member_login .box .body .button{ margin:20px 0 0 0; border-radius:3px; background:#d01c24; text-align:center; line-height:50px; font-size:20px; font-weight:800; color:#FFF; cursor:pointer;}
	.member_login .box .body .button:hover{ opacity:0.7; text-decoration:underline !important;}	
	.member_login .box .body .button_02{ margin:20px -5px 0 -5px;}
	.member_login .box .body .button_02 ul{ overflow:hidden;}
	.member_login .box .body .button_02 ul li{ float:left; width:50%;}
	.member_login .box .body .button_02 ul li a{ margin:0 5px; border-radius:3px; background:#d01c24; text-align:center; line-height:45px; font-size:16px; font-weight:700; color:#FFF; cursor:pointer;}
	.member_login .box .body .button_02 ul li:first-child a{ background:#666;}
	.member_login .box .body .button_02 ul li a:hover{ opacity:0.7; text-decoration:underline !important;}	
	.member_login .box .body .menu{ margin:20px 0 0 0;}
	.member_login .box .body .menu p{ float:left; line-height:30px; font-size:13px; color:#666;}
	.member_login .box .body .menu p i{ display:block; float:left; margin:0 5px 0 0; line-height:30px; font-size:20px; color:#666;}
	.member_login .box .body .menu ul{ float:right;}
	.member_login .box .body .menu ul li{ float:left;}
	.member_login .box .body .menu ul li a{ line-height:30px; font-size:13px; font-weight:700; color:#d01c24;}
	.member_login .box .body .menu ul li a:hover{ opacity:0.7; text-decoration:underline !important;}
	.member_login .box .body .menu ul li span{ display:block; margin:8px 10px; width:1px; height:14px; background:#CCC;}	
	.member_login .box .body .line{ margin:30px 0; border-top:1px dashed #CCC;}	
	.member_login .box .sns{ overflow:hidden; margin:-5px 0 0 0;}
	.member_login .box .sns li{ overflow:hidden; margin:5px 0 0 0;}
	.member_login .box .sns li a{ border-radius:3px; background:#666; line-height:45px; font-size:14px; color:#FFF;}
	.member_login .box .sns li a p{ float:left; margin:0 20px 0 0; width:45px; height:45px; background:rgba(0,0,0,0.15); text-align:center; line-height:45px; font-family:Archivo Black; font-size:20px; color:#FFF;}
	.member_login .box .sns li a i{ float:left; margin:0 20px 0 0; width:45px; height:45px; background:rgba(0,0,0,0.15); text-align:center; line-height:45px; font-size:20px; color:#FFF;}
	.member_login .box .sns li.n a{ background:#00c73c;}
	.member_login .box .sns li.f a{ background:#3b5998;}
	.member_login .box .sns li.g a{ background:#d64136;}
	.member_login .box .sns li:hover a{ opacity:0.7; text-decoration:underline !important;}	
	.member_login .box .signup_btn{ margin:20px 0 0 0; text-align:center;}
	.member_login .box .signup_btn p{ line-height:15px; font-size:13px; color:#666;}
	.member_login .box .signup_btn a{ margin:10px auto 0 auto; width:150px; border-radius:3px; background:#d01c24; line-height:40px; font-size:15px; font-weight:700; color:#FFF;}
	.member_login .box .signup_btn a:hover{ opacity:0.7; text-decoration:underline !important;}
	
@media(max-width:767px){
	.member_login{ margin:80px 0 0 0;}
	.member_login .box{ margin:20px 15px; max-width:inherit;}
	.member_login .box .body{ padding:20px 20px 30px 20px;}
	.member_login .box .body .menu p{ float:inherit;}
}

.partner_bottom{ overflow:hidden; padding:25px 0; background:#1e1e1d;}
	.partner_bottom p{ text-align:center; line-height:50px; font-size:12px; color:#666; text-transform:uppercase;}

.demo{ position:fixed; top:0; right:0; bottom:0; left:0; background:#CCC;}
	.demo .menu{ position:fixed; z-index:10; top:0; right:0; left:0; height:60px; background:#FFF;  text-align:center;}
	.demo .menu .close{ opacity:1; position:absolute; z-index:10; top:15px; right:35px; width:30px; text-align:center; line-height:3px; font-size:30px; cursor:pointer;}
	.demo .menu .close i{ color:#999;}
	.demo .menu .close:hover i{color:#333;}
	.demo .menu .buy_btn{opacity: 1;position:absolute;z-index:10;text-align: center;cursor: pointer;right: 80px;width: auto;line-height: 20px;padding: 10px;top: 10px;background-color: #313131;
    color: #fff;font-size: 18px;box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);transition: all 0.3s cubic-bezier(.25,.8,.25,1);font-family: 'Oswald', sans-serif;}
	.demo .menu .buy_btn:hover{box-shadow: 0 8px 20px rgba(0,0,0,0.25), 0 4px 8px rgba(0,0,0,0.22);}
	.demo .menu ul{ display:inline-block;}
	.demo .menu ul li{ float:left; text-align:center; width:80px; height:60px; cursor:pointer;/* box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);transition: all 0.3s cubic-bezier(.25,.8,.25,1); */ }
	.demo .menu ul li:hover{ rgba(0,0,0,0.22);}
	.demo .menu ul li i{ margin:15px 0 0 0; line-height:26px; font-size:26px; color:#666;}
	.demo .menu ul li p{ line-height:20px; font-size:15px; color:#999; font-family:'Oswald', sans-serif; font-weight:300;}
	.demo .menu ul li:hover{ background:#f0f0f0;}
	.demo .menu ul li.on{ background:#313131;}
	.demo .menu ul li.on i{ color:#FFF;}
	.demo .menu ul li.on p{ color:#FFF;}	
	.demo .item{ overflow-x:auto; position:fixed; top:60px; right:0; bottom:0; left:0;}
	.demo .item .contents{ position:absolute; top:0; right:0; bottom:0; left:0; transition:top .5s, right .5s, bottom .5s, left .5s, margin .5s;}
	.demo .item .contents .wrap{ box-shadow:0 5px 20px 0 rgba(0,0,0,0.1);}
	.demo .item .contents .wrap iframe{ display:block; width:100%; border:0; box-shadow:0 0 0 1px rgba(0,0,0,0.2) inset;}
	.demo .item .height{ height:0;}	
	.demo .item.laptop .contents{ top:50px; right:50%; bottom:100%; left:50%; margin:0 -683px -718px -683px;}
	.demo .item.laptop .contents .wrap{padding:50px 30px; border-radius:30px; background:#FFF;}
	.demo .item.pad .contents{ top:50px; right:50%; bottom:100%; left:50%; margin:0 -512px -680px -512px;}
	.demo .item.pad .contents .wrap{ padding:50px 30px; border-radius:30px; background:#FFF;}
	.demo .item.pad .height{ height:830px;}	
	.demo .item.mobile .contents{ top:50px; right:50%; bottom:100%; left:50%; margin:0 -190px -590px -190px;}
	.demo .item.mobile .contents .wrap{ padding:50px 20px; border-radius:30px; background:#FFF;}
	.demo .item.mobile .height{ height:740px;}
@media(max-width:640px){
	.buy_btn {display:none;}
}

.mypage{ padding:80px 0 100px 0; background:#FFF;}
	.mypage .menu{ margin:0 auto; max-width:1170px;}
	.mypage .menu ul{ overflow:hidden;}
	.mypage .menu ul li{ position:relative; float:left; width:16.66%;}
	.mypage .menu ul li a{ margin:0 0 0 -1px; height:50px; border:1px solid #1e1e1d; background:#30302f; text-align:center; line-height:48px; font-size:15px; color:#DDD;}
	.mypage .menu ul li:first-child a{ margin:0;}
	.mypage .menu ul li a:hover{ background:#1e1e1d; color:#FFF;}
	.mypage .menu ul li a.on{ position:relative; z-index:10; border-color:#d01c24; background:#d01c24; color:#FFF;}
@media(max-width:1260px){
	.mypage .menu{ margin:0 30px; max-width:auto;}
}
@media(max-width:1025px){
	.mypage{ padding:60px 0 80px 0;}
}
@media(max-width:767px){
	.mypage{ padding:40px 0;}
	.mypage .menu{ margin:0 15px;}
	.mypage .menu ul li{ width:100%;}
	.mypage .menu ul li a{ margin:-1px 0 0 0; padding:0 20px; height:40px;  text-align:left; line-height:38px;}
}

.mypage_gnb{ margin:0 auto; max-width:1170px;}
	.mypage_gnb ul{ overflow:hidden; padding:0 0 0 1px;}
	.mypage_gnb ul li{ position:relative; float:left; width:20%;}
	.mypage_gnb ul li a{ margin:0 0 0 -1px; border:1px solid #1e1e1d; background:#30302f; text-align:center; line-height:50px; font-size:15px; color:#DDD;}
	.mypage_gnb ul li a:hover{ background:#1e1e1d; color:#FFF; text-decoration:underline !important;}
	.mypage_gnb ul li.on a{ position:relative; z-index:10; border-color:#d01c24; background:#d01c24; color:#FFF;}
@media(max-width:1260px){
	.mypage_gnb{ margin:0 30px; max-width:auto;}
}
@media(max-width:767px){
	.mypage_gnb{ margin:0 15px;}
	.mypage_gnb ul{ padding:1px 0 0 1px;}
	.mypage_gnb ul li{ width:50%;}
	.mypage_gnb ul li a{ margin:-1px 0 0 -1px; line-height:40px;}
}

.mypage_payment{ margin:0 auto 30px auto; padding:0 30px; max-width:1230px;}
	.mypage_payment > ul{ overflow:hidden; margin:-20px 0 0 0;}
	.mypage_payment > ul > li{ overflow:hidden; margin:20px 0 0 0; border:1px solid #CCC; border-radius:3px;}
	.mypage_payment > ul > li .head{ display:block; position:relative; margin:0; padding:20px 200px 20px 300px; font-weight:normal;}
	.mypage_payment > ul > li .head .left{ position:absolute; top:0; bottom:0; left:0; width:300px;}
	.mypage_payment > ul > li .head .left input{ display:block; margin:0 auto 20px auto; width:20px; height:20px; border-radius:0;}
	.mypage_payment > ul > li .head .left .img{ position:relative; margin:0 auto; width:160px; height:160px; border-radius:3px;}
	.mypage_payment > ul > li .head .left .img .line{ position:absolute; z-index:10; top:0; right:0; bottom:0; left:0; border:1px solid #000; border-radius:3px; opacity:0.15; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=15);}
	.mypage_payment > ul > li .head .left .img img{ display:block; width:160px; height:160px; border-radius:3px;}
	.mypage_payment > ul > li .head .left .tit{ margin:15px 0 0 0; line-height:20px; font-size:18px; font-weight:800; color:#333;}
	.mypage_payment > ul > li .head .left p{ line-height:20px; font-size:15px; font-weight:700; color:#d01c24;}	
	.mypage_payment > ul > li .head .right{ position:absolute; top:0; right:0; bottom:0; width:200px;}
	.mypage_payment > ul > li .head .right p{ margin:5px auto; width:120px; height:40px; border-radius:3px; background:#666; text-align:center; line-height:40px; font-size:16px; font-weight:700; color:#FFF;}
	.mypage_payment > ul > li .head .right font{ display:block; margin:5px auto; width:120px; height:40px; border-radius:3px; background:#666; text-align:center; line-height:40px; font-size:16px; font-weight:700; color:#FFF;}
	.mypage_payment > ul > li .head .right p.ok{ background:#d01c24;}
	.mypage_payment > ul > li .head .right font.ok{ background:#09F;}	
	.mypage_payment > ul > li .head .center{}
	.mypage_payment > ul > li .head .center ul{}
	.mypage_payment > ul > li .head .center ul li{ overflow:hidden; padding:2px 0 2px 80px; line-height:24px; font-size:13px; color:#666;}
	.mypage_payment > ul > li .head .center ul li > font{ display:block; float:left; margin:0 0 0 -80px; width:80px; font-weight:700; color:#333;}
	.mypage_payment > ul > li .head .center ul li span{ display:block; float:left; margin:2px 3px 2px 0; padding:0 5px; height:26px; border:1px solid #CCC; background:#FFF; line-height:24px; font-size:12px; color:#666;}
	.mypage_payment > ul > li .head .center ul li span font{ margin:0 0 0 3px; font-weight:700; color:#d01c24;}	
	.mypage_payment > ul > li .body{ overflow:hidden; padding:20px 40px; border-top:1px solid #CCC; background:#fafafa;}
	.mypage_payment > ul > li .body ul{ overflow:hidden; float:right;}
	.mypage_payment > ul > li .body ul li{ float:left; line-height:20px; font-size:14px; color:#666;}
	.mypage_payment > ul > li .body ul li p{ float:left;}
	.mypage_payment > ul > li .body ul li font{ display:block; float:left; margin:0 5px; font-size:14px; font-weight:700; color:#333;}
	.mypage_payment > ul > li .body ul li font.red{ font-weight:800; color:#d01c24;}
	.mypage_payment > ul > li .body ul li span{ display:block; float:left; margin:0 10px; font-size:14px; font-weight:800; color:#666;}	
	.mypage_payment > ul > li:hover{ border-color:#d01c24; background:#f5f5f5;}
	.mypage_payment > ul > li:hover .body{ border-color:#d01c24; background:#d01c24;}
	.mypage_payment > ul > li:hover .body ul li p{ color:#FFF;}
	.mypage_payment > ul > li:hover .body ul li font{ color:#FFF;}
	.mypage_payment > ul > li:hover .body ul li font.red{ color:#FFF;}
	.mypage_payment > ul > li:hover .body ul li span{ color:#FFF;}
	
@media(max-width:1000px){
	.mypage_payment > ul > li .head{ overflow:hidden; padding:20px 20px 20px 300px;}
	.mypage_payment > ul > li .head .left{ bottom:inherit; height:280px;}
	.mypage_payment > ul > li .head .left input{ margin:0 auto 10px auto;}
	.mypage_payment > ul > li .head .left .img{ width:120px; height:120px;}
	.mypage_payment > ul > li .head .left .img img{ width:120px; height:120px;}	
	.mypage_payment > ul > li .head .right{ top:230px; right:inherit; left:0; width:300px;}
	.mypage_payment > ul > li .head .right p{ height:30px; line-height:30px;}
	.mypage_payment > ul > li .head .right font{ width:120px; height:30px; line-height:30px;}
		
}
@media(max-width:767px){
	.mypage_payment{ margin-bottom:20px; padding:0 15px;}
	.mypage_payment > ul > li .head{ padding:0;}
	.mypage_payment > ul > li .head .left{ overflow:hidden; position:static; padding:20px 0; width:100%; height:auto;}
	.mypage_payment > ul > li .head .left input{ display:block; margin:0 auto 10px auto; width:15px; height:15px;}	
	.mypage_payment > ul > li .head .right{ position:static; margin:0 15px; padding:15px 0; width:auto; border-top:1px solid #DDD; border-bottom:1px solid #DDD;}
	.mypage_payment > ul > li .head .right ul{ overflow:hidden; text-align:center;}
	.mypage_payment > ul > li .head .right ul li{ display:inline-block; width:48%;}
	.mypage_payment > ul > li .head .right p{ margin:0 5px; width:auto; height:35px; line-height:35px; font-size:15px;}
	.mypage_payment > ul > li .head .right font{ margin:0 5px; width:auto; height:35px; line-height:35px; font-size:15px;}
	.mypage_payment > ul > li .head .center{ margin:20px 15px;}	
	.mypage_payment > ul > li .body{ padding:15px;}
	.mypage_payment > ul > li .body ul li{ line-height:20px; font-size:13px;}
	.mypage_payment > ul > li .body ul li font{ margin:0 5px; font-size:13px;}
	.mypage_payment > ul > li .body ul li span{ margin:0 5px; font-size:13px;}
}

.mypage_purchase{ margin:0 auto; max-width:1200px;}
	.mypage_purchase > ul{ overflow:hidden;}
	.mypage_purchase > ul > li{ float:left; width:50%;}
	.mypage_purchase > ul > li .title{ margin:0 15px 20px 15px; line-height:20px; font-size:18px; font-weight:800; color:#333;}
	.mypage_purchase > ul > li .left{ margin:-30px 0 0 0;}
	.mypage_purchase > ul > li .left li{ float:left; margin:30px 0 0 0; width:50%;}
	.mypage_purchase > ul > li .left li a{ position:relative; margin:0 15px; padding:19px 19px 50px 19px; border:1px solid #DDD; border-radius:3px;}
	.mypage_purchase > ul > li .left li a .number{ position:relative; z-index:10; margin:-20px 0 0 0; width:30px; height:30px; border-radius:0 0 3px 3px; background:#d01c24; text-align:center; line-height:30px; font-size:15px; font-weight:800; color:#FFF; }
	.mypage_purchase > ul > li .left li a .tit{ margin:10px 0 0 0; line-height:20px; font-size:16px; font-weight:700; color:#333; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
	.mypage_purchase > ul > li .left li a .sort{ margin:5px 0 0 0; line-height:15px; font-size:13px; color:#777;}
	.mypage_purchase > ul > li .left li a .pay{ margin:10px 0 0 0; text-align:right; }
	.mypage_purchase > ul > li .left li a .pay span{ display:block; line-height:30px; font-size:30px; font-weight:400; font-family:Oswald; color:#d01c24;}
	.mypage_purchase > ul > li .left li a .pay font{ display:block; margin:5px 0 0 0; line-height:15px; font-size:13px; color:#999;}
	.mypage_purchase > ul > li .left li a .date{ position:absolute; right:0; bottom:0; left:0; height:30px; border-radius:0 0 3px 3px; border-top:1px solid #DDD; background:#f5f5f5; text-align:center; line-height:30px; font-size:13px; color:#666;}
	.mypage_purchase > ul > li .right{ margin:0 15px; padding:30px; border-radius:3px; border:1px solid #DDD; background:#fafafa;}
	.mypage_purchase > ul > li .right .tit{ line-height:20px; font-size:16px; font-weight:400; color:#333;}
	.mypage_purchase > ul > li .right .tit font{ font-weight:700; color:#d01c24;}
	.mypage_purchase > ul > li .right ul{ margin:10px 0 0 0;}
	.mypage_purchase > ul > li .right ul li{ padding:5px 0 5px 120px; line-height:20px; font-size:14px; color:#666;}
	.mypage_purchase > ul > li .right ul li font{ display:block; float:left; margin:0 0 0 -120px; width:120px; font-weight:700;}
	.mypage_purchase > ul > li .right ul li .file{ position:relative; margin:-5px 0 0 0; padding:0 80px 0 0; height:30px; border:1px solid #DDD; background:#FFF;}
	.mypage_purchase > ul > li .right ul li .file input{ display:block; margin:0; padding:0 10px; width:100%; height:28px; border:0; background:#FFF; outline:none;}
	.mypage_purchase > ul > li .right ul li .file .click{ position:absolute; top:0; right:0; bottom:0; width:80px; height:28px; border-left:1px solid #DDD; background:#FFF; text-align:center; line-height:28px; font-size:14px; font-weight:700; color:#333; cursor:pointer;}
@media(max-width:1230px){
	.mypage_purchase{ margin:0 15px; max-width:auto;}
}
@media(max-width:1000px){
	.mypage_purchase > ul > li .left li{ width:100%;}
}
@media(max-width:767px){
	.mypage_purchase{ margin:0 15px;}
	.mypage_purchase > ul > li{ width:100%;}
	.mypage_purchase > ul > li .title{ margin:20px 0 10px 0;}
	.mypage_purchase > ul > li:first-child .title{ margin-top:0;}
	.mypage_purchase > ul > li .left{ width:100%;}
	.mypage_purchase > ul > li .left{ margin:-15px 0 0 0;}
	.mypage_purchase > ul > li .left li{ margin:15px 0 0 0; width:100%;}
	.mypage_purchase > ul > li .left li a{ margin:0;}
	.mypage_purchase > ul > li .right{ margin:0; padding:15px;}
}

.mypage_cart{ margin:0 auto; max-width:1170px;}
	.mypage_cart > ul{ overflow:hidden; margin:0 0 20px 0; padding:10px; border-radius:3px; border:1px solid #CCC;}
	.mypage_cart > ul > li{ position:relative; float:left; height:100px;}
	.mypage_cart > ul > li .check{ display:inline-block; margin:0; width:20px; height:20px;}
	.mypage_cart > ul > li img{ display:block; width:80px; height:80px; border-radius:3px; border:1px solid #DDD;}
	.mypage_cart > ul > li .txt{ position:absolute; top:50%; right:0; left:0; margin:-20px 0 0 0; text-align:left;}
	.mypage_cart > ul > li .txt a{ line-height:20px; font-size:18px; font-weight:700; color:#333; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
	.mypage_cart > ul > li .txt font{ display:block; margin:5px 0 0 0; line-height:15px; font-size:13px; color:#666; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
	.mypage_cart > ul > li .price{ line-height:15px; font-size:15px; font-weight:700; color:#d01c24;}
	.mypage_cart > ul > li .button{ height:35px; text-align:center;}
	.mypage_cart > ul > li .button ul{ overflow:hidden; display:inline-block;}
	.mypage_cart > ul > li .button ul li{ float:left;}
	.mypage_cart > ul > li .button ul li a{ margin:0 5px; min-width:80px; border-radius:3px; background:#1e1e1d; text-align:center; line-height:35px; font-size:13px; color:#FFF;}
	.mypage_cart > ul > li .button ul li a:hover{ opacity:0.7; text-decoration:underline !important;}
	.mypage_cart > ul:hover{ background:#f5f5f5;}
	.mypage_cart > ul:hover > li .txt a{ color:#d01c24; text-decoration:underline !important;}	
	.mypage_cart_btn{ overflow:hidden; margin:0 auto; max-width:1170px;}
	.mypage_cart_btn > p{ float:left; padding:0 20px; height:40px; border-radius:3px; border:1px solid #CCC; text-align:center; line-height:40px; font-size:15px; font-weight:700; color:#666; cursor:pointer;}
	.mypage_cart_btn ul{ float:right;}
	.mypage_cart_btn ul li{ float:left; margin:0 0 0 10px;}
	.mypage_cart_btn ul li p{ padding:0 20px; height:40px; border-radius:3px; background:#1e1e1d; text-align:center; line-height:40px; font-size:15px; font-weight:700; color:#FFF; cursor:pointer;}
	.mypage_cart_btn ul li:first-child p{ background:#d01c24;}
	.mypage_cart_btn p:hover{ opacity:0.7; text-decoration:underline !important;}
@media(max-width:1230px){
	.mypage_cart{ margin:0 30px; max-width:auto;}
	.mypage_cart_btn{ margin:0 30px; max-width:auto;}
}
@media(max-width:1025px){
	.mypage_cart > ul > li .button ul li a{ padding:0 10px; min-width:auto;}
}
@media(max-width:767px){
	.mypage_cart{ margin:0 15px;}
	.mypage_cart > ul{ position:relative;}
	.mypage_cart > ul > li{ height:auto;}
	.mypage_cart > ul > li:nth-child(1){ position:absolute; z-index:10; bottom:17.5px; left:10px;}
	.mypage_cart > ul > li:nth-child(2){ position:absolute; top:10px; left:10px;}
	.mypage_cart > ul > li:nth-child(3){ padding:0 0 0 90px; width:100% !important; height:50px;}
	.mypage_cart > ul > li:nth-child(4){ padding:0 0 0 90px; width:100% !important;}
	.mypage_cart > ul > li:nth-child(5){ width:100% !important;}
	.mypage_cart > ul > li .check{ display:block; margin:0;}
	.mypage_cart > ul > li .txt{ top:10px; left:90px; margin:0;}
	.mypage_cart > ul > li .price{ margin:5px 0 0 0; text-align:left; line-height:15px;}
	.mypage_cart > ul > li .button{ margin:20px 0 0 0;}
	.mypage_cart > ul > li .button ul{ float:right;}	
	.mypage_cart_btn{ margin:0 15px;}
	.mypage_cart_btn > p{ padding:0 10px; font-size:13px;}
	.mypage_cart_btn ul li:first-child{ margin:0;}
	.mypage_cart_btn ul li p{ padding:0 10px; font-size:13px;}
}

.mypage_service{ margin:0 auto; max-width:1200px;}
	.mypage_service > .list{ overflow:hidden;}
	.mypage_service > .list > ul{}
	.mypage_service > .list > ul > li{ float:left; width:50%;}
	.mypage_service > .list > ul > li .title{ margin:0 15px 20px 15px; line-height:20px; font-size:18px; font-weight:800; color:#333;}	
	.mypage_service > .list > ul > li ul{ margin:-30px 0 0 0;}
	.mypage_service > .list > ul > li ul li{ float:left; margin:30px 0 0 0; width:50%;}
	.mypage_service > .list > ul > li ul li a{ position:relative; margin:0 15px; padding:19px 19px 50px 19px; border:1px solid #DDD; border-radius:5px;}
	.mypage_service > .list > ul > li ul li a .number{ position:relative; z-index:10; margin:-20px 0 0 0; width:30px; height:30px; border-radius:0 0 3px 3px; background:#d01c24; text-align:center; line-height:30px; font-size:15px; color:#FFF; font-family:'Oswald', sans-serif; font-weight:300;}
	.mypage_service > .list > ul > li ul li a .tit{ margin:10px 0 0 0; text-align:right; line-height:20px; font-weight:bold; font-size:20px; color:#333; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
	.mypage_service > .list > ul > li ul li a .txt{ margin:5px 0 0 0; text-align:right; line-height:12px; font-size:12px; color:#777;}
	.mypage_service > .list > ul > li ul li a .date{ margin:10px 0 0 0; text-align:right; line-height:16px; font-size:16px; color:#999; font-family:'Oswald', sans-serif; font-weight:300;}
	.mypage_service > .list > ul > li ul li a .price{ margin:10px 0 0 0; text-align:right; line-height:20px; font-size:18px; font-weight:700; color:#d01c24;}
	.mypage_service > .list > ul > li ul li a .sort{ position:absolute; right:0; bottom:0; left:0; height:30px; border-radius:0 0 4px 4px; border-top:1px solid #DDD; background:#f5f5f5; text-align:center; line-height:30px; font-size:12px; color:#999;}
@media(max-width:1230px){
	.mypage_service{ margin:0 15px; max-width:auto;}
}
@media(max-width:1000px){
	.mypage_service > .list > ul > li ul li{ width:100%;}
}
@media(max-width:767px){
	.mypage_service{ margin:0 15px;}
	.mypage_service > .list > ul > li{ width:100%;}
	.mypage_service > .list > ul > li .title{ margin:20px 0 10px 0;}
	.mypage_service > .list > ul > li:first-child .title{ margin-top:0;}
	.mypage_service > .list > ul > li ul{ margin:-15px 0 0 0;}
	.mypage_service > .list > ul > li ul li{ margin:15px 0 0 0; width:100%;}
	.mypage_service > .list > ul > li ul li a{ margin:0;}
}

.mypage_qna{ margin:0 auto; max-width:1200px;}
	.mypage_qna ul{ margin:-30px 0 0 0;}
	.mypage_qna ul li{ float:left; margin:30px 0 0 0; width:25%;}
	.mypage_qna ul li a{ position:relative; margin:0 15px; padding:40px; border:1px solid #DDD; border-radius:5px; background:#f5f5f5;}
	.mypage_qna ul li a .tit{ line-height:20px; font-size:18px; color:#333; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
	.mypage_qna ul li a .date{ margin:10px 0 0 0; line-height:15px; font-size:15px; color:#666;}
	.mypage_qna ul li a .lock{ margin:30px 0 60px 0; height:40px;}
	.mypage_qna ul li a .lock i{ display:none; margin:0 auto; height:40px; text-align:center; line-height:40px; font-size:40px; color:#999;}
	.mypage_qna ul li a .answer{ overflow:hidden; position:absolute; z-index:5; right:-1px; bottom:-1px; width:100px; height:100px; border-radius:0 0 5px 0;}
	.mypage_qna ul li a .answer p{ position:absolute; z-index:10; right:15px; bottom:15px; line-height:16px; font-size:14px; color:#FFF;}
	.mypage_qna ul li a .answer img{ display:block; position:absolute; width:100%;}
	.mypage_qna ul li a .answer img.off{ display:block;}
	.mypage_qna ul li a .answer img.on{ display:none;}	
	.mypage_qna ul li.key .lock i{ display:block;}
	.mypage_qna ul li.ok .answer img.off{ display:none;}
	.mypage_qna ul li.ok .answer img.on{ display:block;}	
	.mypage_qna ul li a:hover{ border-color:#999;}
	.mypage_qna ul li a:hover .tit{ color:#000;}
	.mypage_qna ul li a:hover .name{ color:#666;}
	.mypage_qna ul li a:hover .lock i{ color:#333; transform:scale(1.2);}
	
@media(max-width:1300px){
	.mypage_qna{ margin:0 35px; max-width:100%;}
}
@media(max-width:1025px){	
	.mypage_qna{ margin:0 15px;}
	.mypage_qna ul li a{ padding:30px;}
}
@media(max-width:1000px){	
	.mypage_qna{ margin:0 15px;}
	.mypage_qna ul li{ width:33.33%;}
}
@media(max-width:767px){	
	.mypage_qna{ margin:0 7.5px;}
	.mypage_qna ul{ margin:-15px 0 0 0;}
	.mypage_qna ul li{ margin:15px 0 0 0; width:50%;}
	.mypage_qna ul li a{ margin:0 7.5px; padding:15px;}
	.mypage_qna ul li a .tit{ line-height:15px; font-size:14px;}
	.mypage_qna ul li a .date{ margin:5px 0 0 0; line-height:12px; font-size:12px;}
	.mypage_qna ul li a .lock{ margin:20px 0 30px 0; height:30px;}
	.mypage_qna ul li a .lock i{ height:30px; line-height:30px; font-size:30px;}
	.mypage_qna ul li a .answer{ width:80px; height:80px;}
	.mypage_qna ul li a .answer p{ right:10px; bottom:10px; line-height:14px; font-size:12px;}
}

.mypage_profile{ overflow:hidden; margin:0 auto; max-width:1170px; border:1px solid #DDD; background:#FFF;}
	.mypage_profile .head{ padding:20px 50px; border-bottom:1px solid #DDD; background:#f0f0f0; ;}
	.mypage_profile .head p{ line-height:20px; font-size:18px;}
	.mypage_profile .head p i{ margin:0 5px 0 0; color:#c9242a;}
	.mypage_profile .head font{ display:block; margin:5px 0 0 23px; line-height:20px; font-size:15px; color:#666;}
	.mypage_profile > ul{ margin:50px;}
	.mypage_profile > ul > li{ position:relative; margin:20px 0 0 0; padding:0 0 0 150px;}
	.mypage_profile > ul > li:first-child{ margin:0;}
	.mypage_profile > ul > li p{ position:absolute; top:0; left:0; margin:0 0 15px 0; line-height:40px; font-size:16px; color:#666;}
	.mypage_profile > ul > li p i{ margin:0 5px 0 0;}
	.mypage_profile > ul > li p.on i{ color:#c9242a;}
	.mypage_profile > ul > li .input{ display:block; padding:0 14px; width:100%; height:40px; border:1px solid #DDD; border-radius:0; background:#f5f5f5; line-height:36px; font-size:14px; color:#333; outline:none; -webkit-appearance:none;}
	.mypage_profile > ul > li textarea{ display:block; padding:9px 14px; width:100%; max-width:100%; height:120px; max-height:120px; border:1px solid #DDD; border-radius:0; background:#f5f5f5; line-height:20px; font-size:14px; color:#000; outline:none; -webkit-appearance:none;}
@media(max-width:1300px){
	.mypage_profile{ margin:0 50px; max-width:100%;}
}
@media(max-width:1025px){
	.mypage_profile{ margin:0 30px;}
}
@media(max-width:767px){	
	.mypage_profile{ margin:0 15px;}
	.mypage_profile .head{ padding:15px 20px;}
	.mypage_profile .head p{ line-height:18px; font-size:16px;}
	.mypage_profile .head font{ line-height:14px; font-size:12px;}
	.mypage_profile > ul{ margin:20px;}
	.mypage_profile > ul > li{ margin:20px 0 0 0; padding:0;}
	.mypage_profile > ul > li p{ position:inherit; margin:0 0 5px 0; line-height:20px; font-size:14px;}
	.mypage_profile > ul > li .input{ padding:0 9px;}
	.board_write > ul > li textarea{ padding:9px 9px;}
}

.shop_order{ margin:0 auto; max-width:1170px;}
	.shop_order_tit{ margin:0 0 20px 0; line-height:30px; font-size:20px; font-weight:700; color:#333;}
	.shop_order_tit i{ display:block; float:left; margin:0 5px 0 0; line-height:30px; font-size:30px;}
	.shop_order_tit font{ font-size:14px; font-weight:400; color:#666;}	
	.shop_order_list{}
	.shop_order_list .head{ overflow:hidden; border-top:1px solid #CCC; border-bottom:1px solid #CCC;}
	.shop_order_list .head li{ float:left; text-align:center; line-height:50px; font-size:15px; font-weight:700; color:#333;}
	.shop_order_list .body{ overflow:hidden; margin:0 0 20px 0; border-bottom:1px solid #CCC;}
	.shop_order_list .body > li{ position:relative; float:left; height:100px;}
	.shop_order_list .body > li .txt{ position:absolute; top:50%; right:0; left:20px; margin:-40px 0 0 0; padding:0 0 0 120px; text-align:left;}
	.shop_order_list .body > li .txt img{ display:block; float:left; margin:0 0 0 -100px; width:80px; height:80px; border-radius:3px; border:1px solid #DDD;}
	.shop_order_list .body > li .txt a{ margin:15px 0 0 0; line-height:20px; font-size:18px; font-weight:700; color:#333; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
	.shop_order_list .body > li .txt font{ display:block; margin:10px 0 0 0; line-height:15px; font-size:14px; color:#666; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
	.shop_order_list .body > li p{ line-height:100px; font-size:13px; color:#666;}
	.shop_order_list .body > li p font{ display:none;}
	.shop_order_list .body:hover{ background:#f5f5f5;}
	.shop_order_list .body:hover > li .txt a{ color:#d01c24; text-decoration:underline !important;}
	.shop_order_price{ margin:0 0 50px 0; padding:0 30px; border:1px solid #CCC; background:#FFF; text-align:right; line-height:80px; font-size:14px; color:#666;}
	.shop_order_price font{ font-weight:800; color:#333;}
	.shop_order_price span{ font-size:20px; font-weight:800; color:#d01c24;}
	.shop_order_enter{ margin:0 -10px 50px -10px;}
	.shop_order_enter ul{ overflow:hidden;}
	.shop_order_enter ul li{ float:left; width:33.33%;}
	.shop_order_enter ul li div{ margin:0 10px;}
	.shop_order_enter ul li div p{ line-height:15px; font-size:14px; color:#666;}
	.shop_order_enter ul li div input{ display:block; margin:10px 0 0 0; padding:0 10px; width:100%; height:40px; border:1px solid #CCC; background:#FFF; outline:none; -webkit-appearance:none;}	
	.shop_order_radio{ margin:0 0 50px 0;}
	.shop_order_radio ul{ overflow:hidden;}
	.shop_order_radio ul li{ float:left; margin:0 20px 0 0;}
	.shop_order_radio ul li label{ display:block; overflow:hidden; margin:0; font-weight:normal; line-height:40px; font-size:14px; color:#666; cursor:pointer;}
	.shop_order_radio ul li label input{ display:block; float:left; margin:10px 5px 0 0; width:20px; height:20px;}
	.shop_order_radio ul li label p{ float:left;}	
	.shop_order_textarea{ margin:0 0 50px 0;}
	.shop_order_textarea textarea{ padding:10px; width:100%; height:120px; border:1px solid #CCC; line-height:20px; font-size:14px; color:#666; outline:none; -webkit-appearance:none;}	
	.shop_order_ok{}
	.shop_order_ok .bank{ line-height:20px; font-size:16px; color:#666;}
	.shop_order_ok .bank font{ font-weight:700; color:#333;}
	.shop_order_ok .name{ overflow:hidden; margin:10px 0 0 0;}
	.shop_order_ok .name p{ float:left; line-height:40px; font-size:14px; font-weight:700; color:#333;}	
	.shop_order_ok .name input{ display:block; float:left; margin:0 10px; padding:0 10px; width:200px; height:40px; border:1px solid #CCC; background:#FFF; outline:none; -webkit-appearance:none;}
	.shop_order_ok .name .button{ float:left; width:120px; height:40px; border-radius:3px; background:#d01c24; text-align:center; line-height:40px; font-weight:700; font-size:15px; color:#FFF; cursor:pointer;}
	.shop_order_ok .name .button:hover{ opacity:0.7; text-decoration:underline;}	
	.shop_order_history{ border:1px solid #CCC;}
	.shop_order_history .tit{ border-bottom:1px solid #CCC; background:#f5f5f5; text-align:center; line-height:50px; font-size:15px; font-weight:700; color:#d01c24;}
	.shop_order_history ul{ margin:50px;}
	.shop_order_history ul li{ padding:5px 0 5px 70px; line-height:18px; font-size:14px; color:#666;}
	.shop_order_history ul li p{ float:left; margin:0 0 0 -70px; font-weight:700; color:#333;}
	.shop_order_history .bottom{ padding:50px; border-top:1px solid #DDD; background:#fafafa;}
	.shop_order_history .bottom .tit_01{ line-height:20px; font-size:15px; font-weight:700; color:#333;}
	.shop_order_history .bottom ol{ margin:5px 0 20px 0; padding:0 0 0 20px; line-height:20px; font-size:14px; color:#666;}
	.shop_order_history .bottom ol li{ margin:5px 0; list-style:decimal;}	
	.shop_order_history_btn{ margin:30px auto 0 auto; width:200px; border-radius:3px; background:#d01c24; text-align:center; line-height:50px; font-size:18px; font-weight:700; color:#FFF;}
	.shop_order_history_btn:hover{ color:#FFF; opacity:0.7; text-decoration:underline !important;}
@media(max-width:1230px){
	.shop_order{ margin:0 30px; max-width:auto;}
}
@media(max-width:767px){
	.shop_order{ margin:0 15px;}
	.shop_order_tit{ margin:0 0 10px 0; line-height:20px; font-size:16px;}
	.shop_order_tit i{ line-height:20px; font-size:20px;}	
	.shop_order_list{}
	.shop_order_list .head{ display:none;}
	.shop_order_list .body{ margin:0 0 20px 0; padding:0 0 10px 0; border:1px solid #CCC;}
	.shop_order_list .body > li{ width:100% !important; height:auto;}
	.shop_order_list .body > li:nth-child(1){ height:100px;}
	.shop_order_list .body > li .txt{ top:50%; right:10px; left:0; margin:-40px 0 0 0; padding:0 0 0 105px;}
	.shop_order_list .body > li .txt img{ margin:0 0 0 -90px;}
	.shop_order_list .body > li p{ padding:0 15px; text-align:left; line-height:20px; font-size:13px; color:#666;}
	.shop_order_list .body > li p font{ display:block; float:left; width:60px; font-weight:700; color:#333;}
	.shop_order_price{ margin:0 0 20px 0; padding:15px 0; text-align:center; line-height:20px;}
	.shop_order_enter{ margin:0 0 20px 0;}
	.shop_order_enter ul{ margin:-10px 0 0 0;}
	.shop_order_enter ul li{ width:100%;}
	.shop_order_enter ul li div{ margin:10px 0 0 0;}
	.shop_order_enter ul li div input{ margin:5px 0 0 0;}	
	.shop_order_radio{ margin:0 0 20px 0;}
	.shop_order_radio ul{ overflow:hidden; margin:-10px 0 0 0;}
	.shop_order_radio ul li{ float:left; margin:10px 0 0 0; width:50%;}
	.shop_order_radio ul li label{ line-height:20px;}
	.shop_order_radio ul li label input{ margin:0 5px 0 0;}
	.shop_order_radio_m100 ul li{ width:100%;}	
	.shop_order_textarea{ margin:0 0 20px 0;}	
	.shop_order_ok .name{ position:relative; padding:0 0 0 60px; height:110px;}
	.shop_order_ok .name p{ margin:0 0 0 -60px;}	
	.shop_order_ok .name input{ margin:0; width:100%;}
	.shop_order_ok .name .button{ position:absolute; top:70px; right:0; left:0; width:100%;}	
	.shop_order_history ul{ margin:20px;}
	.shop_order_history .bottom{ padding:20px;}	
	.shop_order_history_btn{ margin:20px 0 0 0; width:100%; line-height:40px;}
}
	
.height100{ height:100px;}
	.height80{ height:80px;}
	.height60{ height:60px;}
	.height40{ height:40px;}
@media(max-width:1025px){
	.height100{ height:80px;}
	.height80{ height:60px;}
	.height60{ height:45px;}
	.height40{ height:30px;}
}
@media(max-width:767px){
	.height100{ height:60px;}
	.height80{ height:40px;}
	.height60{ height:30px;}
	.height40{ height:20px;}
}



/* --------------------------------------------------------------------------------------------- */

.header_test{ position:fixed; z-index:1000; top:0; right:0; left:0;}
	.header_test > .top{ position:relative; z-index:100; background:rgba(241, 90, 34, 1);}
	.header_test > .top .wrap{ position:relative; margin:0 auto; height:80px;transition:.2s;}
	.header_test > .top .wrap.change{height:0;visibility: hidden;transition:.2s;}
	.header_test > .top .wrap .logo{ position:absolute; z-index:10; top:0;bottom:0;left:0;right:0; margin:auto; width:240px;height:41px;}
	.header_test > .top .wrap .logo img{ display:block; width:240px;}
	.header_test > .top .wrap .logo_2{ display:none; height:30px;}
	
	.header_test > .top .m_right_btn_close{ display:none; position:absolute; z-index:600; top:28px; right:-30px; width:30px; height:24px; transition:right 0.5s, opacity 1s ease-in-out;}
	.header_test > .top .m_right_btn_close #nav-icon4{ margin:0;}
	.header_test > .top .m_right_btn_close #nav-icon4 span{ background:#FFF;}
	.header_test > .top .m_right_btn_close.on{ right:30px; opacity:1;}
	.header_test > .top .m_right_btn{ display:none; position:absolute; z-index:100; top:25px; right:30px; width:30px; height:30px; text-align:center; line-height:30px; font-size:30px; color:#FFF;}
	.header_test > .top .wrap .left{ position:absolute; top:0; left:30px;}
	.header_test > .top .wrap .left p{ line-height:15px; font-size:13px; color:#DDD;}
	.header_test > .top .wrap .left font{ display:block; line-height:25px; font-size:25px; color:#FFF; font-family:'Oswald', sans-serif; font-weight:700;}
	
	.header_test .gnb {position:relative;}
	.header_test .gnb .box {border-bottom: 3px solid rgba(241, 90, 34, 1);}

	.header_test .gnb .box > ul > li .top p {overflow: hidden;border-left:0;    }
	.header_test .gnb .box > ul > li .top p font {display:block;position:relative;z-index:90;float: left;padding:0 25px;height:50px;line-height:50px;font-size:14px;font-weight:bold;color:#555;letter-spacing:-0.5px;}

	.header_test .right{ position:absolute; top:0; right:30px;}
	.header_test .right .center{}
	.header_test .right .center .menu{}
	.header_test .right .center .menu ul{ overflow:hidden;}
	.header_test .right .center .menu ul li{ float:left; margin:0 0 0 5px; line-height:48px;}
	.header_test .right .center .menu ul li a{ line-height:50px; font-size:12px; color:#181818; cursor:pointer; font-weight:bold;}
	.header_test .right .center .menu ul li a:hover{ color:#d01c24;}
	
	.header_test .m_gnb_btn_close{ display:none; position:absolute; z-index:400; top:25px; left:15px; width:30px; height:30px; background:rgba(0,0,0,0);}
	.header_test .m_gnb_btn{ display:none; position:absolute; z-index:300; top:28px; left:15px; width:30px; height:24px;}
	.header_test .m_gnb_btn #nav-icon1{ margin:0;}
	.header_test .m_gnb_btn #nav-icon1 span{ background:#FFF;}
@media (max-width:1025px){	
}
@media(max-width:767px){
	.header_test > .top .wrap .logo_1{ display:none;}
	.header_test > .top .wrap .logo_2{ display:block;}
	

	.header_test > .top .m_right_btn_close{ display:block; right:-30px;}
	.header_test > .top .m_right_btn_close.on{ display:block; right:15px; transition:right 0.5s ease-in-out;}
	.header_test > .top .m_right_btn{ display:block; right:15px;}
	.header_test > .top .m_right_btn.on{ right:-30px;}
	.header_test > .top .wrap .left{ display:none;}
	
	.header_test > .top .wrap .right{ position:fixed; z-index:500; top:0; right:0; bottom:100%; left:0; background:url(/images/common/bg70.png); opacity:0; transition:opacity 0.5s ease-in-out, bottom 0s ease-in-out;}
	.header_test > .top .wrap .right .center{ overflow:hidden; margin:-200px auto 0 auto; max-width:200px; transition:margin 1.5s;}
	.header_test > .top .wrap .right .center .menu{}
	.header_test > .top .wrap .right .center .menu ul{}
	.header_test > .top .wrap .right .center .menu ul li{ float:inherit; margin:0 0 20px 0;}
	.header_test > .top .wrap .right .center .menu ul li a{ padding:0; border-radius:3px; background:#FFF; text-align:center; line-height:50px; font-size:16px; color:#666;}
	
	.header_test > .top .wrap .right .center .menu ul li:nth-child(1){ margin-top:-100px; transition:margin 1s;}
	.header_test > .top .wrap .right .center .menu ul li:nth-child(2){ margin-top:-200px; transition:margin 1s;}
	.header_test > .top .wrap .right .center .menu ul li:nth-child(3){ margin-top:-300px; transition:margin 1s;}
	.header_test > .top .wrap .right .center .menu ul li:nth-child(4){ margin-top:-400px; transition:margin 1s;}
	
	.header_test > .top .wrap .right.on{ bottom:0; opacity:1;}
	.header_test > .top .wrap .right.on .center{ margin:50px auto 0 auto;}
	
	.header_test > .top .wrap .right.on .center .menu ul li:nth-child(1){ margin-top:0;}
	.header_test > .top .wrap .right.on .center .menu ul li:nth-child(2){ display:none; margin-top:0;}
	.header_test > .top .wrap .right.on .center .menu ul li:nth-child(3){ margin-top:0;}
	.header_test > .top .wrap .right.on .center .menu ul li:nth-child(4){ display:none; margin-top:0;}
	
	.header_test .m_gnb_btn{ display:block;}
}

/* --------------------------------------------------------------------------------------------- */

/* .header_test2{ position:fixed; z-index:1000; top:0; right:0; left:0;}
	.header_test2 > .pc_wrap{ position:relative; z-index:100; background:rgba(241, 90, 34, 1);}
	.header_test2 > .pc_wrap .wrap{ position:relative; margin:0 auto; height:80px;transition:.2s;}
	.header_test2 > .pc_wrap .wrap.change{height:0;visibility: hidden;transition:.2s;}
	.header_test2 > .pc_wrap .wrap .logo{ position:absolute; z-index:10; top:0;bottom:0;left:0;right:0; margin:auto; width:240px;height:41px;}
	.header_test2 > .pc_wrap .wrap .logo img{ display:block; width:240px;}
	.header_test2 > .pc_wrap .wrap .logo_2{ display:none; height:30px;}
	
	.header_test2 > .pc_wrap .m_right_btn_close{ display:none; position:absolute; z-index:600; top:28px; right:-30px; width:30px; height:24px; transition:right 0.5s, opacity 1s ease-in-out;}
	.header_test2 > .pc_wrap .m_right_btn_close #nav-icon4{ margin:0;}
	.header_test2 > .pc_wrap .m_right_btn_close #nav-icon4 span{ background:#FFF;}
	.header_test2 > .pc_wrap .m_right_btn_close.on{ right:30px; opacity:1;}
	.header_test2 > .pc_wrap .m_right_btn{ display:none; position:absolute; z-index:100; top:25px; right:30px; width:30px; height:30px; text-align:center; line-height:30px; font-size:30px; color:#FFF;}
	.header_test2 > .pc_wrap .wrap .left{ position:absolute; top:0; left:30px;}
	.header_test2 > .pc_wrap .wrap .left p{ line-height:15px; font-size:13px; color:#DDD;}
	.header_test2 > .pc_wrap .wrap .left font{ display:block; line-height:25px; font-size:25px; color:#FFF; font-family:'Oswald', sans-serif; font-weight:700;}
	
	.header_test2 .gnb {position:relative;}
	.header_test2 .gnb .box {border-bottom: 3px solid rgba(241, 90, 34, 1);}

	.header_test2 .gnb .box > ul > li .top p {overflow: hidden;border-left:0;    }
	.header_test2 .gnb .box > ul > li .top p font {display:block;position:relative;z-index:90;float: left;padding:0 25px;height:50px;line-height:50px;font-size:14px;font-weight:bold;color:#555;letter-spacing:-0.5px;}

	.header_test2 .right{ position:absolute; top:0; right:30px;}
	.header_test2 .right .center{}
	.header_test2 .right .center .menu{}
	.header_test2 .right .center .menu ul{ overflow:hidden;}
	.header_test2 .right .center .menu ul li{ float:left; margin:0 0 0 5px; line-height:48px;}
	.header_test2 .right .center .menu ul li a{ line-height:50px; font-size:12px; color:#181818; cursor:pointer; font-weight:bold;}
	.header_test2 .right .center .menu ul li a:hover{ color:#d01c24;}
	
	.header_test2 .m_gnb_btn_close{ display:none; position:absolute; z-index:400; top:25px; left:15px; width:30px; height:30px; background:rgba(0,0,0,0);}
	.header_test2 .m_gnb_btn{ display:none; position:absolute; z-index:300; top:28px; left:15px; width:30px; height:24px;}
	.header_test2 .m_gnb_btn #nav-icon1{ margin:0;}
	.header_test2 .m_gnb_btn #nav-icon1 span{ background:#FFF;}
@media (max-width:1025px){	
}
@media(max-width:767px){
	.header_test2 > .top .wrap .logo_1{ display:none;}
	.header_test2 > .top .wrap .logo_2{ display:block;}
	

	.header_test2 > .top .m_right_btn_close{ display:block; right:-30px;}
	.header_test2 > .top .m_right_btn_close.on{ display:block; right:15px; transition:right 0.5s ease-in-out;}
	.header_test2 > .top .m_right_btn{ display:block; right:15px;}
	.header_test2 > .top .m_right_btn.on{ right:-30px;}
	.header_test2 > .top .wrap .left{ display:none;}
	
	.header_test2 > .top .wrap .right{ position:fixed; z-index:500; top:0; right:0; bottom:100%; left:0; background:url(/images/common/bg70.png); opacity:0; transition:opacity 0.5s ease-in-out, bottom 0s ease-in-out;}
	.header_test2 > .top .wrap .right .center{ overflow:hidden; margin:-200px auto 0 auto; max-width:200px; transition:margin 1.5s;}
	.header_test2 > .top .wrap .right .center .menu{}
	.header_test2 > .top .wrap .right .center .menu ul{}
	.header_test2 > .top .wrap .right .center .menu ul li{ float:inherit; margin:0 0 20px 0;}
	.header_test2 > .top .wrap .right .center .menu ul li a{ padding:0; border-radius:3px; background:#FFF; text-align:center; line-height:50px; font-size:16px; color:#666;}
	
	.header_test2 > .top .wrap .right .center .menu ul li:nth-child(1){ margin-top:-100px; transition:margin 1s;}
	.header_test2 > .top .wrap .right .center .menu ul li:nth-child(2){ margin-top:-200px; transition:margin 1s;}
	.header_test2 > .top .wrap .right .center .menu ul li:nth-child(3){ margin-top:-300px; transition:margin 1s;}
	.header_test2 > .top .wrap .right .center .menu ul li:nth-child(4){ margin-top:-400px; transition:margin 1s;}
	
	.header_test2 > .top .wrap .right.on{ bottom:0; opacity:1;}
	.header_test2 > .top .wrap .right.on .center{ margin:50px auto 0 auto;}
	
	.header_test2 > .top .wrap .right.on .center .menu ul li:nth-child(1){ margin-top:0;}
	.header_test2 > .top .wrap .right.on .center .menu ul li:nth-child(2){ display:none; margin-top:0;}
	.header_test2 > .top .wrap .right.on .center .menu ul li:nth-child(3){ margin-top:0;}
	.header_test2 > .top .wrap .right.on .center .menu ul li:nth-child(4){ display:none; margin-top:0;}
	
	.header_test2 .m_gnb_btn{ display:block;}
} */


#header_test_2 {}
#header_test_2 .header_pc_wrap {width:100%;height:80px;position:fixed;background: rgba(241, 90, 34, 1);z-index:6000;}
#header_test_2 .header_pc_wrap.change {height:50px;background: rgba(241, 90, 34, 1);transition:}
#header_test_2 .pc_left {position:absolute;top: 50%;left: 20px;margin: auto;transform: translate(0, -50%);}
#header_test_2 div.logo {}
#header_test_2 a.logo_pc {}
#header_test_2 img {width:200px;}

#header_test_2 .pc_center {position:absolute;top:50%;left:50%;margin:auto;transform:translate(-50%, -50%);}
#header_test_2 .pc_center ul {overflow:hidden;}
#header_test_2 .pc_center li {float:left;padding:6px 10px;position:relative;}
#header_test_2 .pc_center li .top a {color: #f7f7f7;cursor: pointer;font-weight: bold;padding:0 25px;letter-spacing: -0.5px;}
#header_test_2 .pc_center li .bottom {display:none;}
#header_test_2 .pc_center li .bottom.on {display:block;}

#header_test_2 .pc_right {position:absolute;top: 50%;right: 20px;margin: auto;transform: translate(0, -50%);}
#header_test_2 .pc_right ul {overflow:hidden;}
#header_test_2 .pc_right li {float:left;margin: 0 0 0 5px;line-height: 40px;}
#header_test_2 .pc_right li a {font-size: 12px;color: #f7f7f7;cursor: pointer;font-weight: bold;}

/* --------------------------------------------------------------------------------------------- */

#index_test {padding:0;}
#index_test .img_wrap {background-position: center 80px;}