@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&subset=korean');

body {margin:0 auto; padding:0;  font-family:'Noto Sans KR',sans-serif;  letter-spacing:-1px; position:relative; overflow:hidden; padding-top:110px;}
h1, h2, h3, h4, h5, h6, p, a, span {font-family:'Noto Sans KR',sans-serif;}
input, button {font-family:'Noto Sans KR',sans-serif; outline:none;}
button {background:none; border:0;}
textarea, select {font-family:'Noto Sans KR',sans-serif;}
select {font-family:'Noto Sans KR',sans-serif; outline:none;}
input {box-shadow:none !important;}
input[type=text]::-ms-clear {display:none;} /* IE인풋 [x]아이콘 삭제 */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* PC 화면 시작 */
.pc_img {display:inline-block;}
.t_img {display:none}
.m_img {display:none}

/* header.php */
#k_hd {width:100%; position:fixed; top:0; z-index:999; background:#fff;}
#k_hd .hd_top {width:100%; height:110px; border-bottom:1px solid #dfdfdf;}
#k_hd .hd_box01 {display:table; width:1400px; height:100%; margin:0 auto;}
#k_hd .hd_logo, .hd_menu, .hd_map {display:table-cell; vertical-align:middle;}
#k_hd .hd_logo {width:164px;}
#k_hd .hd_map {width:42px;}
#k_hd .hd_menu ul {display:table; width:100%; height:100%;}
#k_hd .hd_menu ul li {display:table-cell; vertical-align:middle; width:calc(100% / 4); text-align:center;}
#k_hd .hd_menu ul li a {display:inline-block; width:100%; line-height:110px; font-size:18px; position:relative; font-weight:600;}
#k_hd .hd_menu ul li a:hover {line-height:107px; color:#187bc7;}
#k_hd .hd_menu ul li a:hover::after {content:''; width:100px; height:2px; background:#187bc7; position:absolute; left:50%; bottom:-1px; transform:translate(-50%,0);}
#k_hd .hd_btm {width:100%; height:auto; background:#333; display:none; padding:30px 0 5px; position:fixed; top:110px; z-index:10;}
#k_hd .hd_box02 {width:1400px; margin:0 auto;}
#k_hd .hd_box02 li a {color:#fff;}
#k_hd .hd_box02 > ul {display:inline-block; width:100%; padding:0 42px 0 164px;}
#k_hd .hd_box02 > ul > li {display:inline-block; width:calc(100% / 4); float:left; text-align:center;}
#k_hd .hd_box02 > ul > li a {font-size:16px; line-height:1; margin-bottom:25px; display:inline-block;}
#k_hd .hd_box02 > ul > li > ul > li > a:hover {color:#59b2f6;}

#pop_menu {display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:9999;}
#pop_menu .modal_bg {width:100%; height:100%; background:rgba(0,0,0,0.4);}
#pop_menu .pop_box {position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:1480px; height:760px; background:#fff; padding:70px 0;}
#pop_menu .pop_box > ul {display:inline-block; width:100%; height:100%;}
#pop_menu .pop_box > ul > li {width:calc(100% / 4); height:100%; text-align:center; float:left; position:relative;}
#pop_menu .pop_box > ul > li::after {content:''; width:1px; height:100%; background:#eaeaea; position:absolute; right:0; top:0;}
#pop_menu .pop_box > ul > li:last-child::after {display:none;}
#pop_menu .pop_box > ul > li > h2 {font-size:35px; line-height:1; margin-top:60px;}
#pop_menu .pop_box > ul > li > h2 > img {display:none;}
#pop_menu .pop_box > ul > li a {display:inline-block; font-size:20px; line-height:1; margin-top:32px; color:#757575;}
#pop_menu .pop_box > ul > li a:hover {color:#187bc7}
#pop_menu #menu_exit {position:absolute; right:40px; top:40px;}

/* 전체메뉴보이기(PC) */
@media all and (min-width:1024px) {
#pop_menu .pop_menu_li > ul {display:block !important;} 
}

/* tail.php */
#k_ft {width:100%; background:#333; color:#fff; padding:40px 0;}
#k_ft.k_ft_margin {margin-top:80px;}
#k_ft .ft_box {width:1400px; height:auto; margin:0 auto; display:table;}
#k_ft .ft_box01 {display:table-cell; vertical-align:middle;}
#k_ft .ft_box02 {display:table-cell; vertical-align:middle; text-align:right;}
#k_ft .ft_box01 > h2 {font-size:18px; line-height:1; margin-bottom:15px;}
#k_ft .ft_box01 > ul {display:inline-block; margin-bottom:15px;}
#k_ft .ft_box01 > ul > li {float:left; position:relative; margin-right:40px;}
#k_ft .ft_box01 > ul > li::after {content:''; position:absolute; width:1px; height:16px; background:#acacac; top:50%; right:-20px; transform:translate(0,-50%);}
#k_ft .ft_box01 > ul > li:last-child::after {display:none;}
#k_ft .ft_box01 > ul > li > a {color:#acacac; font-size:16px; line-height:1;}
#k_ft .ft_box01 > p {clear:both; color:#acacac; font-size:14px; line-height:1;}
#k_ft .ft_box02 > p {font-size:16px; line-height:1; margin-bottom:15px;}
#k_ft .ft_box02 > h5 {font-size:25px; line-height:1; margin-bottom:15px;}
#k_ft .ft_box02 > span {color:#acacac; font-size:14px; line-height:1;}

/* index.php */
#k_main {width:1400px; height:auto; margin:0 auto;}
#k_main .main_slide {min-width:1400px; height:799px; margin:0 auto; position:relative;}
#k_main .slide_box {min-width:1920px; height:100%; position:absolute; left:50%; right:0; transform:translate(-50%, 0); object-fit:cover;}
#k_main .main_bn {width:1920px; height:100%; margin:0 auto; position:relative;}
#k_main .k_nav {bottom:270px; left:260px; width:auto; text-align:left;}
#k_main .k_nav .swiper-pagination-bullet {width:15px; height:15px; background:#e1e1e1; opacity:1; margin:0 19px;}
#k_main .k_nav .swiper-pagination-bullet-active {background:#0e5790;}
#k_main .swiper-button-prev {width:58px; height:30px; background:url('/img/slide_prev.png')no-repeat; left:10%;} 
#k_main .swiper-button-next {width:58px; height:30px; background:url('/img/slide_next.png')no-repeat; right:10%;}
#k_main .main_office {width: 1920px; height:650px; background:url('/img/main_office_bg.jpg')no-repeat; position: relative; left: 50%; right: 0; transform: translate(-50%, 0);}
#k_main .office_box {width: 1400px; margin:0 auto; padding-top:105px; display:table;}
#k_main .office_box .txt_box {display:table-cell; vertical-align:middle; width:800px; }
#k_main .office_box .txt_box > h2 {font-size:55px; margin-bottom:40px; line-height:1;}
#k_main .office_box .txt_box > h2 span {color:#187bc7;}
#k_main .office_box .txt_box > p {word-break:keep-all; color:#303030; font-size:22px; line-height:35px; margin-bottom:45px;}
#k_main .office_box .txt_box > p span {font-weight:900;}
#k_main .office_box .txt_box > a {display:inline-block; width:140px; height:50px; border:1px solid #187bc7; color:#187bc7; font-size:20px; text-align:center; line-height:47px;
font-weight:900;  transition:0.5s;}
#k_main .office_box .txt_box > a:hover {background:#187bc7; color:#fff; transition:0.5s;}
#k_main .office_box .office_img_box {display:table-cell; vertical-align:middle; float:right;}

