@charset "utf-8";
@media screen and (max-width: 640px) {
/*start style*/



input, textarea, button {-webkit-appearance:none; -moz-appearance:none; appearance:none;}
input, textarea, button, select {-webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; border-radius:0;}

select:required:invalid {
    color: #666;
}
select option[disabled] {
    display: none;
}
.select_wrap {
    position: relative;
}
.select_wrap:after {content: '';position: absolute;width: 8px;height: 5px;border-top: 7px solid #000;border-right: 5px solid transparent;border-left: 5px solid transparent;top: 40%;right: 10px;}
.select_wrap select {background: #fff;-webkit-appearance: none;-moz-appearance: none;appearance: none;}


/*pc mo br*/
br.mobr {
    display: block;
}
br.pcbr {
    display: none;
}
p.mop {
    display: block;
}
p.pcp {
    display: none;
}
/* 레이아웃 크기 지정 */
#hd, #wrapper, #ft{min-width: 0;width: 100%;}

#hd_pop,
#hd_wrapper,
#tnb ul,
#gnb .gnb_wrap,
#container_wr,
#ft_wr{width: 100%;max-width: 1280px;min-width: 0;}

/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff;}
.hd_pops img{max-width:100%}
.hd_pops_con {}
.hd_pops_footer {padding: 0;background:#000;color:#fff;text-align:left;position:relative;}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding: 10px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject{background:#000;text-align:left}
.hd_pops_footer .hd_pops_close{background:#393939;position:absolute;top:0;right:0}

/* 상단 레이아웃 */
#hd {
    border-bottom: 0;
    position: fixed !important;
    background: rgba(0,0,0,0.6) !important;
}
#hd:before {display:block;}
#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}

#hd_wrapper {/* position: fixed; */margin:0 auto;padding: 0;height: auto;zoom:1;z-index: 1000;max-width: none;}


#logo {float: none;margin: 0;padding: 14px 25px;z-index: 100;position: relative;left: 0;top: 0;width: 100%;text-align: center;border-bottom: 1px solid #bebebe;}
#logo a {
    background-image: url(../img/logo_m.png) !important;
    width: 140px !important;
    height: 22px !important;
    display: block;
}
#logo img{width: 30%;display: none;}
.hd_sch_wr{position:absolute;top:25px;left:50%;width:430px;margin-left:-215px;}
#hd_sch h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#hd_sch{border:2px solid #556ada;background:#fff;border-radius:5px;overflow:hidden}
#hd_sch #sch_stx {padding-left:10px;height:40px;width:376px;border:0;border-right:0;float:left;font-size:1.25em}
#hd_sch #sch_submit {height:40px;border:0;background:#fff;color:#253dbe;width:50px;float:left;cursor:pointer;font-size:18px}

#sbn_side{position:absolute;top:20px;right:0}
.tnb_wr{
    width: 100%;
    position: relative;
    width: 100%;
    max-width: none;
    margin: 0 auto;
    text-align: right;
}
.tnb_wr>button{
    display: inline-block;
    position: absolute;
    right: 25px;
    top: 13px;
    background: transparent;
    border: 0;
    z-index: 999;
}
#tnb {
    position: fixed;
    top: 0;
    right: 0;
    margin: 0;
    z-index: 998;
    display: none;
    background: rgba(0,0,0,0.6);
    padding: 50% 7px;
    width: 100%;
    height: 100%;
    border: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;    
    zoom:1;
}
#tnb:after { content: ""; clear: both; display: block; }
#tnb h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#tnb ul {margin:0 auto;zoom:1}
#tnb li {float: none;margin-left: 8px;height: auto;margin: 9px 0;border-right: 0;width: 100%;}
#tnb li:nth-child(1){
}
#tnb li:nth-child(2){
}
#tnb li:nth-child(3),
#tnb li:nth-child(4){}
#tnb li:nth-child(1) a{}
#tnb li:nth-child(2) a{}
#tnb li:nth-child(3) a,
#tnb li:nth-child(4) a{
}
#tnb a {display: block;height: auto;color: #000;background-repeat: no-repeat;background: #fff;text-align: center;padding: 12px 3px;font-weight: 400;font-size: 0;position: relative;border-radius: 2px;}
#tnb a:after{
    font-size: 6vw;
}
#tnb a.kor:after{content:'KOREAN'}
#tnb a.eng:after{content:'ENGLISH'}
#tnb a.chn:after{content:'CHINESE'}
#tnb a.rus:after{content:'RUSSIAN'}


#tnb li button {
    background: #09602f;
    border: 0;
    height: 30px;
    width:30px;
    color: #fff;
    line-height: 30px;
}

#hd_qnb{float:right;margin-top:20px}
#hd_qnb:after {display:block;visibility:hidden;clear:both;content:""}
#hd_qnb li{float:left;font-size:1.083em;line-height:15px;position:relative;text-align:center;margin:0 10px}
#hd_qnb li span {display:block;margin-top:5px;font-size:0.92em}
#hd_qnb li a{display:block}
#hd_qnb li i{display:inline-block;width:40px;line-height:40px;border-radius:25px;background:#fff;text-align:center;margin:0;color:#fff}
#hd_qnb .visit .visit-num{display:inline-block;line-height:18px;padding:0 5px;border-radius:10px;background:#f04e00;color:#fff;font-size:10px;position:absolute;top:0;right:0}
#hd_qnb li .fa-question{background:#e83a5f;font-size:20px}
#hd_qnb li .fa-question:hover{background:#e41b45}
#hd_qnb li .fa-comments{background:#82c13f;font-size:16px}
#hd_qnb li .fa-comments:hover{background:#5aa708}
#hd_qnb li .fa-users{background:#f0ba00;font-size:15px}
#hd_qnb li .fa-users:hover{background:#f06f00}
#hd_qnb li .fa-history{background:#8522c4;font-size:15px}
#hd_qnb li .fa-history:hover{background:#6700a9}

/* 메인메뉴 */
#gnb{position: relative;width: 100%;/* float: right; *//* padding-top: 42px; *//* padding-left: 328px; *//* padding-bottom: 56px; */z-index: 9;border-bottom: 1px solid #bebebe;}
#gnb h2{position:absolute;font-size:0;line-height:0;overflow:hidden}
#gnb .gnb_wrap{margin:0 auto;position:relative;max-width: none;}
#gnb .gnb_1dul_wr{
    /* padding: 0 25px; */
    position: relative;
    height: 50px;
    z-index: 100;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
#gnb #gnb_1dul {font-size: 0;padding: 0;zoom:1;margin: 0 auto;max-width: 1280px;width: 100% !important;position: relative;*zoom:1;padding-left: 0;padding-top: 0;}

#gnb #gnb_1dul:after {display:block;clear:both;content:"";}
#gnb .gnb_1dli, #gnb .home{float:left;/* line-height:50px; */padding: 16px 0;height: 50px;position: relative;text-align: center;min-width: 25%;width: 25%;/* display: none; */font-size: 3.2vw;}
#gnb .gnb_1dli:hover, #gnb .home:hover{/* background:#1a30a7; */-webkit-transition: background-color 2s ease-out;-moz-transition: background-color 0.3s ease-out;-o-transition: background-color 0.3s ease-out;transition: background-color 0.3s ease-out;}
#gnb .gnb_1dli:hover:after,#gnb .home:hover:after{content:'';position:absolute;/* width: 140px; */left: 50%;/* margin-left: -70px; */bottom: 0px;height: 6px;/* background: #fff; */border-bottom: 13px solid #fff !important;display: none;}
#gnb .gnb_1dli.active:after, #gnb .home.active:after{content:'';position:absolute;/* width: 140px; */left: 50%;/* margin-left: -70px; */bottom: 0px;height: 6px;/* background: #fff; */border-bottom: 13px solid #fff !important;display: block !important;}
#gnb .gnb_1dli:not(:last-child)>a{
    /* border-right: 1px solid #000; */
}
#gnb .gnb_1dli:first-child{}
#gnb .gnb_1dli:last-child{}
#gnb .gnb_1dli:hover>a, #gnb .gnb_1dli.active>a{/* color: #000; */}


