/*
Theme Name:dt-the7-child
Description:Created by NXweb. dt-the7-child theme
template:dt-the7
Author:NXWEB beop07
-------------------------------*/
/*font*/
@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
@font-face{
	font-family:'notokr';
	font-weight:300;
	src:url('../../uploads/fonts/NotoKR/notokr-light.eot');
	src:url('../../uploads/fonts/NotoKR/notokr-light.eot?#iefix') format('embedded-opentype'),
	     url('../../uploads/fonts/NotoKR/notokr-light.woff2') format('woff2'),
	     url('../../uploads/fonts/NotoKR/notokr-light.woff') format('woff'),
	     url('../../uploads/fonts/NotoKR/notokr-light.ttf') format('truetype');
}
@font-face{
	font-family:'notokr';
	font-weight:400;
	src:url('../../uploads/fonts/NotoKR/notokr-regular.eot');
	src:url('../../uploads/fonts/NotoKR/notokr-regular.eot?#iefix') format('embedded-opentype'),
	     url('../../uploads/fonts/NotoKR/notokr-regular.woff2') format('woff2'),
	     url('../../uploads/fonts/NotoKR/notokr-regular.woff') format('woff'),
	     url('../../uploads/fonts/NotoKR/notokr-regular.ttf') format('truetype');
}
@font-face{
	font-family:'notokr';
	font-weight:600;
	src:url('../../uploads/fonts/NotoKR/notokr-medium.eot');
	src:url('../../uploads/fonts/NotoKR/notokr-medium.eot?#iefix') format('embedded-opentype'),
	     url('../../uploads/fonts/NotoKR/notokr-medium.woff2') format('woff2'),
	     url('../../uploads/fonts/NotoKR/notokr-medium.woff') format('woff'),
	     url('../../uploads/fonts/NotoKR/notokr-medium.ttf') format('truetype');
}
@font-face{
	font-family:'notokr';
	font-weight:700;
	src:url('../../uploads/fonts/NotoKR/notokr-bold.eot');
	src:url('../../uploads/fonts/NotoKR/notokr-bold.eot?#iefix') format('embedded-opentype'),
	     url('../../uploads/fonts/NotoKR/notokr-bold.woff2') format('woff2'),
	     url('../../uploads/fonts/NotoKR/notokr-bold.woff') format('woff'),
	     url('../../uploads/fonts/NotoKR/notokr-bold.ttf') format('truetype');
}
h1,h2,h3,h4,h5,h6,a,p,th,td,span,label,input,select,textarea,li,label{font-family:'notokr',sans-serif !important;letter-spacing:-0.2px}