#k_main .main_pro {width: 1920px; height:1500px; background:url('/img/main_pro_bg.jpg')no-repeat; position: relative; left: 50%; right: 0; transform: translate(-50%, 0);}
#k_main .pro_box {width: 1400px; margin:0 auto;}
#k_main .pro_con {padding-top:132px;}
#k_main .pro_con > h2 {text-align:center; color:#fff; font-size:50px; line-height:1; margin-bottom:90px;}
#k_main .pro_list ul {display:inline-block; width:100%;}
#k_main .pro_list ul > li {width:250px; height:385px; float:left; text-align:center; margin-right:37px;}
#k_main .pro_list ul > li:nth-child(5n+0) {margin-right:0;}
#k_main .pro_list ul > li  .pro_il_img {width:250px; height:280px; background:#fff; border-radius:30px 30px 0 0; box-shadow:4px 4px 16px rgba(0,0,0,0.08); margin-bottom:20px; overflow:hidden;
position:relative; transition:0.3s;}
#k_main .pro_list ul > li  .pro_il_img:hover {height:300px; padding-bottom:20px; margin-top:-20px; transition:0.3s;}
#k_main .pro_list ul > li  .pro_il_img img {position:absolute; left:0; top:50%; transform:translate(0,-50%);}
#k_main .pro_list ul > li > a {font-size:23px; line-height:35px; font-weight:500; word-break:keep-all;}
#k_main .pro_list > a {display:block; width:200px; height:55px; margin:0 auto; border:1px solid #187bc7; color:#187bc7; font-size:20px; line-height:53px; text-align:center; 
font-weight:700; transition:0.5s;}
#k_main .pro_list > a:hover {background:#187bc7; color:#fff; transition:0.5s;}

#k_main .cs_con {margin-top:90px;}
#k_main .cs_con > ul > li {width:calc(100% / 4 - 21px); height:213px; margin-right:27px; background:#ececec; float:left; box-shadow:4px 4px 4px rgba(0,0,0,0.04); }
#k_main .cs_con > ul > li:last-child {margin-right:0;}
#k_main .cs_con > ul > li.on {background: linear-gradient(to right, #2a98ee, #1d74df);}
#k_main .cs_con > ul > li > a {display:inline-block; width:100%; height:100%; padding:45px 30px;}
#k_main .cs_con > ul > li:last-child > a {cursor:auto;} 
#k_main .cs_con > ul > li > a > h5 {font-size:25px; line-height:1;}
#k_main .cs_con > ul > li > a > h5 > .cs_icon {margin-right:10px; vertical-align:sub;}
#k_main .cs_con > ul > li > a > h5 > .cs01 {display:inline-block; width:53px; height:35px; background:url('/img/cs_icon01.png')no-repeat;}
#k_main .cs_con > ul > li > a > h5 > .cs02 {display:inline-block; width:46px; height:35px; background:url('/img/cs_icon02.png')no-repeat;}
#k_main .cs_con > ul > li > a > h5 > .cs03 {display:inline-block; width:29px; height:35px; background:url('/img/cs_icon03.png')no-repeat;}
#k_main .cs_con > ul > li > a > h5 > .cs04 {display:inline-block; width:39px; height:35px; background:url('/img/cs_icon04.png')no-repeat;}
#k_main .cs_con > ul > li > a > p {font-size:16px; line-height:1; margin-top:15px;}
#k_main .cs_con > ul > li > a > span.cs_btn {display:inline-block; width:90px; height:35px; border:1px solid #000; text-align:center; line-height:32px; font-size:17px; margin-top:18px; font-weight:600;}
#k_main .cs_con > ul > li > a > span.cs_tel {display:inline-block; font-size:30px; font-weight:600; margin-top:20px; line-height:1;}
#k_main .cs_con > ul > li.on > a {color:#fff;}
#k_main .cs_con > ul > li.on > a > span.cs_btn {border-color:#fff; background:#fff; color:#187bc7; }
#k_main .cs_con > ul > li.on > a > h5 > .cs01 {background:url('/img/cs_icon01_on.png')no-repeat;}
#k_main .cs_con > ul > li.on > a > h5 > .cs02 {background:url('/img/cs_icon02_on.png')no-repeat;}
#k_main .cs_con > ul > li.on > a > h5 > .cs03 {background:url('/img/cs_icon03_on.png')no-repeat;}
#k_main .cs_con > ul > li.on > a > h5 > .cs04 {background:url('/img/cs_icon04_on.png')no-repeat;}

/* sub 공통 */
#sub {width:1400px; height:auto; margin:0 auto;}
#sub .sub_top {width:1920px; height:250px; position:relative; left:-260px; display:table;}
#sub .top_txt {width:1400px; height:100%; display:table-cell; vertical-align:middle; text-align:center;}
#sub .top_txt p {color:#fff; font-size:50px; line-height:1; font-weight:700;}

#sub .s_bn_01 {background:url('/img/pc_sub01_bn.jpg')no-repeat;}
#sub .s_bn_02 {background:url('/img/pc_sub02_bn.jpg')no-repeat;}
#sub .s_bn_03 {background:url('/img/pc_sub03_bn.jpg')no-repeat;}
#sub .s_bn_04 {background:url('/img/pc_sub04_bn.jpg')no-repeat;}

#sub .sub_nav {width:100%; height:210px; display:table;}
#sub .sub_nav_box {display:table-cell; vertical-align:middle; text-align:center;}
#sub .sub_nav_box h2 {font-size:40px; font-weight:500; line-height:1; margin-bottom:20px;}
#sub .sub_nav_box ul li {display:inline-block; font-size:14px; line-height:1; color:#787878; margin-right:8px;}
#sub .sub_nav_box ul li:last-child {margin-right:0;}

/* sub01_01.php */
#s1_01 {width:1920px; height:540px; position:relative; left:-260px; background:url('/img/pc_sub01_01_img.jpg')no-repeat;}
#s1_01 .s1_01_box {width:1400px; height:100%; margin:0 auto; display:table;}
#s1_01 .s1_01_box div {display:table-cell; vertical-align:middle; padding-right:57%;}
#s1_01 .s1_01_box h5 {color:#fff; font-size:35px; line-height:1;}
#s1_01 .s1_01_box h5 span {color:#187bc7;}
#s1_01 .s1_01_box p {word-break:keep-all; color:#fff; font-size:18px; line-height:28px; margin-top:20px; font-weight:100;}
#s1_01 .s1_01_box p span {color:#afdcff;}
#s1_01 .s1_01_box p.s1_p {font-size:19px; font-weight:500;}

/* sub01_02.php */
#s1_02 > h2 {text-align:center; font-size:35px; line-height:1; color:#187bc7;}
#s1_02 > p {text-align:center; font-size:28px; line-height:1; margin-top:20px;}
#s1_02 > p > span {font-weight:500;}
#s1_02 .s1_02_a {width:1120px; height:auto; margin:50px auto 70px;}
#s1_02 .a_box {display:table;}
#s1_02 .a_box .a_img {display:table-cell; position:relative;}
#s1_02 .a_box .a_txt {display:table-cell; vertical-align:middle; padding-left:80px; padding-right:20px;}
#s1_02 .a_box .a_txt > div > h5 {position:relative; font-style: italic; font-size:27px; line-height:1;}
#s1_02 .a_box .a_txt > div > h5::after {content:''; width:80px; height:3px; background:#187bc7; position:absolute; top:50%; left:-110px; transform:translate(0,-50%);}
#s1_02 .a_box .a_txt > div > h5 > span {color:#187bc7;}
#s1_02 .a_box .a_txt > div > p {font-size:18px; line-height:26px; margin-top:20px; word-break:keep-all;}
#s1_02 .a_box .a_txt > div > p > span {color:#187bc7;}
#s1_02 .a_02 {position:relative;}
#s1_02 .a_02 .a_img {float:right; margin-right:-100%;}
#s1_02 .a_02 .a_txt {padding-left:20px; padding-right:80px; text-align:right; position:absolute; top:50%; transform:translate(0,-50%);}
#s1_02 .a_02 .a_txt > div > h5::after {left:unset; right:-110px;}

#s1_02 .s1_02_b > h2 {font-size:35px; line-height:1; margin-bottom:50px;}
#s1_02 .b_01 {width:100%; height:250px;}
#s1_02 .b_02 {width:1202px; height:auto; margin:50px auto 0;}
#s1_02 .b_02 ul {display:inline-block;}
#s1_02 .b_02 ul li {float:left; margin:0 25px; width:551px; height:auto; text-align:center;}
#s1_02 .b_02 ul li p {margin-top:15px; font-size:18px; line-height:28px; word-break:keep-all;}