.gnb_1dli .bg{display: none;width:10px;height:10px;overflow:hidden;background:url(../img/gnb_bg2.gif) no-repeat 50% 50%;text-indent:-999px;}
.gnb_1da {display:inline-block;font-weight: 500;color: #fff !important;/* padding: 0 49px; */text-decoration:none;letter-spacing: -0.5px;word-spacing: -2px;width: 100%;line-height: 18px; font-size: 20px;}
.gnb_2dli{
    display: inline-block;
}
.gnb_2dli:first-child{}
.gnb_2dul {display: none;border-top: 0;position: absolute;width: 100vw;left: 0;top: 100%;margin-left: 0;-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.1);-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.1);box-shadow: 0 1px 5px rgba(0,0,0,0.1);}
#gnb .gnb_1dli:nth-child(1) .gnb_2dul {}
#gnb .gnb_1dli:nth-child(2) .gnb_2dul {margin-left: -100%;}
#gnb .gnb_1dli:nth-child(3) .gnb_2dul {margin-left: -200%;}
#gnb .gnb_1dli:nth-child(4) .gnb_2dul {margin-left: -300%;}
#gnb .gnb_1dli:nth-child(5) .gnb_2dul {margin-left: -400%;}



.gnb_2da {display:block;padding:0 10px;line-height: 30px;color: #595757;text-align: center;text-decoration:none;background: transparent;font-size: 2.8vw;font-weight: 700;}
a.gnb_2da:hover{-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}

.gnb_1dli_air .gnb_2da {}
.gnb_1dli_on .gnb_2da {}
.gnb_2da:focus, .gnb_2da:hover {/*color:#fff*/}
.gnb_1dli:nth-child(2) .gnb_2da:focus,.gnb_1dli:nth-child(2) .gnb_2da:hover,
.gnb_1dli:nth-child(6) .gnb_2da:focus,.gnb_1dli:nth-child(6) .gnb_2da:hover {}
.gnb_1dli:nth-child(3) .gnb_2da:focus,.gnb_1dli:nth-child(3) .gnb_2da:hover,
.gnb_1dli:nth-child(5) .gnb_2da:focus,.gnb_1dli:nth-child(5) .gnb_2da:hover {}
.gnb_1dli:nth-child(4) .gnb_2da:focus,.gnb_1dli:nth-child(4) .gnb_2da:hover {}


html[lang=en] .gnb_2da {
    padding: 0 10px;
    line-height: 30px;
}

html[lang=ru] .gnb_2da {
    padding: 0 10px;
    line-height: 30px;
}

.gnb_1dli_over .gnb_2dul {display:block;background: #f3f4f3;text-align: left;padding: 0 25px;}
.gnb_1dli_over2 .gnb_2dul {display:block;right:0}
.gnb_wrap .gnb_empty {padding:10px 0;width:100%;text-align:center;line-height:2em;color:#fff}
.gnb_wrap .gnb_empty a{color:#fff;text-decoration:underline}
.gnb_wrap .gnb_al_ul .gnb_empty, .gnb_wrap .gnb_al_ul .gnb_empty a{color:#555}

#gnb .gnb_menu_btn{color: #595757;width:50px;height:50px;border:0;vertical-align:top;font-size:18px;display: block;position: absolute;z-index: 999;}
#gnb .gnb_close_btn{background:#4158d1;color:#fff;width:50px;height:50px;border:0;vertical-align:top;font-size:18px;position:absolute;top:-50px;left:0}
#gnb .gnb_mnal{padding:0;display: none;}

#gnb_all{/* display:none; */position: fixed;width:100%;z-index:99;background: #fafafa;max-width: 1280px;margin: 0 auto;overflow: auto !important;height: 100% !important;padding: 0;}
#gnb_all .gnb_al_ul:after {display:block;visibility:hidden;clear:both;content:""}
#gnb_all .gnb_al_ul{/* background:#fff; */padding: 0;/* padding-left: 340px; */max-width: 1280px;width: 100%;max-width: 520px;margin: 0 auto;/* display: flex; */float: left;padding-bottom: 100px;}
#gnb_all .gnb_al_li{/* background:#fff; */float:left;width: 100%;padding: 0;height: auto;text-align: left;}
#gnb_all .gnb_al_li.active{background:transparent;}
#gnb_all .gnb_al_li .gnb_al_a{font-size: 2.8vw;padding: 14px 48px;display:block;position:relative;margin-bottom: 0;background: transparent;border-bottom: 0;font-weight: 500;color: #000;display:block;border-bottom: 1px solid rgba(150, 150, 150, 0.3);}
#gnb_all .gnb_al_li .gnb_al_a:after{content:'>';float: right;font-family: dotum;font-weight: 900;}
#gnb_all .gnb_al_li.active .gnb_al_a {background:rgba(230,230,230,0.2)}

/*#gnb_all .gnb_al_li.active>ul{height:auto}*/
#gnb_all .gnb_al_li ul {
    overflow: hidden;
    height: 0;
}


#gnb_all .gnb_al_li li {/* padding-left:10px; */line-height:2em;font-size: 2.5vw;font-weight: 300;line-height: 15px;padding: 12px 48px;background: transparent;margin: 0;border-bottom: 1px solid rgba(150, 150, 150, 0.3);}
#gnb_all .gnb_al_li li a:before{content:'-';}
#gnb_all .gnb_al_li li i{color:#9ca6cc;display: none;}
#gnb_all .gnb_al_li li a{color: #000;display: block;}
#gnb_all .gnb_al_li li a:hover{color: rgba(0, 0, 0, 0.7);}


nav#gnb .gnb_logo_wr {
    float: left;
    width: 760px;
    height: 313px;
    padding: 62px 0 0 227px;
    display: none;
}



nav#gnb .gnb_logo {
    float: left;
}

nav#gnb .gnb_logo_title {
    float: left;
    margin-left: 25px;
    font-size: 23px;
    line-height: 33px;
}

nav#gnb .gnb_logo_title span {
    display: block;
}

nav#gnb .gnb_logo_title strong {}

/*html[lang="zh"] #gnb_all .gnb_al_li li{font-size: 14px;}*/

/*사이드메뉴*/
.snb {
    width: 100%;
    position: relative;
    background:#fff;
    padding: 0 10px;
    transition: all .2s;
    
}
.snb.pc{display: none;}
.snb.mobile{display: block;padding: 8px 25px;overflow: hidden;}
.snb.mobile .select_wrap {
    width: 50%;
    float: left;
}

.snb.mobile .select_wrap select {
    padding-left: 5px;
    font-size: 3.2vw;
    width: 100%;
    height: 30px;
    line-height: 30px;
}

.snb.mobile .select_wrap.lnb_sel_1 {
    padding-right: 2px;
}

.snb.mobile .select_wrap.lnb_sel_2 {
    padding-left: 2px;
}

/*로컬네비*/
aside {display:none;position: fixed;top: 360px;right: 50%;margin-right: -760px;width: 160px;text-align: right;z-index: 999;}
.lnb {
    /* background-image: url(../img/lnb_bg.png); */
    background-repeat: no-repeat;
    background-position: right 12px top;
    position: relative;
    z-index: 1;
}
.lnb li {
    cursor: pointer;
    margin-bottom: 35px;
}

.lnb li span {
    display: inline-block;
    padding: 6px 37px;
    position: relative;
    height: 24px;
    color: #fff;
    font-size: 12px;
    font-weight: 900;
    text-shadow: 0px 0px 1px #000;
}

