@charset "utf-8";
/* *******************************************************
 * filename : sub_style.css
 * description : 서브 레이아웃 및 컨텐츠 CSS
 * date : 2021-05-20
******************************************************** */
#header{position: fixed;}
#headerInnerWrap{border-bottom: 1px solid rgba(119,119,119,0.15); box-sizing:border-box;}

/* ----------- REGULATORY:: 공통 :: 상단 타이틀 ------------ */
.regulatory-top{position:relative; }
.regulatory-top .regulatory-top-inner{position:relative; text-align:center}
.regulatory-top .regulatory-top-inner .regulatory-tit{position:relative; padding:50px 0 40px; border:1px solid #ddd; border-bottom:0; box-sizing:border-box; }
.regulatory-top .regulatory-top-inner .regulatory-tit strong{position:relative; display:inline-block; font-weight:700; font-size:21px; letter-spacing:-0.25px; color:#c71c22}
.regulatory-top .regulatory-top-inner .regulatory-tit strong:after{position:absolute; display:inline-block; content:""; width:100%; height:2px; background-color:#c71c22; top:-51px; left:0}
.regulatory-top .regulatory-top-inner .regulatory-tit h3{font-weight:700; font-size:50px; letter-spacing:-0.25px; color:#000; margin-top:10px}
.regulatory-top .regulatory-top-inner  .regulatory_info{background: #f0f0f0;padding: 40px;font-size: 17px; color: #444; line-height:1.7}
/*공통 서브 info text style*/
.sub-policy-tit {display: block;font-weight: 600;  font-size: 21px;letter-spacing: 0;color: #333;line-height: 1.4;margin-top: 34px;}
.sub-policy-tit:before{position: relative;display: inline-block;content: ""; width: 22px;height: 23px;left: 0;top: 0px;margin-right: 15px;background:url(../../img/quality_policy_icon.png) no-repeat;background-size: cover !important; vertical-align:middle}
.sub-policy-tit:first-child{ margin:0}
.sub-policy-txt{font-size:18px; letter-spacing: -0.15px;color: #444; line-height: 1.68;  margin-top: 10px; padding-left: 37px;}
.quality-policy-spirits {margin-top:30px}
.quality-policy-spirits li{background-color:#f4f4f4; margin-bottom:16px; padding:15px 28px; border-radius:10px; -webkit-border-radius:10px;}
.quality-policy-spirits li strong,
.quality-policy-spirits li em{display:inline-block; vertical-align:top; margin:0 -1px; line-height:1.4; font-weight:400}
.quality-policy-spirits li strong{position:relative; font-style:italic; font-size:18px; letter-spacing:-0.45px; color:#111; width:23px; padding-right:20px}
.quality-policy-spirits li strong:after{position:absolute; display:inline-block; content:""; width:2px; height:2px; background:#111; opacity:0.5; right:0; top:12px}
.quality-policy-spirits li em{font-size:17px; letter-spacing:0; color:#222; width:calc(100% - 60px); padding-left:17px}


/*=== contect common style ===*/
.rglt-sec {margin-top: 80px;}
.rglt-sub-sec{margin-top:25px;}
.rglt-sub-tit{font-weight:700; font-size:22px; letter-spacing:-0.15px; color:#121212; line-height:1.77; margin-bottom:20px;border-bottom: 1px solid #121212; padding-bottom: 18px;}
.rglt-sub-tit.big-tit{font-size:26px}
.rglt-common-txt{font-weight:400; font-size:18px; letter-spacing:-0.15px; color:#000; line-height:1.77}
.rglt-common-txt strong{font-weight:700}
.rglt-common-txt.plus{position:relative; margin-bottom:20px; padding-left:30px}
.rglt-common-txt.plus:before{position:absolute; display:inline-block; content:""; width:15px; height:16px; background:url("../../img/plus_icon.png") no-repeat; top:8px; left:0}
.rglt-common-txt.plus:last-child{margin-bottom:0}
.rglt-common-txt.plus span{position:relative; display:block; font-weight:400; font-size:18px; letter-spacing:-0.15px; color:#555; padding-left:15px;}
.rglt-common-txt.plus span:before{position:absolute; display:inline-block; content:""; width:6px; height:6px; background-color:#555; border-radius:50%; left:0; top:12px}
.rglt-common-txt.plus span:first-child{margin-top:15px}
.table_wrap{ margin-top:40px}
.table_wrap table.tb_style1{ border-right:1px solid #ddd;border-top: 2px solid #c71c22; width:100%}
.table_wrap table.tb_style1 thead{ background:#f5f5f5;}
.table_wrap table.tb_style1 tbody{}
.table_wrap table.tb_style1 tr th, .table_wrap table.tb_style1 tr td{ padding:10px;color:#333; border-bottom:1px solid #ddd; border-left:1px solid #ddd; text-align:center;width: 17%;
 line-height: 1.5; letter-spacing: -0.2px;}
.table_wrap table.tb_style1 tr th{font-weight:600;padding: 20px 10px;font-size:16px; }
.table_wrap table.tb_style1 tr td{ font-size:15px}
.table_wrap table.tb_style1 tr th:nth-child(3)~*, .table_wrap table.tb_style1 tr td:nth-child(3)~*{ width:25%}
.tb_info{margin-top: 20px;font-size: 16px;color: #222;font-weight: 600;} 
.table_scroll_info{ display:none}
.dot-list-box{margin:20px -1px 0}
.dot-list-box > div{margin: 0 1px;background-color: #f7f7f7;box-sizing: border-box;padding: 27px 30px 30px;}
.dot-list-box > div > div{padding:25px 30px}
.dot-list-box > div .dot-list li{position:relative; font-weight:400; font-size:18px; letter-spacing:-0.15px; color:#555; line-height:1.77; padding-left:15px} 
.dot-list-box > div .dot-list li:before{position:absolute; display:inline-block; content:""; width:6px; height:6px; background-color:#555; border-radius:50%; top:13px; left:0}

/*=========== 슬라이드 버튼 ============== */
.slick_dots_wrap {display: inline-block;vertical-align: middle;}
.circle .slick-dots { text-align:center;}
.circle .slick-dots > li {display: inline-block;vertical-align: top;border: 1px solid transparent;width: 18px;border-radius: 50%;height: 18px;margin: 0 4px; cursor:pointer; -webkit-transition: border 300ms;transition: border 300ms; position: relative; box-sizing:border-box;}
.circle .slick-dots > li > button {width: 4px;height: 4px;padding:0;margin: 6px ;font-size:0;background: #222;border:none;border-radius: 10px;cursor: pointer;-webkit-transition: all 400ms;transition: all 400ms;position: absolute; top: 0; left: 0;}
.circle .slick-dots > li.slick-active {border-color:#222;}

.slick_control {display: block;width: 100%;height: 50px;position: absolute;left: 0;top: 50%;margin-top: -25px;}
.slick_arrows {padding:10px;margin: 0; font-size:13px; font-weight:600; color:#aaa; background: none;border: none;-webkit-box-shadow: none;box-shadow: none;cursor: pointer;z-index: 2;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.slick_arrows > button {display: block; margin: 0;padding: 0;position: absolute;top: 0;bottom: 0;left: 0;right: 0;font-size: 0;background: transparent;border: none;cursor: pointer;}
.slick_arrows:after {font-weight: normal;font-size: 36px;line-height: 50px;text-align: center;color: #ccc;-webkit-transition: color 300ms;transition: color 300ms;}
.slick_arrows.slick_prev {margin-right:30px;}
.slick_arrows.slick_next {margin-left:30px;}
.slick_play_state {display: inline-block;vertical-align: middle;width: 25px;height: 20px;position: relative;}
.slick_play_state_btn {display: block;width: 100%;height: 100%;margin: 0;padding: 0;position: absolute;top: 0;left: 0;background: transparent;border: none;cursor: pointer;opacity: 0;visibility: hidden;-webkit-transition:opacity 300ms;transition: opacity 300ms; font-size:15px; color:#222}
.slick_play_state_btn:after {display: block;font-size: 18px;font-weight: normal;text-align: center;line-height: 20px;color: #222;}
.slick_play_state.play .slick_state_pause {opacity: 1; visibility: visible;}
.slick_play_state.pause .slick_state_play {opacity: 1; visibility: visible;}
html.ios .slick_play_state {margin-top:3px;}
.slick_play_state_btn:after {display: block; font-size: 18px;font-weight: normal; text-align: center; line-height: 20px; color: #222;}
/* 네모 버튼 (자세히 보기 등) */



/* ----------- 개별 스타일 strat ------------ */
/*mission[인사말]*/
.mission-content{ width:100%; position:relative;}
.mission-content > div > div >div{box-sizing:border-box; position:relative;}
.mission-content .img_area{ width:43%; }
.mission-content .img_area img{ width:100%; max-width:100%;}
.mission-content .text_area{ padding-left:50px; width:57%}
.mission-content .text_area .greeting_txt{ position:relative;}
.mission-content .text_area .greeting_txt dt{ font-size: 26px;margin-bottom:35px;font-weight: 500;color: #222; line-height: 1.5;}
.mission-content .text_area .greeting_txt span{position:relative;}
.mission-content .text_area .greeting_txt span:after, .mission-content .text_area .greeting_txt span:before{ content:""; display:block; background:url(../img/ceo_tit_po.png) no-repeat center; width:50px; height:43px; background-size:100%; position:absolute; z-index:-1}
.mission-content .text_area .greeting_txt span:after{ left:-20px; top:-15px;}
.mission-content .text_area .greeting_txt span:before{ right:-20px; bottom:-15px; transform:rotate(-180deg);}
.mission-content .text_area .greeting_txt dd{ font-size:17px; line-height:1.72; color:#555; letter-spacing:-0.3px}
.mission-content .text_area .greeting_txt dd p:first-child~*{ margin-top:20px}
.mission-content .text_area .sign_box{margin-top:30px}
.mission-content .text_area .sign_box > p{font-size: 16px;font-weight: 600; color: #444;line-height: 1.6;}
.lang_kor .mission-content .text_area .sign_box > p{font-weight:500; color:#222; font-size:18px}
.mission-content .text_area .sign_box strong{font-size: 25px;color: #222;letter-spacing: -0.6px; display: block; margin-top: 15px;}
.mission-content .text_area .sign_box .sign_logo{ position:absolute; right:0; bottom:10px;}
.mission-content .text_area .sign_box .sign_logo img{}

/*contac us*/
.contact_inner{}
.contact_inner .mapDiv{width:100%;padding:0px 0 60px; box-sizing:border-box;}
.contact_inner .mapDiv .imgDiv{position:relative; width:100%; margin:0 auto; box-sizing:border-box; text-align:center;}
.contact_inner .mapDiv .imgDiv img{display:inline-block; max-width:100%;}
.contact_inner .mapDiv .imgDiv img.m_only{ display:none}
.contact_inner .mapDiv .imgDiv .mark{position: absolute; top: 50%; left: 50%; text-align: center;margin: -190px 0 0 -162px;}
.contact_inner .mapDiv .imgDiv .mark .txt{display:block;font-size:17px; color:#c71c22; line-height:1.5; text-align:center; font-weight:600}
.contact_inner .mapDiv .imgDiv .mark .txt > i{font-style:normal; font-size:14px; display:block; text-align:center; color:#333}
.contact_inner .mapDiv .imgDiv .mark .markImg{position:relative;}
.contact_inner .mapDiv .imgDiv .mark .markImg img{position:relative; z-index:1;}
.contact_inner .mapDiv .imgDiv .mark .markImg > img{position:relative; z-index:10;}
.contact_inner .mapDiv .imgDiv .mark span{position:absolute; left:50%; top:11px;border:1px solid #c71c22; border-radius:50%; opacity:0; margin:0; width:100px; height:100px; transform: scale(0); -webkit-animation:nation-circle 4s cubic-bezier(0.22, 0.61, 0.36, 0.5) infinite; animation:nation-circle 4s cubic-bezier(1, 2, 0.66, 3) infinite; margin-left:-50px; }
.contact_inner .mapDiv .imgDiv .mark span:nth-child(2){animation-delay:1s}
.contact_inner .mapDiv .imgDiv .mark span:nth-child(3){animation-delay:1.5s}
.contact_inner .mapDiv .imgDiv .mark span:nth-child(4){animation-delay:2s}
.contact_inner .mapDiv .map_mark_1>p {position: absolute;z-index: 11; overflow: hidden;font-size: 17px;font-weight: 500;color: #333; left:50%; top:50%;}
.contact_inner .mapDiv .map_mark_1>p > span{ position:relative; display:inline-block; background:#0160b5;padding: 10px 25px 13px; text-align:center; color:#fff; border-radius:30px; }
.contact_inner .mapDiv .map_mark_1>p i{ margin:0 15px}
.contact_inner .mapDiv .map_mark_1>p.point_1{margin-left: -335px;margin-top: -110px;}
.contact_inner .mapDiv .map_mark_1>p.point_2{margin-left: -150px; margin-top: -57px;}
.contact_inner .mapDiv .map_mark_1>p.point_3{margin-left: -375px;margin-top: -44px;}

@keyframes nation-circle{
	0%{
		-webkit-transform: scale(0);
		transform: scale(0);
		opacity:0.5;
	}
	50%{
		opacity:1.0;
	}
	100%{
		-webkit-transform:scale(0.7);
		transform:scale(0.7);
		opacity:0;
	}
}

.contact-content .section2{ background:#f7f7f7;margin-top: 100px; padding-bottom: 50px;}
.contact-content .section2 .gloListD{}
.contact-content .section2 .gloListD .clearfix{position:relative; top:-80px; width:100%; min-height:330px; background:#fff; box-shadow:10px 10px 20px rgba(0,0,0,0.2); transition:top 0.5s ease, opacity 0.5s ease; margin: 0 auto;}
.contact-content .section2 .gloListD .clearfix .google_map{position:relative; float:right; width:38%; height:330px; background:#ebf3f7; overflow:hidden;}
.contact-content .section2 .gloListD .clearfix .google_map ifream{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:auto; min-height:100%;}
.contact-content .section2 .gloListD .clearfix .infoD{position:relative; float:right; width:calc(100% - 38%); min-height:330px; padding:50px; box-sizing:border-box; padding-left:5%}
.contact-content .section2 .gloListD .clearfix .infoD .tit{position:relative; margin-bottom:35px; padding-top:16px;  font-size:24px; line-height:1; color:#333;font-weight: 600;}
.contact-content .section2 .gloListD .clearfix .infoD .tit:after{content:''; display:block; width:20px; height:6px; position:absolute; top:0; left:0}
.contact-content .section2 .gloListD .clearfix .infoD .txtD{}
.contact-content .section2 .gloListD .clearfix .infoD .mapBt{display:block; position:absolute; top:50px; right:50px; width:130px; height:44px; font-size:16px; color:#fff; font-weight:700; line-height:44px; text-align:center; background:#383838;}
.contact-content .section2 .gloListD .clearfix .infoD .txtD .txtBox{position:relative;overflow:hidden;padding:6px 0 6px 20px; line-height:1.7}
.contact-content .section2 .gloListD .clearfix .infoD .txtD .txtBox:after{content:''; display:block; position:absolute; top:15px; left:0; width:5px; height:5px; border-radius:50%; background:#004b8d;}
.contact-content .section2 .gloListD .clearfix .infoD .txtD .txtBox span{display:block; float:left;}
.contact-content .section2 .gloListD .clearfix .infoD .txtD .txtBox span:first-child{width:150px; font-size:16px; color:#333; font-weight:500;}
.contact-content .section2 .gloListD .clearfix .infoD .txtD .txtBox span:last-child{width:calc(100% - 150px); width:-webkit-calc(100% - 150px); font-size:16px; color:#666;font-weight:300}

/*solutions [features]*/
.features_top{box-sizing: border-box; position: relative;padding: 28px 80px;  font-size: 21px;color: #333;font-weight: 500; line-height: 200%;text-align: center; border: 1px solid #ddd; margin-bottom: 40px;}
.features_top:before, .features_top:after{display: block; content: ""; width: 48px; height: 48px; background-repeat:no-repeat; position: absolute;}
.features_top:before{ background-image:url(../../img/m15_section4_bg1.gif);left: -1px; top: -1px;}
.features_top:after{ background-image:url(../../img/m15_section4_bg2.gif);right: -1px;bottom: -1px;}
.features_top p span{ display:block; position:relative;}
/*solutions [product-common style]*/
.solution-content .sec_top > div>div{width:50%; box-sizing:border-box;}
.solution-content .sec_top > div>div.img_area{ padding-right:50px; }
.solution-content .sec_top > div>div.img_area > figure{ box-sizing:border-box; width:100%;}
.solution-content .sec_top > div>div.img_area > figure img{ max-width:100%; width:100%;}
.solution-content .sec_top .text_area dl{ padding-top:20px}
.solution-content .sec_top .text_area dl dt{font-size: 24px; letter-spacing: -0.2px; color: #333;font-weight: 600; margin-bottom: 15px;}
.solution-content .sec_top .text_area dl dd{font-size: 17px;line-height: 1.77;}
.solution-content .sec_top .text_area dl dd p.info_t{margin-top: 15px;background: #f5f5f5;padding: 12px 5px 12px 30px;  width: 100%; box-sizing: border-box; font-size: 15px; color:#111}
.solution-content .sec_top .text_area dl dd p.info_t span{ }
.solution-content .sec_btm > div.cm-fl{width:62.5%;}
.solution-content .sec_btm > div.cm-fr{ width:37.5%;}
.solution-content .sec_btm.Half > div{ width:calc(50% - 15px); box-sizing:border-box;}
.solution-content .sec_btm.Half > div.cm-fr figure{ margin:0; border:0;}
.solution-content .sec_btm.Half > div.cm-fl{ margin-right:30px}
.solution-content .sec_btm > div .photo_info{ width:100%;}
.solution-content .sec_btm > div .photo_info li{ float:left; width:50%; box-sizing:border-box; border:1px solid #ddd; margin-left:-1px}
.solution-content .sec_btm > div.type3.mt45{ margin-top:25px}
.solution-content .sec_btm > div.type3 .photo_info li{ width:33.333%;}
.solution-content .sec_btm > div .photo_info li figure{ width:100%; box-sizing:border-box; padding:15px; position:relative;}
.solution-content .sec_btm > div .photo_info li figure img{ width:100%; box-sizing:border-box; max-width:100%; border:1px solid #ddd}
.solution-content .sec_btm > div .photo_info li figcaption{ border-top:1px solid #ddd}
.solution-content .sec_btm.Half > div .photo_info li figcaption p span{background: #f0f0f0; text-align: center; color: #111; display:block; width:100%!important;}
.solution-content .sec_btm > div .photo_info li figcaption p{ font-size:15px; display:table; width:100%}
.solution-content .sec_btm > div .photo_info li figcaption p span{ display:table-cell; padding:10px; box-sizing:border-box; vertical-align:middle; line-height:1.5}
.solution-content .sec_btm > div .photo_info li figcaption p span.head_span{ background:#f5f5f5;width:80px;text-align: center; font-weight:600; color:#222}
.solution-content .sec_btm > div .photo_info li figcaption p span:last-child{ width:calc(100% - 80px); }
.solution-content .sec_btm > div.cm-fr figure{ border:1px solid #ddd; margin-left: 22.2px;}
.solution-content .sec_btm > div.cm-fr figure img{max-width: 100%;box-sizing: border-box;width: 100%;}
.solution-content .loner_img{width: 100%;box-sizing: border-box; padding: 25px; border: 1px solid #ddd; text-align: center; margin-top:25px}
.solution-content .loner_img > img{width: 100%;max-width: 100%;margin: 0 auto;border: 1px solid #ddd; padding: 15px;box-sizing: border-box;}
.product_view_visual_slider_wrap {position:relative;}
.product_view_visual_item .lazy_img{ box-sizing:border-box; border:1px solid #ddd}
.product_view_visual_item .lazy_img img {width:100%;}
.product_view_visual_slider_control {margin-top: 27px;text-align:center;}
.product_view_visual_slider_control .slick_arrows {color:#222;vertical-align:middle;}
.product_view_visual_slider_control .slick_play_state {display:none;}
.plus-icon-box.definitions-box{margin:0 -1px}
.plus-icon-box.definitions-box li{float:left; width:calc(50% - 2px); margin:0 1px 2px}
.plus-icon-box.definitions-box li .plus-box-inner .plus-box-list{padding:0 0 0 25px}
.plus-icon-box li{background-color:#f5f5f5; margin-bottom:2px}
.plus-icon-box li .plus-box-inner{position:relative; padding:40px 30px}
.plus-icon-box li .plus-box-inner .plus-box-list{position:relative; padding:0 110px 0 25px}
.plus-icon-box li .plus-box-inner .plus-box-list:before{position:absolute; display:inline-block; content:""; width:15px; height:16px; background:url("../../img/plus_icon2.png") no-repeat; left:0; top:2px;}
.plus-icon-box li .plus-box-inner .plus-box-list dt span{font-weight:700; font-size:19px; letter-spacing:-0.15px; color:#222}
.plus-icon-box li .plus-box-inner .plus-box-list dt span b{color:#1b9c97}
.plus-icon-box li .plus-box-inner .plus-box-list dd figure{font-weight:400; font-size:17px; line-height:1.76; letter-spacing:-0.15px; color:#000; margin-top:10px; padding:15px; border:1px solid #ddd; box-sizing:border-box; background:#fff}
.plus-icon-box li .plus-box-inner .plus-box-list dd figure img{ width:100%; max-width:100%; border:1px solid #ddd;}
.plus-icon-box li .plus-box-inner .num-bg{position:absolute; right:0; margin-right:30px; top:50%; transform:translateY(-50%); font-weight:700; font-size:70px; letter-spacing:-0.15px; color:#f3f3f3; font-style:italic; }
.option-img li{float:left; display:table; width:calc(33.333% - 2px); margin:0 1px; background-color:#fff; text-align:center; height:187px; border:1px solid #ddd; box-sizing:border-box;}
.option-img li > div{display:table-cell; vertical-align:middle; padding:0 8%}
.option-img li > div span{display:inline-block}
.option-img li > div span img{width:100%}


/*service*/
.service-content{}
.service-content .service-policy-con{ margin-top: 25px;padding-left: 37px;}
.service-content .service-policy-con dt{position: relative;}
.service-content .service-policy-con dt b{display: inline-block;font-weight:600;font-size:18px; letter-spacing: 0; color: #555; line-height: 1.4;width: calc(100% - 37px); vertical-align: top;}
.service-content .service-policy-con dd{ margin-top:5px; font-size:16px; line-height:1.5; margin-bottom:30px;}
.service-content .service-policy-con dd > p, .sub-policy-txt > span { position:relative; padding-left:10px;display:block;}
.service-content .service-policy-con dd > p:before, .sub-policy-txt > span:before{ width:5px; height:1px; background:#666; content:""; display:block; position:absolute; left:0; top:50%; margin-top:-1px}
/* 문의하기 03 :: 상단 */
.inquiryCont{margin-top: 60px}
.inquiry-style03-tbl{ margin-top:80px}
.inquiry-essential-txt{text-align:right; color:#373737; font-size:13px; letter-spacing:-0.3px; padding-bottom:15px;}
.essential-icon{color:#cf0505;}
.inquiry-style03-tit {text-align:center; padding-top: 55px; padding-bottom: 40px;}
.inquiry-style03-tit h3 {font-size:34px; line-height: 45px; letter-spacing: -0.75px; color:#333; font-weight: 500; }
.inquiry-style03-tit p {font-size:13px; line-height: 35px; letter-spacing: 5px; color:#aaa}

/* 문의하기 03 :: 개인정보처리방침 */
.bbs-inquiry-agree-con{ margin-bottom:80px}
.bbs-inquiry-agree-con .sect h2{ font-size:22px; color:#222; font-weight:500; margin-bottom:15px}
.bbs-inquiry-agree-con .sect .info-text{ font-size:16px; line-height:1.5; color:#333}
.bbs-inquiry-agree-con .inquiry-agreement-con{ margin-top:20px; width:100%; }
.bbs-inquiry-agree-con .inquiry-agreement-con > div{border: 1px solid #ddd;height:200px;overflow-y: auto;overflow-x: hidden; }	
.bbs-inquiry-agree-con .inquiry-agreement-con textarea{ width:100%;background-color: #fff;padding: 20px; border:0;line-height: 1.8;font-size: 15px;color: #777;}
.bbs-inquiry-agree-con .agree-txt{background: #fbfbfb;padding: 20px;text-align: center; border: 1px solid #ddd;box-sizing: border-box; border-top: 0; font-size:16px; font-weight:500; color:#222}
.bbs-inquiry-agree-con .agree-txt input{ display: inline-block;position: relative;top: -2px;margin-right: 10px;}
/* 문의하기 03 :: 작성폼 */
.inquiry-style03-write-box{margin-bottom:50px;}
.inquiry-style03-write-box .double-con{margin:0 -5px}
.inquiry-style03-write-box .double-con dl{float:left; width:calc(50% - 10px); margin:0 5px 10px; box-sizing:border-box}
.inquiry-style03-write-box dl {display:table; width:100%; margin-bottom: 10px; border:1px solid #ddd; background-color:#F7F7F7;}
.inquiry-style03-write-box dt {display:table-cell; position:relative; width:120px; vertical-align: top; height:48px; padding-left: 15px; font-size:15px; line-height: 48px; letter-spacing: -0.5px; color:#555555;}
.inquiry-style03-write-box dt::after {content:""; position:absolute; height:12px; width:2px; background-color:#ddd; right:0; top:20px;}
.inquiry-style03-write-box dd {display:table-cell; vertical-align: top; padding:0 2%;}
.inquiry-style03-write-box dd input,
.inquiry-style03-write-box dd select,
.inquiry-style03-write-box dd textarea{height:48px; border:0; width:50%; font-size:15px; letter-spacing: -0.5px; color:#555; font-weight: 300; background-color:#F7F7F7;}
.inquiry-style03-write-box dd textarea {width:100%; height:120px; padding: 15px 0px; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; resize:none;  }
.inquiry-style03-write-box .file dd {vertical-align: middle;}
.inquiry-style03-write-box .file dd input {height:30px; }
.inquiry-style03-write-box p {height:48px; line-height: 48px; font-size:15px; letter-spacing: -0.5px; color:#555;}

.inquiry-style03-write-box dl.on {border:1px solid #A0CB49; background-color:#fff;}
.inquiry-style03-write-box dl.on input , .inquiry-style03-write-box dl.on textarea, .inquiry-style03-write-box dl.on select {background-color:#fff}
/* 문의하기 03 :: 작성폼 기타 */
.inquiry-style03-write-box .address-fieldset .write-input{margin-top:6px;}
.inquiry-style03-write-box .address-fieldset .write-input:first-child{margin-top:0;}
.inquiry-style03-write-box .address-fieldset .write-input:nth-of-type(2){border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.inquiry-style03-write-box .address-btn{display:inline-block; min-width:114px; padding:0 10px; height:38px; border:1px solid #464646; vertical-align:middle; text-align:center; color:#464646; font-size:14px; font-weight:400; margin-left:10px;}
.inquiry-style03-write-box .address-btn:hover{background-color:#464646; color:#fff;}

@media all and (min-width:801px){
.solution-content .sec_btm > div .photo_info li figure	 .over-thum{position:absolute; top:-1px; left:-1px; bottom:-1px; right:-1px; border:2px solid #222;opacity:0;filter:Alpha(opacity=0); visibility:hidden; -webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s; background:rgba(255,255,255,0.6)}
.solution-content .sec_btm > div .photo_info li figure	 .over-thum i{position:absolute; top:50%; left:50%; margin:-25px 0 0 -25px; width:50px; height:50px; background-color:#c71c22; text-align:center; line-height:50px; color:#fff; -webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;}
.solution-content .sec_btm > div .photo_info li:hover figure	 .over-thum{opacity:1.0;filter:Alpha(opacity=100); visibility:visible;}
.mfp-title{ font-size:18px}
 
}


@media all and (max-width:1220px){
/*mission[인사말]*/	
.mission-content .text_area .greeting_txt dt{ font-size:22px;margin-bottom: 30px;}
.mission-content .text_area .greeting_txt dd{ font-size:16px}
.mission-content .text_area .sign_box > p{ font-size:14px}
.lang_kor .mission-content .text_area .sign_box > p{ font-size:16px}
.mission-content .text_area .sign_box strong{ font-size:20px}

/*solution [common-content style]*/
.solution-content .sec_top .text_area dl{ padding-top:0}
}
@media (max-width: 1124px){
	
}


@media (max-width: 1024px){
/*contact us*/
.contact_inner .mapDiv{ padding-bottom:20px}
.contact_inner .mapDiv .imgDiv .mark{margin: -19% 0 0 -15%;}
.contact_inner .mapDiv .imgDiv .mark .markImg > img { width:75px;}
.contact_inner .mapDiv .imgDiv .mark span{width: 60px;height: 60px;margin-left: -30px;}
.contact-content .section2 .gloListD .clearfix .infoD .tit{ font-size:20px}
.contact-content .section2 .gloListD .clearfix .infoD .mapBt{width: 100px;height: 40px; line-height:40px; font-size:13px; top:30px}
.contact-content .section2 .gloListD .clearfix .infoD{ padding:30px}
.contact-content .section2 .gloListD .clearfix .infoD, .contact-content .section2 .gloListD .clearfix .google_map,.contact-content .section2 .gloListD .clearfix{ height:300px; min-height:300px}
.contact-content .section2 .gloListD .clearfix .infoD .txtD .txtBox span:first-child,
.contact-content .section2 .gloListD .clearfix .infoD .txtD .txtBox span:last-child{ font-size:14px}
.contact-content .section2 .gloListD .clearfix .infoD .txtD .txtBox span:first-child{ width:130px}	

/*solution[features]*/
.features_top{padding: 28px 30px; font-size:20px;line-height: 1.5;}
.solution-content .sec_top > div>div.img_area{ padding-right:30px}
.solution-content .sec_top .text_area dl dt{ font-size:20px}
.solution-content .sec_top .text_area dl dd{ font-size:15px}
.solution-content .sec_top .text_area .btn_area a{ margin-top:20px}
.plus-icon-box li .plus-box-inner .plus-box-list dt span{ font-size:17px}
.option-img li{width: calc(50% - 2px);}

.bbs-inquiry-agree-con .sect .info-text br{ display:none} 
}
@media all and (max-width:934px){
/*mission[인사말]*/		
.mission-content > div > div >div{ float:none; width:100%!important; }
.mission-content .text_area{ padding-left:0;  padding-top:40px}
.mission-content .text_area .greeting_txt dt{ box-sizing:border-box; width:100%; padding:0 30px}
.mission-content .img_area{height: 65vh;position: relative;overflow: hidden;}
.mission-content .img_area img{position: absolute; left: 0; top: 50%; transform: translateY(-56%);}	
}
@media all and (max-width:800px){
/* ----------- REGULATORY:: 공통 :: 상단 타이틀 ------------ */
.regulatory-top .regulatory-top-inner .regulatory-tit{padding:25px 0 20px; background-color: #fff;}
.regulatory-top .regulatory-top-inner .regulatory-tit strong{font-size:16px;}
.regulatory-top .regulatory-top-inner .regulatory-tit strong:after{top:-25px}
.regulatory-top .regulatory-top-inner .regulatory-tit h3{font-size:30px; margin-top:5px}	
.regulatory-top .regulatory-top-inner .regulatory_info{padding: 20px;font-size: 14px;}
/*공통 서브 info text style*/
.sub-policy-tit{ font-size:18px}
.sub-policy-tit:before{width: 18px; height: 19px; margin-right: 8px;}
.sub-policy-txt{ font-size:15px; padding-left:25px}	

.quality-policy-spirits li{margin-bottom:8px; padding:10px 14px}
.quality-policy-spirits li strong{font-size:14px; padding-right:10px; width:20px}
.quality-policy-spirits li strong:after{top:9px}
.quality-policy-spirits li em{font-size:15px; padding-left:10px; width:calc(100% - 40px)}

/*=== contect common style ===*/
.rglt-sec{ margin-top:40px}
.rglt-sub-tit{ font-size:18px;line-height: 1.5;}
.rglt-common-txt{ font-size:15px}	
.rglt-common-txt.plus{margin-bottom: 10px;padding-left: 20px;}
.rglt-common-txt.plus:before{width: 13px;height: 14px;top: 6px;background-size: cover !important;}
.table_wrap .tb_info{ font-size:13px}
.table_wrap table.tb_style1 tr th{ font-size:14px;padding: 15px 5px;}
.table_wrap table.tb_style1 tr td{ font-size:13px}

/* ----------- REGULATORY:: 공통 :: dot list 박스 ------------ */
.dot-list-box > div{width:100%; margin:0 0 2px; padding:15px 15px 18px}
.dot-list-box > div > div{padding:15px}
.dot-list-box > div .dot-list li{font-size:14px; padding-left:12px; line-height:1.5}
.dot-list-box > div .dot-list li:first-child~*{ margin-top:5px}
.dot-list-box > div .dot-list li:before{width:4px; height:4px; top:10px}

/*mission[인사말]*/		
.mission-content .text_area .greeting_txt dt{ padding:0 15px}	
.mission-content .text_area .sign_box .sign_logo{ bottom:0}
/*contact us*/
.contact_inner .mapDiv .imgDiv .mark{ margin: -17% 0 0 -15%;}
.contact_inner .mapDiv .imgDiv .mark .markImg > img{ width:55px}
.contact_inner .mapDiv .imgDiv .mark .txt{font-size:14px; line-height: 1.3;}
.contact_inner .mapDiv .imgDiv .mark .txt > i{ font-size:12px}
.contact-content .section2{ padding-bottom:0;}
.contact-content .section2 .gloListD .clearfix .google_map, .contact-content .section2 .gloListD .clearfix .infoD{ float:none; width:100%;}
.contact-content .section2 .gloListD .clearfix .infoD,.contact-content .section2 .gloListD .clearfix{ height:auto; min-height:inherit; }
.contact-content .section2 .gloListD .clearfix .infoD .tit{ margin-bottom:30px; padding-top:0}
.contact-content .section2 .gloListD .clearfix .infoD .txtD .txtBox{ padding-bottom:0}
.contact-content .section2 .gloListD .clearfix .infoD .mapBt{width: 80px;height: 32px;line-height: 32px;font-size: 11px; right:20px; top:auto; bottom:30px}

/*solution [ features]*/
.features_top{padding: 28px 30px; font-size:18px;}
.features_top:before, .features_top:after{ width:32px; height:32px; line-height:32px; background-size:cover}
/*solution [common-content style]*/
.solution-content .sec_top > div>div{ float:none; width:100%; padding:0;}
.solution-content .sec_top > div>div.img_area{ margin-bottom:40px; padding-right:0;}
.solution-content .sec_btm > div{ float:none; width:100%!important;}
.solution-content .sec_btm > div.cm-fr{ margin-top:30px}
.solution-content .sec_btm > div.cm-fr figure{ margin-left:0;}
.solution-content .sec_btm > div .photo_info li figcaption p{ font-size:14px}
.solution-content .sec_btm > div .photo_info li figcaption p span.head_span{ width:55px}
.solution-content .sec_top .text_area dl dd p.info_t{padding: 10px 5px 10px 15px; font-size: 13px;}
.solution-content .loner_img{ padding:15px}
.plus-icon-box.definitions-box{margin:0}
.plus-icon-box.definitions-box li{float:none; width:100%; margin:0 0 2px}
.plus-icon-box.definitions-box li .plus-box-inner .plus-box-list dd p br{display:none}
.plus-icon-box li .plus-box-inner{padding:20px 15px}
.plus-icon-box li .plus-box-inner .plus-box-list{padding:0 70px 0 20px}
.plus-icon-box li .plus-box-inner .plus-box-list:before{width:13px; height:14px; top:1px; background-size:cover !important;}
.plus-icon-box li .plus-box-inner .plus-box-list dt span{font-size:15px;}
.plus-icon-box li .plus-box-inner .plus-box-list dd p{font-size:14px; margin-top:5px}
.plus-icon-box li .plus-box-inner .num-bg{font-size:45px; margin-right:15px;}
.plus-icon-box li .plus-box-inner .plus-box-list dd figure{ padding:0;width:95%; border:0;}
.solution-content .sec_btm > div .photo_info li figure	 .over-thum{position: absolute;right: 15px;top: 15px;padding: 10px 15px;background: #c71c22; color: #fff;}
.solution-content .sec_btm > div .photo_info li figure	 .over-thum i{ font-size:17px}

/*service*/
.service-content .service-policy-con dt b{ font-size:15px}
.service-content .service-policy-con dd{ font-size:14px}
.service-content .service-policy-con{ padding-left:25px}
.inquiryCont{ margin-top:40px}
/* 문의하기 03 :: 상단 */
.inquiry-style03-tit {padding-top: 20px; padding-bottom: 15px;}
.inquiry-style03-tit h3 {font-size:25px; line-height: 32px;}
.inquiry-style03-tit p {font-size:11px; line-height: 22px;}

.bbs-inquiry-agree-con .sect h2{ font-size:18px}
.bbs-inquiry-agree-con .sect .info-text{ font-size:14px}
.bbs-inquiry-agree-con .inquiry-agreement-con > div{ height:130px}
.bbs-inquiry-agree-con .inquiry-agreement-con textarea{ font-size:13px; padding:10px}
.bbs-inquiry-agree-con .agree-txt{ padding:13px; font-size:14px}
/* 문의하기 03 :: 작성폼 */
.inquiry-style03-write-box dt {width:84px; height:40px; line-height: 40px; font-size:13px}
.inquiry-style03-write-box dt::after {top:16px;}
.inquiry-style03-write-box dd input,
.inquiry-style03-write-box dd select,
.inquiry-style03-write-box dd textarea {height:40px;  font-size:13px; font-size:13px;}
.inquiry-style03-write-box dd textarea{height:100px; padding:12px 0;}
.inquiry-style03-write-box .file dd input {margin:5px 0;}
.inquiry-style03-write-box p{height:auto; font-size:12px; line-height:20px; padding-bottom:10px; word-break:keep-all;}
.inquiry-style03-write-box .address-btn{min-width:60px; height:28px; font-size:12px;}

.inquiry-style03-write-box .reply-article p{padding:12px 5px 0 0; line-height:1.4;}
.bbs-write-tbl .input-check{padding:5px 0;}
.bbs-write-tbl .input-check span{margin-right:15px;}
.phone-fieldset .write-input,
.phone-fieldset .write-select{width:calc(33.33% - 18px) !important;}
.email-fieldset .write-input{width:calc(50% - 14px) !important;}
.email-fieldset .write-select{width:100% !important; margin-top:5px;}
.bbs-write-tbl .address-btn{min-width:auto; font-size:12px; margin-left:5px; -webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px;}

.inquiry-style03-write-box{ margin-bottom:20px}
}
@media all and (max-width:650px){
.solution-content .sec_btm > div .photo_info li figure{ padding:8px}	
.solution-content .sec_btm > div .photo_info li figcaption p{ display:block;}	
.solution-content .sec_btm > div .photo_info li figcaption p span{ display:block; width:100%!important}
.solution-content .sec_btm > div .photo_info li figcaption p span:last-child{ min-height:85px; }
.solution-content .sec_btm.Half > div .photo_info li figcaption p span:last-child{ min-height:inherit}
.solution-content .sec_btm > div.type3.mt45{ margin-top:25px}
.option-img li{float: none; width: 100%; margin: 0 0 2px; height: auto;}
.option-img li > div{padding: 5px 15px;}
.solution-content .sec_btm > div .photo_info li figure	 .over-thum{ right:8px; top:8px;padding: 6px 10px; background:#222}
.solution-content .sec_btm > div .photo_info li figure .over-thum i{ font-size:14px}
}
@media all and (max-width:600px){
.regulatory-top .regulatory-top-inner .regulatory-tit strong{ font-size:14px}	
.regulatory-top .regulatory-top-inner .regulatory-tit h3 { font-size:25px}	
.sub-policy-tit > span{display: inline-block;width: calc(100% - 35px);}
.sub-policy-tit:before{ vertical-align:top; top: 5px;}
.table_scroll_info {display: block; margin-top: 25px; font-size: 13px;color: #c00;text-align: right;}
.m_tb_scrollWrap{ width:100%; box-sizing:border-box; overflow:hidden; overflow-x:scroll;}
.m_tb_scrollWrap .table_wrap{ min-width:600px;margin-top:15px}
/*슬라이드 버튼 style*/
.product_view_visual_slider_control { width:100%; position:absolute; bottom:0; margin-top:0; background: rgba(255,255,255,0.7);padding: 10px 0;}
.product_view_visual_slider_control .slick_arrows {display:none;}
.product_view_visual_slider_control .slick_play_state {display:inline-block;}

/*mission[인사말]*/	
.mission-content .text_area .greeting_txt dt{ font-size:18px}	
.mission-content .text_area .greeting_txt span:after, .mission-content .text_area .greeting_txt span:before{ width:40px; height:33px}
.mission-content .text_area .greeting_txt dd{ font-size:15px}
.mission-content .text_area .sign_box > p{ font-size:12px}
.lang_kor .mission-content .text_area .sign_box > p{ font-size:13px}
.mission-content .text_area .sign_box strong {font-size: 16px;}
/*contact us*/
.contact_inner .mapDiv .imgDiv .mark {margin: -19% 0 0 -16%;}
.contact_inner .mapDiv{padding: 35px 0  25px}
.contact-content .section2 .gloListD .clearfix .google_map{ height:250px; min-height:250px}

/*solution [common-content style]*/
.solution-content .sec_top > div>div.img_area{ margin-bottom:30px}
.solution-content .sec_top .text_area dl dt{ font-size:18px; margin-bottom: 7px;}
.solution-content .sec_top .text_area dl dd{ font-size:14px}
.solution-content .loner_img{ margin-top:15px; padding:10px}

.bbs-inquiry-agree-con{ margin-bottom:40px}

}
@media all and (max-width:530px){
/*contact us*/	
.contact_inner .mapDiv .imgDiv .mark {margin: -21% 0 0 -17%;}
.contact-content .section2 .gloListD .clearfix .infoD{ padding:30px 15px}
.contact-content .section2 .gloListD .clearfix .infoD .tit{ font-size:17px;margin-bottom: 15px;}	
.contact-content .section2 .gloListD .clearfix .infoD .txtD .txtBox span{ display:block!important; width:100%!important;}
}
@media all and (max-width:480px){
/* ----------- 공통 :: 서브 info txt style ------------ */	
.sub-policy-tit{ font-size:16px; margin-top:20px}
.sub-policy-tit:before{ top:2px}
.sub-policy-txt{ font-size:14px; margin-top:5px}	
.quality-policy-spirits li em{ font-size:14px}
/*=== contect common style ===*/
.rglt-sub-tit{ font-size:16px;}
.rglt-common-txt{ font-size:14px}	
.table_wrap table.tb_style1 tr th{ font-size:14px;padding: 15px 5px;}
.table_wrap table.tb_style1 tr td{ font-size:13px}
.tb_info{margin-top: 10px;font-size: 13px;}	
/*mission[인사말]*/		
.mission-content .img_area{ height:45vh}
.mission-content .text_area .sign_box .sign_logo{ display:none}	

/*contact us*/
.contact_inner .mapDiv .imgDiv .mark { margin: -25% 0 0 -19%;}
.contact-content .section2 .gloListD .clearfix .infoD .txtD .txtBox{ padding-left:10px}
.contact-content .section2 .gloListD .clearfix .infoD .txtD .txtBox span:first-child{ font-size:14px!important}
.contact-content .section2 .gloListD .clearfix .infoD .txtD .txtBox span:first-child, 
.contact-content .section2 .gloListD .clearfix .infoD .txtD .txtBox span:last-child{ font-size:13px}

/*solution[features]*/
.features_top{ font-size:16px}
.solution-content .sec_btm > div.cm-fr{ margin-top:20px}
.solution-content .sec_btm > div.type3 .photo_info li{ width:100%;}
.plus-icon-box li .plus-box-inner .plus-box-list dt span b{ display:block;}
.option-img li > div span img{ max-width: 75%;}
/*service*/
.service-content .service-policy-con{ margin-top:15px}
.service-content .service-policy-con dt b{ font-size:14px; line-height:1.6}
.service-content .service-policy-con dd{ font-size:13px; margin-bottom:20px}
.inquiry-style03-tbl{ margin-top:50px}
.inquiry-style03-write-box .double-con{margin:0}
.inquiry-style03-write-box .double-con dl{float:none; width:100%; margin:0 0 10px}
.inquiry-style03-write-box{ margin-bottom:10px}

.bbs-inquiry-agree-con .sect h2{ font-size:16px}
.bbs-inquiry-agree-con .sect .info-text{ font-size:13px}
.bbs-inquiry-agree-con .agree-txt{ font-size:13px}
}
@media all and (max-width:420px){
.solution-content .sec_btm > div .photo_info li figcaption p{ font-size:12px}	
}