/* sub01_03.php */
#s1_03 {position:relative; padding:50px 0;}
#s1_03::after {content:''; width:2px; height:100%; background:#dfdfdf; position:absolute; left:50%; top:0; transform:translate(1px, 0); z-index:-1;}
#s1_03 ul li.history_li {width:50%; margin-bottom:80px; height:auto; position:relative;}
#s1_03 ul li.history_li:last-child {margin-bottom:0;}
#s1_03 ul li.history_li h5 {position:absolute; font-size:35px; line-height:1; top:-7px;}
#s1_03 ul li.history_li h5::after {content:''; width:10px; height:10px; border-radius:50%; background:#187bc7; position:absolute; top:50%; transform:translate(0,-50%);}
#s1_03 ul li.history_a h5::after {right:-69px;}
#s1_03 ul li.history_b h5::after {left:-64px;}
#s1_03 ul li.history_li p {font-size:17px; margin-bottom:20px; line-height:1; word-break:keep-all; position:relative;}
#s1_03 ul li.history_li p span {font-size:20px; font-weight:500; position:absolute;}
#s1_03 ul li.history_li p:last-child {margin-bottom:0;}
#s1_03 ul li.history_a {margin-left:50%;}
#s1_03 ul li.history_b {text-align:right;}
#s1_03 ul li.history_a h5 {left:-140px;}
#s1_03 ul li.history_a p {margin-left:60px; padding-left:50px;}
#s1_03 ul li.history_a p span {left:0; top:0;}
#s1_03 ul li.history_b h5 {right:-140px;}
#s1_03 ul li.history_b p {margin-right:60px; padding-right:50px;}
#s1_03 ul li.history_b p span {right:0; top:0;}

/* sub01_04.php */
#s1_04 .s1_04_txt {width:100%; height:auto; padding:30px; border:1px solid rgba(0,0,0,.1); border-top:0;}
#s1_04 .s1_04_txt h5 {font-size:22px; line-height:1; margin-bottom:20px;}
#s1_04 .s1_04_txt ul li {display:inline-block; margin-right:60px;}
#s1_04 .s1_04_txt ul li:last-child {margin-right:0;}
#s1_04 .s1_04_txt ul li img {margin-right:15px; vertical-align:bottom;}
#s1_04 .s1_04_txt ul li p {padding-left:50px; font-size:17px; line-height:40px; font-weight:300; display:inline-block; position:relative;}
#s1_04 .s1_04_txt ul li p span {font-size:19px; line-height:40px; font-weight:500; position:absolute; left:0;}
#s1_04 .s1_04_txt ul li.txt_02 p {padding-left:82px;}

/* bo_table : product - list */
#sub .bo_fx {margin-bottom:0; float:unset; text-align:right; margin-top:30px;}
.kmt_btn {display:inline-block; width:100%; height:100%; font-size:18px;}
.kmt_btn01 {background:#187bc7; color:#fff;}
.kmt_btn02 {border:1px solid #187bc7; color:#187bc7; float:left;}
#sub #bo_gall .gall_img a {width:100%; height:100%;}
#sub #bo_gall .gall_img img {height:100% !important;}
#sub #bo_gall #gall_ul {margin:0 -34px;}
#sub #bo_gall .gall_li {padding:0 34px; margin-top:10px;}
#sub #bo_gall .gall_li:hover .gall_img {border:2px solid #187bc7}
#sub .pg_wrap {float:unset; display:block; text-align:center; margin-top:50px;}
.bo_sch_wrap {text-align:center; margin:0 0 50px;}
.bo_sch_wrap select {height:50px; margin-right:10px; border:1px solid #d9d9d9; font-size:17px;}
.sch_bar {width:320px; height:50px; margin:0 auto; border:1px solid #d9d9d9; display:inline-block; position:relative;;}
.sch_bar input {border:0; display:inline-block; width:100%; height:100%; padding-left:10px; font-size:17px; padding-right:15%;}
.sch_bar button {display:inline-block; position:absolute; right:0; top::0; width:15%; height:100%; }

.pro_move {position:absolute; right:5px; width:50px; height:30px; line-height:28px;}
.move_up {bottom:40px; background:#187bc7; border:1px solid #187bc7; color:#fff;}
.move_down {bottom:5px; background:#fff; border:1px solid #187bc7; color:#187bc7;}

/* bo_table : product - view */
#sub #bo_v {min-height:630px; margin-top:70px;}
#sub #bo_slide {width:660px; height:630px; padding:30px; border:1px solid #d6d6d6; float:left; position:relative;}
#sub #bo_slide .swiper-slide {text-align:center;}
#sub #bo_slide .swiper-slide img {width:auto; height:500px; max-width:598px;}
#sub #bo_slide .product_nav {bottom:40px; left:50%; transform:translate(-50%,0);}
#sub #bo_slide .product_nav .swiper-pagination-bullet {width:15px; height:15px; background:#e1e1e1; opacity:1; margin:0 5px;}
#sub #bo_slide .product_nav .swiper-pagination-bullet-active {background:#0e5790;}
#sub #bo_slide .product_prev {width:58px; height:30px; background:url('/img/slide_prev.png')no-repeat;} 
#sub #bo_slide .product_next {width:58px; height:30px; background:url('/img/slide_next.png')no-repeat;}

#sub #bo_txtbox {width:660px; height:auto; min-height:630px; display:inline-block; margin-left:80px;}
#sub #bo_txtbox #bo_v_title .bo_v_cate {background:none; padding:0; font-size:20px; line-height:1; color:#187bc7;}
#sub #bo_txtbox #bo_v_title .bo_v_tit {margin:20px 0 0; font-size:35px; word-break:keep-all;}
#sub #bo_txtbox #bo_v_atc {width:100%; min-height:230px; margin:30px 0; border-top:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; display:table;}
#sub #bo_txtbox #bo_v_atc .bo_v_txt {display:table-cell; vertical-align:middle; padding:30px 0;}
#sub #bo_txtbox #bo_v_atc .bo_v_txt li {margin-bottom:15px;}
#sub #bo_txtbox #bo_v_atc .bo_v_txt li:last-child {margin-bottom:0;}
#sub #bo_txtbox #bo_v_atc .bo_v_txt li h5 {font-size:18px; line-height:1; padding:8px 30px; border:1px solid #187bc7; font-weight:600; color:#187bc7; border-radius:50px; display:inline-block;}
#sub #bo_txtbox #bo_v_atc .bo_v_txt li p {display:block; margin-top:15px; font-size:20px;}
#sub .pro_v #bo_v_file {display:block;}
#sub .pro_v #bo_v_file li {padding:0; margin:30px 0 0 0; border:0; border-radius:0; box-shadow:unset;}
#sub .pro_v #bo_v_file li a {text-decoration:none; color:#fff; text-align:center; float:unset; width:290px; height:60px; line-height:60px; font-size:23px; font-weight:500; position:relative;}

/* 카탈로그 다운로드 버튼 애니메이션 */
#sub .pro_v #bo_v_file li a.file_download_btn {
  background:#187bc7;
}
#sub .pro_v #bo_v_file li a.file_download_btn span {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
#sub .pro_v #bo_v_file li a.file_download_btn:before,
#sub .pro_v #bo_v_file li a.file_download_btn:after {
  position: absolute;
  content: "";
  height: 0%;
  width: 1px;
 box-shadow:
   -1px -1px 20px 0px rgba(24,123,199,.4),
   -4px -4px 5px 0px rgba(24,123,199,.3),
   7px 7px 20px 0px rgba(24,123,199,1),
   4px 4px 5px 0px rgba(24,123,199,1);
}
#sub .pro_v #bo_v_file li a.file_download_btn:before {
  right: 0;
  top: 0;
  transition: all 500ms ease;
}
#sub .pro_v #bo_v_file li a.file_download_btn:after {
  left: 0;
  bottom: 0;
  transition: all 500ms ease;
}
#sub .pro_v #bo_v_file li a.file_download_btn:hover{
  background: transparent;
  color: #187bc7;
  box-shadow: none;
}
#sub .pro_v #bo_v_file li a.file_download_btn:hover:before {
  transition: all 500ms ease;
  height: 100%;
}
#sub .pro_v #bo_v_file li a.file_download_btn:hover:after {
  transition: all 500ms ease;
  height: 100%;
}
#sub .pro_v #bo_v_file li a.file_download_btn span:before,
#sub .pro_v #bo_v_file li a.file_download_btn span:after {
  position: absolute;
  content: "";
  box-shadow:
   -1px -1px 20px 0px rgba(24,123,199,.4),
   -4px -4px 5px 0px rgba(24,123,199,.3),
   7px 7px 20px 0px rgba(24,123,199,1),
   4px 4px 5px 0px rgba(24,123,199,1);
}
#sub .pro_v #bo_v_file li a.file_download_btn span:before {
  left: 0;
  top: 0;
  width: 0%;
  height: .5px;
  transition: all 500ms ease;
}
#sub .pro_v #bo_v_file li a.file_download_btn span:after {
  right: 0;
  bottom: 0;
  width: 0%;
  height: .5px;
  transition: all 500ms ease;
}
#sub .pro_v #bo_v_file li a.file_download_btn span:hover:before {
  width: 100%;
}
#sub .pro_v #bo_v_file li a.file_download_btn span:hover:after {
  width: 100%;
}