.lnb li span .lnb_bg{
    position: absolute;
    height: 24px;
    width: 24px;
    right: 0;
    top: 0;
    background: #fff;
    border-radius: 12px;
    z-index: -1;
    box-shadow: 0px 0px 1px 0px #000;
}
.lnb li span .lnb_bg:after{content:'';width: 6px;height: 6px;background: #e44320;position: absolute;top: 9px;right: 9px;border-radius: 3px;}
.lnb li:hover span,
.lnb li.active span {color:#e44320;text-shadow:none}
.lnb li:hover span .lnb_bg,
.lnb li.active span .lnb_bg {width: 100%;}

/*탑이미지*/
div#topimg {
    position: relative;
    /* padding-top: 50px; */
    height: 260px;
    width: 100%;
    min-width: 0;
}
div#topimg .bg_color{
    height: 250px;
    position: absolute;
    top: 0;
    width: 100%;
    /* background-color: #f2f2f2; */
}
div#topimg .bg_img{
    position: relative;
    margin: 0 auto;
    /* width: 1280px; */
    height: 100%;
    background-size: auto;
    background-position: top center;
    background-repeat:no-repeat;
}
div#topimg.topimg_10 .bg_color,
div#topimg.topimg_50 .bg_color,
div#topimg.topimg_20 .bg_color,
div#topimg.topimg_40 .bg_color,
div#topimg.topimg_30 .bg_color{}
div#topimg.topimg_10 .bg_img{background-image: url(../img/topimg/top_img_01.jpg);}
div#topimg.topimg_20 .bg_img{background-image: url(../img/topimg/top_img_02.jpg);}
div#topimg.topimg_30 .bg_img{background-image: url(../img/topimg/top_img_03.jpg);}
div#topimg.topimg_40 .bg_img{}
div#topimg.topimg_50 .bg_img{}

div#topimg .bg_img .top_title {
    text-align: center;
    font-size: 5.8vw;
    font-weight: 900;
    padding: 130px 20px 13px;
    position: relative;
    border-bottom-width: 2px;
}
div#topimg .bg_img .top_title:after {
    content:'';
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 3vw;
    font-weight: 300;
    color: #71be44;
    display: none;
}
div#topimg.topimg_10 .bg_img .top_title:after{content: 'Corporate Introduction';}
div#topimg.topimg_20 .bg_img .top_title:after{content: 'Product Introduction';}
div#topimg.topimg_30 .bg_img .top_title:after{content: 'community';}
div#topimg .bg_img .top_txt {
    text-align: center;
    font-size: 3.2vw;
    font-weight: 200;
    color: #fff;
    padding-top: 13px;
    line-height: 5vw;
}


html[lang=en] div#topimg .bg_img .top_title {
    font-size: 3.8vw;
}
html[lang=en] div#topimg .bg_img .top_txt {
    text-align: center;
    font-size: 3.2vw;
    font-weight: 200;
    color: #fff;
    padding-top: 13px;
    line-height: normal;
    padding-left: 25px;
    padding-right: 25px;
}

html[lang=ru] div#topimg .bg_img .top_txt {width: auto;}



/* 중간 레이아웃 */
#wrapper.index{}
.wrapper{
    width:100%;
    padding:0 25px;
    margin: 0 auto;
}
#container_wr:after {display:block;visibility:hidden;clear:both;content:""}
#container_wr {z-index: 5;margin:0 auto;height:100%;zoom:1;position: relative;}
#wrapper.index #container_wr{max-width: 100%;padding: 0;}
#aside {float:right;width:305px;padding:0;background: #e7ebf3;height: 100%;border: 1px solid #adbfd2;margin:20px 0 20px 20px}
#wrapper.index #container{
    width: 100%;
    padding: 0;
    margin: 0;
    padding-bottom: 50px;
}
#container {z-index:4;position:relative;float: right;min-height: unset;height:auto !important;margin: 0;height:500px;font-size:1em;width: 100%;padding: 0;zoom:1;}
#container:after {display:block;visibility:hidden;clear:both;content:""}

.container_title_wr {
    position: relative;
    border-bottom: 1px solid #808080;
}
#container_title {font-size: 6vw;margin:0 auto;font-weight: 500;margin-top: 15px;/* border-bottom: 1px solid #808080; */position: relative;display: inline-block;max-width: 510px;width: 100%;}
#container_title span{/* margin:0 auto 10px; */display:block;color: #221e1f;display: inline-block;border-bottom: 5px solid #71be44;margin-bottom: -2px;padding-right: 25px;}
/*.latest_wr:after {display:block;visibility:hidden;clear:both;content:""}*/
.lt_wr{width:49%}
.lt_wr:nth-child(2n+1){clear:both}
.latest_wr:after {display:block;visibility:hidden;clear:both;content:""}

div#container.me_code_2030 #container_title {max-width: 315px;}
div#container.me_code_2040 #container_title {max-width: 300px;}
div#container.me_code_2050 #container_title {max-width: 380px;}
div#container.me_code_2060 #container_title {max-width: 255px;}

html[lang="zh"] div#container.me_code_2040 #container_title {max-width: 430px;}
html[lang="zh"] div#container.me_code_2050 #container_title {max-width: 365px;}



/* 하단 레이아웃 */
#ft {background: #221d1f;color: #b3b3b3;/* padding-bottom:30px; */margin:0 auto;text-align: left;min-height: 120px;position: relative;}
#ft h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ft_wr {margin:0 auto;position:relative;padding: 0 50px;width: 1280px;}
#ft_wr>div{
    /* margin-left: 365px; */
}
.ft_wr.wr_1 {
    background: transparent;
    padding: 0 25px;
}
.ft_wr .ft_container{
    width: 100%;
    margin: 0 auto;
    position: relative;
}
.ft_wr.wr_1 .ft_container {
    padding: 30px 0px 26px;
}

#ft div#ft_catch {
    position: relative;
    right: unset;
    top: unset;
    width: 246px;
    height: 38px;
    background: url(../img/ft_logo_m.png);
}

#ft div#ft_catch img {
    display: none;
}
#ft div#ft_adrr {
    padding-top: 30px;
    text-align: center;
    font-weight: 700;
    font-size: 3.7vw;
}
#ft div#ft_adrr span{
    display: inline-block;
}
#ft div#ft_adrr span:nth-child(2){margin-right:5px}
#ft div#ft_adrr span:nth-child(3):before{
    content:' | '
}
div#ft_copy{
    padding-top: 25px;
}
.ft_wr.wr_2 .ft_container {
    padding: 25px 0;
}
#ft .banner_wrap {}

#ft .ban_img_wrap {
    display: inline-block;
    background: #000;
    padding: 0;
    margin: 5px 10px;
}
#ft .ban_img_wrap:not(:last-child){
    margin-right: unset;
}
#ft .ban_img_wrap img {
    width: 100%;
}
#ft .banner_wrap.pc {display:none}
#ft .banner_wrap.mo {display:block;text-align: center;}


.ft_info {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #fff;
}

.ft_info > ul {display: block;width: 100%;}

.ft_info > ul > li {
    display: block;
    vertical-align: top;
    padding: 10px;
}
.ft_info > ul > li:not(:last-child){
    border-right: 0;
}
.ft_subj {font-size: 16px;font-weight: 900;}

.ft_cont {
    font-size: 12px;
    font-weight: 500;
}
.ft_cont>span{margin-top: 10px;display: inline-block;}
li.ft_addr {
    width: 100%;
}

li.ft_contact {
    width: 100%;
}

li.ft_catalogue {
    width: 100%;
}


.dl_catal {
    background-color: #000;
    border-radius: 6px;
    border: 1px solid rgb(255 255 255 / 30%);
    overflow: hidden;
    width: 100%;
    height: auto;
    position: absolute;
    z-index: 1;
    user-select: none;
    margin-top: 6px;
}

.dl_open_btn {
    font-size: 15px;
    font-weight: 700;
    background-color: #171717;
    width: 100%;
    height: 37px;
    padding: 12px 20px;
    cursor: pointer;
    background-image: url(../img/ico/ico_dl_btn_1.png);
    background-repeat: no-repeat;
    background-position: right 20px center;
}