.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}
.bold{font-weight:700}.bold6{font-weight:600}.normal{font-weight:400}
.ul-left{overflow:hidden}.ul-left > li{float:left}
.fs12{font-size:12px}.fs13{font-size:13px}.fs14{font-size:14px}.fs15{font-size:15px}.fs16{font-size:16px}.fs17{font-size:17px}.fs18{font-size:18px}.fs19{font-size:19px}
.fs20{font-size:20px}.fs21{font-size:21px}.fs22{font-size:22px}.fs23{font-size:23px}.fs24{font-size:24px}.fs25{font-size:25px}.fs26{font-size:26px}.fs28{font-size:28px}
.fs30{font-size:30px}.fs32{font-size:32px}.fs34{font-size:34px}.fs36{font-size:36px}.fs38{font-size:38px}.fs40{font-size:40px}.fs50{font-size:50px}.fs52{font-size:52px}
.fs54{font-size:54px}.fs56{font-size:56px}.fs58{font-size:58px}.fs60{font-size:60px}
.lh18{line-height:18px}.lh19{line-height:19px}.lh20{line-height:20px}.lh21{line-height:21px}.lh22{line-height:22px}.lh23{line-height:23px}.lh24{line-height:24px}
.lh25{line-height:25px}.lh26{line-height:26px}.lh28{line-height:28px}.lh30{line-height:30px}.lh32{line-height:32px}.lh34{line-height:34px}.lh36{line-height:36px}
.lh38{line-height:38px}.lh40{line-height:40px}.lh42{line-height:42px}.lh44{line-height:44px}.lh46{line-height:46px}.lh48{line-height:48px}.lh50{line-height:50px}
.lh52{line-height:52px}.lh54{line-height:54px}.lh56{line-height:56px}.lh58{line-height:58px}.lh60{line-height:60px}
@media (max-width:970px){
	.fs14{font-size:13.5px}.fs15{font-size:14px}.fs16{font-size:15px}.fs17{font-size:15.5px}.fs18{font-size:16.5px}.fs19{font-size:17px}.fs20{font-size:18px}
	.fs21{font-size:19px}.fs22{font-size:20px}.fs23{font-size:21px}.fs24{font-size:21px}.fs25{font-size:22px}.fs26{font-size:23px}.fs28{font-size:24px}
	.fs30{font-size:26px}.fs32{font-size:28px}.fs34{font-size:29px}.fs36{font-size:31px}.fs38{font-size:33px}.fs40{font-size:34px}.fs42{font-size:36px}
	.fs44{font-size:38px}.fs46{font-size:40px}.fs48{font-size:42px}.fs50{font-size:43px}.fs52{font-size:45px}.fs54{font-size:47px}.fs56{font-size:48px}
	.fs58{font-size:50px}.fs60{font-size:52px}
	.lh18{line-height:16px}.lh20{line-height:18px}.lh22{line-height:20px}.lh24{line-height:22px}.lh26{line-height:24px}.lh28{line-height:25px}.lh30{line-height:27px}
	.lh32{line-height:28px}.lh34{line-height:30px}.lh36{line-height:31px}.lh38{line-height:33px}.lh40{line-height:34px}.lh42{line-height:36px}.lh44{line-height:38px}
	.lh46{line-height:40px}.lh48{line-height:42px}.lh50{line-height:44px}.lh52{line-height:46px}.lh54{line-height:47px}.lh56{line-height:49px}.lh58{line-height:50px}
}
@media (max-width:400px){
	.fs13{font-size:12px}.fs14{font-size:13px}.fs15{font-size:14px}.fs16{font-size:14px}.fs17{font-size:14.5px}.fs18{font-size:15px}.fs19{font-size:16px}.fs20{font-size:16px}
	.fs21{font-size:16px}.fs22{font-size:16.5px}.fs23{font-size:17px}.fs24{font-size:17px}.fs25{font-size:18px}.fs26{font-size:18.5px}.fs28{font-size:19px}.fs30{font-size:20px}
	.fs32{font-size:21px}.fs34{font-size:22px}.fs36{font-size:22.5px}.fs38{font-size:23px}.fs40{font-size:24px}.fs42{font-size:25px}.fs44{font-size:26px}.fs46{font-size:27px}
	.fs48{font-size:28px}.fs50{font-size:29px}.fs52{font-size:30px}.fs54{font-size:31px}.fs56{font-size:32px}.fs58{font-size:33px}.fs60{font-size:34px}
	.lh18{line-height:14px}.lh20{line-height:16px}.lh22{line-height:18.5px}.lh24{line-height:20px}.lh26{line-height:20px}.lh28{line-height:22px}.lh30{line-height:23px}
	.lh32{line-height:24px}.lh34{line-height:25px}.lh36{line-height:26px}.lh38{line-height:28px}.lh40{line-height:29px}.lh42{line-height:30px}.lh44{line-height:31px}
	.lh46{line-height:32px}.lh48{line-height:34px}.lh50{line-height:36px}.lh52{line-height:37px}.lh54{line-height:38px}.lh56{line-height:40px}.lh58{line-height:42px}
}
/* color */
.black{color:#000}.white{color:#fff}.gray3{color:#333}.gray4{color:#444}.gray5{color:#555}.gray6{color:#666}.gray7{color:#777}.gray8{color:#888}.gray9{color:#999}
.pointColor{color:#278bba !important}

/* reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul,dl,li{list-style:none;margin:0}table,th,td{border-spacing:0;border-collapse:collapse}input,textarea{font-size:1em}
a,a:link,a:visited,a:hover,a:active{text-decoration:none}img{border:0;vertical-align:top}th,strong{font-weight:bold}
/* common */
.ts{-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease}
.o-hd{overflow:hidden}
.clearfix:after{content:"";display:block;clear:both}
.ellipsis{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis}
.hidden{margin:0;padding:0;width:0;height:0;font-size:0;line-height:0;overflow:hidden;visibility:hidden;display:block}
.blind{width:0;height:0;font-size:0;line-height:0;text-indent:-9999px;overflow:hidden;visibility:hidden}
.pull_left{float:left}.pull_right{float:right}
.nx-table{display:table;width:100%}.nx-td{display:table-cell}
.wpb_single_image .vc_single_image-wrapper{vertical-align:top}
.vc_column_container > .vc_column-inner{padding:0}
.text_center{text-align:center}.text_left{text-align:left}.text_right{text-align:right}
.tp-loader{display:none !important}
.cursor{cursor:pointer !important}
.rel{position:relative}
.btn-gray{display:inline-block;text-align:center;font-size:16px;line-height:16px;padding:12px 44px;background-color:#bbb;color:#fff;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-o-transition:all 0.2s ease;transition:all 0.2s ease;border-radius:5px}
.btn-gray:hover{background-color:#3582d0;color:#fff}
img.vc_single_image-img{max-width:100%;height:auto}

/*margin,padding*/
.pt5{padding-top:5px}.pb5{padding-bottom:5px}
.pt10{padding-top:10px}.pb10{padding-bottom:10px}
.pt15{padding-top:15px}.pb15{padding-bottom:15px}
.pt20{padding-top:20px}.pb20{padding-bottom:20px}
.pt25{padding-top:25px}.pb25{padding-bottom:25px}
.pt30{padding-top:30px}.pb30{padding-bottom:30px}
.pt35{padding-top:35px}.pb35{padding-bottom:35px}
.pt40{padding-top:40px}.pb40{padding-bottom:40px}
.pt50{padding-top:50px}.pb50{padding-bottom:50px}
.pt60{padding-top:60px}.pb60{padding-bottom:60px}
.pt70{padding-top:80px}.pb70{padding-bottom:70px}
.pt80{padding-top:80px}.pb80{padding-bottom:80px}
.pt90{padding-top:90px}.pb90{padding-bottom:90px}
@media (max-width:970px){
	.pt10{padding-top:8px}.pb10{padding-bottom:8px}
	.pt15{padding-top:12px}.pb15{padding-bottom:12px}
	.pt20{padding-top:16px}.pb20{padding-bottom:16px}
	.pt25{padding-top:20px}.pb25{padding-bottom:20px}
	.pt30{padding-top:24px}.pb30{padding-bottom:24px}
	.pt35{padding-top:30px}.pb35{padding-bottom:30px}
	.pt40{padding-top:35px}.pb40{padding-bottom:35px}
	.pt50{padding-top:40px}.pb50{padding-bottom:40px}
	.pt60{padding-top:48px}.pb60{padding-bottom:48px}
	.pt70{padding-top:58px}.pb70{padding-bottom:58px}
	.pt80{padding-top:60px}.pb80{padding-bottom:60px}
	.pt90{padding-top:62px}.pb90{padding-bottom:62px}
}
@media (max-width:400px){
	.pt10{padding-top:7px}.pb10{padding-bottom:7px}
	.pt15{padding-top:10px}.pb15{padding-bottom:10px}
	.pt20{padding-top:12px}.pb20{padding-bottom:12px}
	.pt25{padding-top:16px}.pb25{padding-bottom:16px}
	.pt30{padding-top:20px}.pb30{padding-bottom:20px}
	.pt35{padding-top:25px}.pb35{padding-bottom:25px}
	.pt40{padding-top:30px}.pb40{padding-bottom:30px}
	.pt50{padding-top:37px}.pb50{padding-bottom:37px}
	.pt60{padding-top:42px}.pb60{padding-bottom:42px}
	.pt70{padding-top:46px}.pb70{padding-bottom:46px}
	.pt80{padding-top:48px}.pb80{padding-bottom:48px}
	.pt90{padding-top:50px}.pb90{padding-bottom:50px}
}


/*layout*/
body{min-width:320px}
.wf-wrap{padding:0 20px}
.column_container, .vc_column_container{padding:0 18px !important}
.vc_row:not(.vc_gitem_row):not(.vc_grid){margin-left:-20px;margin-right:-20px}
.wf-container, .wf-container-main{margin:0 -20px}
.hide{display:none}
@media (max-width:1280px){.hide_1280{display:none}.show_1280{display:block}}
@media (max-width:1110px){.hide_1110{display:none}.show_1110{display:block}}
@media (max-width:1024px){.hide_1024{display:none}.show_1024{display:block}.center_1024{text-align:center}}
@media (max-width:970px){.hide_970{display:none}.show_970{display:block}.center_970{text-align:center}}
@media (max-width:768px){.hide_768{display:none}.show_768{display:block}.center_768{text-align:center}}
@media (max-width:640px){.hide_640{display:none}.show_640{display:block}.center_640{text-align:center}}
@media (max-width:480px){.hide_480{display:none}.show_480{display:block}.center_480{text-align:center}}
@media (max-width:400px){.hide_400{display:none}.show_400{display:block}.center_400{text-align:center}}
@media (max-width:320px){.hide_320{display:none}.show_320{display:block}}

/* loading */
#loading{position:fixed;display:block;visibility:visible;left:0;right:0;bottom:0;top:0;background:#fff;z-index:10000;opacity:1;-webkit-transition:all.55s ease-out;-moz-transition:all.55s ease-out;-o-transition:all.55s ease-out;transition:all.55s ease-out}
#loading.hide{visibility:hidden;opacity:0}
#loading .load{display:block;position:absolute;top:50%;left:50%;width:68px;height:68px;margin-top:-34px;margin-left:-34px;border-radius:50%;border:11px solid #278bba;border-top-color:#8bafce;transform:rotate(0deg);-moz-animation:spiner 1s linear infinite;-webkit-animation:spiner 1s linear infinite;animation:spiner 1s linear infinite}
@-moz-keyframes spiner{100%{transform:rotate(365deg)}}
@-webkit-keyframes spiner{100%{transform:rotate(365deg)}}
@keyframes spiner{100%{transform:rotate(365deg)}}


/*header*/
.top_bar{background-color:#333}
.top_bar > .wf-wrap{overflow:hidden;max-width:1120px;margin:0 auto}
.ul_top{padding:3px 0 4px;margin-right:-14px}
.ul_top > li{float:left}
.ul_top > li > a{display:inline-block;font-size:13px;line-height:20px;color:#999;padding:4px 14px;vertical-align:middle}
.ul_top > li > a > img{position:relative;top:-1px;display:inline-block;vertical-align:middle;margin-right:7px}

#main-nav>li>a .text-wrap>span, #main-nav>li>a>span{font-weight:600}
#branding a{display:inline-block}
#branding a img, #branding img{width:170px}
#phantom .logo-box img{width:170px;height:42px}

/*#header.float{background-color:rgba(0,0,0,0.7);top:0;box-shadow:2px 2px 7px rgba(0,0,0,0.15)}
#header.float #branding{padding-top:17px}*/

#main-nav{margin-right:-32px}
#main-nav > li{margin:0 32px}
#main-nav > li > a, #main-nav > li > a > span, #main-nav > li > a:hover, #main-nav > li > a > span:hover{font-weight:600 !important}
#main-nav .sub-nav ul{margin:0;padding:0;background-color:transparent !important}
#main-nav .sub-nav ul li{padding:0;background-color:#fff;border-radius:0 !important}
#main-nav .sub-nav li > a, #main-nav .sub-nav li > a > span{font-weight:600}
#main-nav .sub-nav li.current_page_item > a{font-weight:600;color:#278bba} 
#main-nav .sub-nav ul li a{margin:0;padding:10px 10px 10px 16px;border-bottom:1px solid #eee}
#main-nav .sub-nav ul li a > span{display:inline-block}

#phantom .ph-wrap.with-logo #main-nav{margin-right:-34px}
@media (max-width:970px){
	.top_menu{display:none}
	#navigation{display:none}
}

@media (max-width:480px){
	#branding a img, #branding img{width:146px}
	.ul_top.pull-right{float:none;width:100%;padding:4px 0 2px;overflow:hidden}
	.ul_top > li{width:33.33%;text-align:center}
	.ul_top > li > a{padding:4px 2px}
	.ul_top > li > a > img{margin-right:4px}
}
@media (max-width:360px){
	.top_bar > .wf-wrap{padding:0 10px}
	.ul_top > li > a{font-size:12px}
}

/* 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:#333;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:#278bba}
.m_menu_header .m_menu_close{height:25px}
.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:14px;font-weight:bold}
.m_menu_con a:hover{color:#278bba;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:14px;padding-left:20px;padding-top:10px;padding-bottom:10px;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:#278bba}
.m_menu_con .menu > li.menu-item-has-children > a:after{content:"";position:absolute;display:inline-block;top:12px;right:18px;width:11px;height:11px;border:1px solid #444;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:5px 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{display:none;padding-left:32px}
.m_menu_con .menu > li > ul > li > ul > li > a{color:#D8D8D8}
.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}
}



/* main */
#m_sd > .column_container.vc_col-sm-12{padding:0 !important}
.custom.tparrows:before{font-size:20px}
.custom .tp-bullet{border-radius:50%}

.m_tt{font-size:34px;line-height:42px;color:#333;text-align:center;letter-spacing:-0.5px}

.ul_m1{margin:0 -20px}
.ul_m1 > li{float:left;width:50%;padding:20px;box-sizing:border-box} 
.ul_m1 > li > a{display:block;padding:20% 0;text-align:center} 
.ul_m1 > .li01 > a{background:url('../../uploads/klami/img/main/m1.jpg') no-repeat}
.ul_m1 > .li02 > a{background:url('../../uploads/klami/img/main/m2.jpg') no-repeat}
.ul_m1 > .li03 > a{background:url('../../uploads/klami/img/main/m3.jpg') no-repeat}
.ul_m1 > .li04 > a{background:url('../../uploads/klami/img/main/m4.jpg') no-repeat}
.ul_m1 > li > a > h3{display:inline-block;background-color:#000;color:#fff;font-size:24px;line-height:30px;padding:2px 5px} 
.ul_m1 > li > a > h3 > span{font-weight:700}

.ul_m2{margin:0 -20px}
.ul_m2 > li{float:left;width:50%;padding:20px;box-sizing:border-box} 
.ul_m2 > li > a{display:block;padding:9% 0 7.8%;text-align:center} 
.ul_m2 > .li01 > a{background:url('../../uploads/klami/img/main/m5.jpg') no-repeat top center}
.ul_m2 > .li02 > a{background:url('../../uploads/klami/img/main/m6.jpg') no-repeat top center}
.ul_m2 > li > a > h3{color:#fff;font-size:30px;line-height:40px;font-weight:700}
.ul_m2 > li > a > p{color:#fff;font-size:16px;line-height:24px;margin-top:2px}
.ul_m2 > li > p{font-size:16px;line-height:24px;color:#333;margin-top:14px}


#kboard-default-latest table tr:first-child td{border-top:0}
.kboard-latest-title a{font-size:16px;line-height:24px;color:#666}
.kboard-latest-title a:before{content:"";position:relative;top:-1px;display:inline-block;width:4px;height:4px;background-color:#666;vertical-align:middle;margin-right:8px}
#kboard-default-latest table .kboard-latest-date{text-align:right !important}
#kboard-default-latest table .kboard-latest-date .brd_detail{display:inline-block;vertical-align:middle}
#kboard-default-latest table .kboard-latest-date .brd_detail img{vertical-align:middle}
@media (max-width:970px){
	.m_tt{font-size:32px;line-height:40px}
	.ul_m1{margin:0 -12px}
	.ul_m1 > li{padding:12px} 
	.ul_m1 > li > a > h3{font-size:18px;line-height:26px} 
	.ul_m2{margin:0 -12px}
	.ul_m2 > li{padding:12px} 
	.ul_m2 > li > a > h3{font-size:26px;line-height:36px} 
	.ul_m2 > li > a > p{font-size:15px}
	.ul_m2 > li > p{font-size:14px;line-height:22px}

}
@media (max-width:768px){
	.ul_m1{margin:0 -10px}
	.ul_m1 > li{padding:10px} 
	.ul_m2{margin:0 -10px}
	.ul_m2 > li{padding:10px} 
	.row_m_notice .vc_col-sm-6:first-child{padding-bottom:30px !important}

}
@media (max-width:640px){
	.m_tt{font-size:29px;line-height:38px}
	.ul_m1{max-width:460px;margin:0 auto}
	.ul_m1 > li{width:100%;padding:12px 0} 
	.ul_m2{max-width:460px;margin:0 auto}
	.ul_m2 > li{width:100%;padding:12px 0} 
}
@media (max-width:480px){
	.kboard-latest-title a{font-size:14px;line-height:22px}
}
@media (max-width:400px){
	.m_tt{font-size:27px;line-height:36px}
	
}




/* sub */
#sub_menu{position:relative;top:-50px;z-index:100}
#sub_menu .menu{overflow:hidden}
#sub_menu .menu > li{float:left;height:50px;padding:0;box-sizing:border-box}
#sub_menu .menu > li.col4{width:25%}#sub_menu .menu > li.col1{width:100%}#sub_menu .menu > li.col3{width:33.33%}#sub_menu .menu > li.col2{width:50%}
#sub_menu .menu > li > a{display:inline-block;width:100%;height:100%;font-size:16px;line-height:48px;color:#666;background:#fff;text-align:center;border:1px solid #999;border-left:0;box-sizing:border-box}
#sub_menu .menu > li:first-child > a{border-left:1px solid #999}
#sub_menu .menu > li > a:hover{text-decoration:none;background:#333333;color:#fff;border-color:#333}
#sub_menu .menu > li.current-menu-item > a{background:#333333;color:#fff;border-color:#333}

.s_tt{font-size:30px;line-height:38px;color:#333;font-weight:700;text-align:center;margin-top:15px;border-bottom:1px solid #e5e5e5;padding-bottom:37px;margin-bottom:50px !important}
.txt01{font-size:16px;line-height:25px;color:#666}
.bar_tt{font-size:20px;line-height:28px;color:#333;font-weight:700}
.bar_tt:before{content:"";display:block;width:30px;height:3px;background-color:#333;margin-bottom:13px}
@media (max-width:970px){
	#sub_menu{display:none}
	.s_tt{font-size:28px;line-height:36px;margin-top:40px;padding-bottom:35px;margin-bottom:46px !important}
	.txt01{font-size:15px;line-height:24px}
	.bar_tt{font-size:18px;line-height:26px}
	.bar_tt:before{width:27px;height:3px;margin-bottom:10px}
}
@media (max-width:480px){
	.s_tt{font-size:25px;line-height:33px;padding-bottom:32px;margin-bottom:42px !important}
	.txt01{font-size:14px;line-height:23px}
	.bar_tt{font-size:16px;line-height:25px}
	.bar_tt:before{width:25px;height:2px;margin-bottom:8px}
}
@media (max-width:360px){
	.txt01{font-size:13px;line-height:22px}
}


/* company */
.wpb_single_image.company{border:1px solid #ddd;padding:13% 15%}

.ul_history > li{display:table;width:100%;border-bottom:1px solid #e5e5e5;padding:20px 0}
.ul_history > li > h3{display:table-cell;width:113px;font-size:24px;line-height:32px;color:#333;font-weight:700;vertical-align:middle}
.ul_history > li > ul{display:table-cell;vertical-align:middle}
.ul_history > li > ul > li{position:relative;padding:2px 0 2px 10px}
.ul_history > li > ul > li:before{content:"";position:absolute;left:0;top:14px;display:inline-block;width:4px;height:4px;background-color:#666666}
.ul_history > li > ul > li > h4{position:absolute;font-size:18px;line-height:26px}
.ul_history > li > ul > li > p{font-size:18px;line-height:26px;padding-left:36px}

.ul_style_01{margin:0 -20px}
.ul_style_01 > li{float:left;width:50%;padding:16px 20px;box-sizing:border-box}
.ul_style_01 > li:nth-child(2n+1){clear:both}
.ul_style_01 > li > .nx-table{width:100%;background:url('../../uploads/klami/img/sub/bg_pat01.jpg') repeat;padding:22px;box-sizing:border-box}
.ul_style_01 > li > .nx-table > .nx-td{vertical-align:middle}
.ul_style_01 .con_area h4{font-size:22px;line-height:30px;color:#444;font-weight:700}
.ul_style_01 .con_area p{font-size:17px;line-height:26px;color:#666;margin-top:4px}
.ul_style_01 .img_area{width:76px}
.ul_style_01 .img_area h4{display:inline-block;width:76px;height:76px;font-size:36px;font-weight:700;line-height:69px;color:#3399cc;background-color:#fff;border-radius:50%;text-align:center}
.ul_style_01 .img_area h4 > small{display:inline-block;font-size:16px;font-weight:400;color:#666;margin-left:3px}

.tbl_01{width:100%;border-top:2px solid #000}
.tbl_01 th{width:200px;background-color:#f0f3f4;text-align:center;color:#333;font-weight:600;border-right:1px solid #ccc;border-bottom:1px solid #ccc;padding:12px 20px;font-weight:400;vertical-align:middle;box-sizing:border-box}
.tbl_01 td{font-size:16px;line-height:24px;color:#666;border-bottom:1px solid #ccc;padding:12px 20px;vertical-align:middle}
.tbl_01 tr:last-child td, .tbl_01 tr:last-child th{border-bottom:1px solid #999}

@media (max-width:1280px){
	.ul_style_01{margin:0 -10px}
	.ul_style_01 > li{padding:10px 10px}
	.ul_style_01 .con_area h4{font-size:20px;line-height:28px}
	.ul_style_01 .con_area p{font-size:16px;line-height:25px}
}
@media (max-width:970px){
	.ul_history > li > h3{width:90px;font-size:22px;line-height:30px}
	.ul_history > li > ul > li > h4{font-size:16px;line-height:24px}
	.ul_history > li > ul > li > p{font-size:16px;line-height:24px;padding-left:30px}
	
	.ul_style_01 .con_area h4{font-size:18px;line-height:26px}
	.ul_style_01 .con_area p{font-size:14px;line-height:23px}
	.ul_style_01 .img_area{width:68px}
	.ul_style_01 .img_area h4{width:68px;height:68px;font-size:30px;line-height:65px}
	.ul_style_01 .img_area h4 > small{font-size:15px}

	#map{height:400px !important}
}
@media (max-width:768px){
	.ul_style_01 > li{width:100%}
}
@media (max-width:640px){
	.tbl_01 th{width:140px;font-size:14px;padding:10px 12px}
	.tbl_01 td{font-size:14px;padding:10px 12px}
	#map{height:300px !important}
}
@media (max-width:480px){
	.ul_history > li{display:block}
	.ul_history > li > h3{display:block;width:100%;font-size:20px;line-height:30px;margin-bottom:5px}
	.ul_history > li > ul{display:block}
	.ul_history > li > ul > li > h4{font-size:14px;line-height:22px}
	.ul_history > li > ul > li > p{font-size:14px;line-height:22px;padding-left:26px}
	
	.ul_style_01 .con_area h4{padding-right:10px}
	#map{height:200px !important}
}


/* product */
.row_pd{margin:0 -20px !important}
.row_pd .vc_col-sm-6{padding:20px !important}
.pd_txt{border:1px solid #eee;border-top:0;text-align:center;padding:7% 10px}

.pd_02{margin:0 -20px}
.pd_02 > li{float:left;width:50%;padding:0 20px;text-align:center;box-sizing:border-box}
.pd_02 > li > .wrapper{padding:20px 0}
.pd_02 > li.li01 > .wrapper{background:url('../../uploads/klami/img/sub/pd_bg_01.jpg') no-repeat top center;background-size:cover}
.pd_02 > li.li02 > .wrapper{background:url('../../uploads/klami/img/sub/pd_bg_02.jpg') no-repeat top center;background-size:cover}
.pd_02 > li h4{color:#fff;font-size:24px;line-height:34px;font-weight:600;padding-top:36px}
.pd_02 > li p{color:#fff;font-size:18px;line-height:26px;padding-bottom:38px;padding-top:5px}

.tbl_01.product thead th{border-right:0;width:auto}

.row_pd_03{background:url('../../uploads/klami/img/sub/bg_pat01.jpg') repeat;margin:0 !important;padding:40px 35px}
.row_pd_03 h4{font-weight:600;margin-bottom:4px}

.row_pd_04 .pd_04_txt.txt_pd20{padding-top:20px !important}
.row_pd_04 .pd_04_txt.txt_pd40{padding-top:40px !important}

@media (max-width:970px){
	.row_pd{margin:0 -10px !important}
	.row_pd .vc_col-sm-6{padding:20px 10px !important}
	.pd_02{margin:0 -10px}
	.pd_02 > li{padding:0 10px}
	.pd_02 > li h4{font-size:22px;line-height:32px}
	.pd_02 > li p{font-size:16px;line-height:24px}
	.row_pd_03{padding:40px 22px}
	.row_pd_04 .vc_col-sm-3{width:30%}
	.row_pd_04 .vc_col-sm-9{width:70%}
}
@media (max-width:768px){
	.pd_txt{display:block;max-width:520px;margin:0 auto;box-sizing:border-box}
	.pd_02{max-width:520px;margin:0 auto}
	.pd_02 > li{width:100%;margin-bottom:20px;padding:0}
	.tbl_01.product tbody th{width:120px}

	.row_pd_03 .vc_col-sm-6:first-child{padding-bottom:30px !important}

	.row_pd_04 .vc_col-sm-3{width:100%}
	.row_pd_04 .vc_col-sm-9{width:100%}
	
	.row_pd_04 .pd_04_txt.txt_pd20{padding-top:0 !important}
	.row_pd_04 .pd_04_txt.txt_pd40{padding-top:0 !important}

	.row_pd_04 .pd_04_txt{max-width:360px;margin:30px auto 0}
}

@media (max-width:480px){
	.row_pd_03{padding:30px 20px}
	.row_pd_03 .vc_col-sm-6{padding-left:0 !important;padding-right:0 !important}
}
@media (max-width:400px){
	.pd_02 > li h4{font-size:20px;line-height:30px}
	.pd_02 > li p{font-size:14px;line-height:22px}
	.tbl_01.product tbody th{width:88px;font-size:13px;line-height:20px}
	.tbl_01.product tbody td{font-size:13px;line-height:20px}
}



/* inquiry */
.form-col{float:left;width:50%;overflow:hidden;height:40px;margin-bottom:10px}
.form-col > .label_wrap{float:left;width:40%;background-color:#f5f6f6;border-radius:3px;box-sizing:border-box;height:40px;line-height:40px;padding:0 20px}
.form-col > .input_wrap{float:left;width:60%;box-sizing:border-box;height:40px;padding:0 10px}
.form-col > .input_wrap.last{padding-right:0}
.form-row > .label_wrap{float:left;width:20%;background-color:#f5f6f6;border-radius:3px;box-sizing:border-box;height:40px;line-height:40px;padding:0 20px}
.form-row > .input_wrap{float:left;width:80%;box-sizing:border-box;height:40px;padding-left:10px}

.inquiry{margin-top:15px}
.inquiry .form-row{overflow:hidden;padding:5px 0}
.inquiry{padding-bottom:20px}
.inquiry label{font-size:14px;color:#333}
.inquiry label > span{color:#ff5450}
.inquiry select{width:100%;height:40px;border:1px solid #ddd;border-radius:3px;background-color:#fff;color:#666}
.inquiry input[type=text],.inquiry input[type=email],.inquiry input[type=tel]{width:320px;height:40px;border:1px solid #ddd;border-radius:3px;background-color:#fff;color:#666;font-size:14px}
.inquiry input.input100{width:100%}
.inquiry textarea{width:100%;border:1px solid #ddd;border-radius:3px;background-color:#fff;color:#666;resize:none;height:250px;font-size:14px;line-height:22px}
.agree_box{background-color:#f5f6f6;border:1px solid #ddd;font-size:14px;color:#888;line-height:24px;padding:15px;height:64px;overflow-y:scroll}
#is_agree{width:15px;height:15px;vertical-align:middle}

#btn_submit.btn_01, #btn_submit_en.btn_01{display:inline-block;width:200px;height:60px;color:#fff;background:#0f8ec7;border:0;text-align:center;font-size:16px;line-height:60px;cursor:pointer;border-radius:30px}

@media (max-width:970px){
	.form-col > .label_wrap{width:38%;padding:0 10px}
	.form-col > .input_wrap{width:62%}
	.form-row > .label_wrap{width:19%;padding:0 10px}
	.form-row > .input_wrap{width:81%}
	.inquiry label{font-size:14px}
	.inquiry select{font-size:14px;padding-left:5px;padding-right:5px}
	.inquiry input[type=text],.inquiry input[type=email],.inquiry input[type=tel]{font-size:14px}
	.inquiry textarea{font-size:14px}
}
@media (max-width:768px){
	.inquiry input[type=text],.inquiry input[type=email],.inquiry input[type=tel],.inquiry label{font-size:14px}
	.inquiry textarea{height:200px}
}
@media (max-width:640px){
	.form-col{width:100%}
	.form-col > .label_wrap{width:33%;padding:0 10px}
	.form-col > .input_wrap{width:67%;padding-right:0}
	.form-row > .label_wrap{width:33%}
	.form-row > .input_wrap{width:67%}
	.inquiry label{font-size:13px}
	.inquiry textarea{height:170px}
}
@media (max-width:400px){
	.agree_box{font-size:13px;line-height:20px}
	.inquiry textarea{height:180px}
	#btn_submit.btn_01{width:170px;height:48px;font-size:14px;line-height:48px;border-radius:24px}

}



/* footer */
#footer{background-color:#333333 !important;border-top:0 !important}
#bottom-bar .wf-wrap{max-width:1120px;margin:0 auto}
.ft_customer{border-bottom:1px solid #555;padding:37px 0 30px;text-align:center}
.ft_customer h4{font-size:18px;color:#fff}
.ft_customer h4 small{position:relative;top:-5px;}
.ft_customer a.tel{display:inline-block;font-size:30px;line-height:38px;color:#fff !important;font-weight:700;margin-top:4px}
.ft_customer a.tel:hover{text-decoration:none !important}
.ft_customer p{font-size:14px;line-height:24px;margin-top:10px;color:#ccc}

.ft_copyright{padding:35px 0;text-align:center}
.ft_copyright h4{font-size:16px;color:#249ed8}
.ft_copyright p{font-size:12px;line-height:22px;margin-top:3px;color:#ccc}


@media (max-width:480px){
	.ft_customer{padding:30px 0 26px}
	.ft_customer h4{font-size:16px}
	.ft_customer a.tel{font-size:25px;line-height:32px}
	.ft_customer p{font-size:13px;line-height:22px;margin-top:8px}
	.ft_copyright{padding:29px 0}
}