#bo_v .bo_v_adm_btn {margin-top:50px; text-align:right;}
#bo_v .bo_v_adm_btn ul {text-align:right; display:inline-block;}
#bo_v .bo_v_adm_btn ul li {display:inline-block; width:50px; height:30px; text-align:center; float:right; margin-left:10px;}
#bo_v .bo_v_adm_btn ul li a {display:inline-block; width:100%; height:100%; font-size:14px; line-height:30px;}
#bo_v .bo_v_adm_btn ul li.adm_btn01 a {background:#fff; color:#187bc7; border:1px solid #187bc7}
#bo_v .bo_v_adm_btn ul li.adm_btn02 a {background:#aaa; color:#fff;}
#sub #bo_v .bo_v_list_btn {margin:80px auto 0; text-align:center;}
#sub #bo_v .bo_v_list_btn a {width:290px; height:60px; background:#e7e7e7; font-size:18px; line-height:60px; font-weight:500; display:inline-block; text-align:center;}

/* bo_table : product - write */
#sub #bo_w {margin-top:70px;}
#bo_w .write_div {display:table; width:100%;}
#bo_w .write_div label.wr_tit {display:table-cell; width:200px; height:auto; font-size:18px; text-align:center; background:#f6f6f6; border:1px solid #d9d9d9; border-bottom:0;}
#bo_w .write_div .write_cell {display:table-cell; padding:14px 15px; border:1px solid #d9d9d9; border-left:0; border-bottom:0;}
#bo_w .write_div .write_cell select {width:30%;}
#bo_w .write_div .write_cell .wr_cell_span {color:#187bc7;}
#bo_w .file_wr label.wr_tit {border-bottom:1px solid #d9d9d9}
#bo_w .file_wr .write_cell {border-bottom:1px solid #d9d9d9}
#bo_w .btn_confirm {margin-top:80px; text-align:center;}
#bo_w .btn_confirm a {width:150px; height:50px; border:1px solid #187bc7; color:#187bc7; background:#fff; border-radius:0; font-size:18px; line-height:47px; margin:0 7px;}
#bo_w .btn_confirm button {width:150px; height:50px; border:1px solid #187bc7; color:#fff; background:#187bc7; border-radius:0; font-size:18px; line-height:47px; margin:0 7px;}

/* bo_table : notice - list */
#sub .tbl_head01 thead th {font-size:18px; line-height:1;}
#sub .tbl_head01 td {font-size:15px;}
#sub .tbl_head01 td.sg_listtd_cen {width:10%;}
#sub .bo_notice td a {font-size:15px;}
#sub .bo_tit a {font-size:15px;}
.file_icon {display:inline-block; width:15px; height:15px; background:url('/img/pc_download_icon.png')no-repeat; margin-left:5px; vertical-align:middle;}
.link_icon {display:inline-block; width:15px; height:15px; background:url('/img/pc_link_icon.png')no-repeat; margin-left:5px; vertical-align:middle;}
.secret_icon {display:inline-block; width:12px; height:15px; background:url('/img/pc_secret_icon.png')no-repeat; margin-left:5px; vertical-align:middle;}

/* bo_table : notice - view */
#sub .bo_v_nb li {padding:20px 40px;}
#sub .bo_v_nb li .nb_tit {padding-right:60px; color:#000; font-size:18px; line-height:1;}
#sub .bo_v_nb li .nb_tit img {margin-right:30px;}
#sub .bo_v_nb li a {font-size:16px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; display:inline-block; width:80%; line-height:1;}

#bo_v_box {border-collapse:collapse; width:100%; height:auto;}
#bo_v_box th {width:200px; border:1px solid #d9d9d9; background:#f6f6f6; padding:24px 0; font-size:18px;}
#bo_v_box td {border:1px solid #d9d9d9; font-size:16px; color:#6e6e6e; padding:10px;}