ul.dl_list {
    overflow: hidden;
    display: none;
}

ul.dl_list > li {}

ul.dl_list > li > a {
    font-size: 13px;
    font-weight: 300;
    color: #fff;
    height: 28px;
    width: 100%;
    display: block;
    padding: 10px 20px;
    background-image: url(../img/ico/ico_dl_btn_2.png);
    background-repeat: no-repeat;
    background-position: right 27px center;
}

div#ft_copy {
    font-size: 12px;
    font-weight: 300;
    text-align: center;
    height: 57px;
    padding-top: 27px;
}




/*float_menu*/
.float_menu {position: absolute;right: 50%;margin-right: -15px;top: unset;bottom: calc(100% + 50px);width: 30px;height: 30px;text-align:center;font-size: 11px;font-weight: 500;z-index: 999;}
.float_menu.me_10 {
    bottom: calc(100% + 25px);
}


.float_menu #top_btn{
    width: 100%;
    height: 100%;
    border: 0;
    color: #fff;
    outline: none;
    background-size: 30px !important;
    background: url(../img/ico/ico_top_g.png) no-repeat center;
}

.float_menu.me_20 #top_btn{
    background: url(../img/ico/ico_top_r.png) no-repeat center;
}

/* 게시물 선택복사 선택이동 */
#copymove {}
#copymove  .win_desc {text-align:center;display:block}
#copymove  .tbl_wrap{margin:20px }
#copymove  .win_btn{padding:0 20px 20px}
.copymove_current {float:right;background:#ff3061;padding:5px;color:#fff;border-radius:3px}
.copymove_currentbg {background:#f4f4f4}

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}
/* 본문 바로가기 */
#skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}

/* ie6 이미지 너비 지정 */
.img_fix {width:100%;height:auto}

/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {display:inline-block;position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;}
#captcha #captcha_img {height:40px;border:1px solid #898989;vertical-align:top;padding:0;margin:0}
#captcha #captcha_mp3 {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../img/captcha2.png') no-repeat;text-indent:-999px;border-radius:3px}
#captcha #captcha_reload {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../img/captcha2.png') no-repeat  0 -40px;text-indent:-999px;border-radius:3px}
#captcha #captcha_key {margin:0 0 0 3px;padding:0 5px;width:90px;height:40px;border:1px solid #ccc;background:#fff;font-size:1.333em;font-weight:bold;text-align:center;border-radius:3px;vertical-align:top}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}

/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha audio {display:block;margin:0 0 5px;width:187px}
#captcha.m_captcha #captcha_img {width:160px;height:60px;border:1px solid #e9e9e9;margin-bottom:3px;margin-top:5px;display:block;}
#captcha.m_captcha #captcha_reload {position:static;margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../img/captcha2.png') no-repeat  0 -40px;text-indent:-999px}
#captcha.m_captcha #captcha_reload span{display:none;}
#captcha.m_captcha #captcha_key {margin:0;padding:0 5px;width:115px;height:29px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:29px;margin-left:3px}
#captcha.m_captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}
#captcha.m_captcha #captcha_mp3 {width:31px;height:31px;background:url('../img/captcha2.png') no-repeat 0 0 ;  vertical-align:top;overflow:hidden;cursor:pointer;text-indent:-9999px;border:none}

/* ckeditor 단축키 */
.cke_sc {margin:0 0 5px;text-align:right}
.btn_cke_sc{display:inline-block;padding:0 10px;height:23px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;line-height:1.9em;vertical-align:middle;cursor:pointer}
.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center}
.cke_sc_def dl{margin:0 0 5px;text-align:left;zoom:1}
.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
.cke_sc_def dt {width:20%;font-weight:bold}
.cke_sc_def dd {width:30%}

/* 버튼 */
a.btn,.btn{line-height: 30px;height: 30px;padding:0 10px;text-align:center;font-weight: 900;font-size: 3.7vw;border:0;-webkit-transition: background-color 0.3s ease-out;-moz-transition: background-color 0.3s ease-out;-o-transition: background-color 0.3s ease-out;transition: background-color 0.3s ease-out;}

