@charset "utf-8";
.btn-fill {transition: 0.3s;}
.btn-fill:hover {background: transparent; box-shadow: inset 0 0 0 40px #ff2a00;}

img{max-width:100%}
.topVisual{position:relative;z-index:99998;height:350px;background:url('../img/images/sub/topVisual.png') 50% 50% no-repeat;background-size:cover}
.topVisual.sub1 {background-image:url('../img/images/sub/topVisual1.jpg')}
.topVisual.sub2 {background-image:url('../img/images/sub/topVisual2.jpg')}
.topVisual.sub3 {background-image:url('../img/images/sub/topVisual3.jpg')}
.topVisual.sub4 {background-image:url('../img/images/sub/topVisual4.jpg')}
.topVisual.iso9001 {background-image:url('../img/images/sub/sub_iso9001.jpg')}
.topVisual.iso14001 {background-image:url('../img/images/sub/sub_iso14001.jpg')}
.topVisual.iso45001 {background-image:url('../img/images/sub/sub_iso45001.jpg')}
.topVisual.iso13485 {background-image:url('../img/images/sub/sub_iso13485.jpg')}
.topVisual.iso22716 {background-image:url('../img/images/sub/sub_iso22716.jpg')}
.topVisual.iso22000 {background-image:url('../img/images/sub/sub_iso22000.jpg')}
.topVisual.fssc22000 {background-image:url('../img/images/sub/sub_fssc22000.jpg')}
.topVisual.sqf {background-image:url('../img/images/sub/sub_sqf.jpg')}
.topVisual.iso27001 {background-image:url('../img/images/sub/sub_iso27001.jpg')}
.topVisual.iso27701 {background-image:url('../img/images/sub/sub_iso27701.jpg')}
.topVisual.iso27017 {background-image:url('../img/images/sub/sub_iso27017.jpg')}
.topVisual.iso27018 {background-image:url('../img/images/sub/sub_iso27018.jpg')}
.topVisual.iso37001 {background-image:url('../img/images/sub/sub_iso37001.jpg')}
.topVisual.iso37301 {background-image:url('../img/images/sub/sub_iso37301.jpg')}
.topVisual.iso50001 {background-image:url('../img/images/sub/sub_iso50001.jpg')}
.topVisual.iso22301 {background-image:url('../img/images/sub/sub_iso22301.jpg')}
.topVisual.affiliated {background-image:url('../img/images/sub/sub_affiliated.jpg')}
.topVisual.venture {background-image:url('../img/images/sub/sub_venture.jpg')}
.topVisual.innobiz {background-image:url('../img/images/sub/sub_innobiz.jpg')}
.topVisual.mainbiz {background-image:url('../img/images/sub/sub_mainbiz.jpg')}
.topVisual.fda_food {background-image:url('../img/images/sub/sub_fda_food.jpg')}
.topVisual.fda_medical {background-image:url('../img/images/sub/sub_fda_medical.jpg')}
.topVisual.fda_cosmetics {background-image:url('../img/images/sub/sub_fda_cosmetics.jpg')}
.topVisual.halal {background-image:url('../img/images/sub/sub_halal.jpg')}
.topVisual.eac {background-image:url('../img/images/sub/sub_eac.jpg')}
.topVisual.vegan {background-image:url('../img/images/sub/sub_vegan.jpg')}
.topVisual.glueten_free {background-image:url('../img/images/sub/sub_glueten_free.jpg')}
.topVisual.fsvp {background-image:url('../img/images/sub/sub_fsvp.jpg')}
.topVisual.ce_mdr {background-image:url('../img/images/sub/sub_ce_mdr.jpg')}
.topVisual.ce_ivdr {background-image:url('../img/images/sub/sub_ce_ivdr.jpg')}
.topVisual.international {background-image:url('../img/images/sub/sub_training2.jpg')}
.topVisual.internal {background-image:url('../img/images/sub/sub_training2.jpg')}
.topVisual.haccp {background-image:url('../img/images/sub/sub_haccp.jpg')}
.topVisual.ce {background-image:url('../img/images/sub/sub_ce.jpg')}
.topVisual.rohs {background-image:url('../img/images/sub/sub_rohs.jpg')}



.topVisual.overlay {position: relative;}
.topVisual.overlay::after {content: "";	position: absolute;	top: 0;	left: 0;	width: 100%;	height: 100%;	background: rgba(0, 0, 0, 0.45);	z-index: -1;}
.topVisual>.textWrap{position:absolute;top:60%;left:50%;transform:translate(-50%, -50%);color:#fff}
.topVisual>.textWrap h2{text-align:center;font-size:3.2em;font-weight:900;font-family: 'BusanBada';line-height: .5; margin-top: 50px;}
.topVisual>.textWrap>.nav{margin:5px auto 0; text-align: center;}
.topVisual>.textWrap>.nav>li{position:relative;display:inline-block;padding:0 8px;font-weight:300}
.topVisual>.textWrap>.nav>li:before{content:'-';position:absolute;left:-4px}
.topVisual>.textWrap>.nav>li:first-child:before{content:''}
.submenuWrap{position:relative;z-index:9999;margin:0 auto;border-bottom:1px solid #eaeaea}
.submenuWrap ul{margin:0 auto;width:1320px;max-width:100%}
.submenuWrap ul:after{content:'';display:block;clear:both}
.submenuWrap .inwrap {position:relative}
.submenuWrap .inwrap >ul>li{float:left;width:20%;position:relative;z-index:10}
.submenuWrap.board .inwrap >ul>li{float:left;width:14.25%;position:relative;z-index:10}
.submenuWrap.employment>ul>li{width:25%}
.submenuWrap.col_2 .inwrap >ul>li {width: 50%;}
.submenuWrap.col_3 .inwrap >ul>li {width: 33.3333%;}
.submenuWrap.col_4 .inwrap >ul>li {width: 25%;}
.submenuWrap .inwrap >ul>li>a{position:relative;z-index:98;display:inline-block;background:#fff;width:100%;padding:25px 0;border-right:1px solid #eaeaea;box-sizing:border-box;text-align:center;font-size:1.12em;font-weight:500;line-height:1}
.submenuWrap .inwrap >ul>li:first-child>a{border-left:1px solid #eaeaea}
.submenuWrap .inwrap >ul>li>a::before {content:"";position:absolute;top:40%;right:10%;font-size:.7em;font-weight:300;-webkit-transition:.3s all ease;-o-transition:.3s all ease;transition:.3s all ease}
.submenuWrap .inwrap >ul>li>a::before {content: "\e64b"; font-family: themify; speak: none;	font-style: normal;	font-weight: 400;	font-variant: normal;	text-transform: none;	line-height: 1;	-webkit-font-smoothing: antialiased;	-moz-osx-font-smoothing: grayscale;}
.submenuWrap .inwrap >ul>li.on>a::before {transform:rotate(180deg)}
.submenuWrap .inwrap >ul>li>a:hover, .submenuWrap .inwrap >ul>li.on>a{background:#f4faff}
.submenuWrap .inwrap >ul>li>a.active, .submenuWrap .inwrap >ul>li.on>a{color:var(--key-color)}
.submenuWrap .inwrap >ul>li>a.active:after, .submenuWrap .inwrap >ul>li.on>a:after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:3px;background:var(--key-color);}
.submenuWrap .inwrap >ul>li>ul{position:absolute;left: 0;top:-900px;width:100%;box-sizing:content-box;background:#fff;-webkit-transition:.3s all ease;-o-transition:.3s all ease;transition:.3s all ease; max-height: 450px;	overflow-y: auto;}
.submenuWrap .inwrap >ul>li.on>ul{top:67px}
.submenuWrap .inwrap >ul>li>ul>li{border:1px solid #eaeaea;border-top:0}
.submenuWrap .inwrap >ul>li>ul>li>a{position:relative;display:inline-block;background:#fff;width:100%;padding:20px 0;text-align:center;font-size:1.12em;font-weight:300;line-height:1;color:#777}
.submenuWrap .inwrap >ul>li>ul>li.on>a, .submenuWrap .inwrap >ul>li>ul>li>a:hover{background: #f4faff; font-weight:400;color:var(--key-color)}

.site-wrap{position:relative;z-index:99999}
.mobileMenu{position:relative;z-index:11199999}
.submenuWrap.fixed_top .inwrap{position:fixed;top:0px;left:0;z-index:99999;width:100%;border-bottom:1px solid #ccc; background:#fff}

.subContainer{margin:0 auto 120px}
.subContainer>div{margin:0 auto;padding:90px 0 0px;width:94%;max-width:1320px}
.container {margin:0 auto;width:94%;max-width:1320px;position: relative;}
.subContainer.wide>div {width:auto;max-width:none}
.ctitle {margin-bottom:55px;text-align:center;font-size:2.5em;font-weight:900; letter-spacing: 0;font-family: 'BusanBada';line-height: .5; margin-top: 30px;position: relative;margin: 30px auto 55px; width: fit-content;}
.ctitle::after {content: ''; display: block; position: absolute; right: -20px; top: -35px; width: 10px; height: 10px; border-radius: 0; background: var(--key-color);}
.ctitle.ctitle2::after {border-radius: 0;}
.subContainer.greeting>div>h3{margin-bottom:15px}
.stitle{margin:-40px 0 50px;font-size:1.25em;color:#222222;font-weight:300;text-align:center}







/* 게시판 공통 */
input.w_fsize01{width:100%;max-width:570px}
input.w_full{width:100%}
input.w_short{width:200px}
select , input[type="text"], input[type="number"], input[type="password"], input[type="email"], input[type="submit"], textarea, button{-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-border-radius:0;border-radius:0}
select::-ms-expand{display:none}
.select_01{width:125px;height:38px;padding-left:15px;border:1px solid #eeeeee;font-size:16px;color:#999999;background:url('../img/images/common/icon_sel_arr02.png') no-repeat right 13px center #fbfbfb}
.btn_area_full{display:-ms-flexbox!important;display:flex!important;-ms-flex-pack:center!important;justify-content:center!important;margin-top:35px}
.btn_area_full .ubtn{display:inline-block}
.btn_area_full .ubtn.ubtn{margin-left:10px}
.btn_area_full .ubtn.w_half{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.ubtn.w_01{max-width:300px !important}
.ubtn{display:inline-block;width:100%;border:0;font-size:1.125em;font-weight:500;color:#ffffff;border-radius:0;text-align:center;line-height:3.33 !important;background:#111d68 !important;transition:all 0.4s}
.ubtn:hover{background:#0b1349 !important}
.ubtn.round{border-radius:5px}
.ubtn.small{height:45px;font-size:15px;line-height:45px !important}
.ubtn.gray{background:#bababa !important}
.ubtn.gray:hover{background:#979797 !important}
.msection{margin-bottom:50px}
.ssection{margin-top:40px}
.ssection:first-child{margin-top:0px}
.cbtn{display:inline-block;padding:0 30px;border:3px solid #2063d4;font-size:1.66em;line-height:2.65;color:#2062d3;font-weight:500;transition:all 0.4s}
.cbtn_wrap:after{content:'';display:block;clear:both}
.cbtn_wrap .cbtn{float:left;margin-right:5px}
.cbtn_wrap .cbtn:last-child{margin-right:0}
.cbtn_wrap .cbtn.small{padding:0 20px;font-size:1.36em}
.cbtn_wrap .cbtn.small.hwp,
.cbtn_wrap .cbtn.small.doc{padding:0}
.cbtn_wrap .cbtn.small.hwp a,
.cbtn_wrap .cbtn.small.doc a{display:block;width:100%;height:100%;padding:0 20px 0 55px;color:#2062d3;position:relative}
.cbtn_wrap .cbtn.small.hwp a:before,
.cbtn_wrap .cbtn.small.doc a:before{content:'';width:28px;height:28px;position:absolute;left:20px;top:50%;transform:translateY(-50%)}
.cbtn_wrap .cbtn.small.hwp a:before{background:url('../img/images/page/hwp_icon.png') no-repeat center;background-size:cover}
.cbtn_wrap .cbtn.small.doc a:before{background:url('../img/images/page/doc_icon.png') no-repeat center;background-size:cover}

.form_write{padding:60px;background:#fff}
.form_write.small{padding:30px 60px}
.form_write input[type="password"],
.form_write input[type="email"],
.form_write input[type="tel"],
.form_write input[type="number"],
.form_write input[type="text"]{height:45px;padding-left:20px;border-radius:5px;border:1px solid #eeeeee;font-size:15px;color:#999999;background:#fafafa}
.form_write select{height:45px;padding-left:20px;border-radius:5px;background:url('../img/images/common/icon_sel_arr.png') #fafafa no-repeat right 15px center !important}
.form_write .frow{display:-ms-flexbox !important;display:flex !important;-ms-flex-align:center !important;align-items:center !important}
.form_write .frow.off{display:none !important}
.form_write .frow+.frow{margin-top:20px}
.form_write .label{width:145px;font-size:1.1em;color:#222222;font-weight:500;line-height:45px}
.form_write .label strong{visibility:hidden}
.form_write .input_w{-ms-flex:1;flex:1;width:100%}
.form_write .file_del{margin-top:10px}
.form_write.board{padding:0}
.board_txt{margin:15px 0 25px;margin-left:145px;color:#999999;font-size:1.416em;word-break:keep-all}
.f_agree_box{margin-top:20px;text-align:right}

.form_box{padding:50px;background:#f8f8f8}
.form_box textarea{height:180px;margin-top:15px;padding:20px 25px;border:1px solid #eeeeee;width:100%;font-size:1.25em;color:#999999}
.form_box .mtitle03{margin-top:20px}
.form_box .agreeWrap{background:#fff;height:200px;margin-top:15px;padding:20px 25px;border:1px solid #eeeeee;overflow:auto;font-size:1.2em;color:#999}
.form_box .fregister_agree{margin-top:10px;text-align:right}
.form_box .guide{margin-top:20px;text-align:center;font-size:1.4em}
.form_box #captcha{display:block}
.form_box #captcha p{display:inline-block;margin-right:10px}
/*
#captcha .inwrap{display:-ms-flexbox;display:flex;margin-top:20px}
#captcha .img{padding:12px 10px 5px;border-radius:5px;border:1px solid #eeeeee;background:#fff}
#captcha .input_wrap{-ms-flex:1;flex:1;margin:0 10px}
#captcha #captcha_img{border:0;max-width:100%}
#captcha #captcha_mp3{width:45px;height:60px;background:url('../img/images/common/icon_captcha_mp3.png?v=1') no-repeat center}
#captcha #captcha_reload{width:45px;height:60px;background:url('../img/images/common/icon_captcha_reload.png?v=1') no-repeat center}
#captcha #captcha_info{display:block;margin-top:10px;text-align:center;color:#666666;font-size:1.333em}
#captcha #captcha_key{width:100%;height:60px;padding-left:20px;border-radius:5px;border:1px solid #eeeeee;font-size:1.25em}
#captcha #captcha_audio{margin-bottom:10px}
*/

/*글쓰기*/

#bo_w{}
#bo_w .bo_v_option li{display:inline-block;float:left;text-align:left;margin:0 5px 0 0}
#bo_w .bo_v_option li label{vertical-align:baseline}
#bo_w .bo_v_option .chk_box input[type="checkbox"] + label span{position:relative;top:3px;margin-left:0;margin-right:5px}
#bo_w .write_div{margin:10px 0;position:relative;font-size:1.1em}
#bo_w .write_div:after{display:block;visibility:hidden;clear:both;content:""}
#bo_w .bo_w_info:after{display:block;visibility:hidden;clear:both;content:""}
#bo_w .bo_w_info .frm_input{float:left;margin-bottom:1%}
#bo_w #wr_password, #bo_w #wr_homepage{margin-left:1%}
#bo_w .wr_content.smarteditor2 iframe{background:#fff}
#bo_w .bo_w_tit{position:relative}
#bo_w .bo_w_tit .frm_input{padding-right:120px}
#bo_w .bo_w_tit #btn_autosave{position:absolute;top:5px;right:5px;line-height:35px;height:35px}
#bo_w .bo_w_link label{position:absolute;top:1px;left:1px;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:48px;font-size:1.2em;text-align:center;color:#b2b2b2}
#bo_w .bo_w_link .frm_input{padding-left:50px}
#bo_w .bo_w_flie .lb_icon{position:absolute;top:0px;left:0px;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:48px;font-size:1.2em;text-align:center;color:#b2b2b2}
#bo_w .bo_w_flie .frm_file{padding-left:50px;margin-top:3px}
#bo_w .bo_w_flie .file_wr{position:relative;border:1px solid #eeeeee;background:#fafafa;color:#000;vertical-align:middle;border-radius:3px;padding:5px;height:45px;margin:0}
#bo_w .bo_w_flie .frm_input{margin:10px 0 0}
#bo_w .bo_w_flie .file_del{position:absolute;top:10px;right:10px;font-size:0.92em;color:#7d7d7d}
#bo_w .bo_w_select select{border:1px solid #eeeeee;width:100%;border-radius:3px}
#bo_w .btn_submit{padding:0 20px}
#bo_w .btn_cancel{border-radius:3px;font-size:1.167em}
#bo_w select,
#bo_w input[type="text"],
#bo_w input[type="password"] {height:45px;padding-left:15px;border:1px solid #eeeeee !important;border-radius:3px;font-size:15px;background:#fafafa}
#bo_w input[type="file"]{ font-size:15px;background:#fafafa}
#bo_w textarea{padding:10px 15px;font-size:15px;border:1px solid #eeeeee !important;border-radius:3px;background:#fafafa}
.wr_content textarea,.tbl_frm01 textarea,.form_01 textarea, .frm_input{
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
}


/* form */
.checkbox01{display:inline-block;position:relative}
.checkbox01 input{position:absolute;left:0;top:50%;width:22px;height:22px;margin-top:-11px;opacity:0;appearance:none;-webkit-appearance:none;-moz-appearance:none;outline:0}
.checkbox01 label{display:inline-block;padding-left:24px;font-size:15px;color:#666666;line-height:25px}
.checkbox01 label:before{position:absolute;top:50%;left:0;width:15px;height:15px;border-radius:3px;margin-top:-8px;border:3px solid #999999;content:''}
.checkbox01 input:checked + label:before{border-color:#111d68}
.checkbox01 input:checked + label:after{position:absolute;top:50%;left:5px;width:5px;height:5px;margin-top:-3px;border-radius:100%;background:#111d68;content:''}
.checkbox01 input:focus + label:before{outline:1px dotted #000}
.checkbox01{margin-right:20px}
.checkbox01.t_none{width:22px}
.checkbox01.t_none label{overflow:hidden;text-indent:-999px;text-align:left}

.radio01{display:inline-block;position:relative}
.radio01 input{position:absolute;left:0;top:50%;width:18px;height:18px;margin-top:-9px;opacity:0;appearance:none;-webkit-appearance:none;-moz-appearance:none;outline:0}
.radio01 label{display:inline-block;padding-left:23px;font-size:15px;color:#666666;line-height:25px}
.radio01 label:before{position:absolute;top:12px;left:0;width:18px;height:18px;border-radius:100%;margin-top:-8px;border:3px solid #999999;content:''}
.radio01 input:checked + label:before{border-color:#111d68}
.radio01 input:checked + label:after{position:absolute;top:13px;left:6px;width:6px;height:6px;margin-top:-3px;border-radius:100%;background:#111d68;content:''}
.radio01 input:focus + label:before{outline:1px dotted #000}
.radio01{margin-right:20px}
.radio01.t_none{width:22px}
.radio01.t_none label{overflow:hidden;text-indent:-999px;text-align:left}

.text_red{font-size:1.2em;color:#da2128}

.filebox{overflow:hidden;position:relative;width:100%;height:45px;padding-right:138px}
.filebox input[type="file"]{position:absolute;top:-10px;left:0;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.filebox label{position:absolute;top:0;right:0px;width:128px;height:45px;color:#fff !important;text-align:center;line-height:45px;background:#a7a7a7;cursor:pointer}
.filebox .upload_name{float:left;width:100%;border:1px solid #d2d2d2;color:#000000;background:#ffffff}
.filebox .btn_add{position:absolute;top:0;right:0;width:100px;height:35px;color:#fff;background:#6b6d6f}

@media only screen and (max-width:1000px){
	.stitle br{display:none}
}
@media only screen and (max-width:991px){
	.stitle{margin-bottom:30px}
	.submenuWrap {border-top:0}
	.submenuWrap.fixed_top .inwrap {top:76px}
	.submenuWrap.fixed_top {border:0}
}
@media only screen and (max-width:600px) {
	.submenuWrap.col_4 .inwrap >ul>li {width: 50%;}
}
@media only screen and (max-width:480px){
    .topVisual{height:250px;background-position:50% 100%;background-size:cover}
    .topVisual>.textWrap{top:63%;width:100%;text-align:center}
    .submenuWrap{margin:0 -1px;border-bottom:1px solid #ccc}
    .submenuWrap .inwrap >ul>li, .submenuWrap.board .inwrap >ul>li{width:50%}
	.submenuWrap .inwrap >ul>li:nth-child(3), .submenuWrap .inwrap >ul>li:nth-child(4) {z-index:9;border-top:1px solid #ccc}
	.submenuWrap .inwrap >ul>li:nth-child(5) {z-index:8;border-top:1px solid #ccc}
	.submenuWrap.board .inwrap >ul>li:nth-child(6) {border-bottom: 1px solid #ccc; border-top:1px solid #ccc;z-index:8;}
	.submenuWrap.board .inwrap >ul>li:nth-child(7){z-index:7;border-top:1px solid #ccc;}
	.submenuWrap.promote .inwrap >ul>li:nth-child(4) {border-bottom:1px solid #ccc}
    .submenuWrap .inwrap >ul>li>a{padding: 5px 0; 			border-color: #ccc !important;			font-size: 1.3em;			height: 55px;			display: flex;			justify-content: center;			align-items: center;}
    .submenuWrap .inwrap >ul>li.on>ul{top:54px}
    .submenuWrap .inwrap >ul>li>a>i{right:10px}
    .submenuWrap .inwrap >ul>li>ul>li{border-color:#ccc}
    .submenuWrap .inwrap >ul>li>ul>li>a{padding:17px 0 15px}
	.submenuWrap .inwrap >ul>li>ul>li>a.on, .submenuWrap .inwrap >ul>li>ul>li>a:hover{font-weight:500}
    .submenuWrap .inwrap >ul>li>ul>li>a{padding: 15px 10px; 			font-size: 1.12em;			line-height: 1.2em;			color: #000;			word-break: keep-all;}
	.submenuWrap.fixed_top .inwrap {position:fixed;top:70px;left:0;z-index:10000;width:100%;border-bottom:1px solid #ccc}
}
@media only screen and (max-width:376px){
    .topVisual{height:240px}
}
@media only screen and (max-width:320px){
    .topVisual{height:210px}
    .topVisual>.textWrap{top:65%}
    .submenuWrap.company>ul>li>a{padding:17px 0}
    .submenuWrap .inwrap >ul>li.on>ul{top:50px}
    .submenuWrap.company>ul>li>ul>li>a{padding:12px 0}
}

.section_pt_b {padding-top:180px}
.section_pt {padding-top:130px}
.section_pb {padding-bottom:130px}
.section_pd {position:relative;z-index:1;padding:130px 0}
.section_pt02 {padding-top:100px}
.section_pb02 {padding-bottom:100px}
.section_pd02 {position:relative;z-index:1;padding:100px 0}
.bg_gray::before {position:absolute;top:0;left:50%;z-index:-1;width:5000px;height:100%;margin-left:-2500px;background:#f8f8f8;content:''}
.bg_gray {background:#f8f8f8}
.fc_red {color:var(--key-color) !important}
.subContainer {color:#222;letter-spacing:-0.06em}
.text_left {text-align:left !important}
.mt_20 {margin-top:20px !important}
.mt_40 {margin-top:40px !important}
.mt_60 {margin-top:60px !important}
.mt_80 {margin-top:80px !important}
.mt_100 {margin-top:100px !important}
.mb_0 {margin-bottom:0 !important}

@media all and (max-width:991px){
	.subContainer {margin-bottom:80px}
	.subContainer>div {width:auto;padding:50px 30px 0}
	.container {width:auto;padding:0 30px}
	.section_pt_b {padding-top:150px}
	.section_pt {padding-top:100px}
	.section_pb {padding-bottom:100px}
	.section_pd {padding:100px 0}
	.section_pt02 {padding-top:80px}
	.section_pb02 {padding-bottom:80px}
	.section_pd02 {position:relative;z-index:1;padding:80px 0}
	.mt_20 {margin-top:16px !important}
	.mt_40 {margin-top:32px !important}
	.mt_60 {margin-top:48px}
	.mt_80 {margin-top:65px !important}
	.mt_100 {margin-top:80px !important}
}
@media all and (max-width:767px){
	.subContainer {margin-bottom:60px}
	.subContainer>div {padding:40px 20px 0}
	.ctitle {font-size:2.2em;margin-bottom:30px}
	.ctitle + .stitle {margin:-20px 0 30px}
	.container {padding:0 20px 30px}
	.section_pt_b {padding-top:100px}
	.section_pt {padding-top:70px}
	.section_pb {padding-bottom:70px}
	.section_pd {padding:70px 0}
	.section_pt02 {padding-top:60px}
	.section_pb02 {padding-bottom:60px}
	.section_pd02 {position:relative;z-index:1;padding:60px 0}
	.mt_20 {margin-top:12px !important}
	.mt_40 {margin-top:24px !important}
	.mt_60 {margin-top:36px !important}
	.mt_80 {margin-top:48px !important}
	.mt_100 {margin-top:60px !important}
}

.stitle01 {position:relative;margin:0px 0 20px;padding-left:28px;font-size:1.125em;font-weight:500}
.stitle01::before {position:absolute;top:50%;left:0;width:18px;height:18px;margin-top:-9px;border-radius:100%;border:6px solid #da2027;content:''}
.stitle02 {position:relative;margin:0px 0 0px;margin-left:28px;padding-bottom:13px;border-bottom:1px solid #cccccc;font-size:1.6875em;font-weight:700}
.stitle02::before {position:absolute;top:50%;left:-28px;width:18px;height:18px;margin-top:-15px;border-radius:100%;border:6px solid var(--key-color);content:''}
.stitle02.line_none {border-bottom:0}
.table_wrap {overflow:hidden;position:relative;z-index:1;padding-bottom:9px}
.table_wrap .iScrollVerticalScrollbar {top:0px !important;bottom:0px !important;width:9px !important;border-radius:0px;background:#e1e3e4}
.table_wrap .iScrollIndicator {border-radius:0px;border:0 !important;background:#a8aeb3 !important}
.table_wrap .inwrap {min-width:900px}
.table_wrap table {min-width:900px}
.table_t01 {width:100%;border-top:2px solid #484d55;border-collapse: collapse;border-spacing: 0}
.table_t01 td,
.table_t01 th {padding:23px;border:1px solid #eeeeee;font-size:1.125em;text-align:center}
.table_t01 th {background:#fafafa}
.table_t01 td {color:#666666;line-height:1.66}
.twrap {overflow:hidden}
.f_left {float:left}
.f_right {float:right}
.unit {font-size:1.125em;color:#666666}
@media all and (max-width:991px){
	.stitle02 {font-size:1.5em}
}
@media all and (max-width:767px){
	.stitle01 {margin:0px 0 15px}

	.table_wrap table {min-width:800px}
	.table_t01 td,
	.table_t01 th {padding:10px}
}
@media all and (max-width:600px){
	.stitle01 {padding-left:20px}
	.stitle01::before {width:14px;height:14px;border-width:4px;margin-top:-7px}

	.stitle02 {margin-left:25px;padding-bottom:10px}
	.stitle02::before {left:-25px;width:14px;height:14px;border-width:4px;margin-top:-11px}
}
@media all and (max-width: 375px){
}

.btn_down {display:inline-block;padding:0 38px;border-radius:28px;font-size:1.125em;color:#fff;line-height:3.05;background:#979fa5;transition:all 0.4s}
.btn_down * {vertical-align:middle}
.btn_down::after {display:inline-block;width:21px;height:18px;margin-left:14px;vertical-align:middle;background:url('../img/images/sub/icon_down.png') no-repeat center;content:''}
.btn_down:hover {background:#da2027}
.btn_down.red {background:var(--key-color)}

.btn_down01 {display:block;border:3px solid #da2027;border-radius:20px;font-size:1.4375em;line-height:2.739;color:#da2027;vertical-align:middle;font-weight:500;text-align:center;transition:all 0.4s}
.btn_down01 * {vertical-align:middle}
.btn_down01::after {display:inline-block;width:28px;height:24px;margin-left:15px;vertical-align:middle;background:url('../img/images/sub/icon_down_red.png') no-repeat center;content:''}
.btn_down01:hover {color:#fff;background:#da2027}
.btn_down01:hover::after {background-image:url('../img/images/sub/icon_down_white.png')}

@media all and (max-width:991px){
	.btn_down {padding:0 25px}
}
@media all and (max-width:767px){
	.btn_down {padding:0 20px;font-size:1,1em}
	.btn_down::after {width:14px;margin-left:8px;background-size:contain}


	.btn_down01 {border-width:2px;border-radius:12px}
	.btn_down01::after {width:18px;background-size:contain}
}

#section01 {position:absolute;top:0}
.pos {position:relative;top:0px}
.cont_pos {position:relative;top:-100px}
@media all and (max-width:768px){
	.pos {top:-135px}
	.cont_pos {top:-160px}
}
@media all and (max-width:430px){
	.pos {top:-170px}
	.cont_pos {top:-200px}
	.siteContainer {overflow: hidden}
}



.org_chart_wrap {padding: 30px 0; text-align: center;}

/*시스템인증 */
.authen_sub_title{font-size:28px; color:#333333; font-weight:800; position: relative; padding-left: 1.2em;margin-bottom: 1em;} 
.authen_sub_title::before {content: ""; position: absolute;	left: 0;	top: 0.35em;	width: 0.8em;	height: 0.8em;	background: #1d76bb;}
.authen_sub_title::after {content: ""; 	position: absolute;	left: -0.2em;	top: 0.1em;	width: 0.5em;	height: 0.5em;	background: #95cdeb;}
.product_table .table2{margin:0 0 60px;}
.product_table .table2.no_bottom_margin {margin-bottom: 20px;}
.table2 table{border-collapse:collapse; border-top:1px solid #333333; width:100%;}
.table2 table tr td, .table2 table tr th{font-size:17px; padding:20px; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.table2 table thead tr th{background:#f2f3f5;}
.table2 table thead tr th:last-child {border-right:0;}
.table2 table tr td:last-child{border-right:0;}
.table2 table tr td.has_border { border-right:1px solid #ddd !important;}
.table2 table tbody tr th{font-weight:500; text-align:left; background:#fafafa; padding-left: 2em;}
.table2 table tbody td { color: #666;}
.authen_desc {font-size: 18px; line-height:1.8em; margin-bottom: 0.5em ; color: #666;}
.authen_desc.last {margin-bottom: 3em;}
.authen_desc b {color: var(--key-color); display: inline-block;	position: relative;	padding-left: 1em;}
.authen_desc b:before {content: ""; 	position: absolute;	top: 50%;	left: 0;	width: 0.3em;	height: 0.3em;	background: var(--key-color);	transform: translateY(-50%) rotate(45deg);}
.authen_mid_subject {font-size: 20px; margin-bottom: 0.5em;}
.authen_mid_subject b {display: inline-block; font-size: 0.8em; 	line-height: 1em;	padding: 0.2em 0 0.3em;	background: var(--key-color);	margin-right: 0.3em;	width: 1.8em;	text-align: center;	border-radius: 3px;	color: #fff;}
.authen_desc.comment {color: var(--key-color); font-weight: 500;background: #f0faff; padding: 0.4em 1em;	border-radius: 5px;	display: inline-block;}
.authen_desc.gap b {padding-left: 0.8em; margin-right: 0.5em }
.authen_ul {padding-top: 15px; margin-bottom: 50px;}
.authen_ul li.authen_desc {position: relative; padding-left: 1em; margin-bottom: 0.8em; line-height: 1.3em;}
.authen_ul li.authen_desc::before {content: ""; position: absolute; left: 0; top: 0.5em; width: 5px; height: 5px; border-radius: 50%;	background: var(--key-color);}
.authen_ul.no_margin_top {padding-top: 0; }
.authen_ul.no_margin_bottom { margin-bottom: 20px; }
.authen_ul.no_padding_top {padding-top: 0;}
.authen_ul.no_dot li.authen_desc {padding-left: 0;}
.authen_ul.no_dot li.authen_desc::before {content:none}
.authen_desc a {color: var(--key-color);}
.authen_desc a:hover { text-decoration: underline;}
.tab_btn_wrap {display: flex; justify-content: center;	align-items: center; margin-bottom: 60px;gap: 15px;}
.tab_btn_wrap a {width: calc((100% - 30px) / 3);	max-width: 250px;	display: flex;	justify-content: center;	align-items: center;	font-size: 20px;	color: #fff;	background: #ddd;	height: 3em;}
.tab_btn_wrap a:hover, .tab_btn_wrap a.on {background:var(--key-color);}
.tab_btn_wrap.align_left {justify-content: flex-start;}
.authen_desc.check_mark {position: relative; padding-left: 1em;}
.authen_desc.check_mark::before { content: "";	position: absolute;	left: 0;	top: 0.3em;	width: 0.5em;	height: 0.8em;	border-bottom: 3px solid var(--key-color);	border-right: 3px solid var(--key-color);	transform: rotate(45deg);}
.authen_desc .add_com {display: inline-block; padding-top: 0.4em;}
.sub_img_box {text-align: center; padding-bottom: 50px; padding-top: 50px;}
.table2.center table tbody td, .table2.center table tbody th {text-align: center;}
.table2.th_center table tbody th {text-align: center;padding-left: 20px;}
#bo_cate_ul {display: flex; justify-content: center;	align-items: center;margin-bottom: 40px;}
#bo_cate_ul li {width: 100%; 	display: flex;	justify-content: center;	align-items: center;	border-right: 1px solid #ddd;	border-bottom: 1px solid #ddd;background: #f8f8f8;	font-size: 17px;	height: 3em;}
#bo_cate_ul li.on { background:var(--key-color); }
#bo_cate_ul li.on a {color:#fff}

@media (max-width:600px){
.table2 table tr td, .table2 table tr th{padding:10px; font-size:15px;}
.table2 table tbody tr th {padding-left: 10px;}
.authen_desc { font-size: 15px;}
.authen_sub_title { font-size: 18px;}
.authen_mid_subject { font-size: 16px;}
.tab_btn_wrap a {font-size: 18px;}
.table2.th_center table tbody th {padding-left: 10px;}
}

@media (max-width:480px){
.table2{overflow-x:auto; padding-bottom:5px;}
.table2::-webkit-scrollbar-track{border-radius: 10px; background-color: rgb(44 100 229 / 40%);}
.table2::-webkit-scrollbar-thumb{background-color: #2C64E5; border-radius: 10px; border: 1px solid #ffffff;}
.table2::-webkit-scrollbar{-webkit-appearance: none; height: 10px;}
.table2 table{min-width:600px;}
.tab_btn_wrap a {font-size: 16px;}

.ctitle {line-height: 1;}

.subContainer br.mobile_only {display:block}

.table2.mobile_long table thead tr th {width:30%}

#bo_cate_ul {flex-wrap: wrap;justify-content: flex-start;}
#bo_cate_ul li { width: 14%;font-size: 14px;}
}