@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
/* *******************************************************
 * filename : sub.css
 * description : 서브페이지 레이아웃 CSS
 * date : 2022-03-17
******************************************************** */
/* ******************  서브공통 ********************** */
.aos-animate .up_motion > * {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1;} 
/* -------- 공통 스크롤바  -------- */
.custom-scrollbar-cover{display:none;}
button {border:none;}

/* -------- 공통 테이블스타일 -------- */
.table_wrap table {width:100%; border-collapse: collapse; border: 1px solid #ddd;}
.table_wrap table th{border: 1px solid #c6c6c6; border-top: 1px solid #333; padding: 20px 0; background-color: #f7f7f7; font-size: 16px; font-weight: 300; letter-spacing: -0.7px; color: #464646;}
.table_wrap table td{padding: 25px 0; border: 1px solid #c6c6c6; text-align: center; font-size: 16px; line-height: 1.7; font-weight: 300; letter-spacing: -0.75px; color: #555;}
.backslash { text-align: right;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><line x1="0" y1="0" x2="100%" y2="100%" stroke="gray" /></svg>');
  background-repeat: no-repeat; 
}
.backslash div {text-align: left;}

/* -------- 공통 테이블스타일01 -------- */
.table_wrap table.tb_style1 {border-top: 2px solid #d21414}
.table_wrap table.tb_style1 th {border-top: 0; font-size: 18px; font-weight: 600;}
.table_wrap table.tb_style1 td {font-size: 17px; padding: 20px 0;}


/* -------- 공통 테이블스타일02 -------- */
.table_wrap table.tb_style2 {border-top: 1px solid #d21414}
.table_wrap table.tb_style2 th {border-top: 0; font-size: 14px; font-weight: 600; padding: 0 10px;}
.table_wrap table.tb_style2 td {font-size: 14px; padding: 5px 0; width: 12%;}
.table_wrap table.tb_style2 td:first-child {width: 15%;}



/* -------- 테이블스타일 미디어쿼리 -------- */

@media all and (max-width: 1024px){
   .table_wrap table.tb_style1 th {font-size: 16px;}
   .table_wrap table.tb_style1 td {font-size: 15px;}
}
@media all and (max-width: 800px){

}
@media all and (max-width: 540px){
   .table_wrap {width: 100%; overflow-x: auto; white-space: nowrap;}
   .table_wrap table {min-width: 540px;}
   .table_wrap table.tb_style1 th {font-size: 14px; padding: 10px;}
   .table_wrap table.tb_style1 td {font-size: 12px; padding: 10px;}
}
@media screen and (max-width: 480px) {
  
}
@media screen and (max-width: 375px) {
  
}



/* 공통레이아웃 :: 기본Parallax */
.parallax-container-wrapper{font-size:20px; color:#fff;}
.parallax-container{position:relative; height:100vh; background-size:cover !important; box-sizing:border-box; }
.parallax-fixed .parallax-container{background-attachment:fixed !important; }
.parallax-container.v-center{display:flex; align-items:center; text-align:center; }
.no-prarallax-container{position:relative; background-color:#fff;}
/* 공통레이아웃 :: first section fixed */
.parallax-fixed-wrapper{position:relative; min-height:100vh; padding-top:100vh; }
.parallax-fixed-container{position:absolute; top:0; left:0; width:100%; height:100vh; background-size:cover !important; box-sizing:border-box; }
.parallax-fixed .parallax-fixed-container{position:fixed;}
.parallax-fixed-container + .parallax-container{position:relative;}
.parallax-fixed-bg{position:absolute; top:0px; left:0px; width:110%; margin-left:-5%; height:100%; background-size:cover !important;}


/* -------- 공통 Fixed Move Tab -------- */
.fixed-tab-container{position:relative}
/* tab */
.fixed-move-tab-list-wrapper{position:relative; height:60px; width:100%}
.fixed-move-tab-list{height:60px; position:relative; }
.fixed-move-tab-list  ul{margin-right:-3px}
.fixed-move-tab-list  ul li{float:left; position:relative; width:33.33%; position:relative; margin-left:-1px;}
.fixed-move-tab-list  ul li:first-child{margin-left:0; }
.fixed-move-tab-list  ul li a{display:block; height:58px; line-height:58px; font-weight:400; color:#222; font-size:16px; letter-spacing:-0.5px; text-align:center; border:1px solid #e5e5e5; background-color:#fff;}
.fixed-move-tab-list  ul li.selected{z-index:1;}
.fixed-move-tab-list  ul li.selected a{background-color:#aaa; color:#fff;}
/* fixed */
.fixed-move-tab-list.fixed {position:fixed; top:0px; left:0; width:100%; z-index:99} /* fixed top 변경*/
/* content(임시) */
.fixed-tab-content{padding:30px 0; border:1px solid #ddd; margin-top:50px; min-height:300px; }




/* -------- 공통 :: 탭 -------- */
@media all and (min-width: 801px){
	.sub-cm-tab-list{margin-bottom:70px;}
	.sub-cm-tab-list ul{margin-right:-4px}
	.sub-cm-tab-list ul li{float:left; position:relative; width:20%; position:relative; margin-left:-1px;  background-color:#fff;}
	.sub-cm-tab-list ul li:first-child{margin-left:0}
	.sub-cm-tab-list ul li a{display:table; height:60px; width:100%; border:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; }
	.sub-cm-tab-list ul li a em{display:table-cell; vertical-align:middle; color:#494949; font-size:18px; letter-spacing:-0.30px; text-align:center;}
	.sub-cm-tab-list ul li.selected{z-index:1; }
	.sub-cm-tab-list ul li.selected a{background-color:#333; border-color:#333}
	.sub-cm-tab-list ul li.selected a em{color:#fff; }
	.sub-cm-tab-list .cm-tab-m-btn{display:none}
}

/* -------- 공통 :: 서브 타이틀 -------- */
#sub_content .page_tit2 {text-align: center; letter-spacing: -2px;}
#sub_content .page_tit2 h3 {font-size: 45px; color: #222; font-weight: 500; padding-bottom: 23px;}
#sub_content .page_tit2 p {font-size: 22px; color: #333;}

/* -------- 공통 :: more버튼 -------- */
.more-page-btn{ color:#3d3d3d; letter-spacing:0; font-size:12px; font-weight:700;}
.more-page-btn .arrow{display:inline-block; width:27px; height:27px; background-color:#303030; text-align:center; border-radius:50%; color:#fff; vertical-align:middle; margin-left:9px; transition:all 0.3s}
.more-page-btn .arrow i{line-height:27px; font-size:19px; position:relative; left:1px}
.more-page-btn.white{color:#fff;}
.more-page-btn.white .arrow{ background-color:#fff; color:#3d3d3d }
/*more :: transition*/
.more-page-btn.trans{position:absolute; right:0; top:50%; transform:translateY(0); transition:opacity 0.8s 0.3s, transform 0.8s 0.3s, color 0.3s; opacity:0;}
.aos-animate .more-page-btn.trans{opacity:1; transform:translateY(-50%); }
@media all and (min-width: 801px ){	
.more-page-btn:hover{color:#0090d3}
.more-page-btn:hover .arrow{background-color:#0090d3; color:#fff}
}
@media all and (max-width: 800px ){	
/* 버튼 */
.more-page-btn{margin-top:10px}
.more-page-btn .arrow{width:22px; height:22px; margin-left:5px}
.more-page-btn .arrow i{font-size:17px; line-height:22px}
}



/* 서브페이지 공통 레이아웃 */
.con {margin: 5% 0 10%;}
#greeting, #philosophy, #history, #organization, 
#business, #location, #certifi, #notice, #board, #product, #caution {padding-top: 6.6%;}






/* ******************  회사소개01 :: 회사소개 ********************** */
#greeting {position: relative; }
#greeting .greeting-content {position: relative;}
#greeting .greeting-content:before {content:''; position: absolute; left: 0; top: -115px; background: #f5f5f7; width: 577px; height: 488px; z-index: -1}
#greeting .greeting-content:after {content:''; position: absolute; right: 247px; top: -100px; background: url(/img/greeting_txt_bg.png)no-repeat; width: 1025px; height: 216px; z-index: -1;     background-size: 100%;}
#greeting .con {display: flex; margin: 13% 0 6.5%;}
#greeting .con .img_box {flex-basis: 47%;}
#greeting .con .img_box img {max-width: 100%;}
#greeting .con .txt_box {flex-basis: 60%; background: #fff; padding: 74px 65px; margin-left: -102px; margin-top: 127px;}
#greeting .con .txt_box strong {position: relative; display: block; font-size: 40px; font-weight: 800; color: #d21414; text-align: right; padding-bottom: 30px; margin-bottom: 74px; letter-spacing: -1px;}
#greeting .con .txt_box strong:before {content:''; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: linear-gradient(to right, #d21414, #3a1869);}
#greeting .con .txt_box p {font-size: 20px; font-weight: 300; color: #464646; letter-spacing: -1px; padding-bottom: 32px; line-height: 1.6; word-break: keep-all; padding-right: 130px;}
#greeting .con .txt_box p:last-child {padding-bottom: 0;}


/* ******************  회사소개02 :: 기업이념 ********************** */
.philosophy-content .img_box.p_view {display: block; text-align: center; }
.philosophy-content .img_box.m_view {display: none;}
.philosophy-content .img_box img {max-width: 100%;}


/* ******************  회사소개03 :: 회사연혁 ********************** */
.history_g{position:relative;margin-top: 80px;}
.history_g:before{content: '';position: absolute; top:45px;left: 50%; bottom: calc(100% + 124px); width: 1px;background: #ccc; z-index: 1;}
.history_g .history_top{ text-align:center; position:relative; z-index:1;margin: 0 auto;padding-left: 7px;}
.history_g #con3 .text{background-image:url(../../img/m15_con3_f.jpg)}
.history_g .con .year{}
.history_g .con {margin-top:65px;position: relative;}
.history_g .con:before{content: '';position: absolute;top: 77px; left: 50%; right: 0;margin-left: 5px;  height: 1px; background: #ebebeb;  z-index: 10;}
.history_g .con .con_g {display: flex; justify-content: center; margin: 0 auto; width:100%; position: relative;}
.history_g .con .con_g .img { width: 50%;text-align: right; padding-right: 60px;box-sizing: border-box; }
.history_g .con .con_g .img img{ max-width:100%; width:100%;border:1px solid #ddd}
.history_g .con .con_g .text {width: 50%; padding-top: 120px; background: url(../../img/m15_con1_f.jpg) no-repeat right top; padding-left: 65px; box-sizing: border-box; position: relative; z-index: 9; background-size: 86%}
.history_g .con .text:before { content: '';position: absolute;  top: 74px;left: -3px; background:#d21414;width: 7px;height: 7px; border-radius: 50%;}
.history_g .con:nth-child(even) .year{flex-direction:row-reverse}
.history_g .year .y_l{font-size:32px;line-height:1em;color:#d21414;font-weight:600;margin-bottom: 30px;}
.history_g .year .y_r{width:100%;margin-top:-8px}
.history_g .year dl{display:flex;font-size:16px;line-height:1.7;color:#444;margin:15px 0;}
.history_g .con:nth-of-type(even) .year dl{flex-direction:row-reverse}
.history_g .year + .year{margin-top:30px}
.history_g .year dt{width:80px;font-weight:600;font-size:18px;color:#333}
.history_g .year dd{width:calc(100% - 80px);font-weight:300;margin-top:3px}
.history_g .year dd > span{display:block; position:relative;}
.history_g .year strong{font-weight:500}
.history_g .history_g{margin-top:240px;position:relative;padding-bottom:200px}
.history_g .con:nth-of-type(even) .text:before{left:unset;right:-4px}
.history_g .con:nth-of-type(even) .text{background-image:url(../../img/m15_con1_f.jpg);background-position:left top;padding-left:0;padding-right:60px}
.history_g #con2 .con_g .text{ background-image:url(../../img/m15_con2_f.jpg);background-size: inherit; padding-right:45px}
.history_g .con:nth-of-type(even):before {left: 0;right: 50%;  margin: 0 5px 0 0;}
.history_g .con:nth-of-type(even) .img {text-align: left;padding-right: 0;padding-left:65px;}
.history_g .con:nth-of-type(even) .con_g{flex-direction:row-reverse;text-align:right}
.history_g.aos-animate:before{bottom: 0;transition: 3s .2s ease;background: #ebebeb;}


/* ******************  회사소개04 :: 조직도 ********************** */
.organization-content .img_box.p_view {display: block; text-align: center; }
.organization-content .img_box.m_view {display: none;}
.organization-content .img_box img {max-width: 100%;}


/* ******************  회사소개05 :: 사업분야 ********************** */
.business-content ul {position: relative; display: flex; flex-wrap: wrap; justify-content: center}
.business-content ul:before {content:'HYOSHIN BUSINESS'; position: absolute; bottom: 96px; left: 0; font-size: 150px; font-weight: 800; width: 100%; z-index: -1; opacity: 0.05; letter-spacing: -9px;}
.business-content ul li {flex-basis: 32%; border: 1px solid #ddd; text-align: center; padding: 0 23px 25px; margin-left: -1px; margin-bottom: -1px;}
.business-content ul li figure {}
.business-content ul li figure img {max-width: 100%;}
.business-content ul li figure figcaption {}
.business-content ul li figure figcaption strong {font-size: 21px; font-weight: 700; letter-spacing: -1px;}
.business-content ul li figure figcaption p {font-size: 16px; letter-spacing: -1px; color: #888; word-break: keep-all; padding-top: 8px; line-height: 1.2;}


/* ****************** 회사소개06 :: 찾아오시는 길 ********************** */
.map_area {position: relative; margin: 0px auto 55px; }
.map_area .map-iframe-con {position: relative; padding-top: 35%; height: 0;}
.map_area .map-iframe-con iframe {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;}
.map-tbl-con .map-tbl-tit{margin-bottom:1.15em; font-size:26px; color:#000; letter-spacing:-0.35px;}
.map-tbl-con .map-tbl-tit i{position:relative; top:2px; margin-right:5px; font-size:1.15em;}
.map-tbl-con .map-tbl-tit b{color:#0e479e;}
.map-tbl {width: 100%; border-top: 2px solid #222;}
.map-tbl th,.map-tbl td {padding: 22px 0 22px 37px; letter-spacing:-0.3px; font-size: 18px; line-height:1.5; border-bottom:1px solid #dfdfdf; color:#000;}
.map-tbl th {position: relative; width: 13%; text-align:left; font-weight:500; }
.map-tbl th:before {content:''; position: absolute; top: 50%; transform: translateY(-50%); right: 0; width: 1px; height: 15px; background: #ddd;}
.map-tbl th i {font-size: 23px; padding-right: 17px; color: #d21414; font-weight: bold; vertical-align: middle;}


/* 공통 tab */
.tab {border-bottom: 1px solid #e2e2e2; display: flex; cursor: pointer;}
.tab li {background: #fbfbfb; color: #484848; width: 34.3333%; height: 54px;  font-size: 16px; border:1px solid #e2e2e2; border-bottom: none; text-align: center; margin-left: -1px; font-size: 17px; display: table; line-height: 54px;}
.tab li span {display: table-cell; vertical-align: middle;}
.tab li.current {background: #fff; color: #fff; background: #2b2b2b}

.tab-content {display: none; background: #fff; padding-top: 48px;}
.tab-content.current {display: inherit; }
.tab-content p {font-size: 17px; padding-bottom: 4px; color: #2b2b2b;}
.tab-content > ul {width: 100%; padding-top: 40px;}
/*
.tab-content > ul > li {font-size: 15px; line-height: 24px; letter-spacing: -0.75px; color:#676767; font-weight: normal;padding: 0 15px; float: left; width: 25%; height: 467px;}
.tab-content > ul > li > a > figure{ width:100%; box-sizing:border-box; }
.tab-content > ul > li > a > figure figcaption {text-align: center;padding: 20px 0; font-size: 19px;color: #222; word-break: keep-all;}
.tab-content > ul > li:hover > a > figure figcaption { color:#2061bd}
.tab-content > ul > li img {border:1px solid #DDDDDD; width:100%; height:auto;}
.tab-content > ul > li:hover img {border: 1px solid #2061bd} 
*/



/* ****************** 인증서 및 성적서 ********************** */
#certifi .certi_list {display: flex; flex-wrap: wrap;}
#certifi .certi_list li {flex-basis: 20%; margin-bottom: 4%;}
#certifi .certi_list li figure {text-align: center;}
#certifi .certi_list li figure img {max-width: 100%; border: 1px solid #ddd;}
#certifi .certi_list li figure figcaption {font-size: 18px; padding-top: 10px;}



/* ******************  생산제품 ********************** */
/* #product *{font-family: 'Roboto', sans-serif;} */
#product .product-content {}
#product .product-content .con {border-top: 1px solid #7f7f7f; margin: 0 0 10%}


/* ******************  자료실 :: 제품취급시 주의사항 ********************** */
#caution {}
#caution .caution-content {}
#caution .caution-content h2 {font-size: 24px; font-weight: 700; padding-bottom: 20px;}
#caution .caution-content h2 span {font-size: 34px; font-weight: 900; padding-right: 10px;}
#caution .caution-content .sc {margin-bottom: 4%;}
#caution .caution-content .sc p {margin-bottom: 9px;}
#caution .caution-content .sc p.bg_gray {background: #f5f7f7; padding: 30px;}
#caution .caution-content .sc strong {position: relative; display: block; font-size: 18px; padding-left: 20px; margin-bottom: 12px;}
#caution .caution-content .sc strong:before {content:''; position: absolute; top: 50%; transform: translateY(-50%); left: 0; background: url(/img/sub_tit_icon.png)no-repeat; width: 9px; height: 9px;}
#caution .caution-content .sc .img_box {text-align: center; padding: 15px; border: 1px solid #e8e8e8;}
#caution .caution-content .sc .img_box img {max-width: 100%;}
#caution .caution-content .sc .list {display: flex; flex-direction: column;}
#caution .caution-content .sc .list > li {position: relative; padding-left: 20px; font-size: 17px; color: #2b2b2b; line-height: 1.6; margin-bottom: 6px;}
#caution .caution-content .sc .list > li:before {content:''; position: absolute; top: 11px; left: 0; width: 3px; height:2px; background:#2b2b2b}
#caution .caution-content .sc .list > li > ul {display: flex; border: 1px solid #ddd; padding: 20px; margin: 10px;}
#caution .caution-content .sc .list > li > ul li { flex-basis: 33.333%;}
.table_wrap.df {display: flex; justify-content: space-between}
.table_wrap.df table {flex-basis: 32%;}


/* ******************  QnA ********************** */
.inquiry-content {padding-bottom: 110px;}
.formMail_box {width: 100%;}
.g_inquiry {width: 100%;}
.g_inquiry .sub_content .c_center_box{position:relative; padding-bottom:30px;}
.g_inquiry .sub_content .c_center_box:after{content:''; display:block; clear:both;}
.g_inquiry .sub_content .c_center_box h3{
	font-size:25px; 
	color:#333; 
	padding-bottom:15px; 
	text-align:left;
	font-weight:500!important;
    font-family: "Noto Sans KR", sans-serif;
}
.g_inquiry .sub_content .c_center_box .info_txt{font-size:15px; color:#666; position:absolute; right:0; top:10px; font-family: "Noto Sans KR", sans-serif;}
.g_inquiry .sub_content .c_center_box .info_txt .txt_style{font-size:15px; vertical-align: top; font-family: "Noto Sans KR", sans-serif;}
.g_inquiry .sub_content .c_center_box .check_point{
	position:absolute; 
	top:-3px;
	right:-17px; 
	display:inline-block; 
	width:20px; 
	height:20px; 
	background:url("/img/require.png") 50% 50% no-repeat;
}
.g_inquiry .sub_content .c_center_box table{ width:100%; border-top:2px solid #0090d3;}
.g_inquiry .sub_content .c_center_box table th{ 
	padding:30px 0 30px 40px; 
	font-size:15px; 
	text-align:left;
    font-family: "Noto Sans KR", sans-serif;
    border-bottom:1px solid #ddd!important;
}
.g_inquiry .sub_content .c_center_box table th.th_style{vertical-align:top; padding-top:20px;}
.g_inquiry .sub_content .c_center_box table th label{ 
	font-size:17px; 
	position:relative; 
	color:#222; 
	font-weight:normal;
    font-family: "Noto Sans KR", sans-serif;
    cursor: default;
}
.g_inquiry .sub_content .c_center_box table th .label{ position:relative; font-size:16px; color:#333;font-family: "Noto Sans KR", sans-serif;}
.g_inquiry .sub_content .c_center_box table td{padding: 25px 0; font-size:16px; color:#666; line-height:20px; text-align:left;font-family: "Noto Sans KR", sans-serif; border-bottom:1px solid #ddd!important;}
.g_inquiry .sub_content .c_center_box table td span {padding: 0 20px;}
.g_inquiry .sub_content .c_center_box table tr{}
.g_inquiry .sub_content .c_center_box .select{display:inline-block; height: 53px; box-sizing:border-box; margin-top:-3px; vertical-align:middle; margin-left:32px;}
.g_inquiry .sub_content .c_center_box .select.type1{margin-left:0;}
.g_inquiry .sub_content .c_center_box .selectBox {padding:0;}
.g_inquiry .sub_content .c_center_box .selectBox-dropdown {min-width:130px;}
.g_inquiry .sub_content .c_center_box .selectBox-dropdown .selectBox-label {height:53px; width:125px !important; overflow: hidden;box-sizing:border-box; line-height: 32px; }
.g_inquiry .sub_content .c_center_box .selectBox-dropdown .selectBox-arrow:before{margin-top:10px; }
.g_inquiry .sub_content .c_center_box .selectBox-options li a{height:33px; line-height:33px;}
.g_inquiry .sub_content .c_center_box .form_style{padding: 14px 20px 14px 15px; border:1px solid #ddd; font-size:16px; line-height:20px; font-family: "Noto Sans Kr",sans-serif; width: 36%;}
.g_inquiry .sub_content .c_center_box .f_style3.with_name{width:130px;}
.g_inquiry .sub_content .c_center_box .f_style6{resize:none; height:170px;}
.g_inquiry .sub_content .c_center_box .f_style7{width:270px;  margin-right:10px}
.g_inquiry .sub_content .c_center_box .f_style8{width:270px; margin-left:10px}
.g_inquiry .sub_content .c_center_box .f_style8.with_name{width:300px; margin-left:0;}
.g_inquiry .sub_content .c_center_box .f_style9{width:270px;}
.g_inquiry .sub_content .c_center_box .radio label{font-size:15px; padding-right:10px; font-family: "Noto Sans KR", sans-serif;}
.g_inquiry .sub_content .c_center_box .security_code{width:130px; height:35px; line-height:35px; font-size:20px; background:#ddd; display:inline-block; text-align:center;}
.g_inquiry .sub_content .c_center_box .form_p_btn{height:34px; padding:0 15px; background:#999; color:#fff; font-size:15px; margin-left:10px; vertical-align: bottom; font-family: "Noto Sans KR", sans-serif;}
.g_inquiry .sub_content .c_center_box .count_box{position:relative;}
.g_inquiry .sub_content .c_center_box .count_num{position:absolute; right:30px; bottom:39px; font-size:15px; font-family: "Noto Sans KR", sans-serif;}
.g_inquiry .sub_content .c_center_box .count_num span{
	color:#0068b7; 
	font-size:15px;
	vertical-align:top;
    font-family: "Noto Sans KR", sans-serif;
}
.g_inquiry .sub_content .c_center_box .info_txt_box{width:100%; height:195px; overflow:auto; border:1px solid #ddd; text-align:left; padding:10px 20px; font-size:15px; color:#666; box-sizing:border-box; line-height:1.6;font-family: "Noto Sans KR", sans-serif;}
.g_inquiry .sub_content .c_center_box .info_txt_box.with_name{height:160px; padding:30px 35px 20px ; color:#333; line-height:23px;}
.g_inquiry .sub_content .c_center_box .info_txt_box.with_name span{ 		
	display:block; 
	font-size:15px; 
	line-height:23px; 
	font-weight:bold;
    font-family: "Noto Sans KR", sans-serif;
  }
.g_inquiry .sub_content .c_center_box .checkbox{padding:20px; float:right;}
.g_inquiry .sub_content .c_center_box .checkbox span{font-size:15px;font-family: "Noto Sans KR", sans-serif; line-height: 25px;}
.g_inquiry .sub_content .c_center_box .checkbox label{ 
	font-size:15px; 
	margin-left:6px;
    font-family: "Noto Sans KR", sans-serif;
}
.g_inquiry .sub_content .c_center_box .notice_txt_s{display:inline-block; margin-left:10px;}
.g_inquiry .sub_content .c_center_box .notice_txt_s li{color:#1b2e5a; font-size:12px; line-height:18px;font-family: "Noto Sans KR", sans-serif;}
.g_inquiry .sub_content .c_center_box .notice_txt_s li:before{content:'* ';}
.g_inquiry .sub_content .btn_style_wrap{text-align: center; clear:both;}
.g_inquiry .sub_content .btn_style_wrap .inq_btn{font-size:15px; padding:10px 55px; font-size: 17px; margin: 0 10px;}
.g_inquiry .sub_content .btn_style_wrap .inq_btn1{ border:1px solid #999; background:#fff; margin-right:10px;}
.g_inquiry .sub_content .btn_style_wrap .inq_btn2{ 
	border:1px solid #444; 
	background: #444; 
	color:#fff; 
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
}
.g_inquiry .sub_content .btn_style_wrap .inq_btn2:hover {
    border: 1px solid #0090d3;
    background: #0090d3;
}
.file_box {width:400px; overflow:hidden; display:inline-block;}
.file_input_tb{float:left; height:35px; width:365px; margin-right:10px; position:relative;}
input.file_input_tb{ background-color:#ddd; border: none; width:270px; height:34px;}
.file_input_div{display:inline-block; width:270px; text-align:center; }
.file_input_button{
	height:34px; 
	padding: 0 19px;  
	background-color:#afafaf; 
	color:#fff!important; 
	border:none; 
	position:absolute; 
	top:0; 
	right:0; 
	z-index:1; 
	cursor: pointer;
	font-size:15px;
    font-family: "Noto Sans KR", sans-serif;
}
.file_input_hidden{overflow:hidden; display:none; position:absolute; left:-9999em; width:83px;  height:30px; font-size:45px; opacity:0;  filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); -khtml-opacity:0; -moz-opacity:0;}

/* select box */
.select {display:block; position:relative; z-index:1; min-width:120px; text-align:left; background-color:#fff;}
.select > a {
	display:block; 
	overflow:hidden; 
	padding:0 15px; 
	line-height:40px; 
	font-size:15px; 
	color:#666; 
	text-overflow:ellipsis; 
	white-space:nowrap; 
	word-break:break-all; 
	border:1px solid #ddd; 
	background:url(/img/gnb_bg.gif) no-repeat right 11px center;
    font-family: "Noto Sans KR", sans-serif;
}
.select > a:before {
	display:inline-block; 
	content:""; 
	position:absolute; 
	top:50%; 
	right:30px; 
	margin-top:-7px; 
	width:1px; 
	height:14px; 
	background-color:#ddd;
}
.select ul {
	display:none; 
	position:absolute; 
	top:42px; 
	left:0; 
	width:100%; 
	background-color:#fff;
}
.select ul li {border:1px solid #ddd; border-top:0;}
.select ul li a {
	display:block; 
	overflow:hidden; 
	padding:7px 15px; 
	font-size:15px; color:#666; 
	line-height:30px; 
	text-overflow:ellipsis; 
	white-space:nowrap; 
	word-break:break-all;
    font-family: "Noto Sans KR", sans-serif;
}
.select ul li a:focus,
.select ul li a:hover {color:#fff; background-color:#0068b7;}
table .select > a{line-height: 53px;}
table .select{width: 170px;}
.utility .select > a{line-height:30px;}
.g_inquiry .sub_content .c_center_box .select ul {top: 53px; }
.g_inquiry .sub_content .c_center_box .select ul li a{padding:0 15px; }
.selectBox-dropdown {min-width:120px; border-radius:0; background:none; background-color:#fff;}
.selectBox-dropdown .selectBox-label {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;  word-break:break-all; background-color:#fff;}
.selectBox-dropdown .selectBox-arrow {background-color:#fff;}
.selectBox-dropdown.selectBox-menuShowing .selectBox-arrow {}
.selectBox-dropdown-menu {}
.selectBox-options,
.selectBox-options li,
.selectBox-options li a {}
.selectBox-options li.selectBox-selected a {}
.select .selectBox.selectBox-dropdown{border: 1px solid #ddd;}
.select .selectBox-dropdown {min-width:120px; border-radius:0; }
.select .selectBox-dropdown .selectBox-label {overflow:hidden; height:38px; line-height:38px; font-size:14px; text-overflow:ellipsis; white-space:nowrap; word-break:break-all; background-color:#fff;}
.select .selectBox-dropdown .selectBox-arrow { width: 38px; background-color:#fff; background-image: url(/ko/pc/assets/images/common/arrow1.png);  background-position:center center; border-left:none;}
.select .selectBox-dropdown .selectBox-arrow:before{content:''; border-left:1px solid #ddd; margin-top:12px; display:inline-block; height: 15px; }
.select .selectBox-dropdown.selectBox-menuShowing .selectBox-arrow { background-image: url(images/arrow2.png); background-position:center center;}
.select .utility .selectBox-dropdown .selectBox-label {width: 190px !important;}
.select .utility .selectBox.selectBox-dropdown{width: 230px !important;}
.selectBox-options li a{padding:6px 7px; font-size:14px; border-bottom:1px solid #ddd; }
.selectBox-options li a:hover{background:#1b2e5a; color:#fff;}
.selectBox-options li.selectBox-selected a{background:#1b2e5a; color:#fff;}
.selectBox-dropdown-menu{box-shadow:none; -webkit-box-shadow:none; border:1px solid #ddd; }
.select.type1 .selectBox-dropdown .selectBox-label {height: 34px; line-height: 34px; }
.select.type1 .selectBox-options li a {border-bottom:1px solid #ddd; }
.select.type1 .selectBox-options li a{height:34px; line-height:34px;}
.select.type1 .selectBox-dropdown .selectBox-arrow:before{margin-top:10px;}


/* btn_style  */
.btn_style1 {display: inline-block; width: 110px; height: 40px; position:relative; background: #fff; border: 1px solid #797979; line-height: 40px;}
.btn_style1 span{padding-left: 27px; font-size: 15px; color:#555;}
.btn_style1 span:after{ content:'';  width: 7px;  height: 7px; position:absolute; right: 25px; top: 13px; border-right: 1px solid #555;  border-bottom: 1px solid #555;  transform: rotate(45deg)}
.btn_style2{ display: inline-block; width: 135px; height: 50px; position:relative; background: #fff; border: 1px solid #797979;  text-align: center; line-height: 50px;}
.btn_style2 span{font-size: 15px; color:#555;}
.btn_style2 span:after{ content:'';  width: 5px;  height: 5px; position:absolute; right: 28px; top: 21px; border-right: 1px solid #555;  border-bottom: 1px solid #555;  transform: rotate(-45deg)}s
.btn_style3 {display: inline-block; width: 95px; height: 30px; border-radius:20px; position:relative; border: 1px solid #797979; line-height: 30px;}
.btn_style3 span{ padding-left: 20px; font-size: 13px; color:#555;}
.btn_style3 span:after{ content:'';  width: 5px;  height: 5px; position:absolute; right: 17px; top: 12px; border-right: 1px solid #555;  border-bottom: 1px solid #555;  transform: rotate(-45deg)}
.btn_style4 {display: inline-block; padding:8px 35px 9px ; text-align: center; border: 1px solid #bbb; }
.btn_style4 span{ font-size: 15px; color:#555;}
.btn_style5 {display:inline-block; padding:15px 50px;  background:#1b2e5a;  text-align: center; transition:0.5s;}
.btn_style5 span{font-size: 18px; color:#fff;}
.btn_style6 {display:inline-block; padding:8px 10px 8px 20px; border:1px solid #ddd;}
.btn_style6 span {font-size:12px; color:#333;}
.btn_style6 span:after {display:inline-block; content:""; margin-left:5px; width:4px; height:4px; vertical-align:middle; border-right:1px solid #777; border-bottom:1px solid #777; transform:rotate(-45deg);}
.btn_style7 {position:relative; display:inline-block; padding:8px 24px 8px 20px; font-size:12px; color:#333; border:1px solid #ddd;}
.btn_style7:after {position:absolute; top:50%; right:10px; display:inline-block; content:""; width:4px; height:4px; border-right:1px solid #777; border-bottom:1px solid #777; transform:translate(0, -50%) rotate(-45deg);}
.btn_style8{display:inline-block; height: 40px; padding:9px 35px;  background: #1e305c;  text-align: center; transition:0.5s; }
.btn_style8 span{font-size: 15px; color:#fff;}
.btn_style8:hover,
.btn_style5:hover{background:#1e305c;}


/* Checkbox & radio */
@-webkit-keyframes hover-color {from {border-color:#c0c0c0;} to {border-color:#0c408d;}}
@keyframes hover-color {from {border-color:#c0c0c0;} to {border-color:#0c408d;}}
.formMail_box input[type="radio"],
.formMail_box input[type="checkbox"] {/*display:none;*/ position:absolute; opacity:0;}
/*input[type="radio"]:focus,*/
/*input[type="checkbox"]:focus {width:20px; height:20px; border:1px dashed #ddd; }*/
.formMail_box input[type="radio"][disabled],
.formMail_box input[type="checkbox"][disabled] {cursor:not-allowed;}
.formMail_box input[type="radio"] + label,
.formMail_box input[type="checkbox"] + label {
	display:inline-block; 
	position:relative; 
	padding-left:30px; 
	line-height:18px; 
	vertical-align:middle; 
	cursor:pointer; 
	outline:0;
}
.formMail_box input[type="radio"] + label:focus,
.formMail_box input[type="checkbox"] + label:focus {outline:0; box-shadow: 0 0 0 rgba(0, 0, 0, 0);}
.formMail_box input[type="radio"] + label:hover:before,
.formMail_box input[type="checkbox"] + label:hover:before {animation-duration:0.4s; animation-fill-mode:both; animation-name:hover-color;}
.formMail_box input[type="radio"] + label:before,
.formMail_box input[type="checkbox"] + label:before {
	display:inline-block; 
	content:''; 
	position:absolute; 
	top:0; left:0; 
	width:20px;
	height:20px; 
	border:1px solid #dfdfdf; 
	box-sizing:border-box;
}
.formMail_box input[type="radio"] + label:after,
.formMail_box input[type="checkbox"] + label:after {display:none; position:absolute; content:'';}
.formMail_box input[type="radio"][disabled] + label,
.formMail_box input[type="checkbox"][disabled] + label {cursor:not-allowed; color:#e4e4e4; }
.formMail_box input[type="radio"][disabled] + label:hover,
.formMail_box input[type="radio"][disabled] + label:before,
.formMail_box input[type="radio"][disabled] + label:after,
.formMail_box input[type="checkbox"][disabled] + label:hover,
.formMail_box input[type="checkbox"][disabled] + label:before,
.formMail_box input[type="checkbox"][disabled] + label:after {cursor:not-allowed; border-color:#bbb; }
.formMail_box input[type="radio"][disabled] + label:hover:before,
.formMail_box input[type="checkbox"][disabled] + label:hover:before {border:1px solid #e4e4e4;}
.formMail_box input[type="radio"][disabled] + label:before,
.formMail_box input[type="checkbox"][disabled] + label:before {border-color:#e4e4e4;}
.formMail_box input[type="radio"]:checked + label:before,
.formMail_box input[type="checkbox"]:checked + label:before {animation-name:none;}
.formMail_box input[type="radio"]:checked + label:after,
.formMail_box input[type="checkbox"]:checked + label:after {display:block; }
.formMail_box input[type="radio"][disabled] + label:hover:before,
.formMail_box input[type="checkbox"][disabled] + label:hover:before {border:1px solid #e4e4e4; animation-name:none;}
.formMail_box input[type="radio"] + label:before {border-radius:50%;}
.formMail_box input[type="radio"] + label:after {top:5px; left:5px; width:10px; height:10px; border-radius:50%; background:#0c408d;}
.formMail_box input[type="radio"]:checked + label:before {border:1px solid #dfdfdf;}
.formMail_box input[type="radio"]:checked[disabled] + label:before {border:1px solid #e3e3e3;}
.formMail_box input[type="radio"]:checked[disabled] + label:after {background:#eee;}
.formMail_box input[type="checkbox"] + label:before {border-radius:0;}
.formMail_box input[type="checkbox"] + label:after {
	top:0; left:6px; 
	width:6px; height:12px;  
	border-style:solid; 
	border-color:#0c408d; 
	border-top:0; 
	border-left:0; 
	transform:rotate(45deg); 
	-ms-transform:rotate(45deg);
}
.formMail_box input[type="checkbox"]:checked + label:before {border:1px solid #cdcdcd; background:#fff;}
.formMail_box input[type="checkbox"]:checked[disabled] + label:before {border:1px solid #e3e3e3; background:#eee;}

.formMail_box input[type="radio"]:focus + label,
.formMail_box input[type="checkbox"]:focus + label {/*box-shadow:0 0 2px #4d90fe; border-collapse: separate;*/}
.require {color: red;}




/* 개인정보처리방침 */
.privacy_page #Sub_depth {display: none;}
.privacy_tit {text-align: center; font-size: 43px; font-weight: 600; color: #333; letter-spacing: -1px; margin: 30px 0 }
.privacy_page .strong {position: relative; font-weight: bold; color: #222; display: block; font-size: 16px; margin-bottom: 10px; line-height: 1.5em; padding-left: 20px; word-break: keep-all}
.privacy_page .strong:before {content: ''; position: absolute; top: 7px; left: 0; background: #0650a3; width: 10px; height: 10px; }
.privacy_page .privacy_txt {font-size: 15px; color: #666; font-family: 'Nanum Gothic'!important; line-height: 1.8; margin: 20px 0; letter-spacing: -0.3px; padding-left: 24px;}
.privacy_page .privacy_txt:first-child {padding-left: 0;}



/* *******************************************************
 * 미디어쿼리 시작
******************************************************** */
/* ******************  서브공통 ********************** */
/* -------- 공통 스크롤바  -------- */
@media all and (max-width:1220px){
	.custom-scrollbar-wrapper .scroll-object{max-width:100%;}
}
@media all and (max-width:800px){
	.custom-scrollbar-wrapper{position:relative;margin-right:-15px; cursor:move}
	.custom-scrollbar-wrapper .scroll-object{max-width:none; width:800px; }
	.custom-scrollbar-cover{display:block; position:absolute; top:0px; left:0px; right:0px; bottom:0px; background-color:rgba(0,0,0,0.5)}
	.custom-scrollbar-cover .scroll-cover-txt{position:absolute; top:50%; left:0; width:100%; text-align:center; color:#fff; font-size:300; font-size:15px;}
	.custom-scrollbar-cover .scroll-cover-txt i{font-size:30px; display:block; margin-bottom:20px; }
}

/* -------- 공통 Fixed Move Tab -------- */
@media all and (max-width:1220px){
	.fixed-move-tab-list .area{padding:0}
}
@media all and (max-width:1024px){
	.fixed-move-tab-list.fixed{top:80px;}
}
@media all and (max-width:800px){
	.fixed-move-tab-list ul li a{height:40px; line-height:40px; font-size:14px;}
}
@media all and (max-width:480px){
	.fixed-move-tab-list.fixed{top:60px;}
}

/* -------- 공통 :: 탭 -------- */
@media all and (max-width: 800px){
	.sub-cm-tab-list{position:relative; font-size:15px; margin-bottom:30px;}
	.sub-cm-tab-list .cm-tab-m-btn{position:relative; display:block; padding:0 15px; height:40px; line-height:40px; background-color:#333;}
	.sub-cm-tab-list .cm-tab-m-btn span{color:#fff; }
	.sub-cm-tab-list .cm-tab-m-btn .arrow{color:#fff; position:absolute; top:50%; right:15px; margin-top:-7px}
	.sub-cm-tab-list .cm-tab-m-btn.open .arrow{transform:rotate(180deg)}
	.sub-cm-tab-list ul{display:none; position:absolute; top:40px; left:0px; right:0px;background-color:#fff; border:1px solid #ddd; z-index:11;}
	.sub-cm-tab-list ul li{border-top:1px solid #eee; width:100%;}
	.sub-cm-tab-list ul li:first-child{border-top:0}
	.sub-cm-tab-list ul li a{display:block; padding:10px 15px; color:#888; letter-spacing:-0.5px;}
	.sub-cm-tab-list ul li.selected a{color:#f57f20; font-weight:600}
}


/* 공통 */
@media all and (max-width:1420px){
    .con {padding: 0 30px;}
    #sub_content .page_tit2 h3 {font-size: 40px;}
}
@media all and (max-width:1200px){
    #sub_content .page_tit2 h3 {font-size: 40px;}
}
@media all and (max-width:1024px){
    #sub_content .page_tit2 h3 {font-size: 36px;}
}
@media all and (max-width: 800px){
    .con {padding: 0 20px;} 
    #product .product-content .con {padding: 0 15px;}
    #sub_content .page_tit2 h3 {font-size: 28px; padding-bottom: 8px;}
    #sub_content .page_tit2 p {font-size: 18px;}
}
@media all and (max-width: 540px){
     #greeting, #philosophy, #history, #organization, #business, #location, #certifi, #notice, #board, #caution {padding-top: 15%;}
}
@media all and (max-width: 480px) {
    #sub_content .page_tit2 h3 {font-size: 23px;}
    #sub_content .page_tit2 p {font-size: 16px;} 
}



/* ******************  회사소개01 :: 회사소개 ********************** */
@media all and (max-width:1024px){
    #greeting .greeting-content:before {display: none;}
    #greeting .greeting-content:after {display: none;}
    #greeting .con {flex-direction: column;}
    #greeting .con .img_box {flex-basis: 100%; text-align: center;}
    #greeting .con .img_box img {box-shadow: -37px -37px 0 0 #f5f5f7}
    #greeting .con .txt_box {flex-basis: 100%; margin: 0; padding: 54px 0;}
    
}
@media all and (max-width:800px){
    #greeting .con .img_box img {box-shadow: none;}
    #greeting .con .txt_box strong {font-size: 36px;}
    #greeting .con .txt_box p {font-size: 18px; padding-right: 0;}
}
@media all and (max-width: 540px){
    #greeting .con .txt_box strong {font-size: 28px; padding-bottom: 15px; margin-bottom: 30px;}
    #greeting .con .txt_box p {font-size: 16px;}
}
@media screen and (max-width: 480px) {
    #greeting .con .txt_box strong {font-size: 22px;}
    #greeting .con .txt_box p {font-size: 14px; padding-bottom: 15px;} 
}


/* ******************  회사소개02 :: 기업이념 ********************** */
@media all and (max-width: 600px){
    .philosophy-content .img_box.p_view {display: none;}
    .philosophy-content .img_box.m_view {display: block;}
}


/* ******************  회사소개03 :: 회사연혁 ********************** */
@media all and (max-width:1080px){
	/*연혁*/
    .history_g .con .con_g .text{padding-left:45px; padding-right:0}
    .history_g .con .con_g .img{padding-right:45px; padding-left:0}
    .history_g .con:nth-of-type(even) .img{padding-left: 45px; padding-right:0}
    .history_g .con:nth-of-type(even) .text{ padding-right:45px; padding-left:0;}
    .history_g #con2 .con_g .text{ background-size:90%}
    .history_g .year .y_l{ font-size:28px}
    .history_g .year dl{ margin:10px 0}
}
@media all and (max-width:800px){
    /*=연혁=*/
    .history_g .history_top img {max-width: 60%;}
    .history_g .con{ margin-top: 15px}
    .history_g .con .con_g .text{padding-left:35px; padding-right:0}
    .history_g .con .con_g .img{ padding-right:35px; padding-left:0}
    .history_g .con:nth-of-type(even) .img{padding-left: 35px; padding-right:0}
    .history_g .con:nth-of-type(even) .text{ padding-right:35px; padding-left:0}
    .history_g .year dt{ width:55px; font-size:18px}
    .history_g .year dd{ font-size:15px} 
}
@media all and (max-width:735px){
    /*연혁*/	
    .history_g{ margin-top:0}
    .history_g:before{ left:0;}
    .history_g .con:before, .history_top{ display:none}
    .history_g .con .con_g{ display:block; width:100%}
    .history_g .con .con_g .img,.history_g .con .con_g .text{ width:100%; padding:0}
    .history_g .year dl{ display:block; margin:6px 0}
    .history_g .con .con_g .text, .history_g #con2 .con_g .text{ padding-top:90px; background-position: right top 20px; background-size:auto 40px; box-sizing:border-box; position:relative; text-align:left!important; padding-left:25px}
    .history_g .con .text:before{ top:57px; right:auto; left:-2px!important; z-index:1;}
    .history_g .con .text:after{content: ''; position: absolute;  top: 60px;left: 0; right: 0;height: 1px; background: #ebebeb;}
    .history_g .year dl dt, .history_g .year dl dd{ display:inline-block; vertical-align:top}
}
@media all and (max-width:480px){
	/*연혁*/
    .history_g .year .y_l{ font-size:22px;margin-bottom: 22px;}
    .history_g .con .con_g .text, .history_g #con2 .con_g .text {background-position: right top 30px;background-size: auto 30px; padding-left: 0;}
    .history_g .year dt, .history_g .year dd{ line-height:1.7}
    .history_g .year dt{ font-size:16px}
    .history_g .year dd { font-size: 14px;}
    .history_g .year dd > span {padding-left: 20px;}
}

/* ******************  회사소개05 :: 사업분야 ********************** */
@media all and (max-width: 1200px){
    .business-content ul:before {display: none;}
}
@media all and (max-width: 1024px){
    .business-content ul li figure figcaption strong {font-size: 18px;}
    .business-content ul li figure figcaption p {font-size: 14px;}
}
@media all and (max-width: 800px){
    .business-content ul li {flex-basis: 50%; padding: 0 15px 15px;}
    .business-content ul li figure figcaption strong {font-size: 18px;}
    .business-content ul li figure figcaption p {font-size: 14px;}
}
@media all and (max-width: 540px){
    .business-content ul li figure figcaption strong {font-size: 16px;}
}
@media all and (max-width: 480px){
    .business-content ul li figure figcaption strong {font-size: 14px;}
    .business-content ul li figure figcaption p {font-size: 13px;}
}


/* ******************  회사소개06 :: 오시는길 ********************** */
@media all and (max-width: 1200px){
    .map-tbl th, .map-tbl td {font-size: 16px;}
}
@media all and (max-width: 1024px){
    .map-tbl th {text-align: center; padding: 22px;}
    .map-tbl th i {display: block; padding-right: 0; }
    
}
@media all and (max-width: 800px){
    .map_area {margin-bottom: 35px} 
    .map_area .map-iframe-con {padding-top: 50%}
    .map-tbl-con .map-tbl-tit {font-size: 18px;}
    .map-tbl th, .map-tbl td {padding: 15px 10px; font-size: 13px;}
    .map-tbl th {width: 60px}
}


/* ******************  생산제품 ********************** */
@media all and (max-width:1200px){
    
}
@media all and (max-width:1024px){
    
}
@media all and (max-width:800px){
    
}
@media all and (max-width: 540px){
    
}
@media screen and (max-width: 480px) {
    
}
@media screen and (max-width: 375px) {
    
}


/* ******************  인증서 및 성적서 ********************** */
@media all and (max-width:1360px){
    #certifi .certi_list {justify-content: space-around}
    #certifi .certi_list li {flex-basis: 18%;}
}
@media all and (max-width:1024px){
    .tab-content > ul {padding-top: 0;}
    #certifi .certi_list li {flex-basis: 23%}
}
@media all and (max-width:800px){
    .tab li {font-size: 15px;}
    #certifi .certi_list li {flex-basis: 32%}
    #certifi .certi_list li figure figcaption {font-size: 16px;}
}
@media all and (max-width: 540px){
    .tab-content {padding-top: 30px;}
    .tab li {font-size: 14px;}
    #certifi .certi_list li {flex-basis: 48%}
    #certifi .certi_list li figure figcaption {font-size: 14px;}
}

@media screen and (max-width: 480px) {
    .tab li {font-size: 13px;  letter-spacing: -2px;}
    #certifi .certi_list li figure figcaption {font-size: 13px;}
}

@media screen and (max-width: 375px) {
    .tab li {font-size: 12px;}
    #certifi .certi_list li figure figcaption {font-size: 13px;}
}



/* ******************  자료실01 :: 제품취급시 주의사항 ********************** */
@media all and (max-width: 1200px){
    #caution .caution-content h2 {font-size: 21px;}
    #caution .caution-content h2 span {font-size: 30px;}
}
@media all and (max-width: 1024px){
   
}
@media all and (max-width: 800px){
    #caution .caution-content h2 {font-size: 18px;}
    #caution .caution-content h2 span {font-size: 26px;}
    #caution .caution-content .sc strong {font-size: 16px;}
}
@media all and (max-width: 540px){
    .tab-content p {font-size: 13px;}
    #caution .caution-content h2 span {font-size: 20px;}
    #caution .caution-content .sc {margin-bottom: 10%;}
    #caution .caution-content .sc strong {font-size: 15px;}
    #caution .caution-content .sc p.bg_gray {padding: 15px;}
    #caution .caution-content .sc .list > li > ul {flex-direction: column; padding: 15px;}
    #caution .caution-content .sc .list > li {font-size: 13px; padding-left: 12px;}
}




/* ******************  Q&A ********************** */
@media all and (max-width:1200px){
    #inquiry .wrap_narrow {margin: 0 3%}
    .g_inquiry .sub_content .c_center_box .form_style {width: 32%;}
}
@media all and (max-width:1024px){
    #inquiry .wrap_narrow {margin: 0 3%}
    .g_inquiry .sub_content .c_center_box .form_style {width: 26%;}
}
@media all and (max-width:800px){
    .g_inquiry .sub_content .c_center_box table th {padding: 30px 0 30px 30px;}
    .g_inquiry .sub_content .c_center_box .form_style {width: 46%;}
    .g_inquiry .sub_content .c_center_box table td span {padding: 0 10px;}
    .g_inquiry .sub_content .c_center_box .select {margin-left: 0; margin-top: 10px;}
}
@media all and (max-width:768px){
    .g_inquiry .sub_content .c_center_box table th {padding: 15px;}
    .g_inquiry .sub_content .c_center_box table td {padding: 20px 0; }
    .g_inquiry .sub_content .c_center_box table td span {padding: 0 3px;}
    .g_inquiry .sub_content .c_center_box table th label {font-size: 16px;}
    .g_inquiry .sub_content .c_center_box .form_style {padding: 8px; font-size: 15px;}
    .g_inquiry .sub_content .c_center_box .select {height: 40px;}
    table .select > a {line-height: 40px;}
}
@media all and (max-width:540px) {
    .g_inquiry .sub_content .c_center_box h3 {font-size: 22px;}
    .g_inquiry .sub_content .c_center_box table th label {font-size: 15px;} 
}
@media all and (max-width:480px) {
    .g_inquiry .sub_content .c_center_box h3 {font-size: 20px;}
    .g_inquiry .sub_content .c_center_box .info_txt_box {height: 175px; font-size: 13px;}
    .g_inquiry .sub_content .c_center_box .checkbox {padding: 0;}
    .formMail_box input[type="radio"] + label:before, .formMail_box input[type="checkbox"] + label:before {width: 15px; height: 15px;}
    .formMail_box input[type="radio"] + label, .formMail_box input[type="checkbox"] + label {padding-left: 21px; line-height: 15px;}
    .g_inquiry .sub_content .c_center_box .checkbox label {font-size: 13px;}
    .g_inquiry .sub_content .c_center_box .checkbox span {font-size: 13px;}
    .g_inquiry .sub_content .c_center_box .info_txt, .g_inquiry .sub_content .c_center_box .info_txt .txt_style {font-size: 12px;}
    .g_inquiry .sub_content .c_center_box table th label {font-size: 14px;}
    .g_inquiry .sub_content .c_center_box .form_style {width: 45%;}
    .g_inquiry .sub_content .btn_style_wrap .inq_btn {font-size: 15px; padding: 6px 33px;}
}
@media all and (max-width:380px)  {
    .g_inquiry .sub_content .c_center_box .form_style {width: 100%;}
    .g_inquiry .sub_content .c_center_box table td span {padding: 3px 0; display: block; text-align: center;}
}