a.btn01 {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
a.btn01:focus, a.btn01:hover {text-decoration:none}
button.btn01 {display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none}
a.btn02 {display:inline-block;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle;}
a.btn02:focus, .btn02:hover {text-decoration:none}
button.btn02 {display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none}

.btn_confirm {text-align:right} /* 서식단계 진행 */

.btn_submit {border:0;background: #bebdbd;color: #221d1f;cursor:pointer;border:0;}
.btn_submit:hover {}

a.btn_cancel {display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle;}
button.btn_cancel {display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle}
.btn_cancel:hover {background:#aaa;
}
a.btn_frmline, button.btn_frmline {display:inline-block;padding:0 5px;height:40px;border:0;background:#3c3c3c;border-radius:5px;color:#fff;text-decoration:none;vertical-align:top} /* 우편번호검색버튼 등 */
a.btn_frmline {}
button.btn_frmline {font-size:1em}

/* 게시판용 버튼 */
a.btn_b01,.btn_b01 {display:inline-block;background:#4c4f6f;color:#fff;text-decoration:none;vertical-align:middle;border-radius: 15px;font-size: 12px;font-weight: 200;min-width: 90px;}
.btn_b01:hover, .btn_b01:hover {background:#54598c}
a.btn_b02,.btn_b02 {display:inline-block;padding:0 10px;color: #666666;text-decoration:none;border: 1px solid rgba(128, 128, 128, 0.3);vertical-align:middle;font-size: 12px;font-weight: 200;min-width: 90px;border-radius: 15px;outline: none;}
a.btn_b02:hover, .btn_b02:hover {}
a.btn_b03, .btn_b03 {display:inline-block;background:#fff;border:1px solid #b9bdd3;color:#646982;text-decoration:none;vertical-align:middle}
a.btn_b03:hover, .btn_b03:hover {background:#ebedf6}
a.btn_b04, .btn_b04 {display:inline-block;background:#fff;border:1px solid #ccc;color:#707070;text-decoration:none;vertical-align:middle}
a.btn_b04:hover, .btn_b04:hover {color:#333;background:#f9f9f9}
a.btn_admin,.btn_admin {display:inline-block;/* background:#d13f4a; */color:#fff;text-decoration:none;vertical-align:middle;border-radius: 15px;font-size: 12px;font-weight: 200;min-width: 90px;outline: none;} /* 관리자 전용 버튼 */
.btn_admin:hover, a.btn_admin:hover {/* background:#ff3746 */}




/* 기본테이블 */
.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing: 0 5px;border-bottom: 1px solid #808080;} 
.tbl_wrap caption {padding:10px 0;font-weight:bold;text-align:left}
.tbl_head01 {margin: 0;}
.tbl_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head01 thead th {padding:10px 0;font-weight: 300;font-size: 3vw;text-align:center;border-bottom: 1px solid rgba(128, 128, 128, 0.3);background: #fafafa;color: #666666;height: 50px;/* min-width: 90px; */}
.tbl_head01 thead th:not(:last-child){border-right: 1px solid rgba(128, 128, 128, 0.3);}
.tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head01 tbody th {padding:8px 0;border-bottom:1px solid #e8e8e8}
.tbl_head01 td {color:#666;background:#fff;padding:10px 5px;border-top: 1px solid #ecf0f1;line-height:1.4em;height: 45px;word-break:break-all;font-size: 3vw;font-weight: 300;}
.tbl_head01 td:not(:last-child){border-right: 1px solid rgba(128, 128, 128, 0.3);}
.tbl_head01 tbody tr:hover td{background:#fafafa;}
.tbl_head01 a:hover {text-decoration:underline}

.tbl_head02 {margin:0 0 10px}
.tbl_head02 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head02 thead th {padding:5px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head02 thead a {color:#383838}
.tbl_head02 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th, .tbl_head02 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head02 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#fff}
.tbl_head02 td {padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#fff;line-height:1.4em;word-break:break-all}
.tbl_head02 a {}

/* 폼 테이블 */
.tbl_frm01 {margin:0 0 20px}
.tbl_frm01 table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_frm01 th {width:70px;padding:7px 13px;border:1px solid #e9e9e9;border-left:0;background:#f5f8f9;text-align:left}
.tbl_frm01 td {padding:7px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
.wr_content textarea,.tbl_frm01 textarea,.form_01 textarea, .frm_input {border: 1px solid #bebebe;background: #fff;color:#000;vertical-align:middle;border-radius: 2px;padding:5px;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);}
.tbl_frm01 textarea {padding:2px 2px 3px}
.frm_input {height: 35px;}

.full_input{width:100%}
.half_input{width:49.5%}
.tbl_frm01 textarea, .write_div textarea {width:100%;height:100px;background: transparent;resize: none;overflow: auto;}
.tbl_frm01 a {text-decoration:none}
.tbl_frm01 .frm_file {display:block;margin-bottom:5px}
.tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em}

/*기본 리스트*/
.list_01 li{border:1px solid #dbdbdb;background:#fff;border-radius:3px;margin:3px 0;padding:10px 15px;list-style:none;position:relative;}
.list_01 li:after {display:block;visibility:hidden;clear:both;content:""}
.list_01 li:hover{background:#f9f9f9}
.list_01 li.empty_li{text-align:center;padding:20px 0;color:#666}
/*폼 리스트*/
.form_01 h2{margin:0 0 10px;font-size:1.167em}
.form_01 li{margin:10px 0}
.form_01 li:after {display:block;visibility:hidden;clear:both;content:""}
.form_01 li .right_input{float:right}
.form_01 textarea{height:100px;width:100%}
.form_01 .frm_label{display:inline-block;width:130px}

/* 자료 없는 목록 */
.empty_table {padding:50px 0 !important;text-align:center}
.empty_list {padding:20px 0 !important;color:#666;text-align:center}

/* 필수입력 */
.required, textarea.required {/* background-image:url('../img/require.png')  !important; */background-repeat:no-repeat   !important;background-position:right top  !important;}

/* 테이블 항목별 정의 */
.td_board {width:80px;text-align:center}
.td_category {width:80px;text-align:center}
.td_chk {width:30px;text-align:center}
.td_date {width:60px;text-align:center}
.td_datetime {width:110px;text-align:center}
.td_group {width:80px;text-align:center}
.td_mb_id {width:100px;text-align:center}
.td_mng {width:80px;text-align:center}
.td_name {width:100px;text-align:left}
.td_nick {width:100px;text-align:center}
.td_num {width:50px;text-align:center}
.td_numbig {width:80px;text-align:center}
.td_stat {width:60px;text-align:center}

.txt_active {color:#5d910b}
.txt_done {color:#e8180c}
.txt_expired {color:#ccc}
.txt_rdy {color:#8abc2a}

/* 새창 기본 스타일 */
.new_win {position:relative;}
.new_win .tbl_wrap {margin:0 20px}
.new_win #win_title {font-size:1.25em;height:50px;line-height:30px;padding:10px 20px;background:#333;color:#fff;}
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}
.new_win .win_ul {border-right:1px solid #dfe6e7;}
.new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_ul li{float:left;background:#fff;width:33.333%;text-align:center;border:1px solid #ccc;margin-left:-1px}
.new_win .win_ul li a{display:block;padding:10px 0}
.new_win .win_ul .selected{background:#fff;border-color:#253dbe;position:relative;z-index:5}
.new_win .win_ul .selected a{color:#253dbe;font-weight:bold}
.new_win .win_desc {margin:5px 0;font-size:0.92em;color:#3598db;}
.new_win .frm_info{font-size:0.92em;color:#3598db}
.new_win .win_total{text-align:right;margin:10px 0}
.new_win .win_total span{display:inline-block;line-height:30px;font-size:0.92em;color:#4e546f;background:#d4d4d4;padding:0 10px;border-radius:5px;}
.new_win .new_win_con{margin:20px;}
.new_win .new_win_con:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .btn_confirm:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_btn{text-align:right}
.new_win .btn_close {position:absolute;top:0;right:0;height:50px;width:50px;background:url(../img/close_btn.gif) no-repeat 50% 50%;border:0;text-indent:-999px;overflow:hidden;cursor:pointer}
.new_win .btn_submit {padding:0 20px;height:40px;font-weight:bold;font-size:1.083em;float:right}

/* 검색결과 색상 */
.sch_word {color:#00c4ac}

/* 자바스크립트 alert 대안 */
#validation_check {margin:100px auto;width:500px}
#validation_check h1 {margin-bottom:20px;font-size:1.3em}
#validation_check p {margin-bottom:20px;padding:30px 20px;border:1px solid #e9e9e9;background:#fff}

/* 사이드뷰 */
.sv_wrap {position:relative;font-weight:normal}
.sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;font-size:0.92em;background:#333;
-webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);
box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);}
.sv_wrap .sv:before{content: "";position: absolute;top: -6px;left: 15px;width: 0;height: 0;border-style: solid;border-width: 0 6px 6px 6px;border-color: transparent transparent #333 transparent;}
.sv_wrap .sv a {display:inline-block;margin:0;padding:0  10px;line-height:30px;width:100px;font-weight:normal;color:#bbb }
.sv_wrap .sv a:hover{background:#000;color:#fff}
.sv_member{color:#333}
.sv_on {display:block !important;position:absolute;top:23px;left:0px;width:auto;height:auto}
.sv_nojs .sv {display:block}

/* 페이징 */
.pg_wrap {clear:both;margin: 45px 0;text-align:center;padding-bottom: 70px;}
.pg_wrap:after {display:block;visibility:hidden;clear:both;content:""} 
.pg {}
.pg_page, .pg_current {display:inline-block;vertical-align:middle;/* background:#f3f3f3; *//* border:1px solid #bbbcc3; *//* font-family: dotum; */font-size: 5.6vw;margin: 0px 5px;}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {color:#555;height:30px;line-height:28px;padding: 0 4px;min-width: 30px;text-decoration:none;/* border-radius:3px; */position: relative;/* margin: 0; */}
.pg_page:hover{background-color:#ddd}
.pg_start {text-indent:-999px;overflow:hidden;/*background:url('../img/btn_first.gif') no-repeat 50% 50% #fff;*/padding: 0;/* border:1px solid #bbb;*/font-size: 20px;font-weight: 900;}
.pg_start:after {content:'<<';position:absolute;left:0;top:0;text-indent: 0;padding: 0 4px;}
.pg_prev {text-indent:-999px;overflow:hidden;/*background:url('../img/btn_prev.gif') no-repeat 50% 50% #fff;*/padding:0;/* border:1px solid #bbb;*/font-size: 20px;font-weight: 900;}
.pg_prev:after {content:'<';position:absolute;left:0;top:0;text-indent: 0;padding: 0 8px;}
.pg_end {text-indent:-999px;overflow:hidden;/* background:url('../img/btn_end.gif') no-repeat 50% 50% #fff; */padding:0;/* border:1px solid #bbb; */font-size: 4.3vw;font-weight: 900;}
.pg_end:after {content:'>>';position:absolute;left:0;top:0;text-indent: 0;padding: 0 5px;}
.pg_next {text-indent:-999px;overflow:hidden;/*background:url('../img/btn_next.gif') no-repeat 50% 50% #fff;*/padding:0;/* border:1px solid #bbb;*/font-size: 4.3vw;font-weight: 900;}
.pg_next:after {content:'>';position:absolute;left:0;top:0;text-indent: 0;padding: 0 9px;}
.pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover{background-color:#fafafa}

.pg_current {display:inline-block;/* background: #969696; *//* color:#fff; */font-weight:bold;height:30px;line-height:30px;padding: 0 8px;min-width: 28px;/* border-radius:3px; */}

/* cheditor 이슈 */
.cheditor-popup-window *, .cheditor-popup-window :after, .cheditor-popup-window :before {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}

/* Mobile화면으로 */
#device_change {display:block;margin:0.3em;padding:0.5em 0;border:1px solid #eee;border-radius:2em;background:#fff;color:#000;font-size:2em;text-decoration:none;text-align:center}

/*페이지 공통*/
#ctt {padding-bottom: 70px;}
#ctt_title h1 {
    padding: 75px 0 48px;
    font-size: 17px;
    border-bottom: 1px solid #969696;
    color: #666666;
    font-weight: 400;
}
#ctt_title h1 p:first-child {
    padding-bottom: 8px;
}
#ctt_con {/*padding: 48px 0;position: relative;*/}

.bg_a {background-image: url(../img/bg/bg_a.png);}
.bg_b {background-image: url(../img/bg/bg_b.png);}
.bg_c {background-image: url(../img/bg/bg_c.png);}
.bg_d {background-image: url(../img/bg/bg_d.png);}

.bg_title_10 {background-image: url(../img/bg/bg_title_10.png);background-repeat: repeat-x;background-position: top;}
.bg_title_20 {background-image: url(../img/bg/bg_title_20.png);background-repeat: repeat-x;background-position: top;}
.bg_title_30 {background-image: url(../img/bg/bg_title_30.png);background-repeat: repeat-x;background-position: top;}
.bg_title_40 {background-image: url(../img/bg/bg_title_40.png);background-repeat: repeat-x;background-position: top;}
.bg_title_50 {background-image: url(../img/bg/bg_title_50.png);background-repeat: repeat-x;background-position: top;}

/*pin*/

.pin_lozenge {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 0;
    left: 0;
}
.pin_lozenge:before{content:'';width: 16px;margin: 0 auto;height: 18px;display: block;border-top: 0;border-right: 8px solid transparent;border-bottom: 18px solid rgb(241, 67, 28);border-left: 8px solid transparent;margin-top: -18px;}
.pin_lozenge:after{content:'';width: 16px;margin: 0 auto;height: 18px;display: block;border-top: 18px solid #bebebe;border-right: 8px solid transparent;border-bottom: 0;border-left: 8px solid transparent;}
.pin_lozenge.pin_2:after{content:'';width: 16px;margin: 0 auto;height: 18px;display: block;border-top: 18px solid #fff;border-right: 8px solid transparent;border-bottom: 0;border-left: 8px solid transparent;}
.pin_lozenge.mo{display:block}


/*index*/
#wrapper.index section{/* width: 1520px; *//* max-width: 1520px; */margin: 0 auto;padding: 0;/* padding-top: 60px; */position: relative;}
/*technical*/
#wrapper.index section.idx_technical {
    text-align: center;
    padding-top: 60px;
    margin-top: 90px;
}


#wrapper.index section h2 {
    font-size: 5.8vw;
    font-weight: 900;
    display: inline-block;
    padding-bottom: 15px;
    border-bottom: 4px solid #acacac;
}
#wrapper.index section h2.under_red{border-bottom: 4px solid #f1431c}
#wrapper.index section p {
    font-size: 3.2vw;
    font-weight: 200;
    padding-top: 15px;
    padding-bottom: 45px;
    line-height: 20px;
    height: auto;
}
#wrapper.index section .slick-slide .in_txt .in_txt_hd .in_txt_ctt p{
    font-size: 5.8vw;
    font-weight: 700;
    line-height: 25px;
    padding-top: 5px;
}
#wrapper.index section.idx_technical .idx_technical_list_wrap {
    background: url(../img/bg/bg_technical.png) center;
    height: auto;
    padding: 20px 0;
}

#wrapper.index section.idx_technical ul {
    font-size: 0;
}

#wrapper.index section.idx_technical li.idx_technical_li {
    width: 100%;
    /* height: 130px; */
    display: inline-block;
    padding-top: 0;
    padding-bottom: 0;
    background: #fff;
    text-align: left;
    position: relative;
    padding: 5% 0;
    min-height: unset;
}
#wrapper.index section.idx_technical li.idx_technical_li:not(:last-child){
    margin-right: 0;
    margin-bottom: 10px;
}
#wrapper.index section.idx_technical .q_menu_subj {
    font-size: 4.8vw;
    font-weight: 900;
    padding-left: 130px;
}

#wrapper.index section.idx_technical .q_menu_pic_wr {padding-top: 37px;padding-bottom: 32px;/* float: left; */padding: 2% 5%;position: absolute;left: 0;top: 0;}

#wrapper.index section.idx_technical .q_menu_pic {
    width: 90px;
    height: 90px;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position: top center;
    border: 1px solid #bebebe;
    border-radius: 100px;
}
#wrapper.index section.idx_technical li.idx_technical_li:hover .q_menu_pic {background-position: bottom center;}
#wrapper.index section.idx_technical .q_menu_pic.pic_01 {background-image: url(../img/idx/q_menu_pic_01.png);background-size: 90px;}
#wrapper.index section.idx_technical .q_menu_pic.pic_02 {background-image: url(../img/idx/q_menu_pic_02.png);background-size: 90px;}
#wrapper.index section.idx_technical .q_menu_pic.pic_03 {background-image: url(../img/idx/q_menu_pic_03.png);background-size: 90px;}
#wrapper.index section.idx_technical .q_menu_txt {
    font-size: 3.2vw;
    font-weight: 200;
    padding-top: 12px;
    padding-left: 130px;
}

html[lang=en]  #wrapper.index section.idx_technical li.idx_technical_li {
    padding-top: 15px;
}
html[lang=en] #wrapper.index section.idx_technical p{
 width:100%;
 padding-left: 25px;
 padding-right: 25px;
}
html[lang=en] #wrapper.index section.idx_technical .q_menu_subj {
    height: auto;
}
html[lang=en] #wrapper.index section.idx_technical .q_menu_txt {height: auto;padding-left: 130px;padding-right: 10px;}


html[lang=ru] #wrapper.index section.idx_technical p{
width:100%;
 padding-left: 25px;
 padding-right: 25px;
}
html[lang=ru]  #wrapper.index section.idx_technical li.idx_technical_li {
    padding-top: 15px;
}
html[lang=ru] #wrapper.index section.idx_technical .q_menu_subj {
    height: auto;
    font-size: 3.8vw;
}
html[lang=ru] #wrapper.index section.idx_technical .q_menu_txt {height: auto;padding-left: 130px;padding-right: 10px;}

/**/
#wrapper.index section.idx_product {
    margin-top: 100px;
    padding-top: 65px;
    text-align: center;
}

#wrapper.index section.idx_product .idx_product_list_wrap {
    background: #ce3918;
    padding: 30px 0;
}
#wrapper.index section.idx_product .idx_product_list_wrap ul{
    font-size: 0;
}
#wrapper.index section.idx_product .idx_product_li {
    display: inline-block;
    width: 100%;
    position: relative;
}
#wrapper.index section.idx_product .idx_product_li:not(:last-child) {
    margin-right: 0;
}
#wrapper.index section.idx_product .img_wrap {
    background: #fff;
    overflow: hidden;
    width: 100%;
    height: 0;
    padding-bottom: 104%;
    text-align: center;
}
#wrapper.index section.idx_product .img_wrap img{width: 100%;margin-top: -15%;}
#wrapper.index section.idx_product .idx_product_sn {
    font-size: 6vw;
    font-weight: 900;
    position: absolute;
    width: 100%;
    top: 7%;
    z-index: 2;
}

#wrapper.index section.idx_product .idx_product_name {
    background: #eb6649;
    font-size: 4vw;
    font-weight: 900;
    color: #fff;
    margin-top: 5%;
    height: auto;
    padding: 3% 0;
}

#wrapper.index section.idx_product .idx_product_li:hover .img_wrap img{
    transform: scale(1.03);
    z-index: 1;
    transition: .5s;
}

html[lang=en] #wrapper.index section.idx_product p{
 width:100%;
 padding-left: 25px;
 padding-right: 25px;
}
html[lang=en] #wrapper.index section.idx_product .idx_product_name {
    padding: 3% 10%;
}

html[lang=ru] #wrapper.index section.idx_product p{
 width:100%;
 padding-left: 25px;
 padding-right: 25px;
}

html[lang=ru] #wrapper.index section.idx_product .idx_product_name {
    padding: 3% 10%;
    font-size: 3vw;
}
html[lang=ru] #wrapper.index section.idx_product .idx_product_li:first-child .idx_product_name{
    padding: 3% 10%;
    font-size: 3vw;
}
html[lang=ru] #wrapper.index section.idx_product .idx_product_li:not(:first-child) .idx_product_name{
    padding: 3% 10%;
    font-size: 3vw;
}
/**/
#wrapper.index section.idx_video {
    text-align: center;
    margin-top: 100px;
    padding-top: 65px;
    padding-bottom: 100px;
    background: #241f21;
    color: #fff;
    position: relative;
}

#wrapper.index section.idx_video .idx_video_wrap {
    position: relative;
    padding: 0;
}

#wrapper.index section.idx_video .idx_video_play_wrap {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 0;
    padding-bottom: 56%;
    background: url(../img/idx/idx_video_01.png) no-repeat center / 100%;
}

#wrapper.index section.idx_video #idx_video_frame {
    width: 100%;
    height: 100%;
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
    display: none;
}

#wrapper.index section.idx_video .idx_video_list_wrap {
    font-size: 0;
    position: relative;
}

#wrapper.index section.idx_video .idx_video_list_row.col_2 {
    margin: 0;
    padding-bottom: 0;
    padding: 0 25px;
    padding-top: 30px;
}
#wrapper.index section.idx_video .idx_video_list_row.col_2 .idx_video_item {
    width: 100%;
    padding: 0;
    text-align: left;
}
#wrapper.index section.idx_video .idx_video_list_row.col_2 .idx_video_item:first-child{
    border-top: 1px solid #ddd;
}
#wrapper.index section.idx_video .idx_video_list_row.col_3 {
    margin: 0;
    padding: 0 25px;
}
#wrapper.index section.idx_video .idx_video_list_row.col_3 .idx_video_item {
    width: 100%;
    padding: 0;
    text-align: left;
}
#wrapper.index section.idx_video .idx_video_list_row.col_3 .idx_video_item:nth-child(2),
#wrapper.index section.idx_video .idx_video_list_row.col_3 .idx_video_item:nth-child(3){display:none}
#wrapper.index section.idx_video .idx_video_item {
    display: inline-block;
}