/* bo_table : qna - view */
.sg_answer_on {color:#187bc7}
.view_act li {display:inline-block; float:right; margin-left:5px;}
.view_act li a {display:inline-block; text-align:center; width:50px; height:30px; line-height:30px;}
.view_act .c_reply a {color:#fff; background:#187bc7;}
.view_act .c_edit a {border:1px solid #187bc7; line-height:27px; color:#187bc7;}
.view_act .c_del a {color:#fff; background:#aaa;}
.cm_wrap header span {font-size:15px;}
.cmt_contents {font-size:14px; color:#333;}

/* sub04_01.php */
#s4_01 {width:1440px; height:auto; margin-left:-20px; margin-top:-20px;}
#s4_01 ul li {display:inline-block; margin:20px 19px; border:1px solid #d9d9d9; width:320px; height:160px}
#s4_01 ul li::after {content:'';}

/* PC 화면 끝 */


/* 테블렛 화면 시작 */
@media all and (max-width:1024px) {
body {padding-top:10.7422vw;}
body::-webkit-scrollbar {display:none;}

.pc_img {display:none;}
.t_img {display:inline-block;}
.m_img {display:none}

/* header.php */
#k_hd .hd_top {height:10.7422vw; padding:0 2.9297vw;}
#k_hd .hd_box01 {display:table; width:100%; position:relative;}
#k_hd .hd_logo, .hd_map {display:inline-block; position:absolute;}
#k_hd .hd_logo {width:16.0156vw; left:0; top:50%; transform:translate(0,-50%);}
#k_hd .hd_logo img {width:100%;}
#k_hd .hd_map {width:4.1016vw; right:0; top:50%; transform:translate(0,-50%);}
#k_hd .hd_map button {width:100%;}
#k_hd .hd_map img {width:100%;}
#k_hd .hd_menu {display:none;}
#k_hd .hd_btm {display:none;}

#pop_menu .pop_box {width:calc(100% - 13.6719vw); height:calc(100% - 100px); padding:70px 0; overflow-y:scroll;}
#pop_menu .pop_box > ul > li {width:calc(100% - 15.625vw); height:auto; margin:0 auto; float:unset; padding:4.8828vw 0;}
#pop_menu .pop_box > ul > li::after {width:100%; height:1px; top:unset; bottom:0;}
#pop_menu .pop_box > ul > li > h2 {font-size:3.418vw; margin-top:0; position:relative;}
#pop_menu .pop_box > ul > li > h2 > img {display:inline-block; position:absolute; right:21.4844vw; top:50%; transform:translate(0,-50%); width:2.9297vw; transition:0.5s;}
#pop_menu .pop_box > ul > li > h2.on > img {transform:translate(0,-50%) rotate(180deg); transition:0.5s;}
#pop_menu .pop_box > ul > li a {font-size:2.4414vw; margin-top:2.9297vw;}
#pop_menu .pop_box > ul > li a.on {color:#187bc7;}
#pop_menu #menu_exit {width:3.9063vw; height:3.9063vw; right:3.9063vw; top:3.9063vw;}
#pop_menu #menu_exit > img {width:100%;}
#pop_menu .pop_menu_li > ul {display:none;}

/* tail.php */
#k_ft {padding:3.418vw 0;}
#k_ft.k_ft_margin {margin-top:7.8125vw;}
#k_ft .ft_box {width:100%; padding:0 2.9297vw;}
#k_ft .ft_box01 > h2 {font-size:1.9531vw; margin-bottom:1.4648vw;}
#k_ft .ft_box01 > ul {margin-bottom:1.4648vw;}
#k_ft .ft_box01 > ul > li {margin-right:4.3945vw;}
#k_ft .ft_box01 > ul > li::after {height:1.5625vw; right:-2.1484wv;}
#k_ft .ft_box01 > ul > li > a {font-size:1.7578vw;}
#k_ft .ft_box01 > p {font-size:1.6602vw; line-height:2.9297vw;}
#k_ft .ft_box01 > p > span {display:block;}
#k_ft .ft_box02 > p {font-size:1.9531vw; margin-bottom:1.4648vw;}
#k_ft .ft_box02 > h5 {font-size:2.4414vw; margin-bottom:1.4648vw;}
#k_ft .ft_box02 > span {font-size:1.5625vw;}

/* index.php */
#k_main {width:100%;}
#k_main .main_slide {min-width:100%; height:74.2188vw;}
#k_main .slide_box {min-width:100%;}
#k_main .main_bn {width:100%;}
#k_main .swiper-slide img {width:100%;}
#k_main .k_nav {bottom:39.9414vw; left:9.7656vw;}
#k_main .k_nav .swiper-pagination-bullet {width:2.9297vw; height:2.9297vw; margin:0 3.3203vw;}
#k_main .swiper-button-prev {display:none} 
#k_main .swiper-button-next {display:none}

#k_main .main_office {width: 100%; height:97.0703vw; background:url('/img/t_main_office_bg.jpg')no-repeat; background-size:cover;}
#k_main .office_box {width: 100%; padding:11.7188vw 2.9297vw 0; display:table;}
#k_main .office_box .txt_box {display:inline-block; width:100%;}
#k_main .office_box .txt_box > h2 {font-size:5.3711vw; margin-bottom:3.9063vw;}
#k_main .office_box .txt_box > p {font-size:2.1484vw; line-height:3.418vw; margin-bottom:4.3945vw;}
#k_main .office_box .txt_box > a {width:13.6719vw; height:4.8828vw; font-size:1.9531vw; line-height:4.5898vw;}
#k_main .office_box .office_img_box {display:inline-block; width:39.0625vw;}
#k_main .office_box .office_img_box > img {width:100%;}

#k_main .main_pro {width: 100%; height:244.4336vw; background:url('/img/t_main_pro_bg.jpg')no-repeat; background-size:cover;}
#k_main .pro_box {width: 100%;}
#k_main .pro_con {padding-top:12.6953vw;}
#k_main .pro_con > h2 {font-size:4.8828vw; margin-bottom:8.7891vw;}
#k_main .pro_list {padding:0 2.9297vw;}
#k_main .pro_list ul > li {width:calc(100% / 3 - 3.9063vw); height:37.5977vw; margin:0 1.9531vw;}
#k_main .pro_list ul > li:nth-child(5n+0) {margin-right:1.9531vw;}
#k_main .pro_list ul > li  .pro_il_img {width:100%; height:27.3438vw; margin-bottom:1.9531vw;}
#k_main .pro_list ul > li  .pro_il_img:hover {height:29.2969vw; padding-bottom:1.9531vw; margin-top:-1.9531vw;}
#k_main .pro_list ul > li  .pro_il_img img {width:100%;}
#k_main .pro_list ul > li > a {font-size:2.2461vw; line-height:3.418vw;}
#k_main .pro_list > a {width:19.5313vw; height:5.8594vw; font-size:1.9531vw; line-height:5.5664vw;}

#k_main .cs_con {margin-top:9.7656vw; padding:0 2.9297vw;}
#k_main .cs_con > ul {display:inline-block; width:100%; }
#k_main .cs_con > ul > li {width:calc(100% / 2 - 3.3203vw); height:20.8008vw; margin:0 1.6602vw 3.3203vw;}
#k_main .cs_con > ul > li:last-child {margin-right:1.6602vw;}
#k_main .cs_con > ul > li > a {padding:4.3945vw 2.9297vw;}
#k_main .cs_con > ul > li > a > h5 {font-size:2.4414vw;}
#k_main .cs_con > ul > li > a > h5 > .cs_icon {margin-right:0.9766vw;}
#k_main .cs_con > ul > li > a > h5 > .cs01 {width:5.1758vw; height:3.418vw; background:url('/img/cs_icon01.png')no-repeat; background-size:cover;}
#k_main .cs_con > ul > li > a > h5 > .cs02 {width:4.4922vw; height:3.418vw; background:url('/img/cs_icon02.png')no-repeat; background-size:cover;}
#k_main .cs_con > ul > li > a > h5 > .cs03 {width:2.832vw; height:3.418vw; background:url('/img/cs_icon03.png')no-repeat; background-size:cover;}
#k_main .cs_con > ul > li > a > h5 > .cs04 {width:3.8086vw; height:3.418vw; background:url('/img/cs_icon04.png')no-repeat; background-size:cover;}
#k_main .cs_con > ul > li > a > p {font-size:1.5625vw; margin-top:1.4648vw;}
#k_main .cs_con > ul > li > a > span.cs_btn {width:8.7891vw; height:3.418vw; line-height:3.125vw; font-size:1.6602vw; margin-top:1.7578vw;}
#k_main .cs_con > ul > li > a > span.cs_tel {font-size:2.9297vw; margin-top:1.7578vw;}
#k_main .cs_con > ul > li.on > a > h5 > .cs01 {background:url('/img/cs_icon01_on.png')no-repeat; width:5.1758vw; height:3.418vw; background-size:cover;}
#k_main .cs_con > ul > li.on > a > h5 > .cs02 {background:url('/img/cs_icon02_on.png')no-repeat; width:4.4922vw; height:3.418vw; background-size:cover;}
#k_main .cs_con > ul > li.on > a > h5 > .cs03 {background:url('/img/cs_icon03_on.png')no-repeat; width:2.832vw; height:3.418vw; background-size:cover;}
#k_main .cs_con > ul > li.on > a > h5 > .cs04 {background:url('/img/cs_icon04_on.png')no-repeat; width:3.8086vw; height:3.418vw; background-size:cover;}

/* sub 공통 */
#sub {width:calc(100% - 13.6719vw);}
#sub .sub_top {width:100vw; height:24.4141vw; left:-6.8359vw;}
#sub .top_txt {width:100%;}
#sub .top_txt p {font-size:4.1016vw;}

#sub .s_bn_01 {background:url('/img/t_sub01_bn.jpg')no-repeat; background-size:cover;}
#sub .s_bn_02 {background:url('/img/t_sub02_bn.jpg')no-repeat; background-size:cover;}
#sub .s_bn_03 {background:url('/img/t_sub03_bn.jpg')no-repeat; background-size:cover;}
#sub .s_bn_04 {background:url('/img/t_sub04_bn.jpg')no-repeat; background-size:cover;}

#sub .sub_nav {height:20.9961vw;}
#sub .sub_nav_box h2 {font-size:3.9063vw; margin-bottom:1.9531vw;}
#sub .sub_nav_box ul li {font-size:1.7578vw; margin-right:0.9766vw;}

/* sub01_01.php */
#s1_01 {width:100vw; height:63.4766vw; left:-6.8359vw; background:url('/img/t_sub01_01_img.jpg')no-repeat; background-size:cover;}
#s1_01 .s1_01_box {width:calc(100% - 13.6719vw);}
#s1_01 .s1_01_box div {padding-right:23%;}
#s1_01 .s1_01_box h5 {font-size:3.418vw;}
#s1_01 .s1_01_box p {font-size:2.0508vw; line-height:2.9297vw; margin-top:2.9297vw;}
#s1_01 .s1_01_box p.s1_p {font-size:2.4414vw;}

/* sub01_02.php */
#s1_02 > h2 {font-size:3.418vw;}
#s1_02 > p {font-size:2.7344vw; margin-top:1.9531vw;}
#s1_02 .s1_02_a {width:100%; margin:6.8359vw auto;}
#s1_02 .a_box .a_img {width:50%; margin-right:0;}
#s1_02 .a_box .a_img img {width:100%;}
#s1_02 .a_box .a_txt {padding-left:4.8828vw; padding-right:0;}
#s1_02 .a_box .a_txt > div > h5 {font-size:2.6367vw;}
#s1_02 .a_box .a_txt > div > h5::after {width:7.8125vw; height:0.293vw; left:-9.7656vw;}
#s1_02 .a_box .a_txt > div > p {font-size:1.9531vw; line-height:2.9297vw; margin-top:1.9531vw;}
#s1_02 .a_02 {width:100%;}
#s1_02 .a_02 .a_txt {width:50%; padding-left:0; padding-right:4.8828vw;}
#s1_02 .a_02 .a_txt > div > h5::after {left:unset; right:-9.7656vw;}

#s1_02 .s1_02_b > h2 {font-size:3.418vw; margin-bottom:4.8828vw;}
#s1_02 .b_01 {width:100%; height:auto;}
#s1_02 .b_01 img {width:100%;}
#s1_02 .b_02 {width:100%; margin:5.8594vw auto 0;}
#s1_02 .b_02 ul li {margin:0 2.9297vw 0 0; width:41.6992vw;}
#s1_02 .b_02 ul li:last-child {margin:0;}
#s1_02 .b_02 ul li .b_02_img img {width:100%;}
#s1_02 .b_02 ul li p {margin-top:2.9297vw; font-size:1.8555vw; line-height:2.832vw;}

/* sub01_03.php */
#s1_03 {padding:5.8594vw 0;}
#s1_03::after {width:0.1953vw;}
#s1_03 ul li.history_li {margin-bottom:7.8125vw;}
#s1_03 ul li.history_li h5 {font-size:3.418vw; top:-7px;}
#s1_03 ul li.history_li h5::after {width:0.9766vw; height:0.9766vw;}
#s1_03 ul li.history_a h5::after {right:-6.6406vw;}
#s1_03 ul li.history_b h5::after {left:-6.25vw;}
#s1_03 ul li.history_li p {font-size:1.9531vw; margin-bottom:1.9531vw; line-height:2.9297vw;}
#s1_03 ul li.history_li p span {font-size:2.4414vw;}
#s1_03 ul li.history_a h5 {left:-13.6719vw;}
#s1_03 ul li.history_b h5 {right:-13.6719vw;}
#s1_03 ul li.history_a p {margin-left:5.3711vw; padding-left:4.8828vw;}
#s1_03 ul li.history_b p {margin-right:5.3711vw; padding-right:4.8828vw;}

/* sub01_04.php */
#s1_04 .s1_04_txt {padding:2.9297vw;}
#s1_04 .s1_04_txt h5 {font-size:2.4414vw; margin-bottom:1.9531vw;}
#s1_04 .s1_04_txt ul li {margin-right:5.8594vw;}
#s1_04 .s1_04_txt ul li:first-child {display:block; margin-bottom:1.9531vw;}
#s1_04 .s1_04_txt ul li img {width:4.3945vw; height:4.3945vw; margin-right:1.4648vw;}
#s1_04 .s1_04_txt ul li p {padding-left:5.2734vw; font-size:1.9531vw; line-height:4.3945vw;}
#s1_04 .s1_04_txt ul li p span {font-size:2.1484vw; line-height:4.3945vw;}
#s1_04 .s1_04_txt ul li.txt_02 p {padding-left:8.9844vw;}

/* bo_table : product */
#sub #bo_cate ul {width:88.6719vw; margin-left:-1.0742vw;}
#sub #bo_cate li {margin:1.0742vw;}
#sub #bo_cate a {width:27.3438vw; height:7.8125vw; font-size:2.1484vw; line-height:2.9297vw; display:table-cell; vertical-align:middle; padding:0 2.4414vw;}
#sub #bo_gall #gall_ul {margin:0 -1.6113vw;}
#sub #bo_gall .gall_li {padding:0 1.6113vw; margin-top:10px; width:33.3%;}
#sub .gall_row .box_clear {clear:unset;}
#sub .bo_cate_link {font-size:1.5625vw;}
#sub #bo_gall .bo_tit {font-size:1.9531vw;}
#sub #bo_gall .gall_img {height:25.8789vw !important;}
#sub .bo_sch_wrap select {height:5.8594vw; font-size:1.8555vw;}
#sub .sch_bar {width:38.0859vw; height:5.8594vw;}
#sub .sch_bar input {padding-left:10px; font-size:1.8555vw;}
#sub .sch_bar button img {width:2.1484vw;}
#sub .bo_fx {margin-top:4.8828vw;}
#sub .btn_bo_user li {width:16.6016vw; height:5.3711vw; margin-left:1.4648vw; line-height:5.3711vw;}
#sub .kmt_btn {font-size:1.9531vw; line-height:5.1758vw}

/* bo_table : product - view */
#sub #bo_v {min-height:51.7578vw; margin-top:6.8359vw;}
#sub #bo_slide {width:40.2344vw; height:51.7578vw; padding:1.9531vw; position:relative;}
#sub #bo_slide .swiper-slide img {width:auto; height:100%; max-width:100%; max-height:47.8516vw}
#sub #bo_slide .product_nav {bottom:3.9063vw; left:50%; transform:translate(-50%,0);}
#sub #bo_slide .product_nav .swiper-pagination-bullet {width:1.4648vw; height:1.4648vw;}
#sub #bo_slide .product_prev {width:3.0273vw; height:1.4648vw; background:url('/img/slide_prev.png')no-repeat; left:0; background-size:cover;} 
#sub #bo_slide .product_next {width:3.0273vw; height:1.4648vw; background:url('/img/slide_next.png')no-repeat; right:0; background-size:cover;}

#sub #bo_txtbox {width:40.2344vw; min-height:51.7578vw; margin-left:5.8594vw;}
#sub #bo_txtbox #bo_v_title .bo_v_cate {font-size:2.1484vw;}
#sub #bo_txtbox #bo_v_title .bo_v_tit {margin:1.4648vw 0 0; font-size:3.6133vw;}
#sub #bo_txtbox #bo_v_atc {min-height:22.9492vw; margin:2.9297vw 0;}
#sub #bo_txtbox #bo_v_atc .bo_v_txt {padding:2.9297vw 0;}
#sub #bo_txtbox #bo_v_atc .bo_v_txt li {margin-bottom:1.4648vw;}
#sub #bo_txtbox #bo_v_atc .bo_v_txt li h5 {font-size:1.9531vw; padding:0.7813vw 2.4414vw;}
#sub #bo_txtbox #bo_v_atc .bo_v_txt li p {margin-top:1.4648vw; font-size:2.1484vw;}
#sub .pro_v #bo_v_file li {margin:4.8828vw 0 0 0;}
#sub .pro_v #bo_v_file li a {width:28.3203vw; height:5.8594vw; line-height:5.8594vw; font-size:2.3438vw;}
#sub #bo_v .bo_v_adm_btn {margin-top:4.8828vw;}
#sub #bo_v .bo_v_adm_btn ul li {width:5.8594vw; height:3.9063vw; margin-left:1.4648vw;}
#sub #bo_v .bo_v_adm_btn ul li a {font-size:1.5625vw; line-height:3.9063vw;}
#sub #bo_v .bo_v_list_btn {margin:7.8125vw auto 0;}
#sub #bo_v .bo_v_list_btn a {width:28.3203vw; height:5.8594vw; font-size:1.9531vw; line-height:5.8594vw;}

#sub .tbl_head01 td.sg_listtd_cen {width:15%;}

/* bo_table : product - write */
#sub #bo_w {margin-top:6.8359vw;}
#sub #bo_w .write_div label.wr_tit {width:17.5781vw; font-size:2.0508vw;}
#sub #bo_w .write_div .write_cell {padding:1.3672vw 1.4648vw;}
#sub #bo_w .write_div .write_cell select {width:50%;}
#sub #bo_w .btn_confirm {margin-top:7.8125vw;}
#sub #bo_w .btn_confirm a {width:16.6016vw; height:5.3711vw; font-size:1.9531vw; line-height:5.0781vw; margin:0 0.6836vw;}
#sub #bo_w .btn_confirm button {width:16.6016vw; height:5.3711vw; font-size:1.9531vw; line-height:5.0781vw; margin:0 0.6836vw;}

/* bo_table : notice - view */
#sub .bo_v_nb li a {width:65%;}

#bo_v_box th {width:180px;}

/* sub04_01.php */
#s4_01 {width:89.6484vw; margin-left:-1.5625vw; margin-top:-1.5625vw;}
#s4_01 ul li {margin:1.4648vw; width:26.6602vw; height:13.6719vw}
#s4_01 ul li img {width:100%; height:100%;}

}
/* 테블릿 화면 끝 */


/* 모바일 화면 시작 */
@media all and (max-width:640px) {
html {min-width:320px;}
body {padding-top:18.75vw;}

.pc_img {display:none;}
.t_img {display:none}
.m_img {display:inline-block;}

/* header.php */
#k_hd .hd_top {height:18.75vw; padding:0 6.25vw;}
#k_hd .hd_logo {width:31.25vw;}
#k_hd .hd_map {width:8.75vw;}

#pop_menu .pop_box {width:calc(100% - 12.5vw); padding:70px 0;}
#pop_menu .pop_box > ul > li {width:calc(100% - 18.75vw); padding:9.375vw 0;}
#pop_menu .pop_box > ul > li > h2 {font-size:5.4688vw;}
#pop_menu .pop_box > ul > li > h2 > img {right:14.0625vw; width:4.6875vw;}
#pop_menu .pop_box > ul > li a {font-size:4.2188vw; margin-top:7.8125vw;}
#pop_menu #menu_exit {width:7.8125vw; height:7.8125vw; right:6.25vw; top:6.25vw;}

/* tail.php */
#k_ft {padding:7.8125vw 0;}
#k_ft.k_ft_margin {margin-top:12.5vw;}
#k_ft .ft_box {padding:0 6.25vw; display:block;}
#k_ft .ft_box01 {display:block; margin-bottom:4.6875vw;}
#k_ft .ft_box01 > h2 {font-size:3.9063vw; margin-bottom:3.125vw;}
#k_ft .ft_box01 > ul {margin-bottom:3.125vw;}
#k_ft .ft_box01 > ul > li {margin-right:8.5938vw;}
#k_ft .ft_box01 > ul > li::after {height:3.5938vw; right:-4.375vw;}
#k_ft .ft_box01 > ul > li > a {font-size:3.4375vw;}
#k_ft .ft_box01 > p {font-size:3.125vw; line-height:4.6875vw;}
#k_ft .ft_box02 {display:block; text-align:left;}
#k_ft .ft_box02 > p {font-size:3.125vw; margin-bottom:3.125vw;}
#k_ft .ft_box02 > h5 {font-size:4.6875vw; margin-bottom:3.125vw;}
#k_ft .ft_box02 > span {font-size:3.125vw;}

/* index.php */
#k_main .main_slide {height:68.75vw;}
#k_main .k_nav {bottom:37.5vw; left:6.25vw;}
#k_main .k_nav .swiper-pagination-bullet {width:3.9063vw; height:3.9063vw; margin:0 4.0625vw;}

#k_main .main_office {height:134.8438vw; background:url('/img/m_main_office_bg.jpg')no-repeat; background-size:cover;}
#k_main .office_box {padding:10.9375vw 6.25vw 0; display:block;}
#k_main .office_box .txt_box > h2 {font-size:6.25vw; margin-bottom:4.6875vw;}
#k_main .office_box .txt_box > p {font-size:3.4375vw; line-height:5.4688vw; margin-bottom:6.25vw;}
#k_main .office_box .txt_box > a {width:28.125vw; height:9.375vw; font-size:3.9063vw; line-height:8.9063vw;}
#k_main .office_box .office_img_box {width:46.875vw;}

#k_main .main_pro {width: 100%; height:auto; background:url('/img/m_main_pro_bg.jpg')no-repeat; background-size:cover;}
#k_main .pro_con {padding-top:14.0625vw;}
#k_main .pro_con > h2 {font-size:7.0313vw; margin-bottom:13.2813vw;}
#k_main .pro_list {padding:0 1.5625vw;}
#k_main .pro_list ul > li {width:calc(100% / 2 - 9.375vw); height:59.375vw; margin:0 4.6875vw;}
#k_main .pro_list ul > li:nth-child(5n+0) {margin-right:4.6875vw;}
#k_main .pro_list ul > li  .pro_il_img {height:40.625vw; margin-bottom:3.9063vw;}
#k_main .pro_list ul > li  .pro_il_img:hover {height:43.75vw; padding-bottom:3.125vw; margin-top:-3.125vw;}
#k_main .pro_list ul > li > a {font-size:3.5938vw; line-height:5.4688vw;}
#k_main .pro_list > a {width:32.8125vw; height:9.375vw; font-size:3.9063vw; line-height:8.9063vw;}

#k_main .cs_con {margin-top:17.1875vw; padding:0 3.9063vw;}
#k_main .cs_con > ul > li {width:calc(100% / 2 - 4.6875vw); height:35.9375vw; margin:0 2.3438vw 4.6875vw;}
#k_main .cs_con > ul > li:last-child {margin-right:2.3438vw;}
#k_main .cs_con > ul > li > a {padding:7.5vw 4.6875vw;}
#k_main .cs_con > ul > li > a > h5 {font-size:3.9063vw;}
#k_main .cs_con > ul > li > a > h5 > .cs_icon {margin-right:1.5625vw;}
#k_main .cs_con > ul > li > a > h5 > .cs01 {width:8.2813vw; height:5.4688vw; background:url('/img/cs_icon01.png')no-repeat; background-size:contain;}
#k_main .cs_con > ul > li > a > h5 > .cs02 {width:7.1875vw; height:5.4688vw; background:url('/img/cs_icon02.png')no-repeat; background-size:contain;}
#k_main .cs_con > ul > li > a > h5 > .cs03 {width:4.5313vw; height:5.4688vw; background:url('/img/cs_icon03.png')no-repeat; background-size:contain;}
#k_main .cs_con > ul > li > a > h5 > .cs04 {width:6.0938vw; height:5.4688vw; background:url('/img/cs_icon04.png')no-repeat; background-size:contain;}
#k_main .cs_con > ul > li > a > p {font-size:3.125vw; margin-top:3.125vw;}
#k_main .cs_con > ul > li > a > span.cs_btn {width:18.75vw; height:7.0313vw; line-height:6.5625vw; font-size:3.125vw; margin-top:3.125vw;}
#k_main .cs_con > ul > li > a > span.cs_tel {font-size:4.6875vw; margin-top:3.125vw;}
#k_main .cs_con > ul > li.on > a > h5 > .cs01 {background:url('/img/cs_icon01_on.png')no-repeat; width:8.2813vw; height:5.4688vw; background-size:contain;}
#k_main .cs_con > ul > li.on > a > h5 > .cs02 {background:url('/img/cs_icon02_on.png')no-repeat; width:7.1875vw; height:5.4688vw; background-size:contain;}
#k_main .cs_con > ul > li.on > a > h5 > .cs03 {background:url('/img/cs_icon03_on.png')no-repeat; width:4.5313vw; height:5.4688vw; background-size:contain;}
#k_main .cs_con > ul > li.on > a > h5 > .cs04 {background:url('/img/cs_icon04_on.png')no-repeat; width:6.0938vw; height:5.4688vw; background-size:contain;}

/* sub 공통 */
#sub {width:calc(100% - 12.5vw);}
#sub .sub_top {height:39.0625vw; left:-6.25vw;}
#sub .top_txt p {font-size:7.8125vw;}

#sub .s_bn_01 {background:url('/img/m_sub01_bn.jpg')no-repeat; background-size:cover;}
#sub .s_bn_02 {background:url('/img/m_sub02_bn.jpg')no-repeat; background-size:cover;}
#sub .s_bn_03 {background:url('/img/m_sub03_bn.jpg')no-repeat; background-size:cover;}
#sub .s_bn_04 {background:url('/img/m_sub04_bn.jpg')no-repeat; background-size:cover;}

#sub .sub_nav {height:33.2813vw;}
#sub .sub_nav_box h2 {font-size:6.25vw; margin-bottom:3.125vw;}
#sub .sub_nav_box ul li {font-size:2.8125vw; margin-right:1.5625vw;}

/* sub01_01.php */
#s1_01 {height:119.2188vw; left:-6.25vw; background:url('/img/m_sub01_01_img.jpg')no-repeat; background-size:cover;}
#s1_01 .s1_01_box {width:calc(100% - 12.5vw);}
#s1_01 .s1_01_box div {padding-right:0;}
#s1_01 .s1_01_box h5 {font-size:5.4688vw;}
#s1_01 .s1_01_box p {font-size:3.5938vw; line-height:5.1563vw; margin-top:3.9063vw;}
#s1_01 .s1_01_box p.s1_p {font-size:4.2188vw;}

/* sub01_02.php */
#s1_02 > h2 {font-size:5.4688vw;}
#s1_02 > p {font-size:4.6875vw; margin-top:3.125vw;}
#s1_02 .s1_02_a {margin:10.9375vw auto;}
#s1_02 .a_box {display:block;}
#s1_02 .a_box .a_img {display:block; width:100%;}
#s1_02 .a_box .a_txt {padding-left:9.375vw; padding-right:0; padding-top:6.25vw; padding-bottom:6.25vw;}
#s1_02 .a_box .a_txt > div > h5 {font-size:4.375vw;}
#s1_02 .a_box .a_txt > div > h5::after {width:12.5vw; height:0.4688vw; left:-15.625vw;}
#s1_02 .a_box .a_txt > div > p {font-size:3.4375vw; line-height:5vw; margin-top:3.125vw;}
#s1_02 .a_02 .a_txt {width:100%; padding-left:0; padding-right:9.375vw; position:unset; transform:translate(0,0);}
#s1_02 .a_02 .a_txt > div > h5::after {left:unset; right:-15.625vw;}

#s1_02 .s1_02_b > h2 {font-size:5.4688vw; margin-bottom:7.8125vw;}
#s1_02 .b_02 {margin:9.375vw auto 0;}
#s1_02 .b_02 ul {text-align:center;}
#s1_02 .b_02 ul li {margin:0 auto; width:72.9688vw; display:inline-block; float:unset;}
#s1_02 .b_02 ul li:last-child {margin:0 auto;}
#s1_02 .b_02 ul li p {margin-top:0; padding:4.6875vw 0; font-size:3.125vw; line-height:4.6875vw;}

/* sub01_03.php */
#s1_03 {padding:10.9375vw 0;}
#s1_03::after {width:0.3125vw; left:0;}
#s1_03 ul li.history_li {margin-bottom:12.5vw; width:100%;}
#s1_03 ul li.history_li h5 {font-size:5.7813vw; top:0; position:relative; padding-left:9.375vw; margin-bottom:4.6875vw;}
#s1_03 ul li.history_li h5::after {width:1.5625vw; height:1.5625vw; transform:translate(-0.4688vw, -50%);}
#s1_03 ul li.history_a {margin-left:0;} 
#s1_03 ul li.history_b {text-align:left;}
#s1_03 ul li.history_a h5::after {left:0; right:unset;}
#s1_03 ul li.history_b h5::after {left:0;}
#s1_03 ul li.history_li p {font-size:3.4375vw; margin-bottom:3.9063vw; line-height:5vw;}
#s1_03 ul li.history_li p span {font-size:4.375vw;}
#s1_03 ul li.history_a h5 {left:unset;}
#s1_03 ul li.history_b h5 {right:unset;}
#s1_03 ul li.history_a p {margin-left:9.375vw; padding-left:7.8125vw;}
#s1_03 ul li.history_b p {margin-right:0; margin-left:9.375vw; padding-right:0; padding-left:7.8125vw;}
#s1_03 ul li.history_b p span {right:unset; left:0;}

/* sub01_04.php */
#s1_04 .s1_04_txt {padding:4.6875vw;}
#s1_04 .s1_04_txt h5 {font-size:4.2188vw; margin-bottom:5.4688vw;}
#s1_04 .s1_04_txt ul li {margin-right:0; display:block; margin-bottom:6.25vw; position:relative; padding-left:10.1563vw;}
#s1_04 .s1_04_txt ul li:first-child {margin-bottom:4.6875vw;}
#s1_04 .s1_04_txt ul li:last-child {margin-bottom:0;}
#s1_04 .s1_04_txt ul li img {width:7.8125vw; height:7.8125vw; margin-right:0; position:absolute; left:0; top:50%; transform:translate(0,-50%);}
#s1_04 .s1_04_txt ul li:first-child img {top:-1.25vw; transform:translate(0,0);}
#s1_04 .s1_04_txt ul li p {padding-left:9.0625vw; font-size:3.4375vw; line-height:5vw; width:80%; word-break:keep-all;}
#s1_04 .s1_04_txt ul li p span {font-size:3.75vw; line-height:5vw;}
#s1_04 .s1_04_txt ul li.txt_02 p {padding-left:15.625vw;}

/* bo_table : product */
#sub #bo_cate ul {width:90.625vw; margin-left:-1.5625vw;}
#sub #bo_cate li {margin:1.5625vw;}
#sub #bo_cate a {width:42.1875vw; height:12.5vw; font-size:3.5938vw; line-height:4.6875vw; padding:0 2.3438vw;}
#sub #bo_gall #gall_ul {margin:0 -2.3438vw;}
#sub #bo_gall .gall_li {padding:0 2.3438vw; margin-top:10px; width:50%;}
#sub .bo_cate_link {font-size:2.9688vw;}
#sub #bo_gall .bo_tit {font-size:3.5938vw;}
#sub #bo_gall .gall_img {height:42.1875vw !important;}
#sub .bo_sch_wrap select {width:20.3125vw;height:11.875vw; font-size:3.2813vw;}
#sub .sch_bar {width:62.5vw; height:11.875vw;}
#sub .sch_bar input {padding-left:10px; font-size:3.2813vw;}
#sub .sch_bar button img {width:4.2188vw;}
#sub .bo_fx {margin-top:7.8125vw; text-align:center;}
#sub .bo_fx ul {float:unset; display:inline-block;}
#sub .btn_bo_user li {width:35.9375vw; height:10.9375vw; margin-left:2.3438vw;}
#sub .btn_bo_user li:first-child {margin-left:0;} 
#sub .kmt_btn {font-size:3.4375vw; line-height:10.9375vw}

/* bo_table : product - view */
#sub #bo_v {min-height:auto; margin-top:10.9375vw;}
#sub #bo_slide {width:100%; height:78.125vw; padding:3.9063vw; float:unset; display:block;}
#sub #bo_slide .swiper-slide img {width:auto; height:100%; max-width:100%; max-height:70.3125vw}
#sub #bo_slide .product_nav {bottom:4.6875vw;}
#sub #bo_slide .product_nav .swiper-pagination-bullet {width:3.125vw; height:3.125vw;}
#sub #bo_slide .product_prev {width:7.8125vw; height:3.9063vw; background:url('/img/slide_prev.png')no-repeat; left:0; background-size:cover;} 
#sub #bo_slide .product_next {width:7.8125vw; height:3.9063vw; background:url('/img/slide_next.png')no-repeat; right:0; background-size:cover;}

#sub #bo_txtbox {margin-top:6.25vw; width:100%; min-height:auto; margin-left:0; display:block;}
#sub #bo_txtbox #bo_v_title .bo_v_cate {font-size:3.75vw;}
#sub #bo_txtbox #bo_v_title .bo_v_tit {margin:3.125vw 0 0; font-size:6.0938vw;}
#sub #bo_txtbox #bo_v_atc {min-height:45.3125vw; margin:6.25vw 0;}
#sub #bo_txtbox #bo_v_atc .bo_v_txt {padding:6.25vw 0;}
#sub #bo_txtbox #bo_v_atc .bo_v_txt li {margin-bottom:2.3438vw;}
#sub #bo_txtbox #bo_v_atc .bo_v_txt li h5 {font-size:3.4375vw; padding:2.1875vw 4.6875vw;}
#sub #bo_txtbox #bo_v_atc .bo_v_txt li p {margin-top:2.3438vw; font-size:3.75vw;}
#sub .pro_v #bo_v_file li {margin:9.375vw 0 0 0;}
#sub .pro_v #bo_v_file li a {width:100%; height:11.7188vw; line-height:11.7188vw; font-size:4.0625vw;}
#sub #bo_v .bo_v_adm_btn {margin-top:6.25vw;}
#sub #bo_v .bo_v_adm_btn ul li {width:12.5vw; height:6.25vw; margin-left:2.3438vw; margin-bottom:4.6875vw;}
#sub #bo_v .bo_v_adm_btn ul li a {font-size:2.8125vw; line-height:6.25vw;}
#sub #bo_v .bo_v_list_btn {margin:12.5vw auto 0;}
#sub #bo_v .bo_v_list_btn a {width:100%; height:11.7188vw; font-size:4.0625vw; line-height:11.7188vw;}

/* bo_table : product - write */
#sub #bo_w {margin-top:10.9375vw;}
#sub #bo_w .write_div label.wr_tit {width:23.4375vw; font-size:3.125vw;}
#sub #bo_w .write_div .write_cell {padding:2.1875vw 2.3438vw;}
#sub #bo_w .write_div .write_cell select {width:100%;}
#sub #bo_w .btn_confirm {margin-top:10.9375vw;}
#sub #bo_w .btn_confirm a {width:35.9375vw; height:10.9375vw; font-size:3.4375vw; line-height:10.4688vw; margin:0 1.0938vw;}
#sub #bo_w .btn_confirm button {width:35.9375vw; height:10.9375vw; font-size:3.4375vw; line-height:10.4688vw; margin:0 1.0938vw;}

#sub .m_none {display:none}

#sub .tbl_head01 td.sg_listtd_cen {width:25%;}

/* bo_table : notice - view */
#sub .bo_v_nb li a {width:50%;}

#bo_v_box th {width:15.625vw;}

/* sub04_01.php */
#s4_01 {width:95.9375vw; margin-left:-2.1875vw; margin-top:-2.1875vw;}
#s4_01 ul li {margin:2.1875vw; width:41.5625vw; height:18.75vw}
}
/* 모바일 화면 끝 */