@charset "utf-8";


@import url('https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800,900');


/*layout---------------------------------------------------------------*/
.layout{max-width: 1200px;margin:0 auto;padding:0 50px;}
.layout840{width:840px;margin:0 auto}
.layout600{width:600px;margin:0 auto;border-top:3px solid #2d5b79;border-bottom:1px solid #e5e5e5;padding:42px 0 50px 0;text-align:center}

/*common---------------------------------------------------------------*/
.sp_com{/*display:inline-block;overflow:hidden;background:url(/wp_img/wp_logo.png) no-repeat 0 0;line-height:999px;vertical-align:top*/}
.sp_bar{/*display:inline-block;overflow:hidden;background:url(/img/sp_bar.png) no-repeat 0 0;line-height:999px;vertical-align:top*/}
.sp_bi{/*display:inline-block;overflow:hidden;background:url(/img/product/sp_bi.png) no-repeat 0 0;line-height:999px;vertical-align:top}
.ellip_line1{display:block;overflow:hidden;max-width:100%;vertical-align:top;text-overflow:ellipsis;white-space:nowrap*/}
.pl0{padding-left:0 !important}
.pl10{padding-left:10px !important}
.mt5{margin-top:5px !important}
.mt10{margin-top:10px !important}
.mt20{margin-top:20px !important}
.mt30{margin-top:30px !important}
.mt80{margin-top:80px !important}
.mb10{margin-bottom:10px !important}
.mb15{margin-bottom:15px !important}
.mb20{margin-bottom:20px !important}
.mb30{margin-bottom:30px !important}
.mb40{margin-bottom:40px !important}
.mb50{margin-bottom:50px !important}
.mb60{margin-bottom:60px !important}
.mb80{margin-bottom:80px !important}
.wrap_img{text-align:center}
.wrap_img img{display:inline-block}
.bg_lgray{background-color:#f4f4f4}
.bg_gray{background-color:#f2f0ed}
.bg_gray.full{margin-top:80px;padding:40px 0 50px}
.bg_gray.full02{padding:30px 0}
.bg_blue{background-color:#2d5b79}
.bg_grid{background:url(/img/bg_grid.jpg) 0 0}
.bor_gray{border:1px solid #dcdcdc}
.fc_green{color:#10ab5c}
.fc_gray{color:#929292}
.bor_r{position:relative;display:inline-block;width:30px}
.bor_r:after{display:inline-block;content:'';width:1px;height:10px;background-color:#dcdcdc;position:absolute;top:50%;margin-top:-5px;right:14px}
.ta_l{text-align:left !important}
.ta_r{text-align:right !important}
.ta_c{text-align:center !important}

.top_visual_bg {
    top: 0px;
    left: 0px;
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(/wp_img/bg_dot.png);
    /* background: url(/s_img/bg_top.png); */
    z-index: 1;
    bottom: 0px;
    top: 0px;
}

/*button*/
.btn_area{margin-top:50px;text-align:center}
.btn{display:inline-block;height:43px;line-height:43px;width:158px;color:#fff;text-align:center;vertical-align:middle}
.btn02{width:auto;padding:0 25px}
a:hover.btn,a:active.btn,a:focus.btn{text-decoration:none;color:#fff}
.btn+.btn{margin-left:10px}
.btn.lblue{border:1px solid #007dc4;background-color:#007dc4}
.btn.dblue{border:1px solid #2d5b79;background-color:#2d5b79}
.btn.lgray{border:1px solid #acacac;background-color:#acacac}
.btn.gray{border:1px solid #777777;background-color:#777777}
.btn.dgray{border:1px solid #4c4b4b;background-color:#4c4b4b}
.btn.white{border:1px solid #2d5b79;color:#2d5b79}
a:hover.btn.white,a:active.btn.white,a:focus.btn.white{color:#2d5b79}

/*input text file password select*/
input[type=text],input[type=password]{padding:0 5px;border:1px solid #acacac;outline:none;vertical-align:middle}
input[type=text]::-ms-clear{display:none}  
input.inp_txt.full{box-sizing:border-box;width:100%}
input[type=password]::-ms-clear{display:none} 
textarea{border:1px solid #a3a3a3}
input.radio, input.check,fieldset{border:0;background:none}
.selectbox{display:inline-block;position:relative;background-color:#ffffff;z-index:1;height:45px;background-color:#f2f0ed}   
.selectbox:before{content:"";position:absolute;top:50%;right:15px;width:0;height:0;margin-top:-2px;border-left:3px solid transparent;border-right:3px solid transparent;border-top:5px solid #000}
.selectbox label{position:absolute;padding:0 35px 0 15px;height:44px;line-height:44px;z-index:-1}
.selectbox select{padding:0 35px 0 15px;height:100%;font-family:inherit;border:0;opacity:0;filter:alpha(opacity=0);-webkit-appearance:none;-moz-appearance:none;appearance:none}
textarea{overflow-y:scroll;width:100%;padding:5px 5px 0 5px;border:1px solid #a3a3a3;box-sizing:border-box;-webkit-box-sizing:border-box;resize:none}
input[readonly]{background-color:#efefef;color:#818181}

/*checkbox & radio*/
.inp_radio_list{display:inline-block;position:relative;margin-left:50px}
.inp_radio_list:first-child{margin-left:0}
.inp_radio_list label{position:relative;padding-left:20px;cursor:pointer;z-index:1}
.inp_radio_list .check {position:absolute;width:11px;height:11px;top:6px;left:0;border:2px solid #acacac;border-radius:50%;cursor:pointer;background:#fff;z-index:0}
.inp_radio_list .check:before{content:""}
.inp_radio_list input[type="radio"] {position:absolute;visibility:hidden}
.inp_radio_list input[type="radio"]:checked ~ .check:before {position:absolute;width:16px;height:16px;top:-2px;left:-2px;background:url(/wp_img/sp_com.png) no-repeat -624px -60px}
.inp_radio_list + input[type="text"]{margin-left:7px}

.inp_check_list{display:inline-block;position:relative;margin-left:40px;vertical-align:middle}
.inp_check_list:first-child{margin-left:0}
.inp_check_list label{position:relative;padding-left:25px;cursor:pointer;z-index:1}
.inp_check_list .check {position:absolute;width:14px;height:14px;top:4px;left:0;border:2px solid #acacac;cursor:pointer;background:#fff;z-index:0}
.inp_check_list .check:before{content:""}
.inp_check_list input[type="checkbox"] {position:absolute;visibility:hidden}
.inp_check_list input[type="checkbox"]:checked ~ .check:before {position:absolute;width:18px;height:18px;top:-2px;left:-2px;background:url(/wp_img/sp_com.png) no-repeat -624px -90px}

/*section*/
.wrap_sec02{zoom:1;width:100%;box-sizing:border-box}
.wrap_sec02:after{display:block;clear:both;content:''}
.wrap_sec02 li,.wrap_sec02 .col{float:right}
.wrap_sec02 .col:first-child,.wrap_sec02 li:first-child{float:left}
.wrap_sec02 .col750{width:750px}
.wrap_sec02 .col580{width:580px}
.wrap_sec02 .col575{width:575px}
.wrap_sec02 .col545{width:545px}
.wrap_sec02 .col560{width:560px}
.wrap_sec02 .col405{width:405px}
.wrap_sec02 .col280{width:280px}
.wrap_sec02 .col370{width:370px}
.wrap_sec02 .col330{width:330px}

.wrap_sec03{zoom:1;width:100%;box-sizing:border-box}
.wrap_sec03:after{display:block;clear:both;content:''}
.wrap_sec03 .col{float:left;margin-left:30px}
.wrap_sec03 .col:first-child{margin-left:0}
.wrap_sec03 .col373{width:373px}
.wrap_sec03 .col30{width:30%}

/*display:table*/
.dp_tbl{display:table;width:100%}
.dp_tbl_row{display:table-row}
.dp_tbl_cell{display:table-cell;vertical-align:top}
.dp_tbl_cell.cell50{width:50%}

/*tab_area*/
.tab_area{border:1px solid #e5e5e5;overflow:hidden}
.tab{zoom:1;margin-right:-1px;margin-bottom:-1px}
.tab:after{display:block;clear:both;content:''}
.tab li{float:left;overflow:hidden;height:40px}
.tab.t7 li{width:14.28%}
.tab.t6 li{width:16.66%}
.tab.t5 li,.tab.t9 li,.tab.t10 li{width:20%}
.tab.t4 li,.tab.t8 li{width:25%}
.tab.t3 li{width:33.333%}
.tab.t2 li{width:50%}
.tab li a{display:block;text-align:center;border-bottom:1px solid #e5e5e5;border-right:1px solid #e5e5e5;height:39px;line-height:39px;text-decoration:none}
.tab li a:hover,.tab li a:active,.tab li a:focus,.tab li.active a{background-color:#2d5b79;color:#fff;font-weight:500;border-color:#2d5b79}

/*table*/
.tbl{width:100%;border-top:3px solid #2d5b79}
.tbl th, .tbl td{padding:9px 30px;height:45px;border-bottom:1px solid #e5e5e5;text-align:center}
.tbl.tbl_light td{padding:8px;height:auto}
.tbl th, tfoot td{font-weight:500}
.tbl th.bor_l, .tbl td.bor_l{border-left:1px solid #e5e5e5}
.tbl.left th,.tbl.left td,.tbl th.left,.tbl td.left{text-align:left;padding-right:8px}
.tbl .bl_r{position:relative}
.tbl .bl_r:after{display:inline-block;content:'';width:1px;height:10px;background-color:#dcdcdc;position:absolute;top:50%;margin-top:-5px;right:-1px}
.tbl .fixed_top{background-color:#f2f0ed}
.tbl_cap{margin-top:-35px;margin-bottom:10px;text-align:right;font-size:14px;font-weight:500;color:#10ab5c}
.tbl_cap3{margin-top:5px;text-align:right;font-size:14px}
.tbl tr.short th,.tbl tr.short td{height:auto}


/*table_form*/
.wrap_table_form{border-top:3px solid #2d5b79}
.table_form{display:table;width:100%}
.table_form .cell{display:table-cell;height:45px;padding:10px 30px 10px 10px;border-bottom:1px solid #e5e5e5;vertical-align:middle}
.wrap_table_form.center .cell{text-align:center}
.table_form .cell.full{padding:10px 30px}
.table_form .cell.label{width:15%;padding-left:30px;font-weight:500}
.table_form .cell.label2{width:30%;padding-left:30px;font-weight:500}
span.bl_r{position:relative;padding-right:20px}
span.bl_r:after{display:inline-block;content:'';width:1px;height:10px;background-color:#dcdcdc;position:absolute;top:50%;margin-top:-5px;right:9px}
.show_Y{color:#2d5b79;margin-right:5px}
.show_N{color:#929292;margin-right:5px}




/*tbl_style_box*/
.tbl_style_box{border-top:3px solid #2d5b79;display:table;width:100%}
.cell{display:table-cell;height:45px;padding:10px 30px;border-bottom:1px solid #e5e5e5;vertical-align:middle}

/*header---------------------------------------------------------------*/

#header{position:absolute;width:100%;height:80px;border-bottom:1px solid #e5e5e5;text-align:center;z-index:100;
	-webkit-transition:height .3s ease-in-out,background .25s ease-in-out,border-bottom .25s ease-in-out;
    -o-transition:height .3s ease-in-out,background .25s ease-in-out,border-bottom .25s ease-in-out;
    -moz-transition:height .3s ease-in-out,background .25s ease-in-out,border-bottom .25s ease-in-out;
    transition:height .3s ease-in-out,background .25s ease-in-out,border-bottom .25s ease-in-out}
body.main #header{border-bottom:0 none;}
#header.on{height:390px;border-bottom:0}
h1.h1_logo{position:absolute;left:50px;top:14px;width:210px;height:53px;}
h1.h1_logo .sp_com{width:210px;height:53px;}

/*gnb*/
.gnb_pc .gnb_dp1_list{position:relative;display:inline-block;margin-top:22px;zoom:1;z-index:100}
.gnb_pc .gnb_dp1_list:after{display:block;clear:both;content:''}
.gnb_pc .gnb_dp1_list li.gnb_dp1{float:left}
.gnb_pc .gnb_dp1_list li.gnb_dp1>a{display:block;font-size:18px;margin:0 35px;height:37px;line-height:36px;text-decoration:none;font-weight:500;}
.gnb_pc .gnb_dp1_list li.gnb_dp1.active>a,.gnb_pc .gnb_dp1_list li.gnb_dp1>a:hover, .gnb_pc .gnb_dp1_list li.gnb_dp1>a:active,.gnb_pc .gnb_dp1_list li.gnb_dp1>a:focus{color:#f31d1d;border-bottom:1px solid #fff;font-weight:500;height:36px}
.gnb_pc .gnb_dp2_list{margin-top:45px}
.gnb_pc .gnb_dp2_list li.gnb_dp2>a{color:#fff;line-height:29px;font-weight: 500;text-decoration:none;}
.gnb_pc .gnb_dp2_list li.gnb_dp2>a:hover{color:#DFD9D1;line-height:29px;font-weight: 500;text-decoration:none;}
.util_area{position: absolute;
    right: 0px;
    top: 10px;
    zoom: 1;
    -webkit-transition: top 400ms;
    transition: top 400ms;}
.util_area:after{display:block;clear:both;content:''}
.util_area li{position:relative;float:left;padding-left:15px}
.util_area li:before{content:'';position:absolute;left:8px;top:31px;width:1px;height:10px;background-color:#cccccc}
.util_area li:first-child:before{display:none}
.util_area li a{display:block;    height: 70px;
    line-height: 70px;font-size:14px;font-weight:700;text-decoration: none; font-family: "Poppins","Open Sans", "Noto Sans KR","Lato", Helvetica, Arial, sans-serif;
    font-weight: 600;}


.util_area li a.on{display:block;font-size:14px;font-weight:700;text-decoration: none;color:#BBD762;    }

.bg_gnb{/*display:none;*/position:absolute;width:100%;height:100%;top:80px;/*background-color:#000000cc*/}
.bg_gnb .inn_bg{height:230px;background-color:rgba(32, 47, 90, 0.9)}


#header.nav_area.view {
    position: fixed;
    top: 0;
    width: 100%;
    /* max-width: 1420px; */
    background: #FFFFFF;
    -webkit-box-shadow: 0 0 15px rgba(0,0,0,.15);
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.07);
    box-shadow: 0 0 15px rgba(0,0,0,.15);
	height: 80px;



}


#header.nav_area.no-view {
    position: absolute;
	    -webkit-box-shadow: 0 0 0px rgba(0,0,0,.0);
    -moz-box-shadow: 0 0px 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 0px rgba(0,0,0,.0);
}



#header .util_area.view {
    position: fixed;
    top: 0;
   
}


#header .util_area.no-view {
    position: absolute;

}


/*sitemap ------------------------------------------------------------*/
.wrap_sitemap{display:none;position:absolute;top:0;left:0;width:100%;background-color:#2d5b79;color:#fff;z-index:200;padding-bottom:200px}
.wrap_sitemap.on{display:block}
.sitemap{position:relative}
.sitemap .btn_close{position:absolute;width:36px;height:36px;top:50px;right:50px;background-position:-624px -112px}
.sitemap a{color:#fff;line-height:1;text-decoration:none}
.sitemap .sitemap_pd1_list{zoom:1}
.sitemap .sitemap_pd1_list:first-child{margin-top:0}
.sitemap .sitemap_pd1_list:after{display:block;clear:both;content:''}
.sitemap .sec_left{float:left;width:160px;margin-top:50px}
.sitemap .sec_right{float:left;width:1020px}
.sitemap_pd1{height:35px;width:110px;border-bottom:3px solid #fff;line-height:1;font-size:25px;font-weight:500}
.sitemap_pd2_list{zoom:1}
.sitemap_pd2_list:after{display:block;clear:both;content:''}
.sitemap_pd2_list>li{float:left;margin-left:30px;margin-top:50px}
.sitemap_pd2{display:block;width:140px;height:35px;border-bottom:1px solid #fff;line-height:25px;font-size:18px;font-weight:500}
.sitemap_pd3{display:block;width:140px;margin-top:16px}

/*main_container ------------------------------------------------------------*/
#container{padding-top:81px}
/*wrap_visual_main*/
.wrap_visual_main{position:relative;margin:0 auto;/*padding:0 50px;*//*min-width:1180px*/}
.main_visual_list li{height:690px;background-size:cover;background-position:50% 50%}
.main_visual_list li.main_visual01{background-image:url(/wp_img/wp_main01.jpg)}
.main_visual_list li.main_visual02{background-image:url(/wp_img/wp_main02.jpg)}
.main_visual_list li.main_visual03{background-image:url(/wp_img/wp_main03.jpg)}
.main_visual_list li.main_visual04{background-image:url(/wp_img/wp_main02.jpg)}
.main_visual_list li a{text-decoration:none;text-align:center;color:#fff}

.main_visual_list li a span.sp_com{margin:235px 0 4px;width:124px;height:110px}
.main_visual_list li.main_visual01 a span.sp_com{background-position:-504px -252px;width:186px;margin:0 33px 0 0 }
.main_visual_list li.main_visual02 a span.sp_com{background-position:0 -252px}
.main_visual_list li.main_visual03 a span.sp_com{background-position:-126px -252px}
.main_visual_list li.main_visual04 a span.sp_com{background-position:-252px -252px}
.main_visual_list li.main_visual05 a span.sp_com{background-position:-378px -252px}
.main_visual_list li a p.tit{font-size: 56px;
    display: block !important;
    position: absolute;
    left: 0;
    top: 50%;
    z-index: 5;
    width: 100%;
    margin-top: -100px;
    text-align: center;
	 font-family: "Poppins","Open Sans", "Noto Sans KR","Lato", Helvetica, Arial, sans-serif;
    font-weight: 600;
	}
.main_visual_list li a p.tit .p_desc {
    padding-top: 21px;
    font-size: 16px;
    letter-spacing: -0.025em;
    line-height: 1.875;
    color: #fff;
	display: block;
 font-family: "Poppins","Open Sans", "Noto Sans KR","Lato", Helvetica, Arial, sans-serif;
    font-weight: 500;
}
.main_visual_list li a p.tit .str{font-weight:500;font-size:22px;display: block;    font-family: 'Poppins', sans-serif;    letter-spacing: .025em;}


.main_visual_list li a p.tit .str img.txt{
position: relative;
    margin: 0 auto;}

.main_visual_list li a p.tit .m_tit:after {
    content: '';
    display: block;
    width: 50px;
    height: 1px;
    position: absolute;
    left: 50%;
    bottom: 75px;
    background: #fff;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}


.bx-has-controls-auto{position:absolute;width:1180px;bottom:50px;left:50%;margin-left:-590px;text-align:center;z-index:60}
.bx-default-pager{display:inline-block;margin-bottom: 10px;}
.bx-controls-auto{display:inline-block;margin-bottom: -2px;}
.bx-default-pager .bx-pager-item{display:inline-block;margin:0 3px;overflow:hidden;vertical-align:middle;}

.bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    margin: 0 3px;
    overflow: hidden;
    vertical-align: middle;
    /* float: left; */
    float: left;
}



.bx-default-pager .bx-pager-item a{display:block;width:55px;height:5px;vertical-align:middle;font-size:0;text-indent:-9999px;background-color:#fff;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s}
.bx-default-pager .bx-pager-item a.active{opacity:1;    background-color: #BBD762;}
.bx-controls-auto{margin-left:20px}
.bx-controls-auto .bx-controls-auto-item a{display:block;width:10px;height:11px;vertical-align:middle;font-size:0;text-indent:-9999px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s}
.bx-controls-auto .bx-controls-auto-item a.bx-start{background:url(/wp_img/slide_p_btn.png);display: none;}
.bx-controls-auto .bx-controls-auto-item a.bx-stop{background:url(/wp_img/slide_s_btn.png);}
.bx-controls-auto .bx-controls-auto-item a.active{opacity:1}
.box_btn_move_control button{position:absolute;top:50%;margin-top:-30px;display:block;width:24px;height:45px;font-size:0;text-indent:-9999px;z-index:60}
.box_btn_move_control button.btn_slide_prev{left:80px;background:url(/wp_img/left_arrow_btn.png);}
.box_btn_move_control button.btn_slide_next{right:80px;background:url(/wp_img/right_arrow_btn.png);}

/*wrap_prd_list*/
.wrap_prd_list {
    text-align: center;
    background-color:#F4F4F4;
    width: 100%;
}

.wrap_prd_list.cc {
    text-align: center;
    background-color: #F7F7F7;
    width: 100%;
}


.layout {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 50px;
}




.main_prd_list{display:inline-block;width:1200px;margin:40px 0;zoom:1;vertical-align:top}
.main_prd_list:after{display:block;clear:both;content:''}
.main_prd_list li{float:left;width:20%;position: relative;}
.main_prd_list li{display:block;height:50px;font-weight:600;    font-size: 20px;}


.main_prd_list li span{
       display: inline-block;
    height: 20px;
    text-decoration: none;
    font-weight: 600;
    font-size: 15px;
}

.main_prd_list li div p {
    display: inline-block;
    height: 20px;
    text-decoration: none;
    font-weight: 600;
  line-height: 20px;
  font-size: 20px;
      vertical-align: top;
}

.main_prd_list li div{
text-align:center;
width:100%;
    height: 30px;
    line-height: 30px;
}


.main_prd_list li span.cc{
       display: block;
    height: 20px;
    text-decoration: none;
    font-weight: 600;
    font-size: 15px;
	    margin-top: 10px;
}


.wrap_prd_list .main_prd_list li:before{
    position: absolute;
    top: 13px;
    left: -1px;
    content: '';
    display: block;
    width: 1px;
    height: 27px;
    background: #C0C0C0;
}

.wrap_prd_list .main_prd_list li:first-child:before{display: none;}


.wrap_prd_list .main_prd_list li:first-child:before{
  display: none;
}






/*wrap_prd_gallery*/
.solution_area{padding:40px 0;background-color:#fff;text-align:center;    min-height: 600px;}
.solution_area .h2_tit{font-size:56px;	 font-family: "Poppins","Open Sans", "Noto Sans KR","Lato", Helvetica, Arial, sans-serif;
    font-weight: 600;}
.solution_area .stit{margin:3px 0 38px;  	 font-family: "Poppins","Open Sans", "Noto Sans KR","Lato", Helvetica, Arial, sans-serif;
    font-weight: 500;
    color: #444;}
.prd_gallery{position:relative;margin:0 auto;overflow:hidden}
.prd_gallery .bx-wrapper{margin:0 auto;width:1280px !important;height:480px}
.prd_gallery .bx-viewport{overflow:visible !important}
.prd_gallery_list li{zoom:1;background-color:#fff;height:430px;width:1180px !important;margin:0 50px}
.prd_gallery_list li:after{display:block;clear:both;content:''}
.prd_gallery_list li .sec_l{float:left;width:800px}
.prd_gallery_list li .sec_r{float:right;width:380px}
.thum_prd_list{padding:20px;text-align:left}
.thum_prd_list .thum_prd{display:block;position:relative;margin-top:20px;padding-left:100px;height:82px}
.thum_prd_list .thum_prd:first-child{margin-top:0}
.thum_prd_list .thum_prd .thumimg_prd{position:absolute;left:0;top:0;width:82px;height:82px;overflow:hidden}
.thum_prd_list .thum_prd .info_prd{padding-top:16px}
.thum_prd_list .thum_prd .info_prd .prd_navi{margin-bottom:4px}
.thum_prd_list .thum_prd .info_prd .prd_navi>.navi{display:inline-block;padding-left:16px;background: url(/img/sp_bar.png) no-repeat 5px -266px;font-weight:500;font-size:14px}
.thum_prd_list .thum_prd .info_prd .prd_navi>.navi:first-child{background:none;padding-left:0}

.prd_gallery .bx-has-controls-auto{bottom:0px}
.prd_gallery .box_btn_move_control button.btn_slide_prev{left:50%;margin-left:-642px}
.prd_gallery .box_btn_move_control button.btn_slide_next{right:50%;margin-right:-642px}

/*wrap_key_link*/
.wrap_key_link{padding:55px 0}
.key_link_list{}
.key_link_list:after{display:block;clear:both;content:''}
.key_link_list li{float:left;    width: 23.5%;
    margin: 0 2% 0 0;}
.key_link_list li:first-child{margin-left:0}
.key_link_list li:last-child{margin-right:0}
.key_link_list li a{display:block;color:#fff;text-align:center;height:280px;text-decoration:none}
.key_link_list li.link01 a{background: url(/wp_img/search_01.jpg) no-repeat 0 0;color:#000;background-size:cover}
.key_link_list li.link02 a{background: url(/wp_img/search_01.jpg) no-repeat 0 0;background-size:cover}
.key_link_list li.link03 a{background: url(/wp_img/search_01.jpg) no-repeat 0 0;background-size:cover}
.key_link_list li.link01 a:hover{background: url(/wp_img/search_01.jpg) no-repeat 0 0;color:#fff;background-size:cover}
.key_link_list li.link02 a:hover{background: url(/wp_img/search_01.jpg) no-repeat 0 0;background-size:cover}
.key_link_list li.link03 a:hover{background: url(/wp_img/search_01.jpg) no-repeat 0 0;background-size:cover}
.key_link_list li.link04 .search_box{padding:0 20px;background:#f2f0ed;color:#000;height:280px}
.key_link_list li .tit{padding-top:153px;font-size:18px;font-weight:500}
/*.key_link_list li a:hover .tit{padding-top:105px}*/
.key_link_list li .stit{display:none;margin-top:12px}
.key_link_list li a:hover .stit{display:block}
.key_link_list li.link04 .tit{padding-top:30px;text-align:center}
.key_link_list li.link04 .selectbox{margin-top:25px;display:block;border:0 none;background-color:#fff}
.key_link_list li.link04 .selectbox select{width:100%}
.key_link_list li.link04 .inp_txt{margin-top:10px;display:block;width:200px;padding:0 9px;border:0 none;height:45px;line-height:45px}
.key_link_list li.link04 button{display:block;margin-top:30px;background-color:#2d5b79;color:#fff;height:45px;line-height:45px;text-align:center;width:100%}

.m_board_area{margin-top:20px;zoom:1;width:100%}
.m_board_area:after{display:block;clear:both;content:''}
.m_board_area .wrap_board{position:relative;float:left;width:580px;background-color:#f2f0ed;    width: 49.5%;
    margin: 0 1% 10px 0;}
.m_board_area .wrap_board:first-child{margin-left:0;}
.m_board_area .wrap_board:last-child{margin-right:0;}
.m_board_area .wrap_board .h2_tit{    text-align: left;
    color: #2d5b79;
    font-size: 25px;
    font-weight: 500;
    height: 77px;
    line-height: 77px;
    margin-left: 30px;}
.m_board_area .wrap_board .btn_more{position:absolute;top:24px;right:23px;width:30px;height:30px;border-radius:50%;background-color:#fff;background-position:-196px -60px}
.m_board_area .noti_list{zoom:1;width:100%;border-top:1px solid #fff}
.m_board_area .noti_list:after{display:block;clear:both;content:''}
.m_board_area .noti_list li{float:left;width:50%}
.m_board_area .noti_list li:first-child{margin-left:-2px;border-right:1px solid #fff}
.m_board_area .noti_list li a{display:block;padding:32px 30px}
.m_board_area .noti_list .tit{margin-bottom:16px;    font-weight: 500;}
.m_board_area .noti_list .date{margin-bottom:12px;color:#929292;font-size:14px;    font-weight: 500;}
.m_board_area .noti_list .txt{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;line-height:21px;height:42px;    font-weight: 500;}
.m_board_area .news_list li{padding:0 30px;border-top:1px solid #fff}
.m_board_area .news_list a{display:block;zoom:1;width:100%}
.m_board_area .news_list a:hover span{text-decoration:underline}
.m_board_area .news_list a:after{display:block;clear:both;content:''}
.m_board_area .news_list a span{float:left;height:60px;line-height:60px}
.m_board_area .news_list a span.tit{width:80%;    font-weight: 500;}
.m_board_area .news_list a span.date{float:right;color:#929292;width:20%;text-align:right;font-size:14px}

/*wrap_business_area*/
.wrap_business_area{padding:55px 0;background: url(/wp_img/biz_area_back.jpg) no-repeat 50% 50%;background-size:cover}
.wrap_business_area .business_list{zoom:1}
.wrap_business_area .business_list:after{display:block;clear:both;content:''}
.wrap_business_area .business_list li{float:left;    width: 23.5%;
    margin: 0 2% 0 0;}
.wrap_business_area .business_list li:first-child{margin-left:0}
.wrap_business_area .business_list li:last-child{margin-right:0}
.wrap_business_area .business_list li.link01{background: url(/wp_img/b_area_01.jpg) no-repeat 0 0;background-size:cover;}
.wrap_business_area .business_list li.link02{background: url(/wp_img/b_area_02.jpg) no-repeat 0 0;background-size:cover;}
.wrap_business_area .business_list li.link03{background: url(/wp_img/b_area_03.jpg) no-repeat 0 0;background-size:cover;}
.wrap_business_area .business_list li.link04{background: url(/wp_img/b_area_04.jpg) no-repeat 0 0;background-size:cover;}
.wrap_business_area .business_list li a{display:block;height:390px;text-decoration:none;text-align:center;    color: #fff;}
.wrap_business_area .business_list .tit{padding-top:295px;font-size:25px;font-weight:500}


.wrap_business_area2 {
    margin-bottom: 60px;
}


/*wrap_business_area2*/
.wrap_business_area2{/*padding:0px 0;background: url(/wp_img/biz_1_back.jpg) no-repeat 50% 50%;background-size:cover*/}
.wrap_business_area2 .business_list{zoom:1}
.wrap_business_area2 .business_list:after{display:block;clear:both;content:''}
.wrap_business_area2 .business_list li{float:left;    width: 31.5%;
    margin: 0 2% 0 0;}
.wrap_business_area2 .business_list li:first-child{margin-left:0}
.wrap_business_area2 .business_list li:last-child{margin-right:0}
.wrap_business_area2 .business_list li.link01{background: url(/wp_img/service_01.png) no-repeat center 0;   image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;}
.wrap_business_area2 .business_list li.link02{background: url(/wp_img/service_02.png) no-repeat center 0; image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;}
.wrap_business_area2 .business_list li.link03{background: url(/wp_img/service_03.png) no-repeat center 0;image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;}
.wrap_business_area2 .business_list li.link04{background: url(/wp_img/b_area_04.jpg) no-repeat 0 0;  image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;}
.wrap_business_area2 .business_list li a{display:block;height: 690px;text-decoration:none;text-align:center;    color: #fff;}
.wrap_business_area2 .business_list .tit{padding-top:295px;font-size:25px;font-weight:500}





/*wrap_business_area3*/
.wrap_business_area3{padding:55px 0;/*background: url(/wp_img/biz_1_back.jpg) no-repeat 50% 50%;background-size:cover*/}
.wrap_business_area3 .business_list{zoom:1}
.wrap_business_area3 .business_list:after{display:block;clear:both;content:''}
.wrap_business_area3 .business_list li{float:left;    width: 50%;
    margin: 0;}
.wrap_business_area3 .business_list li:first-child{margin-left:0}
.wrap_business_area3 .business_list li:last-child{margin-right:0}
.wrap_business_area3 .business_list li.link01{background: url(/wp_img/service_04.png) no-repeat center 0;    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;}
.wrap_business_area3 .business_list li.link02{background: url(/wp_img/service_05.png) no-repeat center 0;  image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;}
.wrap_business_area3 .business_list li.link03{background: url(/wp_img/service_03.png) no-repeat 0 0;  image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;}
.wrap_business_area3 .business_list li.link04{background: url(/wp_img/b_area_04.jpg) no-repeat 0 0; image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;}
.wrap_business_area3 .business_list li a{display:block;height: 690px;text-decoration:none;text-align:center;    color: #fff;}
.wrap_business_area3 .business_list .tit{padding-top:295px;font-size:25px;font-weight:500}




/*sub_container ------------------------------------------------------------*/
.sub #container{padding-bottom:150px}
.sub #container.main_container,#container.history{padding-bottom:0}

/*navi_area*/
.navi_area{position:relative;height:48px;border-bottom:1px solid #e5e5e5}
.navi_area .layout{position:relative}
.navi_area>.layout{height:48px}
.navi_area .btn_home{width:50px;height:48px;background-position:0 -60px}
.navi_dp1_list{display:inline-block;zoom:1;font-size:14px}
.navi_dp1_list:after{display:block;clear:both;content:''}
.navi_dp1_list>.navi_dp1{float:left;position:relative}
.navi_dp1_list>.navi_dp1>a{position:relative;display:block;padding:0 20px;width:115px;height:48px;line-height:48px;border-right:1px solid #e5e5e5;text-decoration:none}
.navi_dp1_list>.navi_dp1:first-child>a{border-left:1px solid #e5e5e5}
.navi_dp1_list>.navi_dp1>a:after{position:absolute;content:'';top:50%;right:20px;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #000000}
.navi_dp1_list>.navi_dp1.active>a:after{position:absolute;content:'';top:50%;right:20px;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:5px solid #000000;border-top:none}
.navi_dp2_list{display:none;position:absolute;top:100%;left:-1px;border:1px solid #e5e5e5;background-color:#fff;z-index:10}
.navi_dp1_list>.navi_dp1:first-child .navi_dp2_list{left:0}
/*.navi_dp1_list>.navi_dp1:hover .navi_dp2_list{display:block}*/
.navi_dp2_list>.navi_dp2>a{display:block;padding:5px 20px;width:115px;text-decoration:none}
.navi_dp2_list>.navi_dp2>a:hover, .navi_dp2_list>.navi_dp2>a:active, .navi_dp2_list>.navi_dp2>a:focus,.navi_dp2_list>.navi_dp2.active>a{background-color:#f4f4f4}

/*btn_all_prd*/
.btn_all_prd{position:absolute;top:0;right:0}
.btn_all_prd button{display:block;width:234px;height:48px;line-height:48px;background-color:#f4f4f4;text-align:center;font-weight:500;color:#2d5b79;border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5}
.btn_all_prd button .sp_com{margin-left:15px;width:14px;height:48px;background-position:-60px -60px}
.btn_all_prd button.open .sp_com{background-position:-83px -60px}
.wrap_all_prd{width:100%;height:200px;position:absolute;left:0;top:100%;background-color:#f4f4f4}
.bg_all_prd{position:absolute;padding:50px 0;width:100%;background-color:#f4f4f4;border-top:1px solid #e5e5e5;border-bottom:1px solid #dcdcdc;z-index:20}
.bg_all_prd .h2_prdTit{margin-bottom:25px;text-align:center;font-size:25px;font-weight:500;color:#2d5b79}
.prd_list.dp1{zoom:1;width:100%;text-align:center}
.prd_list.dp1:after{display:block;clear:both;content:''}
.prd_list.dp1>li{float:left;width:14.285%;padding:0 5px;box-sizing:border-box}
.prd_list.dp1>li>a{display:block;background-color:#fff;height:38px;line-height:38px;font-weight:500}
.prd_list .dp2{margin-top:4px}
.prd_list .dp2>li>a{display:block;padding:4px 0;height:22px;width:100%}
.prd_list.dp1>li>a.btn_find{background-color:#f4f4f4;border:1px solid #2d5b79;color:#2d5b79}
.bg_all_prd .btn_close{position:absolute;bottom:-40px;left:50%;margin-left:-13px;width:40px;height:26px;background-position:-572px -182px}


/*sub_content ------------------------------------------------------------*/
.h3_tit{font-size:25px;color:#2d5b79}
.h3_tit2{margin-bottom:50px;font-size:34px;font-weight:500;color:#2d5b79;text-align:center}
.h4_tit{font-weight:500;font-size:18px;color:#2d5b79}
.h5_tit{font-weight:500}
.h5_tit_bl{position:relative;margin-bottom:10px;padding-left:10px;font-weight:500}
.h5_tit_bl:before{position:absolute;content:'';width:4px;height:4px;background-color:#bca78a;left:0;top:10px}
.list_style01 li{padding-left:9px;position:relative}
.list_style01 li:before{display:inline-block;content:'';width:5px;height:1px;background-color:#000;position:absolute;top:50%;margin-top:0;left:1px}

.prd_navi{display:inline-block;zoom:1}
.prd_navi:after{display:block;clear:both;content:''}
.prd_navi li{float:left;padding-left:22px;background: url(/img/sp_bar.png) no-repeat 10px -264px}
.prd_navi li:first-child{background:none;padding-left:0}

/* search_area */
.search_area{position:relative;padding:53px 40px;background-color:#f4f4f4;font-size:14px}
.search_area .selectbox{border:1px solid #e5e5e5;margin:0 5px;background-color:#fff}
.search_area .selectbox select{width:200px}
.board_search{position:relative;display:inline-block;padding:0 10px;margin:0 5px;border:1px solid #2d5b79;background-color:#fff;width:420px}
.board_search input{border:0 none;height:44px;line-height:44px;width:377px}
.board_search .sp_com{position:absolute;right:15px;top:0;width:24px;height:44px;background-position:-235px -60px}
.search_area .sp_com.btn_agency_search{position:absolute;top:0;right:0;width:46px;height:45px;background-color:#2d5b79;background-position:-662px -182px;}


/*page_tit_area*/
.page_tit_area{margin:45px;text-align:center}
.page_tit_area .h2_tit{margin-bottom:12px;font-size:34px;font-weight:500;color:#2d5b79}

/*intro_prd_level1*/
.wrap_intro_prd_level1{padding:0 50px;min-width:1180px;margin-top:50px}
.intro_prd_level1{height:700px;color:#fff;text-align:center;max-width:1820px;margin:0 auto;margin-bottom:60px}
.intro_prd_level1.prd01{background:url(/img/product/bg_prd01_level1.jpg) no-repeat 50% 50%;background-size:cover}
.intro_prd_level1.prd02{background:url(/img/product/bg_prd02_level1.jpg) no-repeat 50% 50%;background-size:cover}
.intro_prd_level1.prd03{background:url(/img/product/bg_prd03_level1.jpg) no-repeat 50% 50%;background-size:cover}
.intro_prd_level1.prd04{background:url(/img/product/bg_prd04_level1.jpg) no-repeat 50% 50%;background-size:cover}
.intro_prd_level1.prd05{background:url(/img/product/bg_prd05_level1.jpg) no-repeat 50% 50%;background-size:cover}
.intro_prd_level1.prd06{background:url(/img/product/bg_prd06_level1.jpg) no-repeat 50% 50%;background-size:cover}
.intro_prd_level1 .layout{padding:150px 0 0;height:auto}
.intro_prd_level1 .sp_com{width:110px;height:100px;margin-bottom:19px}
.intro_prd_level1.prd01 .sp_com{background-position:0 -372px}
.intro_prd_level1.prd02 .sp_com{background-position:-112px -372px}
.intro_prd_level1.prd03 .sp_com{background-position:-224px -372px}
.intro_prd_level1.prd04 .sp_com{background-position:-336px -372px}
.intro_prd_level1.prd05 .sp_com{background-position:-448px -372px}
.intro_prd_level1.prd06 .sp_com{background-position:-560px -372px}
.intro_prd_level1 .stit{margin-bottom:9px;line-height:26px;font-size:20px}  
.intro_prd_level1 .h2_prd_dp1{font-size:36px;letter-spacing:-3px}
.intro_prd_level1 .prd_list{zoom:1;display:inline-block;margin-top:47px}
.intro_prd_level1 .prd_list:after{display:block;clear:both;content:''}
.intro_prd_level1 .prd_list li{float:left;margin-left:10px}
.intro_prd_level1 .prd_list li:first-child{margin-left:0}
.intro_prd_level1 .prd_list li a{display:block;color:#fff;text-align:center;width:158px;height:158px;line-height:158px;border:1px solid #fff;font-size:20px;text-decoration:none;transition:.5s}
.intro_prd_level1 .prd_list li a:hover{border:1px solid #2d5b79;background-color:#2d5b79}

/*add_info_area*/
.add_info_box{border-bottom:2px solid #2d5b79}
.add_info_box:first-child{border-top:2px solid #2d5b79}
.add_info_box h3.h3_tab_tit{display:block;margin-top:12px;height:50px;line-height:50px;text-align:center;font-size:25px;text-decoration:none}
.add_info_box.open h3.h3_tab_tit{color:#2d5b79}
.add_info_box.open{border-bottom:2px solid #dcdcdc}
.add_info_box .wrap_cont_box{display:none;margin:40px 0 70px}
.add_info_box.open .wrap_cont_box{display:block}
.add_info_box .btn_open_close{display:block;width:100%;height:48px;background-position:50% -100px}
.add_info_box.open .btn_open_close{background-position:50% -148px}

/*add_info_area level1*/
.add_info_box .tit_cont_area{margin-bottom:50px;height:200px;text-align:center;background-size:cover}
.add_info_box .cont_box.level1 .tit_cont_area{position:relative;margin-bottom:50px;height:200px;text-align:center;background:url(/img/product/bg_prd01_level1_add.jpg) no-repeat 50% 50%;background-size:cover}
.add_info_box .cont_box.level1 .tit_cont_area.prd06{background:url(/img/product/bg_prd06_level1_add.jpg) no-repeat 50% 50%}
.add_info_box .cont_box.level1 .tit_cont_area img{position:absolute;top:50%;margin-top:-54px;left:50%;margin-left:-307px}
.add_info_box .cont_box.level1 .tit_cont_area.prd06 img{margin-top:-54px;margin-left:-307px}
.add_info_box .cont_box.level1 h4.h4_tit{margin-bottom:10px}
.add_info_box .cont_box.level1 .bg_gray{padding:30px 0}
.add_info_box .cont_box .dp_tbl_cell.right{padding:15px 0 0 15px}
.add_info_box .cont_box.level1 .list_prd06 li{position:relative;padding-left:105px}
.add_info_box .cont_box.level1 .list_prd06 li strong{position:absolute;left:0;top:0}

/*add_info_area level2*/
.add_info_box .cont_box.level2 .tit_cont_area{height:370px}
.add_info_box .cont_box.prd01_level2 .tit_cont_area{background:url(/img/product/bg_prd01_level2.jpg) no-repeat 50% 50%;background-size:cover}
.add_info_box .cont_box.prd02_level2 .tit_cont_area{background:url(/img/product/bg_prd02_level2.jpg) no-repeat 50% 50%;background-size:cover}
.add_info_box .cont_box.prd03_level2 .tit_cont_area{background:url(/img/product/bg_prd03_level2.jpg) no-repeat 50% 50%;background-size:cover}
.add_info_box .cont_box.prd04_level2 .tit_cont_area{background:url(/img/product/bg_prd04_level2.jpg) no-repeat 50% 50%;background-size:cover}
.add_info_box .cont_box.prd05_level2 .tit_cont_area{background:url(/img/product/bg_prd05_level2.jpg) no-repeat 50% 50%;background-size:cover;height:290px}
.add_info_box .cont_box.prd06_level2 .tit_cont_area{background:url(/img/product/bg_prd06_level2.jpg) no-repeat 50% 50%;background-size:cover}
.add_info_box .prd_navi{margin-top:65px}
.add_info_box .logo_brand{height:85px;line-height:85px;font-size:40px}
.add_info_box .logo_brand b{font-weight:700}
.add_info_box .logo_brand .sp_bi{height:85px}
.add_info_box .logo_brand .sp_bi.prd01_01{width:180px;background-position:0 0}
.add_info_box .logo_brand .sp_bi.prd01_01_02{width:225px;background-position:-190px 0}
.add_info_box .logo_brand .sp_bi.prd01_01_03{width:205px;background-position:-430px 0}
.add_info_box .logo_brand .sp_bi.prd01_01_04{width:223px;background-position:-646px 0}
.add_info_box .logo_brand .sp_bi.prd01_02{width:214px;background-position:0 -85px}
.add_info_box .logo_brand .sp_bi.prd01_02_01{width:328px;background-position:-222px -85px}
.add_info_box .logo_brand .sp_bi.prd01_02_02{width:362px;background-position:-558px -85px}
.add_info_box .logo_brand .sp_bi.prd01_03_01{width:250px;background-position:0 -170px}
.add_info_box .logo_brand .sp_bi.prd01_03_02{width:312px;background-position:-260px -170px}
.add_info_box .logo_brand .sp_bi.prd01_03_03{width:238px;background-position:-580px -170px}
.add_info_box .logo_brand .sp_bi.prd01_04_01{width:282px;background-position:0 -425px}
.add_info_box .logo_brand .sp_bi.prd01_04_02{width:280px;background-position:-290px -425px}
.add_info_box .logo_brand .sp_bi.prd02_01{width:543px;background-position:0 -255px}
.add_info_box .logo_brand .sp_bi.prd05_01{width:318px;background-position:-545px -255px}
.add_info_box .logo_brand .sp_bi.prd06_02_01{width:750px;background-position:0 -340px}
.add_info_box .cont_box.level2 h5.h5_tit{margin-bottom:10px}

.add_info_box .character_list{margin-top:27px;zoom:1}
.add_info_box .character_list:after{display:block;clear:both;content:''}
.add_info_box .character_list li{display:inline-block;margin:0 5px;padding:26px 0;width:160px;height:27px;background-color:#fff;font-weight:500;font-size:18px;color:#2d5b79;vertical-align:top}
.add_info_box .character_list li.row2{height:54px;padding:13px 0;vertical-align:top}
.cont_box .bg_blue{margin-bottom:15px;color:#fff;margin-top:70px;padding:11px}
.cont_box .bg_blue:first-child{margin-top:0}
.cont_box .bg_blue h4.h4_tit{display:inline-block;color:#fff}
.cont_box .bg_blue .sp_bar{width:25px;height:27px;background-position:0 -316px}
.txt_par{margin-bottom:20px}
.txt_cap{margin-bottom:16px;text-align:center}
/*prd0101*/
.add_info_box .prd01_level2 .col3_list{zoom:1}
.add_info_box .prd01_level2 .col3_list:after{display:block;clear:both;content:''}
.add_info_box .prd01_level2 .col3_list li{float:left;margin-left:10px;width:260px;text-align:center}
.add_info_box .prd01_level2 .col3_list li.fir{position:relative;margin-left:0;padding-right:40px}
.add_info_box .prd01_level2 .col3_list li.fir:after{display:inline-block;content:'';width:17px;height:20px;background-image:url(/wp_img/sp_com.png);background-position:-576px -60px;position:absolute;bottom:122px;right:6px}
.add_info_box .prd01_level2 .col3_list li img{margin-bottom:9px}
/*prd0106*/
.add_info_box .prd01_level2 .wrap_img.prd_pvc img{margin-left:46px;margin-top:10px}
.add_info_box .prd01_level2 .wrap_img.prd_pvc img:first-child{margin-left:0}
/*prd0201*/
.wrap_prd0201{position:relative}
.wrap_prd0201>.wrap_img{position:absolute;right:0;top:0}
.wrap_prd0201>.wrap_tbl{width:405px;min-height:404px;border-bottom:1px solid #e5e5e5}
.wrap_prd0201>.wrap_tbl .style1 th, .wrap_prd0201>.wrap_tbl .style1 td{height:auto}
.wrap_prd0201>.wrap_tbl .style2 th, .wrap_prd0201>.wrap_tbl .style2 td{height:auto;padding:1px 30px}
.wrap_prd0201 .inn_wrap{padding:16px 30px 0 30px}
.wrap_prd0201 strong{display:block;margin-bottom:8px}
.wrap_prd0201 .stxt{font-size:14px;color:#949494}
.add_info_box .prd01_level2 ul.list_style02 li{position:relative;line-height:30px;padding-left:10px}
.add_info_box .prd01_level2 ul.list_style02 li:before{content:'-';position:absolute;left:0;top:0}

/*board ------------------------------------------------------------*/
/*board_list_area*/
.board_list_area {margin:15px 0 120px}
.board_info_area{position:relative;min-height:46px;margin-bottom:15px;font-size:14px}
.board_info_area .l_sec{position:absolute;left:0;bottom:0}
.board_info_area .board_sort{position:relative;padding-left:11px;margin-left:9px;color:#a3a3a3}
.board_info_area .board_sort:after{position:absolute;left:0;top:50%;margin-top:-4px;content:'';height:8px;width:1px;background-color:#cccccc}
.board_info_area .board_sort:first-child:after{display:none}
.board_info_area .board_sort.on{color:#2d5b79;font-weight:500}
.board_info_area .r_sec{position:absolute;right:0;bottom:0;z-index:10}
.board_info_area .board_search{width:258px;margin:0;vertical-align:top}
.board_info_area .board_search.type2, .board_info_area .board_search.type3{width:auto;padding-right:38px}
.board_info_area .board_search .selectbox{position:relative;border:0 none;margin-right:15px;padding-right:5px;background-color:#fff}
.board_info_area .board_search .selectbox:after{position:absolute;right:0;top:50%;margin-top:-4px;content:'';height:8px;width:1px;background-color:#cccccc}
.board_info_area .board_search input{width:200px}
.board_list .recruit_status{width:13%}

.board_list{margin-bottom:60px}
.board_list .tbl .being{font-weight:500;color:#10ab5c}
.board_list .tbl .before{font-weight:500;color:#acacac}
.board_list .tbl .end{font-weight:500}

/*pagination_area*/
.pagination_area{margin-top:10px;text-align:center}
.pagination{display:inline-block;vertical-align:top;zoom:1}
.pagination:after{display:block;clear:both;content:''}
.pagination li{float:left;margin-left:5px}
.pagination li:first-child{margin-left:0}
.pagination li a{display:inline-block;width:38px;height:38px;line-height:38px ;text-align:center;text-decoration:none;border:1px solid #e5e5e5}
.pagination li.active a{background:#e5e5e5;font-weight:500;color:#2d5b79}
.pagination li.btn_move .sp_com{width:38px;height:38px}
.pagination li.first_page .sp_com{background-position:-316px -60px}
.pagination li.prev_page .sp_com{background-position:-356px -60px}
.pagination li.prev_page{margin-right:35px}
.pagination li.next_page .sp_com{background-position:-435px -60px}
.pagination li.next_page{margin-left:35px}
.pagination li.last_page .sp_com{background-position:-396px -60px}

/*gallery_board_list*/
.gallery_board_list{zoom:1;margin-left:-20px}
.gallery_board_list:after{display:block;clear:both;content:''}
.gallery_board_list>li{position:relative;float:left;margin-left:20px;margin-bottom:50px;width:280px}
.gallery_board_list.gallery_type2>li{width:380px}
.gallery_board_list>li{display:block;text-align:center}
.gallery_board_list>li .wrap_thumb_img{position:relative;overflow:hidden;border:1px solid #e5e5e5}
.gallery_board_list>li .wrap_thumb_img .thumb_img{display:block;width:280px;height:280px;background:#eee}
.gallery_board_list.gallery_type2>li .wrap_thumb_img .thumb_img{width:380px;height:380px}
.gallery_board_list>li .wrap_thumb_img .thumb_img img{width:100%;height:100%}
.gallery_board_list>li .tit{padding-top:16px;height:24px}
.gallery_board_list>li .tit .prd_navi>li{font-size:14px;font-weight:500}
.gallery_board_list>li.new .n_mark,.gallery_board_list li.best .b_mark{display:block}
.gallery_board_list>li .mark{position:absolute;display:none;width:60px;height:30px;background-color:#bca78a;color:#fff;left:50%;top:1px;margin-left:-30px;border-bottom-left-radius:30px;border-bottom-right-radius:30px;font-size:14px;font-weight:400;z-index:1}
.gallery_board_list>li .b_mark{background-color:#2d5b79}
.gallery_board_list>li .wrap_thumb_img .btn_detail{position:absolute;bottom:20px;right:20px;background-color:#fff;width:30px;height:30px;border-radius:50%;border:1px solid #dcdcdc;background-position:-276px -60px}
.gallery_board_list>li .prd_detail{display:none}
/*
.gallery_board_list>li .prd_detail{display:none;position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.7);z-index:999}
.gallery_board_list>li .prd_detail .inn_prd_detail{position:relative;margin:150px auto 0 auto;background:#fff;width:650px;height:730px}
.gallery_board_list>li .prd_detail .prd_name{height:80px;line-height:80px;color:#2d5b79;font-size:25px;padding:0 30px;text-align:left}
.gallery_board_list>li .prd_detail img{width:650px;height:650px}
.gallery_board_list>li .prd_detail button.ico_close{position:absolute;top:20px;right:20px;width:40px;height:40px;background-position:-582px -112px}
*/


/*prd_view_area*/
.prd_navi{display:inline-block;zoom:1}
.prd_navi:after{display:block;clear:both;content:''}
.prd_info_area{margin-bottom:120px}
.slide_img .view_img_area{position:relative}
.slide_img .view_img_area .view_img{width:578px;height:578px;border:1px solid #e5e5e5}
.slide_img .view_img_area .btn_detail{display:none;position:absolute;bottom:40px;right:40px;background-color:#fff;width:30px;height:30px;border-radius:50%;border:1px solid #dcdcdc;background-position:-277px -61px}

.slide_img .thumb_img_area{position:relative;margin-top:30px;text-align:center}
.slide_img .thumb_img_area .bx-viewport{display:inline-block;width:480px !important}
.slide_img .thumb_img_area .btn_move button{position:absolute;border:1px solid #e5e5e5;width:40px;height:40px;top:35px}
.slide_img .thumb_img_area .bx-wrapper{max-width:600px !important}
.slide_img .thumb_img_area .btn_move .btn_prev{left:0;background-position:-356px -60px}
.slide_img .thumb_img_area .btn_move .btn_next{right:0;background-position:-436px -60px}
.slide_img .thumb_img_area .thumb_img_list{display:inline-block;zoom:1;vertical-align:top}
.slide_img .thumb_img_area .thumb_img_list:after{display:block;clear:both;content:''}
.slide_img .thumb_img_area .thumb_img_list li{float:left;margin:0 5px}
.slide_img .thumb_img_area .thumb_img_list li a{display:block;width:104px;height:104px;background-color:#e5e5e5;border:3px solid #fff;overflow:hidden;}
.slide_img .thumb_img_area .thumb_img_list li a img{width:auto;height:auto}
.slide_img .thumb_img_area .thumb_img_list li a.active{border:3px solid #2d5b79}

.prd_info_area .tbl th,.prd_info_area .tbl td{padding:15px 13px;height:47px}
.prd_info_area .txt_note{margin:5px 0 0 13px;font-size:14px;color:#a3a3a3}
.prd_info_area .btn_area{margin-top:55px;text-align:right}
.prd_info_area .btn_area .btn{margin-left:10px;width:150px;height:60px;line-height:60px}
.prd_info_area .btn_area .btn:first-child{margin-left:0}
.prd_view_area .bg_gray{margin-bottom:60px;margin-top:0}
.prd_view_area .h4_tit{margin-bottom:28px}
.prd_view_area .wrap_board_list{position:relative}
.prd_view_area .wrap_board_list .gallery_board_list li{margin-bottom:0;width:280px !important}
.prd_view_area .wrap_board_list .btn_move{position:absolute;top:-60px;right:0}
.prd_view_area .wrap_board_list .btn_move button{border:1px solid #e5e5e5;width:40px;height:40px;background-color:#fff}
.prd_view_area .wrap_board_list .btn_move .btn_prev{background-position:-356px -60px}
.prd_view_area .wrap_board_list .btn_move .btn_next{margin-left:2px;background-position:-436px -60px}

/*board_write_area*/
.board_write_area{position:relative}
.board_write_area .tbl_cap2{margin-top:10px;font-size:14px;font-weight:500;color:#10ab5c}
.table_form .hyphen{margin:0 10px}
.table_form span.sub_txt{margin-left:20px;font-size:14px;color:#10ab5c}
.table_form .btn_calendar{position:relative;width:45px;height:45px;background-color:#acacac}
.table_form .btn_calendar>.sp_com{position:absolute;left:50%;top:50%;margin-left:-8px;margin-top:-8px;width:16px;height:16px;background-position:-628px -196px;}
.table_form p.sub_txt{font-size:14px;color:#10ab5c}
.table_form em{margin-left:5px}
.table_form .add_prd_area .col{float:left;width:780px;min-height:45px;line-height:45px}
.table_form .add_prd_area .col:first-child{width:180px}
.wrap_prd_name .prd_name{display:inline-block;padding:0 10px;background-color:#f4f4f4;font-size:14px;line-height:24px;height:24px;margin:5px}
.table_form .btn_delete{margin-left:10px;width:21px;height:21px;background-position:-651px -60px}
.table_form .add_file_area{position:relative;padding:10px 0;border-top:1px solid #e5e5e5;height:100px;word-break:normal}
.table_form .add_file_area:first-child{border-top:none}
.table_form .add_file_area .add_file_img{position:absolute;top:10px;left:0;background-image: url(/img/sub/bg_addfile_img.jpg);width:100px;height:100px}
.table_form .add_file_area .add_file_img>img{width:100%;height:auto}
.table_form .add_file_area .add_file_info{padding-left:110px}
.table_form .add_file_area .add_file_info input[type="file"]{display:block;margin-bottom:15px}

/*board_view_area*/
.board_view_area .tit_board{font-size:25px;color:#2d5b79}
.board_view_area .info_board{margin:10px 0;font-size:14px;color:#929292}
.board_view_area .info_board>span{padding-left:20px;position:relative}
.board_view_area .info_board>span:first-child{padding-left:0}
.board_view_area .info_board>span:after{position:absolute;left:10px;top:6px;width:1px;height:8px;background-color:#cccccc;content:''}
.board_view_area .info_board>span:first-child:after{display:none}
.board_view_area .info_board>span.category{color:#10ab5c}
.board_view_area .info_board .prd_navi li{color:#000;font-weight:500;background-position:10px -266px}
.board_view_area .table_form .cell .board_cont{padding:15px 0 80px 0}
.used_prd_area .thum_prd_list{margin-top:8px;padding:0}
.used_prd_area .thum_prd_list .thum_prd{display:inline-block;margin-top:20px;width:291px}
.board_view_area .cell.slide_img{padding:10px 0}
.board_view_area .cell.slide_img .bx-wrapper{margin:0 auto}
.board_view_area .slide_img .view_img_area{display:inline-block;width:700px;height:700px}
.board_view_area .slide_img .view_img_area img{width:500px;height:500px}
.board_view_area .slide_img .thumb_img_area{padding:19px 0 9px 0;border-top:1px solid #e5e5e5}
.board_view_area .slide_img .thumb_img_area .bx-wrapper{max-width:1032px !important}
.board_view_area .slide_img .thumb_img_area .bx-viewport{width:1032px !important}
.board_view_area .slide_img .thumb_img_area .thumb_img_list li{width:196px !important;}
.board_view_area .slide_img .thumb_img_area .thumb_img_list li a{width:190px;height:190px}
.board_view_area .slide_img .thumb_img_area .thumb_img_list li a img{width:190px !important;height:190px}
.board_view_area .slide_img .thumb_img_area .btn_move button{top:88px}
.board_view_area .slide_img .source{margin-top:20px;text-align:center}
.board_view_area .slide_img .source strong{margin-right:5px;}

/*customer*/
.inquire_num{margin-bottom:-150px}
.inquire_num .h4_tit{margin-bottom:25px}
.inquire_num .main_num, .inquire_num .sub_num{position:relative;background:#fff;height:80px;padding:0 30px}
.main_num .num_tit{position:absolute;left:30px;top:30px;font-weight:500}
.main_num .ico_phone{margin-right:10px;width:30px;height:22px;background-position:-440px -112px}
.main_num .num{font-size:25px;color:#2d5b79;text-align:right;line-height:80px}
.inquire_num .sub_num .wrap_sec02{margin-top:10px}
.sub_num_list{position:relative}
.sub_num_list p{height:30px;line-height:30px}
.sub_num_list .num{position:absolute;right:0;top:0;font-size:18px}
.sub_num_list strong{margin-right:7px}
.sub_num_list.bo_r:after{display:inline-block;content:'';width:1px;height:10px;background-color:#dcdcdc;position:absolute;top:50%;margin-top:-5px;right:-26px}
.agree_area{padding:30px;text-align:center}
.agree_area .info_box{margin:25px 0 15px 0;padding:20px;height:148px;overflow-y:scroll;text-align:left;background:#fff;border:1px solid #e7e7e7}
.agree_area .info_box p{margin-bottom:7px}
.layout600 .btn_area{margin-top:37px}
.layout600 .bor30_box{margin-top:37px;padding:20px;border:30px solid #f4f4f4;text-align:left}
.inp_box{position:relative;padding-left:140px}
.inp_box .label{position:absolute;left:0;top:10px}
.agency_api{height:515px;background-color:#89abc1}
.agency_list .table_form .cell{display:block;padding:0;height:auto}
.agency .cell a{display:block;padding:26px 30px}
.agency .cell a:hover,.agency .cell a:active,.agency .cell a:focus{background-color:#f2f0ed;text-decoration:none}
.agency .name_agency{font-size:18px}
.agency .ico_pin{margin-right:8px;width:15px;height:26px;background-position:-490px -109px}
.agency .cell a:hover .ico_pin,.agency .cell a:active .ico_pin,.agency .cell a:focus .ico_pin{background-position:-516px -109px}
.agency .field_list{margin:13px 0 8px;zoom:1}
.agency .field_list:after{display:block;clear:both;content:''}
.agency .field_list>li{position:relative;float:left;margin-left:20px;color:#929292;font-size:14px}
.agency .field_list>li:before{display:inline-block;content:'';width:1px;height:8px;background-color:#cccccc;position:absolute;top:50%;margin-top:-4px;left:-11px}
.agency .field_list>li:first-child{margin-left:0}
.agency .field_list>li:first-child:before{display:none}
.agency .address:before{content:'A';font-weight:500;margin-right:12px}
.agency .phone:before{content:'T';font-weight:500;margin-right:12px}
.faq .board_search{width:400px}
.faq .board_search input{width:300px}
.faq .search_area .stxt{position:relative;display:inline-block;margin-left:80px}
.faq .search_area .stxt:before{display:inline-block;content:'';width:1px;height:10px;background-color:#2d5b79;position:absolute;top:50%;margin-top:-5px;left:-40px}
.faq .search_area .btn{position:absolute;right:40px;top:53px}
.faq .table_form .cell.label{text-align:center}
.faq .table_form .faq_question{position:relative;display:block;padding-right:40px}
.faq .table_form .faq_question:after{display:inline-block;position:absolute;content:'';width:18px;height:10px;background:url(/wp_img/sp_com.png) no-repeat -60px -80px;right:0;top:50%;margin-top:-3px}
.faq .table_form .faq_question.open:after{background:url(/wp_img/sp_com.png) no-repeat -82px -80px}
.faq .table_form.faq_replay{background-color:#f2f0ed;display:none}
.faq .table_form.faq_replay.open{display:block}
.faq .table_form.faq_replay .cont_replay{margin:10px 0 0 180px}
.faq .table_form.faq_replay .btn_area{margin:30px 0 20px}

/*company*/
.value_list dt{margin-top:25px;font-size:22px;font-weight:500;padding:30px 0 20px 10px}
.value_list dt.value01{color:#007dc4;background: url(/img/sub/bg01_comp0101.png) no-repeat 0 0}
.value_list dt.value02{color:#10ab5c;background: url(/img/sub/bg02_comp0101.png) no-repeat 0 0}
.intro_prd_level1.homdeco{background:url(/img/sub/bg_comp0101.jpg) no-repeat 50% 50%;background-size:cover}
.intro_prd_level1.homdeco .layout{padding:180px 0 0}
.intro_prd_level1.homdeco .wrap_img{margin-top:70px}
.wrap_cont_ceo{position:relative}
.wrap_cont_ceo .txt_area{margin-top:47px;font-size:18px}
.wrap_cont_ceo .txt_area strong{color:#2d5b79}
.wrap_cont_ceo .name_coe{margin:0 10px;font-family:'Nanum Myeongjo', serif;font-size:27px}
.wrap_cont_ceo .img_signature{display:inline-block;margin-top:-15px}
.ci .bg_grid{padding:60px 0}
.business .wrap_sec02{background-color:#f4f4f4;padding:30px}
.business .wrap_sec02 strong{margin-right:10px}
.txt_c18{margin-bottom:50px;text-align:center;font-size:18px;font-weight:500}
.company .bg_gray.full{margin-top:80px;padding:80px 0 100px}
.company .h3_tit2{margin-bottom:25px}

.culture_list li{padding:20px;margin-top:30px;background:#fff;text-align:center}
.culture_list li:first-child{margin-top:0}
.culture_list li.cul01{background: url(/img/sub/comp0301_bg01.png) #fff no-repeat 7% 100%}
.culture_list li.cul02{background: url(/img/sub/comp0301_bg02.png) #fff no-repeat 7% 100%}
.culture_list li.cul03{background: url(/img/sub/comp0301_bg03.png) #fff no-repeat 7% 100%}
.culture_list li.cul04{background: url(/img/sub/comp0301_bg04.png) #fff no-repeat 7% 100%}
.culture_list li .tit{margin-bottom:10px;font-weight:500;font-size:22px}
.culture_list li.cul01 .tit{color:#2d5b79}
.culture_list li.cul02 .tit{color:#007dc4}
.culture_list li.cul03 .tit{color:#169fab}
.culture_list li.cul04 .tit{color:#10ab5c}
.pers_sys_list{zoom:1}
.pers_sys_list:after{display:block;clear:both;content:''}
.pers_sys_list li{float:left;width:373px;margin-left:30px;background:#f4f4f4}
.pers_sys_list li:first-child,.pers_sys_list.list02 li:nth-child(4){margin-left:0}
.pers_sys_list li .inner{padding:20px}
.pers_sys_list.list02 li{position:relative;background:#fff;height:140px;margin-bottom:30px}
.pers_sys_list.list02 li .tit{font-weight:500}
.pers_sys_list.list02 li .sp_com{position:absolute;left:40px;top:50%;margin-top:-30px;width:60px;height:60px}
.pers_sys_list.list02 li .sp_com.ico1{background-position:0 -542px}
.pers_sys_list.list02 li .sp_com.ico2{background-position:-62px -542px}
.pers_sys_list.list02 li .sp_com.ico3{background-position:-124px -542px}
.pers_sys_list.list02 li .sp_com.ico4{background-position:-186px -542px}
.pers_sys_list.list02 li .sp_com.ico5{background-position:-248px -542px}
.pers_sys_list.list02 li .sp_com.ico6{background-position:0 -604px}
.pers_sys_list.list02 li .sp_com.ico7{background-position:-62px -604px}
.pers_sys_list.list02 li .sp_com.ico8{background-position:-124px -604px}
.pers_sys_list.list02 li .sp_com.ico9{background-position:-186px -604px}
.pers_sys_list.list02 li .sp_com.ico10{background-position:-248px -604px}
.pers_sys_list.list02 li .inner{padding:30px 20px 30px 140px}

.wrap_history{position:relative;background: url(/img/sub/bg_history.png) repeat-y 0 0;padding-top:40px;font-size:18px}
.wrap_history:before{position:absolute;left:0;top:0;content:'';width:114px;height:40px;background: url(/img/sub/bg_history02.png) no-repeat 0 0}
.wrap_history.his01:after{width:653px;height:200px;content:'';position:absolute;right:0;bottom:0;background: url(/img/sub/bg01_comp0103.png) no-repeat 100% 100%}
.wrap_history.his02:after{width:653px;height:200px;content:'';position:absolute;right:0;bottom:0;background: url(/img/sub/bg02_comp0103.png) no-repeat 100% 100%}
.wrap_history.his03:after{width:653px;height:200px;content:'';position:absolute;right:0;bottom:0;background: url(/img/sub/bg03_comp0103.png) no-repeat 100% 100%}
.year_box{margin-bottom:40px;position:relative;padding-left:145px;padding-top:5px}
.txt_year{position:absolute;left:0;top:0;width:145px;color:#2d5b79;font-size:33px;font-style:italic;line-height:1}
.txt_year:after{content:'';position:absolute;right:27px;top:11px;width:12px;height:12px;background: url(/img/sub/bg_history03.png) no-repeat 0 0}
.his_cont_box .inn{position:relative;padding-left:50px;margin-bottom:5px}
.his_cont_box .txt_month{font-weight:500;position:absolute;left:0;top:0}

.wrap_history .col575.right{position:relative}
.wrap_history .col575.right .wrap_img{margin-bottom:50px}
.wrap_history .col575.right .wrap_img:last-child{margin-bottom:150px}

.tit_network_img{height:200px;background: url(/img/sub/comp04_bg01.jpg) no-repeat 0 0}
.tit_network_img .wrap_img img{margin-top:50px}
.wrap_network_list{border-top:3px solid #2d5b79}
.network_list{padding:30px;border-bottom:1px solid #e5e5e5}
.network_list .network_api{width:100%;height:220px;background-color:#b9b9b9}
.network_list .network_api.newzealand{width:100%;height:220px;background: url(/img/sub/comp04_img03.jpg) no-repeat 50% 0;background-size:cover}
.network_list .txt_area{margin-top:30px}
.network_list .name_network{margin-bottom:10px;font-size:18px}
.network_list .ico_pin{margin-right:8px;width:15px;height:26px;background-position:-516px -109px}
.network_list .address:before{content:'A';font-weight:500;margin-right:12px}
.network_list .phone:before{content:'T';font-weight:500;margin-right:12px}
.network_list .fax:before{content:'F';font-weight:500;margin-right:12px}

/*business*/
.intro_prd_level1.business{background:url(/img/sub/bg_busi01.jpg) no-repeat 50% 50%;background-size:cover}
.intro_prd_level1.business .sp_com{background-position:-560px -474px}
.intro_prd_level1.business .wrap_img{margin-top:60px}
.features_list{zoom:1;padding:30px}
.features_list:after{display:block;clear:both;content:''}
.features_list li{float:left;background-color:#f4f4f4;margin-left:30px;height:80px;line-height:80px;font-weight:500;width:239px;text-align:center}
.features_list li:first-child{margin-left:0}
.features_list li .sp_com{margin:13px 28px 0 0; width:54px;height:54px}
.features_list li .sp_com.ico_feat01{background-position:-320px -482px}
.features_list li .sp_com.ico_feat02{background-position:-376px -482px}
.features_list li .sp_com.ico_feat03{background-position:-432px -482px}
.interior .bg_gray{padding:30px 0}
.interior .dp_tbl_cell.right{padding:15px 0 0 15px}
.interior h4.h4_tit{margin-bottom:10px}
.tit_box_business{padding:170px 0}
.tit_box_business.busi03t1{background:url(/img/sub/bg_busi03t1.jpg) no-repeat;background-size:cover}
.tit_box_business.busi03t2{background:url(/img/sub/bg_busi03t2.jpg) no-repeat;background-size:cover}
.tit_box_business.busi03t3{background:url(/img/sub/bg_busi03t3.jpg) no-repeat;background-size:cover}
.tit_box_business.busi03t4{background:url(/img/sub/bg_busi03t4.jpg) no-repeat;background-size:cover}

/*privacy*/
.privacy h3.h3_tit{margin-bottom:27px;margin-top:65px}
.privacy p.txt{margin-top:20px}
.privacy dt,.privacy ul,.privacy dd{margin-top:20px}
.privacy dd{padding-left:10px}
.privacy ul li{position:relative;line-height:30px;padding-left:10px}
.privacy ul li:before{content:'-';position:absolute;left:0;top:0}
.privacy p.stxt{font-size:14px;text-align:right;color:#10ab5c}

/*floating ------------------------------------------------------------------*/
.floating{position:fixed;top:235px;right:50%;margin-right:-740px}
.floating ul{border:1px solid #e5e5e5;background-color:#fff}
.floating ul li a{display:block;width:98px;height:98px;text-align:center}
.floating ul li a:hover{text-decoration:none}
.floating ul li a .sp_com{margin-top:14px;width:50px;height:50px;background-position:0 -482px}
.floating ul li a .sp_com.ico02{background-position:-52px -482px}
.floating ul li a .sp_com.ico03{background-position:-104px -482px}
.floating ul li a .sp_com.ico04{background-position:-156px -482px}
.floating ul li a .sp_com.ico05{background-position:-208px -482px}
.floating ul li a .sp_com.ico06{background-position:-260px -482px}

/*etc*/
ul.board_222{zoom:1;width:100%}
ul.board_222:after{display:block;clear:both;content:''}
ul.board_222 li{float:left;width:33.33%;text-align:center;;margin-bottom:50px}
ul.board_222 li p{font-weight:500;margin-bottom:15px}
ul.board_222 li img{border:1px solid #e5e5e5;margin-bottom:15px}

.solution_con {
    width: auto;
    max-width: 1260px;
    height: auto;
    margin: 0 auto;
    padding-top: 30px;
}

.solution_con.main {
    width: 1200px;
}
.wrap_solution {
    margin-bottom: 60px;
	margin-top: 60px;
    text-align: left;
}

.wrap_solution .solution_list .s_area_A {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7) url(/wp_img/notice_bg.png) center no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    text-align: center;
    opacity: 0;
    transition-duration: 0.5s;
    display: table;
}
.wrap_solution .solution_list li a {
    display: block;
    color: #fff;
    position: relative;
    padding: 40px 30px 20px 30px;
    box-sizing: border-box;
    height: 100%;
}

.wrap_solution .solution_list li::before {
    content: "";
    width: 30px;
    height: 30px;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    background: url(/wp_img/icon_notice.png) no-repeat;
}

.wrap_solution .solution_list {
    height: 275px;
    word-break: break-all;
    font-size: 1.4rem;
}
.wrap_solution .solution_list li:nth-child(1) {
    background:#F7B267;
}

.wrap_solution .solution_list li:nth-child(2) {
    background: #F79D65;
}

.wrap_solution .solution_list li:nth-child(3) {
    background: #7D81D1;
}

.wrap_solution .solution_list li:nth-child(4) {
    background:#5257C2;
}

.wrap_solution .solution_list li {
   /* width: 275px;*/
   width: 25%;
    height: 100%;
    box-sizing: border-box;
    float: left;
    position: relative;
    background-size: cover;
    z-index: 1;
}


.wrap_solution .solution_list li strong {
font-size: 1.6rem;
    letter-spacing: -1px;
    font-weight: 700;
}



.wrap_solution .solution_list li:hover .s_area_A { opacity: 1; }

.wrap_solution .solution_list .s_area_A strong {
    display: table-cell;
    vertical-align: middle;

    font-size: 1.0rem;
}

.wrap_solution .solution_list li strong span {
    display: block;
    line-height: 33px;
	font-weight:500;
}

.wrap_solution .solution_list li a > span {
    font-size: 13px;
    position: absolute;
    bottom: 30px;
    left: 30px;
 
    opacity: 0.7;
}
.wrap_solution .solution_list li p {
    margin-top: 60px;
    line-height: 18px;

    -ms-word-break: keep-all;
    word-break: keep-all;
	    font-size: 14px;
}
/*footer ------------------------------------------------------------*/
#footer{background-color:#333333;
    color: #777;font-weight:500;}
.footer_top{background-color:#262626;height:70px}
.footer_top .layout{position:relative}
.footer_top ul.link_list{display:inline-block;zoom:1;vertical-align:top}
.footer_top ul.link_list:after{}
.footer_top ul.link_list li{padding-right:20px;float:left;}
.footer_top ul.link_list li:first-child{padding-left:0;background:none}


.footer_top ul.link_list li a{    display: block;
    height: 70px;
    line-height: 70px;
    color: #fff;
    text-decoration: none;
    font-weight: 500;
    font-size: 14px;    font-family: "Poppins","Open Sans", "Noto Sans KR","Lato", Helvetica, Arial, sans-serif;
    font-weight: 600;}
.footer_top ul.link_list li a strong{color:#dfd9d1}
.right_area{position:absolute;top:0;right:0px;padding-top:13px}
.counseling{display:inline-block;padding:0;background-color:none;vertical-align:top}
.counseling span{display:inline-block;height:45px;line-height:45px;font-weight:500;vertical-align:top;    color: #fff;    font-size: 14px;    font-family: "Poppins","Open Sans", "Noto Sans KR","Lato", Helvetica, Arial, sans-serif;
    font-weight: 600;}
.counseling .num{margin-left: 16px;
    font-weight: 700;
    font-size: 25px;
    color: #fff;
    font-family: "Poppins","Open Sans", "Noto Sans KR","Lato", Helvetica, Arial, sans-serif;
    font-weight: 600;}
.family_site{display:inline-block;position:relative;margin-left:7px}
.family_site .btn_select{display:inline-block;padding:0 20px;width:160px;height:45px;line-height:45px;background-color:#fff;text-decoration:none}
.family_site .btn_select:after{position:absolute;content:'';top:50%;right:20px;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #000000}
.family_site.open .btn_select:after{position:absolute;content:'';top:50%;right:20px;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:5px solid #000000;border-top:none}
.family_site .selec_link{display:none;position:absolute;bottom:100%;left:0;width:100%;background-color:#f4f4f4}
.family_site.open .selec_link{display:block}
.family_site .selec_link a{display:block;padding:5px 20px;text-decoration:none}
.family_site .selec_link a:hover{background-color:#cedae2}

.layout.footer_bottom{    text-align: left;
    padding: 40px 0;
    padding: 0 50px;
    margin-top: 50px;
 }
.footer_bottom .footer_logo{margin-bottom:25px; }
.footer_bottom p{line-height:27px;    font-weight: 700;    font-size: 13px;    font-family: "Poppins","Open Sans", "Noto Sans KR","Lato", Helvetica, Arial, sans-serif;
    font-weight: 600;}
.footer_bottom p .bl{    margin: 0;
    width: 1px;
    /* height: 27px; */
    /* background-position: -10px -205px;*/}
#footer .right_logo{position:relative;float:right;top:0px; margin-top:-70px;}

/*popup------------------------------------------------------------*/
body.popup{min-width:auto}
.wrap_popup{padding:23px 30px 30px}

body.popup_main{position:relative;margin:0;min-width:auto;}
body.popup_main .close_txt_area{height:40px;line-height:40px;padding-left:20px}
body.popup_main .close_txt_area input[type=checkbox]{margin-left:10px}

/*popup_prd------------------------------------------------------------*/
.wrap_popup_prd{position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.7);z-index:999}
.popup_prd{position:relative;margin:150px auto 0 auto;background:#fff;width:650px;height:730px}
.popup_prd .prd_name{height:80px;line-height:80px;color:#2d5b79;font-size:25px;padding:0 30px;text-align:left;background-color:#f2f0ed}
.popup_prd img{width:650px;height:650px}
.popup_prd button.ico_close{position:absolute;top:20px;right:20px;width:40px;height:40px;background-position:-582px -112px}

.pc_none{display:none}

@media screen and (max-width:1380px){
    .intro_prd_level1.prd03 .prd_list li a{width:144px;height:144px;line-height:144px}
    /*sitemap ------------------------------------------------------------*/
    .sitemap .btn_close{right:0}
    
}

@media screen and (max-width:1100px) {
.solution_con.main {
    width: 100%;
}
    .wrap_solution { margin-top: 20px; }
    .wrap_solution .solution_list li { width: 50%; height: 200px;}
    .wrap_solution .solution_list li strong {font-size: 17px; }
    .wrap_solution .solution_list li p { margin-top: 10px; margin-bottom: 25px; }
.wrap_solution {
    height: auto;
}

.wrap_solution{
    width: 90%;
    margin: 0 auto;
}

}
.bx-controls-auto {
    display: inline-block;
    margin-bottom: -1px;
}
@media screen and (max-width:1100px){
	body{min-width:100%}
	.layout{width:auto;padding:0 10px}    
	.layout840,.layout600{width:auto}
    .pc_none{display:block}    
	.dpnone, .btn_all_prd, .floating, .btn_home,.agency_api,.gallery_board_list>li .wrap_thumb_img .btn_detail,.board_info_area .l_sec{display:none}
	.bor_gray{padding:1px}
    .mobile_40percent{width:40% !important}
	/*section*/
    .wrap_sec02>li,.wrap_sec02 .col,.wrap_sec02 .col:first-child,.wrap_sec02>li:first-child,.wrap_sec03 .col{float:none}
    .wrap_sec02 li,.wrap_sec02 .col,.wrap_sec02 .col405,.wrap_sec02 .col580,.wrap_sec02 .col575,.wrap_sec02 .col560,.wrap_sec02 .col545,.table_form .add_prd_area .col,.wrap_sec02 .col340,.wrap_sec02 .col810,.wrap_sec02 .col370,.wrap_sec02 .col330,.wrap_sec03 .col373{width:auto;display:block;margin-left:0;margin-bottom:20px}
    .tab.t9 li,.tab.t8 li,.tab.t7 li,.tab.t6 li, .tab.t5 li, .tab.t4 li, .tab.t3 li{width:50%}
	/*display:table*/
	.dp_tbl, .dp_tbl_cell{display:block}
	.dp_tbl_cell.cell50{width:100%}
    .tbl_xscroll{overflow-x:scroll}
    .tbl_xscroll>.tbl{width:840px}
	.tbl th, .tbl td,.prd_info_area .tbl th, .prd_info_area .tbl td{padding:8px 5px;height:32px}
    /*sp_com*/

    /*header*/
    #header{overflow:visible}
    h1.h1_logo{top:4px;left:12px;width:148px;height:37px}
    h1.h1_logo .sp_com{width: 148px;
    /* display: inline-block; */
    overflow: hidden;
    background: url(/wp_img/wp_logo_m.png) no-repeat 0 0;
    /* line-height: 999px; */
    vertical-align: top;
    height: 37px;    margin-top: 3px;
    /* background-position: 0 0; */}
    .btn_gnb{display:none;position:absolute;top:12px;right:12px;width:26px;height:26px}
    .btn_gnb.open{
	
	background: url(/wp_img/m_menu.png) no-repeat 0 0;
	
	}



    .btn_gnb.close{	background: url(/wp_img/m_menu_close.png) no-repeat 0 0;}
    .wrap_btn_gnb.open .btn_gnb.open{display:block} 
    .wrap_btn_gnb.close .btn_gnb.close{display:block} 
    .gnb_mobile{display:none;position:absolute;top:50px;left:0;width:100%;border-top: 1px solid #e5e5e5;background-color:rgba(0, 0, 0, 0.8)}
   
    .util_area li a{height:40px;line-height:40px;font-size:14px}
    .util_area li:before{    top: 15px;}
    .gnb_mobile a{font-size:14px;text-decoration:none}
    .gnb_dp1_list{background-color:#202F5A;text-align:left;border-bottom:1px solid #586383}
    .gnb_dp1_list>li{position:relative;border-top:1px solid #586383}
    a.gnb_dp1{display:block;font-weight:500;font-size:15px;padding-left:20px;height:45px;line-height:45px;color:#fff}
    a.gnb_dp1:after{position:absolute;top:0;right:20px;width:15px;height:45px;display:inline-block;overflow:hidden;background:url(/wp_img/sp_com.png) no-repeat 0 0;background-position:-340px -30px;line-height:999px;vertical-align:top;content:'';background-size:400px 400px}
    .gnb_dp2_list{background-color:#fff}
    .gnb_dp2_list>li{position:relative;border-top:1px solid #e5e5e5;display:none}   
    a.gnb_dp2{display:block;font-weight:500;padding-left:45px;height:45px;line-height:45px} 
	a.gnb_dp2:after,a.gnb_dp2.child_Y:after{position:absolute;top:0;right:20px;width:15px;height:45px;display:inline-block;overflow:hidden;background:url(/wp_img/sp_com.png) no-repeat 0 0;background-position:-370px -30px;line-height:999px;vertical-align:top;content:'';background-size:400px 400px} 
	a.gnb_dp2.child_N:after{display:none}
    .gnb_dp3_list{padding:0 25px}
    .gnb_dp3_list>li{border-top:1px solid #e5e5e5;display:none}
    .gnb_dp1_list>li:first-child,.gnb_dp2_list>li:first-child,.gnb_dp3_list>li:first-child{border-top:0}
    a.gnb_dp3{display:block;padding-left:30px;height:40px;line-height:40px}
    .gnb_dp2_list>li.open>a{border-bottom:1px solid #e5e5e5} 
    .gnb_dp1_list>li.open a.gnb_dp1:after{right:auto;left:20px;background-position:-355px -30px}
    .gnb_dp1_list>li.open a.gnb_dp1.none_open:after{display:none}
    .gnb_dp1_list>li.open a.gnb_dp1{padding-left:45px}
    .gnb_dp2_list>li.open a.gnb_dp2:after{background-position:-385px -30px}
    
    
    #container{padding-top:51px}    
	/*main*/    
    .wrap_visual_main{padding:0;min-width:auto}
    .main_visual_list li{height:370px}
  
    .box_btn_move_control button.btn_slide_prev{left:10px}
    .box_btn_move_control button.btn_slide_next{right:10px}
    .main_visual_list li a span.sp_com{margin-top:130px;width:62px;height:55px}
    .main_visual_list li.main_visual01{}

.main_visual_list li.main_visual01{background-image:url(/wp_img/wp_main01m.jpg)}
.main_visual_list li.main_visual02{background-image:url(/wp_img/wp_main02m.jpg)}
.main_visual_list li.main_visual03{background-image:url(/wp_img/wp_main03m.jpg)}




    .main_visual_list li.main_visual02 a span.sp_com{background-position:0 -126px}
    .main_visual_list li.main_visual03 a span.sp_com{background-position:-63px -126px}
    .main_visual_list li.main_visual04 a span.sp_com{background-position:-126px -126px}
    .main_visual_list li.main_visual05 a span.sp_com{background-position:-189px -126px}
    .main_visual_list li a p.tit{margin-top: -40px;
     font-size: 34px;
    text-align: center;}
    .main_visual_list li a p.tit .str{font-size:17px;line-height:1.5;margin-bottom:10px}
    .main_visual_list li.main_visual01 a .wrap_tit{margin:128px 0 0;text-align:center}

    .main_visual_list li.main_visual01 a p.tit{    margin-top: -40px;
    font-size: 34px;
    text-align: center;}
    
	
	
	.main_visual_list li.main_visual01 a span.sp_com{display:none}
    .main_visual_list li.main_visual01 a p.tit .str{font-size:17px;line-height:1.5;margin-bottom:10px}
    
	
	.main_visual_list li a p.tit .p_desc {
display:none;
}
	.main_visual_list li a p.tit .m_tit:after {
display:none;
}
	.bx-controls-auto{margin-left:10px}
    .bx-has-controls-auto{bottom:20px;width:300px;margin-left:-150px}
    .bx-default-pager .bx-pager-item a{width:25px;height:3px}
    .main_prd_list{width:100%;margin:20px 0 15px}
    .main_prd_list li{width:33.33%}
    .main_prd_list li a{height:75px;font-size:14px}
    .main_prd_list li a .sp_com{width:35px;height:32px;margin-bottom:4px;margin-top:4px}
    .main_prd_list li a .sp_com.prd01{background-position:0 -56px}
    .main_prd_list li a .sp_com.prd02{background-position:-36px -56px}
    .main_prd_list li a .sp_com.prd03{background-position:-72px -56px}
    .main_prd_list li a .sp_com.prd04{background-position:-108px -56px}
    .main_prd_list li a .sp_com.prd05{background-position:-144px -56px}
    .main_prd_list li a .sp_com.prd06{background-position:-180px -56px}
    .main_prd_list li a:hover .sp_com.prd01{background-position:0 -89px}
    .main_prd_list li a:hover .sp_com.prd02{background-position:-36px -89px}
    .main_prd_list li a:hover .sp_com.prd03{background-position:-72px -89px}
    .main_prd_list li a:hover .sp_com.prd04{background-position:-108px -89px}
    .main_prd_list li a:hover .sp_com.prd05{background-position:-144px -89px}
    .main_prd_list li a:hover .sp_com.prd06{background-position:-180px -89px}
    .wrap_key_link{padding:0}
	.key_link_list {
    /* margin: 0 -33px; */
        padding: 25px 0;
}
    .key_link_list li{      width: 48.5%;
    margin: 0 3% 14px 0;}



    .key_link_list li:nth-child(2){margin-right:0}
	 .key_link_list li:nth-child(4){margin-right:0}
    .key_link_list li a{height:auto}
    .key_link_list li .tit,.key_link_list li.link04 .tit{padding:53% 0 36% 0;font-size:14px}
    .key_link_list li a:hover .tit{padding:53% 0 36% 0}
    .key_link_list li a:hover .stit{display:none}
    .key_link_list li.link04 a{background: url(/wp_img/search_04.jpg) no-repeat 0 0;background-size:cover}
    .key_link_list li.link04 a:hover{background: url(/wp_img/search_04.jpg) no-repeat 0 0;background-size:cover}
    .m_board_area{margin-top:auto}
    .m_board_area .wrap_board{padding-left:75px;padding-right:10px;margin-bottom:10px;margin-left:0;float:none;width:auto;margin-right: 0px;}
    .m_board_area .wrap_board .h2_tit{position:absolute;left:0px;top:0;height:45px;line-height:45px;font-size:14px}
    .m_board_area .wrap_board p.tit{height:45px;line-height:45px;font-size:14px;    margin-left: 40px;}
    .wrap_business_area{padding:20px 0}
    .wrap_business_area .business_list li{  width: 48.5%;
    margin: 0 3% 14px 0;}
    .wrap_business_area .business_list li:nth-child(odd){margin-left:0}

.wrap_business_area .business_list li:nth-child(2) {
    margin-right: 0;
}

    .wrap_business_area .business_list li a{width:auto;/*height:auto;*/    height: 210px;}
    .wrap_business_area .business_list .tit{    padding: 91% 0 12%;
    font-size: 16px;
    border: 0px solid #fff;}
    .wrap_business_area .business_list .stit{display:none}
    .wrap_business_area .business_list li.link01{background: url(/wp_img/b_area_01.jpg) no-repeat center 0;}
    .wrap_business_area .business_list li.link02{background: url(/wp_img/b_area_02.jpg) no-repeat center 0;}
    .wrap_business_area .business_list li.link03{background: url(/wp_img/b_area_03.jpg) no-repeat center 0;}
    .wrap_business_area .business_list li.link04{background: url(/wp_img/b_area_04.jpg) no-repeat center 0;}




    .wrap_business_area2{padding:20px 0}
    .wrap_business_area2 .business_list li{  width: 100%;
    margin: 0 0 14px 0;}
    .wrap_business_area2 .business_list li:nth-child(odd){margin-left:0}

.wrap_business_area2 .business_list li:nth-child(2) {
    margin-right: 0;
}

    .wrap_business_area2 .business_list li a{width:257px;height:508px;}
    .wrap_business_area2 .business_list .tit{padding:41% 0 12%;font-size:14px;border:0px solid #fff}
    .wrap_business_area2 .business_list .stit{display:none}
    .wrap_business_area2 .business_list li.link01{background: url(/wp_img/service_01.png) no-repeat center 0;background-size:257px;}
    .wrap_business_area2 .business_list li.link02{background: url(/wp_img/service_02.png) no-repeat center 0;background-size:257px;}
    .wrap_business_area2 .business_list li.link03{background: url(/wp_img/service_03.png) no-repeat center 0;background-size:257px;}


    .wrap_business_area3{padding:20px 0}
    .wrap_business_area3 .business_list li{  width: 100%;
    margin: 0 0 14px 0;}
    .wrap_business_area3 .business_list li:nth-child(odd){margin-left:0}

.wrap_business_area3 .business_list li:nth-child(2) {
    margin-right: 0;
}

    .wrap_business_area3 .business_list li a{width:257px;height:508px;}
    .wrap_business_area3 .business_list .tit{padding:41% 0 12%;font-size:14px;border:0px solid #fff}
    .wrap_business_area3 .business_list .stit{display:none}
    .wrap_business_area3 .business_list li.link01{background: url(/wp_img/service_04.png) no-repeat center 0;background-size:257px;}
    .wrap_business_area3 .business_list li.link02{background: url(/wp_img/service_05.png) no-repeat center 0;background-size:257px;}
    .wrap_business_area3 .business_list li.link03{background: url(/wp_img/service_03.png) no-repeat center 0;background-size:257px;}


	/*navi_area*/
    .navi_area{height:auto;padding:8px 15px}
    .navi_area>.prd_navi li:last-child{font-weight:500;color:#2d5b79;text-decoration:underline}
	#header{min-width:auto;height:50px}
    /*table_form*/
    .table_form .cell,.table_form .cell.label{display:block;padding:10px;height:auto;width:auto}
    .table_form .cell.full{padding:10px}
    .table_form .cell.label{border-bottom:none;padding-bottom:0}

    /*btn*/
    .btn_area .btn,.btn_area .btn.white{display:block;width:auto}
    .btn+.btn{margin:10px 0 0 0}
	/* sub */
	.sub #container{width:auto}
	.page_tit_area{margin:20px 10px}
	/*search_area*/
	.search_area{padding:25px 15px}
	.search_area .selectbox,.board_search,.faq .board_search{display:block;width:auto;margin:5px 0}
	.search_area .selectbox select{width:100%}
	.board_search input,.faq .board_search input{width:80%}
    /*board*/
	.board_info_area .board_count{position:unset}
	.board_info_area .r_sec{position:unset;margin-top:10px}
	.board_info_area .board_search{display:block;width:auto}
    .board_info_area .board_search.type2,.board_info_area .board_search.type3{width:auto}
    .board_info_area .board_search .selectbox{display:none}
	.board_info_area .board_search input{width:85%}
	.wrap_board_list{text-align:center}
    .gallery_board_list{margin-left:auto}
    .gallery_board_list>li, .gallery_board_list.gallery_type2>li{float:none;margin-left:auto;width:auto}
    .gallery_board_list>li .wrap_thumb_img .thumb_img, .gallery_board_list.gallery_type2>li .wrap_thumb_img .thumb_img{width:100%;height:auto;min-height:260px}
	.board_list .recruit_status{width:80px}
	/*pagination*/
	.pagination li a{width:30px;height:30px;line-height:30px}
	.pagination li.btn_move .sp_com{width:30px;height:30px}
	.pagination li.prev_page{margin-right:inherit}
	.pagination li,.pagination li.next_page{margin-left:3px}
	.pagination li.first_page .sp_com{background-position: -320px -64px}
	.pagination li.prev_page .sp_com{background-position: -360px -64px}
	.pagination li.next_page .sp_com{background-position: -439px -64px}
	.pagination li.last_page .sp_com{background-position: -400px -64px}	
    .pagination li.last_page,.pagination li.first_page{display:none}
	/*prd_view_area*/
	.slide_img .view_img_area .view_img,.board_view_area .slide_img .view_img_area,.board_view_area .slide_img .view_img_area .view_img{width:100%;height:auto}
	.slide_img .thumb_img_area{margin-bottom:30px}
    .slide_img .thumb_img_area .bx-viewport,.board_view_area .slide_img .thumb_img_area .bx-viewport{width:200px !important}
	.slide_img .thumb_img_area .thumb_img_list li,.board_view_area .slide_img .thumb_img_area .thumb_img_list li{width:40px !important;height:40px}

	.slide_img .thumb_img_area .thumb_img_list li a,.board_view_area .slide_img .thumb_img_area .thumb_img_list li a img{width:auto !important;height:auto !important}
	.slide_img .thumb_img_area .btn_move button{top:0}
    .board_view_area .slide_img .thumb_img_area .btn_move button{top:19px}
	.prd_view_area .bg_gray{display:none}
	.prd_info_area .btn_area{text-align:center}
	.prd_info_area .btn_area .btn{width:100%;height:45px;line-height:45px;margin-left:0}
    /*board_write_area*/
    .wrap_prd_name{display:block;margin-left:0}

	.wrap_intro_prd_level1{padding:0;min-width:auto;margin-top:0}
	.intro_prd_level1{height:auto}
    .intro_prd_level1 .stit{font-size:16px}
	.intro_prd_level1 .layout{padding:50px 10px}
	.intro_prd_level1 .prd_list{max-width:306px}
	.intro_prd_level1 .prd_list li{margin:5px}
	.intro_prd_level1 .prd_list li:first-child{margin:5px}
	.intro_prd_level1 .prd_list li a,.intro_prd_level1.prd03 .prd_list li a{width:90px;height:90px;line-height:90px;font-size:14px}
	.add_info_box .cont_box.level1 .tit_cont_area{height:auto;padding:40px 20px}
    .add_info_box .cont_box.level1 .tit_cont_area img{position:static;top:auto;left:auto;margin: auto}
	.wrap_img img{max-width:100%}
	.add_info_box .cont_box.level1 .bg_gray{background-color:initial}
	.add_info_box .cont_box.level1 .dp_tbl .wrap_img{margin-bottom:15px}
	.add_info_box .cont_box.level1 .dp_tbl_cell.right{padding:0}
    .add_info_box .cont_box.level2 .tit_cont_area{height:auto;padding:40px 10px}
	.add_info_box .prd_navi{margin-top:0}
    .add_info_box .logo_brand .sp_bi.prd01_02_01{width:168px;height:43px;background-size:460px auto;background-position:-111px -42px;margin-top:15px}
    .add_info_box .logo_brand .sp_bi.prd01_02_02{width:181px;height:43px;background-size:460px auto;background-position:-279px -42px;margin-top:15px}
	.add_info_box .logo_brand .sp_bi.prd02_01{width:272px;height:43px;background-size:460px auto;background-position:0px -127px;margin-top:15px}
	.add_info_box .logo_brand .sp_bi.prd05_01{width:159px;height:43px;background-size:460px auto;background-position:-272px -127px;margin-top:15px}
	.add_info_box .logo_brand .sp_bi.prd06_02_01{width:250px;height:29px;background-size:306px auto;background-position:0px -113px;margin-top:25px}
    .add_info_box .cont_box.level2 .bg_blue .h4_stit{display:block}
	.add_info_box .character_list{width:auto}
	.add_info_box .character_list li{padding:16px 0;width:30%;height:21px;font-size:14px;margin:3px}
	.add_info_box .character_list li.row2{padding:5px 0;height:42px}
    .add_info_box .prd01_level2 .col3_list li{float:none;margin-left:auto;width:auto;margin-bottom:20px}
    .add_info_box .prd01_level2 .col3_list li.fir{padding:0 0 40px 0}
    .add_info_box .prd01_level2 .col3_list li.fir:after{bottom:0;right:50%;width:21px;height:17px;margin-right:-20px;background-position:-594px -60px}
    .add_info_box .prd01_level2 .wrap_img.prd_pvc img{margin:10px 0}
    /*prd0201*/
    .wrap_prd0201>.wrap_img{position:static;margin-bottom:20px}
    .wrap_prd0201>.wrap_tbl{width:auto;min-height:auto;border-bottom:1px solid #e5e5e5}
    .wrap_prd0201>.wrap_tbl th, .wrap_prd0201>.wrap_tbl td,.wrap_prd0201>.wrap_tbl .style2 th, .wrap_prd0201>.wrap_tbl .style2 td{height:auto;padding:8px 5px}
    .wrap_prd0201 .inn_wrap{padding:8px 5px}
    /*inquire_num*/
    .inquire_num .main_num, .inquire_num .sub_num{padding:0 15px;height:auto}
    .main_num .num{font-size:22px}
    .inquire_num .sub_num{padding-bottom:15px;font-size:14px}
    .inquire_num .sub_num .wrap_sec02{margin-top:auto}
    .main_num .num_tit{left:auto}
    .sub_num_list .num,.sub_num_list.bo_r:after{display:none}
    .faq .search_area .btn{position:static;width:100%}
    /*cus*/
    .inp_box{padding-left:0}
    .inp_box .label{position:static;display:block;margin-bottom:10px}
    .faq .search_area .stxt{margin:10px 0}
    .faq .search_area .stxt:before{display:none}
    .faq .table_form .cell.label{text-align:inherit}
    .faq .table_form.faq_replay .cont_replay{margin:0}
    /*company*/
    .intro_prd_level1.homdeco .layout{padding:50px 20px}
    .intro_prd_level1.homdeco .wrap_img{display:none}
    .wrap_cont_ceo .txt_area{font-size:16px}
    .pers_sys_list li{margin-left:0;margin-bottom:20px;width:100%}
    .wrap_history{padding-top:0;padding-left:25px;padding-bottom:30px;background-position:-103px 0}
    .wrap_history:before{background-position:-103px 0}
    .txt_year:after{left:-21px}
    .wrap_history.his01:after,.wrap_history.his02:after,.wrap_history.his03:after{background:none}    
    .wrap_history .wrap_sec02 .col575.right{display:none}
    .year_box{padding-left:0;padding-top:50px}
    .network_list{padding:20px 10px}
    /*business*/
    .intro_prd_level1.business .wrap_img{display:none}
    .features_list{padding:15px}
    .features_list li{margin-left:0;margin-top:10px;width:100%}
    .features_list li:first-child{margin-top:0}
    .interior .bg_gray{background-color: initial}
    .interior .dp_tbl_cell.right{padding:0;margin-top:15px}
    .tit_box_business{padding:30px 0}
	/*footer*/
	#footer{min-width:auto;width:auto;font-size:12px}
	.footer_top{height:auto;text-align:center}
	.footer_top .layout{padding-bottom:10px}
	.footer_top ul.link_list:first-child{margin-top:15px}
	.footer_top ul.link_list.pc_none{margin-bottom:10px}
	.footer_top ul.link_list li{background-position:0 -204px}
	.footer_top ul.link_list li a{height:30px;line-height:30px}
    .right_area{position:inherit;top:auto;right:auto;padding:0;    display: none;}    
    .counseling span, .counseling .num{font-size:12px;font-weight:300;height:40px;line-height:40px}
    .family_site .btn_select{width:100px;height:40px;line-height:40px;padding:0 20px 0 0}
    .footer_bottom{padding:18px 0;    margin: 2%;}
	/*etc*/
    ul.board_222 li{float:none;width:100%}
}

#footer .layout {
    padding: 0 0px 50px 0px;
	max-width: 1200px;
  /*  margin: 0 auto;*/
}



@media screen and (max-width:640px){
    .wrap_solution  { margin-top: 30px; /*padding-top: 30px; border-top: 1px #ccc solid;*/ }

  .box_btn_move_control button{    position: absolute;
    top: 50%;
    margin-top: -30px;
    display: block;
    width: 15px;
	height: 28px;
    font-size: 0;
    text-indent: -9999px;
    z-index: 60;}

.solution_area .h2_tit {
    font-size: 30px;
    font-weight: 500;
}


#footer .right_logo {
     position: relative;
    float: none;
    top: 0px;
    margin-top: -65px;
    text-align: center;
}
#footer .footer_top .layout {
    padding: 0 0px 0px 0px;
	max-width: 1200px;
  /*  margin: 0 auto;*/
}


.wrap_business_area .business_list .tit {
    padding: 71% 0 12%;
    font-size: 16px;
    border: 0px solid #fff;
}


.footer_bottom .footer_logo img{
   width:100px;
}

#footer .right_logo img{
width:60px;
}

.dpnone{
    
}


    .wrap_solution .solution_list { width: 400%; height: 150px; position: relative; }
    .wrap_solution .solution_list li { width: 25%; height: 150px; }
    .wrap_solution .solution_list li strong { font-size: 15px; }
    .wrap_solution .solution_list li strong span { display: inline-block; margin-left: 5px; }
    .wrap_solution .solution_list li a { padding: 20px; }
    .wrap_solution .solution_list li a > span { left: 20px; bottom: 20px; }

    .wrap_solution .title { position: relative; }
    .wrap_solution .title .ind { margin-top: -5px; position: absolute; top: 50%; right:0; }
    .wrap_solution .title .ind li { width: 10px; height: 10px; margin-left: 10px; border-radius: 5px; background: #fff; float: left; }
    .wrap_solution .title .ind li.on { background: #006899; }
    .wrap_solution .wrap_solution_con { width: 100%; height: 150px; overflow: hidden; }

.box_btn_move_control button.btn_slide_prev {
    background: url(/wp_img/left_arrow_btn_m.png);
}
.box_btn_move_control button.btn_slide_next {
    background: url(/wp_img/right_arrow_btn_m.png);
}

.wrap_solution .solution_list li p {
    margin-top: 10px;
    line-height: 18px;
    -ms-word-break: keep-all;
    word-break: keep-all;
    font-size: 12px;
}


.wrap_solution .solution_list li a > span {
    font-size: 11px;
}

}

@media screen and (max-width:320px){
	.layout{width:auto;padding:0 5px}
	.intro_prd_level1 .layout{padding:50px 5px}
	.prd_info_area .btn_area .btn{width:88px;height:45px;line-height:45px}
    .add_info_box .character_list li{width:47%}
    .counseling{display:block;margin-bottom:10px;width:100%;padding:0}
    .family_site{display:block;margin-left:0}
    .family_site .btn_select{display:block;width:100%;padding:0}
    .footer_bottom{padding:18px 0}
}









#header {z-index: 500;width: 100%;height: 100px;position: fixed;top: 0;left: 0;background: #fff;-webkit-transition: height 400ms;transition: height 400ms;    border-top: 4px solid #BBD762;}
.header_wrap {    height: 100%;
    margin: 0 auto;
    /* padding-left: 50px; */
    /* padding-right: 50px; */
    max-width: 1200px;
    margin: 0 auto;}
.header_inner {width: 100%;height: 100%;position: relative;}


#logo {width: 160px;height: 53px;position: absolute;left: 0;top: 20px;-webkit-transition: top 400ms;transition: top 400ms;}
#logo a {display: block;width: 100%;height: 100%;}
#logo a svg, #logo a img {display: block;width: 100%;height: 100%;}


.menu_container {display: block;
    width: 390px;
    position: absolute;
    top: 18px;
    left: 50%;
    margin-left: -195px;
    z-index: 550;
    -webkit-transition: top 400ms;
    transition: top 400ms;
}
#we_navi {display: block;width: 100%;}
#we_navi li {position: relative;}
#we_navi a {display: block;line-height: 1.7;-webkit-transition: all 0.3s;transition: all 0.3s;}
#we_navi ul.navi_sub {display: none;width:700px;position: absolute;}
#we_navi > li > a > span:after {content: '';display: block;width: 1px;height: 12px;position: absolute;top: 50%;margin-top: -18px;right: 0;background: #e3e3e3;}
#we_navi > li:last-child > a > span:after {display: none;}
/* 1depth */
#we_navi > li {float: left;height:80px;}
#we_navi > li > a {padding: 13px 22px;font-size: 18px;letter-spacing: 0.01em;font-weight: 600;color: #222;    font-family: "Poppins","Open Sans", "Noto Sans KR","Lato", Helvetica, Arial, sans-serif;
    font-weight: 600;}
#we_navi > li:hover > a, #we_navi > li.active_p > a {color:#BBD762; }


#we_navi > li:hover > ul {display: block;}
#we_navi > li > ul {top: 100%;
        left: 5px;
    /* margin-left: -66.5px; */}
#we_navi > li > ul > li {float: left;/*width: 100%;background: rgba(32, 47, 90, 1);border-bottom: 1px solid #586383;*/}
#we_navi > li > ul > li:last-child {border-bottom: none;}
#we_navi > li > ul > li > a {padding:13px 19px;font-size: 15px;font-weight: 600;color: #fff;}
#we_navi > li > ul > li.menu_parent > a {padding-right: 48px;}
#we_navi > li > ul > li.menu_parent:before {margin-top: -5px;position: absolute;top: 50%;right: 8%;font-family: 'we-font';content: '\e913';font-size: 10px;color: #586383;-webkit-transition: color 300ms;transition: color 300ms;}
#we_navi > li > ul > li.menu_parent:hover:before,
#we_navi > li > ul > li.menu_parent.active_i:before {color: #fff;}
#we_navi > li > ul > li > a:hover {color: #E4E5EA;/*background-color:#182344;*/}
#we_navi > li > ul > li.active_i {color: #E4E5EA;/*background-color:#182344;*/}
#we_navi > li > ul > li:hover > a, #we_navi > li > ul > li.active_i > a {/*color: #fff;*/color: #000;}




/* mobile */
#mobile_navi_button, #mobile_navi_close, #mobile_navi_cover {display: none;}

/* fixed */
.fixed#header {height: 80px;-webkit-box-shadow: 0 0 15px rgba(0,0,0,.15); border-top: 4px solid #14A83B;
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.07);
    box-shadow: 0 0 15px rgba(0,0,0,.15);}
.fixed #logo {top: 9.5px;}
.fixed .menu_container {top: 8.5px;}
.fixed .lang_container {top: 25px;}
.fixed .search_container {top: 31px;}


.fixed #we_navi ul.navi_sub:before {
    background: rgb(82,87,194, 1);
    border-bottom: 0px solid #eee;
    content: "";
    display: block;
    height: 56px;
    left: -100vw;
    position: absolute;
    top: -3px;
    width: 200vw;
    opacity: 1;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.fixed .util_area{top:0px;}

@media (max-width: 1280px) {

#we_navi ul.navi_sub:before {
display:none;
}

 body.mobile_open {position: fixed;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;overflow: hidden;}

 .header_wrap {padding: 0;}

body.mobile_open .mobile_none{

display:block;

}
.mobile_none{
    display: none;
}

body.mobile_open .mobile_none .cc{

/*display:none;*/

}


body.mobile_open .util_area{
    width: 240px;
    height: 50px;
    position: fixed;
    top:6px;
    right: 0;
    z-index: 651;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: none;
    transition: none;
	}


 #we_navi{
	width: 100%;
    height: 100%;
	    overflow-y: scroll;
  
}
    #header {height: 70px;}

    #logo {top: 8px;left: 3%;}

    #mobile_navi_button {display: block;width: 25px;height: 16px;position: absolute;top: 27px;right: 3%;z-index: 550;cursor: pointer;-webkit-transition: top 300ms;transition: top 300ms;}
    .mobile_navi_button_line {display: block;width: 100%;height: 2px;position: absolute;left: 0;background: #222;}
    .mobile_navi_button_line_01 {top: 0;}
    .mobile_navi_button_line_02 {top: 7px;}
    .mobile_navi_button_line_03 {bottom: 0;}

    .menu_container {display: none;width: 240px;height: 100%;margin: 0;padding: 50px 0 0 0;position: fixed;top: 0;bottom: 0;left: inherit;right: -300px;z-index: 650;background: #fff;-webkit-transition: none;transition: none;    overflow: hidden;}
    #we_navi a {text-align: left;}
    #we_navi ul.navi_sub{width: 100%;margin: 0;position: static;}
    #we_navi > li:hover > ul, #we_navi > li > ul > li:hover > ul {display: none;}

    #we_navi > li {    width: 100%;
    display: block;
    height: auto;
    position: relative;}
    #we_navi > li > a {padding: 13px 15px;border-top: 1px solid #DDD;    font-size: 16px;}





    #we_navi > li:last-child > a {border-bottom: 1px solid #DDD;}
    #we_navi > li:hover > a {color: #222;}
    #we_navi > li.active_p > a {color:#14A83B;}
    #we_navi > li > ul > li {border-bottom: none;/*border-top: 1px solid #586383;*/}
    #we_navi > li > ul > li:first-child {border-top: none;}
    #we_navi > li > ul > li:hover > a {color: #E4E5EA;background-color:#182344;}
                                                 

    #we_navi > li > ul > li.active_p > a {color: #E4E5EA;background-color:#182344;}
    #we_navi > li > ul > li.menu_parent:before {display: none;}
    #we_navi > li > ul > li.menu_parent > a {padding-right: 33px;position: relative;}
    #we_navi > li > ul > li.menu_parent > a:after {margin-top: -4px;position: absolute;top: 50%;right: 12px;font-family: 'we-font';content: '\e90d';font-size: 10px;line-height: 1;color: #888;}
    #we_navi > li > ul > li.active_p.menu_parent > a:after {color: #fff;}
    #we_navi > li > ul > li > ul > li {border-bottom: none;}
    #we_navi > li > ul > li > ul > li > a {padding: 13px 15px;border-top: 1px solid #444;}
    #we_navi > li > ul > li > ul > li:hover > a {color: #ccc;}
    #we_navi > li > ul > li > ul > li:last-child > a {border-bottom: 1px solid #444;}


#we_navi > li.menu_parent > a:after {
    background: url(/wp_img/toggle_arrow.png) no-repeat;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    background-size: 100% auto;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

 #we_navi > li.menu_parent > a:after {
    display: block;
    position: absolute;
    right: 15px;
    top: 18px;
    width: 22px;
    height: 19px;
    content: '';
}
 #we_navi > li.active > a:after {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    background: url(/wp_img/toggle_arrow_A.png) no-repeat;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    background-size: 100% auto;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

 #we_navi > li.active > a{
color: #5257C2;
}




#we_navi > li > ul > li > a {
    padding: 14px 19px;
    font-size: 13px;
    font-weight: 500;
    color: #fff;
}


#we_navi > li > ul > li > a:hover {
color: #fff;
}

#we_navi > li > ul > li.active_i {
    color: #fff;
    background-color: #182344;
}
#we_navi > li > a:hover {
color: #BBD762;
}
    .lang_container {position: fixed;top: 8px;right: 10px;z-index: 652;opacity: 0;visibility: hidden;-webkit-transition: none;transition: none;}
    .lang_container .selectric {width: 70px;border-bottom-width: 1px;}
    .lang_container .selectric .button:after {-webkit-transform: scale(0.7);-ms-transform: scale(0.7);transform: scale(0.7);}
    .mobile .lang_container:after {-webkit-transform: scale(0.7);-ms-transform: scale(0.7);transform: scale(0.7);}
    .mobile .lang_selectric {width: 70px;padding: 8.5px 28px 8.5px 10px;border-bottom-width: 1px;}

    .search_container {width: 240px;height: 50px;position: fixed;top: 0;right: 0;background: #fff;z-index: 651;opacity: 0;visibility: hidden;-webkit-transition: none;transition: none;}
    .search_btn {float: left;width: 16px;height: 16px;margin: 17px 15px;}
    .search_btn:after {font-size: 16px;}

    #mobile_navi_close {display: block;width: 50px;height: 50px;position: fixed;top: 0;right: -300px;left: auto;z-index: 650;cursor: pointer;background: #f6f6f6;}


#mobile_navi_close {
    position: fixed;
    z-index: 650;
    top: 0;
    right: -300px;
    left: auto;
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 0;
    font-size: 24px;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
    color: #FFFFFF;
    background: #000 url(/wp_img/m_close.png) no-repeat center center;
}

    #mobile_navi_close span {display: block;height: 100%;position: relative;font-size: 0;}
  
    #mobile_navi_cover {display: none;position: fixed;top: 0;left: 0;bottom: 0;right: 0;background: #000000;background: rgba(0, 0, 0, .6);z-index: 600;}

    .fixed#header {height: 60px;background: rgba(255,255,255,0.9);}
    .fixed #logo {top: 3px;}
    .fixed #mobile_navi_button {top: 19px;}


#we_navi > li > a > span:after {
display:none;
}

#we_navi > li > ul > li {
    float: left;
    width: 100%;
    background: rgba(82, 87, 194, 1);
    border-bottom: 1px solid #A8ABE0;
}
#we_navi > li > ul > li:last-child {
    border-bottom: none;
}

#we_navi > li > ul > li:first-child {
    border-top: none;
}



}

ol:after, ul:after {
    content: '';
    clear: both;
    display: table;
}
@media (max-width: 1100px) {

#footer .layout {
    padding: 0 0px 00px 0px;
    max-width: 1200px;
    /* margin: 0 auto; */
}
}
@media (max-width: 768px) {


    .global_container {padding-left: 0;padding-right: 0;}
    .main_container {padding-top: 60px;}
    .wrap {margin: 0 20px;}

    /* HEADER*/
    #header {height: 60px;}
    #logo {width: 114px;height: 35px;top: 10px;left: 15px;}
    .fixed #logo {top: 10px;}
    #mobile_navi_button {top: 19px;right: 15px;}

    /* FOOTER */
    .footer_inner {margin: 0 20px;}

    /* SCROLL TOP */
    .go_top {display: none;}

.main_visual_list li a p.tit .str img.txt {
    position: relative;
    margin: 0 auto;
	/*width:100px;*/
}



}



.gotoTop {position:fixed; z-index:100; opacity:0; filter:alpha(opacity=0); transition:0.4s; -webkit-transition:0.4s;}
.gotoTop.show {opacity:1; filter:alpha(opacity=100);}
.gotoTop .gotoTop_btn {position:fixed; width:49px; height:49px; right:5px; bottom:5px; background:url(/wp_img/top_arrow.png) center 18px no-repeat #292A2E; color:#fff; cursor:pointer; transition:0.4s; -webkit-transition:0.4s;border-radius: 0%;}
.gotoTop.show .gotoTop_btn {right:5px;}
.gotoTop.show .gotoTop_btn:hover { background-color:#BBD762; }
.gotoTop .gotoTop_btn p {text-align:center; margin-top:40px; font-size:14px; }
.gotoTop .gotoTop_btn p.down a{ color: #fff; line-height: 19.5px; }
.gotoTop .gotoTop_btn p.down { color: #fff; background: #5c5c5c; margin-top: 12px; height: 69px; padding: 15px 0px; }



#footer .fix_menu{

display:none;

}


@media (max-width: 767px){


#footer .fix_menu{

display:block;

}

#footer .fix_menu menu{

    -webkit-padding-start: 0px;
	    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;

}
#footer .fix_menu{
	z-index:98;
}
#footer .fix_menu {
	position:fixed;
	left:0;
	right:0;
	bottom:0;
}
#footer .fix_menu menu {
	display:table;
	width:100%;
}
#footer .fix_menu menu li {
	display:table-cell;
	width:50%;
	vertical-align:top;
}
#footer .fix_menu menu li .btn {
	display:block;
	width:100%;
	height:60px;
	background-color:transparent;
}
#footer .fix_menu menu li:first-child {
	background-color:#F31D1D;
}
#footer .fix_menu menu li:nth-child(2) {
	background-color:#434A5D;
}
.page_request #footer .fix_menu menu,
.page_request #footer .fix_menu menu li {
	display:block;
	width:inherit;
}
 
#footer .fix_menu menu li .btn {
	padding:0;
}
#footer .fix_menu menu li .btn > span {
    display: block;
    position: relative;
    max-width: 170px;
    margin: 0 auto;
    padding: 0 15px 0 50px;
    font-size: 14px;
    font-weight: 700;
    line-height: 60px;
    text-align: left;
	color: #fff;
}
#footer .fix_menu menu li .btn > span:before {
	display:block;
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	width:50px;
	background:url(/wp_img/fix_menu.png) 50% 0 no-repeat;
	background-size:cover;
	content:'';
}
#footer .fix_menu menu li:nth-child(2) .btn > span:before {
	background-position:50% -61px;
}

}

#we_navi ul.navi_sub {

	-webkit-transition: all 0.3s;
    transition: all 0.3s;

}


#we_navi ul.navi_sub:before {
    background:#BBD762;
    border-bottom:0px solid #eee;
    content: "";
    display: block;
    height: 56px;
    left: -100vw;
    position: absolute;
    top:-2px;
    width: 200vw;
	opacity:1;
	-webkit-transition: all 0.3s;
    transition: all 0.3s;

}

.fixed #we_navi > li > ul {
    top:70px;
    left: 5px;
    /* margin-left: -66.5px; */
}

#we_navi ul.navi_sub:after {
    clear: both;
}

@media (max-width: 1280px){


#we_navi ul.navi_sub:before {
   display:none;
}


}


.article{
    overflow: hidden;
}
.article{
  /*  padding-left: 40px;
    padding-right: 40px;*/
}



.subcon_container {
    padding: 0px 0 4% 0;
}


.subT_header {
    padding: 70px 0 50px;
    position: relative;
}
.subT_header.second {
    padding: 0;
	background-color: #000;
}
.subT_header.second+.article_body {
    padding-top: 67px;
}
.subT_view {
    overflow: hidden;
}
.subT_view {
    width: 100%;
    padding-top: 30%;
    position: relative;
    text-align: center;
}
.subT_view_bg_container {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.subT_view_txt_outer {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}
.subT_view_txt {
    display: table;
    width: 100%;
    height: 100%;
}
.subT_view_txt_inner {
    display: table-cell;
    width: 100%;
    vertical-align: middle;
}


.wrap {
    max-width: 1200px;
    margin: 0 auto;
}
.subT_view_title {
    display: block;
    padding-bottom: 12px;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
	letter-spacing: 0.01em;
    /* color: #222; */
    font-family: "Poppins","Open Sans", "Noto Sans KR","Lato", Helvetica, Arial, sans-serif;
    font-weight: 500;
	    padding-top: 20px;
}
.subT_view_typo {
    font-size: 60px;
    font-weight: 300;
    line-height: 1.21;
    color: #fff;
    font-family: "Poppins","Open Sans", "Noto Sans KR","Lato", Helvetica, Arial, sans-serif;
    font-weight: 600;
	
}

.subT_view_typo div{
/*width:4%;*/
	
}

.bg_loaded .subT_view_bg {
    -webkit-transform: translateZ(0) scale(1.1) rotate(0deg);
    transform: translateZ(0) scale(1) rotate(0deg);
}

.subT_view_bg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: no-repeat center center;
    background-size: cover;
   
}

.about .subT_view_bg {
    background-image: url(/wp_img/top_info_img.jpg);
}

.product .subT_view_bg {
    background-image: url(/wp_img/top_pro_img.jpg);
}


.chain .subT_view_bg {
   /* background-image: url(/wp_img/top_chain_img.jpg);*/
}



.fran .subT_view_bg {
    background-image: url(/wp_img/top_fran_img2.jpg);
}



.service .subT_view_bg {
    background-image: url(/wp_img/top_service_img.jpg);
}


.business .subT_view_bg {
    background-image: url(/wp_img/top_business_img.jpg);
}


.boardx .subT_view_bg {
    background-image: url(/wp_img/top_board_img.jpg);
}



.subT_view_bg {
    -webkit-transform: translateZ(0) scale(1.1) rotate(0.1deg);
    transform: translateZ(0) scale(1.1) rotate(0.1deg);
    -webkit-transition:2000ms;
    transition: 2000ms;
    -webkit-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
    transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
}
@media (max-width: 1550px){

.article {
   /* padding-left: 50px;
    padding-right: 50px;*/
}
.subT_view .wrap {
    max-width: inherit;
    padding: 0 160px;
}
.subT_view_title {
    padding-bottom: 7px;
    font-size: 22px;
}
.subT_view_typo {
    font-size: 55px;
}
}


@media (max-width: 1400px){
.main_container {
    /*padding-left: 40px;
    padding-right: 40px;*/
}


.article {
  /*  padding-left: 40px;
    padding-right: 40px; */
}
.subT_view {
    height: 540px;
    padding-top: 0;
}



}

@media (max-width: 1280px){
.main_container {
    /*padding: 123px 0 12% 0;*/
}
.wrap {
    max-width: inherit;
    margin: 0 40px;
}
.subT_header {
    padding: 45px 0 35px;
}
.subT_view {
    height: 500px;
}
.subT_view_txt_inner {
    padding-bottom:0px;
}
.subT_view .wrap {
    padding: 0 90px;
}
.subT_view_typo {
    font-size: 50px;
}
}

@media (max-width: 1023px){
.main_container {
   /* padding-top: 70px;*/
}
.wrap {
    margin: 0 3%;
}
.subT_header {
    padding: 30px 0 25px;
}
.subT_view {
    height: 420px;
}
.subT_view .wrap {
    padding: 0;
}
.subT_view_title {
       font-size: 14px;
}
.subT_view_typo {
    font-size: 32px;
}
}


.subcon_container {
    padding: 0;
}
.body_header {
    padding: 0px 0 50px;
    position: relative;
}
.body_tit {
    position: relative;
	padding-top: 0px;
}
.body_title {
display: block;
    margin: 0 auto;
    position: relative;
    font-size: 50px;
    line-height: 1.65;
    font-weight:300;
    color: #222;
    text-align: left;
    letter-spacing: 0em;
    /* margin-left: 27px; */
    text-indent: 0;
    font-family: "Poppins","Open Sans", "Noto Sans KR","Lato", Helvetica, Arial, sans-serif;
    font-weight: 600;
    margin-bottom: 10px;
}
.body_header .breadcrumb {
    /* display: block; */
    position: relative;
    /* padding-top: 28px; */
    color: #666666;
    overflow: hidden;
    right: 0px;
    width: 100%;
    margin-top: -47px;
}
.body_header_desc {
    text-align: left;
    padding-top: 30px;
    height: 38px;
}
.body_header_desc {
    padding-top: 20px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: -0.025em;
    text-indent: -0.025em;
    color: #666;
    font-family: "Poppins","Open Sans", "Noto Sans KR","Lato", Helvetica, Arial, sans-serif;
    font-weight: 500;
}
.body_header .cwrap .line {
    /* margin-left: -30px; */
    width: 60px;
    /* margin-left: 0; */
    height: 1px;
    position: relative;
    left: 0%;
    /* top: 50%; */
    background-color: #000;
    content: "";
    /* z-index: 2; */
}
.body_header .breadcrumb ul li {
    display: inline-block;
    line-height: 17px;
    font-size: 12px;
    text-transform: capitalize;
}
.body_header .breadcrumb ul {
    text-align: right;
    overflow: hidden;
    margin: 0 auto;
    font-size: 0;
    letter-spacing: 0;
    word-spacing: 0;
}
.body_header .breadcrumb ul li:after {
    content: '';
    display: inline-block;
    position: relative;
    top: -2px;
    left: 0px;
    margin: 0 10px;
    width: 4px;
    height: 6px;
    background: url(/wp_img/breadcrumb_icon.png) center center;
}
.body_header .breadcrumb ul li.current {
 font-family: "Poppins","Open Sans", "Noto Sans KR","Lato", Helvetica, Arial, sans-serif;
    font-weight: 600;
    color: #282828;
}
.body_header .breadcrumb ul li:last-child:after{content:none;}
.body_header .breadcrumb ul li img{margin-top:2px;}
.cwrap {
    max-width: 1200px;
    margin: 0 auto;
}




.body_container {
    padding: 100px 0px 70px 0px;
 
	    height: auto;
    /* display: block; */
	    min-height: 900px;
}
.info_top {
    padding-bottom: 88px;
}
.info_visual {
    max-width: 1783px;
    width: 100%;
    margin: 0 auto;
    display: table;
    min-height: 602px;
}

.info_visual_left {
    display: table-cell;
    width: 50.7%;
    overflow: hidden;
}
.info_visual_left_inner {
    position: relative;
    background: url(/hh_img/info_main.jpg) no-repeat left center;
    width: 100%;
    height: 686px;
    background-size: cover;
}

.info_visual_left_inner2 {
    position: relative;
    background: url(/hh_img/terrace_main.jpg) no-repeat left center;
    width: 100%;
    height: 686px;
    background-size: cover;
}


.bg_effect, .bg_effect_copy {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: transfrom 1800ms;
    transition: transfrom 1800ms;
}
.bg_effect_animate {
    -webkit-transform: scale(1);
    transform: scale(1);
}
.info_visual_right {
    display: table-cell;
    background: #FAF8F6;
    padding: 130px 100px;
    vertical-align: top;
    width: 49.3%;
}
.info_visual_right h1 {
    font-size: 41px;
    font-weight: 100;
    color: #222;
    line-height: 1.4;
    margin-bottom: 30px;
}
.info_visual_right p {
    font-size: 16px;
    color: #222;
    line-height: 1.75;
}
.info_top_txt {
    position: relative;

    /*display: inline-block;*/

}

.info_top_txt_txt {
    float: left;
    width: 58.5%;
    padding: 100px 77px;
}
.info_top_txt_txt p {
    font-size: 15px;
    line-height: 1.75;
    color: #666;
}
.info_slider {
    float: right;
    width: 41.5%;
    margin-top: -116px;
    position: relative;
}
.info_slider_pp {
    display: none;
    width: 100%;
}
.info_slider_area {
    width: 100%;
}
.info_slider .cycle_control {
    position: absolute;
    bottom: 0;
    right: 0;
    background: #fff;
    margin: 0;
}
.cycle_control {
    display: inline-block;
    margin-top: 14px;
    position: relative;
    font-size: 0;
    line-height: 1;
    z-index: 120;
}
@media (max-width: 1700px){
.info_visual_left_inner {
    height: 602px;
}
.info_visual_left_inner2 {
    height: 602px;
}

}

@media (max-width: 1550px){
.body_container {
    padding: 140px 50px 170px 50px;
}
.info_visual {
    width: 95%;
}
.info_visual_right {
    vertical-align: middle;
    padding: 0 100px;
}
.info_visual_right h1 {
    font-size: 44px;
}
.info_visual {
    min-height: 450px;
}
.info_slider_pp img {
    max-width: 100%;
}
}

@media (max-width: 1400px){
.body_container {
    padding-left: 40px;
    padding-right: 40px;
}
}

@media (max-width: 1280px){

.body_container {
    padding: 123px 0 12% 0;
}

.info_visual_right {
    padding: 0 7%;
}
.info_visual_right h1 {
    font-size: 38px;
}
.cwrap {
    max-width: inherit;
    margin: 0 40px;
}
.info_top_txt_txt {
    width: 50.5%;
    padding: 100px 0 0 77px;
}
.info_visual {
    min-height: 450px;
}
.body_title {
    font-size: 53px;
}
.info_visual_right h1 {
    font-size: 38px;
}

}

@media (max-width: 1200px){
.info_visual {
    min-height: 552px;
}
}

@media (max-width: 1024px){
.info_visual {
    width: 100%;
    min-height: 502px;
}
.info_top {
    padding-bottom: 60px;
}
.cwrap {
    margin: 0 3%;
}
.body_title {
    font-size: 42px;
}
.info_visual_right h1 {
    font-size: 32px;
    margin-bottom: 18px;
}
.info_top_txt_txt {
    padding: 60px 0 0 40px;
}
.info_slider {
    width: 45%;
    margin-top: -60px;
}
}


@media (max-width:940px){

.info_visual {
    min-height: 450px;
}
.info_visual_right {
    padding: 0 5%;
}
#we_navi > li > ul > li:hover > a, #we_navi > li > ul > li.active_i > a {
    /* color: #fff; */
    color: #fff;
}
}


[class *= 'mov_0'] .item {
    position:relative;  opacity:0;
    transition: all 1.5s;
    -webkit-transition: all 1.5s;
    -moz-transition: all 1.5s;
    -o-transition: all 1.5s;
 }
[class *= 'mov_0'].on .item { margin-top:0; opacity:1; }
.slide-left { margin-left:-10%; }
.slide-right { margin-left:10%; }
.slide-top { margin-top:-10%; }
.slide-bottom { margin-top:10%; }

[class *= 'mov_0'] .item02 {
    position:relative; opacity:1;
    transition: all 1.5s;
    -webkit-transition: all 1.5s;
    -moz-transition: all 1.5s;
    -o-transition: all 1.5s;
 }
[class *= 'mov_0'].on .item02 { margin-top:0; opacity:0; }


@media (max-width: 768px){

.body_container {
   padding-top: 0px;
}
.body_title {
    font-size: 33px;
}
.info_top {
    padding-bottom: 30px;
}
.cwrap {
    margin: 0 3%;
}
.info_visual_left, .info_visual_right {
    display: block;
    width: 100%;
}
.info_visual_left_inner {
    height: 570px;
}
.info_visual_left_inner2 {
    height: 570px;
}
.info_visual {
    min-height: inherit;
}
.info_visual_left, .info_visual_right {
    display: block;
    width: 100%;
}
.info_visual_right {
    padding: 60px;
}
.info_visual_right h1 {
    font-size: 26px;
    margin-bottom: 10px;
}
.info_top_txt_txt {
    width: 100%;
    padding: 40px;
}
.info_slider_pp img {
    width: 100%;
}
.info_slider {
    margin-top: 0;
    width: 100%;
}
.body_header .breadcrumb {
    /* display: block; */
    position: absolute;
    /* padding-top: 28px; */
    color: #666666;
    overflow: hidden;
    right: 0px;
    width: 100%;
    margin-top: -47px;
    margin-right: 10px;
}
.body_header_desc {
    padding-top: 5%;
    font-size: 12px;
    line-height: 1.5;
    text-align: left;
    /* font-family: Lato, notokr-medium, 맑은고딕, sans-serif; */
}
.info_top_txt {
    position: relative;

    display: inline-block;

}

}


.bg_effect_animate {
    -webkit-transform: scale(1);
    transform: scale(1);
}
.bg_effect, .bg_effect_copy {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: transfrom 1800ms;
    transition: transfrom 1800ms;
}
.j_total_count {
    margin-top: 25px;
    position: relative;
}

.j_total_count .counter{

    font-weight: 600;
    padding-left: 0.1em;
}

.j_total_count>div {
    width: 100%;
    float: left;
    text-align: left;
}

.j_total_count strong i {
    font-style: normal;
}

.j_total_count strong {
    display: block;
    font-size: 51px;
    font-weight: 600;
    line-height: 1;
	font-family: "robot";
}


.info_part_01>div {
    display: table-cell;
    vertical-align: middle;
}
.info_part_01_visual {
    overflow: hidden;
}
.info_part_01_visual {
    width: 56%;
}

.info_part_01_visual img{
  vertical-align: middle;
    max-width: 100%;
}



.info_part_01_text {
    width: 44%;
    padding: 0 107px;
	    text-align: left;
}
.info_part_01_text2 {
    width: 44%;
    padding: 0 107px;
	    text-align: left;
}


.tit-con span {
    display: block;
    margin-bottom: 4px;
    position: relative;
	    margin-left: 10px;
		    text-align: left;
			    font-weight: 300;
    color: #666;
}

.tit-con span:before {
    content: '';
    display: block;
    width: 4px;
    height: 4px;
    position: absolute;
    top: 11px;
    left: -10px;
    background: #666;
    border-radius: 50%;
}

.info_part_02x .tit-con span:before {
    content: '';
    display: block;
    width: 4px;
    height: 4px;
    position: absolute;
    top: 11px;
    left: -10px;
    background: #666;
    border-radius: 50%;
}


.info_part_01 {
    display: table;
    max-width: 1920px;
    margin: 0 auto;
    background: url(/wp_img/info_bg.jpg) repeat 0 0;
}

.info_part_01_line_txt {
display: inline-block;
    font-size: 22px;
    font-weight: 600;
    color: #F31D1D;
    border-bottom: 2px solid #F31D1D;
    padding-left: 0.1em;
}


.info_part_01_line_txt.cc {
display: inline-block;
    font-size: 32px;
    font-weight: 600;
    color: #f7941d;
    border-bottom: 2px solid #f7941d;
    padding-left: 0.1em;
	letter-spacing:0.2em;
}




.info_part_01_text h2 {
    font-size: 40px;
    font-weight: 300;
    color: #222;
    line-height: 1.275;
    margin: 20px 0 35px;
}


.info_part_01_text h2.cc {
    font-size:18px;
    font-weight: 400;
    color: #222;
    line-height: 1.275;
    margin: 40px 0 35px;
}


 


.info_part_01_text2 h2 {
    font-size: 30px;
    font-weight: 300;
    color: #222;
    line-height: 1.275;
    margin: 20px 0 35px;
}


.info_part_01_text p {
    font-size: 16px;
    line-height: 1.75;
    color: #666;
}
@media (max-width: 1200px){
.info_part_01_text {
    padding: 30px 50px;
}
}

@media (max-width: 1023px){
.info_part_01_text h2 {
    font-size: 45px;
    margin: 10px 0 25px;
}
.info_part_01_text2 h2 {
    font-size: 45px;
    margin: 10px 0 25px;
}
.info_part_01_line_txt {
    font-size: 23px;
}
}


@media (max-width: 960px){
.info_part_01_text {
    padding: 15px 25px;
}
.info_part_01_text2 {
    padding: 15px 25px;
}
.info_part_01_text h2 {
    font-size: 35px;
    margin: 7px 0 20px;
}
.info_part_01_text2 h2 {
    font-size: 35px;
    margin: 7px 0 20px;
}
}
@media (max-width: 850px){
.info_part_01_text h2 {
    letter-spacing: 0;
}

.info_part_01_text2 h2 {
    letter-spacing: 0;
}

.info_part_01_line_txt {
    font-size: 23px;
}
}
@media (max-width: 768px){

.info_part_01 {
    display: block;
    width: 96%;
}
.info_part_01>div {
    display: block;
    width: 100%;
}
.info_part_01_text h2 {
    font-size: 20px;
    font-weight: 400;
}

.info_part_01_text2 h2 {
    font-size: 20px;
    font-weight: 400;
}

.info_part_01_line_txt {
    font-size: 18px;
    letter-spacing: 0em;

}
.j_total_count {
    margin-top: 15px;
}
.j_total_count strong {
    display: block;
    font-size: 31px;
    font-weight: 200;
    line-height: 1;
}

}
.sub_container {
    position: relative;
    margin-right: auto;
    margin-left: auto;
}

.sub_container{
    margin: 0px auto;
    max-width: 1440px;
    width: 100%;

	}

.franchise [class*='col-md-6'] {
    overflow: hidden;
    min-height: 340px;
    padding-left: 0 !important;
    padding-right: 0 !important;
    background: #f5f5f5;
}


.franchise .txt-wrap {
    float: left;
    padding: 60px;
    padding: 3.75rem;
}

.franchise .txt-wrap .tit-eng {
    display: block;
    margin-top: 13px;
    margin-top: 0.813rem;
    font-size: 14px;
    font-weight: 400;
    color: #b0b0b0;
    letter-spacing: -0.25px;
}

.tits {
    font-size: 30px;
    font-size: 1.875rem;
    line-height: 1.33;
    font-weight: 400;
    letter-spacing: -1px;
    color: #2b2b2b;
}
.franchise .txt-wrap .cont {
    position: relative;
    padding-top: 21px;
    padding-top: 1.25rem;
    margin-top: 20px;
    margin-top: 1.25rem;
    font-size: 16px;
    line-height: 1.625;
    color: #747474;
    letter-spacing: -1.212px;
    word-wrap: break-word;
    word-break: keep-all;
}
.franchise .txt-wrap .description {
    margin-top: 12px;
    margin-top: 0.75rem;
    font-size: 14px;
    line-height: 2.57;
    color: #747474;
    letter-spacing: -1.212px;
    line-height: 1.625;
}
.franchise .txt-wrap .tit {
    font-size: 22px;
    font-weight: 600;
    color: #1a1a1a;
    letter-spacing: -0.75px;

}
.franchise .franchise01 .img-wrap {
    background-image: url(/wp_img/franchise_01_01.jpg);
}
.franchise .franchise01{
    display: inline-block;
	    width: 100%;
	}
.franchise .franchise02 .img-wrap {
    background-image: url(/wp_img/franchise_02.jpg);
}
.franchise .franchise02{
    display: inline-block;
	    width: 100%;
	}
.franchise .franchise03 .img-wrap {
    background-image: url(/wp_img/franchise_03_01.jpg);
}
.franchise .franchise03{
    display: inline-block;
	    width: 100%;
	}

.franchise .franchise04 .img-wrap {
    background-image: url(/wp_img/franchise_04_01.jpg);
}
.franchise .franchise04{
    display: inline-block;
	    width: 100%;
	}

.franchise .franchise05 .img-wrap {
    background-image: url(/wp_img/franchise_05.jpg);
}
.franchise .franchise05{
    display: inline-block;
	    width: 100%;
	}

.franchise .franchise06 .img-wrap {
    background-image: url(/wp_img/franchise_08_01.jpg);
}
.franchise .franchise06{
    display: inline-block;
	    width: 100%;
	}


.franchise .franchise07 .img-wrap {
    background-image: url(/wp_img/franchise_05_02.jpg);
}
.franchise .franchise07{
    display: inline-block;
	    width: 100%;
	}

.franchise .franchise08 .img-wrap {
    background-image: url(/wp_img/franchise_05.jpg);
}
.franchise .franchise08{
    display: inline-block;
	    width: 100%;
	}



@media (min-width: 768px){
.sub_container {
    width: 750px;
}
}
@media (min-width: 992px){
.sub_container {
    width: 970px;
}
}
@media (min-width: 992px){
.col-md-6 {
    width: 50%;
	    float: left;
		    position: relative;
}
}
	@media (min-width: 1200px){
.sub_container {
    width: 1440px;
}
}

.sub_container:before, .sub_container:after, .row:before{
    display: table;
    content: " ";
}
.mt40 {
    margin-top: 40px !important;
    margin-top: 2.5rem !important;
}
	@media (max-width: 768px){

.sub_container {
    margin: 0px auto;
    max-width: 1440px;
    width: 100%;
    padding-left: 2%;
    padding-right: 2%;
}

.franchise .franchise01 .img-wrap {
    background-image: url(/wp_img/franchise_01_01.jpg);
	    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.franchise .franchise01{
    display: inline-block;
	    width: 100%;
	}
.franchise .franchise02 .img-wrap {
    background-image: url(/wp_img/franchise_02.jpg);
	    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.franchise .franchise02{
    display: inline-block;
	    width: 100%;
	}
.franchise .franchise03 .img-wrap {
    background-image: url(/wp_img/franchise_03_01.jpg);
	    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.franchise .franchise03{
    display: inline-block;
	    width: 100%;
	}

.franchise .franchise04 .img-wrap {
    background-image: url(/wp_img/franchise_04_01.jpg);
	    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.franchise .franchise04{
    display: inline-block;
	    width: 100%;
	}

.franchise .franchise05 .img-wrap {
    background-image: url(/wp_img/franchise_05.jpg);
	    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.franchise .franchise05{
    display: inline-block;
	    width: 100%;
	}

.franchise .franchise06 .img-wrap {
    background-image: url(/wp_img/franchise_05.jpg);
	    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.franchise .franchise06{
    display: inline-block;
	    width: 100%;
	}


}
.guide_step_wrap .guide_step_tit{margin-bottom:86px}.guide_step_tit{    text-align: center;
    font-size: 18px;
    font-weight: 400;
    /* letter-spacing: 0.3em; */
    /* padding-left: 0.3em; */
    color: #222;
    margin-bottom: 32px;}
.guide_step_wrap{position:relative}
.guide_step_wrap:after{display:block;clear:both;content:'';height:99%;width:1px;background:#eee;position:absolute;top:1%;left:50%;z-index:-1}
.guide_step_list{margin-bottom:66px;position:relative}
.guide_step_list:after{display:block;content:'';clear:both}
.guide_step_item{position:static}
.guide_step_list:nth-of-type(2n+1) .guide_step_item{float:right;width:454px}
.guide_step_list:nth-of-type(2n) .guide_step_item{float:left;width:454px}
.guide_step_list:nth-of-type(2n) .guide_step_text{text-align:right;float:right}
.guide_step_list:nth-of-type(2n) .guide_step_img{left:10px;float:left}
.join_T_step{background:#F31D1D;color:#fff;border-radius:20px;font-size:15px;padding:5px 20px;position:absolute;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);margin-top:9px}
.join_T_step span{letter-spacing:0.2em;padding-left:0.2em}.start_up_steps_text{display:inline-block;vertical-align:top}
.guide_step_text h3{font-size:36px;color:#222;font-weight:300;letter-spacing:-0.025em;line-height:1.4}
.guide_step_text p{font-size:16px;color:#666;font-weight:500;letter-spacing:-0.025em;line-height:1.75;margin-top:14px}
.guide_step_img{display:inline-block;float:right}.guide_step_img img{vertical-align:top}.price_wrap{padding-top:40px;position:relative}
@media (max-width: 1023px){
.start_up_step_intro_item{width:100%;margin-right:0}
.start_up_step_intro_item:nth-child(n+1){clear:both}
.start_up_step_intro_item span{margin:10px 0 30px}
.start_up_step_intro_item:last-child span{margin-bottom:0}
.start_up_step_intro{margin-bottom:0px}
.guide_step_wrap{padding-top:90px}
.guide_step_wrap
.guide_step_tit{margin-bottom:32px}
.guide_step_list{margin-bottom:50px}
.price_wrap_area td{padding:14px 33px}
.price_wrap_area th{padding:14px 0}
.price_wrap_area span{margin-bottom:0}
.guide_step_text h3 {
    font-size: 22px;
}
.guide_step_wrap:after{display:block;clear:both;content:'';height:99%;width:1px;background:#fff;position:absolute;top:1%;left:50%;z-index:-1}
.guide_step_text p {
    font-size: 13px;
}

}

@media (max-width: 1440px){
.guide_step_wrap img{max-width:100%;}
.price_wrap img{max-width:100%;}
}
.why_self_trend {
      margin-top: 65px;
    padding: 88px 0 94px;
}
.why_header_with_subtitle {
    max-width: 792px;
    margin: 0 auto;
}

@media (max-width: 768px){
.guide_step_item {
    padding-top: 60px;
}
.guide_step_text {
    padding-top: 0;
}
.guide_step_list {
    margin-bottom: 50px;
}
.guide_step_list:nth-of-type(2n) .guide_step_item {
    float: none;
    width: 450px;
}
.guide_step_list:nth-of-type(2n+1) .guide_step_item {
    width: 340px;
}
.guide_step_list:nth-of-type(2n) .guide_step_item {
    float: none;
    width: 340px;
}
}


.price_wrap_area {
    border-top: 2px solid #F31D1D;
    width: 100%;
    margin-bottom: 24px;
}

.price_wrap_area span:before {
    content: '';
    display: block;
    width: 4px;
    height: 4px;
    position: absolute;
    top: 11px;
    left: -10px;
    background: #666;
    border-radius: 50%;
}

table {
    border-collapse: separate;
    border-spacing: 0;
}
.price_wrap_area th {
    font-size: 16px;
    border-bottom: 1px solid #ccc;
    text-align: center;
    padding: 18px 0;
    font-weight: 600;
    color: #222;
}

.price_wrap_area td:first-child {
    text-align: center;
    width: 25.5%;
    font-weight: 600;
}
.price_wrap_area td {
    font-size: 16px;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    padding: 18px 33px;
    vertical-align: middle;
    color: #666;
}
.price_wrap_area td.content {
    text-align: left;
    font-weight: 500;
    width: 53%;
}

.price_wrap_area td:nth-child(4) {
    text-align: center;
    width: 21.5%;
    border-right: 0;
    color: #666;
   /* font-weight: 600;*/
}
.price_wrap p {
    font-size: 16px;
    color: #666;
    line-height: 1.75;
    margin-bottom: 64px;
}

.price_wrap_area span {
    display: block;
    margin-bottom: 4px;
    position: relative;
}


.price_wrap p span {
    color: #F31D1D;
}

.section.sec-ad {
    padding-top: 0;
    padding-bottom: 0;
}

.ad li {
    padding: 100px 0 50px 0;
    position: relative;
    /* border-top: 1px dashed #d8d8d8; */
}

.floating2 {
    overflow: hidden;
}

.floating2 .left {
    float: left;
    width: 50%;
}
.align-center {
    text-align: center;
}

.floating2 .right {
    float: right;
    width: 50%;
}

.ad .tit2 {
    font-size: 40px;
	    margin: 0 0 12px 0;
}
.tit2 {
    font-weight: 300;
    font-size: 33px;
}

.floating2 .right h2 {
    margin: 0 0 12px 0;
}

.ad .tit-con {
    font-size: 16px;
}
.tit-con {
    font-weight: 300;
    font-size: 18px;
    color: #666666;
}
.ad li {
    padding: 100px 0 50px 0;
    position: relative;
    border-bottom: 1px solid #F5F5F5;
}

.ad li:last-child {
    padding: 100px 0 50px 0;
    position: relative;
    border-bottom: 0px solid #F5F5F5;
}

@media screen and (max-width: 1024px){
.section.wide .wide-cont, .section {
    padding-left: 15px;
    padding-right: 15px;
}
}


@media screen and (max-width: 850px){
.floating2 {
    position: relative;
}
.w_view {
    display: none;
}
.sec-ad .floating2 .left {
    margin-bottom: 24px;
}
.floating2 .left {
    width: 100%;
    text-align: center;
}
.floating2 .right {
    width: 100%;
    text-align: center;
}
.tit2 {
    font-size: 30px !important;
    padding-top: 14px;
}
.floating2 .right  h2 {
    text-align: center;
    margin: 0 0 20px 0;
}
.floating2 .left  h2 {
    text-align: center;
    margin: 0 0 20px 0;
}
.sec-ad .floating2 img {
 width: 100%;
    /* margin-left: 20%; */
}
.floating2.reverse .right {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.ad .floating2.reverse .left {
    padding-top: 76%;
}
}
.col-md-12 {
    width: 100%;
}
.ta-c {
    text-align: center !important;
}

.mt15 {
    margin-top: 15px !important;
    margin-top: 0.938rem !important;
}
.col-md-4 {
    width: 33.33333333%;
}
@media (min-width: 992px){
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
}
}
.tit.kor {
    font-weight: 300;
    letter-spacing: -2px;
}
.tit {
    font-size: 30px;
    font-size: 1.875rem;
    line-height: 1.33;
    font-weight: 400;
    letter-spacing: -1px;
    color: #2b2b2b;
}

.tit2 {
    font-size: 50px;
    font-size: 2.875rem;
    line-height: 1.33;
    font-weight: 300;
    letter-spacing: -1px;
    color: #2b2b2b;
}

.tit2 span{
   display: block;
    margin-top: 15px;
    position: relative;
    text-align: center;
    font-weight: 400;
    color: #666;
	font-size:14px;
}


.pb30 {
    padding-bottom: 30px !important;
    padding-bottom: 1.875rem !important;
}


.fran_img img {
max-width:100%;
}





.tread_area{width:100%; margin:0 auto; padding:55px 0px;}
	.tread_area .bx-wrapper{/*width:1208px !important;*/ margin:0 auto;}
	.tread_area .list:after{content:''; display:block; clear:both;}
	.tread_area .list li{float:left; width:33.3%; height:365px; text-align:center;}




.tread_area{position:relative;background-color: #fff;}
.tread_area h2{margin-bottom:55px;  font-family: "Noto Sans KR","Lato", sans-serif !important;font-size:30px; letter-spacing:-1px; color:#333; text-align:center;}
.tread_area .list li{height:365px; overflow:hidden;background-color:#F7F7F5;}
.tread_area .list li a{display:inline-block; position:relative; height:100%;}
.tread_area .list em{display:inline-block; position:absolute; left:0px; top:0px; min-width:59px; height:45px; padding-top:25px; box-sizing:border-box; color:#fff; line-height:1.2em; text-align:center; font-family: "Noto Sans KR","Lato", sans-serif !important;font-style:normal;font-weight:700;}
.tread_area .list em.type01{background-color:rgba(0,123,138,0.9);}
.tread_area .list em.type02{background-color:rgba(156,93,64,0.9);    display: block;
    position: absolute;
    left: 25px;
    top: 0px;
    width: 60px;
    height: 70px;
    background: url(/t_img/cate_01.png) no-repeat;
    font-size: 14px;
    line-height: 0;  z-index: 1;}


.tread_area .list li a:hover .list_thumb img{
	-webkit-transform:scale(1.05) rotate(0.01deg);
	-ms-transform:scale(1.05) rotate(0.01deg);
	transform:scale(1.05) rotate(0.01deg)
}




.tread_area .list em.type03{background-color:rgba(67,90,124,0.9);}
.tread_area .list span{display:block; padding-left:20px; padding-right:20px; text-align:left; letter-spacing:-1px;}
.tread_area .list .title{    background: transparent;padding-top:20px;  font-family: "Noto Sans KR","Lato", sans-serif !important;font-size:22px; font-weight:600; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;line-height:20px;    -webkit-transition: color 400ms;
    transition: color 400ms;}

.tread_area .list .title:before {
	width:100%;
	right:0;
	background:#333;
	-webkit-transition-delay:200ms;
	transition-delay:200ms
}
.tread_area .list .title:after {
	width:0;
	left:0;
	background:#D1141B;
	-webkit-transition-delay:0ms;
	transition-delay:0ms
}

.tread_area .list .title:before, .tread_area .list .title:after{
    content: '';
    display: block;
    height: 0px;
    position: absolute;
    bottom: 0;
    z-index: 2;
    -webkit-transition: width 400ms;
    transition: width 400ms;
    -webkit-transition-timing-function: cubic-bezier(0.165,0.840,0.440,1.000);
    transition-timing-function: cubic-bezier(0.165,0.840,0.440,1.000);
}

.tread_area .list li a:hover .title {
	color:#D1141B;
}

.tread_area .list li a:hover .title:before {
	width:0;
	-webkit-transition-delay:0ms;
	transition-delay:0ms
}
.tread_area .list li a:hover .title:after {
	width:100%;
	-webkit-transition-delay:200ms;
	transition-delay:200ms
}



.tread_area .list span:not(.title){padding-top:10px; color:#666; font-family: "Noto Sans KR","Lato", sans-serif !important; font-weight:600;font-size:14px;}
.tread_area .bx-controls{text-align:center;}
.tread_area .bx-controls > div,
.tread_area .bx-controls .bx-controls-auto-item{display:inline-block;}
.tread_area .bx-pager{text-align:center; line-height:1em;margin-top:40px;}
.tread_area .bx-pager > div{display:inline-block;}
.tread_area .bx-prev,
.tread_area .bx-next{display:block; position:absolute; top:50%; z-index:20; margin-top:-50px; width:72px; height:42px; background:rgba(0,0,0,0.5); text-indent:100%; overflow:hidden; white-space:nowrap;}
.tread_area .bx-prev{left:0px;display:none;}
.tread_area .bx-next{right:0px;display:none;}

.tread_area .bx-pager .bx-pager-link{    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 0px solid #b7b7b7;
    box-sizing: border-box;
    margin: 0 3px;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
    background: #c9c9c9;
    text-indent: -9999px;
    display: block;
    width: 30px;
    height: 5px;
    margin: 0 5px;
    outline: 0;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    text-align: center;}
.tread_area .bx-pager .bx-pager-link.active{background-color:#F01827; border-color:#F01827;}

.tread_area .bx-start, .tread_area .bx-stop{display:none;}



@media (max-width: 768px){

.tread_area {
    padding: 30px 50px;
}

.tread_area{position:relative;}
.tread_area h2{margin-bottom:35px;  font-family: "Noto Sans KR","Lato", sans-serif !important;font-size:30px; letter-spacing:-1px; color:#333; text-align:center;}
.tread_area .list li{height:365px; overflow:hidden;background-color:#F7F7F5;}
.tread_area .list li a{display:inline-block; position:relative; height:100%;}
.tread_area .list em{display:inline-block; position:absolute; left:0px; top:0px; min-width:59px; height:45px; padding-top:25px; box-sizing:border-box; color:#fff; line-height:1.2em; text-align:center; font-family: "Noto Sans KR","Lato", sans-serif !important;font-style:normal;font-weight:700;}
.tread_area .list em.type01{background-color:rgba(0,123,138,0.9);}
.tread_area .list em.type02{background-color:rgba(156,93,64,0.9);    display: block;
    position: absolute;
    left: 25px;
    top: 0px;
    width: 60px;
    height: 70px;
    background: url(/wp_img/cate_01.png) no-repeat;
    font-size: 14px;
    line-height: 0;}
.tread_area .list em.type03{background-color:rgba(67,90,124,0.9);}
.tread_area .list span{display:block; padding-left:20px; padding-right:20px; text-align:left; letter-spacing:-1px;}
.tread_area .list .title{padding-top:20px;  font-family: "Noto Sans KR","Lato", sans-serif !important;font-size:18px;padding-left:10px; font-weight:600; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;line-height:20px}
.tread_area .list span:not(.title){padding-top:10px; color:#666; font-family: "Noto Sans KR","Lato", sans-serif !important; font-weight:600;font-size:14px;padding-left:10px;}
.tread_area .bx-controls{text-align:center;}
.tread_area .bx-controls > div,
.tread_area .bx-controls .bx-controls-auto-item{display:inline-block;}
.tread_area .bx-pager{text-align:center; line-height:1em;margin-top:40px;}
.tread_area .bx-pager > div{display:inline-block;}

.tread_area .bx-prev,
.tread_area .bx-next{    display: block;
    position: absolute;
    top: 50%;
    z-index: 20;
    margin-top: -50px;
    width: 60px;
    height: 60px;
    text-indent: 100%;
    /* overflow: hidden; */
    white-space: nowrap;font-size: 0;}
.tread_area .bx-prev{left:0px;}
.tread_area .bx-next{right:0px;}
.tread_area .bx-prev:before,
.tread_area .bx-prev:before, .tread_area .bx-next:before {
    content: '';
    display: block;
    position: absolute;
    /* left: 50%; */
    /* top: 50%; */
    /* margin: -3px 0 0 -16px; */
    width: 60px;
    height: 60px;
    background-image: url(/wp_img/T_arrow.png);
    background-repeat: no-repeat;
}
.tread_area .bx-prev:before{background-position:0px 0px;}
.tread_area .bx-next:before{background-position:-60px 0px;}

.tread_area .bx-prev, .tread_area .bx-next {
    display: block;
    position: absolute;
    top: 50%;
    z-index: 20;
    margin-top: -50px;
    width: 72px;

    background: rgba(0,0,0,0);
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
}


.tread_area .bx-pager .bx-pager-link{    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 0px solid #b7b7b7;
    box-sizing: border-box;
    margin: 0 3px;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
    background: #c9c9c9;
    text-indent: -9999px;
    display: block;
    width: 12px;
    height: 12px;
    margin: 0 5px;
    outline: 0;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    text-align: center;}
.tread_area .bx-pager .bx-pager-link.active{background-color:#F01827; border-color:#F01827;}

.tread_area .bx-start, .tread_area .bx-stop{display:none;}
}



.inquiry_form input[type=button] {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 3px;
    padding: 19px 40px;
    border: 0;
    font-weight: 400;
    line-height: 1;
    cursor: pointer;
    -webkit-transition: background 0.1s ease;
    transition: background 0.1s ease;
    color: #FFFFFF;
    background: #A0A0A0;
    -webkit-appearance: none;
    font-size: 13px;
    border-radius: 2px;
 font-family: Lato, "Noto Sans KR", 맑은고딕, sans-serif;
    letter-spacing: -0.03em;
}



.inquiry_form input[type=submit]:hover{ color:#fff !important;;background:#B60005;}
.inquiry_form input[type=reset]:hover { color:#fff !important;;background:#B60005; }
.inquiry_form input[type=button]:hover { color:#fff !important;;background:#B60005; }
.inquiry_form label { color: #444444;font-size: 14px; }
.inquiry_form ul { margin-bottom: 40px; border-top: 2px solid #F31D1D;    padding: 0px; }
.inquiry_form li { display: table; width: 100%; height: 80px; border-bottom: 1px solid #DEDEDE; }
.inquiry_form li:nth-child(2),
.inquiry_form li:nth-child(3) { float: left; }
.inquiry_form li:nth-child(2) { width: 50%; border-right: 1px solid #DEDEDE; }
.inquiry_form li:nth-child(3) { width: 50%; }

.inquiry_form li > label,
.inquiry_form li > div { display: table-cell; padding: 20px 40px; font-size: 14px; vertical-align: middle; }
.inquiry_form li > div { padding-right: 0; }
.inquiry_form li > div.your_input_company {
    /* padding-right: 40px; */
}
.inquiry_form li > label { width:200px; border-right: 1px solid #DEDEDE; font-weight: 400;font-family: Lato, "Noto Sans KR", 맑은고딕, sans-serif;}
.inquiry_form ul.has_active li.active { display: none; }
.inquiry_form ul.has_active li:nth-child(3) { width: 100%; }
.your_input_categories span { margin: 0 20px 0 0; color: #666666; }



.your_input_company > span,
.your_input_company > small { display: table-cell; vertical-align: baseline; }
.your_input_company > span { width: 48%; }
.your_input_company small { width: 34%; padding: 0 10px; font-size: 14px; word-break: keep-all; color: #888888; }


.inquiry_form li > div.your_input_name {
     padding-right: 40px; 
}

.your_input_name > span,
.your_input_name > small { display: table-cell; vertical-align: baseline; }
.your_input_name > span { width: 48%; }
.your_input_name small { width: 34%; padding: 0 10px; font-size: 14px; word-break: keep-all; color: #888888; }



.your_input_tel span {     position: relative;
    display: inline-block;
      width: 162px;
    padding-right: 32px;
    vertical-align: top; }
.your_input_tel span:after { position: absolute; top: 0; right: 0; display: block; width: 32px; height: 100%; line-height: 2; text-align: center; content: '-'; }
.your_input_tel span:last-child:after { display: none; }

.your_input_email span {    position: relative;
    display: inline-block;
      width: 162px;
    padding-right: 32px;
    vertical-align: top; }
.your_input_email span:first-child:after { position: absolute; top: 0; right: 0; display: block; width: 32px; height: 100%; line-height: 2; text-align: center; content: '@'; }
.your_input_email span:last-child:after { display: none; }



.inquiry_form select {
     border: 1px solid #CCCCCC;
    -webkit-appearance: none;
    -moz-appearance: none;
  -webkit-border-radius: 0px;
    appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    zoom: 1;
    line-height: normal;
}

.inquiry_form input[type=text], .inquiry_form input[type=email], .inquiry_form input[type=password], .inquiry_form input[type=tel], .inquiry_form select, .inquiry_form textarea {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 40px;
    padding: 10px;
    background: #F9F9F9;
}

.inquiry_form select {
    padding: 5px 10px;
    padding-right: 39px;
    background: url(/wp_img/select_arrow_img.png) right center no-repeat;
    font-size: 14px;
}

.inquiry_privacy { margin-bottom: 30px; padding-bottom: 40px; border-bottom: 2px solid #DEDEDE; }
.inquiry_privacy h2 {  font-size: 18px;
    font-weight: 100;
    margin-bottom: 20px;
    /* font-family: Lato, NotoSansCJKkr-Black, 맑은고딕, sans-serif; */
    -webkit-font-smoothing: antialiased;
    text-transform: uppercase;
    letter-spacing: 0px;
font-family: Lato, "Noto Sans KR", 맑은고딕, sans-serif;}
.inquiry_privacy_textarea { overflow-y: auto; width: 100%; height: 194px; padding: 30px; border: 1px solid #DEDEDE; font-weight: 400;font-family: Lato, "Noto Sans KR", 맑은고딕, sans-serif;}

.inquiry_privacy_textarea h4{  font-weight: 400;font-family: Lato, "Noto Sans KR", 맑은고딕, sans-serif;}
.inquiry_privacy_textarea strong {     color: #444444; font-weight: 400;}
.inquiry_privacy_textarea pre { font-family: Lato, "Noto Sans KR", 맑은고딕, sans-serif; font-size: 15px; line-height: 1.6em;color: #888888;letter-spacing: -0.03em; font-weight: 400;}
.inquiry_privacy_checkbox { padding: 15px 0; text-align: right; }
.inquiry_privacy_checkbox span { font-size: 15px; color: #888888; }
.privacy_textarea_content h4,
.privacy_textarea_content pre {font-family: Lato, "Noto Sans KR", 맑은고딕, sans-serif; font-size: 15px; font-weight: 400; line-height: 1.6em; color: #666666; }
.privacy_textarea_content h4 { padding-bottom: 20px; color: #B60005; }
.privacy_textarea_content pre { white-space: pre-wrap; }
.inquiry_btn { text-align: center; }

.inquiry_form input[type=submit] {
    background: #000;
}


input[type=text], input[type=tel], input[type=email], input[type=password], input[type=url], input[type=submit], textarea {
    border: 1px solid #e1e1e1;
    border-radius: inherit;
    background-clip: padding-box;
    -webkit-appearance: none;
}

input[type=radio] {
    border-radius: 100%;
}



select, button {
font-family: Lato, "Noto Sans KR", 맑은고딕, sans-serif;
    font-size: 16px;
      -webkit-border-radius: 0px;
}


.inquiry_form textarea {
    width: 100%;
    height: auto;
    min-height: 290px;
    resize: vertical;
}
.inquiry_form h2 {
    font-size: 26px;
    font-weight: 400;
    margin-bottom: 20px;
    line-height: 1.316;
    /* font-family: Lato, NotoSansCJKkr-Black, 맑은고딕, sans-serif; */
    -webkit-font-smoothing: antialiased;
    text-transform: uppercase;
    letter-spacing: 0px;
    font-family: Lato, "Noto Sans KR", 맑은고딕, sans-serif;
}
.inquiry_form h2 small {
    font-size: 15px;
    color: #666666;
    font-family: Lato, "Noto Sans KR", 맑은고딕, sans-serif;
    /* float: right; */
    /* line-height: 15px; */
    letter-spacing: -0.03em;
}

.inquiry_form textarea {
    overflow: auto;
    vertical-align: top;
}


.sboard_btn { 
display: inline-block;
    width: 132px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #282828;
    border: 1px solid #dedede;
    text-align: center;
    border-radius: 20px;
    font-weight: 700;
    transition: all 0.3s;
    margin-top: 40px;
    margin-right: 8px;
	background:#fff;

}

.sboard_btn:hover{background:#F31D1D;color: #fff;  border: 1px solid #F31D1D;}



.vboard_btn { display: inline-block;
    
    padding: 18px 40px;
    border-radius: 2px;
    text-align: center;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 400;
	font-family: Lato,'notokr-medium', 맑은고딕, sans-serif;
    line-height: 1;
   letter-spacing: -0.03em;
    border: 0px solid #dedede;
     color: #fff !important;
	 background: #A0A0A0;
    -webkit-transition: background 0.1s ease, color 0.1s ease;
    transition: background 0.1s ease, color 0.1s ease;}



.vboard_btn:hover { color: #fff !important;background:#B60005;border: 0px solid #B60005;border-radius: 2px;



}




.board_btn_area { position:relative;margin:32px 0;text-align:center;  }
.board_btn_area:after { clear:both;content:'';display:block;}
.board_btn_area .board_btn_s_action { /* float:left; */font-size:0;line-height:0;}
.board_btn_area .board_btn_p_action { float:right;/* font-size: 0; *//* line-height: 0; */}
.board_btn_area a { margin-right:5px;}
.board_btn_area a:last-child { margin-right:0;}


div.wpcf7 {
	margin: 0;
	padding: 0;
}

div.wpcf7-response-output {
	margin: 2em 0.5em 1em;
	padding: 0.2em 1em;
}

.wpcf7-form-control-wrap {
	position: relative;
}

div.wpcf7 .screen-reader-response {
	position: absolute;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	width: 1px;
	margin: 0;
	padding: 0;
	border: 0;
}


span.wpcf7-list-item {
	margin-left: 0.5em;
}

@media (max-width:768px){
.inquiry_form h2 small {
    display: block;
    margin-top: 10px;
}

.inquiry_form li > div.your_input_name {
    padding-right: 10px;
}

.inquiry_form ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
    .inquiry_form li:nth-child(n) { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: column; height: auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
    .inquiry_form li > label,
    .inquiry_form li > div { display: block; padding: 10px; }
    .inquiry_form li > label { width: auto; padding-bottom: 0; border-right: 0; }
    .inquiry_form input[type=email] { width: 100%; }
    .your_input_categories .wpcf7-radio { display: block; }
    .your_input_categories .wpcf7-radio:after { clear: both; display: block; content: ''; }
    .your_input_categories .wpcf7-list-item { float: left; display: block; width: 50%; margin: 0; }
    .your_input_tel span { width: 33.333%; padding-right: 10px; }
    .your_input_tel span:after { display: none; }

.inquiry_form li:nth-child(2), .inquiry_form li:nth-child(3) {
    float: none;
    width: 100%;
}
.inquiry_form li:nth-child(2) {
    border-right: 0;
}
    .your_input_email span { width: 33.333%; padding-right: 10px; }
    .your_input_email span:after { display: none; }

    .your_input_email span:first-child:after { display: none; }

.inquiry_form{
/*
padding-left:2%;
padding-right:2%;*/
}
.board_area {
padding-left:2%;
padding-right:2%;
}

.sboard_btn {
    display: inline-block;
    width: 92px;
    height: 40px;
    line-height: 40px;
}
.board_btn_area {
    position: relative;
    margin: 0px 0;
    text-align: center;
}
.board_area {
    min-height: 300px;
}
}

.board_btn_area { position:relative;margin:32px 0;text-align:center;}
.board_btn_area:after { clear:both;content:'';display:block;}
.board_btn_area .board_btn_s_action { /* float:left; */font-size:0;line-height:0;text-align:center;}
.board_btn_area .board_btn_p_action { float:right;/* font-size: 0; *//* line-height: 0; */}
.board_btn_area a { margin-right:5px;}
.board_btn_area a:last-child { margin-right:5px;}



.board {padding-bottom: 190px;     padding-top: 20px;  /*padding-right: 2%;padding-left: 2%;*/}

.board .board_list li {
    list-style: none;
}

.board_list {border-top: 2px solid #F31D1D;display: table;width: 100%;padding:0px;}
.board_list li {display: table-row;transition: background 300ms;}
.board_list li {
    list-style: none;
}
.board_list > li > div {display: table-cell;vertical-align: middle;height: 80px;border-bottom: 1px solid #dedede;}

.board_list_num {width: 155px;text-align: center;}
.board_list_num time {display: block;border-right: 1px solid #dedede;line-height: 43px;
    font-size: 13px;}
.board_list_num span {margin-top: 5px;font-size: 14px;color: #959595;   font-family: Lato,Noto Sans KR, 맑은고딕, sans-serif;}


.board_list_name {width: 155px;text-align: center;}
.board_list_name time {display: block;border-left: 1px solid #dedede;line-height: 43px;
    font-size: 13px;}
.board_list_name span {margin-top: 5px;font-size: 14px;color: #959595;   font-family: Lato,Noto Sans KR, 맑은고딕, sans-serif;}




.board_list_time {width: 155px;text-align: center;}

.board_list_time i {
    overflow: hidden;
    position: relative;
    display: inline-block;
    width: 23px;
    height: 15px;
    white-space: nowrap;
    vertical-align: middle;
    text-indent: 100%;
    font-style: normal;
    line-height: 1;
}




.board_list_time time {display: block;border-left: 1px solid #dedede;}
.board_list_time b, .board_list_time span {display: block;font-size: 48px;color: #444;line-height: 48px;font-weight:400;}
.board_list_time span {margin-top: 5px;font-size: 14px;line-height: 43px;color: #959595;   font-family: Lato,Noto Sans KR, 맑은고딕, sans-serif;}
.board_list_content {padding: 0 40px;}
.board_list_content h2 {    font-size: 14px;
    /* margin-bottom: 24px; */
    font-weight: 400;
    color: #444;
    line-height: 22px;
    font-family: Lato,Noto Sans KR, 맑은고딕, sans-serif;
    letter-spacing: -0.03em;
    height: 22px;
    vertical-align: middle;}


.board_list_content h2 a{
      /* height: 32px;
    vertical-align: top;
   margin-top: 10px;
    line-height: 2.2; */
	    font-size: 14px;
	}


.board_list_excerpt p {font-size: 13px;color: #888;}
.board_list_more {width: 170px;text-align: center;}
.board_btn {display: block;width: 110px;padding: 12px 0;font-size: 14px;font-weight: 700;line-height: 1;color: #a6a5a5;border: 1px solid #b9b9b9;border-radius: 2px;transition: 300ms;}
.board_list li:hover {background: #fff;cursor: pointer;}
.board_list li:hover .board_btn {color: #db0229;background: #fff;border-color: #db0229;}

/* PAGENATION */
.jt_pagination_board {margin: 50px auto;font-size: 0;line-height: 0;text-align: center;}
.jt_pagination_board a.page-numbers, .jt_pagination_board span.current {display: inline-block;width: 28px;height: 28px;margin-right: 5px;vertical-align: top;font-size: 14px;line-height: 26px;text-align: center;color: #888;background: #fff;border: 1px solid #dedede;}
.jt_pagination_board a.prev, .jt_pagination_board a.next {line-height: 23px;}
.jt_pagination_board a.page-numbers:hover,
.jt_pagination_board span.current {color: #db0229;}




.b_paging {
    padding-top: 50px;
    clear: both;
	position: relative;
    width:100% ;
    margin: 0 auto;
}
table.page {
	border-collapse: collapse;
	text-indent:0;
	font-weight:normal;

}



.b_paging table {
margin: 0 auto;

}

table.page td a {
	padding:0 10px;
}
table.page td.arr a {
	padding:0 1px;
}
span.on a {
	color:#267dc1;
	font-weight:bold;
	text-decoration:underline;
}

.paging_item a {
    font-size: 15px;
    color: #001e3a;
	    font-family: Lato,Noto Sans KR, 맑은고딕, sans-serif;
}

td.paging_item {

	width: 32px;
    height: 32px;
	text-align: center;
}

.paging_on > a {
    position:relative;
}

.paging_on > a:after{
    content: '';
    width: 100%;
    height: 1px;
    background-color: #001e3a;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

td.paging_arr > a, td.paging_arr > span {
    border: 0px solid #ccd7df;
    width: 32px;
    height: 32px;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background:no-repeat center center;
    cursor: pointer;
}

td.paging_arr a {  width: 32px;  height: 32px; border: 0px solid #ccd7df; overflow: hidden; display: block; text-indent: -9999px;}


td.paging_arr.paging_firsta, td.paging_arr.paging_first> span{
    background-image:url('/wp_img/arrow_first.png');
}
td.paging_arr.paging_prev a, td.paging_arr.paging_prev > span{
    background-image:url('/wp_img/arrow_prev.png');
}
td.paging_arr.paging_next a, td.paging_arr.paging_next > span{
    background-image:url('/wp_img/arrow_next.png');
}
td.paging_arr.paging_lasta, td.paging_arr.paging_last> span{
    background-image:url('/wp_img/arrow_last.png');
}

td.paging_arr a:hover, td.paging_arr > span:hover {
    background-repeat: no-repeat;
    border: 1px solid #001e3a;
}

td.paging_arr.paging_first a:hover, td.paging_arr.paging_first > span:hover{
    background-image:url('/wp_img/arrow_first_b.png');
 	border: 0px;
	transition: color 300ms, border 300ms, background 300ms;
}
td.paging_arr.paging_prev a:hover, td.paging_arr.paging_prev > span:hover{
    /*background-image:url('/z_img/z_page_btn.png');*/
    background-image:url('/wp_img/arrow_prev_b.png');    
	border: 0px;
transition: color 300ms, border 300ms, background 300ms;
}
td.paging_arr.paging_next a:hover, td.paging_arr.paging_next > span:hover{
    /*background-image:url('/z_img/z_page_btn.png');*/
	background-image:url('/wp_img/arrow_next_b.png');
	border: 0px;
transition: color 300ms, border 300ms, background 300ms;
}
td.paging_arr.paging_last a:hover, td.paging_arr.paging_last > span:hover{
    background-image:url('/wp_img/arrow_last_b.png');
   	border: 0px;
	transition: color 300ms, border 300ms, background 300ms;
}

td.paging_arr > a > span , td.paging_arr > a > span:hover { border: 0px;}

td.paging_arr.paging_prev{    padding-right: 8px; }
td.paging_arr.paging_next{	padding-left: 8px; }


span.paging_text {
    text-indent: -9999px;
    display: block;
}

table.page{
    border-spacing: 4px;
    border-collapse: separate;
}

table.page td a {
    padding: 0;
}

td.paging_item a {
    display: inline-block;
    min-width: 12px;
    margin: 0 1px;
    text-align: center;
	height: 20px;
	    font-size: 12px;
}
.paging_item a:hover {
    color:#9b8e83
}

#notice-list {
    width: 100%;
    margin: 0 auto;
    color: #666666;
}


#notice-list, #notice-list table, #notice-list tr, #notice-list td, #notice-list a {
    font-size: 15px;
    line-height: 1.5;
}




#notice-list .no-list { position:relative;border-top:2px solid #AF9A78;}
#notice-list  .no-list:after { clear:both;content:'';display:block;}
#notice-list  .no-list-item { position:relative;width:100%;padding:50px 0 50px;border-bottom:1px solid #DCD7D2;}
#notice-list .no-list-item:after { clear:both;content:'';display:table;}
#notice-list  .no-list-item .no-list-item-inner { overflow:hidden;}
#notice-list  .no-list-item:hover span.jtbk-story-hover { z-index:2;position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;display:none;border:1px solid #E47139;}
#notice-list  .no-list-item img { /* position:absolute; *//* top:0; *//* right:0; *//* bottom:0; *//* left:0; *//* margin:auto; */}
 #notice-list   .no-list-item em {font-style: normal;font-family:Lato, NotoSansCJKkr, 맑은고딕, sans-serif;}
 #notice-list   .no-list-item figure {overflow:hidden;float:left;position:relative;/* width:282px; *//* height:168px; */border-radius:2px;}
 #notice-list   .no-list-item figure > a {position:relative;display:block;width:100%;height:100%;}
 #notice-list   .no-list-item figcaption { text-align:center;}

 #notice-list  .current-category { display:none;padding:9px 15px;font-size:15px;color:#FFFFFF;background-color:#000000;}
 #notice-list  .current-category.cat_0 { background-color:#4A463D;}
 #notice-list  .current-category.cat_1 { background-color:#41472E;}
 #notice-list  .current-category.cat_2 { background-color:#383B4D;}
 #notice-list  .no-list-meta {float:left;width: 900px;height:100%;padding-left:78px; cursor:pointer;}
 #notice-list  .no-list-title { font-size:18px;color:#222222;font-family: Lato, NotoSansCJKkr, 맑은고딕, sans-serif;font-weight: 400;}
 #notice-list  .no-list-excerpt {overflow:hidden;margin: 10px 0 10px;padding:0;}
 #notice-list  .no-list-excerpt p {margin:0;word-break:break-all;height: 46px;font-size:14px;line-height:1.714;color:#777777;font-family:Lato, NotoSansCJKkr, 맑은고딕, sans-serif;}
 #notice-list  .no-list-date { font-size:12px;font-weight:700;color:#888888;font-weight: 400;}
 #notice-list  .no-list-media { display:none;padding-left:3px;font-size:14px;font-weight:500;color:#AB7A5B;}
 #notice-list  .no-list-more {display: inline-block;padding: 19px 50px;border-radius: 0px;text-align: center;text-transform: uppercase;font-size: 12px;font-weight: 700;line-height: 1;letter-spacing: 0.1em;border: 0px solid #bebebe;color: #f3efc5 !important;background: #000;-webkit-transition: background 0.1s ease, color 0.1s ease;transition: background 0.1s ease, color 0.1s ease;font-family: Lato, NotoSansCJKkr, 맑은고딕, sans-serif;}
 #notice-list  .no-list-item:hover .no-list-more { border:0px ;color:#fff !important;;background:#B60005;}




@media (max-width:1280px) {

    /* **************************************** *
     * LIST
     * **************************************** */
    #notice-list .no-list-item figure {width: 282px;}
    #notice-list .no-list-meta {width: -webkit-calc(100% - 282px);width: calc(100% - 282px);}
}
@media (max-width:783px) {

    /* **************************************** *
     * LIST
     * **************************************** */
    #notice-list .no-list-item figure { display:none;}
    #notice-list .no-list-meta { width:100%;padding-right:15px;padding-left:15px;}

    /* **************************************** *
     * DETAIL
     * **************************************** */
     #notice-list .notice-date .notice-name{ display:none}
     #notice-list .notice-date .notice-value{white-space: normal;}
     #notice-list .notice-date .notice-value{ padding-left: 0;}
     #notice-list .notice-date p{ padding-left: 10px;}

.main_prd_list li div{
    height: 30px;
    font-size: 16px;
}
.main_prd_list li {
    width: 33.33%;
    margin-bottom: 25px;
}
.main_prd_list li span{
    font-size: 14px;
}
.main_prd_list li:nth-child(4),.main_prd_list li:nth-child(5) {
    width: 50%;
}
.main_prd_list li span.cc {
    display: block;
    height: 20px;
    text-decoration: none;
    font-weight: 600;
    font-size: 12px;
    margin-top: 5px;
}

.main_prd_list li:nth-child(4):before{
  display: none;
}




}
@media (max-width:480px) {

    /* **************************************** *
     * LIST
     * **************************************** */
    #notice-list .no-list-item { padding:30px 0;}
    #notice-list .no-list-title { padding:10px 0;}
    #notice-list .no-list-excerpt { position:relative;height:26px;margin:0;}
    #notice-list .no-list-excerpt p {    overflow: hidden;    text-overflow: ellipsis;    white-space: nowrap;}
    #notice-list .no-list-more { display:none;}



}

.sboard_btn { 
display: inline-block;
    width: 132px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #282828;
    border: 1px solid #dedede;
    text-align: center;
    border-radius: 20px;
    font-weight: 700;
    transition: all 0.3s;
    margin-top: 40px;
    margin-right: 8px;
	background:#fff;

}

.main_icon { 
    width: 42px;
    height: 20px;
    line-height: 20px;
    font-size: 7px;
    color: #fff;
    border: 0px solid #dedede;
    text-align: center;
    /* border-radius: 20px; */
    font-weight: 700;
    transition: all 0.3s;
    /* margin-top: 40px; */
    /* margin-right: 8px; */
    background: #F7941D;
    /* position: absolute; */
    /* top: 2px; */
    margin-left: 10px;


}

.main_prd_list li span.main_icon { 
    width: 42px;
    height: 20px;
    line-height: 20px;
    font-size: 13px;
    color: #fff;
    border: 0px solid #dedede;
    text-align: center;
    border-radius: 3px;
    font-weight: 700;
    transition: all 0.3s;
    /* margin-top: 40px; */
    /* margin-right: 8px; */
    background: #F7941D;
    /* position: absolute; */
    /* top: 2px; */
    margin-left: 10px;
    padding: 0px 0px 0px 0px;

}


.main_prd_list li span.main_icon p {
    color: #fff;
    height: 20px;
    text-decoration: none;
    font-weight: 600;
    line-height: 20px;
	    font-size: 12px;
}

.sboard_btn:hover{background:#F31D1D;color: #fff;border: 1px solid #F31D1D;}


.board_area {
    position: relative;
    top: 0;
    width: 100%;
    padding: 0% 0%;
    background: #fff;
    margin-top: -8.94vh;
    max-width: 1440px;
    margin: 0 auto;
    margin-bottom: 0px;
    min-height: 400px;
}


.board_view {padding-bottom: 170px;}
.board_view_txt {}

.board_view_title {width: 100%;padding: 25px 30px;position: relative;background: #fff;border-bottom: 1px solid #dedede;border-top: 2px solid #F31D1D;}
.board_view_title h2 {display: block;width: 100%;padding-right: 100px;font-size: 15px;font-weight: 400;color: #222;
    font-weight: 400;
    letter-spacing: -0.03em;}
.board_view_title span {display: block;height: 22px;position: absolute;right: 30px;top: 50%;margin-top: -11px;font-size: 15px;color: #666;
    font-weight: 400;
    letter-spacing: -0.03em;font-family: Lato, "Noto Sans KR", 맑은고딕, sans-serif;}

.board_view_content {padding: 40px 30px;min-height: 250px;font-size: 14px;color: #666;
    font-weight: 400;
    letter-spacing: -0.03em;border-bottom: 1px solid #dedede;line-height: 1.5;}


@media screen and (max-width: 767px){
.board {
    padding-bottom: 190px;
    /* padding-top: 60px; */
    /* padding-right: 2%;
    padding-left: 2%;*/
}
.board_list_content h2 {
    font-size: 14px;
    /* margin-bottom: 24px; */
    /* font-weight: 400; */
    color: #444;
    line-height: 22px;
    font-family: Lato,Noto Sans KR, 맑은고딕, sans-serif;
    /* letter-spacing: -0.03em; */
    /* height: 22px; */
    /* vertical-align: middle; */
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}


.board_list {
    border-top: 2px solid #F31D1D;
    display: block;
    width: 100%;
    padding: 0px;
}


.main_icon { 
display: inline-block;
    width: 32px;
    height: 20px;
    line-height: 20px;
    font-size:5px;
    color: #fff;
    border: 0px solid #dedede;
    text-align: center;
    /* border-radius: 20px; */
    font-weight: 700;
    transition: all 0.3s;
    /* margin-top: 40px; */
    /* margin-right: 8px; */
    background: #F7941D;
  

}

.board_list li {
    display: table-row;
    transition: background 300ms;
}

.board_list > li > div {
    display: table-cell;
    vertical-align: middle;
    height: 60px;
    border-bottom: 1px solid #dedede;
}
.board_list_content {
    padding: 0 5%;
    width: 70%;
}
.board_list_name {
    width: 155px;
    text-align: center;
}
 .board_list > li > div.board_list_num {display: none;}
	.board_list > li > div.board_list_time {display: none;}

}


.list_thumb {
    display: block;
    overflow: hidden;
    position: relative;
}


.list_thumb img{

display: block;
    width: 100%;
    height: auto;
 

}
@media all and (max-width:1024px){

	.tlike_area{padding:30px 10px;}
	.tlike_area .list img{width:100%;}
	.tlike_area .bx-prev{left:25px;}
	.tlike_area .bx-next{right:25px;}
	.tlike_area .bx-controls-auto{display:none !important;}
	.tlike_area .list li{height:260px;}
	.tlike_area .list span{padding-left:0px; padding-right:0px;}

	.m_tlike_area{padding:30px 50px;}
	.m_tlike_area .list img{width:100%;}
	.m_tlike_area .bx-prev{left:25px;}
	.m_tlike_area .bx-next{right:25px;}
	.m_tlike_area .bx-controls-auto{display:none !important;}
	.m_tlike_area .list li{height:260px;}
	.m_tlike_area .list span{padding-left:0px; padding-right:0px;}


  	.tread_area{padding:30px 10px;}
	.tread_area .list img{width:100%;}
	.tread_area .bx-prev{left:25px;}
	.tread_area .bx-next{right:25px;}
	.tread_area .bx-controls-auto{display:none !important;}
	.tread_area .list li{height:260px;}
	.tread_area .list span{padding-left:0px; padding-right:0px;}

	.m_tread_area{padding:30px 50px;}
	.m_tread_area .list img{width:100%;}
	.m_tread_area .bx-prev{left:25px;}
	.m_tread_area .bx-next{right:25px;}
	.m_tread_area .bx-controls-auto{display:none !important;}
	.m_tread_area .list li{height:260px;}
	.m_tread_area .list span{padding-left:0px; padding-right:0px;}

	
}
br.mo{
display:none;
}


.footer_bottom .footer_logo {
    margin-bottom: 25px;
    display: none;
}

@media all and (max-width:768px){

	
	.tlike_area h2{font-size:25px;}
	.tlike_area .list li{height:365px;}

	.m_tlike_area h2{font-size:25px;}
	.m_tlike_area .list li{height:365px;}
	
	.tread_area h2{font-size:25px;}
	.tread_area .list li{height:365px;}

	.m_tread_area h2{font-size:25px;}
	.m_tread_area .list li{height:365px;}

.main_prd_list li span.main_icon { 
    width: 42px;
    height: 20px;
    line-height: 20px;
    font-size: 10px;
    color: #fff;
    border: 0px solid #dedede;
    text-align: center;
    /* border-radius: 20px; */
    font-weight: 700;
    transition: all 0.3s;
    /* margin-top: 40px; */
    /* margin-right: 8px; */
    background: #F7941D;
    /* position: absolute; */
    /* top: 2px; */
    margin-left: 4px;

}
.main_prd_list li span.main_icon p {
    color: #fff;
    height: 20px;
    text-decoration: none;
    font-weight: 600;
    line-height: 20px;
	    font-size: 11px;
}
.main_prd_list li div p {
    display: inline-block;
    height: 20px;
    text-decoration: none;
    font-weight: 600;
    line-height: 20px;
    font-size: 13px;
}
.footer_bottom p {
    line-height: 1.4;
    font-weight: 700;
    font-size: 13px;
	text-align:center;
}


.footer_bottom p .bl {

}
#footer .layout {
    padding: 0 0px 100px 0px;
    max-width: 1200px;
    /* margin: 0 auto; */
}

#footer .right_logo {
display:none;
}
br.mo{
display:block;
}
.footer_bottom .footer_logo {
    margin-bottom: 25px;
    display: block;
    text-align: center;
}
}


@media all and (max-width:760px){
	.tlike_area .list li{height:265px;}
	.m_tlike_area .list li{height:265px;}

	.tread_area .list li{height:265px;}
	.m_tread_area .list li{height:265px;}


.your_input_name > span {
    width: 100%;
}

}



@media all and (max-width:480px){

	
	.tlike_area .list li{height:240px;}
	
	.m_tlike_area .list li{height:240px;}


	.tread_area .list li{height:240px;}
	
	.m_tread_area .list li{height:240px;}
	
}


@media all and (max-width:320px){

	
	.tlike_area .list li{height:240px;}
	
	.m_tlike_area .list li{height:240px;}


	.tread_area .list li{height:240px;}
	
	.m_tread_area .list li{height:240px;}
	
}
.table_figure.jt_table {width: 100%;border-collapse: collapse;border-spacing: 0;border-left: 0px solid #dddddb; background: #ffffff;}
.table_figure.jt_table  tr:nth-child(2){border-top: 0px solid #384ea1;}

.table_figure.jt_table thead tr th:first-child{width:20%;}
.table_figure.jt_table thead tr th:nth-child(2){width:20%;}
.table_figure.jt_table thead tr th:nth-child(3){width:60%;}
.table_figure.jt_table tbody td{text-align:center}
.table_figure.jt_table td:first-child {
 border-left:0px;}

.table_figure.jt_table td:last-child{
  
    border-right: 0px;
  
}
.table_figure.jt_table thead th:last-child{
  
    border-right: 0px;
  
}

.table_figure.jt_table thead th:empty{padding:0;border: solid #384ea1;border-width: 2px 0 0 0;}
.table_caption {caption-side: bottom; color: #666666; font-size: 13px; line-height: 2em;}
.table_figure.jt_table td,
.table_figure.jt_table th {border: solid #dddddb; border-width: 1px 1px 1px 0px; font-size: 15px; vertical-align: middle; padding:17px 30px; line-height:1.8;}
.table_figure.jt_table th {color: #222222; background-color: #fcfcfc; font-weight: 700; text-align: center;}
.table_figure.jt_table td {color: #666666;}

.table_figure.jt_table td.cc { text-align: left;}


.table_figure.jt_table .unorder_list > li {display: inline-block; width: 100%;    text-align: left;}
.table_figure.jt_table .table_header_background_none {background-color: #ffffff; vertical-align: middle;}



@media all and (max-width:760px){

.table_figure.jt_table tbody td {
      padding:7px 1%;
}

.table_figure.jt_table th {
    padding:7px 1%;
}

.table_figure.jt_table td,
.table_figure.jt_table th { font-size: 12px;}
.table_figure.jt_table thead tr th:first-child{width:40%;}
.table_figure.jt_table thead tr th:nth-child(2){width:15%;}
.table_figure.jt_table thead tr th:nth-child(3){width:45%;}

}