#wrapper.index section.idx_video .img_wrap {
    position: relative;
    cursor: pointer;
}
#wrapper.index section.idx_video .img_wrap:after{position: absolute;width: 100%;height: 100%;top: 0;right: 0;background: none;background-size: 100px;color: #fff;font-size: 5vw;text-align: right;padding: 10px 0;}
#wrapper.index section.idx_video .img_wrap>span.after{position: absolute;width: 100%;height: 100%;top: 0;right: 0;background: none;background-size: 100px;color: #fff;font-size: 5vw;text-align: right;padding: 10px 0;}
#wrapper.index section.idx_video .img_wrap:hover:after{display:block}
#wrapper.index section.idx_video .img_wrap img{
    width: 100%;
    display: none;
}
#wrapper.index section.idx_video .img_wrap:hover .txt_wrap{display: block;}
#wrapper.index section.idx_video .txt_wrap {
    display: block;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    background: transparent;
    padding-top: 0;
    padding: 10px 0;
    border-bottom: 1px solid #ddd;
}

#wrapper.index section.idx_video .txt_sn {
    font-size: 5vw;
    font-weight: 900;
    display: inline-block;
    padding-top: 0;
    padding-bottom: 0;
    border-bottom: none;
    position: relative;
}
#wrapper.index section.idx_video .txt_sn:after{/* content:' 제품 영상'; */}
#wrapper.index section.idx_video .txt_sn:before{content:'';position: absolute;border-top: 32px solid #f1431c;border-right: 15px solid transparent;border-left: 15px solid transparent;left: 50%;margin-left: -15px;top: 0;display: none;}
#wrapper.index section.idx_video .txt_sn span{
    font-weight: 200;
    margin-right: 15px;
    display: none;
}
#wrapper.index section.idx_video .txt_sn>span.after{
    display: inline;
    margin-left:5px;
}
#wrapper.index section.idx_video .txt_subj {
    font-size: 20px;
    font-weight: 200;
    margin-top: 20px;
    display: none;
}

