/*
Theme Name:dt-the7-child
Description:Created by NXweb. dt-the7-child theme
template:dt-the7
Author:NXWEB beop07
-------------------------------*/
/*font*/
@charset "utf-8";
@import "reset.css";
.pointColor{color:#264188 !important}
.redColor{color:#f00 !important}
a{color:#555}

/*header*/
#top_bar{height:30px;background-color:#fff;border-bottom:1px solid #ddd; -webkit-transition:height 0.3s ease;transition:height 0.3s ease}
#top_bar > .wf-wrap{width:1230px}
#header.float{box-shadow:2px 2px 10px rgba(0,0,0,0.2);background: #fff; none repeat center top;  } /* rgba(13,22,35,0.9) */
#header.float #top_bar{height:0;overflow:hidden}
#top_bar .ul_top > li{position:relative;margin:0 14px}
#top_bar .ul_top > li > a{line-height:30px;font-size:12px;color:#000}
#top_bar .ul_top > li:first-child:after{content:"";position:absolute;top:18px;right:-14px;display:inline-block;width:1px;height:7px;background-color:#5c5d5d}
#top_bar .ul_top > li input[type=text]{color:#fff;background-color:#2f3133;width:200px;height:30px;border:0;font-size:13px;padding:4px 20px;vertical-align:top;margin:0}
#top_bar .ul_top > li input[type=submit]{width:40px;height:30px;text-indent:-9999px;border:0;margin:0;vertical-align:top;background:#2f3133 url('../img/ic/ic_search.png') no-repeat center center}
#top_bar .ul_top > li.form{color:#fff;margin-right:0}
#top_bar ::-webkit-input-placeholder{color:#999}
#top_bar :-ms-input-placeholder{color:#999}

#header{position:fixed;top:0;left:0;width:100%}
#branding a img, #branding img{width:264px}
#main-nav{margin-right:-17px}
#main-nav > li{margin:0 17px}
#main-nav > li:after{content:"";position:absolute;display:block;width:4px;height:4px;border-radius:2px;background-color:#fff;right:-21px;top:50%;margin-top:0px;opacity:0.3}
#main-nav > li:last-child:after{display:none}
#main-nav > li > a{font-size:14px;opacity:0.9}
#main-nav.brackets > li > a > span:before{bottom:10px}
#main-nav .sub-nav > ul{margin-top:8px}
#main-nav .sub-nav > ul > li{border-bottom:1px solid #445a77}
#main-nav .sub-nav > ul > li > a{font-size:14px;padding:10px;text-align:center;}

#main-nav > li:nth-child(1) .sub-nav{margin-left:-78px}
#main-nav > li:nth-child(2) .sub-nav{margin-left:-44px}
#main-nav > li:nth-child(3) .sub-nav{margin-left:-88px}
#main-nav > li:nth-child(4) .sub-nav{margin-left:-70px}
#main-nav > li:nth-child(5) .sub-nav{margin-left:-78px}
#main-nav > li:nth-child(6) .sub-nav{margin-left:-52px}
#main-nav > li:nth-child(7) .sub-nav{margin-left:-70px}

@media (max-width:1280px){
	#branding a img, #branding img{width:238px}
	#main-nav{margin-right:-12px}
	#main-nav > li{margin:0 12px}
	#main-nav > li:after{right:-17px}
}

@media (max-width:970px){
	#header #top_bar{height:0;overflow:hidden}
}
@media (max-width:640px){

}
@media (max-width:400px){
}


/* mobile_menu */
#dl-menu.wf-mobile-visible, #mobile-menu, #dl-menu{display:none !important}
#m_btn{display:none}
#mask{position:fixed;top:0;display:none;width:100%;height:100%;min-height:840px;background:rgba(0,0,0,0.7);z-index:10019}
.btn_m_menu{position:relative;display:inline-block;right:-7px}
.lines, .lines:before, .lines:after{background:#000;width:21px}
.lines:after{top:-6px}.lines:before{top:6px}
@media (max-width:970px){
	#m_btn{display:table-cell}
}

#m_language{width:110px;height:30px;color:#444;margin:0;padding:0 5px;font-size:13px}
.m_menu{position:fixed;display:block;overflow-y:auto;width:220px;top:0;right:-220px;height:100%;min-height:800px;z-index:10020}
.m_menu_wrap{position:absolute;right:0;width:100%;overflow:auto;height:100%;min-height:880px;background-color:#ebebeb;box-shadow:0px 0px 14px rgba(0,0,0,0.2);z-index:10022}
.m_menu_header{position:relative;padding:22px 14px 22px 20px;overflow:hidden;background-color:#264188}
.m_menu_header .m_menu_close{height:25px}
.m_menu_header input[type=text]{width:122px;height:34px;font-size:13px;margin-bottom:0}
.m_menu_close #m_menu_close{position:relative;display:inline-block;width:25px;height:25px;vertical-align:top;top:3px}
.m_menu_close #m_menu_close:before{content:'';position:absolute;display:inline-block;top:10px;right:0;width:25px;height:2px;background:#fff;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.m_menu_close #m_menu_close:after{content:'';position:absolute;display:block;top:10px;right:0;width:25px;height:2px;background:#fff;-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.m_menu_con a{color:#333;font-size:13px;font-weight:bold}
.m_menu_con a:hover{color:#264188;text-decoration:none}
.m_menu_con .menu{margin:0;padding:0}
.m_menu_con .menu > li{margin:0;padding:0;border-bottom:1px solid #b5b5b5}
.m_menu_con .menu > li > a{width:100%;font-size:13px;padding-left:20px;padding-top:13px;padding-bottom:13px;display:inline-block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.m_menu_con .menu > li.current_page_parent > a, .m_menu_con .menu > li.current-page-ancestor > a, .m_menu_con .menu > li.current_page_ancestor > a,
.m_menu_con .menu > li.current-menu-item > a{font-weight:600;color:#264188}
.m_menu_con .menu > li.menu-item-has-children > a:after{content:"";position:absolute;display:inline-block;top:14px;right:18px;width:7px;height:7px;border:1px solid #555;border-top-color:transparent;border-left-color:transparent;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.m_menu_con .menu > li.menu-item-has-children > a.open:after{top:20px;-ms-transform:rotate(225deg);-webkit-transform:rotate(225deg);transform:rotate(225deg)}
.m_menu_con .menu > li > ul{display:none;background-color:#d6d6d6}
.m_menu_con .menu > li > ul > li{padding:6px 0}
.m_menu_con .menu > li > ul > li:first-child{padding-top:12px;border-top:1px solid #b5b5b5}
.m_menu_con .menu > li > ul > li:last-child{padding-bottom:12px}
.m_menu_con .menu > li > ul > li > a{position:relative;display:block;width:100%;padding-left:20px;padding-right:29px;color:#555;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.m_menu_con .menu > li > ul > li > ul{padding-left:32px}
.m_menu_con .menu > li > ul > li > ul > li > a{color:#666;display:inline-block;margin-top:7px}
.m_menu_con .menu > li > ul > li > ul > li > a:before{content:"- "}
.m_menu_con .menu > li.current-menu-parent > ul{display:block}
.m_menu_con .menu > li.current-menu-parent > ul > .current_page_item > a{text-decoration:underline}
.m_menu_con .menu > li > ul > li > ul > li.current-menu-item > a{text-decoration:underline}

/*active*/
.m_menu_con .menu > li.menu-item-has-children.current_page_ancestor > ul,
.m_menu_con .menu > li.menu-item-has-children.current_page_parent > ul,
.m_menu_con .menu > li.menu-item-has-children.current_page_item > ul,
.m_menu_con .menu > li > ul > li.current_page_parent ul,
.m_menu_con .menu > li > ul > li.current_page_item ul{display:block}
@media (max-width:970px){
	#m_btn{display:table-cell !important}
}

/* btn*/
.btn01{display:inline-block;padding:10px 21px;border-radius:20px}
.btn_detail{background-color:#818796;color:#fff;font-size:11px;text-align:center;font-weight:bold;padding:10px 17px}

/* main */
.home .content{padding-bottom:20px}
#main-slideshow{padding-top:40px;background-color:#1b2531}
#main-slideshow .tp-bullets{width:100% !important;left:0;text-align:center}
#main-slideshow .custom .tp-bullet{display:inline-block;position:relative;left:-1px !important;width:15px;height:15px;background:transparent;border:1px solid #fff;border-radius:50%;box-sizing:border-box;margin:0 4px}
#main-slideshow .custom .tp-bullet.selected{width:35px;border-radius:8px;background:#fff}
.mtt{font-size:36px;line-height:46px;color:#4f636f;text-align:center;font-weight:400;letter-spacing:-0.4px}
.mtt.white{color:#fff}
.mtt:after{content:"";display:block;width:40px;height:2px;background-color:#4f636f;margin:20px auto}
.mtt.white:after{background-color:#fff}
.mtt_02{font-size:26px;line-height:34px;color:#4f636f;letter-spacing:-0.5px;font-weight:400;margin-bottom:20px !important}
.ul_m_solution{margin:0 -20px}
.ul_m_solution > li{float:left;width:25%;text-align:center;padding:20px;box-sizing:border-box}
.ul_m_solution > li > a > img{max-width:270px;width:100%}
.ul_m_solution > li > h4{font-size:15px;line-height:24px;color:#fff;font-weight:bold;margin:14px 0 7px}
.ul_m_solution > li > p{font-size:13px;line-height:20px;color:#fff;margin-bottom:15px}
.ul_m_solution .btn01{background:transparent;color:#d1d4d9;font-size:12px;border:1px solid #d7dbe1;font-weight:700}
.ul_m_solution .btn01:hover{background:#d7dbe1;color:#4f636f}
#main_map{height:332px;box-sizing:border-box;border:1px solid #d7d7d7}

.row_m_contact .vc_col-sm-6:first-child{padding-right:70px !important}
.row_m_contact .vc_col-sm-6:last-child{padding-left:70px !important}
.row_m_contact .vc_col-sm-6:first-child:after{content:"";position:absolute;top:0;bottom:0;right:0;width:1px;height:100%;background-color:#ddd}

.m_inquiry_box ul{margin:0 -3px}
.m_inquiry_box ul > li{float:left;width:100%;padding:3px;box-sizing:border-box}
.m_inquiry_box ul > li.col2{width:50%}
.m_inquiry_box input[type=text],
.m_inquiry_box input[type=tel],
.m_inquiry_box input[type=email],
.m_inquiry_box textarea{border:1px solid #d7d7d7;border-radius:5px;color:#666;font-size:13px;padding:12px 14px;background:#fff}
.m_inquiry_box textarea{height:119px;resize:none}
.m_inquiry_box ::-webkit-input-placeholder{color:#888 !important}
.m_inquiry_box :-ms-input-placeholder{color:#888 !important}
.m_inquiry_box :-moz-placeholder{color:#888 !important}
#btn_m_submit{font-size:14px;line-height:40px;color:#fff;font-weight:700;width:130px;height:40px;background:#6d6e6f;border-radius:5px}

.mc{text-align:center}
.mc > .img_area > a{display:inline-block}
.mc > .txt_area > h4{margin-top:10px;margin-bottom:15px}
.mc > .txt_area > h4 > a{color:#4f636f;font-size:12px;font-weight:700;}
.mc .btn01{background-color:#093f83;color:#fff;font-size:11px;text-align:center;font-weight:bold;}
#content .slick-next{right:-30px}
#content .slick-prev{left:-30px}


@media (max-width:1280px){
	.ul_m_solution{margin:0 -10px}
	.ul_m_solution > li{padding:15px 10px}
	.row_m_contact .vc_col-sm-6:first-child{padding-right:40px !important}
	.row_m_contact .vc_col-sm-6:last-child{padding-left:40px !important}
	.mc > .txt_area > h4 > a{font-size:15px}
	#content .slick-next{right:-15px}
	#content .slick-prev{left:-15px}
}
@media (max-width:970px){
	#main-slideshow{padding-top:0}
	.mtt{font-size:32px;line-height:42px}
	.mtt:after{width:36px}

	.ul_m_solution{max-width:640px;margin:30px auto 0}
	.ul_m_solution > li{width:50%}
	.ul_m_solution > li:nth-child(2n+1){clear:both}

	.row_m_contact .vc_col-sm-6:first-child{padding-right:25px !important}
	.row_m_contact .vc_col-sm-6:last-child{padding-left:25px !important}

}
@media (max-width:768px){
	.row_m_contact .vc_col-sm-6:first-child{padding-right:15px !important}
	.row_m_contact .vc_col-sm-6:last-child{padding-left:15px !important}
	.row_m_contact .vc_col-sm-6:first-child:after{position:relative;top:auto;display:block;left:0;bottom:0;right:0;width:100%;height:1px;margin:22px 0 26px}
}
@media (max-width:480px){
	.mtt{font-size:28px;line-height:38px}
	.mtt:after{margin:17px auto}
	.ul_m_solution{margin:30px -10px 0}

	.m_inquiry_box ul > li.col2{width:100%}
	.mc > .txt_area > h4 > a{font-size:14px}

	#rev_slider_3_1{margin-top:73px !important}

}


/* sub */
.wf-container{}
.sidebar-left .wf-container-main{position:relative}
.sidebar-left .wf-container-main:before{content:"";position:absolute;width:0;right:15px;height:100%;border-right:1px solid #e1e1e1}
.sidebar-left .wf-container-main:after{content:"";position:relative;display:block;clear:both}
.sidebar{width:21.95%;position:absolute;min-height:600px;max-width:270px;top:0;bottom:0}
.content{width:78.05%;padding-bottom:60px}
.sidebar-left .content,.sidebar-right .sidebar{padding-left:40px;padding-right:80px;min-height:600px}
.sidebar:before{content:"";position:absolute;top:140px;bottom:0;left:15px;border-right:1px solid #e1e1e1}
.sidebar:after{content:"";position:absolute;top:140px;bottom:0;right:15px;border-left:1px solid #e1e1e1}


#sidebar .widget-title{display:table-cell;vertical-align:middle;width:240px;height:140px;font-size:24px;line-height:34px;color:#fff;text-align:center;background:url('../img/sub/side_tt.jpg') no-repeat;font-weight:400}
.custom-menu > li{position:relative;display:block}
.custom-menu > li > a{position:relative;display:block;font-size:14px;color:#000;line-height:20px;text-align:left;background-color:#fff;border:1px solid #e1e1e1;border-top:0;padding:12px 12px;font-weight:700;-webkit-transition:all 0.15s linear;-ms-transition:all 0.15s linear;-o-transition:all 0.15s linear}
.custom-menu > li > a:hover,.custom-menu > li.act > a{color:#fff;background-color:#818796;border-color:#818796}
.custom-menu > li > a:after{content:"";position:absolute;display:inline-block;top:17px;right:12px;width:4px;height:4px;border:2px solid #818796;border-radius:3px;border-top-color:transparent;border-left-color:transparent;-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.custom-menu > li.act > a:after{border-right-color:#fff;border-bottom-color:#fff}
.custom-menu > li > ul{background-color:#f1f2f5;border:1px solid #e1e1e1;border-top:0;padding:6px 0}
.custom-menu > li > ul > li{padding:0 11px}
.custom-menu > li > ul > li > a{display:block;position:relative;font-size:12px;line-height:20px;color:#000;padding:3px 0 3px 9px;font-weight:500}
.custom-menu > li > ul > li > a:before{content:"";position:absolute;display:inline-block;left:0;top:10px;width:0px;height:0px;border-right:0;border-left:4px solid #666;border-top:3px solid transparent;border-bottom:3px solid transparent}
.custom-menu > li > ul > li.act > a{color:#3564e0}
.custom-menu > li > ul > li.act > a:before{border-left-color:#3564e0}

.ul_breadcrumb{display:block;border-bottom:1px solid #ccc;padding-bottom:22px;margin-bottom:45px !important}
.ul_breadcrumb li{float:left;color:#666;font-size:12px;padding-bottom:2px}
.ul_breadcrumb li:after{content:'';display:inline-block;position:relative;left:-1px;width:4px;height:4px;border:1px solid #a9a9a9;margin:0 9px;border-bottom-color:transparent;border-left-color:transparent;-o-transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.ul_breadcrumb li:last-child:after{display:none}
.ul_breadcrumb li:last-child{border-bottom:1px solid #949494}
.ul_breadcrumb li img{position:relative;top:-2px;vertical-align:middle}
.ul_breadcrumb li a{font-size:12px;color:#666}
.ul_breadcrumb li.act a{text-decoration:underline}

.stt{font-size:30px;line-height:30px;color:#333;letter-spacing:-1px;font-weight:400;padding:45px 0 20px; }
.txt01{font-size:14px;line-height:24px;color:#666;letter-spacing:-0.2px}
.txt01 > a{color:#666}
@media (max-width:1180px){
	.sidebar{width:23.5%}
	.content{width:76.5%}
	.sidebar-left .content,.sidebar-right .sidebar{padding-left:15px;padding-right:45px}
}
@media (max-width:970px){
	.sidebar{display:none}
	.sidebar-left .wf-container-main:before{border-right:0}
	.sidebar-left .content,.sidebar-right .sidebar{min-height:300px;padding-left:15px;padding-right:15px}
	.stt{font-size:26px;line-height:36px;letter-spacing:-0.8px}
	.txt01{font-size:13.5px;line-height:23px}
}
@media (max-width:480px){
	.content{padding-bottom:40px}
	.stt{font-size:22px;line-height:32px;letter-spacing:-0.5px;font-weight:700;padding-bottom:15px}
	.ul_breadcrumb{padding-bottom:20px;margin-bottom:38px !important}
	.txt01{font-size:13px;line-height:22px}
}


/* about */
.about_ci_img{border:0px solid #ddd;padding:10px;}
.about_ci_img_1{border:1px solid #ddd;padding:9% 8%}
.ul_history > li{display:table;padding-bottom:30px}
.ul_history > li > h4{display:table-cell;width:60px;vertical-align:top;font-size:14px;line-height:24px;font-weight:800;color:#264188}
.ul_history > li > h4:after{content:"";display:inline-block;width:2px;height:2px;background-color:#596ea4;vertical-align:middle;margin-left:13px}
.ul_history > li > p{display:table-cell;vertical-align:top;font-size:14px;line-height:24px;color:#666}
.ul_partners{margin:0 -15px}
.ul_partners > li{float:left;width:33.33%;padding:0 15px 36px;font-size:14px;line-height:20px;text-align:center;box-sizing:border-box}
.ul_partners > li:nth-child(3n+1){clear:both}
.ul_partners > li > img{display:block;max-width:260px;width:100%;margin:0 auto 14px !important}
#map{height:400px}
.ic_pin{position:relative;top:-1px;display:inline-block;width:16px;height:16px;background:url('../img/ic/ic_pin.png') no-repeat;vertical-align:middle;margin-right:4px}
.ic_sub{position:relative;top:-1px;display:inline-block;width:16px;height:16px;background:url('../img/ic/ic_sub.png') no-repeat;vertical-align:middle;margin-right:4px}
.ic_bus{position:relative;top:-1px;display:inline-block;width:16px;height:16px;background:url('../img/ic/ic_bus.png') no-repeat;vertical-align:middle;margin-right:4px}

@media (max-width:768px){
	.ul_partners{margin:0 -10px}
	.ul_partners > li{padding:0 10px 30px;font-size:13px}
	#map{height:300px}
}
@media (max-width:640px){
	.ul_partners > li{width:50%}
	.ul_partners > li:nth-child(3n+1){clear:none}
	.ul_partners > li:nth-child(2n+1){clear:both}
}
@media (max-width:480px){
	.ul_history > li{padding-bottom:23px}
	.ul_history > li > h4{width:54px}
	.ul_history > li > h4:after{margin-left:10px}
	.ul_history > li > p{font-size:13px;line-height:22px;padding-top:1px}
	.ul_partners{margin:0 -6px}
	.ul_partners > li{padding:0 6px 26px;font-size:12.5px}
	.ul_partners > li > img{margin:0 auto 10px !important}
	#map{height:200px}
}


/* Products_lists */
.ul_pd_lists{
    margin:0 -20px
}
.ul_pd_lists > li{
    float:left;
    width:50%;
    padding:0 20px 30px;
    box-sizing:border-box;
}
.ul_pd_lists > li:nth-child(2n+1){
    clear:both
}
.ul_pd_lists > li > .wrapper{
    background:#eceef0 url('../img/sub/products/bg_pd_lists.jpg') no-repeat right center;
    padding:20px 22px;
    box-sizing:border-box
}
.ul_pd_lists > li > .wrapper > .nx-td{
    vertical-align:middle
}
.ul_pd_lists > li > .wrapper > .img_area{
    width:180px;
}
.ul_pd_lists > li > .wrapper > .img_area img{
    max-width:180px;
    width:100%;
}
.ul_pd_lists > li > .wrapper > .txt_area{
    padding-left:20px
}
.ul_pd_lists > li > .wrapper > .txt_area > h3{
    font-size:14px;
    line-height:20px;
    color:#333;
    font-weight:400;
    letter-spacing:-0.2px
}
.ul_pd_lists > li > .wrapper > .txt_area > .btn_area{
    padding-top:10px
}


.pd_lists{
    margin:0 -15px;
}
.pd_lists > li{
    float:left;
    width:33.33%;
    padding:0 15px 80px;
    text-align:center;
    box-sizing:border-box;
}
.pd_lists > li:nth-child(3n+1){
    clear:both
}
.pd_lists > li > .img_area{
    vertical-align:middle;
    padding:20px 20px 20px 20px;
    border:2px solid #eee;
}
.pd_lists > li > .img_area > img{
    width:100%;
    border:2px solid #eee;
}
.pd_lists > li .con_area{
    padding-top:12px
}
.pd_lists > li .con_area h4{
    font-size:16px;
    line-height:24px;
    color:#333;
    letter-spacing:-0.3px
}
.pd_lists > li .con_area p.exc{
    font-size:13px;
    line-height:16px;
    color:#777;
    letter-spacing:-0.2px;
    margin-top:0
}
.pd_lists > li .con_area .btn_area{
    padding-top:15px
}


.btn_more{display:inline-block;width:98px;padding:8px 10px;font-size:11px;font-weight:700;color:#818796;border:1px solid #c8cbd3;background:#eef0f3;border-radius:15px;box-sizing:border-box}
.btn_down{display:inline-block;width:98px;padding:8px 10px;font-size:11px;font-weight:700;color:#fff;border:1px solid #818796;background:#818796;border-radius:15px;box-sizing:border-box}
.btn_add {display:inline-block;width:150px;padding:8px 10px;font-size:12px;text-align:center;font-weight:700;color:#818796;border:1px solid #c8cbd3;background:#eef0f3;border-radius:15px;box-sizing:border-box}


@media (max-width:768px){
	.ul_pd_lists{margin:0 -12px}
	.ul_pd_lists > li{padding:0 12px 25px}
	.ul_pd_lists > li > .wrapper > .img_area{width:110px}
	.ul_pd_lists > li > .wrapper > .txt_area > h3{font-size:16px;line-height:26px}
	.ul_pd_lists > li > .wrapper > .txt_area > .btn_area{padding-top:14px}
	.pd_lists{margin:0 -10px}
	.pd_lists > li{width:50%;padding:0 10px 60px}
	.pd_lists > li:nth-child(3n+1){clear:none}
	.pd_lists > li:nth-child(2n+1){clear:both}
}
@media (max-width:640px){
	.ul_pd_lists > li > .wrapper{display:block;text-align:center}
	.ul_pd_lists > li > .wrapper > .img_area{display:block;width:100%}
	.ul_pd_lists > li > .wrapper > .txt_area{display:block;width:100%;padding-left:0;padding-top:15px}
}
@media (max-width:480px){
	.ul_pd_lists{margin:0 -8px}
	.ul_pd_lists > li{padding:0 8px 20px}
	.ul_pd_lists > li > .wrapper{padding:20px 10px}
	.ul_pd_lists > li > .wrapper > .img_area img{max-width:120px}
	.ul_pd_lists > li > .wrapper > .txt_area > h3{font-size:14px;line-height:20px}
	.pd_lists{margin:0 -7px}
	.pd_lists > li{width:50%;padding:0 7px 45px}
	.pd_lists > li img{max-width:170px}
	.pd_lists .btn_more{display:block;width:100%;border-radius:0}
	.pd_lists .btn_down{display:block;width:100%;border-radius:0;margin-top:6px}
	.pd_lists > li .con_area h4{font-size:14px;line-height:22px;letter-spacing:-0.2px}
}
@media (max-width:400px){
	.ul_pd_lists > li > .wrapper > .txt_area > h3{min-height:40px}
	.pd_lists > li .con_area h4{font-size:13px;line-height:20px}
	.pd_lists > li .con_area p.exc{font-size:12px;line-height:18px;margin-top:4px}
}
@media (max-width:360px){
	.pd_lists > li .con_area h4{font-size:12.5px}
	.pd_lists > li .con_area p.exc{font-size:11.5px}
}

/* product_detail */
.list_type_01 > li{
    position:relative;
    font-size:13px;
    line-height:21px;
    color:#666;
    padding-left:13px;
    margin-bottom:4px
}
.list_type_01 > li:before{
    content:"";
    display:inline-block;
    position:absolute;
    left:0;
    top:9px;
    width:4px;
    height:4px;
    background-color:#264188;
    vertical-align:middle
}

.btn_pdf{display:inline-block;width:150px;height:40px;background:url('../img/sub/products/btn_down_pdf.jpg') no-repeat;text-indent:-9999px}

.row_detail_thumb{}
.row_detail_thumb .vc_col-sm-6:first-child{width:48%}
.row_detail_thumb .vc_col-sm-6:last-child{width:52%}

.detail_th{
    /* display:table; */
    width:100%;
    text-align:center
}
.detail_th a{
    display:inline-block
}
.detail_th .main_img{
    /* display:table-cell;  */
    width:100%;
    /* min-height:250px;  */
    padding:30;
    vertical-align:middle; 
    border:2px solid #eee;
}

.detail_th .main_img > img{
     /* display:table-cell; */
    /* top:50%;*/
    width:80%;
    margin:20px 20px 20px 20px;
}

.detail_th .th_lists{
    overflow:hidden;
    max-width:250px;
    margin:0 auto
}
.detail_th .th_lists > li{
    float:left;margin:5px
}
.detail_th .th_lists > li{
    width:90px;
    height:60px;
    padding:4px 7px;
    border:1px solid #ccc;
    box-sizing:border-box
}
.detail_th .th_lists > li > img{
    height:100%;width:auto
}


.dtt{
    font-size:24px;
    color:#333;
    padding-top:46px;
    border-top:1px solid #ccc;
    margin-bottom:10px !important;
    letter-spacing:-0.5px;
}
.row_2col{margin:0 -10px !important}
.row_2col .vc_col-sm-6{padding-left:10px !important;padding-right:10px !important}


/ ******* 사양 *******/

.tbl_a{width:100%}

.tbl_a tbody th {
    width:30%;
    background-color:#f8f9fa
}

.tbl_a tbody td {
    width:70%;
    background-color:#fff
}

.tbl_a tbody th, .tbl_a tbody td{
    font-size:12px;
    line-height:21px;
    color:#000;
    border:1px solid #ddd;
    padding:7px 12px;
    text-align:left;
    vertical-align:middle;
}

.tbl_a tbody th:first-child{
    border-left:0
}
.tbl_a tbody td:last-child{
    border-right:0
}

.tbl_a tbody tr:nth-child(even){
    /* background-color:#f8f9fa */
}
.tbl_a.exp01 tbody tr:nth-child(even) > th{
    /* background-color:#fff !important */
}


.tbl_box{
    width:100%; 
    overflow:auto; 
    overflow-y:hidden; 
    clear:both; 
    height:auto;
    padding:0;
}


/ ******* Specification *******/
.tbl{width:100%; }
.tbl thead th{
    font-size:11px;
    font-weight:800;
    color:#fff;
    background-color:#818796;
    text-align:center;
    padding:14px 10px;
    border:1px solid #eee;
}
.tbl tbody th, .tbl tbody td{
    font-size:11px;
    line-height:21px;
    color:#000;
    border:1px solid #ddd;
    padding:10px 5px 10px 5px;
    vertical-align:middle;
    text-align:center;
}
.tbl tbody th:first-child{
    border-left:0
}
.tbl tbody td:last-child{
    border-right:0
}
.tbl tbody tr:nth-child(even){
    background-color:#f8f9fa
}
.tbl.exp01 tbody tr:nth-child(even) > th{
    background-color:#fff !important
}
.tbl th.wd10{
    width:78px
}
.btn_back{
    display:inline-block;font-size:14px;color:#fff;width:230px;height:44px;font-weight:700;line-height:44px;background-color:#264188
}
.btn_post{
    display:inline-block;font-size:12px;color:#fff;width:40px;height:40px;font-weight:700;line-height:30px;background-color:#eee;border:1px solid #ddd;
}


@media (max-width:768px){
	.row_2col .vc_col-sm-6:last-child{padding-top:20px !important}
	.tbl tbody th, .tbl tbody td{padding:10px 10px}
}
@media (max-width:480px){
	.tbl th.wd10{width:65px}
}
@media (max-width:360px){
	.tbl thead th{font-size:13px}
	.tbl tbody th, .tbl tbody td{font-size:11.5px;line-height:20px;padding:10px 7px}
}

/*pop_img*/
.img_pop img, .img_pop{cursor:pointer; }
#img_pop_wrap{position:fixed;display:block;top:0;left:0;bottom:0;right:0;width:100%;height:100%;background-color:rgba(0,0,0,0.75);z-index:9999;overflow:hidden;text-align:center;cursor:pointer}
#img_pop_wrap .nx-table{width:100%;height:100%}
#img_pop_wrap .nx-td{width:100%;vertical-align:middle}
#img_pop_wrap .nx-td:after{content:"";display:inline-block;width:20px;height:20px;position:absolute;margin:-26px 0 0 -20px;background:url('../img/ic/ic_close.png') no-repeat;background-size:20px;opacity:0.8}
@media (max-width:768px){
	.row_detail_thumb .vc_col-sm-6:first-child{width:100%}
	.row_detail_thumb .vc_col-sm-6:last-child{width:100%;padding-top:30px !important}
	.th_detail_txt{max-width:400px;margin:0 auto;padding-left:15px}
	.th_detail_txt .btn_area{}
}
@media (max-width:768px){
	.list_type_01 > li{font-size:12px;line-height:20px;margin-bottom:4px}
}
@media (max-width:480px){
	.th_detail_txt{padding-left:0}
}
@media (max-width:350px){
	.detail_th .th_lists{max-width:289px}
	.detail_th .th_lists > li{margin:3px}
}


/* pagination */
.pagination{text-align:center;margin-top:40px}
.pagination a{display:inline-block;width:34px;height:34px;color:#000;font-size:13px;text-align:center;line-height:32px;margin:0 4px;border:1px solid #dadada;border-radius:3px;vertical-align:top}
.pagination a.act{background-color:#324b8e;color:#fff}
.pagination a.first{position:relative;background:url("/images/icon/first.png") no-repeat 12px 12px;margin-right:7px}
.pagination a.prev{position:relative;background:url("/images/icon/prev.png") no-repeat 12px 12px;margin-right:7px}
.pagination a.next{position:relative;background:url("/images/icon/next.png") no-repeat 12px 12px;margin-left:7px}
.pagination a.last{position:relative;background:url("/images/icon/last.png") no-repeat 12px 12px;margin-left:7px}


/* inquiry */
.agree_txt{height:110px;padding:10px;font-size:12px;line-height:23px;color:#666666;border:1px solid #ddd;overflow-y:scroll;box-sizing:border-box}
.inquiry_box{margin-top:40px;border-top:2px solid #264188}
.inquiry_box > ul > li{float:left;width:100%;border-bottom:1px solid #dddddd;display:table;box-sizing:border-box}
.inquiry_box > ul > li.col2{width:50%}
.inquiry_box > ul > li.col2:nth-child(2n){border-left:1px solid #ddd}
.inquiry_box > ul > li > .label_area{display:table-cell;vertical-align:middle;width:154px;border-right:1px solid #dddddd;background:#f6f6f6;padding:25px 20px;font-size:13px;color:#333;box-sizing:border-box}
.inquiry_box > ul > li > .input_area{display:table-cell;vertical-align:middle;padding:14px 20px;font-size:13px;box-sizing:border-box}
.inquiry_box input[type=text],
.inquiry_box input[type=tel],
.inquiry_box input[type=email],
.inquiry_box select{width:100%;height:40px;border:1px solid #ccc;padding:4px 8px;background-color:#fff;color:#666;font-size:13px; } /*max-width:240px;*/
.inquiry_box textarea{font-size:13px;line-height:22px;height:220px;border:1px solid #ccc;padding:15px;background-color:#fff;resize:none}
.inquiry_box .chk_area label{margin-right:4px}
.inquiry_box .ul_chk{overflow:hidden}
.inquiry_box .ul_chk > li{float:left;margin-right:15px}
#btn_submit{font-size:13px;line-height:44px;color:#fff;font-weight:700;width:230px;height:44px;background:#264188}

@media (max-width:768px){
	.inquiry_box > ul > li.col2{width:100%}
	.inquiry_box > ul > li.col2:nth-child(2n){border-left:0}
	.inquiry_box input[type=text],
	.inquiry_box input[type=tel],
	.inquiry_box input[type=email],
	.inquiry_box select{max-width:100%;height:36px}
	.inquiry_box textarea{height:170px}
	.inquiry_box > ul > li > .label_area{padding:20px 15px}
}
@media (max-width:480px){
	.inquiry_box > ul > li > .label_area{width:100px;font-size:14px;padding:17px 10px}
	.inquiry_box > ul > li > .input_area{padding:12px 12px}
	.inquiry_box .ul_chk > li{float:none;margin:4px 0}
}

/* search */
.search_wrap{padding-top:200px}
.ul_search > li{float:left;width:25%;text-align:center;padding:15px;box-sizing:border-box}
.ul_search > li > .wrapper{border:1px solid #eee;padding:20px;border:1px solid #dcdcdc}
.ul_search > li img{max-width:200px;width:100%}
.ul_search h3{margin-bottom:10px}
.ul_search h3, .ul_search h3 a{font-size:16px;color:#444;line-height:24px}
.search_wrap + .paginator a {min-width: 36.5px;line-height: 36.5px;font-size: 12px}

@media (max-width:970px){
	.search_wrap{padding-top:120px}
}
@media (max-width:800px){
	.ul_search > li{width:33.33%;padding:9px}
}
@media (max-width:640px){
	.ul_search > li{width:50%}
}
@media (max-width:400px){
	.ul_search > li{width:100%}
}

/*footer*/
#ft_menu{position:relative;background-color:#282d30;border-top:1px solid #282d30}
#ft_menu:before{content:"";position:absolute;display:block;top:53px;width:100%;height:0;border-bottom:1px solid #363c40}
#ft_menu > .wf-wrap{max-width:1230px;margin:0 auto}
.ftMenu{}
.ftMenu *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.ftMenu ul.menu{overflow:hidden}
.ftMenu ul.menu > li{float:left;width:14.2825%;border:0;border-right:1px solid #363c40}
.ftMenu ul.menu > li:first-child{border-left:1px solid #363c40}
.ftMenu ul.menu > li > a{width:100%;height:54px;line-height:54px;display:inline-block;padding:0 17px;color:#d2d1d1;font-size:14px;font-weight:bold}
.ftMenu ul.menu > li > ul{padding:19px 10px 35px 17px;height:470px}
.ftMenu ul.menu > li > ul > li{padding:4px 0;border:0}
.ftMenu ul.menu > li > ul > li.has-child{padding-bottom:30px}
.ftMenu ul.menu > li > ul > li a{display:inline-block;line-height:19px;margin:4px 0}
.ftMenu ul.menu > li > ul > li > a{font-size:13px;color:#d2d1d1;font-weight:bold}
.ftMenu ul.menu > li > ul > li > ul > li{border:0;overflow:hidden}
.ftMenu ul.menu > li > ul > li > ul > li:before{content:"- ";vertical-align:middle}
.ftMenu ul.menu > li > ul > li > ul > li > a{font-size:12px;color:#a7a7a7;margin:0}
.ftMenu ul.menu .indent_hide > a{text-indent:-9999px}
.ftMenu ul.menu .pt30{padding-top:30px !important}

#bottom-bar{background-color:#1f2224;}
#bottom-bar p{text-align:center;line-height:20px;font-size:12px;color:#c7c7c7;padding:20px 0}
@media (max-width:970px){
	#ft_menu{display:none}
}




/* main_sns */
.snsList{text-align:center;font-size:0;padding-top:20px}
.snsList li{display:inline-block;padding:0 8px}


option{
    padding:5px 0;
}