.pb10 {padding-bottom:10px !important}
.pb50 {padding-bottom:50px !important}
.w20 {width:20% !important}
.w40 {width:40% !important}
.w50 {width:50% !important}
.w60 {width:60% !important}
.w100 {width:100% !important}
.w40_mauto {width:40% !important;margin:0 auto}
.w45_mauto {width:45% !important;margin:0 auto}
.w50_mauto {width:50% !important;margin:0 auto}
.w65_mauto {width:65% !important;margin:0 auto}
.w80_mauto {width:80% !important;margin:0 auto}
.pt60 {padding-top:60px}
/*Common*/
#wrap{width:100%;position:relative;display:block}
section{display:inline-block;width:100%;position:relative}
/*Header*/
header{width:100%;position:absolute;left:0;top:0;padding-top:5px;z-index:9;background:url(/images/header_bar.jpg) repeat-x left top;background-size:100% 5px}
header article{width:1228px;display:inline-block;margin-top:30px;position:relative}
header .logo{position:absolute;left:50%;margin-left:-65px;top:0;z-index:9}
header .logo a{display:block}
header .lang_select{width:45px;height:20px;position:absolute;top:40px;right:4.4%;padding-left:30px;background:url(/images/lang_icon.png) no-repeat left center;z-index:10}
header .lang_select a:hover{text-decoration:underline}
header .lang_select a.now_lang{float:right;color:#c7c7c7;font-size:15px;font-weight:100;line-height:20px;margin-bottom:15px}
header .lang_select ul{float:right;display:none}
header .lang_select ul li{margin-bottom:15px}
header .lang_select ul li a{color:#c7c7c7;font-size:15px;font-weight:100;line-height:20px}
.header_m{display:none}
#container {overflow-x:hidden}
/*Nav*/
nav{width:100%;position:relative;z-index:8;display:inline-block}
nav.over{background:url(/images/nav_line.png) repeat-x left 59px}
/*Menu Common*/
nav ul{margin-top:10px}
nav ul > li{float:left;position:relative}
nav a{color:#fff}
nav ul > li > a{font-size:16px;font-weight:300;display:block;position:relative}
nav ul > li:hover > a:after{content:'';width:100%;height:2px;background:#d9d9dd;position:absolute;left:0;bottom:0}
nav ul > li.on > a:after{content:'';width:100%;height:2px;background:#d9d9dd;position:absolute;left:0;bottom:0}
/*Has Depth*/
nav ul.has_dep{float:left}
nav ul.has_dep > li{padding:0 54px}
nav ul.has_dep > li > a{padding-bottom:34px}
/*None Depth*/
nav ul.none_dep{float:right}
nav ul.none_dep > li{padding:0 40px}
nav ul.none_dep > li > a{padding-bottom:28px}
nav ul.none_dep > li:first-child{padding:0 54px}
nav ul.none_dep > li:first-child > a{padding-bottom:34px}
nav ul.none_dep > li:nth-child(2) > a{padding-bottom:33px}
nav ul.none_dep > li > a img{margin-right:6px}
/*Two Depth*/
nav ol{position:absolute;left:54px;/*width:600px;*/width:665px;opacity:0;display:none}
nav ol li{float:left;margin-right:40px}
nav ol li a{color:#d9d9dd;font-size:15px;line-height:53px;display:block}
nav ol li a:hover{text-decoration:underline}
/*Sub(공통 - Layout)*/
.sub article{width:1280px;display:inline-block;margin:0 auto}
article.has_line_bg{padding:100px 0;display:inline-block;background:url(/images/article_line_bg.gif) repeat-y center top}
/*Sub(공통 - Location Menu)*/
.location_menu{height:60px;background:#29409e} 
.location_menu ul{width:1280px;display:inline-block;border-left:1px solid #6a7abb}
.location_menu ul > li{float:left;border-right:1px solid #6a7abb;}
.location_menu ul li.home{width:60px;}
.location_menu ul li.home a{padding-left:0;text-align:center;line-height:60px;display:block}
.location_menu ul li.one_dep{width:260px;line-height:60px;color:#c5cef6;padding-left:40px;text-align:left;font-size:18px;font-weight:300}
.location_menu ul li.two_dep{width:320px;position:relative;}
.location_menu ul li.two_dep > a{line-height:60px;text-align:left;padding-left:40px;font-size:18px;font-weight:300;color:#c5cef6;display:block;background:url(/images/location_two_dep_open.gif) no-repeat 277px center}
.location_menu ul li.two_dep > a.open{background:url(/images/location_two_dep_close.gif) no-repeat 277px center}
.location_menu ol{background:#29409e;width:100%;position:absolute;left:0;top:60px;z-index:9;padding-bottom:10px;display:none}
.location_menu ol a{display:block;padding-left:40px;line-height:40px;text-align:left;font-size:18px;font-weight:300;color:#c5cef6}
.location_menu ol a:hover{background:#1b2d77}
/*footer*/
footer{height:207px!important;background:#1e1e1f;margin-top:-1px}
footer .fp-tableCell{height:207px!important}
footer .top_link{background:#151516}
footer article{width:1228px;height:50px;display:inline-block;position:relative}
/*
footer ul.link{float:left;margin-top:18px}
footer ul.link li{display:inline-block}
footer ul.link a{color:#b6b6b6;font-size:15px}
footer ul.link li.line{width:1px;height:13px;background:#a7a7a7;margin:0 13px}
footer ul.sns{float:right;margin-top:16px}
footer ul.sns li{display:inline-block;margin:0 8px}
footer ul.sns li a{display:block}
*/

footer .top_link { display: flex; justify-content: center; }
footer .top_link article { display: flex; justify-content: space-between; }
footer .top_link article ul { display: flex; align-items: center; font-size: 1rem; color: #b6b6b6; }
footer .top_link article ul li a { font-size: 15px; color: #b6b6b6; padding: 0 13px; } 

footer .f_info{padding-top:30px}
footer .f_info h5{color:#8f8f8f;font-size:13px;font-weight:500;margin-bottom:15px}
footer .f_info li.line{width:1px;height:11px;background:#a7a7a7;margin:-3px 4px 0 4px;vertical-align:middle}
footer .f_info li{display:inline-block;font-size:10pt;color:#b6b6b6;line-height:22px;font-weight:100}
footer .con1{float:left;text-align:left}
footer .con1 li a{color:#b6b6b6}
footer .con1 li span{font-weight:500}
footer .con1 li.tel span{color:#475db5}
footer .con1 li.fax span{color:#1289be}
footer .con1 li.email span{color:#94c904}
footer .con2{float:left;text-align:left;margin-left:60px}
footer .con2 li.tel{width:100%}
footer .con2 li.tel a{font-size:22px;font-weight:500;color:#fff}
footer .con3{position:absolute;right:0;text-align:left;font-size:13px;color:#b6b6b6;line-height:18px;font-weight:100;top:70px}

.flex-c {display:flex;align-items:center;}
.flex-col {display:flex;align-items:flex-start;flex-direction:column;}
.flex-wrap {display:flex;flex-wrap:wrap;}

.mt30 {margin-top:30px !important;}
.mt80 {margin-top:80px !important;}
.mb40 {margin-bottom:40px !important;}
.mb80 {margin-bottom:80px !important;}
.pt80 {padding-top:80px !important;}
.pb80 {padding-bottom:80px !important;}

.products .sec_tit h4.title-h4 {margin-top:100px;font-weight:500;color:#29409e;letter-spacing:-1.15px;}
.products .sec_tit h2.title-h2 {font-family:'noto sans kr';font-weight:500;margin-top:13px;margin-bottom:80px;font-size: 37px;letter-spacing: -1.9px;text-align: center;color: #121212;}

.list-wrap .txt-box .txt {text-align:left;line-height:1.5;color:#515151;letter-spacing:-0.8px;font-size:16px;}
.list-wrap .txt-box .txt.top {padding-left:30px;}
.list-wrap .txt-box .title-txt {display:flex;align-items:center;margin-bottom:20px;font-size:16px;color:#121212;}
.list-wrap .txt-box .title-txt:before {content:'';display:inline-block;width:5px;height:5px;background-color:#111;margin:5px 10px 3px 0;border-radius:50%;}
.list-wrap .txt-box .box-item .title-txt:before {display:none;}
.list-wrap .txt-box .box-item .title-txt span {display: flex;align-items: center;justify-content: center;content: '';width: 24px;height: 24px;background-color: #bebebe;margin: 5px 5px 3px 0;border-radius: 50%;color: #fff;}

.list-wrap .txt-box .sub-txt {font-size:16px;}
.list-wrap .txt-box .sub-txt:before {content:'';display:inline-block;width:3px;height:3px;background-color:#515151; margin:5px 5px 4px;border-radius:50%;}
.list-wrap .txt-box .sub-txt.top:before {display:none;}
.list-wrap .txt-box .box-item {margin-bottom:40px;}

.flex-wrap .list {margin-right:20px;margin-bottom:50px;}
.flex-wrap .list:nth-child(2n+2){margin-right:0px;}
.flex-wrap .list .title {width:100% !important;text-align:left;padding-top:15px;font-size:16px;letter-spacing: -0.78px;color: #515151;}
.flex-wrap .list img {width:460px;height:460px;}

.list-wrap.key_features .list {align-items:flex-start;padding-top:40px;border-bottom:1px solid #d8d9dc;}
.list-wrap.key_features .list img.icon {width:51px;height:51px;}

.top-txt-box {border-bottom:1px solid #d8d9dc}
.top-txt-box p {margin-top:0 !important;line-height:1.5;font-size: 15.5px;font-weight: 300;letter-spacing: -0.78px;text-align: center;color: #515151;}
.top-txt-box p span {font-weight:bold;}
.top-txt-box .img-box {margin-top:80px;margin-bottom:80px;}
.top-txt-box .img-box img {width:620px;height:501px;}

.list-wrap.health .list {padding-top:40px;border-bottom:1px solid #d8d9dc;align-items:flex-start;}
.list-wrap.health .txt-box {width:100%;}
.list-wrap.health .list .icon {width:90px;height:90px;}
.list-wrap.health .list img.icon {width:90px;height:90px;}

html,body {font-size:10px;}

.default-table th {
    height:60px;
    text-align:center;
    border-top:1px solid #d7d8db;
    border-left:1px solid #d7d7db;
    border-right:1px solid #d7d8db;
    border-bottom:1px solid #d7d8db;
    background:#fbfbfb;
    font-size:1.8rem;
    font-weight: 500;
    letter-spacing: -0.9px;
    color: #515152;
}

.default-table td {
    height:60px;
    text-align:center;
    border-left:1px solid #d7d7db;
    border-right:1px solid #d7d8db;
    border-bottom:1px solid #d7d8db;
    font-size:1.6rem;
    font-weight: normal;
    letter-spacing: -0.9px;
    color: #515152;
}

.com-article {padding:2.628% 0;border-bottom:1px solid #d8d8d8;}
.com-article .com-article-inner {display:flex;max-width:1230px;justify-content:center;align-items:center;}
.com-article .com-article-inner .img-box {margin-right:4.8%;margin-left:6.1%;}
.com-article .com-article-inner .img-box .img {width:420px;height:420px;}
.com-article .com-article-inner .content-box {text-align:left;}

.com-article.bottom {padding:3.469% 0 4.047%;}
.com-article.bottom .img-box {margin-left:0;margin-right:10.2%;}
.com-article.bottom .img-box .img {width:370px;height:425px;}
.com-article.bottom .content-box {width:33.5%;}
.com-article.bottom .content-box .list {display:flex;align-items:center;float:left;width:50%;margin:10px 0;color:#515152;font-size:16px;font-weight:400;}

@media all and (max-width:1700px) {
    footer article{width:100%;padding:0 2%}
}
@media all and (max-width:1400px) {
    header article{width:1180px}
    header .lang_select{right:1.4%}
    header .lang_select{right:2.4%}
    nav ul.has_dep > li{padding:0 44px}
    nav ul.none_dep > li:first-child{padding:0 46px}
    nav ul.none_dep > li{padding:0 27px}
    nav ul.none_dep{margin-right:85px}
    .location_menu ul{width:100%}
    .sub article{width:100%}
}
@media all and (max-width:1300px) {
    footer{height:250px!important}
    footer .con2{margin-left:0}

    .com-article .com-article-inner {
        width:90%;
        margin:0 auto 30px;
        flex-direction:column;
    }   
    .com-article.bottom .com-article-inner {
        flex-direction:row;
    }
}
@media all and (max-width:1250px) {
    header article{width:100%}
    /*Footer*/
    footer article{width:100%}
}
@media all and (max-width:1200px) {
   nav ul.none_dep > li{padding:0 19px}
   nav ul.none_dep > li:first-child{padding:0 35px}
}
@media all and (max-width:1024px) {
    header .lang_select{top:43px;width:42px}
    header .lang_select a.now_lang{font-size:13px}
    nav ul.has_dep{margin-left:1%}
    nav ul.none_dep > li:first-child > a,
    nav ul.has_dep > li > a{padding-bottom:34px}
    nav ul.none_dep{margin-right:60px}
    nav ul.has_dep > li{padding:0 25px}
    nav ul.none_dep > li:first-child{padding:0 11px}
    nav ul.none_dep > li > a img{width:15px}
    nav ol{left:25px}
    nav ul.none_dep > li:nth-child(2) a,
    nav ul.none_dep > li:nth-child(3) a{padding-bottom:31px}
}
/*Mobile*/
@media screen and (max-width:768px) {
    .w50_mauto {
        width:100% !important;
    }
    
    .com-article.bottom .img-box {
        margin-right:0;
        text-align:left;
    }

    .com-article.bottom .com-article-inner {
        width:90%;
        margin:0 auto 30px;
        flex-direction:column;
        align-items:flex-start;
    }

    .com-article.bottom .content-box {
        width:100%;
        padding-top:10%;
    }

    .ctn_layout {
        flex-direction:column;
    }
    
    .cnt_data.w65_mauto {
        width:100% !important;
    }

    /*Sub(공통 - Location Menu)*/
    .location_menu{height:80px}
    .location_menu ul{width:100%}
    .location_menu ul li.home,
    .location_menu ul li.one_dep{display:none}
    .location_menu ul li.two_dep{width:50%}
    .location_menu ul li.two_dep > a{background-position-x:92%;padding-left:30px;line-height:80px;font-size:20px}
    .location_menu ol{top:80px;padding-bottom:0}
    .location_menu ol a{font-size:20px;padding-left:30px;line-height:80px;border-top:1px solid #4156ac}
    .location_menu ul li.two_dep > a.open{background-position-x:92%}
}
@media screen and (max-width:640px){

    .mt30 {margin-top:30px !important;}
    .mt80 {margin-top:60px !important;}
    .mb40 {margin-bottom:30px !important;}
    .mb80 {margin-bottom:60px !important;}
    .pt80 {padding-top:60px !important;}
    .pb80 {padding-bottom:60px !important;}

    /*Header*/
    header{display:none}
    .header_m{display:block;position:absolute;top:0;left:0;z-index:3;width:100%;background:url(/images/header_bar.jpg) repeat-x left top;background-size:100% 5px;padding-top:22px}
    .header_m h1{display:inline-block}
    .header_m h1 a{display:inline-block}
    .header_m .lang_select{display:inline-block;float:right;width:45px;height:51px;margin-right:30px}
    .header_m .lang_select a.now_lang{float:right;color:#c7c7c7;font-size:15px;font-weight:100;line-height:20px;margin-bottom:15px}
    .header_m .lang_select ul{display:none;margin-top:15px}
    .header_m .lang_select ul li{margin-bottom:15px}
    .header_m .lang_select ul li a{color:#c7c7c7;font-size:15px;font-weight:100;line-height:20px}
    .header_m .nav_btn{float:left;margin-left:30px;padding-top:8px;display:inline-block}
    .header_m .bg{width:100%;height:0;position:fixed;top:0;left:0;background:rgba(21,23,27,0.6);z-index:2}
    /*nav*/
    .header_m .nav{background:#1e1e1f;position:absolute;width:100%;top:0;left:0;padding:4.7%;text-align:left;display:none;z-index:3}
    .header_m .nav ul{width:50%;float:left;padding-left:30px;margin-top:30px}
    .header_m .nav ul.lnb{float:left}
    .header_m .nav ul li{padding-bottom:20px}
    .header_m .nav ul li.tit{margin-top:27px}
    .header_m .nav ul li.tit img{float:right;margin-right:30px}
    .header_m .nav ul li.tit a{color:#fff;font-size:30px}
    .header_m .nav li a{color:#a2a2a2;font-size:22px;font-weight:300;padding-bottom:20px}
    .header_m .nav a.close{display:inline-block;position:absolute;left:28px;top:28px }
    .header_m .nav span{color:#e5e5e5;font-size:18px;font-weight:300;display:block;float:left;width:100%;padding-bottom:16px;margin-top:26px}
    .header_m .nav span img{margin:0px 8px 0px 38px}
    /*Footer*/
    footer article{width:100%;padding:0 4%;height:87px}
    footer ul.link a{font-size:18px}
    footer .top_link article ul li a { padding: 0 6px; font-size: 12px; }
    footer .top_link article .sns li a img { width: 25px; }
    footer a.top_btn{right:0;border-bottom:1px solid #29292a}
    footer .f_info h5{font-size:17px}
    footer .f_info{height:298px;background:#1e1e1f}
    footer .f_info li{font-size:17px}
    footer .con2{margin-top:28px;margin-left:0}
    footer .con3{right:0;left:0;width:100%;top:260px;padding-left:4%;line-height:47px;border-top:1px solid #2a2a2b;text-align:center;font-size:17px;height:47px;background:#1e1e1f;color:#b6b6b6}
    footer .con3 br{display:none}
    /*Sub(공통 - Layout)*/
    .sub article{width:100%}
    .w80_mauto {width:100% !important}
    .pt60 {padding-top:20px}

    .products .sec_tit h4.title-h4 {margin-top:53px;font-size:15pt;}
    .products .sec_tit h2.title-h2 {margin-top:10px;margin-bottom:20px;font-size:26px;}

    .list-wrap .txt-box .box-item {margin-bottom:30px;}

    .flex-wrap .list {margin-bottom:38px;padding-bottom:38px;}
    .flex-wrap .list .title {padding-top:11px;font-size:16px;}
    .flex-wrap .list img , .list-wrap .img-box img , .top-txt-box .img-box img {width:100% ;height:100%;}

    .list-wrap .img-box img.intorefer-img {width:100%;height:100%;}

    .list-wrap.key_features .list {padding-top:30px;padding-bottom:30px;}
    .list-wrap.key_features .list img.icon {margin-bottom:10px;width:38px;height:38px;}

    .list-wrap.health .list {padding-top:30px;padding-bottom:30px;}
    .list-wrap.health .list .icon {width:68px;height:68px;margin-bottom:10px;}
    .list-wrap.health .list img.icon {width:68px;height:68px;}

    .top-txt-box {padding:0 4.7%;border-bottom:0;}
    .top-txt-box p {font-size:13px;}
    .top-txt-box .img-box {margin-top:60px;margin-bottom:60px;}

    .list-wrap .txt-box .title-txt {margin-bottom:15px;}
    .list-wrap .txt-box .sub-txt {font-size:16px;}
    .list-wrap .txt-box .box-item .sub-txt {font-size:16px;}
}
@media screen and (max-width:568px) {
    /*Header*/
    .header_m h1 img{width:115px}
    .header_m .nav_btn img,
    .header_m .lang_select img{width:100%}
    .header_m .nav ul li.tit a{font-size:26px}
    .header_m .nav_btn{margin-left:4.7%;width:40px}
    .header_m .lang_select{margin-right:4.7%;width:40px}
    .header_m .nav li a{font-size:19px}
    .header_m .nav ul li.tit img{width:18px;margin-top:4px}
    .header_m .nav span{font-size:16px}
    .header_m .nav span img{margin:0 8px 0 6%}
    /*Footer*/
    footer ul.link a{font-size:12px}
    footer .f_info h5,
    footer .f_info li{font-size:15px}
    footer .con2 li.tel a{font-size:19px}
    footer .f_info{height:275px}
    footer .con3{font-size:15px;line-height:42px;height:42px;top:256px}
    /*Sub(공통 - Location Menu)*/
    .location_menu{height: 72px}
    .location_menu ul li.two_dep > a{font-size:17px;line-height:72px;padding-left:28px}
    .location_menu ol{top:72px}
    .location_menu ol a{font-size:17px;padding-left:28px;line-height:71px}
}
@media screen and (max-width:414px) {
    /*Header*/
    .header_m h1 img{width:85px}
    .header_m .lang_select{width:30px}
    .header_m .nav_btn{width:28px;padding-top:6px}
    .header_m .lang_select ul li{margin-bottom:10px}
    .header_m .lang_select ul li a{font-size:14px}
    .header_m .nav a.close{left:21px}
    .header_m .nav a.close img{width:23px}
    .header_m .nav ul li.tit a{font-size:19px}
    .header_m .nav ul{padding-left:26px}
    .header_m .nav li a{font-size:14px;padding-bottom:15px}
    .header_m .nav ul li.tit{margin-top:20px}
    .header_m .nav ul li.tit img{width:15px;margin-top:2px}
    .header_m .nav span{font-size:14px;margin-top:20px}
    .header_m .nav span img{width:17px}
    /*Footer*/
    footer ul.link a{font-size:12px}
    footer a.top_btn{width:50px}
    footer a.top_btn img{width:100%}
    footer article{height:80px}
    footer .f_info h5{margin-bottom:7px;font-size:12px}
    footer .f_info li{font-size:12px;line-height:21px}
    footer .con2 li.tel a{font-size:14px}
    footer .con2{margin-top:15px}
    footer .f_info{height:225px}
    footer .con3{top:218px;font-size:12px;height:35px;line-height:35px}
    /*Sub(공통 - Location Menu)*/
    .location_menu {height: 52px}
    .location_menu ul li.two_dep > a{font-size:13px;height:52px;line-height:52px;padding-left:18px;background-size:10px }
    .location_menu ul li.two_dep > a.open{background-size:10px}
    .location_menu ol{top:52px}
    .location_menu ol a{font-size:13px;padding-left:18px;line-height:51px}
}
@media screen and (max-width:375px) {
    /*Header*/
    .header_m{padding-top:19px}
    .header_m h1 img{width:75px}
    .header_m .nav_btn{width:26px;padding-top:5px}
    .header_m .lang_select{width:27px}
    .header_m .nav a.close img{width:21px}
    .header_m .nav ul li.tit a{font-size:17px}
    .header_m .nav li a{font-size:13px;padding-bottom:10px}
    .header_m .nav ul li{padding-bottom:15px}
    .header_m .nav ul li.tit img{width:11px;margin-top:4px}
    .header_m .nav span{font-size:13px}
    .header_m .nav span img{width:15px}
    .header_m .lang_select ul li a{font-size:13px;line-height:18px}
    /*Footer*/
    footer article{height:68px}
    footer ul.link{margin-top:10px}
    footer ul.link a{font-size:11px}
    footer ul.link li.line{height:10px;margin:0 8px;vertical-align:middle}
    footer a.top_btn{width:34px}
    footer .f_info{padding-top:20px}
    footer .f_info li.line{height:8px;margin:-3px 2px 0 2px}
    footer .con3{top:195px}
    /*Sub(공통 - Location Menu)*/
    .location_menu{height:48px}
    .location_menu ul li.two_dep > a{font-size:12px;line-height:48px;height:48px}
    .location_menu ol{top:48px}
    .location_menu ol a{font-size:12px;line-height:47px}
}
@media screen and (max-width:360px) {
    /*Footer*/
    footer .f_info li{font-size:11px}
}
@media screen and (max-width:320px) {
    /*Header*/
    .header_m .nav_btn{width:21px;padding-top:4px}
    .header_m .lang_select{width:22px}
    .header_m h1 img{width:65px}
    .header_m{padding-top:14px}
    /*Footer*/
    footer ul.link a{font-size:10px}
    footer .f_info{height:240px}
    footer .con3{top:207px}
    footer ul.sns li a img{width:18px}
    /*Sub(공통 - Location Menu)*/
    .location_menu ol a{line-height:40px}
}