#wrapper.index section.idx_video .idx_video_list_row.col_3 .txt_sn{font-size: 5vw;padding-top: 0;padding-bottom: 0;}
#wrapper.index section.idx_video .idx_video_list_row.col_3 .txt_sn:before{
    border-top: 22px solid #f1431c;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    margin-left: -10px;
}
#wrapper.index section.idx_video .idx_video_list_row.col_3 .txt_subj {
    margin-top: 4px;
}
#wrapper.index section.idx_video .idx_video_list_row.col_3 .img_wrap:after{
    background-size: 80px;
}


#wrapper.index section.idx_video .idx_video_more_btn {
    display: inline-block;
    width: 60px;
    height: 60px;
    /* padding: 24px 0; */
    position: absolute;
    left: 50%;
    margin-left: -30px;
    bottom: -24px;
    z-index: 1;
    background: #241f21;
    border-radius: 50px;
    overflow: hidden;
}

#wrapper.index section.idx_video .idx_video_more_btn a {
    display: block;
    padding: 25% 0;
}

#wrapper.index section.idx_video .idx_video_more_btn span {
    display: block;
    color: #fff;
    font-size: 2.4vw;
    font-weight: 200;
    padding-bottom: 6%;
}

#wrapper.index section.idx_video .idx_video_more_btn img {
    width: 17px;
}

html[lang=en] #wrapper.index section.idx_video p{
 width:100%;
 padding-left: 25px;
 padding-right: 25px;
}

html[lang=zh] #wrapper.index section.idx_video p{
 width:100%;
 padding-left: 25px;
 padding-right: 25px;
}

html[lang=ru] #wrapper.index section.idx_video p{
 width:100%;
 padding-left: 25px;
 padding-right: 25px;
}

/**/
#wrapper.index section.idx_contact {
    margin-top: 125px;
    padding-top: 65px;
    text-align: center;
}
#wrapper.index section.idx_contact  .wrapper{
    padding: 0;
}
#wrapper.index section.idx_contact .article_wrap {
    font-size: 0;
    margin: 0;
}
#wrapper.index section.idx_contact article {
    width: 100%;
    display: inline-block;
    padding: 0 25px;
    vertical-align: top;
}
#wrapper.index section.idx_contact article.contact {}

#wrapper.index section.idx_contact .write_div {
    padding-top: 15px;
    text-align: left;
}

#wrapper.index section.idx_contact label {
    font-size: 3.7vw;
    font-weight: 700;
    padding-bottom: 3px;
    display: inline-block;
}
#wrapper.index section.idx_contact label>strong {
    /* display: none; */
    top: 1vw;
}
#wrapper.index section.idx_contact input[type=text]{font-size: 16px;}
#wrapper.index section.idx_contact .agree {
    border: 1px solid #bebebe;
    height: 160px;
}

#wrapper.index section.idx_contact .chk_agree {padding-top: 12px;}

#wrapper.index section.idx_contact input[type=checkbox] {
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    appearance: checkbox;
}
#wrapper.index section.idx_contact .wr_content {}

