@charset "utf-8";
@import url(swiper.min.css);
@import url(https://unpkg.com/aos@2.3.1/dist/aos.css);
@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);
@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap);
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200;300;400;500;600;700&family=Vazirmatn:wght@100;200;300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@700&display=swap');
@font-face {font-family: 'GmarketSansBold';src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'GmarketSansMedium';src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');font-weight: normal; font-style: normal;}


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, 
p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, 
em, img, ins, kbd, q, s, samp, small, strike, strong, 
sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, table, 
caption, tbody, tfoot, thead, tr, th, td, 
article, aside, canvas, details, embed, figure,  
figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0; padding:0; border:0;}
button{border:none;background:none;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, button {margin:0; padding:0; border:0; vertical-align:baseline; -webkit-font-smoothing:antialiased; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}


/* HTML5 display-role reset for older browsers */
html {-ms-text-size-adjust:none; -webkit-text-size-adjust:none;}
input {-webkit-border-radius: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
audio[controls], canvas, video {display:inline-block; *display:inline; *zoom:1;}
audio:not([controls]) {display:none; height:0;}
html {-ms-text-size-adjust:none; -webkit-text-size-adjust:none;}
button{font-family:'Noto Sans KR', sans-serif,  "돋움"}
body{background:#fff;line-height:1.2; font-family:'Noto Sans KR', sans-serif , "돋움", Dotum, Helvetica, Verdana, Arial, sans-serif !important; color:#666666;}
button,textarea {line-height:1.2; font-family: 'Noto Sans KR', sans-serif ,"돋움", Dotum, Helvetica, Verdana, Arial, sans-serif; color:#666666;}
h1, h2, h3, h4, h5, h6 {font-family:'Noto Sans KR', sans-serif , "돋움", Dotum, Helvetica, Verdana, Arial, sans-serif !important;}
hr {display:none; height:0; -moz-box-sizing:content-box; box-sizing:content-box;}
a, a:hover {text-decoration:none; color:#333; cursor:pointer;}
a:active, a:hover, button:active, button:hover {outline:0 none;}
em, address {font-style:normal;}			
acronym, abbr {cursor:help;}
abbr[title] {border-bottom:1px dotted;}
ul, ol {list-style:none; list-style-image:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:'' ;content:none;}
img {vertical-align:top; -ms-interpolation-mode:bicubic;}
figure img {display:block;}
html {overflow-y:scroll;}
select{-webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; border-radius:0;background:#fff;}

*, :after, :before {-webkit-box-sizing:content-box;-moz-box-sizing:content-box; box-sizing:content-box;}

html{font-size:10px;}
body {min-width:300px;}
body img{width:auto}


input::-webkit-input-placeholder {color:#afafaf;}
input:-moz-placeholder {color:#afafaf;opacity:0.8;}
input::-moz-placeholder {color:#afafaf;opacity:0.8;}
input:-ms-input-placeholder {color:#afafaf;}
input::placeholder {color:#afafaf;opacity: 0.8;}


button{margin:0;padding:0;}

body{background:#fff}
.hdn{font-size:0; height:0; overflow:hidden; position:absolute;visibility:hidden; width:0; line-height:0;}
.rwd{transition : all 0.5s ease;-webkit-transition : all 0.5s ease;}


.elp{overflow:hidden;text-overflow:ellipsis;display:inline-block;white-space:nowrap;}
.elp2{overflow:hidden;text-overflow:ellipsis;display: -webkit-box !important;-webkit-line-clamp:2;line-height: 1.2em;-webkit-box-orient: vertical;}
.elp3{overflow:hidden;text-overflow:ellipsis;display: -webkit-box !important;-webkit-line-clamp:3;line-height: 1.2em;-webkit-box-orient: vertical;}


.wb_show{display:block;}
.mb_show{display:none;}

/* Skip Navigation */
#skipToContent {position:absolute; overflow:hidden; width:100% ;margin:0 auto; z-index:991;}
#skipToContent a {display:block; height:1px; margin-top:-2px; overflow:hidden; text-align:center; font-size:0; line-height:0; background:#434343;} 
#skipToContent a:active ,#skipToContent a:focus {padding:5px 0; margin-top:0; height:24px; font-size:14px; line-height:1.6; font-weight:600; color:#fff; z-index:999;}

 
/* link style */
a:link, a:visited {color:#666666;} 
a:hover, a:active {color:#666666;}


/* color style */
.text-blue {color:#4D71CD !important;}
.text-yellow{color:#FCFF79;}
.text-red {color:#FF3F3F !important;}
.text-green {color:#34F6FF !important;}

.text_red2 {color:#F35757 !important;}

.text_blue2 {color:#006AA6 !important;}
.text_blue3 {color:#2EA0F2 !important;}
.text_blue4 {color:#6381CE !important;}
.text_blue5 {color:#5181C9 !important;}
.text_sky{color:#3998DD;}
.text_sky2{color:#74ABFF;}
.text_green{color:#00A1AB;}
.text_green-wh{color:#54FFF5;}
.text_org{color:#FF5B2F;}

.text_yellow2{color:#FFCB7C;}
.text_white{color:#fff !important;}

.text-center{text-align:center}

.hj, .jp{font-family:"Nanum Gothic"}
.bold{font-weight:600;}
.bold_b{font-weight:700;}
.bold_s{font-weight:500;}

/* table */
table {width:100%; height:auto;border-collapse:collapse; padding:0; margin:0;}
table caption {display:none;}
table button, table input {*overflow:auto;}


/* hide style */
.hidden, legend, .hdn{width:0; height:0; line-height:0; font-size:0px; float:left; position:absolute; visibility:hidden; overflow:hidden;}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;width:0;height:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}


/* align style */
.clear {clear:both;}
.clearfix {clear:both; display:block; height:0;}
.clearfix:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
.al_left {text-align:left !important; position:relative;}
.al_right {text-align:right !important; position:relative;}
.al_center {text-align:center !important; position:relative;}


/* no style */
.none {display:none !important;}
.mar_no {margin:0 !important;}
.padd_no {padding:0 !important;}
.bold_no {font-weight:normal !important;}
.bg_no {background:none !important;}


/* margin */
.mt0 {margin-top:0px !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt35 {margin-top:35px !important;}
.mt40 {margin-top:40px !important;}
.mt45 {margin-top:45px !important;}
.mt50 {margin-top:50px !important;}
.mt55 {margin-top:55px !important;}
.mt60 {margin-top:60px !important;}
.mr0 {margin-right:0px !important;}
.mr5 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
.mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;}
.mr25 {margin-right:25px !important;}
.mr30 {margin-right:30px !important;}
.mr35 {margin-right:35px !important;}
.mr40 {margin-right:40px !important;}
.mr45 {margin-right:45px !important;}
.mr50 {margin-right:50px !important;}
.mr55 {margin-right:55px !important;}
.mr60 {margin-right:60px !important;}
.mb0 {margin-bottom:0px !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;}
.mb35 {margin-bottom:35px !important;}
.mb40 {margin-bottom:40px !important;}
.mb45 {margin-bottom:45px !important;}
.mb50 {margin-bottom:50px !important;}
.mb55 {margin-bottom:55px !important;}
.mb60 {margin-bottom:60px !important;}
.mb70 {margin-bottom:70px !important;}
.mb80 {margin-bottom:80px !important;}
.mb90 {margin-bottom:90px !important;}
.ml_0 {margin-left:0px !important;}
.ml5 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.ml15 {margin-left:15px !important;}
.ml20 {margin-left:20px !important;}
.ml25 {margin-left:25px !important;}
.ml30 {margin-left:30px !important;}
.ml35 {margin-left:35px !important;}
.ml40 {margin-left:40px !important;}
.ml45 {margin-left:45px !important;}
.ml50 {margin-left:50px !important;}
.ml55 {margin-left:55px !important;}
.ml60 {margin-left:60px !important;}


/* padding */
.pt0 {padding-top:0px !important;}
.pt5 {padding-top:5px !important;}
.pt10 {padding-top:10px !important;}
.pt15 {padding-top:15px !important;}
.pt20 {padding-top:20px !important;}
.pt25 {padding-top:25px !important;}
.pt30 {padding-top:30px !important;}
.pt35 {padding-top:35px !important;}
.pt40 {padding-top:40px !important;}
.pt45 {padding-top:45px !important;}
.pt50 {padding-top:50px !important;}
.pt55 {padding-top:55px !important;}
.pt60 {padding-top:60px !important;}
.pt90 {padding-top:90px !important;}
.pr0 {padding-right:0px !important;}
.pr5 {padding-right:5px !important;}
.pr10 {padding-right:10px !important;}
.pr15 {padding-right:15px !important;}
.pr20 {padding-right:20px !important;}
.pr25 {padding-right:25px !important;}
.pr30 {padding-right:30px !important;}
.pr35 {padding-right:35px !important;}
.pr40 {padding-right:40px !important;}
.pr45 {padding-right:45px !important;}
.pr50 {padding-right:50px !important;}
.pr55 {padding-right:55px !important;}
.pr60 {padding-right:60px !important;}
.pb0 {padding-bottom:0px !important;}
.pb5 {padding-bottom:5px !important;}
.pb10 {padding-bottom:10px !important;}
.pb15 {padding-bottom:15px !important;}
.pb20 {padding-bottom:20px !important;}
.pb25 {padding-bottom:25px !important;}
.pb30 {padding-bottom:30px !important;}
.pb35 {padding-bottom:35px !important;}
.pb40 {padding-bottom:40px !important;}
.pb45 {padding-bottom:45px !important;}
.pb50 {padding-bottom:50px !important;}
.pb55 {padding-bottom:55px !important;}
.pb60 {padding-bottom:60px !important;}
.pl0 {padding-left:0px !important;}
.pl5 {padding-left:5px !important;}
.pl10 {padding-left:10px !important;}
.pl15 {padding-left:15px !important;}
.pl20 {padding-left:20px !important;}
.pl25 {padding-left:25px !important;}
.pl30 {padding-left:30px !important;}
.pl35 {padding-left:35px !important;}
.pl40 {padding-left:40px !important;}
.pl45 {padding-left:45px !important;}
.pl50 {padding-left:50px !important;}
.pl55 {padding-left:55px !important;}
.pl60 {padding-left:60px !important;}

/* 기본박스 */
.mbskin {position:relative;margin:100px auto 0;width:360px;text-align:center}
.mbskin:after {right:10px;left:auto;
-webkit-transform:skew(8deg) rotate(3deg);
-moz-transform:skew(8deg) rotate(3deg);
-ms-transform:skew(8deg) rotate(3deg);
-o-transform:skew(8deg) rotate(3deg);
transform:skew(8deg) rotate(3deg)}
.mbskin .mbskin_box{border:1px solid #dde7e9;background:#fff}
.mbskin .frm_input {width:100%}
.mbskin .btn_submit {width:100%;margin:10px 0 0;height:45px;font-weight:bold;font-size:1.25em}
.mbskin h1 {margin:60px 0 30px;font-size:2em}
.mbskin .tbl_frm01 th {width:85px}


/* 컨텐츠 공통 */
.rwd{width:1200px;margin:0 auto;}
.rwd-max{position:relative;width:1920px;margin:0 auto;}

.br{display:block;}

.vmd{vertical-align:middle;}

.ic{display:inline-block;vertical-align:middle;background-position:0 0;background-repeat:no-repeat;}
.ic-more{width:10px;height:17px;background-image:url('../img/common/ic-more.svg');}
.ic-more-gr{width:10px;height:19px;background-image:url('../img/common/ic-more-gr.svg');}
.ic-more-wh{width:10px;height:19px;background-image:url('../img/common/ic-more-wh.svg');}
.ic-top{width:13px;height:7px;background-image:url('../img/common/ic-up.svg');transform:rotate(360deg);}
.ic-arrow{display:block;width:58px;height:58px;background:url('../img/page/ic-arrow.svg') center center no-repeat;}

.ft15{font-size:1.5rem}
.ft17{font-size:1.7rem}

#mobile-header{display:none}

#web-header{position:fixed;top:0;left:0;width:100%;z-index:150;}
#web-header .header{width:100%; height:95px;z-index:998;background:#fff;}
#web-header .header:after{content:"";display:block;clear:both;}
#web-header .rwd{position:relative;}
#web-header .rwd:after{content:"";display:block;clear:both;}
#web-header .header h1{position:absolute;top:24px;left:60px;z-index:100}

#web-header nav {float:left;position:relative;height:95px;width:100%;overflow:hidden;}

#web-header nav:after{content:"";display:block;clear:both}
#web-header nav .nav-box{max-width:1200px;margin:0 auto;}
#web-header nav .nav-box > ul{float:right;}
#web-header nav .nav-box > ul > li {float:left; position:relative;margin:0 15px;}
#web-header nav .nav-box > ul > li > a {position:relative;display:block;width:auto;height:95px;line-height:95px;margin:0 30px;;text-align:center; font-size:1.8rem; font-weight:500;color:#4D4D4D;}
#web-header nav .nav-box > ul > li > a span:after {content:""; display:block;height:4px;width:0px; position:absolute; bottom:0px; left:50%;box-sizing:unset}
#web-header nav .nav-box > ul > li.active > a,
#web-header nav .nav-box > ul > li.on > a,
#web-header nav .nav-box > ul > li > a:hover{color:#2E53B4}

#web-header nav .nav-box > ul .smenu {padding:15px 8px 20px;position:relative;}
#web-header nav .nav-box > ul .smenu li{margin-right:0;font-size:1.7rem;font-weight:400;}
#web-header nav .nav-box > ul .smenu li a{display:block;padding:15px 0;color:#4D4D4D;text-align:center}
#web-header nav .nav-box > ul .smenu li a:hover,
#web-header nav .nav-box > ul .smenu li.active a{color:#2E53B4}

#web-header .lang{position:absolute;top:38px;right:60px;}
#web-header .lang ul li{display:inline-block;margin-left:40px;}
#web-header .lang ul li a{display:block;font-size:1.7rem;color:#4D4D4D}
#web-header .lang ul li.active a{color:#4169D4}
#web-header .bg{position:absolute;top:95px;left:0;width:100%;height:0px;background:rgba(238,238,238,0.8);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px); -webkit-filter: blur(.5px);}

#container{position:relative;top:95px;width:100%;float:none;font-size:1.6rem;margin:0}


footer{position:relative;top:95px;padding:43px 0;background:#363636;color:#d1d1d1}
footer .footer{position:relative;}
footer .footer:after{content:"";display:block;clear:both}
footer h2{position:absolute;top:0px;left:140px;}
footer .fcont{padding-left:42.7rem;font-size:1.7rem;}

footer .finfo{display:block;text-align:left;}
footer .finfo address strong{margin-left:1rem;;}
footer .finfo .copyright{display:block;margin-top:1rem;font-weight:300}
footer .finfo .copyright a{color:#363636}

footer address{margin:0.8rem 0 0.4rem;font-weight:300}
footer .cpy-name{font-weight:500}
footer .cpy-info {font-weight:300}
footer .cpy-info li:after{margin-top:1px;}

.arrows {position: absolute; bottom:80px; left: 50%; transform: translateX(-50%); width: 20px; height: 20px; z-index:100;}
.arrows:before {content: ''; position: absolute;width:100%;height:100%;border-radius: 3px;    border-top: 3px solid transparent;border-right: 3px solid transparent;border-left: 3px solid rgba(207,207,207,0.7);border-bottom: 3px solid rgba(207,207,207,0.7);transform: translate(0px,15px)rotate(-45deg) ;animation: arrows 3s linear infinite;}
.arrows:after {content: '';position: absolute;width:100%;height:100%;border-radius: 3px;    border-top: 3px solid transparent;border-right: 3px solid transparent;border-left:3px solid rgba(207,207,207,0.7);border-bottom:3px solid rgba(207,207,207,0.7);transform:translate(0px,15px)rotate(-45deg) ;animation: arrows 3s linear infinite 1.5s;}

@keyframes arrows {
  0% {
      border-left:3px solid rgba(207,207,207,0);
      border-bottom:3px solid rgba(207,207,207,0);
      transform:translate(0px,-10px)rotate(-45deg) ;
  }
  10%, 90% {
      border-left:3px solid rgba(207,207,207,0);
      border-bottom:3px solid rgba(207,207,207,0);
  }
  50% {
      border-left:3px solid rgba(207,207,207,0.7);
      border-bottom:3px solid rgba(207,207,207,0.7);
      transform:translate(0px,0px)rotate(-45deg) ;
  }
  100% {
      border-left:3px solid rgba(207,207,207,0);
      border-bottom:3px solid rgba(207,207,207,0);
      transform:translate(0px,10px)rotate(-45deg) ;
  }
}

@keyframes bounce{
0%{transform:translateY(0)}
50%{transform:translateY(8px)}
100%{transform:translateY(0)}
}



img{max-width:100%;}

/* 메인 */
.br{display:block;}
.main-visual {position:relative;overflow:hidden;background:#f3f3f3;}
.main-visual li{background:#f3f3f3}
.main-visual .slide{width:100%;text-align:left;}
.main-visual .slogan{position:relative;color:#fff;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center}
.main-visual .slogan .tit{display:block;margin-bottom:4rem;;font-size:11.2rem;line-height:1.1em;font-family: 'Poppins', sans-serif;letter-spacing: -0.04em;}
.main-visual .slogan span.txt{display:block;line-height:1.3em;font-size: 3.7rem;}
.main-visual .slogan span.txt .bold{font-weight:700}
#main-visual1{background:url('../img/main/img-visual1.jpg') center center no-repeat;}
#main-visual2{background:url('../img/main/img-visual2.jpg') center center no-repeat;} 
#main-visual3{background:url('../img/main/img-visual3.jpg') center center no-repeat;} 

.main-visual .pagination{position:absolute;bottom:85px;left:0;width:100%;z-index:80;}
.main-visual .mvisual-swiper-pagination{width:100%;color:#fff;display:block;font-size:1.6rem;letter-spacing:-0.09em;text-align:left;}
.main-visual .mvisual-swiper-pagination .swiper-pagination-bullet{width:14px;height:14px;background:#FFEEB4;margin:0 21px 0 0;font-size:0;opacity:1;}
.main-visual .mvisual-swiper-pagination .swiper-pagination-bullet-active{width:14px;background:transparent;background:#FFFFFF;border-radius:14px;}
.main-visual .main-slide{width:100%;background-size:cover !important;}

.tit-cm h3{font-size:4rem;color:#06437A}
.tit-cm .txt{font-size:1.8rem;color:#585858}

.tit-cm-inv {margin-bottom: 4.3rem;}
.tit-cm-inv h3{display:inline-block;font-size:4rem;color:#009EE8;vertical-align:middle;}
.tit-cm-inv .ic{margin:0 3rem}
.tit-cm-inv .txt{font-size:1.8rem;color:#FFFFFF;vertical-align:middle;}
.tit-cm-inv .more .ic{margin:0}

.prg{text-align:center;line-height:1.4em;font-size:4.1rem;color:#4A4A4A;}
.prg .bold{font-weight:700}

.mtit{font-weight: 700;font-size:7.4rem;color:#494949;font-family: 'Poppins', sans-serif !important;text-align:center}

.msection1{position:relative;padding:10rem 0 10.4rem;}
.msection1 .prg{margin-bottom:5.8rem;}
.msection1 .msection-cont{position:relative;background:#FFF0D9;}
.msection1 .msection-cont:before{content:"";display:block;width:43.7%;padding-left:3%;height:100%;position:absolute;top:0;left:0;z-index:0;background:#fff;}
.msection1 .msection-cont:after{content:"";display:block;width:40.7%;height:55%;position:absolute;bottom:0;z-index:1;background:#F4F4F4; }
.msection1 .msection-cont  .rwd-max{position:relative;}
.msection1 .msection-cont .rwd{position:relative;min-height:72.3rem;}
.msection1 .img{position:absolute;top:0;right:0;width:56.3%;height:100%;background:#fff url('../img/main/bg-msection1.png') 0 0 no-repeat;background-size:cover}

.msection1 .msct1{color:#2E53B4;font-size:5.5rem;margin-bottom: 7rem;}
.msection1 .msct1 .bold1{font-size:9.6rem;font-family: 'Poppins', sans-serif;}
.msection1 .msct1 .bold2{font-size:5.8rem;}
.msection1 ul.slg{display:inline-block;text-align:right;margin-top:7.4rem;font-size:4rem;position:relative;z-index:10}
.msection1 ul.slg li{padding:4px 0;color:#2E53B4}
.msection1 ul.slg li:nth-child(odd){padding-right:4rem;color:#434343}

.msection2 {text-align:center;margin-bottom: 13rem;}
.msection2 h3{font-weight: 700;font-size:21.8rem;color: #2E53B4;font-family: 'Poppins', sans-serif !important;}
.msection2 h4{display:inline-block;padding:1.6rem 2.5rem;margin-bottom:5rem;font-weight: 700;font-size:3.8rem;background:#2E53B4;color: #fff;}
.msection2 p{font-size:2.6rem;margin-bottom: 6rem;color:#565656}

.msection2 ul{display:flex;justify-content: space-around;flex-wrap:wrap;margin-bottom:5rem;}
.msection2 ul li{text-align:center;margin-bottom: 2rem;}
.msection2 ul li .icon{display:inline-block;width:208px;height:208px;background-color: #098FAC;background-position:center center;background-repeat:no-repeat;border-radius: 20px;transition: all 0.3s ease-in-out}
.msection2 ul li:nth-child(even) .icon{background-color:#F4F4F4;}
.msection2 ul li .cont{display:block;padding-top:2.8rem;font-size:2.4rem;line-height:1.5em;color:#565656}
.msection2 ul li:nth-child(1) .icon{background-image:url('../img/main/ic-m1.svg');}
.msection2 ul li:nth-child(2) .icon{background-image:url('../img/main/ic-m2.svg');}
.msection2 ul li:nth-child(3) .icon{background-image:url('../img/main/ic-m3.svg');}
.msection2 ul li:nth-child(4) .icon{background-image:url('../img/main/ic-m4.svg');}
.msection2 ul li:hover .icon{-webkit-animation:bounce 1.5s ease infinite;animation:bounce 1.5s ease infinite}


.msection3 {text-align:center;margin-bottom: 12.5rem;}
.msection3 .rwd{width:1220px;}
.msection3 .prg{margin:2.3rem 0 3.7rem;font-size:3.5rem}

.msection3 .bsn-list ul{display:flex;flex-wrap:wrap;margin:0 -1rem;}
.msection3 .bsn-list li{width:400px;margin-left:1rem;margin-bottom: 1.2rem;}
.msection3 .bsn-list li .img{position:relative;display:block;width:100%;padding-top:86.8%;overflow:hidden;}
.msection3 .bsn-list li .img-src{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-position:center center;background-repeat:no-repeat;background-size:cover;transition: all 0.3s ease-in-out}
.msection3 .bsn-list li a:hover .img-src{transform:scale(1.2);}
.msection3 .bsn-list li .txt{display:block;background:#00B3BE;color:#fff;font-size:2.5rem;padding:1.2rem }

.msection3 .bsn-list li:nth-child(1) .img-src{background-image:url('../img/main/img-bsn1.jpg')}
.msection3 .bsn-list li:nth-child(3) .img-src{background-image:url('../img/main/img-bsn2.jpg')}
.msection3 .bsn-list li:nth-child(4) .img-src{background-image:url('../img/main/img-bsn3.jpg')}
.msection3 .bsn-list li:nth-child(5) .img-src{background-image:url('../img/main/img-bsn4.jpg')}
.msection3 .bsn-list li:nth-child(6) .img-src{background-image:url('../img/main/img-bsn5.jpg')}

.msection3 .bsn-list li.bx{background:#098FAC;}

.msection3 .bx{display:flex;justify-content:center;align-items:center;}
.msection3 .bx a{color:#fff;font-size:4.3rem}
.msection3 .bx a .stx{display:block;padding:2rem 0 3rem;font-size:2.2rem;font-weight:300;line-height:1.5em}

.msection3 dl{display:flex;min-height:400px;width:100%}
.msection3 dl dt{width:400px;background:#2E53B4;margin-right: 1rem;}
.msection3 dl dd{flex:1;background:#F4F4F4;display:flex;align-items:center}
.msection3 dl dd ul{text-align:left;margin:0 6rem}
.msection3 dl dd ul li{color:#404040;font-size:2.3rem;padding:5rem 0;border-bottom: 1px dashed #B9B9B9;}
.msection3 dl dd ul li strong{display:block;margin-bottom: 1rem;font-size:3.4rem;}
.msection3 dl dd ul li:last-child{border-bottom:none}

.msection4{padding-bottom: 8rem;}
.msection4 .swiper-news{overflow:hidden;}
.msection4 ul{display:flex;flex-wrap:nowrap;margin:5rem 0 5.4rem;padding:0 4rem;}
.msection4 ul li{flex:0;min-width:356px;height:333px;padding:25px;border: 1.16946px solid #DBDBDB;margin-right:3.2rem;}
.msection4 ul li a{color:#5C5C5C}
.msection4 ul li a .cont{display:block;min-height:208px;margin-bottom: 3rem;;border-bottom:1px solid #E7E7E7}
.msection4 ul li a .cont strong{display:block;margin-bottom:2rem;font-size:2.5rem;font-weight:500;line-height:1.4em}
.msection4 ul li a .cont .txt{display:block;font-size:1.9rem;line-height:1.5em}
.msection4 ul li a .info .date{display:inline-block;padding-top:.3rem;color:#666666}
.msection4 ul li a .info .new{float:right;width:69px;height:32px;line-height:32px;color:#fff;background: #2C6DCF;border-radius:2.3rem;font-size:1.7rem;text-align:center;font-weight:400}
.msection4 .empty{width:100%;text-align:center;border:none;padding:10rem 0}


.msection4 .swiper-notice-paging{width:100%;color:#fff;display:block;font-size:1.6rem;letter-spacing:-0.09em;text-align:center;}
.msection4 .swiper-notice-paging .swiper-pagination-bullet{width:14px;height:14px;background:#E1E1E1;margin:0 11px;font-size:0;opacity:1;}
.msection4 .swiper-notice-paging .swiper-pagination-bullet-active{width:14px;background:transparent;background:#2C6DCF;border-radius:14px;}


.msection5{position:relative;min-height:46.2rem}
.msection5:before{content:"";display:block;position:absolute;top:0;left:0;z-index:0;width:48%;height:100%;background: #353397;}
.msection5:after{content:"";display:block;position:absolute;top:0;right:0;z-index:0;width:52%;height:100%;background:url('../img/main/bg-msection5.jpg') center center no-repeat;background-size:cover;}
.msection5 .rwd{position:relative;z-index:10;height:100%;color:#fff;padding:8.5rem 2rem 0 2rem }
.msection5 h3{font-size:5.9rem;font-family: 'Poppins', sans-serif !important;font-weight:700}
.msection5 p{padding:2rem 0 3rem;font-size:2.3rem;line-height:1.5em}
.msection5 a{width:17.4rem;padding-left:0;padding-right: 0;}
.msection5 a .ic{margin-top:-2px;}

/* 서브*/
.sub-top{height:300px;color:#fff;background:url('../img/sub/img_sub1.jpg') center top no-repeat;background-size:cover;}
.sub-top h3{padding-top:9rem;margin-bottom:7px;;font-size:3.3rem;font-weight: 500;}


#sub-top1{background:url('../img/sub/img_sub1.jpg') center 0 no-repeat;background-size:cover;}
#sub-top2{background:url('../img/sub/img_sub2.jpg') center 0 no-repeat;background-size:cover;}
#sub-top3{background:url('../img/sub/img_sub3.jpg') center 0 no-repeat;background-size:cover;}
#sub-top4{background:url('../img/sub/img_sub4.jpg') center 0 no-repeat;background-size:cover;}
#sub-top5{background:url('../img/sub/img_sub5.jpg') center 0 no-repeat;background-size:cover;}



.sub-location{margin-top:-60px;}
.sub-location .depth02{position:relative;height:60px;background:#2F4D9D;}

.sub-location .depth02 .menu_select button{display:none}
.sub-location .depth02 .rwd{position:relative;}
.sub-location .depth02 ul{display:block;position:relative;background:#fff;vertical-align:top;background:#2F4D9D;overflow-x:auto;white-space:nowrap}
.sub-location .depth02 ul:after{content:"";display:block;clear:both}

.sub-location .depth02 ul li{float:left;min-width:200px;font-size:1.6rem;border-right:1px solid #A5B0ED}
.sub-location .depth02 ul li a{display:block;color:#fff;line-height:60px;text-align:center;;font-weight:400;padding:0 20px;}
.sub-location .depth02 ul li.active{background:#fff;}
.sub-location .depth02 ul li.active > a{font-weight:500;color:#2F4D9D}


.sub-content .ptop{margin:8rem 0 5rem;padding-top: 4rem;text-align:center;background:url('../img/sub/ic-tit.svg') center 0 no-repeat;}
.sub-content .ptop h3{margin-top:1.5rem;color:#474747;font-size:3rem;font-weight:600}
.sub-content .ptop .ptxt{margin-top:1.3rem;font-size:1.7rem;line-height:1.6em;color:#666666}


.sub-content  #content{position:relative;min-height:400px;padding:25px 0 150px}
.sub-content  #content.pb0{padding-bottom: 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}




/* 컨테츠 공통 */
ul.dot-list li{position:relative;padding:4px 0 4px 13px;;color:#818181;font-size:1.5rem;}
ul.dot-list li:before{content:"";display:inline-block;position:absolute;top:12px;left:0;width:4px;height:4px;background:#818181;border-radius:4px;margin-right: 10px;vertical-align:middle;}

ul.dot-list-lg li{position:relative;padding:9px 0 9px 15px;color:#504E4E;font-size:2rem;}
ul.dot-list-lg li:before{content:"";display:inline-block;position:absolute;top:20px;left:0;width:4px;height:4px;background:#504E4E;border-radius:4px;margin-right: 10px;vertical-align:middle;}
ul.dot-list-lg li .img{position:relative;top:-10px;}

.btn-lg{display:inline-block;padding:1.7rem 5rem;font-size:2.3rem;border-radius:35px;white-space:nowrap;text-align:center}
.btn-md{display:inline-block;min-width:146px;height:54px;line-height:50px;padding:0 20px;vertical-align:middle;background:#00A0E9;color:#fff !important;text-align:center;border-radius:30px;font-size:2.3rem}

.br-wh{color:#fff !important}
.br-wh{background:transparent;border:1px solid #fff;color:#fff !important;}
.br-wh .ic{margin-left:1rem;}
.br-wh:hover{background:#ffff;border:1px solid #fff;color:#353397 !important;}
.br-wh:hover .ic{background-image:url('../img/common/ic-more-pp.svg');}

.btn-wh{background:#fff;color:#2E53B4 !important}
.btn-wh .ic{margin-left:1rem;}
.btn-wh:hover{background:#648BF1;color:#fff !important}
.btn-wh:hover .ic{background-image:url('../img/common/ic-more-wh.svg');}


.btn-wh-gr{background:#fff;color:#288479 !important}
.btn-wh-gr .ic{margin-left:1rem;}
.btn-wh-gr:hover{background:#27D3DE;color:#fff !important}
.btn-wh-gr:hover .ic{background-image:url('../img/common/ic-more-wh.svg');}

.br-blue{background:#fff;border:1px solid #2E53B4;color:#2E53B4 !important;}
.br-blue .ic{margin-left:1rem;}
.br-blue:hover{background:#2E53B4;border:1px solid #2E53B4;color:#fff !important;}
.br-blue:hover .ic{background-image:url('../img/common/ic-more-wh.svg');}

.chart-box{border-top:1px solid #666666;border-bottom:1px solid #666666}
.chart-rwd{width:100%;overflow-x:auto}
.chart-rwd .chart th,
.chart-rwd .chart td{white-space:nowrap;}
.chart{border-collapse:collapse;width:100%;}
.chart thead th{background:#F3F3F3;color:#504E4E;font-size:1.8rem;padding:13px 10px;border:1px solid #CBCBCB;vertical-align:middle;}
.chart tbody th,
.chart tbody td{color:#504E4E;font-size:1.8rem;padding:13px 10px;border:1px solid #CBCBCB;}
.chart tbody th.bg{background:#EAF3F8;font-weight:600}
.chart .brtn{border-top:none !important}
.chart .brbn{border-bottom:none}
.chart .first{border-left:none;}
.chart .last{border-right:none;}
.chart .st{font-size:1rem;vertical-align:text-top}
.sb{font-size:1rem}

.chart.center tbody th, 
.chart.center tbody td{text-align:center} 

.btn-ic-v{display:inline-block;padding-right:6rem;background:url('../img/common/ic-view.svg') right center no-repeat;}
.btn-ic-v2{display:inline-block;padding-right:4rem;background:url('../img/common/ic-view-wh.svg') right center no-repeat;}
.btn-wide{width:100%}



.pg_wrap{padding-top:0 !important;margin-top:4.3rem;}
.pg_wrap{display:block;padding:20px 0;text-align:center;float:none;font-size:15px;}
.pg_wrap:after {display:block;visibility:hidden;clear:both;content:""} 
.pg {text-align:center}
.pg_page, .pg_current {display:inline-block;vertical-align:middle;background-color:transparent; border:none;color:#666;}
.pg a:focus, .pg a:hover, .pg a:link, .pg a:visited {text-decoration:none;color:#666}
.pg_page {color:#fff;font-size:1.6rem !important;height:33px;line-height:28px;padding:0 0px;min-width:33px;text-decoration:none;border-radius:3px}
.pg_page:hover {background-color:transparent}
.pg_start {text-indent:-999px;overflow:hidden;background:transparent url('../img/common/btn_first.svg') no-repeat center center !important;padding:0;border:none}
.pg_prev {text-indent:-999px;overflow:hidden;background:transparent url('../img/common/btn_prev.svg') no-repeat center center !important;padding:0;border:none}
.pg_end {text-indent:-999px;overflow:hidden;background:transparent url('../img/common/btn_end.svg') no-repeat center center  !important;padding:0;border:none}
.pg_next {text-indent:-999px;overflow:hidden;background:transparent url('../img/common/btn_next.svg') no-repeat center center !important ;padding:0;border:none}
.pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover {background-color:transparent}
.pg_current {display:inline-block;background:transparent;border:none;color:#fff;font-weight:bold;height:33px;line-height:30px;width:33px;border-radius:100%;background:#134CA1;font-size:15px;}

.btn-top-move{position:fixed;bottom:0;width:100%;text-align:right;z-index:50;}
.btn-top-move .rwd{position:relative;width:1450px}
.btn-top-move button{background:transparent;background:#fff;border:1px solid #ddd;width:45px;height:45px;line-height:35px;border-radius:100%;margin:10px;position:absolute;bottom:0;right:0;}

.ptop-img{max-width:1200px;text-align:center;margin:0 auto 7rem}
.ptop-img.mt-xs{margin-top:-3.5rem;}

.tab-bar{margin-bottom: 6.5rem;}
.tab-bar ul {zoom:1;text-align:center;}
.tab-bar ul:after {display:block;visibility:hidden;clear:both;content:""}
.tab-bar li {display:inline-block;padding:2px;margin:5px 15px;}
.tab-bar  a {display:block;height:58px;line-height:58px;padding:0 20px;min-width:200px;border-radius:30px;background:#D9D9D9;border:1px solid #D9D9D9;color:#7E7E7E;font-weight:500}
.tab-bar  a:focus, .tab-bar a:hover, .tab-bar  a:active {text-decoration:none;background:#098FAC;border:1px solid #098FAC;color:#fff;font-weight:500}
.tab-bar li.active a {z-index:2;background:#098FAC;color:#fff;font-weight:500;border:1px solid #098FAC;}

.bg-gray-wide{background:#F3F3F3;}
.bg-blue-wide{background:#385AB0;color:#fff}
.bg-blue2-wide{background:#4d71cd;color:#fff}
.bg-blue3-wide{background:#6A8FEF;color:#fff}
.bg-green-wide{background:#12C8D0;color:#fff}
.bg-green2-wide{background:#08A3C5;color:#fff}
.bg-dark-wide{background:#3A3A3A;color:#fff !important}
.bg-org-wide{background:#FF7F77;color:#fff !important}

.pe{color:#21719D;font-size:1.9rem;text-align:center;line-height:1.5em;}

.full-bottom{margin-bottom:-15rem;;}

/* 컨텐츠 공통 (인증서) */
.ctf-lc-list{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:3.3rem;}
.ctf-lc-list li {padding:30px 30px 0px}
.ctf-lc-list li .img{display:inline-block;width:210px;height:297px;}
.ctf-lc-list li .txt{display:block;text-align:center;color:#565656;font-size:1.7rem;line-height:1.3em;padding-top:1.5rem;font-weight:700}


.ctf-lc-list li .cont{display:block;text-align:center;color:#565656;line-height:1.3em;padding-top:1.5rem;}
.ctf-lc-list li .cont .tit{font-size:1.7rem;font-weight:700;color: #565656;letter-spacing: -0.05em;}
.ctf-lc-list li .cont .stxt{display:block;padding:1rem 0;}
.ctf-lc-list li .cont .stxt2{display:block;padding:.5rem 0 .7rem;font-size:1.7rem}
.ctf-lc-list li .cont .pct{display:block;padding:1.5rem 0;color:#2F4D9D;font-family: 'Gmarket Sans';font-size:2.4rem}
.ctf-lc-list li .cont .pct strong{font-size:4rem;}
.ctf-lc-list li .cont .org-txt span{display:block;margin:2px 0;font-size:1.5rem}

.img-br{display:inline-block;}
.img-max140{max-width:140px}
.img-max170{max-width:170px}
.img-max254{max-width:254px}
.img-max274{max-width:274px}
.img-max318{max-width:318px}
.img-max328{max-width:328px}
.img-max336{max-width:336px}
.img-max394{max-width:394px}
.img-max432{max-width:432px}
.img-max442{max-width:442px}
.img-max462{max-width:462px}
.img-max484{max-width:484px}
.img-max485{max-width:485px}
.img-max403{max-width:403px;margin:0 auto;}
.img-max508{max-width:508px}
.img-max519{display:inline-block;max-width:519px;margin:0 auto;}
.img-max531{max-width:531px;margin:0 auto;}
.img-max537{display:inline-block;max-width:537px;margin:0 auto;}
.img-max558{max-width:558px}
.img-max630{max-width:630px}
.img-max704{max-width:704px}

a.shop-link{display:inline-block;background: #466DD3;border-radius: 30px;min-width:215px;padding:0 25px;color:#fff;line-height:50px;height:50px;text-align:center}
a.shop-link:hover{background: #2F4D9D;}
a.shop-link:before{content:"";display:inline-block;width:22px;height:22px;background: url('../img/page/ic-cart.svg') 0 0 no-repeat;vertical-align:middle;margin-right:10px;margin-top:-3px;}

a.shop-link-rev{background:transparent ;border:1px solid #fff}
a.shop-link-rev:hover{background:#fff;color:#08A3C5}
a.shop-link-rev:hover:before{background: url('../img/page/ic-cart-gr.svg') 0 0 no-repeat;}
a.shop-link-blue:hover{color:#4D71CD}
a.shop-link-blue:hover:before{background: url('../img/page/ic-cart-blue.svg') 0 0 no-repeat;}

.smy-box{display:flex;justify-content:center;align-items:center}
.smy-box .img{text-align:center;}

.smy-box .cont dl{margin-bottom: 2.5rem;}
.smy-box .cont dl:after{content:"";display:block;width:100%;height:1px;margin-top:2.5rem;max-width:390px;border-bottom: 1px dashed #B5B5B5;}
.smy-box .cont dl.bn:after{display:none;}
.smy-box .cont dl dt{margin-bottom:1.3rem;font-size:2rem;font-weight:700}
.smy-box .cont dl dd{font-size:1.7rem;}

.smy-box .cont dl dd ul li{position:relative;padding:2px 0 2px 1.2rem;line-height:1.5em;letter-spacing: -0.05em;}
.smy-box .cont dl dd ul li:before{content:"-";position:absolute;top:2px;left:0;}

.smy-box .cont dl dd ul > li.dot{font-weight:700;margin-bottom:3px;}
.smy-box .cont dl dd ul > li.dot:before{content:"·";position:absolute;top:0px;left:0;}

.smy-box .cont dl dd ul.dot-style > li{margin-bottom:2px;}
.smy-box .cont dl dd ul.dot-style > li:before{content:"·";position:absolute;top:0px;left:0;}

.smy-box .cont dl dd ul.dot-bold > li{font-weight:700}
.smy-box .cont dl dd ul.dot-bold > li li{font-weight:400}
.smy-box .cont dl dd ul.dot-bold > li:before{content:"·";position:absolute;top:3px;left:0;}

.smy-box .cont dl dd ul.no-style li{padding-left:0;}
.smy-box .cont dl dd ul.no-style li:before{content:"";}

.smy-box .dl-style li{display:flex;}
.smy-box .dl-style li:before{display:none}
.smy-box .dl-style strong{position:relative}
.smy-box .dl-style strong:before{content:"·";position:absolute;top:0px;left:-12px;}


.prd-info{display:flex;align-items:center;padding:8rem 0;border-bottom: 1px dashed #BCBCBC;}
.prd-info.bn{border-bottom:none;}
.prd-info .img{display:block;text-align:center;}
.prd-info .cont{margin-left: auto;line-height:1.5em;font-size:1.7rem;}
.prd-info .cont .stxt{display:block;color: #848484;font-size:1.6rem}
.prd-info .cont .tit{display:block;padding:1rem 0 1.7rem;color:#464646;font-size:2.6rem}
.prd-info .cont .txt-cont{display:block;line-height:1.6em}

.prd-info .cont > ul.li-style > li{position:relative;padding:2px 0 2px 10px;line-height:1.5em}
.prd-info .cont > ul.li-style > li:before{content:"·";position:absolute;top:2px;left:0;}
.prd-info .cont > ul.bold-style > li{font-weight:700}
.prd-info .cont > ul.bold-style > li ul li{position:relative;font-weight:400;line-height:1.7em;padding:1px 0 1px 1rem;letter-spacing:-0.05em}
.prd-info .cont > ul.bold-style > li ul li:before{content:"-";position:absolute;top:2px;left:0;}

.prd-info .cont ul.no-style li{padding-left: 0 !important}
.prd-info .cont ul.no-style li:before{content:"" !important}

.prd-info .cont .ad-txt{display:block;padding:2.5rem 0 0;}
.prd-info .cont  a{margin-top: 3.5rem;}

/* 제품소개 */
.tab-circle{padding-bottom:5rem;margin-bottom:5.3rem;border-bottom: 1px dashed #CCCCCC;}
.tab-circle ul{text-align:center}
.tab-circle ul li{display:inline-block;margin:.5rem 1.3rem;}
.tab-circle ul li a{display:inline-block;width:145px;height:145px;border:1px solid #098FAC;color:#098FAC;border-radius:100%}
.tab-circle ul li a strong{display:block;padding-top:.5rem;font-size:1.7rem;}
.tab-circle ul li a:hover,
.tab-circle ul li.active a{background-color:#098FAC;color:#fff}
.tab-circle ul li a .icp{background-repeat:no-repeat;display:inline-block;width:62px;height:62px;margin-top:2.2rem;background-position:center center;}
.tab-circle ul li a .icp1{background-image: url('../img/page/ic-prd-ctg1.svg')}
.tab-circle ul li a .icp2{background-image: url('../img/page/ic-prd-ctg2.svg')}
.tab-circle ul li a .icp3{background-image: url('../img/page/ic-prd-ctg3.svg')}
.tab-circle ul li a .icp4{background-image: url('../img/page/ic-prd-ctg4.svg')}
.tab-circle ul li a .icp5{background-image: url('../img/page/ic-prd-ctg5.svg')}
.tab-circle ul li a .icp6{background-image: url('../img/page/ic-prd-ctg6.svg')}
.tab-circle ul li a .icp7{background-image: url('../img/page/ic-prd-ctg7.svg')}

.tab-circle ul li a:hover .icp1, .tab-circle ul li.active .icp1{background-image: url('../img/page/ic-prd-ctg1-on.svg')}
.tab-circle ul li a:hover .icp2, .tab-circle ul li.active .icp2{background-image: url('../img/page/ic-prd-ctg2-on.svg')}
.tab-circle ul li a:hover .icp3, .tab-circle ul li.active .icp3{background-image: url('../img/page/ic-prd-ctg3-on.svg')}
.tab-circle ul li a:hover .icp4, .tab-circle ul li.active .icp4{background-image: url('../img/page/ic-prd-ctg4-on.svg')}
.tab-circle ul li a:hover .icp5, .tab-circle ul li.active .icp5{background-image: url('../img/page/ic-prd-ctg5-on.svg')}
.tab-circle ul li a:hover .icp6, .tab-circle ul li.active .icp6{background-image: url('../img/page/ic-prd-ctg6-on.svg')}
.tab-circle ul li a:hover .icp7, .tab-circle ul li.active .icp7{background-image: url('../img/page/ic-prd-ctg7-on.svg')}

.page-info{font-size:1.7rem;margin-bottom: 7rem;text-align:center}
.page-info dt{margin-bottom: 5rem;;}
.page-info dt span{display:inline-block;min-width:230px;background:#4D71CD;color:#fff;font-size:2.6rem;padding:.9rem 4rem;font-weight:700}
.page-info dt.md-size span{min-width:195px;}
.page-info dd .stit{display:block;margin-bottom: 1.7rem;;color:#666666;font-size:2.3rem;}
.page-info dd p{line-height:1.6em;letter-spacing: -0.05em;}
.page-info dd ul li{padding:4px 0;}
.page-info dd ul li span{position:relative;padding-left:10px;;}
.page-info dd ul li span:before{content:"·";margin-right:3px;position:absolute;top:3px;left:0}
.page-info dd ul li .arrow{display:inline-block;padding-left:2.5rem;color:#4D71CD;margin-bottom:1rem;}
.page-info dd ul li  span.arrow:before{content:"→";color:#666666;top:0}


.section-top{padding:6.4rem 0 7rem;text-align:center}
.section-top h3{font-weight: 700;font-size: 3.5rem;margin-bottom:1rem;}
.section-top p{font-size:2rem;}
.section-top .ptit{font-size:3rem}



.prd-pt-list{margin-top: 2rem;margin-bottom: 1rem;}
.prd-pt-list li{display:inline-block;width:114px;height:114px;margin-right: 19px;;border-radius:100%;text-align:center;border: 1px dashed #08A3C5;color:#08A3C5;}
.prd-pt-list li .icp{display:inline-block;width:47px;height:47px;margin:2rem 0 0rem;background-repeat:no-repeat;background-position:center center;}
.prd-pt-list li strong{display:block;font-size:1.6rem;font-weight:500;}
.prd-pt-list li:nth-child(1) .icp{background-image: url('../img/page/ic-prd-pt1.svg')}
.prd-pt-list li:nth-child(2) .icp{background-image: url('../img/page/ic-prd-pt2.svg')}
.prd-pt-list li:nth-child(3) .icp{background-image: url('../img/page/ic-prd-pt3.svg')}


.life-list{text-align:center;max-width:900px;margin:0 auto}
.life-list li {position:relative;display:inline-block;width:190px;height:190px;margin:0 11px 13px}
.life-list li .img{display:block;height:153px;}
.life-list li .txt{position:absolute;bottom:9;left:0;display:block;background:#fff;width:100%;height:37px;line-height:3.7rem;color: #466FDA;font-size:1.7rem;text-align:center}


.tit1{margin-bottom:3rem;color:#565656;font-size:3.1rem;text-align:center;font-weight:700}
.tit1.white{color:#fff}
.tit1.gray{color:#666666}
.tit2{margin-bottom:.5rem;color:#565656;font-size:2.8rem;text-align:center}
.tit2.white{color:#fff}
.tit3{margin-bottom:1.2rem;color:#4D71CD;font-size:1.7rem;text-align:center}

.txt1{ line-height: 1.6em;font-size:2rem}
.txt1.white{color:#fff}

.top-stit{margin-bottom: 3.5rem;text-align:center}
.top-stit .tit2{font-size:2.3rem;color:#fff}
.top-stit .txt1{font-size:1.9rem;color:#fff}


.table-chart{border-collapse:collapse}
.table-chart thead th{background:#2F4D9D;color:#fff;font-weight:400;border:1px solid #E1E1E1;padding:13px 10px;border-top:none;vertical-align:middle;}
.table-chart tbody td{background:#fff;color:#666666;border:1px solid #E1E1E1;padding:13px 10px;text-align:center;vertical-align:middle;line-height:1.5em}
.table-chart tbody td.bg{background:#6A78FB;color:#fff}
.table-chart .first{border-left:none}
.table-chart .last{border-right:none}
.table-chart .td-last,
.table-chart .tr-last th,
.table-chart .tr-last td{border-collapse:collapse;border-bottom:1px solid #6690FF}


table.chart2{font-size:1.7rem}
table.chart2 th,
table.chart2 td{padding:26.8px 10px;text-align:center;vertical-align:middle}
table.chart2 th{border:1px solid #E1E1E1;background:#EFEFEF;color:#5F5F5F;font-weight:400;border-top:1px solid #4D71CD}
table.chart2 tbody td{border:1px solid #E1E1E1}
table.chart2 tfoot th{border:1px solid #E1E1E1;color:#4D71CD;background:#E3EBFF;border-bottom:1px solid #4D71CD;font-weight:700}
table.chart2 tr th:first-child,
table.chart2 tr td:first-child{border-left:none;}
table.chart2 tr th:last-child,
table.chart2 tr td:last-child{border-right:none;}
table.chart2 tr td strong{font-weight:700}
table.chart2 tr .bg{background:#4D71CD;color:#fff}



/* 제품 레이아웃 */
.prd-tab1 .smy-box .img{width:61.2%}
.prd-tab1 .smy-box .cont{width:38.8%}

.prd-tab1 .prd-info .img{width:56.8%}
.prd-tab1 .prd-info .cont{width:43.2%}

.prd-tab2 .smy-box .img,
.prd-tab2 .prd-info .img{width:60.3%}
.prd-tab2 .smy-box .cont,
.prd-tab2 .prd-info .cont{width:39.7%}


.prd-tab3 .smy-box .img,
.prd-tab3 .prd-info .img{width:57.8%}
.prd-tab3 .smy-box .cont,
.prd-tab3 .prd-info .cont{width:42.2%}
.prd-tab3 .smy-box .cont dl:after{max-width:458px;}
.prd-tab3 .smy-box .cont dl dd ul li{font-weight:350}

.prd-tab3 .prd-info{padding-bottom:0;}


.prd-tab4 .smy-box .img,
.prd-tab4 .prd-info .img{width:57.8%}
.prd-tab4 .smy-box .cont,
.prd-tab4 .prd-info .cont{width:42.2%}

.prd-tab4  .smy-box{padding-bottom:13rem;}

.prd-tab5 .smy-box .img,
.prd-tab5 .prd-info .img{width:56%}
.prd-tab5 .smy-box .cont,
.prd-tab5 .prd-info .cont{width:44%}



.prd-sect1{padding-bottom:4rem;}

.prd-sect2{padding-bottom:6rem;}
.prd-sect2 .smy-box{margin-top:4rem;}


.prd-sect2-pt{margin-top:3rem;margin-bottom:4rem;;padding-top:5.4rem;border-top: 1px dashed #C2D0FF;}
.prd-sect2-pt ul{display:flex;justify-content:center}
.prd-sect2-pt ul li{margin:0 2rem;}
.prd-sect2-pt ul li .icp{display:inline-block;width:14.9rem;height:14.9rem;border: 1px solid #FFFFFF;border-radius: 10px;background-position:center center;}
.prd-sect2-pt ul li  strong{display:block;margin-top:1rem;font-size:2rem;line-height:1.5em;text-align:center;letter-spacing: -0.07em;}
.prd-sect2-pt ul li:nth-child(even) .icp{background-color: #fff;}
.prd-sect2-pt ul li .icp{background-repeat:no-repeat;display:inline-block;;}
.prd-sect2-pt ul li .icp1{background-image: url('../img/page/ic-pt1.svg')}
.prd-sect2-pt ul li .icp2{background-image: url('../img/page/ic-pt2.svg')}
.prd-sect2-pt ul li .icp3{background-image: url('../img/page/ic-pt3.svg')}
.prd-sect2-pt ul li .icp4{background-image: url('../img/page/ic-pt4.svg')}
.prd-sect2-pt ul li .icp5{background-image: url('../img/page/ic-pt5.svg')}


.prd-sect3{padding-bottom: 8rem;}


.prd-sect4{padding:3.5rem 0 5rem}
.prd-sect4 .prd-buy-list{display:flex;}
.prd-sect4 .prd-buy-list .item{position:relative;width:33.3%;border-left: 1px dashed #FFFFFF;padding:0 2rem;text-align:center}
.prd-sect4 .prd-buy-list .item:first-child{border-left:none}
.prd-sect4 .prd-buy-list .item .cont strong{display:block;font-size:2rem}
.prd-sect4 .prd-buy-list .item .cont .txt{display:block;padding:1rem 0 2.5rem;font-size:1.7rem;line-height:1.5em}
.prd-sect4 .prd-buy-list .item .img{display:flex;align-items:end;justify-content:center;min-height:320px;;margin:0 auto 2.4rem;}
.prd-sect4 .prd-buy-list .item .img img{vertical-align:bottom}
.prd-sect4 .prd-buy-list .item:nth-child(1) .img{max-width:84px;}
.prd-sect4 .prd-buy-list .item:nth-child(2) .img{max-width:76px;}
.prd-sect4 .prd-buy-list .item:nth-child(3) .img{max-width:115px;}




/* 친환경살균소재 기술*/
.tech-dl-list{max-width:1030px;margin:1.5rem auto 3rem; } 
.tech-dl-list .item{display:flex;align-items:center;position:relative;padding:3rem 0 3rem 2.5rem;border-bottom:1px solid #E1E1E1;}
.tech-dl-list .item:before{content:"";display:inline-block;width:145px;height:145px;background-color:#4D71CD;background-repeat:no-repeat;background-position:center center;border-radius:100%;margin-right:4.5rem;flex-shrink:0;order:0}
.tech-dl-list .item:nth-child(even):before{background-color:#12C8D0;}
.tech-dl-list .item:last-child{border-bottom:none}
.tech-dl-list .item:nth-child(1):before{background-image:url('../img/page/ic-tech1.svg');}
.tech-dl-list .item:nth-child(2):before{background-image:url('../img/page/ic-tech2.svg');}
.tech-dl-list .item:nth-child(3):before{background-image:url('../img/page/ic-tech3.svg');}
.tech-dl-list .item:nth-child(4):before{background-image:url('../img/page/ic-tech4.svg');}
.tech-dl-list dl dt{width:100%;color:#464646;font-size:2rem;font-weight:700;margin-bottom:1.5rem;} 
.tech-dl-list dl dd{width:100%;font-size:1.7rem;line-height:1.7em;letter-spacing: -0.05em;} 

.tech-care{padding:5.5rem 0;text-align:center}
.tech-care dt{margin-bottom:2rem;font-size:2.1rem;color:#fff;font-weight:700}
.tech-care dd{color:#C5C5C5;font-size:1.7rem;line-height:1.7em}

.care:before{content:"";display:inline-block;width:28px;height:25px;;margin-right: 8px;background:url('../img/page/ic-care.svg') center center no-repeat;vertical-align:middle}
.care:after{content:"";display:inline-block;width:28px;height:25px;margin-left: 8px;background:url('../img/page/ic-care.svg') center center no-repeat;vertical-align:middle}

.tech-org {display:flex;padding-bottom:9rem;justify-content:center}
.tech-org .item{margin:0 1.3rem;width:564px;background: #FFFFFF;border-radius:10px;}
.tech-org .item:before{content:"";display:block;height:22.5rem;position:relative;top:-3px;border:1px solid #6B94FF;background-color:#6B94FF;background-position:center center;background-repeat:no-repeat;border-radius: 10px 10px 0px 0px;position:relative;z-index:50}
.tech-org .item:nth-child(1):before{background-image:url('../img/page/ic-tech-org1.svg') }
.tech-org .item:nth-child(2):before{background-image:url('../img/page/ic-tech-org2.svg') }

.tech-org dl{color:#4D71CD;font-size:1.7rem;padding:2.8rem 3rem;min-height:21.2rem;text-align:center}
.tech-org dl dt{font-size:2.2rem;font-weight:700;margin-bottom:1.2rem;}
.tech-org dl dd p{margin-top:1rem;line-height:1.5em;letter-spacing: -0.05em;}

.tech-era{padding:9rem 0 7.5rem;text-align:center}
.tech-ara-list{display:flex;margin:4.3rem 0 2rem;}
.tech-ara-list .item{border:1px solid #D1D1D1;width:39.3rem;min-height:39.3rem;margin:0 .6rem;padding:1rem}
.tech-ara-list .item:before{content:"";display:block;width:16.7rem;height:16.7rem;margin:3.2rem auto 2.4rem;background-position:center center;background-repeat:no-repeat;background-size:100% auto;}
.tech-ara-list .item:nth-child(1):before{background-image:url('../img/page/ic-tech-ara1.png') }
.tech-ara-list .item:nth-child(2):before{background-image:url('../img/page/ic-tech-ara2.png') }
.tech-ara-list .item:nth-child(3):before{background-image:url('../img/page/ic-tech-ara3.png') }
.tech-ara-list .item dl dt{margin-bottom: 1.5rem;font-size:1.7rem;line-height:1.5em;font-weight:700}
.tech-ara-list .item dl dd li{padding:3px 0;letter-spacing: -0.05em;}

.tech-test-result{padding:11.3rem 0 6rem}
.tech-test-result h3{margin-bottom: 1rem;}
.tech-test-result dl{padding:4rem 0;margin-bottom:1.5rem;}
.tech-test-result dt{text-align:center;}
.tech-test-result dt span{display:inline-block;background:#424242;color:#fff;font-size:2.8rem;font-weight:700;min-width:266px;padding:11px 2.5rem;}
.tech-test-result dt p{padding:1.3rem 0 1.5rem;text-align:center;line-height:1.5em}
.tech-test-result dd li {padding:30px 1.4rem 3rem}

.tech-slogan{padding:4rem 0rem;text-align:center}
.tech-slogan p{font-size:2.4rem;line-height:1.5em;}
.tech-slogan strong.tit{display:block;font-size:3rem;margin-top: 1rem;}

.tech-test-result2{padding:7.5rem 0}
.tech-test-result2 h3 {text-align:center;margin-bottom:6.5rem;}
.tech-test-result2 h3 span{display:inline-block;background:#424242;color:#fff;font-size:2.8rem;font-weight:700;min-width:266px;padding:11px 2.5rem;}
.tech-test-result2 .info{display:flex;max-width:1160px;margin:0 auto}
.tech-test-result2 .info .img{margin-right:4.5rem;}
.tech-test-result2 .info .img ul{display:flex;margin:0 -1.4rem 1.5rem}
.tech-test-result2 .info .img ul li{margin:0 1.4rem;max-width:21rem;}
.tech-test-result2 .info .img img{}
.tech-test-result2 .info .img .legend{display:block;font-size:1.7rem;text-align:center}
.tech-test-result2 .info .img .legend strong{display:block;margin-bottom:.5rem;}
.tech-test-result2 .info .img .legend span{display:block;}
.tech-test-result2 .info .cont{margin-left: auto;}
.tech-test-result2 .info .cont dl{margin-bottom:2rem;;font-size:1.7rem;}
.tech-test-result2 .info .cont dl dt{margin-bottom: .5rem;font-weight:700}
.tech-test-result2 .info .cont dl dd ul{}
.tech-test-result2 .info .cont dl dd ul li{padding:1px 0;letter-spacing: -0.06em;line-height:1.5em;}
.tech-test-result2 .info .cont dl dd ul.dl-style li{display:flex;}
.tech-test-result2 .info .cont dl dd ul.dl-style li .tit{white-space:nowrap}

.tech-bcast-info{padding:7rem 0 11.8rem}

.tech-donation{padding:7rem 0}
.tech-donation h3{margin-bottom:4rem;color:#4D71CD}
.tech-donation .tech-donation-cont{max-width:1085px;margin:0 auto}
.tech-donation .img-list ul{display:flex;justify-content:center;margin-bottom:5rem}
.tech-donation .img-list li img{max-width:26.6rem;margin:3.5px;}

.tech-donation dl {position:relative;padding-right: 260px;}
.tech-donation dl dt{color:#363636;font-size:2.2rem;font-weight:700;margin-bottom: 1.5rem;letter-spacing: -0.05em;}
.tech-donation dl ul li{font-size:1.8rem;padding:2px 0;line-height:1.7em;}
.tech-donation dl:after{content:"";display:inline-block;position:absolute;bottom:0;right:0;width:240px;height:240px;background:url('../img/page/ic-dnt.svg') center center no-repeat;}

.expert-box{padding:11rem 0 14rem;}
.expert-box h3{text-align:center}
.expert-box h3 > span{display:inline-block;background:#424242;color:#fff;font-size:2.8rem;font-weight:700;min-width:266px;padding:17px 2.5rem;}
.expert-box .img{padding:4.5rem 0 5.2rem;text-align:center}
.expert-box .talk-list{display:flex;flex-wrap:wrap;justify-content:center}
.expert-box .talk-list .item{background:#fff;color:#666666;border-radius: 10px;width:29rem;padding:3rem;margin:4.5px;}
.expert-box .talk-list .item .writer{display:flex;margin-bottom:1.7rem}
.expert-box .talk-list .item .writer .name{font-size:1.7rem;font-weight:700;line-height:1.5em;letter-spacing: -0.05em;}
.expert-box .talk-list .item .writer .img-prf{margin-left: auto;}
.expert-box .talk-list .item .cont{line-height:1.6em;}

.sector-box1{padding:7rem 0;text-align:center}
.sector-box1 .tit1{margin-bottom: 3.5rem;}

.sector-box2{padding:7rem 0;text-align:center}
.sector-box2 .dl-txt{margin-top:4.7rem ;}
.sector-box2 .care-list{margin:2.5rem auto 0;max-width:75rem}
.sector-box2 .care-list:nth-child(1){line-height:90px}

.sector-box3{padding:6rem 0;text-align:center}
.sector-box3 .care-list{padding-top:.5rem ;}

.img-svg{margin:3rem 0 3.5rem}


.dl-txt{color:#fff;margin-bottom:3.1rem;}
.dl-txt dt{margin-bottom: 1rem;font-weight:700;font-size:1.8rem;line-height:1.5em}
.dl-txt dd{line-height:1.5em;font-size:1.7rem;}

.dl-dash-ctg{margin-bottom:3.5rem;}
.dl-dash-ctg dt{margin-bottom: 1.8rem;}
.dl-dash-ctg dt span{display:inline-block;min-width:23.4rem;padding:.6rem 1.5rem;border: 1px dashed #FFFFFF;font-size:1.7rem;font-weight:700}


.care-list{display:flex;justify-content:center;flex-wrap:wrap}
.care-list li{width:105px;margin:1.1rem 1rem;text-align:center}
.care-list li .icp{display:block;width:100px;height:100px;background-color:#fff;background-repeat:no-repeat;background-position:center center;border-radius:100%;text-align:center;line-height:100px}
.care-list li strong{display:block;margin-top:.7rem;font-weight:400;letter-spacing:-0.05em}

.care-list .icp1-1{background-image:url('../img/page/ic-sct1-1.svg');}
.care-list .icp1-2{background-image:url('../img/page/ic-sct1-2.svg');}
.care-list .icp1-3{background-image:url('../img/page/ic-sct1-3.svg');}
.care-list .icp1-4{background-image:url('../img/page/ic-sct1-4.svg');}
.care-list .icp1-5{background-image:url('../img/page/ic-sct1-5.svg');}
.care-list .icp1-6{background-image:url('../img/page/ic-sct1-6.svg');}
.care-list .icp1-7{background-image:url('../img/page/ic-sct1-7.svg');}
.care-list .icp1-8{background-image:url('../img/page/ic-sct1-8.svg');}
.care-list .icp1-9{background-image:url('../img/page/ic-sct1-9.svg');}

.care-list .icp2-1{background-image:url('../img/page/ic-sct2-1.svg');}
.care-list .icp2-2{background-image:url('../img/page/ic-sct2-2.svg');}
.care-list .icp2-3{background-image:url('../img/page/ic-sct2-3.svg');}
.care-list .icp2-4{background-image:url('../img/page/ic-sct2-4.svg');}
.care-list .icp2-5{background-image:url('../img/page/ic-sct2-5.svg');}
.care-list .icp2-6{background-image:url('../img/page/ic-sct2-6.svg');}
.care-list .icp2-7{background-image:url('../img/page/ic-sct2-7.svg');}
.care-list .icp2-8{background-image:url('../img/page/ic-sct2-8.svg');}
.care-list .icp2-9{background-image:url('../img/page/ic-sct2-9.svg');}

.care-list .icp3-1{background-image:url('../img/page/ic-sct3-1.svg');}
.care-list .icp3-2{background-image:url('../img/page/ic-sct3-2.svg');}
.care-list .icp3-3{background-image:url('../img/page/ic-sct3-3.svg');}
.care-list .icp3-4{background-image:url('../img/page/ic-sct3-4.svg');}
.care-list .icp3-5{background-image:url('../img/page/ic-sct3-5.svg');}
.care-list .icp3-6{background-image:url('../img/page/ic-sct3-6.svg');}

.care-list .icp3-7{background-image:url('../img/page/ic-sct3-7.svg');}
.care-list .icp3-8{background-image:url('../img/page/ic-sct3-8.svg');}
.care-list .icp3-9{background-image:url('../img/page/ic-sct3-9.svg');}
.care-list .icp3-10{background-image:url('../img/page/ic-sct3-10.svg');}
.care-list .icp3-11{background-image:url('../img/page/ic-sct3-11.svg');}
.care-list .icp3-12{background-image:url('../img/page/ic-sct3-12.svg');}


.care-list .icp4-1{background-image:url('../img/page/ic-sct4-1.svg');}
.care-list .icp4-2{background-image:url('../img/page/ic-sct4-2.svg');}
.care-list .icp4-3{background-image:url('../img/page/ic-sct4-3.svg');}
.care-list .icp4-4{background-image:url('../img/page/ic-sct4-4.svg');}
.care-list .icp4-5{background-image:url('../img/page/ic-sct4-5.svg');}



.care-list .icp5-1{background-image:url('../img/page/ic-sct5-1.svg');}
.care-list .icp5-2{background-image:url('../img/page/ic-sct5-2.svg');}
.care-list .icp5-3{background-image:url('../img/page/ic-sct5-3.svg');}
.care-list .icp5-4{background-image:url('../img/page/ic-sct5-4.svg');}
.care-list .icp5-5{background-image:url('../img/page/ic-sct5-5.svg');}


/* 기능성 신소재 기술 */
.tech-info{display:flex;justify-content:center;margin-bottom: 6.5rem;}
.tech-info dl{width:29rem;min-height:39.8rem;background: #648CF1;border-radius: 15px;padding:3.5rem 3.5rem 2.5rem;color:#fff;margin:0 9px;}
.tech-info dl:before{content:"";display:block;height:105px;margin-bottom: 22px;}
.tech-info dl dt{padding:1.5rem 0;text-align:center;border-top: 1px solid #FFFFFF;border-bottom: 1px solid #FFFFFF;font-size:2rem;line-height:1.3em;font-weight:700}
.tech-info dl dt .eng{display:block;font-size:1.7rem;white-space:nowrap;font-weight:350}
.tech-info dl dt .at{display:block;font-size:1.8rem;font-weight: 700;}
.tech-info dl dd{padding-top:1.5rem;text-align:center;letter-spacing: -0.05em;line-height:1.5em;}
.tech-info dl:nth-child(2){background-color:#FF7D7D;}
.tech-info dl:nth-child(3){background-color:#12B8C2;}
.tech-info dl:nth-child(1):before{background:url('../img/page/ic-sani1.svg') center center no-repeat;}
.tech-info dl:nth-child(2):before{background:url('../img/page/ic-sani2.svg') center center no-repeat;}
.tech-info dl:nth-child(3):before{background:url('../img/page/ic-sani3.svg') center center no-repeat;}

.sanicoat-box .img{margin:0 auto 13.2rem;text-align:center}

.sanicoat-ctg ul{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:7px;}
.sanicoat-ctg ul li{width:186px;height:186px;border:1.18753px solid #D9D9D9;margin:15px 7px;text-align:center;}
.sanicoat-ctg ul li .icp{display:block;width:94px;height:94px;margin:1.8rem auto 1rem; background-repeat:no-repeat;background-position:center center;}
.sanicoat-ctg ul li strong{display:block;font-weight:500}
.sanicoat-ctg ul li:nth-child(odd){background:#fff;color:#4D71CD}

.sanicoat-ctg ul li .icp1{background-image:url('../img/page/ic-snc1.svg');}
.sanicoat-ctg ul li .icp2{background-image:url('../img/page/ic-snc2.svg');}
.sanicoat-ctg ul li .icp3{background-image:url('../img/page/ic-snc3.svg');}
.sanicoat-ctg ul li .icp4{background-image:url('../img/page/ic-snc4.svg');}
.sanicoat-ctg ul li .icp5{background-image:url('../img/page/ic-snc5.svg');}
.sanicoat-ctg ul li .icp6{background-image:url('../img/page/ic-snc6.svg');}
.sanicoat-ctg ul li .icp7{background-image:url('../img/page/ic-snc7.svg');}
.sanicoat-ctg ul li .icp8{background-image:url('../img/page/ic-snc8.svg');}
.sanicoat-ctg ul li .icp9{background-image:url('../img/page/ic-snc9.svg');}
.sanicoat-ctg ul li .icp10{background-image:url('../img/page/ic-snc10.svg');}
.sanicoat-ctg ul li .icp11{background-image:url('../img/page/ic-snc11.svg');}

.sanicoat-section1{padding:0rem 0 8rem;margin-top: 14rem;}
.sanicoat-section2{padding:0 0 7.8rem;}


.box-border{display:flex;background:#fff;border:1px solid #D2D2D2;padding:15px;max-width:1058px;margin:0 auto;align-items:center}
.box-border .box-img{position:relative;display:block;width:31%;margin-bottom:auto;}
.box-border .box-img .img{display:inline-block;}
.box-border .box-img .txt{display:block;background:#848484;color:#fff;padding:16.5px 10px;margin-top:7px;text-align:center}
.box-border .box-img .txt.blue{background:#4D71CD;}
.box-border .ic-arrow{margin:0rem 12px 5rem;flex-shrink:0}
.box-border .right{margin-left:34px;max-width:275px;width:30%;}
.box-border .right{margin-bottom:auto;}

.box-border-md{display:flex;align-items:center;background:#fff;border:1px solid #D2D2D2;max-width:604px;margin:0 auto;padding:12px 13px;}
.box-border-md .ic-arrow{margin:0 7px;}

.tmax-section1{padding:5rem 0 7rem;margin-top:5rem;}

.box-border2{background:#fff;border: 1px solid #D2D2D2;padding:1.5rem 1.2rem;margin:1.2rem auto 0;max-width:1108px;}

.sanicoat-section3{padding-bottom:6.5rem;}
.sanicoat-section3 .box-border2 {display:flex;}
.sanicoat-section3 .box-border2 .top{color:#4D71CD;line-height:1.4em;text-align:center;margin-bottom:1.2rem;}
.sanicoat-section3 .box-border2 .top span{display:block;}

.sanicoat-section3 .box-border2 .left ul{display:flex;margin-left:-8px;;}
.sanicoat-section3 .box-border2 .left ul li{max-width:170px;margin:0px 8px 0;}
.sanicoat-section3 .box-border2 .left ul li strong{display:block;padding:16.5px 10px;margin-top:.8rem;background:#848484;color:#fff;text-align:center;font-size:1.7rem;font-weight:400}
.sanicoat-section3 .box-border2 .left ul li strong.blue{background: #4D71CD;font-weight:700}
.sanicoat-section3 .box-border2 .right{margin-left: auto;}
.sanicoat-section3 .box-border2 .right dt{padding:13px 10px;margin-bottom:1.5rem;background:#4D71CD;color:#fff;text-align:center;font-weight:700;font-size:1.7rem}

.sanicoat-section4{padding:3rem 0 10rem}
.sanicoat-section4 .box-border2 dt{background:#4D71CD;color:#ffff;font-size:1.7rem;font-weight:700;text-align:center;padding:12.5px 10px;margin-bottom:3rem;}

.sanicoat-section4 .box-border2 dl:nth-child(1){margin-bottom: 5rem;}
.sanicoat-section4 .box-border2 dl:nth-child(1) dd{display:flex;justify-content:center;}
.sanicoat-section4 .box-border2 dl:nth-child(1) dd .img:nth-child(1){margin-right:3.6rem;}
.sanicoat-section4 .box-border2 dl:nth-child(2) dd ul{display:flex;justify-content:center;margin-bottom: 1.6rem;}
.sanicoat-section4 .box-border2 dl:nth-child(2) dd ul li{width:162px;margin:0 12px;}

.sanicoat-section5{position:relative;padding:3.6rem 0 0rem;z-index:0}
.sanicoat-section5:before{content:"";display:block;width:100%;height:37.9%;background:#444444;position:absolute;bottom:0;left:0;z-index:1}
.sanicoat-section5 h3{text-align:center}
.sanicoat-section5 h3 span{display:inline-block;min-width:150px;background:#4D71CD;color:#fff;font-size:2.6rem;padding:1.0rem 4rem 1.2rem;font-weight:700}
.sanicoat-section5 .info{text-align:center;padding:1.5rem 0 0}
.sanicoat-section5 .img{position:relative;z-index:3;border: 1px solid #FFFFFF;display:inline-block;padding:7px;margin:0 auto}
.sanicoat-section5 .cont {display:block;text-align:center;color:#fff;position:relative;z-index:10;margin-top:1.5rem;padding-bottom:5rem;}
.sanicoat-section5 .cont p{font-size:1.7rem}
.sanicoat-section5 .cont strong{font-size:3rem;display:block;margin-top:1.5rem;}

.sanicoat-section6{padding:11.1rem 0 12.8rem;}

.sanicoat-section7{padding:11.1rem 0 12.8rem;margin-bottom:-15rem;}

.top-section{padding:5rem 0 2.5rem;}
.top-section .txt{text-align:center;font-size:1.7rem}

.tmax-section1 .tmax-box{display:flex;max-width:800px;margin:1rem auto 0;align-items:center}
.tmax-section1 .cont dl{margin-bottom:3rem;}
.tmax-section1 .cont dt{margin-bottom:1rem;font-weight:700;font-size:1.7rem}
.tmax-section1 .cont dd ul{}
.tmax-section1 .cont dd ul li{position:relative;padding-left:1rem;margin:7px 0}
.tmax-section1 .cont dd ul li:before{content:"·";position:absolute;top:0px;left:0;}
.tmax-section1 .img{display:block;margin-left: auto;width:63.8%;border:1px solid #D9D9D9}

.tmax-section2{padding:8rem 0 11rem}
.tmax-section2 h3{margin-bottom: 4.5rem;}
.tmax-section2 dl{display:flex;font-size:1.7rem;max-width:885px;margin:0 auto;align-items:center}
.tmax-section2 dl dt{letter-spacing: -0.06em;}
.tmax-section2 dl dd{margin-left: auto;padding-left:6rem;background:url('../img/page/ic-arrow-next.svg') 0 center no-repeat;}
.tmax-section2 dl dd img{max-width:430px;}

.tmax-section3 .bg-gray-wide{padding:4rem 0}
.tmax-section3 .tmax-condition{display:flex;max-width:842px;margin:0 auto;}
.tmax-section3 .tmax-condition .img{display:inline-block;position:relative;}
.tmax-section3 .tmax-condition .img .txt{position:absolute;bottom:20px;left:0;color:#fff;text-align:center;font-size:1.7rem;font-weight:700;width:100%}
.tmax-section3 .tmax-condition ul{display:flex;flex-wrap:wrap;margin-left:auto;background:#fff;} 
.tmax-section3 .tmax-condition ul li{width:25.5rem;height:16.4rem;margin:0.5px;background:#FF7D7D;color:#fff;vertical-align:middle;text-align:center} 
.tmax-section3 .tmax-condition ul li:nth-child(2){background:#4D71CD;}
.tmax-section3 .tmax-condition ul li:nth-child(3){background:#00C9D6;margin-top:0;}
.tmax-section3 .tmax-condition ul li:nth-child(4){background:#ffffff;color:#666666;margin-top:0;}
.tmax-section3 .tmax-condition ul li .icp{display:inline-block;height:75px;width:100%;margin:3rem 0 2rem;background-repeat:no-repeat;background-position:center center;}
.tmax-section3 .tmax-condition ul li .txt{display:inline-block;text-align:center;font-size:1.7rem;letter-spacing: -0.06em;}
.tmax-section3 .tmax-condition ul li .txt .up{font-size:8px;vertical-align:top}
.tmax-section3 .tmax-condition ul li:nth-child(1) .icp{background-image:url('../img/page/ic-tmax1.svg') ;}
.tmax-section3 .tmax-condition ul li:nth-child(2) .icp{background-image:url('../img/page/ic-tmax2.svg') ;}
.tmax-section3 .tmax-condition ul li:nth-child(3) .icp{background-image:url('../img/page/ic-tmax3.svg') ;}
.tmax-section3 .tmax-condition ul li:nth-child(4) .icp{background-image:url('../img/page/ic-tmax4.svg') ;}

.tmax-section4{display:flex;margin:12.2rem auto 11.5rem ;}
.tmax-section4 .tit1{color:#666666}
.tmax-section4 .left{width:46.5%;}
.tmax-section4 .left .chart2 td{padding-top:2.1rem;padding-bottom:2.1rem;letter-spacing:-0.07em;}
.tmax-section4 .right{margin-left: auto;padding-left:15px;;}
.tmax-section4 .right .tmax-result{display:flex}
.tmax-section4 .right .chart2{max-width:439px;margin:0 1rem 0 1.7rem;}
.tmax-section4 .right .chart2 td{padding-top:2.75rem;padding-bottom:2.78rem;}
.tmax-section4 .right dl{background:#324883;width:17.9rem;text-align:center;color:#fff;padding:0 3rem;font-size:1.8rem;}
.tmax-section4 .right dl dt{padding:2.6rem 0;border-bottom:1px solid #fff;}
.tmax-section4 .right dl dd{padding-top:2rem;}
.tmax-section4 .right dl dd ul{margin-top:2rem;;}
.tmax-section4 .right dl dd ul li{padding:2px 0;}
.tmax-section4 .right dl dd ul li span{display:inline-block;position:relative;padding-left: 1rem;line-height:1.5em;}
.tmax-section4 .right dl dd ul li span:before{content:"·";position:absolute;top:0;left:0;}

.tmax-section5{padding:7rem 0 10rem;margin-bottom:-15rem;}
.tmax-section5 .tit1{margin-bottom: 4rem;color:#fff}
.tmax-section5 .tech-info {margin-bottom:0;}
.tmax-section5 .tech-info dt{border-bottom:none;letter-spacing:-0.08em}
.tmax-section5 .tech-info dd{padding-top: 0;}
.tmax-section5 .tech-info dl{min-height:33.8rem}
.tmax-section5 .tech-info dl:before{height:116px;margin-bottom: 1.7rem;}
.tmax-section5 .tech-info dl:nth-child(1):before{background:url('../img/page/ic-tmax-tech1.svg') center center no-repeat;}
.tmax-section5 .tech-info dl:nth-child(2):before{background:url('../img/page/ic-tmax-tech2.svg') center center no-repeat;}
.tmax-section5 .tech-info dl:nth-child(3):before{background:url('../img/page/ic-tmax-tech3.svg') center center no-repeat;}


/* 특허인증*/
.ctf-list h3{font-size:2.9rem;color:#464646;text-align:center}
.ctf-list .bg-gray-wide{padding-top:5rem;padding-bottom:5rem;margin-bottom:8rem;}
.ctf-list dl{padding:4rem 0;}
.ctf-list dt{text-align:center;margin-bottom: 5px;}
.ctf-list dt span{display:inline-block;background:#424242;color:#fff;font-size:2.8rem;font-weight:700;min-width:266px;padding:11px 15px;}


/* 준비중 */
.ready-box{padding:50px 0;text-align:center;}
.ready-box strong{display:inline-block;padding:10px 30px;margin-bottom:63px;;background:#D80A46;color:#fff;font-size:2.1rem;font-weight:500}
.ready-box .img {display:block;margin-bottom:50px;}

/* 제품문의 */
.inquiry_box{margin-top:90px; margin: 0 auto;width:68%;}
.inquiry_input_box{margin-top:20px;margin-bottom:33px;;border-top:2px solid #5D80DE}
.inquiry_input_box .inp{border:1px solid #e0e0e0;height:42px;line-height:42px;vertical-align:middle;font-size:1.5rem;text-indent:15px;box-sizing:border-box;color:#666666}
.inquiry_input_box .inp_area{border:1px solid #e0e0e0;height:245px;width:100%;padding:15px;line-height:1.4em;font-size:1.5rem;box-sizing:border-box;border-radius:0;color:#666666}
.inquiry_input_box .inp_tel{width:30%;;}
.inquiry_input_box .inp_wide{width:100%;}
.inquiry_input_box .inp_email{width:30%;}
.inquiry_input_box .inp_name{width:30%;}
.inquiry_input_box .space{margin:0 5px;font-weight:300}
.inquiry_input_box .select{border:1px solid #e0e0e0;padding:1px;height:42px;line-height:42px;min-width:180px;vertical-align:middle;box-sizing:border-box;color:#666666;font-size:1.5rem}
.inquiry_input_box .select_type{min-width:200px;}
.inquiry_input_box table{width:100%;border-collapse:collapse;border-bottom:1px solid #E7E7E7;}
.inquiry_input_box table th{width:100px;padding-left:12px;;font-size:1.6rem;color:#666666;background:#fff;font-weight:400;text-align:left;border-bottom:1px solid #E7E7E7;vertical-align:middle}
.inquiry_input_box table td{padding:20px 20px 20px 30px;background: #fff;border-bottom:1px solid #E7E7E7;}
.inquiry_input_box table th.vtop{vertical-align:top;padding-top:25px;}
.inquiry_box .btn_send{text-align:center;}
.inquiry_box .btn_send a{display:inline-block;width:167px;height:56px;line-height:56px;vertical-align:middle;background:#466DD3;color:#fff;border-radius:30px;}
.inquiry_box .btn_send a:before{content:"";display:inline-block;width:25px;height:20px;margin-right:10px;margin-top: -5px;;vertical-align:middle;;background:url('../img/page/ic-talk.svg') 0 0 no-repeat;}
.inquiry_box .btn_send a:hover{background:#2F4D9D;}




/*인사말*/
.intro-box{padding:5rem 0rem;max-width:1124px;margin:0 auto}
.intro-box:after{content:"";display:block;clear:both}
.intro-box .intro-img{float:left;max-width:46.5rem;}
.intro-box .intro-cont{float:right;max-width:59rem;line-height:2em;padding-top:1.5rem;}
.intro-box .intro-cont p{margin-bottom:2.2rem;letter-spacing: -0.07em;}
.intro-box .intro-cont .sign{padding-top:2rem;font-size:1.7rem;}
.intro-box .intro-cont .sign strong{font-size:2rem}
.intro-box .intro-cont .sign  img{max-width:124px;vertical-align:middle;margin-left:2rem;}

/*사업분야*/
.bsn-box .bsn-group2{padding:11.4rem 0 16.3rem;text-align:center;background:url('../img/page/img-bsn2-bg.jpg') center 0 no-repeat;background-size:cover;}
.bsn-box .bsn-group2 img{max-width:87.4rem}
.bsn-box .bsn-group3{padding:8.3rem 0 8rem;text-align:center;background:#20356F url('../img/page/img-bsn3-bg.jpg') center 0 no-repeat;background-size:100% auto;}
.bsn-box .bsn-group3 .ptop2{color:#fff;margin-bottom:19%;font-size:1.7rem;}
.bsn-box .bsn-group3 .ptop2 strong{display:block;font-size:3rem;}
.bsn-box .bsn-group3 .bsn-ctf{display:flex;align-items:center;justify-content: center;}
.bsn-box .bsn-group3 dl{;background: #fff;color:#2F4D9D;margin:0 1.2rem;min-width:342px;padding:3rem;min-height:46.5rem;box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);}
.bsn-box .bsn-group3 dl dt:before{content:"";display:block;width:162px;height:162px;border-radius:100%;background-color:#2F4D9D;background-repeat:no-repeat;background-position:center center;margin:0 auto 20px}
.bsn-box .bsn-group3 dl dt{border-bottom:1px solid #7191E5;padding-bottom: 1rem;margin-bottom: 1.5rem;font-size:2rem;font-weight: 700;}
.bsn-box .bsn-group3 dl dt .cnt{display:block;font-size:2.8rem;font-weight:400;padding-top: 1rem;}
.bsn-box .bsn-group3 dl dt .cnt strong{font-size:4.2rem;font-family: 'Gmarket Sans';}
.bsn-box .bsn-group3 dl dd{font-size:1.7rem;}
.bsn-box .bsn-group3 dl dd li{padding:3px 0;}
.bsn-box .bsn-group3 dl dd li .dot:before{content:"·";display:inline-block;margin-right:0.5rem;;}
.bsn-box .bsn-group3 dl:nth-child(1) dt:before{background-image:url('../img/page/ic-bsn-ctf1.svg');}
.bsn-box .bsn-group3 dl:nth-child(2) dt:before{background-image:url('../img/page/ic-bsn-ctf2.svg');}
.bsn-box .bsn-group3 dl:nth-child(3) dt:before{background-image:url('../img/page/ic-bsn-ctf3.svg');}


/*회사연혁*/
.history-box .img{max-width:1476px;text-align:center;margin:0 auto}

.history-list-group{max-width:980px;margin:0 auto}
.history-list-group h3{text-align:center;position:relative;bottom:-19px}
.history-list-group h3 span{display:inline-block;height:38px;line-height:38px;background: #2F4D9D;padding:0 15px;border-radius: 30px;color:#fff}
.history-list-group .cont{display:flex;padding:4rem;border: 1px dashed #D9D9D9;border-radius: 15px;}
.history-list-group .cont .history-list:nth-child(1){margin-right:5.5rem;}
.history-list-group .cont .history-list dl{display:flex;font-size:1.7rem;padding:1rem 0;align-items:flex-start}
.history-list-group .cont .history-list dl dt{flex-shrink:0;width:45px;padding-top:2px;font-size:1.7rem;color:#5571A8;font-family: 'Gmarket Sans';font-weight:700;margin-right: 1.4rem;}
.history-list-group .cont .history-list dl dd  li{padding-bottom: 4px;color:#3A3A3A}


/*주요고객사*/
.ptn-cont{margin-top:5rem;background:url('../img/page/img-ptn-bg.png') center 0 no-repeat; background-size:75% auto;}
.pnt-top{padding:10.8rem 0 9.3rem;background-size:cover;}
.pnt-top dl{text-align:center;max-width:41rem;margin:0 auto;}
.pnt-top dl dt{padding-top:12.6rem;font-size:1.8rem;color:#2F4D9D;font-weight:500;background:url('../img/page/ic-ptn.svg') center 0 no-repeat;}
.pnt-top dl dd{margin-top: 1rem;padding:1.5rem;background: #2F4D9D;border-radius: 15px;color:#fff;font-size:2.2rem}

.ptn-list{padding:0 2.2rem;background:#fff;border-top:2px solid #3693FF;box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);border-radius: 0px 0px 20px 20px}
.ptn-list dl{display:flex;padding:2.2rem 0;border-bottom: 1px dashed #D7D7D7;align-items:center}
.ptn-list dl:last-child{border-bottom:none}
.ptn-list dl dt{width:126px;margin-left:3.5rem;flex-shrink:0;text-align:center;color:#606060;font-size:1.9rem;font-weight: 700;letter-spacing: -0.05em;}
.ptn-list dl dt:before{content:"";display:inline-block;background-color:#295BBB;background-repeat:no-repeat;background-position:center center;width:126px;height:126px;border-radius:100%;margin-bottom: 1rem;}
.ptn-list dl dd{padding-left:7.5rem;;}
.ptn-list dl dd ul{display:flex;flex-wrap:wrap;align-items:center}
.ptn-list dl dd ul li{padding:10px 0;margin-right:4rem;}
.ptn-list dl:nth-child(1) dd li{margin-right:4.5rem;}
.ptn-list dl:nth-child(4) dd li{margin-right:3rem;}
.ptn-list dl:nth-child(5) dd li:nth-child(3){margin-top: -28px;}
.ptn-list dl:nth-child(1) dt:before{background-image:url('../img/page/ic-ptn-s1.svg') }
.ptn-list dl:nth-child(2) dt:before{background-image:url('../img/page/ic-ptn-s2.svg') }
.ptn-list dl:nth-child(3) dt:before{background-image:url('../img/page/ic-ptn-s3.svg') }
.ptn-list dl:nth-child(4) dt:before{background-image:url('../img/page/ic-ptn-s4.svg') }
.ptn-list dl:nth-child(5) dt:before{background-image:url('../img/page/ic-ptn-s5.svg') }

/*찾아오시는길*/
.map-api{position:relative;padding-top:40.9%;width:100%;background:#efefef;margin-bottom:9px;}
.map-api #map{position:absolute !important;top:0;left:0;width:100%;height:100%}
.map-info{background:#f6f6f6;color: #474747;text-align:center;padding:2rem 2rem 3rem;}
.map-info dt{font-size:2rem;font-weight: 700;margin-bottom:2rem;;}
.map-info dd{font-size:1.7rem;}
.map-info dd ul{padding-top:.5rem;}
.map-info dd ul li{display:inline-block;padding:0 1rem;white-space:nowrap}



@media screen and (max-width:1920px) {
.rwd-max{position:relative;width:100%;margin:0 auto;}
}



@media screen and (max-width:1620px) {

#web-header nav .nav-box > ul{padding:0 120px}
.msection1 .both .left{padding-left:0;}
.sub-top h3{padding-top:13rem;}



}
@media screen and (max-width:1470px) {

.m-rwd{width:100%;margin:0 auto;}
.btn-top-move .rwd{position:relative;width:100%}

#web-header nav .nav-box{padding-right:6rem;;}

}


@media screen and (max-width:1320px) {
#web-header .header h1{left:20px;}
#web-header .lang{right:20px;}


.msection3 .rwd{width:100%}
.msection3 .bsn-list ul{margin:0 0%}
.msection3 .bsn-list ul li{width:32.3%;margin:0 0.5% 2rem;}
.msection3 dl dt{width:32.3%;margin:0 1% 0 0.5%;}
.msection3 dl dd{margin-right: 0.5%;}

.msection4 ul{padding:0}
}

@media screen and (max-width:1220px) {


.br {display:inline !important}
.rwd{width:100%;}
.bg-wide{margin-left:-20px;margin-right:-20px;padding-left:20px;padding-right:20px;}

#web-header .lang{top:10px;right:4rem}
#web-header .lang ul li{margin-left:20px;}
#web-header .lang ul li a{font-size:1.3rem}

#web-header nav .nav-box{padding-right:0rem;;}
#web-header nav .nav-box > ul{padding-right: 0;}
#web-header nav .nav-box > ul > li > a{margin:0 25px;padding-top:10px;}

footer{padding-left:2rem;padding-right:2rem;}
footer h2{position:static;top:inherit;left:inherit;display:inline-block;vertical-align:middle;margin-bottom:1.5rem;margin-right:2rem;}
footer .fcont{display:inline-block;padding-left:0rem;vertical-align:middle;padding-bottom:1rem;}

/* 메인 */

.main-container .rwd{padding-left:20px;padding-right:20px;;}
.main-visual .slogan{padding-left:2rem;padding-right: 2rem;}
.main-visual .slogan .tit{font-size:10rem}

.msection1 .prg{font-size:3.1rem}

/* 서브 */
.sub-top h3{padding-left: 20px;padding-top:13rem;}
.sub-content #content{padding-left:20px;padding-right: 20px;}
.sub-content #content.wide-full{padding-left: 0;padding-right: 0;}

.sub-location .depth02 ul li{min-width:150px;padding:0 15px;}
.sub-content .ptop.tech-ptop{margin-right:55%;}

.box-border .right{width:27%;}
.box-border .right table.chart2 th,
.box-border .right table.chart2 td{padding:9.5%  10px;}

.box-border2 .left{width:35%}
.box-border2 .right{width:65%}

.bsn-box .bsn-group3 dl{min-width:30%;margin-bottom: auto;min-height: 48.5rem}

/* 인사말 */
.intro-box{padding:0}
.intro-box .intro-img{width:45%;}
.intro-box .intro-cont{width:50%;padding-top:0;}

/* 제품문의 */
.inquiry_box{width:90%}
.inquiry_input_box .select{min-width:170px;}

.ptn-cont{background-size:160% auto;background-position:center 1%;margin-left:-2rem;margin-right: -2rem;padding-left:2rem;padding-right:2rem;}
}


@media screen and (max-width:1040px) {

#web-header nav .nav-box > ul > li > a{margin:0 15px;}

.tmax-section4{flex-direction:column;}
.tmax-section4 .left{width:100%;margin-bottom:5rem;max-width:100%}
.tmax-section4 .right{width:100%;padding-left: 0;margin-left:}
.tmax-section4 .right .chart2{max-width:inherit}
.tmax-section4 .right .chart2{margin-left: 0;}
.tmax-section4 .right dl{margin-top: 2rem;}



}


@media screen and (max-width:960px) {

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

#web-header .header h1 img{width:120px}
#web-header nav .nav-box{max-width:100%;padding-right:1.5rem;}
#web-header nav .nav-box > ul{padding:0;}
#web-header nav .nav-box > ul > li{margin:0;padding-left:2.5rem;}
#web-header nav .nav-box > ul > li > a{margin:0 2.2rem;}


footer{text-align:center;padding:4rem 2rem;}
footer .fcont{padding-left:0;padding-top: 2rem;}

/* 메인 */
.main_visual .slogan .img{display:block;position:absolute;width:100%;height:100%;background-size:cover;}

.msection2 h3{font-size:18.5rem}
.msection2 h4{font-size:2.8rem;}
.msection2 p{font-size:2rem}

.msection2 ul li{width:50%;margin-bottom:3rem;}
.msection2 ul li .icon{width:200px;height:200px}


.msection3 .bx a{font-size:3.3rem}
.msection3 .bx a .stx{font-size:1.8rem}
.msection3 .prg .br{display:inline-block;}
.msection3 .bsn-list ul li{width:49%}

.mtit{font-size:6.4rem;}

.btn-md{display:inline-block;min-width:146px;height:49px;line-height:45px;font-size:2.3rem}

/* 서브레이웃 */
.sub-location .depth02 .wb_show ul li{min-width:150px}

.sub-top{height:205px;}
.sub-top h3{padding-top:7rem;}

.sub-content #content{padding-top: 50px;}


/* 공통 */
.full-bottom{margin-bottom:-17rem;}


.prd-info .img{padding-right:5rem;}

.smy-box .img{padding-right:5rem;}
.smy-box .img  img{width:calc(100%/1.2);}
.prd-info .img img{width:calc(100%/1.2);}

.box-border{flex-wrap:wrap;justify-content:center}
.box-border .right{width:100%;margin-left:0;margin-top:3rem;}

.tmax-section3 .tmax-condition{padding:0 2rem}
.tmax-section3 .tmax-condition .img{width:40%}
.tmax-section3 .tmax-condition ul li{display:flex;flex-direction:column;justify-content:center;align-items:center;width:50%;height:auto;margin:0}
.tmax-section3 .tmax-condition ul li .icp{margin-top: 0;}

.prd-sect2-pt ul{flex-wrap:wrap}
.prd-sect2-pt ul li{margin-bottom: 2rem;}

.tech-donation .img-list ul{flex-wrap:wrap;}

.ptn-list dl:nth-child(5) dd li:nth-child(3){margin-top:0}

.prd-tab1 .smy-box .img{width:51.2%}
.prd-tab1 .smy-box .cont{width:48.8%}

.prd-tab1 .prd-info .img{width:46.8%}
.prd-tab1 .prd-info .cont{width:53.2%}

.prd-tab2 .smy-box .img,
.prd-tab2 .prd-info .img{width:50.3%}
.prd-tab2 .smy-box .cont,
.prd-tab2 .prd-info .cont{width:49.7%}


.prd-tab3 .smy-box .img,
.prd-tab3 .prd-info .img{width:47.8%}
.prd-tab3 .smy-box .cont,
.prd-tab3 .prd-info .cont{width:52.2%}


.prd-tab4 .smy-box .img,
.prd-tab4 .prd-info .img{width:47.8%}
.prd-tab4 .smy-box .cont,
.prd-tab4 .prd-info .cont{width:52.2%}

.prd-tab5 .smy-box .img,
.prd-tab5 .prd-info .img{width:46%}
.prd-tab5 .smy-box .cont,
.prd-tab5 .prd-info .cont{width:54%}


}


@media screen and (max-width:820px) {

#web-header nav .nav-box{padding-right:1.5rem;}
#web-header nav .nav-box > ul > li{padding-left:0rem;}
#web-header nav .nav-box > ul > li > a{margin:0 2.5rem;}


.bsn-box .bsn-group2 img{max-width:80%}

.box-border2{flex-wrap:wrap;justify-content:center}
.box-border2 .left{width:100%}
.box-border2 .left ul{justify-content:center}
.box-border2 .right{margin-top:5rem;width:100%}

}


/* 모바일 가로, 테블릿 세로 (해상도 480px ~ 767px)*/
@media all and (max-width:767px) {
/* 컨텐츠 공통 */
body{font-size:9px}

.wb_show{display:none;}
.mb_show{display:block;}


/* 레이아웃 */
#web-header nav > ul .smenu{padding-top:30px}
#web-header nav > ul .smenu li{font-size:1.6rem;letter-spacing:-0.08em}


#web-header{display:none;}
#mobile-header{display:block;}


#mobile-header{position:fixed;top:0;left:0;width:100%;z-index:1000;background:#fff;}
#mobile-header.nav_on_wrap{background:#000000;}
#mobile-header h1{text-align:center;padding:10px 0 0;height:60px;}
#mobile-header h1 img{width:40px;}
#mobile-header .btn-menu-open{position:absolute;top:20px;left:20px;}
#mobile-header .btn-menu-open{position:absolute;top:20px;left:10px}
#mobile-header .btn-menu-open .allmenu {display:block; width:28px; height:2px; background:#333; transition:all .4s}
#mobile-header .btn-menu-open::before {content:''; display:block; width:28px; height:2px; margin-bottom:6px; background:#333; transition:all .4s}
#mobile-header .btn-menu-open::after {content:''; display:block; width:28px; height:2px; margin-top:6px; background:#333; transition:all .4s}


#mobile-header .btn-menu-close .allmenu{display:block; width:28px; height:2px; background:#fff; transition:all .4s}
#mobile-header .btn-menu-close .allmenu {opacity:0}
#mobile-header .btn-menu-close::before {content:''; display:block; width:28px; height:2px; margin-bottom:8px; background:#fff;  margin-bottom:8px; transform:translateY(10px) rotate(-45deg); -webkit-transform:translateY(10px) rotate(-45deg);transition:all .4s}
#mobile-header .btn-menu-close::after {content:''; display:block; width:28px; height:2px; margin-top:8px; background:#fff; transform : translateY(-10px) rotate(45deg); -webkit-transform:translateY(-10px) rotate(45deg);transition:all .4s}

#mobile-header .btn-menu-close{position:absolute;left:10px;top:20px;border:none;width:28px;height:28px;padding:0;cursor:pointer;z-index:8000;transition:all 1s;}

#mobile-header .mobile-nav{position:fixed;top:60px;z-index:2000;width:100%;height:0;background-color:transparent;content:'';transition:all .3s}
#mobile-header .mobile-nav .nav{width:100%;height:100%;background:#fff;}



#mobile-header .mobile-nav.nav-on{width:100%;height:100%;}
#mobile-header .mobile-nav.nav-on .nav .nav-box{height:100%;overflow-y:scroll;box-sizing:border-box}
#mobile-header .nav-box{height:100%;overflow-y:hidden;box-sizing:border-box}

#mobile-header .nav-box > ul{padding:0; float:none;}
#mobile-header .nav-box > ul li {float:none; width:auto !important; border-bottom:1px solid #ededed; margin-left:0;}
#mobile-header .nav-box > ul li a {text-align:left; height:auto; padding:15px 15px; font-size:14px; line-height:24px; display:block; text-decoration:none !important; transition : none; -webkit-transition : none;color:#000000}
#mobile-header .nav-box > ul > li.active > a,
#mobile-header .nav-box > ul > li > a.ov,
#mobile-header .nav-box > ul > li > a.on{color:#2E53B4;font-weight:600} 
#mobile-header .nav-box > ul > li .smenu{display:none; position:relative; padding:8px 0; width:auto; border:0; right:auto; height:auto;background:#eee;border-top:1px solid #ececec;transition:none;-webkit-transition:none;}
#mobile-header .nav-box > ul > li ul li {position:relative;margin:0 !important; padding:0 !important;border-bottom:0;}
#mobile-header .nav-box > ul > li ul li:first-child {border-top:0;}
#mobile-header .nav-box > ul > li ul li a {background:none; display:block; color:#333333; height:auto; padding:8px 15px 8px 25px; line-height:22px; }
#mobile-header .nav-box > ul > li ul li.active > a,
#mobile-header .nav-box > ul > li ul li > a.ov,
#mobile-header .nav-box > ul > li ul li > a.on{color:#2E53B4}
#mobile-header .nav-box > ul > li.active > div{display:block;}
#mobile-header .nav-box > ul > li ul li ul{border-top:none;}
#mobile-header .nav-box > ul > li ul li ul li.active a{padding:2px 0 2px 50px;}
#mobile-header .nav-box > ul > li .smenu .smenu{padding-left:10px;padding-top:4px;padding-bottom:4px;border-top:none;}
#mobile-header .nav-box > ul > li .smenu .smenu li:before{content:"";display:block;width:2px;height:2px;background:#666;position:absolute;top:13px;left:15px;}
#mobile-header .nav-box > ul > li .smenu .smenu .smenu li:before{content:"";display:block;width:5px;height:1px;background:#666;position:absolute;top:13px;left:15px;}
#mobile-header .nav-box > ul > li .smenu .smenu li a{padding:4px 15px 4px 30px;font-size:15px}
#mobile-header .nav-box > ul > li .smenu .smenu li .smenu a{padding:4px 15px 4px 30px;font-size:14px}
#mobile-header .nav-box > ul > li.active > div li.active > div{display:block;}

#mobile-header .nav-box > ul{padding-bottom:15px}
#mobile-header .copyright{padding-left:15px;padding-right: 10px;line-height:1.7em;font-size:1.3rem;word-break:break-word}
#mobile-header .nav-box .flogo{padding:15px;}
#mobile-header .nav-box .flogo img{width:70px}

#mobile-header .lang-select{position:absolute;top:0rem;right:1.5rem;z-index:0;font-size:1.7rem;}
#mobile-header .lang-select button{padding:2rem 3rem 2rem 2rem;color:#787878;background:url('../img/common/ic-arw.svg') 98% center no-repeat;font-size:1.7rem;}
#mobile-header .lang-select ul{background:#fff;display:none}
#mobile-header .lang-select li a{display:block;padding:1rem 3rem 1rem 2rem}
#mobile-header.nav_on_wrap .lang-select{display:none}

footer{top:60px}
footer h2{position:relative;top:0;padding-left:20px;right:0}
footer h2 img{width:150px}
footer .fcont{padding-top: 0;font-size:1.4rem}

/* 메인 */
.main-visual .slogan{justify-content: flex-start;}
.main-visual .slogan .tit{font-size:6rem;padding-top:10%;margin-bottom:1rem}
.main-visual .slogan strong{margin-bottom:5rem;;}
.main-visual .slogan strong .br{display:block !important}
.main-visual .slogan .txt{font-size:2.4rem}
#main-visual1{background:url('../img/main/img-visual1-mb.jpg') center center no-repeat;}
#main-visual2{background:url('../img/main/img-visual2-mb.jpg') center center no-repeat;} 
#main-visual3{background:url('../img/main/img-visual3-mb.jpg') center center no-repeat;} 

.msection1 .msection-cont{background:#fff;}
.msection1 .img{position:relative;width:100%;padding-top:50%;margin-bottom: 5rem;}
.msection1 .msection-cont:after{display:none}
.msection1 .msection-cont .rwd{min-height:auto;}
.msection1 .msct1{font-size:4.5rem;}
.msection1 .msct1 .bold1{font-size:8.6rem;}
.msection1 .msct1 .bold2{font-size:4.8rem;}
.msection1 ul.slg{margin-top: 0;background:#F4F4F4;margin-left:-20px;padding:3rem;width:100%}

.msection2 h3{font-size:13.5rem}
.msection2 h4{font-size:2.4rem}

.msection3 .prg{font-size:2.8rem}
.msection2 h3{font-size:8rem}
.msection3 .bsn-list li .txt{font-size:2rem}
.msection3 .bx a .stx{padding:1rem 0 2rem}
.msection3 dl{flex-wrap:wrap}
.msection3 dl dt{width:100%;padding:3rem 0}
.msection3 dl dd ul{margin:0 2.5rem}

.msection4 ul li{min-width:100%;}
.msection4 .swiper-notice-paging .swiper-pagination-bullet{margin-right: 1.1rem;}

.msection5:before{width:100%;}
.msection5:after{position:relative;width:100%;height:320px}
.msection5 .rwd{padding-bottom: 8rem;}


.sub-location .depth02 {background: #fff;z-index:10}
.sub-location .depth02 .menu_select{position:relative;display:block;border-bottom:1px solid #D4D4D4;}
.sub-location .depth02 .menu_select button{position:relative;height:55px;width:100%;line-height:55px;font-size:1.6rem;text-align:left;padding-left:20px;box-sizing:border-box;display:block}
.sub-location .depth02 .menu_select button:after{content:"";display:block;width:14px;height:8px;background:url('../img/common/ic-sdown.svg') 0 0 no-repeat;position:absolute;top:30px;right:20px;z-index:50}
.sub-location .depth02 .menu_select ul{position:absolute;top:56px;left:0;z-index:500;width:100%;background: #fff;border:1px solid #efefef;border-top:none;box-sizing:border-box;display:none;}
.sub-location .depth02 .menu_select ul li{width:100%;min-width:auto;float:none;padding:0;border-right:none}
.sub-location .depth02 .menu_select ul li a{display:block;text-align:left;padding:15px 0 15px 20px;line-height:1em;color:#666666}

.sub-top h3{padding-top:6rem;}
.sub-content .ptop{padding:50px 20px 0;margin-bottom: 0;}
.sub-content .ptop h3{font-size:2.8rem}
.sub-content #content{padding-bottom:50px;}

.section-top{padding:4rem 0 4rem}
.section-top h3{font-size:2.6rem}
.section-top p{font-size:1.8rem}

.ptop-img{margin-bottom: 3rem;}
.tech-test-result dt span{font-size:2.4rem}

.mtit{font-size:5.2rem}

.tit1{font-size:2.8rem}

img{max-width:100%}
.br{display:inline-block;}

.btn-lg{display:inline-block;padding:1.3rem 3rem;font-size:2.3rem;}
.btn-md{display:inline-block;min-width:146px;height:45px;line-height:40px;font-size:2.3rem}

#container{top:60px;}

.full-bottom{margin-bottom:-6rem;}

.table-rwd{overflow-x:auto}
.table-rwd table{table-layout:fixed}

.tab-bar{margin-bottom:3rem;}
.tab-bar li{margin:5px}
.tab-bar a{min-width:15rem;height:48px;line-height:48px;}

.ptit1{padding-top:7rem;font-size:3rem}
.ptit1.pfirst{padding-top:5rem;}
ul.dot-list-lg li .img{top:0;display:block;margin-left: 0 !important;margin-top:10px;}

.page-bg{min-height:205px;}
.page-bg img{width:100px}
.page-bg.code01040000 img{width:80px}

.pbg2{padding-left:2.5rem;padding-right: 2.5rem;}

/* 제품문의 */
.inquiry_box{width:100%}
.inquiry_box .inp{box-sizing:border-box}
.inquiry_box .inp_tel,
.inquiry_box .inp_name{width:100%}

.inquiry_box .tel_bar .inp_tel{width:77%;margin-bottom: 5px;}
.inquiry_box .inp_email{width:77%;margin-bottom: 5px;}
.inquiry_box .select_email{min-width:77%;margin-bottom: 5px;height:38px;box-sizing:border-box}


/* 보유기술 */
.tech-test-result{padding:6.3rem 0 3rem}
.tech-test-result dl{margin-bottom: 0;padding-bottom:0rem;}

.tech-test-result2 .info{flex-wrap:wrap}
.tech-test-result2 .info .img{margin-right: 0;text-align:center;width:100%;margin-bottom:4rem;;}
.tech-test-result2 .info .img ul{width:100%;justify-content:center;margin:0 0rem 3rem}
.tech-test-result2 .info .img ul li{width:50%}

.tech-donation dl{padding-right: 0;text-align:center}
.tech-donation dl dt, .tech-donation dl dd{text-align:left}
.tech-donation dl:after{position:relative;left:inherit;right:inherit;margin-top: 2rem;}

.tech-ara-list{flex-wrap:wrap}
.tech-ara-list .item{width:100%;margin-bottom:3rem;}

.tech-dl-list .item{flex-direction:column;align-items:baseline;padding-left: 0;}
.tech-dl-list .item:before{margin: 0 auto}
.tech-dl-list .item dl{margin-top:3rem;}

.tech-org{flex-direction:column;}
.tech-org .item{margin:0 auto 3rem;width:90%}
.tech-org .item:before{background-size:calc(100%/3) auto;}

.tech-test-result dt p{padding-left: 15px;padding-right: 15px;}

.tech-info{flex-wrap:wrap}
.tech-info dl{width:80%;margin-bottom: 2rem;}

.sanicoat-section4 .box-border2 dl:nth-child(2) dd ul{flex-wrap:wrap}
.sanicoat-section4 .box-border2 dl:nth-child(2) dd ul li{width:47%;margin:1.5%;}
.sanicoat-section5 .img{max-width:80%}

.tmax-section1 .tmax-box{flex-wrap:wrap}
.tmax-section1 .img{order:0;width:80%;background:#fff;text-align:center;margin:0 auto 3rem}
.tmax-section1 .cont{order:1}

.tmax-section2 dl{margin:10px 0}
.tmax-section2 dl dt{width:60%}
.tmax-section2 dl dd{display:flex;width:40%;align-items:center}
.tmax-section2 dl dd img{max-width:100%;margin:auto 0;height:30px;}

.tmax-section3 .tmax-condition {flex-direction:column;}
.tmax-section3 .tmax-condition .img{width:100%;}
.tmax-section3 .tmax-condition .img img{width:100%}
.tmax-section3 .tmax-condition ul{width:100%;}
.tmax-section3 .tmax-condition ul li{padding:2.5rem 0}

.tmax-section4 .right .tmax-result{flex-wrap:wrap;flex-direction:column}
.tmax-section4 .right .chart2{margin-bottom:2rem;}
.tmax-section4 .right dl{width:100%;padding-bottom:5rem;}
.tmax-section4 .right .chart2{margin:0}

.ctf-lc-list li{width:50%;padding:30px 15px 0px}
.ctf-lc-list li .img{width:auto;height:auto}


.smy-box{flex-wrap:wrap}
.smy-box .img{padding-right:0;width:100% !important;text-align:center}

.smy-box .cont{width:100% !important;margin-top:3rem;}
.smy-box .cont dl:after{max-width:100%}
.smy-box .img img{width:calc(100%/1.5);}

.prd-info{flex-wrap:wrap}
.prd-info .img{width:100% !important;margin-bottom: 3rem;padding-right:0;text-align:center}
.prd-info .img img{width:calc(100%/1.5);}
.prd-info .cont{width:100% !important;}

.prd-sect4 .prd-buy-list{flex-wrap:wrap}
.prd-sect4 .prd-buy-list .item{width:100%;border-left:none;padding-bottom:5rem;;border-bottom:1px dashed #FFFFFF;margin-bottom:5rem;}
.prd-sect4 .prd-buy-list .item:last-child{border-bottom:none}



.intro-box .intro-img{width:100%;float:none;text-align:center;max-width:100%}
.intro-box .intro-cont{width:100%;float:none;padding-top: 5rem;max-width:100%;}
.intro-box .intro-cont .sign .degree{display:block;padding-top:1rem;}

.bsn-box .bsn-group3{background-size:cover}
.bsn-box .bsn-group3 .bsn-ctf {padding:2rem;flex-wrap:wrap}
.bsn-box .bsn-group3 dl{min-width:80%;max-width:80%;min-height:auto;margin:2rem}
.bsn-box .bsn-group2 img{max-width:90%}

.history-list-group .cont{flex-wrap:wrap}
.history-list-group .cont .history-list:nth-child(1){margin-right: 0;}


.ptn-list dl{flex-wrap:wrap;}
.ptn-list dl dt{text-align:center;margin:0 auto;}
.ptn-list dl dd{padding:2rem;}


.life-list {display:flex;flex-wrap:wrap}
.life-list li{width:48%;margin:1.5rem 1%;}

}


@media all and (max-width:680px) {

.msection2 ul li .icon{width:130px;height:130px;background-size:70% auto;}
.msection2 ul li .cont{font-size:2rem;padding-top: 1.5rem;}

.tab-circle ul li{margin-left: 0.5rem;margin-right: 0.5rem;}
.tab-circle ul li a{width:120px;height:120px;}
.tab-circle ul li a .icp{width:47px;height:47px;background-size:calc(100%/1) auto !important}

.agrree-chk label{display:block;margin-bottom: 5px;;}


.box-border{flex-direction:column}
.box-border .box-img{width:100%;text-align:center}
.box-border .box-img .img{max-width:100%}
.box-border .box-img img{width:100%}
.box-border .ic-arrow{margin:2.5rem 0;transform: rotate(90deg)}
.box-border .right {max-width:100%}
.box-border .right img{width:100%}
.tech-info dl:before{background-size:calc(100%/2.5) auto !important}


.prd-sect2-pt ul li .icp{width:12.9rem;height:12.9rem;background-size:calc(100%/1.8) auto !important}


.sanicoat-section4 .box-border2 dl:nth-child(1) dd{flex-wrap:wrap}
.sanicoat-section4 .box-border2 dl:nth-child(1) dd .img:nth-child(1){margin-right:0rem;margin-bottom: 3rem;}

.sanicoat-ctg ul li{width:140px;height:140px;}
.sanicoat-ctg ul li .icp{width:55px;height:55px;background-size:calc(100%/1.2) auto}

.prd-pt-list li{width:100px;height:100px;margin-right: 1rem;}
.prd-pt-list li .icp{width:35px;height:35px;background-size:calc(100%/1.2) auto !important}


.ptn-list dl dd ul li{display:block;width:100%;text-align:center;margin-right: 0;padding-top:1.5rem;padding-bottom:1.5rem;}
.ptn-list dl:nth-child(1) dd li{margin-right:0rem;}
.ptn-list dl:nth-child(4) dd li{margin-right:0rem;}

}


@media all and (max-width:480px) {

.msection1 ul.slg{font-size:3rem}

.msection3 .bsn-list ul li{width:100%;}
.msection3 .bsn-list li.bx{padding:3rem}


}