@charset "utf-8";

html{overflow-y:scroll; overflow-x:hidden;  font-size:13px; font-weight:400; word-break:keep-all; word-wrap:break-word; font-family:"Noto Sans Korean",'Malgun Gothic',dotum,sans-serif;}
body{font-family:"Noto Sans Korean",'Malgun Gothic',dotum,sans-serif;}
html,body, div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, form, fieldset, input{margin:0;padding:0;}
h1, h2, h3, h4, h5, h6{font-weight:normal;font-size:100%;}
a{text-decoration:none !important; }
ul, ol, li{list-style:none; margin:0; padding:0;}
img{border:none; vertical-align:middle;}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary{display:block;}
table, td, tr{ font-size:1rem; color:#333; font-weight:300;}

ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;font-size:1em}
input[type="submit"]{cursor:pointer}
button {cursor:pointer}

textarea, select {font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}

*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

input[type=text],input[type=password], textarea {
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
outline: none;
}

input[type=text]:focus,input[type=password]:focus,  textarea:focus,select:focus {
-webkit-box-shadow:  0 0 5px #9ed4ff;
-moz-box-shadow:  0 0 5px #9ed4ff;
box-shadow: 0 0 5px #9ed4ff;
border: 1px solid #558ab7 !important;
}
.placeholdersjs { color: #aaa !important; }


/* div위치조절 */
#wrap{width:100%;min-width:320px;overflow:hidden;}

/* top*/
#header{z-index:10000; width:100%; height:141px; position:absolute; top:0; left:0; -webkit-transition:height 400ms; transition:height 400ms; border-bottom:1px solid #ddd; background:#fff;}
.header_top{width:100%; overflow:hidden; background:#907353;}
.header_top_total{margin:0 auto; width:100%; overflow:hidden; max-width:1200px;}
.top_cus{float:left; width:30%; height:45px; padding:0 0 0 30px; overflow:hidden; font-size:1.6rem; color:#fff; line-height:43px; text-align:left; font-weight:700; background:url('../images/top_cus_icon.png') no-repeat 0 12px; }
.top_cus span{ margin-right:5px;  font-size:1.2rem; color:#fac800; font-weight:500; }
.top_text{float:left; width:40%; font-size:1.3rem; color:#fff; text-align:center; line-height:45px;}
.top_text span{color:#fac800;}
.top_login{float:right; width:30%; overflow:hidden;}
.top_login ul{float:right; display:table;}
.top_login ul li{float:left; margin-left:1px;}
.top_login ul li a{ display:block; height:45px; padding:0 20px; font-size:1.1rem; font-weight:400; color:#402616; background:#eaad06; line-height:45px;}
.top_login ul li:hover a{background:#fac800;}

.wsize{position:relative; display:inline-block; width:100%; height:95px; margin:0 auto;text-align:left;}

#header #logo{ position: absolute; left:50%; top:23px; width:240px; height:50px; margin-left:-600px; z-index:5; -webkit-transition:padding 400ms; transition:padding 400ms;}
#header #logo img{height:50px; -webkit-transition:height 400ms; transition:height 400ms;}

/* 메뉴 */
#menu_navi{position:absolute; top:0; left:0; width:100%; height:100%; display:block; overflow:hidden; z-index:4; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;-o-transition: all .4s ease;-ms-transition: all .4s ease; background:url('../images/menu_navi_bg.png') repeat-x center top;}
#menu_navi #menu_area{ width:100%; max-width:1200px; margin:0 auto; -webkit-transition:margin 400ms; transition:margin 400ms;}
#menu_navi #menu_area>ul{float:right; margin:0 0 0 0; display:table; padding-left:50px;}
#menu_navi #menu_area>ul>li{float:left;height:95px;position:relative; }
#menu_navi #menu_area>ul>li>a{display:block; padding:30px 40px; line-height:35px; color:#555555; font-weight:500; font-size:1.4rem;}
#menu_navi #menu_area>ul>li>a:after{content:""; width:100%; height:3px; background:#402616; transition:all 0.3s ease; position:absolute; left:0; bottom:0; opacity:0;}
#menu_navi #menu_area>ul>li>a.active, #menu_navi #menu_area>ul>li>a:hover{color:#632a1a;}
#menu_navi #menu_area>ul>li>a.active:after, #menu_navi #menu_area>ul>li:hover>a:after{opacity:1;}
#menu_navi #menu_area>ul>li>a.active:after, 
#menu_navi #menu_area>ul>li>a:hover:after {transform: scale(1,  1);}
#menu_navi #menu_area>ul>li .two_depth{position:absolute; z-index:1000000;width:100%; padding:30px 0; height:200px; top:95px; left:0; margin-left:0; text-align:center; opacity:1; display:block; border-right:1px solid #ddd;}
#menu_navi #menu_area>ul>li:hover .two_depth{background:#fff;}
#menu_navi #menu_area>ul>li .two_depth>ul>li {display:block; text-align:left; position:relative; }
#menu_navi #menu_area>ul>li .two_depth>ul>li:first-child {margin-top:0;}
#menu_navi #menu_area>ul>li .two_depth>ul>li>a{ display:block; width:100%; height:35px; padding-left:20px; color:#333; font-size:1.1rem; font-weight:400; line-height:35px; letter-spacing:-0.05rem;}
#menu_navi #menu_area>ul>li .two_depth>ul>li:hover>a {color:#fff; background:#45220d;}

#menu_navi #menu_area>ul>li:first-child .two_depth{border-left:1px solid #ddd;}

.sns_nav{ position:absolute; z-index:5; right:50%; top:28px; width:150px; height:40px; margin-right:-600px;}
.sns_nav ul li{float:left; margin-left:10px;}
.sns_nav ul li a{display:block; width:40px; height:40px; text-indent:-5000px; overflow:hidden;}
.sns_nav ul li.sns1 a{background:url('../images/sns1.png') no-repeat 0 0;}
.sns_nav ul li.sns2 a{background:url('../images/sns2.png') no-repeat 0 0;}
.sns_nav ul li.sns3 a{background:url('../images/sns3.png') no-repeat 0 0;}


.header_dimmed {z-index:9; width:100%; height:100%;position:fixed; top:0; left:0; display:none; @include opacity(0); background-color:#000;}


/* minimize */
.minimize #header{position:fixed; top:-45px; -webkit-box-shadow:0 1px 3px rgba(0, 0, 0, .12); box-shadow:0 1px 3px rgba(0, 0, 0, .12); }

.c_brown{color:#8d3b08;}
.c_yellow{color:#ffea02;}

/*메인배너*/
.main_visual {width:100%; height:600px; position:relative; background: #ffffff;overflow: hidden; padding:0;}
.main_visual_slider {width:100%; position:relative;}
.main_visual_item {display: none;width:100%;height:600px;position: relative;overflow: hidden;}
.main_visual_item:first-child {display: block;}
.main_visual_item > .wrap {height:100%;}
.main_visual_content { margin:0 auto; display: table; width:92%; max-width:1120px; height:100%;opacity: 0; }
.main_visual_content_cell {display: table-cell;vertical-align: middle; text-align:left;}
.main_visual_content .text1 {width:100%; display:block; font-family:"Noto Sans Korean",'Malgun Gothic',dotum,sans-serif; font-size:2.9rem; font-weight:400; line-height:120%; color:#fff; letter-spacing:-0.05em;}
.main_visual_content .text2 {width:100%; display:block; overflow:hidden; padding:2.2% 0;}
.main_visual_content .text2 .line{ float:left; width:520px; height:1px; background:rgba(255,255,255,0.5);}
.main_visual_content .text3 {width:100%; display:table; font-size:5.3rem; font-family:"Nanum Myeongjo",sans-serif; font-weight:700; line-height:120%; color:#fff; letter-spacing:-0.05em; text-shadow:2px 2px 2px rgba(0,0,0,0.3);}
.main_visual_content .text3 .c_yellow{display:block;}
.main_visual_content .text4 {width:100%; display:table; margin-top:2%; font-size:2rem; font-weight:500; line-height:140%; letter-spacing:-0.05em; color: #ffea02; }
.main_visual_content .text4 .main_cus_tel{ margin-left:10px; font-size:3.8rem; font-weight:700; color: #fff; font-family:"Noto Sans Korean",sans-serif;}
.main_visual_content .text4 .main_cus_tel a{color: #fff;}
.main_visual_content .text5 {width:100%; display:block; overflow:hidden; padding:2.2% 0;}
.main_visual_content .text5 .line{ float:left; width:520px; height:1px; background:rgba(255,255,255,0.8);}
.main_visual_content .text6 {width:100%; display:table; font-family:"Noto Sans Korean",'Malgun Gothic',dotum,sans-serif; font-size:2.2rem; font-weight:500; line-height:140%; letter-spacing:-0.05em; color: #fff; }
.main_visual_bg{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: no-repeat center center;background-size: cover;-webkit-transform: scale(1.05) rotate(0.01deg);-ms-transform: scale(1.05) rotate(0.01deg);transform: scale(1.05) rotate(0.01deg);-webkit-transition: -webkit-transform 4s ease-in;transition: -webkit-transform 4s ease-in;transition: transform 4s ease-in;transition: transform 4s ease-in, -webkit-transform 4s ease-in;}
.main_visual_pc_bg {display: block;}
.main_visual_mobile_bg {display: none}
.main_visual_item.cycle-slide-active .main_visual_bg {-webkit-transform: scale(1) rotate(0deg);-ms-transform: scale(1) rotate(0deg);transform: scale(1) rotate(0deg);}

.main_visual_item_secondary .main_visual_content h2,
.main_visual_item_secondary .main_visual_content p {color: #fff;}

.main_visual .cycle_controler {width:100%;height:0px;}
.main_visual .cycle_control {position: absolute; left:0; bottom:50%; margin-bottom:20px; z-index:130; width:100%;}
.main_visual .cycle_control:after {display: none;}
.main_visual .cycle_btn { width:40px;height:40px;opacity: 0.5;-webkit-transition: opacity 300ms;transition: opacity 300ms;}
.main_visual .cycle_prev {left: 10px;}
.main_visual .cycle_next {right: 10px;}
.main_visual .cycle_btn:hover {opacity: 1;}
.main_visual .cycle_btn:hover:after {color: #222;}

.cycle_controler {z-index: 130;}

.cycle_control {font-size: 0;line-height: 0;}
.cycle_btn {width:40px;height:40px;position: absolute;cursor: pointer;-webkit-transition: all 300ms;transition: all 300ms;}
.cycle_btn:after {display: block;width: 100%;height: 100%;position: absolute;-webkit-transition: color 300ms;transition: color 300ms;}
.cycle_prev{background:url('../images/prev.png') no-repeat;}
.cycle_next{background:url('../images/next.png') no-repeat;}
.cycle_btn:hover:after {color: #c0c79c;}

.cycle_caption {position:absolute; z-index:130; bottom:0; width: 100%;font-size: 0;text-align: center;}
.main_caption_text {display: inline-block;min-width: 10px;vertical-align: middle;font-size:0;font-weight:700;line-height: 40px;color: #222;}
.main_caption_text.slug {padding: 0 3px;}

.cycle_pager_wrap {width: auto;position: absolute; z-index:130; left: 50%;bottom:20px;overflow: hidden;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);}
.cycle_pager {display: block;width: auto;position: relative;font-size:0;line-height:0;}
.cycle_pager span { float:left; margin:0 5px 0 0; display:block; width:13px; height:13px; padding:1px; border-radius:50%; background:rgba(255,255,255,0.3); -webkit-transition: all 250ms; transition: all 250ms; cursor:pointer;}
.cycle_pager span.cycle-pager-active {background:rgba(255,255,255,1);}

/* loading */
.main_visual:after {content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: #ffffff;z-index: 200;}
.main_visual_slider {opacity: 0;-webkit-transition: opacity 1s;transition: opacity 1s;}
.main_visual_load.main_visual:after {opacity: 0;visibility: hidden;}
.main_visual_load .main_visual_slider {opacity: 1;}



/* middle div위치조절*/
#middle_wrap{margin:140px auto 0; width:100%; overflow:hidden;}

.stand{width:100%; overflow:hidden; padding:75px 4%;}
.stand_total{margin:0 auto; position:relative; width:100%; max-width:1200px; overflow:hidden;}
.stand_title{width:100%; height:auto; }
.stand_title strong{font-weight:700;}
.stand_title .title_a{width:100%; height:auto; font-weight:500; letter-spacing:-0.05rem;}
.stand_title .title_b{width:100%; height:auto; font-weight:300; letter-spacing:-0.05rem;}
.stand_con{width:100%; overflow:hidden;}



.stand_a{background:#f0f0f0;}
.stand_a .stand_left{ position:relative; float:left; width:62%; min-height:500px; overflow:hidden; background:#fff; padding:3.5%;}
.stand_a .stand_left .stand_title{margin-bottom:20px;}
.stand_a .stand_left .stand_title .title_a{font-size:2.1rem; line-height:160%; color:#000; margin-bottom:5px;}
.stand_a .stand_left .stand_title .title_b{font-size:1.2rem; line-height:160%; color:#2f2f2f;}
.stand_a .stand_left .stand_more{ position:absolute; z-index:10; right:11.5%; top:11.5%;}
.stand_a .stand_right{position:absolute; width:38%; height:100%; right:0; top:0; background:#45220d; padding:3.5% 2.5%;}
.stand_a .stand_right .stand_title{margin-bottom:20px;}
.stand_a .stand_right .stand_title .title_a{font-size:2.1rem; line-height:160%; color:#fff; text-align:center; margin-bottom:5px;}
.stand_a .stand_right .stand_title .title_b{font-size:1.1rem; line-height:160%; color:#c4ae99; text-align:center;}

.dot span[class^="char"]{position: relative;}
.dot span[class^="char"]:after{position:absolute; content:"\00B7"; top:-.90em; left:.12em;}


.stand_b{background:#d9d4d0;}
.stand_b .stand_title{margin-bottom:45px; text-align:center; font-size:3.2rem; font-weight:300; line-height:140%; color:#402616; letter-spacing:-0.04rem;}
.stand_b .stand_title span{display:inline-block;}
.stand_b .stand_title strong{font-weight:700;}
.stand_b .stand_con ul.qmenu_total > li{ position:relative; float:left; width:32.5%; height:410px; margin-right:1.2%; color:#fff; padding:3.5% 2%;}
.stand_b .stand_con ul.qmenu_total > li:last-child{margin-right:0;}
.stand_b .stand_con ul.qmenu_total > li .title{width:100%; overflow:hidden; margin-bottom:15px; font-size:2rem; font-weight:700;}
.stand_b .stand_con ul.qmenu_total > li .line{ display:block; width:85px; height:3px; margin:0 0 20px; background:#2d2423;}
.stand_b .stand_con ul.qmenu_total > li .text{width:100%; overflow:hidden; font-size:1.2rem; font-weight:300; margin-bottom:30px;}
.stand_b .stand_con ul.qmenu_total > li .info{width:100%; overflow:hidden; font-size:1.1rem; font-weight:300;}
.stand_b .stand_con ul.qmenu_total > li .info strong{font-size:1.3rem; font-weight:500; display:inline-block; margin-bottom:10px;}
.stand_b .stand_con ul.qmenu_total > li .q_btn{ position:absolute; left:6.2%; bottom:10%; width:100%; overflow:hidden;}
.stand_b .stand_con ul.qmenu_total > li .q_btn ul li{display:block; margin-bottom:13px;}
.stand_b .stand_con ul.qmenu_total > li .q_btn ul li a{display:block; width:190px; height:40px; padding-left:4%; border:2px solid #fff; color:#fff; font-size:1.2rem; font-weight:300; line-height:36px; background:url('../images/stand_b_btn_icon.png') no-repeat 160px center;}
.stand_b .stand_con ul.qmenu_total > li .q_btn ul li a:hover{background:rgba(0,0,0,0.2) url('../images/stand_b_btn_icon.png') no-repeat 160px center;}
.stand_b .stand_con ul.qmenu_total > li.qmenu1{background:#402616 url('../images/qmenu01_bg.png') no-repeat right center; background-size:cover;}
.stand_b .stand_con ul.qmenu_total > li.qmenu2{background:#95603d url('../images/qmenu02_bg.png') no-repeat right center; background-size:cover;}
.stand_b .stand_con ul.qmenu_total > li.qmenu3{background:#e3b159 url('../images/qmenu03_bg.png') no-repeat right center; background-size:cover;}
.stand_b .stand_con ul.qmenu_total > li.qmenu3 .title{color:#402616;}
.stand_b .stand_con ul.qmenu_total > li.qmenu3 .text{color:#363636;}
.stand_b .stand_con ul.qmenu_total > li.qmenu3 .q_btn ul li a{border:2px solid #402616; color:#402616; background:url('../images/stand_b_btn_icon1.png') no-repeat 160px center;}
.stand_b .stand_con ul.qmenu_total > li.qmenu3 .q_btn ul li a:hover{background:rgba(255,255,255,0.2) url('../images/stand_b_btn_icon1.png') no-repeat 160px center;}

/*슬라이드*/
.stand_c{position:relative;}
.stand_c .stand_total{overflow:visible; width:92%;}
.stand_c .stand_title{margin-bottom:45px; text-align:center; color:#402616;}
.stand_c .stand_title .title_a{font-size:2.8rem; line-height:160%; color:#000000; font-weight:500; margin-bottom:5px;}
.stand_c .stand_title .title_b{font-size:1.3rem; line-height:160%; color:#2f2f2f; font-weight:300;}
.stand_c .stand_title strong{font-weight:700;}
.stand_c .brain-step {max-width:1200px; width:100%; overflow:visible; margin: 0 auto; position: relative; }
.stand_c .brain-step li {position:relative; overflow:hidden;}
.stand_c .brain-step .bx-controls-direction a {background: url("../images/btn-stepArrow.png") 0 0 no-repeat; background-size:100%;}
.stand_c .brain-step .bx-controls-direction .bx-prev {position: absolute; left:-80px; top: 50%; margin-top:-40px; display: block; width:40px; height:80px; text-indent: -9999px; background-position: 0 0; }
.stand_c .brain-step .bx-controls-direction .bx-next {position: absolute; right:-80px; top: 50%; margin-top:-40px; display: block; width:40px; height:80px; text-indent: -9999px; background-position: 0 -80px; }

.stand_c .brain-step li .info{position:relative; width:100%; height:280px; padding:10% 8.5%; border:1px solid #ccc; overflow:hidden; letter-spacing:-0.05rem;}
.stand_c .brain-step li .info .title{display:block; width:100%; overflow:hidden; font-size:1.2rem; color:#969696; font-weight:500; line-height:140%;}
.stand_c .brain-step li .info .s_title{display:block; width:100%; overflow:hidden; margin:6% 0; font-size:1.3rem; color:#555555; font-weight:500; line-height:140%;}
.stand_c .brain-step li .info .text{display:block; width:100%; overflow:hidden; font-size:1.1rem; color:#89919b; font-weight:300; line-height:140%; }
.stand_c .brain-step li .info .date{ position:absolute; left:8.5%; bottom:10%; width:100%; overflow:hidden; font-size:1.2rem; color:#5c5c5c; font-weight:400; line-height:140%; }
.stand_c .brain-step li .info .more{ position:absolute; right:8.5%; top:10%; width:21px; height:21px; background:url('../images/stand_c_more.png') no-repeat 0 0;}
.stand_c .brain-step li:hover a:before{ display:block; position:absolute; z-index:10; left:0; top:0; width:100%; height:100%; border:5px solid #402616; content:'';}
.stand_c .brain-step li:hover .info .title{color:#402616;}
.stand_c .brain-step li:hover .info .s_title{color:#402616;}
.stand_c .brain-step li:hover .info .text{color:#585858;}
.stand_c .brain-step li:hover .info .date{color:#402616;}
.stand_c .brain-step li:hover .info .more{background:url('../images/stand_c_more1.png') no-repeat 0 0;}


.stand_d{background:#e7e9ec;}
.stand_d .stand_left{position:absolute; left:0; top:0; width:calc(100% - 480px); height:100%; overflow:hidden; background:#fff; border-bottom:1px solid rgba(0,0,0,0.2);}
.stand_d .stand_left .wrap_map{ height:100%;}
.stand_d .stand_right{position:relative; float:right; width:100%; max-width:430px; overflow:hidden; letter-spacing:-0.05rem;}
.stand_d .stand_right .stand_title{font-size:3.2rem; line-height:120%; padding-bottom:7%; margin-bottom:7%; border-bottom:1px solid #363636; color:#333333; font-weight:400;}
.stand_d .stand_right .stand_title strong{ font-weight:700;}
.stand_d .stand_right .stand_con .cus_info{ width:100%; overflow:hidden; margin-bottom:5%;}
.stand_d .stand_right .stand_con .tel{text-align:center;}
.stand_d .stand_right .stand_con .tel .title{ display:inline-block; font-size:1.5rem; line-height:130%; margin-right:10px; letter-spacing:0rem; }
.stand_d .stand_right .stand_con .tel .con{display:inline-block; font-size:3.8rem; line-height:100%; color:#9b610d; font-weight:700; }
.stand_d .stand_right .stand_con .add{font-size:1.3rem; text-align:center;}
.stand_d .stand_right .stand_con .sns_btn{ width:100%; overflow:hidden; margin-top:7%;}
.stand_d .stand_right .stand_con .sns_btn ul li{float:left; width:49%; margin-right:2%;}
.stand_d .stand_right .stand_con .sns_btn ul li:last-child{margin-right:0;}
.stand_d .stand_right .stand_con .sns_btn ul li a{ position:relative; display:block; width:100%; overflow:hidden; padding:0 0 0 0; border-radius:10px; color:#fff; text-align:center; font-size:1.4rem; line font-weight:500;}
.stand_d .stand_right .stand_con .sns_btn ul li a span{ margin:0 auto; position:relative; display:table; overflow:hidden; padding:15% 0 15% 25%; background-repeat:no-repeat; background-position:0 center;}
.stand_d .stand_right .stand_con .sns_btn ul li.sns1 a{background-color:#ffe900;}
.stand_d .stand_right .stand_con .sns_btn ul li.sns2 a{background-color:#402616;}
.stand_d .stand_right .stand_con .sns_btn ul li.sns3 a{background-color:#2cb400;}
.stand_d .stand_right .stand_con .sns_btn ul li.sns1 a span{background-image:url('../images/sns_btn1.png'); color:#191919; }
.stand_d .stand_right .stand_con .sns_btn ul li.sns2 a span{background-image:url('../images/sns_btn2.png');}
.stand_d .stand_right .stand_con .sns_btn ul li.sns3 a span{background-image:url('../images/sns_btn3.png');}
.stand_d .stand_right .stand_con .sns_btn ul li:hover a:before{ display:block; position:absolute; z-index:10; left:0; top:0; width:100%; height:100%; border-radius:10px; border:2px solid rgba(0,0,0,0.2); content:'';}


/*슬라이드*/
.stand_e{position:relative; padding:30px 4%;}
.stand_e .stand_total{overflow:visible; width:92%;}
.stand_e .brain-step1 {max-width:1200px; overflow:visible; margin: 0 auto; position: relative; }
.stand_e .brain-step1 li {position:relative; overflow:hidden;}
.stand_e .brain-step1 li img{width:100%;}
.stand_e .brain-step1 li a:before{ display:block; position:absolute; z-index:10; left:0; top:0; width:100%; height:100%; border:1px solid rgba(0,0,0,0.2); content:'';}
.stand_e .brain-step1 li:hover a:before{border:1px solid rgba(0,0,0,0.5);}
.stand_e .brain-step1 .bx-controls-direction a {background: url("../images/btn-stepArrow1.png") 0 0 no-repeat; background-size:100%; }
.stand_e .brain-step1 .bx-controls-direction .bx-prev {position: absolute; left:-90px; top:50%; margin-top:-23px; display: block; width:45px; height:45px; text-indent: -9999px; background-position: 0 0; }
.stand_e .brain-step1 .bx-controls-direction .bx-next {position: absolute; right:-90px; top:50%; margin-top:-23px; display: block; width:45px; height:45px; text-indent: -9999px; background-position: 0 -45px; }


.stand_401{ margin-top:80px;}
.stand_401 .stand_left{position:relative; float:left; width:60%; overflow:hidden; padding:40px 60px 50px; background:#45220d; }
.stand_401 .stand_left .stand_title{font-size:2.4rem; line-height:120%; text-align:center; padding-bottom:20px; margin-bottom:30px; border-bottom:1px solid #fff; color:#fff; font-weight:400;}
.stand_401 .stand_right{position:absolute; right:0; top:0; width:40%; height:100%; overflow:hidden; padding:40px 60px 50px; border:1px solid #ddd; border-left:0; letter-spacing:-0.05rem; background:#f6f6f6;}
.stand_401 .stand_right .stand_title{font-size:2.4rem; line-height:120%; text-align:center; padding-bottom:20px; margin-bottom:30px; border-bottom:1px solid #363636; color:#333333; font-weight:400;}
.stand_401 .stand_right .stand_title strong{ font-weight:700;}
.stand_401 .stand_right .stand_con .cus_info.kakao{ margin:0 auto; width:100%; max-width:360px; overflow:hidden; margin-top:0px; margin-bottom:15px;}
.stand_401 .stand_right .stand_con .cus_info.kakao a{display:block; width:100%; overflow:hidden; padding:8px 10px 8px 0; border-radius:10px; text-align:center; background:#ffe900; border:1px solid rgba(0,0,0,0.1); color:#3a1d1d; font-size:1.6rem; line-height:130%;}
.stand_401 .stand_right .stand_con .tel{width:100%; overflow:hidden; margin-top:25px;}
.stand_401 .stand_right .stand_con .tel .title{display:block; font-size:1.6rem; line-height:120%; margin-right:10px; }
.stand_401 .stand_right .stand_con .tel .con{display:block; width:100%; font-size:4.2rem; line-height:120%; color:#9b610d; font-weight:700; }



/* footer */
#footer{margin:0 auto 0px; width:100%; overflow:hidden; padding:35px 4%; background:#141414;}
.footer_total{position:relative; margin:0 auto; width:100%; overflow:hidden; max-width:1200px;}

.f_logo{float:left; width:21%; margin-top:40px;}
.f_logo img{width:100%; max-width:180px;}

.f_info{ float:left; width:66%; overflow:hidden;}
.f_info .f_nav{width:100%; overflow:hidden; margin-bottom:10px;}
.f_info .f_nav ul li{float:left;}
.f_info .f_nav ul li a{display:block; padding:0 7px; font-size:1.1rem; color:#fff;  line-height:180%; font-weight:500;}
.f_info .f_nav ul li a:hover{color:#fce500;}
.f_info .f_nav ul li:last-child{border-right:0px;}
.f_info .info{width:100%; overflow:hidden;}
.f_info .info span{display:inline-block; padding:0 7px; font-size:1rem; color:#aaa; line-height:160%; font-weight:300;}
.f_info .info a{color:#aaa;}

.f_sns{float:right; width:13%; overflow:hidden; margin:0;}
.f_sns ul{float:right; display:table; padding:0;}
.f_sns ul li{float:left; margin-right:5px;}
.f_sns ul li:last-child{margin-right:0px;}
.f_sns ul li:hover{box-shadow:0 0 7px rgba(0, 0, 0, 0.7);}
.f_sns ul li a{display:block; width:30px; height:30px; overflow:hidden; border-radius:50%;}



/*서브내용*/
.con_title{width:100%; overflow:hidden; padding:100px 4%; background:#ddd url('../images/sub05.jpg') no-repeat center center/cover;}
.con_title .title_a{margin:0 auto; width:100%; max-width:1200px; overflow:hidden; text-align:center; font-size:3.9rem; font-family:"Nanum Myeongjo",sans-serif; line-height:160%; font-weight:900; color:#ffea00; letter-spacing:-0.05rem;  text-shadow:1px 1px 1px rgba(0,0,0,0.3)}
.con_title .title_b{margin:0 auto; display:table; height:auto; text-align:center; font-size:2.1rem; line-height:160%; font-weight:400; color:#fff; letter-spacing:-0.05rem; position:relative; padding:0 3%;}
.con_title .title_b strong{font-weight:700;}
.con_title .line_left{position:absolute; right:100%; top:50%;  width:1000px; height:1px; background-color:rgba(255,255,255, 0.6);}
.con_title .line_right{position:absolute; left:100%; top:50%;  width:1000px; height:1px; background-color:rgba(255,255,255, 0.6);}
.sub1 .con_title{ background:#ddd url('../images/sub01.jpg?ver=1.0') no-repeat center center/cover;}
.sub2 .con_title{ background:#ddd url('../images/sub02.jpg?ver=1.0') no-repeat center center/cover;}
.sub3 .con_title{ background:#ddd url('../images/sub03.jpg?ver=1.0') no-repeat center center/cover;}
.sub4 .con_title{ background:#ddd url('../images/sub04.jpg?ver=1.0') no-repeat center center/cover;}
.sub5 .con_title{ background:#ddd url('../images/sub05.jpg?ver=1.0') no-repeat center center/cover;}

.tab_nav{position:relative; width:100%; overflow:visible; padding:0 4%; background:#f2f2f2; border-bottom:1px solid #ddd;}
.tab_nav ul{margin:0 auto; display:table; border-left:1px solid #ddd;}
.tab_nav ul li{float:left; position:relative; border-right:1px solid #ddd;}
.tab_nav ul li a{display:block; padding:0 60px; height:60px;  font-size:1.2rem; color:#333; line-height:60px;  font-weight:400;}
.tab_nav ul li a:hover{color:#632a1a;}
.tab_nav ul li.on a{color:#632a1a; background:#fff; border-bottom:1px solid #fff;}
.tab_nav ul li.on a:before{position:absolute; z-index:1; left:0; bottom:-1px; width:100%; height:1px; background:#fff; content:'';}

.sub_title{position:relative; width:100%; overflow:hidden; padding:60px 4% 40px; border-bottom:1px solid #bbb; font-size:3.2rem; font-weight:700; text-align:center; font-family:"Nanum Myeongjo",sans-serif;}
.sub_total{position:relative; width:100%; overflow:hidden; padding:0 0%;}
.sub_title:before{position:absolute; z-index:1; left:50%; bottom:0px; width:120px; height:5px; margin-left:-60px; background:#402616; content:'';}
.sub_con{margin:0 auto; width:100%; max-width:1200px; min-height:400px; overflow:hidden; padding:80px 0 100px;}

.box_total{margin:0 auto; width:100%; overflow:hidden;  text-align:left;}

.fw300{font-weight:300 !important;}
.fw400{font-weight:400 !important;}
.fw500{font-weight:500 !important;}
.fw600{font-weight:600 !important;}
.fw700{font-weight:700 !important;}
.fw800{font-weight:800 !important;}



.fs10{font-size:10rem;}
.fs9{font-size:9rem;}
.fs8{font-size:8rem;}
.fs7{font-size:7rem;}
.fs6{font-size:6rem;}
.fs5{font-size:5rem;}
.fs4{font-size:4rem;}
.fs3{font-size:3rem;}
.fs2{font-size:2rem;}
.fs1{font-size:1rem;}

.page101 .box_title { text-align:center;}
.page101 .box_title h3{font-size:2.7rem; color:#333333; font-weight:700; font-family:"Nanum Myeongjo",sans-serif; line-height:160%; letter-spacing:-0.05rem;}
.page101 .box_title h4{font-size:2rem; color:#333333; font-weight:400; line-height:160%; letter-spacing:-0.05rem;}
.page101 .box_img{ margin:60px auto 40px; position:relative; width:100%; overflow:hidden; background:#634221;}
.page101 .box_img .box_left{ position:absolute; left:0; top:0; width:62%; height:100%; background:url('../images/101_1.jpg') no-repeat center center/cover;}
.page101 .box_img .box_right{ float:right; width:38%; overflow:hidden; padding:70px 0; text-align:center; vertical-align:middle; display:table;}
.page101 .box_img .box_right .box_info{overflow:hidden; display:table-cell;}
.page101 .box_img .box_right .box_info .info1{width:100%; overflow:hidden; font-size:1.6rem; letter-spacing:-0.05rem; color:#fff;}
.page101 .box_img .box_right .box_info .info2{width:100%; overflow:hidden; margin:25px 0 40px;}
.page101 .box_img .box_right .box_info .info3{width:100%; overflow:hidden; font-size:1.6rem;}
.page101 .box_img .box_right .box_info .info3 .tel{ margin:0 auto; width:265px; height:65px; border:1px solid rgba(255,255,255,0.4); font-size:2.5rem; text-align:center; line-height:63px; color:#fff;}
.page101 .box_con{margin:0 auto; position:relative; width:100%; overflow:hidden; padding:0 0 70px; background:url('../images/101_3.png') no-repeat left bottom; border-bottom:3px solid #f0f0f0;}
.page101 .box_con .box_left{float:left; width:42%; overflow:hidden; font-size:2.5rem; font-weight:400; line-height:140%; color:#555; letter-spacing:-0.05rem;}
.page101 .box_con .box_left span{display:inline-block;}
.page101 .box_con .box_right{float:right; width:58%; overflow:hidden; font-size:1.3rem; font-weight:300; line-height:160%; color:#555; letter-spacing:-0.05rem;}
.page101 .box_con .box_right .sign{width:80px; margin-top:-10px;}

.page102 .box1{margin:0 auto; position:relative; width:100%; overflow:hidden; padding:0 43% 70px 0; font-size:1.3rem; font-weight:300; line-height:160%; color:#555; letter-spacing:-0.05rem; background:url('../images/102_1.jpg') no-repeat right bottom;}
.page102 .box1 h3{font-size:2.7rem; color:#333333; font-weight:700; font-family:"Nanum Myeongjo",sans-serif; line-height:160%; letter-spacing:-0.05rem;}
.page102 .box1 .sign{width:80px; margin-top:-10px;}
.page102 .box2{width:100%; overflow:hidden; padding:4%; background:#f5f5f5; border:1px solid #cccccc;}
.page102 .box2 .box_info{}
.page102 .box2 .box_info.info1{float:left; width:62%; overflow:hidden;}
.page102 .box2 .box_info.info2{float:left; width:38%; overflow:hidden;}
.page102 .box2 .box_info .title{width:100%; overflow:hidden; margin-bottom:20px; font-size:1.6rem; font-weight:700; line-height:160%; color:#402616; letter-spacing:-0.05rem;}
.page102 .box2 .box_info .list{width:100%; overflow:hidden; font-size:1.2rem; line-height:160%; color:#333333; letter-spacing:-0.05rem;}
.page102 .box2 .box_info .list ul{ float:left; display:block; width:100%; padding-left:20px;}
.page102 .box2 .box_info .list ul li{float:left; width:100%; list-style-type:square; margin-bottom:5px;}
.page102 .box2 .box_info.info1 .list ul:first-child{width:40%;}
.page102 .box2 .box_info.info1 .list ul:last-child{width:60%;}

.page103 .box1{margin:0 auto; position:relative; width:100%; overflow:hidden; padding:0 0 515px 0;}
.page103 .box1 .box_map{ position:absolute; left:0; top:0; width:100%; height:100%; padding:5px; background:#f0f0f0; border:1px solid #cccccc;}
.root_daum_roughmap .wrap_map{height:100% !important;}
.page103 .box2{width:100%; overflow:hidden; padding:60px 0;}
.page103 .box2 .box_info{}
.page103 .box2 .box_info.info1{float:left; width:32%; overflow:hidden;}
.page103 .box2 .box_info.info2{float:left; width:68%; overflow:hidden; padding-left:40px; border-left:1px solid #e6e6e6;}
.page103 .box2 .box_info .title{width:100%; overflow:hidden; margin-bottom:20px; font-size:1.6rem; line-height:160%; font-weight:700; color:#402616; letter-spacing:-0.05rem;}
.page103 .box2 .box_info .list{width:100%; overflow:hidden; font-size:1.2rem; line-height:160%; color:#333333; letter-spacing:-0.05rem;}
.page103 .box2 .box_info .list ul{ float:left; display:block; width:100%;}
.page103 .box2 .box_info .list ul li{ float:left; position:relative; width:100%; margin-bottom:5px;}

.page103 .box2 .box_info.info1 .list ul li.add{ margin-bottom:40px;}
.page103 .box2 .box_info.info1 .list ul li.add span{display:inline-block; font-size:1.6rem; line-height:140%;}
.page103 .box2 .box_info.info1 .list ul li .l_icon{float:left; width:24px; height:30px; margin-right:10px;}
.page103 .box2 .box_info.info1 .list ul li.tel .l_icon{background:url('../images/103_1.jpg') no-repeat center center;}
.page103 .box2 .box_info.info1 .list ul li.hp .l_icon{background:url('../images/103_2.jpg') no-repeat center center;}
.page103 .box2 .box_info.info1 .list ul li .l_title{float:left; width:50px; height:30px; font-size:1.4rem; line-height:30px; font-weight:700; color:#777;letter-spacing:-0.05rem;}
.page103 .box2 .box_info.info1 .list ul li .l_con{float:left; width:60%; height:30px; font-size:1.4rem; line-height:30px; font-weight:500; color:#000;letter-spacing:-0.05rem;}

.page103 .box2 .box_info.info2 .title{ padding-left:35px; background:url('../images/103_3.jpg') no-repeat left center; margin-bottom:10px; font-size:1.4rem; color:#000;}
.page103 .box2 .box_info.info2 .list ul li .l_title{display:block; float:left; width:140px; height:30px; font-size:1.3rem; line-height:140%; text-align:right; color:#555; font-weight:500;}
.page103 .box2 .box_info.info2 .list ul li .l_con{display:block; float:left; width:calc(100% - 140px); overflow:hidden; padding-left:10px; font-size:1.3rem; line-height:140%; font-weight:300; color:#333;}
.page103 .box2 .box_info.info2 .list ul li .l_title .num2{ display:inline-block; width:22px; height:22px; border-radius:50%; background:#10aa18; color:#fff; line-height:22px; text-align:center; font-size:14px;}
.page103 .box2 .box_info.info2 .list ul li .l_title .num3{ display:inline-block; width:22px; height:22px; border-radius:50%; background:#ff7d21; color:#fff; line-height:22px; text-align:center; font-size:14px;}


.page201 .sub_con{max-width:none;}
.page201 .box_title{margin:0 auto 45px; width:100%; max-width:1200px; overflow:hidden; font-size:3.2rem; color:#333333; font-weight:700; line-height:160%; letter-spacing:-0.05rem; text-align:center; font-family:"Nanum Myeongjo",sans-serif;}
.page201 .box_title .title_a{width:100%; overflow:hidden;}
.page201 .box_title .title_b{width:100%; overflow:hidden; font-size:1.4rem; line-height:160%; font-weight:300;}

.page201 .box_total{margin-bottom:90px;}
.page201 .box_total.box5{margin-bottom:0px;}

.page201 .box1 .box_con{ margin:0 auto; width:100%; max-width:1000px; font-size:2.2rem; color:#333333; font-weight:400; line-height:160%; letter-spacing:-0.05rem; text-align:center;}
.page201 .box1 .box_con strong{font-weight:700;}
.page201 .box1 .box_con span{display:inline-block;}
.page201 .box1 .box_img{position:relative; width:100%; overflow:hidden; margin-top:60px; padding:460px 4% 70px; background:url('../images/201_1.jpg') no-repeat center top;}
.page201 .box1 .box_img .box_info{ margin:0 auto; width:90%; max-width:1000px; overflow:hidden; font-size:2.2rem; color:#333333; font-weight:400; line-height:160%; letter-spacing:-0.05rem; text-align:center;}
.page201 .box2 .box_con{ margin:0 auto; width:100%; max-width:1200px; }
.page201 .box2 .box_con ul{margin-top:-2.4%;}
.page201 .box2 .box_con ul li{ position:relative; float:left; width:23.2%; overflow:hidden; padding-bottom:22%; margin-right:2.4%; margin-top:2.4%;}
.page201 .box2 .box_con ul li:nth-child(4n){margin-right:0%;}
.page201 .box2 .box_con ul li .box_info{position:absolute; left:0; top:0; width:100%; height:100%; padding:6% 7%; border:1px solid #ddd;}
.page201 .box2 .box_con ul li .box_info .num{position:absolute; left:7%; top:6%; display:table; font-size:3.2rem; color:#ddd; font-weight:500; line-height:120%; letter-spacing:-0.05rem;}
.page201 .box2 .box_con ul li .box_info .icon{position:absolute; left:25%; top:50%; width:50%; margin-top:-35%; text-align:center;}
.page201 .box2 .box_con ul li .box_info .icon img{ width:100%; max-width:100px;}
.page201 .box2 .box_con ul li .box_info .text{position:absolute; left:7%; bottom:50%; margin-bottom:-30%; width:86%; font-size:1.46rem; color:#333; font-weight:500; line-height:160%; letter-spacing:-0.05rem; text-align:center;}
.page201 .box3 .box_con{ margin:0 auto; width:100%; max-width:1200px; }
.page201 .box3 .box_con ul{margin-top:-3%;}
.page201 .box3 .box_con ul li{ position:relative; float:left; width:48.5%; overflow:hidden; border:1px solid #666666; margin-right:3%; margin-top:3%;}
.page201 .box3 .box_con ul li:nth-child(2n){margin-right:0%;}
.page201 .box3 .box_con ul li .title{display:table; width:100%; height:78px; background:#ededed; padding:0 5%; overflow:hidden; font-size:1.4rem; color:#333; font-weight:500; line-height:120%; letter-spacing:-0.05rem;}
.page201 .box3 .box_con ul li .title span{display:table-cell; vertical-align:middle;}
.page201 .box3 .box_con ul li .text{width:100%; height:140px; overflow:hidden; padding:5%; font-size:1.2rem; color:#666; font-weight:300; line-height:150%; letter-spacing:-0.05rem;}
.page201 .box4 .box_con{ margin:0 auto; width:100%; max-width:1200px; }
.page201 .box4 .box_title .title_b span{ display:inline-block;}
.page201 .box4 .box_con img{ width:100%;}
.page201 .box5 .box_con{ margin:0 auto; width:100%; max-width:1200px; }
.page201 .box5 .box_con .list{width:100%; overflow:hidden;}
.page201 .box5 .box_con .box_left{float:left; width:66%; overflow:hidden; }
.page201 .box5 .box_con .box_right{float:right; width:32%; overflow:hidden;}
.page201 .box5 .box_con .title{ position:relative; width:100%; height:60px; margin-bottom:20px; border:1px solid #bbb; background:#cf3b27; font-size:1.5rem;  text-align:center; font-weight:500; line-height:58px; color:#fff; letter-spacing:-0.05rem;}
.page201 .box5 .box_con .title:before{position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; border:4px solid #fff; content:'';}
.page201 .box5 .box_con .box_right .title{background:#888888;}
.page201 .box5 .box_con .list > ul > li .l_title{display:table; width:100%; height:60px; background:#ededed; overflow:hidden; font-size:1.4rem; text-align:center; color:#333; font-weight:500; line-height:120%; letter-spacing:-0.05rem;}
.page201 .box5 .box_con .list > ul > li .l_title span{display:table-cell; vertical-align:middle;}
.page201 .box5 .box_con .list > ul > li .l_con{width:100%; height:260px; overflow:hidden; padding:5%; font-size:1.2rem; color:#666; font-weight:300; line-height:150%; letter-spacing:-0.05rem;}
.page201 .box5 .box_con .list > ul > li .l_con ul{ display:block; width:100%; overflow:hidden; padding-left:20px;}
.page201 .box5 .box_con .list > ul > li .l_con ul li{float:left; width:100%; margin-bottom:5px; list-style-type:square; line-height:160%; }
.page201 .box5 .box_con .box_left .list > ul > li{float:left; width:48.5%; overflow:hidden; border:1px solid #bbb; margin-right:3%;}
.page201 .box5 .box_con .box_left .list > ul > li:last-child{ margin-right:0;}
.page201 .box5 .box_con .box_right .list > ul > li{float:left; width:100%; overflow:hidden; border:1px solid #bbb;}
.page201 .box5 .box_con .box_right .list > ul > li .l_con .text{ margin-top:20px; width:100%; overflow:hidden; font-size:1.2rem; color:#666; font-weight:300; line-height:150%; letter-spacing:-0.05rem;}

.page301 .sub_con{max-width:none;}
.page301 .box_title{margin:0 auto 45px; width:100%; max-width:1200px; overflow:hidden; font-size:3.2rem; color:#333333; font-weight:700; line-height:160%; letter-spacing:-0.05rem; text-align:center; font-family:"Nanum Myeongjo",sans-serif;}
.page301 .box_title .title_a{width:100%; overflow:hidden;}
.page301 .box_title .title_b{width:100%; overflow:hidden; font-size:1.4rem; line-height:160%; font-weight:300;}
.page301 .box_total{margin-bottom:90px;}
.page301 .box_total.box5{margin-bottom:0px;}
.page301 .box1 .box_con{ margin:0 auto; width:100%; max-width:1100px; font-size:2.2rem; color:#333333; font-weight:400; line-height:160%; letter-spacing:-0.05rem; text-align:center;}
.page301 .box1 .box_con strong{font-weight:700;}
.page301 .box1 .box_con span{display:inline-block;}
.page301 .box1 .box_img{position:relative; width:100%; overflow:hidden; margin-top:60px; padding:460px 4% 70px; background:url('../images/301_1.jpg') no-repeat center top;}
.page301 .box1 .box_img .box_info{ margin:0 auto; width:90%; max-width:1000px; overflow:hidden; font-size:2.2rem; color:#333333; font-weight:400; line-height:160%; letter-spacing:-0.05rem; text-align:center;}
.page301 .box2 .box_con{ margin:0 auto; width:100%; max-width:1200px; }
.page301 .box2 .box_con ul{margin-top:-2.4%;}
.page301 .box2 .box_con ul li{ position:relative; float:left; width:23.2%; overflow:hidden; padding-bottom:22%; margin-right:2.4%; margin-top:2.4%;}
.page301 .box2 .box_con ul li:nth-child(4n){margin-right:0%;}
.page301 .box2 .box_con ul li .box_info{position:absolute; left:0; top:0; width:100%; height:100%; padding:6% 7%; border:1px solid #ddd;}
.page301 .box2 .box_con ul li .box_info .num{position:absolute; left:7%; top:6%; display:table; font-size:3.2rem; color:#ddd; font-weight:500; line-height:120%; letter-spacing:-0.05rem;}
.page301 .box2 .box_con ul li .box_info .icon{position:absolute; left:25%; top:50%; width:50%; margin-top:-35%; text-align:center;}
.page301 .box2 .box_con ul li .box_info .icon img{ width:100%; max-width:100px;}
.page301 .box2 .box_con ul li .box_info .text{position:absolute; left:7%; bottom:50%; margin-bottom:-30%; width:86%; font-size:1.46rem; color:#333; font-weight:500; line-height:160%; letter-spacing:-0.05rem; text-align:center;}
.page301 .box3 .box_con{ margin:0 auto; width:100%; max-width:1200px; }
.page301 .box3 .box_con ul{margin-top:-3%;}
.page301 .box3 .box_con ul li{ position:relative; float:left; width:48.5%; overflow:hidden; border:1px solid #666666; margin-right:3%; margin-top:3%;}
.page301 .box3 .box_con ul li:nth-child(2n){margin-right:0%;}
.page301 .box3 .box_con ul li .title{display:table; width:100%; height:78px; background:#ededed; padding:0 5%; overflow:hidden; font-size:1.4rem; color:#333; font-weight:500; line-height:120%; letter-spacing:-0.05rem;}
.page301 .box3 .box_con ul li .title span{display:table-cell; vertical-align:middle;}
.page301 .box3 .box_con ul li .text{width:100%; height:160px; overflow:hidden; padding:5%; font-size:1.2rem; color:#666; font-weight:300; line-height:150%; letter-spacing:-0.05rem;}
.page301 .box4 .box_con{ margin:0 auto; width:100%; max-width:1200px; }
.page301 .box4 .box_con img{ width:100%;}
.page301 .box5 .box_con{ margin:0 auto; width:100%; max-width:1200px; }
.page301 .box5 .box_con .list{width:100%; overflow:hidden;}
.page301 .box5 .box_con .box_left{float:left; width:66%; overflow:hidden; }
.page301 .box5 .box_con .box_right{float:right; width:32%; overflow:hidden;}
.page301 .box5 .box_con .title{ position:relative; width:100%; height:60px; margin-bottom:20px; border:1px solid #bbb; background:#cf3b27; font-size:1.5rem;  text-align:center; font-weight:500; line-height:58px; color:#fff; letter-spacing:-0.05rem;}
.page301 .box5 .box_con .title:before{position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; border:4px solid #fff; content:'';}
.page301 .box5 .box_con .box_right .title{background:#888888;}
.page301 .box5 .box_con .list > ul > li .l_title{display:table; width:100%; height:60px; background:#ededed; overflow:hidden; font-size:1.4rem; text-align:center; color:#333; font-weight:500; line-height:120%; letter-spacing:-0.05rem;}
.page301 .box5 .box_con .list > ul > li .l_title span{display:table-cell; vertical-align:middle;}
.page301 .box5 .box_con .list > ul > li .l_con{width:100%; height:260px; overflow:hidden; padding:5%; font-size:1.2rem; color:#666; font-weight:300; line-height:150%; letter-spacing:-0.05rem;}
.page301 .box5 .box_con .list > ul > li .l_con ul{ display:block; width:100%; overflow:hidden; padding-left:20px;}
.page301 .box5 .box_con .list > ul > li .l_con ul li{float:left; width:100%; margin-bottom:5px; list-style-type:square; line-height:160%; }
.page301 .box5 .box_con .box_left .list > ul > li{float:left; width:48.5%; overflow:hidden; border:1px solid #bbb; margin-right:3%;}
.page301 .box5 .box_con .box_left .list > ul > li:last-child{ margin-right:0;}
.page301 .box5 .box_con .box_right .list > ul > li{float:left; width:100%; overflow:hidden; border:1px solid #bbb;}
.page301 .box5 .box_con .box_right .list > ul > li .l_con .text{ margin-top:20px; width:100%; overflow:hidden; font-size:1.2rem; color:#666; font-weight:300; line-height:150%; letter-spacing:-0.05rem;}

.page504 .sub_con{max-width:none;}
.page504 .box_title{margin:0 auto 45px; width:100%; max-width:1200px; overflow:hidden; font-size:3rem; color:#333333; font-weight:500; line-height:160%; letter-spacing:-0.05rem; text-align:center;}
.page504 .box_title span{ display:inline-block;}
.page504 .box_title .title_a{width:100%; overflow:hidden;}
.page504 .box_title .title_b{width:100%; overflow:hidden; font-size:1.4rem; line-height:160%; font-weight:300;}
.page504 .box_total{margin-bottom:90px;}
.page504 .box_total.box5{margin-bottom:0px;}
.page504 .box1 .box_con{ margin:0 auto; width:100%; max-width:1200px; font-size:2.2rem; color:#333333; font-weight:400; line-height:160%; letter-spacing:-0.05rem; text-align:center;}
.page504 .box1 .box_con strong{font-weight:700;}
.page504 .box1 .box_con span{display:inline-block;}
.page504 .box1 .box_img{position:relative; width:100%; overflow:hidden; margin-top:60px; padding:460px 4% 70px; background:url('../images/504_1.jpg') no-repeat center top;}
.page504 .box1 .box_img .box_info{ margin:0 auto; width:90%; max-width:1200px; overflow:hidden; font-size:2.2rem; color:#333333; font-weight:400; line-height:160%; letter-spacing:-0.05rem; text-align:center;}
.page504 .box1 .box_img .box_info span{ display:inline-block;}
.page504 .box2 .box_con{ margin:0 auto; width:100%; max-width:1200px; }
.page504 .box2 .box_con ul{margin-top:-1%;}
.page504 .box2 .box_con ul li{ position:relative; float:left; width:19.2%; overflow:hidden; padding-bottom:19%; margin-right:1%; margin-top:1%;}
.page504 .box2 .box_con ul li:nth-child(5n){margin-right:0%;}
.page504 .box2 .box_con ul li .box_info{position:absolute; left:0; top:0; width:100%; height:100%; padding:6% 7%; border:1px solid #ddd;}
.page504 .box2 .box_con ul li .box_info .num{position:absolute; left:7%; top:6%; display:table; font-size:3.2rem; color:#ddd; font-weight:500; line-height:120%; letter-spacing:-0.05rem;}
.page504 .box2 .box_con ul li .box_info .icon{position:absolute; left:25%; top:50%; width:50%; margin-top:-38%; text-align:center;}
.page504 .box2 .box_con ul li .box_info .icon img{ width:100%; max-width:100px;}
.page504 .box2 .box_con ul li .box_info .text{position:absolute; left:7%; bottom:50%; margin-bottom:-40%; display:table; width:86%; height:40%; font-size:1.3rem; color:#333; font-weight:500; line-height:140%; letter-spacing:-0.05rem; text-align:center;}
.page504 .box2 .box_con ul li .box_info .text span{display:table-cell; vertical-align:middle;}
.page504 .box3 .box_con{ margin:0 auto; width:100%; max-width:1200px; }
.page504 .box3 .box_con ul{margin-top:-3%;}
.page504 .box3 .box_con ul li{ position:relative; float:left; width:48.5%; overflow:hidden; border:1px solid #666666; margin-right:3%; margin-top:3%;}
.page504 .box3 .box_con ul li:nth-child(2n){margin-right:0%;}
.page504 .box3 .box_con ul li .title{display:table; width:100%; height:78px; background:#ededed; padding:0 5%; overflow:hidden; font-size:1.4rem; color:#333; font-weight:500; line-height:120%; letter-spacing:-0.05rem;}
.page504 .box3 .box_con ul li .title span{display:table-cell; vertical-align:middle;}
.page504 .box3 .box_con ul li .text{width:100%; height:120px; overflow:hidden; padding:5%; font-size:1.2rem; color:#666; font-weight:300; line-height:150%; letter-spacing:-0.05rem;}


.pagepriv .box_total{font-size:1rem;}



.phone{position:fixed; z-index:10000; left:50px; top:220px; width:280px; height:530px; padding:87px 35px 0; background:url('../images/phone.png') no-repeat center center;}
.phone .phone_title{width:100%; overflow:hidden; margin-bottom:12px;}
.phone .phone_title .title_a{font-size:1.7rem; line-height:145%; color:#fff; font-weight:500; text-align:center;}
.phone .phone_title .title_a strong{ font-weight:700;}
.phone .phone_title .title_b{font-size:1.2rem; font-weight:400; line-height:140%; color:#dc9826; text-align:center;}
.phone .close{ position:absolute; right:0px; top:-25px; display:table;}


.quick_menu{ position:absolute; right:20px; top:885px; width:125px; overflow:hidden;}
.sub .quick_menu{top:885px; top:195px; }
.quick_menu .cus{ position:relative; width:100%; height:125px; padding-top:80px; line-height:30px; border-radius:5px; background:#402616 url('../images/qmenu_icon1.png') no-repeat center 10px; letter-spacing:-0.05rem; color:#fff; text-align:center; font-size:1.4rem; font-weight:700; margin-bottom:5px;}
.quick_menu .cus:before{display:block; position:absolute; z-index:10; left:0; top:0; width:100%; height:100%; border-radius:5px; border:1px solid rgba(0,0,0,0.2); content:'';}
.quick_menu .q_nav{ width:100%; overflow:hidden;}
.quick_menu .q_nav ul li{display:block; margin-bottom:5px;}
.quick_menu .q_nav ul li a{ position:relative; display:block; width:100%; height:42px; color:#fff; padding-left:50px; border-radius:5px; line-height:40px; font-size:1.1rem; letter-spacing:-0.05rem;}
.quick_menu .q_nav ul li a:before{display:block; position:absolute; z-index:10; left:0; top:0; width:100%; height:100%; border-radius:5px; border:1px solid rgba(0,0,0,0.2); content:'';}
.quick_menu .q_nav ul li:hover a:before{border:2px solid rgba(0,0,0,0.2);}
.quick_menu .q_nav ul li.nav1 a{ background:#dd900a url('../images/q_nav_icon1.png') no-repeat 7px 0;}
.quick_menu .q_nav ul li.nav2 a{ background:#363636 url('../images/q_nav_icon2.png') no-repeat 7px 0;}
.quick_menu .q_nav ul li.nav3 a{ background:#363636 url('../images/q_nav_icon3.png') no-repeat 7px 0;}
.quick_menu .q_nav ul li.nav4 a{ padding-left:0; background:#b30f07; text-align:center;}
.quick_menu .q_nav ul li.nav5{position:relative; display:block; width:100%; height:42px; border-radius:5px; text-indent:-5000px; background:#141414 url('../images/top.png') no-repeat center center; cursor:pointer;}
.quick_menu .q_nav ul li.nav5:before{display:block; position:absolute; z-index:10; left:0; top:0; width:100%; height:100%; border-radius:5px; border:1px solid rgba(255,255,255,0.2); content:'';}
.minimize_qnav .quick_menu{position:fixed; top:150px;}

.m_quick_menu{ display:none;}

.layerbg{position:fixed; z-index:100000; left:0; top:-200%; width:100%; min-width:320px; height:100%; background:rgba(0,0,0,0.8);}
.close_btn{position:absolute; z-index:1000; right:10px; top:10px;}
.layer_con{ position:absolute; z-index:999; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); width:100%; padding:0 4%; max-width:600px; overflow:hidden;}
.layer_con img{ width:100%;}