#wrapper.index section.idx_contact .wr_content textarea {
    font-size: 16px;
}
#wrapper.index section.idx_contact .chk_agree span {
    font-size: 2.6vw;
    font-weight: 700;
    vertical-align: middle;
}

#wrapper.index section.idx_contact .btn_confirm {
    padding-top: 30px;
}

#wrapper.index section.idx_contact a.btn_cancel.btn {}

#wrapper.index section.idx_contact input#btn_submit {}

#wrapper.index section.idx_contact article.address {
    position: relative;
    padding: 0;
    margin-top: 70px;
    padding-top: 65px;
}
#wrapper.index section.idx_contact article.address p{
    padding-left: 15px;
    padding-right: 15px;
}
#wrapper.index section.idx_contact .map_wrap{
    padding-top: 0;
    height: 0;
    padding-bottom: 115%;
    position: relative;
}
#wrapper.index section.idx_contact .map_wrap h3{
    font-size: 16px;
    visibility: hidden;
    display: inline-block;
    padding-bottom: 3px;
    background-color: white;
}
#wrapper.index section.idx_contact iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}



/*latest*/
#wrapper.index section.latest { *zoom:1;padding-top: 40px;padding: 40px 15px 0;} 
#wrapper.index section.latest:after { content: ""; clear: both; display: block; }
.latest_wr {
    float: left;
    width: 100%;
    height: auto;
}


/*ico*/
.ico_ellipse {padding-right: 57px;background-image: url(../img/ico/ico_ellipse.png);background-repeat: no-repeat;background-position: right center;}



/*introduce*/
.introduce_wr {
    float: left;
    width: 100%;
    height: auto;
    padding-top: 40px;
}

.introduce {
    position: relative;
    margin: 0;
    height: 100%;
    border-bottom: 1px solid #b3b3b3;
    background: url(../img/bg/intro_bg.png) no-repeat right center;
    background-size: 33%;
}

.introduce .introduce_title {
    display: block;
    padding: 0 0 0px 0;
    line-height: 45px;
    font-size: 4vw;
}

.introduce div {
    font-size: 3vw;
    line-height: 25px;
}

.introduce .introduce_title a {
    color: #000;
    display: inline-block;
    position: relative;
    font-weight: 500;
}

.introduce strong {
    font-weight: 500;
}

.introduce p {padding-bottom: 50px;}

.introduce .link_btn {
    position: absolute;
    bottom: 15px;
}

.introduce .link_btn a{
    color: #71be44;
    font-size: 3vw;
    font-weight: 300;
    border: 1px solid #71be44;
    padding: 4px 33px;
    border-radius: 20px;
}


html[lang="zh"] .introduce p{
    font-size: 13px;
}



/*pdt_feature*/
.product .pdt_feature_wrap {
    padding: 10px 0;
}
.product .pdt_feature_wrap:first-child {padding-right: 0;padding-bottom: 0;}
.product .pdt_feature_wrap:nth-child(2) {padding-left: 0;padding-top: 0;}
.product .pdt_feature {
    font-size: 0;
    background: #fff;
    border: 1px solid #bebebe;
    border-radius: 8px;
    margin: 10px 0;
    padding: 6px 0 6px 0px;
    text-align: center;
}

.product .pdt_feature_l {
    display: inline-block;
}

.product .pdt_feature_r {
    display: inline-block;
    text-align: left;
    vertical-align: top;
    padding-left: 5%;
    width: 75%;
}

.product .ico_featue_wrap {
    width: 55px;
    height: 55px;
    background-repeat: no-repeat;
    background-size: 55px auto;
    margin: 0 auto;
}

.product .pdt_feature .hover { background-position-y: bottom;}
.product .pdt_feature:hover .hover{background-position-y:bottom ;}
.product .ico_featue_1 {background-image: url(../img/ico/ico_feature_1.png);}
.product .ico_featue_2 {background-image: url(../img/ico/ico_feature_2.png)}
.product .ico_featue_3 {background-image: url(../img/ico/ico_feature_3.png)}
.product .ico_featue_4 {background-image: url(../img/ico/ico_feature_4.png)}
.product .ico_featue_5 {background-image: url(../img/ico/ico_feature_5.png)}
.product .ico_featue_6 {background-image: url(../img/ico/ico_feature_6.png)}
.product .ico_featue_7 {background-image: url(../img/ico/ico_feature_7.png)}
.product .ico_featue_8 {background-image: url(../img/ico/ico_feature_8.png)}
.product .ico_featue_9 {background-image: url(../img/ico/ico_feature_9.png)}
.product .ico_featue_10 {background-image: url(../img/ico/ico_feature_10.png)}
.product .ico_featue_11 {background-image: url(../img/ico/ico_feature_11.png)}
.product .ico_featue_12 {background-image: url(../img/ico/ico_feature_12.png)}
.product .ico_featue_13 {background-image: url(../img/ico/ico_feature_13.png)}
.product .ico_featue_14 {background-image: url(../img/ico/ico_feature_14.png)}
.product .ico_featue_15 {background-image: url(../img/ico/ico_feature_15.png)}
.product .ico_featue_16 {background-image: url(../img/ico/ico_feature_16.png)}
.product .ico_featue_17 {background-image: url(../img/ico/ico_feature_17.png)}
.product .ico_featue_18 {background-image: url(../img/ico/ico_feature_18.png)}
.product .ico_featue_19 {background-image: url(../img/ico/ico_feature_19.png)}
.product .ico_featue_20 {background-image: url(../img/ico/ico_feature_20.png)}
.product .ico_featue_21 {background-image: url(../img/ico/ico_feature_21.png)}
.product .ico_featue_22 {background-image: url(../img/ico/ico_feature_22.png)}
.product .ico_featue_23 {background-image: url(../img/ico/ico_feature_23.png)}
.product .ico_featue_wrap.ico_featue_27,
.product .ico_featue_wrap.ico_featue_31{width: 55px;}
.product .pdt_feature:hover .hover.ico_featue_27,
.product .pdt_feature:hover .hover.ico_featue_31{background-position: bottom;}
.product .pdt_feature_tit {
    font-size: 3.7vw;
    font-weight: 900;
    padding: 5px 0;
}

.product .pdt_feature_txt {
    font-size: 2.6vw;
    font-weight: 200;
}
.product .pdt_feature_txt>div{
    padding-bottom: 4px;
}


html[lang=en] .product .pdt_feature {
    padding: 6px 0 6px 0px;
    height: auto;
}
html[lang=en] .product .pdt_feature_r {
    padding-left: 0px;
    width: 80%;
}
html[lang=en] .product .pdt_feature_l {
   padding: 3% 0px;
   width: 20%;
}


html[lang=zh] .product .pdt_feature {
    padding: 6px 0 6px 0px;
    height: auto;
}
html[lang=zh] .product .pdt_feature_r {
    padding-left: 0px;
    width: 80%;
}
html[lang=zh] .product .pdt_feature_l {
   padding: 3% 0px;
   width: 20%;
}


html[lang=ru] .product .pdt_feature {
    padding: 6px 0 6px 0px;
    height: auto;
}
html[lang=ru] .product .pdt_feature_r {
    padding-left: 0px;
    width: 80%;
}
html[lang=ru] .product .pdt_feature_l {
   padding: 3% 0px;
   width: 20%;
}

html[lang=ru] .product .pdt_feature_tit {
    font-size: 3.7vw;
}
html[lang=ru] .product .pdt_feature_txt {
    font-size: 2.6vw;
}
.main_slide .slick-initialized .slick-slide:after{
    height: 450px;
}
.main_slide #slick-slide06 .img-wrap{bottom: 10% !important;}
.main_slide #slick-slide07 .img-wrap{bottom: 0 !important;}
.main_slide #slick-slide01 .img-wrap{width: 48% !important;}
.main_slide #slick-slide03 .img-wrap{width: 60% !important; bottom: 0 !important;}

/*end style*/	
}