@charset "utf-8";

@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
/* TYPE, COMMON */
*{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;}
html,body{width:100%;height:100%;font-family:'NanumSquare';position:relative;}
html{overflow-y:auto;}
body,div,dl,dt,dd,ul,ol,ul,li,h1,h2,h3,h4,h5,form,fieldset,p,button,input,legend{margin:0;padding:0;}
body{*word-break:keep-all;word-break:keep-all;-webkit-word-break:keep-all;-moz-word-break:keep-all;-o-word-break:keep-all;}
body,h1,h2,h3,h4,h5,h6,input,textarea,select,option{color:#343434;font-family: 'NanumSquare','돋움',dotum,helvetica,sans-serif;font-size:16px;outline:none;}
h1,h2,h3,h4,h5,p,a,span,label{transform:skew(-0.1deg);-webkit-transform:skew(-0.1deg);-moz-transform:skew(-0.1deg);-o-transform:skew(-0.1deg);}
span,label{display:inline-block;vertical-align:middle;}
img,fieldset,iframe{border:0 none;}
ul,li{list-style:none;}
input,select,button{vertical-align:middle;outline:none;}
img{vertical-align:middle;}
em,address,dfn,cite{font-style:normal}
a{color:#343434;text-decoration:none;display:block;outline:none;}
a:link,a:visited,a:active,a:hover,a:focus{color:#343434;text-decoration:none;}
button{margin:0;padding:0;}
caption,legend{width:0;height:0;line-height:0;overflow:hidden;visibility:hidden;font-size:0;}
textarea{width:100%;height:110px;min-height:110px;padding:10px;border:1px solid #ccc;margin:0;}
textarea:focus{border:1px solid #3781ff !important;}
textarea:active{border:1px solid #3781ff !important;}
textarea, pre {overflow:auto;}
select::-ms-expand {display:none;/* 화살표 없애기 for IE10, 11*/ }
select{
	position:relative;padding:0 25px 0 10px;height:30px;font-size:14px;border:1px solid #d0d0d0;
    appearance:none;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;
	background: url('../img/select_icon2.png') no-repeat right center #fff;
}
select:focus{border:1px solid #3781ff !important;}
select:active{border:1px solid #3781ff !important;}

input{height:30px;padding:0 10px;border:1px solid #d0d0d0;vertical-align:top;}
button,textarea{appearance:none;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;}
input{appearance:none;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;-webkit-border-radius:0;} /*아이폰 input창 둥글게 보이는 설정 제거*/
input::-ms-clear{display:none;} /*익스에 존재하는 클리어버튼 제거*/
input[type=password]{font-family:'dotum' !important;} /* 웹폰트 적용시 패스워드가 안보이는 경우가 있음 */
input::-ms-input-placeholder{color:#999 !important;font-size:14px;}
input::-webkit-input-placeholder{color:#999 !important;font-size:14px;}
input::-moz-placeholder{color:#999 !important;font-size:14px;}

input:focus{border:1px solid #3781ff !important;}
input:active{border:1px solid #3781ff !important;}

/*라디오박스*/
/* radio display none 이면 focus 안잡히므로 width 0, height 0 */
input[type='radio']{position:absolute;opacity:0;width:0 !important;height:0 !important;outline:none !important;text-decoration:none !important;margin:0 !important;padding:0 !important;}
input[type='radio'] + label{position:relative;font-weight:400;color:#666;}
input[type='radio'] + label::before {    /* 가짜 체크박스 만들기 */content:'';display:inline-block;width:20px;height:20px;vertical-align:middle;margin:0px 5px 0 0;background:url('../img/radio_bt_off.png')no-repeat center;}
input[type='radio']:checked + label::before {    /* 가짜 체크박스 체크했을 때 */ background: url('../img/radio_bt_on.png')no-repeat center;z-index:9;}
/* disabled */
input[type='radio']:disabled + label::before{cursor:default;box-shadow:none;}
/* checked + disabled */
input[type='radio']:disabled:checked + label::before{cursor:default;}
/* focus + active */
input[type='radio']:focus + label::before, 
input[type='radio']:active + label::before{border-radius:50%;box-shadow:0 0 2px rgba(55,129,255,0.3);}
/* checked + (focus + active) */
input[type='radio']:checked:focus + label::before, 
input[type='radio']:checked:active + label::before{border-radius:50%;box-shadow:0 0 2px #3781ff;}
/* disabled + (focus + active) */
input[type='radio']:disabled:focus + label::before, 
input[type='radio']:disabled:active + label::before{cursor:default;box-shadow:none;}
/* checked + disabled + (focus + active) */
input[type='radio']:disabled:checked:focus + label::before, 
input[type='radio']:disabled:checked:active + label::before{cursor:default;box-shadow:none;}

/* 라디오박스 ( 체크박스 모양 ) */
input[type='radio'].st2{position:absolute;opacity:0;width:0 !important;height:0 !important;outline:none !important;text-decoration:none !important;margin:0 !important;padding:0 !important;}
input[type='radio'].st2 + label{position:relative;font-weight:400;color:#666;}
input[type='radio'].st2 + label::before {    /* 가짜 체크박스 만들기 */content:'';display:inline-block;width:20px;height:20px;vertical-align:middle;margin:-1px 5px 0 0;background:url('../img/checkbox_off.png')no-repeat center;}
input[type='radio'].st2:checked + label::before {    /* 가짜 체크박스 체크했을 때 */ background: url('../img/checkbox_on.png')no-repeat center;z-index:9;}
/* disabled */
input[type='radio'].st2:disabled + label::before{cursor:default;}
/* checked + disabled */
input[type='radio'].st2:disabled:checked + label::before{cursor:default;}
/* focus + active */
input[type='radio'].st2:focus + label::before, 
input[type='radio'].st2:active + label::before{border-radius:0;box-shadow:0 0 2px #3781ff;}
/* checked + (focus + active) */
input[type='radio'].st2:checked:focus + label::before, 
input[type='radio'].st2:checked:active + label::before{border-radius:0;box-shadow:0 0 2px #3781ff;}
/* disabled + (focus + active) */
input[type='radio'].st2:disabled:focus + label::before, 
input[type='radio'].st2:disabled:active + label::before{cursor:default;box-shadow:none;}
/* checked + disabled + (focus + active) */
input[type='radio'].st2:disabled:checked:focus + label::before, 
input[type='radio'].st2:disabled:checked:active + label::before{cursor:default;box-shadow:none;}

/*체크박스*/
/* checkbox display none 이면 focus 안잡히므로 width 0, height 0 */
input[type='checkbox']{position:absolute;opacity:0;width:0 !important;height:0 !important;outline:none !important;text-decoration:none !important;margin:0 !important;padding:0 !important;}
input[type='checkbox'] + label{position:relative;font-weight:400;color:#666;}
/* default */
input[type='checkbox'] + label::before{content:'';display:inline-block;width:16px;height:16px;vertical-align:middle;margin:-1px 5px 0 0;background:url('../img/checkbox_off.png')no-repeat;background-size:cover;}
/* checked */
input[type='checkbox']:checked + label::before{background:url('../img/checkbox_on.png')no-repeat;background-size:cover;}

/* disabled */
input[type='checkbox']:disabled + label::before{cursor:default;}
/* checked + disabled */
input[type='checkbox']:disabled:checked + label::before{cursor:default;}
/* focus + active */
input[type='checkbox']:focus + label::before, 
input[type='checkbox']:active + label::before{box-shadow:0 0 2px #3781ff;}
/* checked + (focus + active) */
input[type='checkbox']:checked:focus + label::before, 
input[type='checkbox']:checked:active + label::before{box-shadow:0 0 2px #3781ff;}
/* disabled + (focus + active) */
input[type='checkbox']:disabled:focus + label::before, 
input[type='checkbox']:disabled:active + label::before{cursor:default;box-shadow:none;}
/* checked + disabled + (focus + active) */

input[type='checkbox']:disabled:checked:focus + label::before, 
input[type='checkbox']:disabled:checked:active + label::before{cursor:default;box-shadow:none;}

/*파일선택박스*/
.file_input{position:relative;padding-right:110px;}
.file_input label{position:absolute;top:0;right:0;cursor:pointer;display:inline-block; vertical-align:middle; overflow:hidden; width:100px; height:35px; background:#000;color:#fff;text-align:center; line-height:35px;margin:0;font-size:13px;font-family:'dotum';}
.file_input label input{position:absolute;width:0;height:0;overflow:hidden;margin-left:-999px;}
.file_input input[type=text]{vertical-align:middle;display:inline-block;width:100%;height:35px;line-height:35px;font-size:12px;padding:0 5px;border:0;border:1px solid #dcdcdc;}

/*날짜입력박스*/
input[type="text"].datepic{background-image:url("../img/calendar_ico.png");background-repeat:no-repeat;background-position:right 50%;height:30px;padding: 0 40px 0 10px;}

/*input 숫자만 입력*/
input[type="number"]{ime-mode:disabled; appearance:none; -webkit-appearance:none; -moz-appearance:textfield; -o-appearance:none;}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button{-webkit-appearance: none;margin:0;}
input[type="number"]::-moz-outer-spin-button,
input[type="number"]::-moz-inner-spin-button{-moz-appearance: none;margin:0;}
input[type="number"]::-o-outer-spin-button,
input[type="number"]::-o-inner-spin-button{-o-appearance: none;margin:0;}
input[type="number"]::outer-spin-button,
input[type="number"]::inner-spin-button{appearance:none;margin:0;}

.font_red{color:#ff0000;}
.float_left{float:left;}
.float_right{float:right;}
.hide{display:none;}
.sc_no{overflow:hidden !important;}
.mt0{margin-top:0 !important;}

.ani_type0{opacity:0;}
.ani_type1{opacity:0;position:relative;top:5%;}
.ani_type2{opacity:0;position:relative;left:-50%;}
.ani_type2_1{opacity:0;position:relative;left:-5%;}
.ani_type3{opacity:0;position:relative;left:50%;}
.ani_type3_1{opacity:0;position:relative;right:-5%;}

.ani_type4{opacity:0;position:relative;top:-50%;}
.ani_type5{opacity:0;position:relative;top:50%;}

div.center{max-width:1600px;margin:0 auto;position:relative;padding:0 50px;}
div.center:after{content:'';display:block;clear:both;}
.onlypc{display:block !important;}
.onlym{display:none !important;}
.onlypc_table{display:revert !important;}
.onlym_table{display:none !important;}

.onlym_table.detail{width:80px;}
table.pd_intro_table{min-width:100% !important;}
table.pd_intro_table p.more_bt{width:60px;text-align:center;margin:0 auto;}
@media screen and (max-width: 1024px){
	div.center{width:100%;padding:0 10px;}
	.onlypc{display:none !important;}
	.onlym{display:block !important;}
	.onlypc_table{display:none !important;}
	.onlym_table{display:table-cell !important;}

	table.pd_intro_table{min-width:100% !important;}
	col.pit_col02{width:auto !important;}
}

/*페이징*/
div.paging_box{width:600px;margin:50px auto 50px auto;}
div.paging_box ul{width:100%;overflow:hidden;text-align:center;font-size:0;}
div.paging_box ul li{display:inline-block;}
div.paging_box ul li a{border:1px solid #e6e7ea;width:24px;height:24px;line-height:24px;text-align:center;font-size:13px;margin-left:5px;}
div.paging_box ul li a img{margin:-3px 0px 0 0;}
div.paging_box ul li:first-child a{margin-left:0;}
div.paging_box ul li.page_bt a:hover{background:#004592;color:#fff;}
div.paging_box ul li.on a{background:#004592;color:#fff;}
/*페이징 끝*/

/*테이블 코딩*/
table{table-layout:fixed;border-collapse:collapse;border-spacing:0;width:100%;word-break:break-all;word-wrap:break-word;}
table tr{width:100%;}
table tr.table_con{position:relative;width:100%;}
table tr.table_con:hover{outline:1px solid #3781ff;background:#ebf2ff;}
table tr.table_con.on{outline:1px solid #3781ff;background:#ebf2ff;}
table tr th{border-left:1px solid #d0d0d0;text-align:center;border-bottom:1px solid #d0d0d0;background:#f2f3f5;padding:0 5px;}
table tr th:first-child{border-left:0;}
table tr td{border-left:1px solid #d0d0d0;text-align:center;border-bottom:1px solid #d0d0d0;padding:0 5px;}
table tr td select{height:20px;margin:5px 0;}
table tr td:first-child{border-left:0;}
table tr td.tb_tit a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
tr.table_tit{border-top:0;}

table.radius_table tr:first-child{border-radius:3px 3px 0 0 !important;}
table.radius_table tr:last-child{border-radius:0 0 3px 3px !important;}
table.radius_table tr:first-child th:first-child{border-radius:3px 0 0 0 !important;}
table.radius_table tr:first-child th:last-child{border-radius:0 3px 0 0 !important;}
table.radius_table tr:first-child td:first-child{border-radius:0 0 0 3px !important;}
table.radius_table tr:first-child td:last-child{border-radius:0 3px 0 0 !important;}
table.radius_table tr:last-child th:first-child{border-radius:0 0 0 3px !important;}
table.radius_table tr:last-child th:last-child{border-radius:0 0 3px 0 !important;}
table.radius_table tr:last-child td:first-child{border-radius:0 0 0 3px !important;}
table.radius_table tr:last-child td:last-child{border-radius:0 0 3px 0 !important;}
table.radius_table tr:last-child th{border-bottom:0 !important;}
table.radius_table tr:last-child td{border-bottom:0 !important;}
/*테이블 코딩 끝*/




/* 팝업 공통 css */
div.popup_wrap{position:fixed;top:0;left:0;width:100%;height:100%;z-index:15;display:none;}
div.popup{position:relative;top:0;left:0;width:100%;height:100%;}
div.popup_inner{background:#fff;width:1000px;/* height:525px; */height:auto;position:relative;left:0;right:0;margin:0 auto;top:50%;box-shadow:0px 5px 30px rgba(0,0,0,0.3);
					transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);}
div.popup_inner_wrap{width:100%;height:100%;/* overflow-y:auto; */padding:50px;}
div.popup_bg{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:-1;font-size:0;}
a.popup_ok_bt{width:170px;height:50px;line-height:52px;margin:30px auto 0px auto;border:1px solid #909090;text-align:center;font-size:18px;font-weight:600;}
a.popup_top_close_bt{position:absolute;top:0;right:-40px;width:40px;height:40px;background:rgba(255,255,255,0.4);padding:10px;}
a.popup_top_close_bt img{width:100%;}

@media (max-width: 1200px){
	div.popup_inner{width:80%;height:450px;}
	div.popup_inner_wrap{padding:40px 30px;}
	a.popup_ok_bt{width:150px;height:40px;line-height:42px;margin:25px auto 0px auto;font-size:16px;}
}

@media (max-width: 1024px){
	div.popup_inner{height:400px;}
	div.popup_inner_wrap{padding:30px 20px;}
	a.popup_ok_bt{width:130px;height:30px;line-height:32px;margin:20px auto 0px auto;font-size:14px;}
	select.select_st1{padding:0 20px 0 5px;}
}

@media (max-width: 768px){
	div.popup_inner{height:300px;}
	div.popup_inner_wrap{padding:20px 10px;}
	a.popup_top_close_bt{right:-30px;width:30px;height:30px;padding:7px;}
	a.popup_ok_bt{width:110px;font-size:12px;margin:15px auto 0px auto;}
}
@media (max-width: 576px){
	div.popup_inner{height:250px;}
	div.popup_inner_wrap{padding:20px 10px;}
}

/* 팝업 공통 css 끝 */

@media (max-width: 1400px){

}

@media (max-width: 1200px){

}

@media (max-width: 1024px){

}

@media (max-width: 768px){

}
@media (max-width: 576px){

}




/* 공통 */
.bt_st1{display:block;width:235px;height:54px;line-height:54px;border-radius:50px;font-size:20px;color:#fff;font-weight:900;background:#00675d;border:1px solid #00675d;text-align:center;margin:30px auto 0 auto;cursor:pointer;}
a.page_link_bt{width:350px;height:65px;line-height:65px;border-radius:5px;margin:150px auto 0 auto;font-size:18px;font-weight:700;color:#fff;text-align:center;background:#009688;border:1px solid #009688;}
a.page_link_bt.hikrobot{background:#009688;border:1px solid #009688;margin:50px auto 0 auto;}

div.page_link_bt_box{margin:150px 0 0 0;text-align:center;}
div.page_link_bt_box a.page_link_bt{display:inline-block;margin:0 15px;}
/*header*/
header#header{position:fixed;top:0;left:0;width:100%;height:100px;z-index:9;transition: all 0.2s ease;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-o-transition: all 0.2s ease;}
header#header.active{background:#fff;border-bottom:1px solid #ddd;}
header#header.active ul.gnb li a{color:#009688;}
header#header.active div.header_right ul.hr_menu li{background:#009688;border:1px solid #009688;}
header#header div.center{width:100%;height:100%;display:flex;align-items: center;justify-content:space-between;}
header#header div.center:after{display:none;}
header#header:hover{background-color:#fff;}
header#header:hover ul.gnb li a{color:#009688;}
header#header:hover div.header_right ul.hr_menu li{background:#009688;border:1px solid #009688;}

header#header h1.logo{}
header#header h1.logo a{color:#fff;font-size:20px;}
header#header h1.logo a img{vertical-align:top;}
header#header h1.logo a img.logo1{width:170px;}
header#header ul.gnb{display: flex; align-items: center; justify-content: space-between;}
header#header ul.gnb > li{margin-left:80px;width:100px;position:relative;}
header#header ul.gnb > li:first-child{margin-left:0;}
header#header ul.gnb > li > a{display:block;width:100%;height:100px;line-height:100px;text-align:center;color:#fff;font-size:18px;font-weight:700;letter-spacing:1px;position:relative;padding:0 10px;}
header#header ul.gnb > li:hover > a{color:#00675d;}
header#header ul.gnb > li:hover ul.lnb{display:block;}
header#header ul.gnb > li ul.lnb{display:none;}
header#header ul.gnb > li ul.lnb{position:absolute;top:90%;left:0;background:#00675d;padding:10px 0;border-radius:4px;width:140px;margin-left:-20px;}
header#header ul.gnb > li ul.lnb li:hover{background:#009688;}
header#header ul.gnb > li ul.lnb li a{display:block;width:100%;line-height:1.4;color:#fff;font-size:16px;padding:10px 20px;}
header#header div.header_right{}
header#header div.header_right ul.hr_menu{display: flex; align-items: center; justify-content:center;}
header#header div.header_right ul.hr_menu li{margin-left:20px;width:60px;height:60px;line-height:58px;text-align:center;border:1px solid #fff;border-radius:50%;cursor:pointer;}
header#header div.header_right ul.hr_menu li:first-child{margin-left:0;}
header#header div.header_right ul.hr_menu li:hover{border:1px solid #00675d;background:#00675d;}
header#header div.header_right ul.hr_menu li a{}

a.all_nav{display:inline-block;width:28px;margin-top:18px;}
a.all_nav span{display:block;width:100%;height:3px;margin-top:7px;background:#fff;font-size:0;}
a.all_nav span:first-child{margin-top:0;}

@media (max-width: 1400px){
	header#header ul.gnb li{margin-left:8%;width:90px;}
	header#header div.header_right ul.hr_menu li{margin-left:15px;width:50px;height:50px;line-height:48px;}
	a.all_nav{margin-top:13px;}
}

@media (max-width: 1200px){
	header#header ul.gnb li{width:80px;}
	header#header div.header_right ul.hr_menu li{margin-left:10px;width:45px;height:45px;line-height:42px;}
	a.all_nav{width:25px;margin-top:12px;}
	a.all_nav span{margin-top:6px;}
}

@media (max-width: 1024px){
	header#header{height:60px;}
	header#header ul.gnb{display:none;}
	header#header h1.logo a{font-size:14px;}
	header#header h1.logo a img.logo1{width:100px;}
	header#header h1.logo a img.logo2{width:80px;}
	a.all_nav{width:20px;margin-top:9px;}
	a.all_nav span{margin-top:4px;}
	header#header div.header_right ul.hr_menu li a img{width:55%;}
	header#header div.header_right ul.hr_menu li{margin-left:10px;width:35px;height:35px;line-height:32px;}
	a.page_link_bt{width:220px;height:45px;line-height:45px;margin:100px auto 0 auto;font-size:16px;}

	div.page_link_bt_box{margin:80px 0 0 0;text-align:center;}
	div.page_link_bt_box a.page_link_bt{display:block;margin:15px auto;}
}

@media (max-width: 768px){
	a.page_link_bt{font-size:14px;}
	a.page_link_bt img{width:14px;}
	div.page_link_bt_box{margin:50px 0 0 0;}
}
@media (max-width: 576px){
	header#header h1.logo a{font-size:12px;}
	header#header h1.logo a img.logo1{width:80px;}
	header#header h1.logo a img.logo2{width:60px;}
}

div.site_map{position:fixed;top:0;right:0;width:100%;height:100%;background:rgba(0,117,106,0.95);z-index:999;padding:100px 0;display:none;}
div.site_map h1.tit{font-size:50px;color:#fff;font-weight:700;margin-bottom:50px;font-family: 'Pretendard';}
.sitemap_close_bt{position:absolute;top:0;right:50px;width:40px;height:40px;cursor:pointer;font-size:0;}
.sitemap_close_bt:before {content: ""; position: absolute; transform: rotate(45deg); width: 2px; height: 40px; background: #fff;left:50%;top:0;}
.sitemap_close_bt:after {content: ""; position: absolute; transform: rotate(-45deg); width: 2px; height: 40px; background: #fff;left:50%;top:0;}

div.site_map ul.sm_list{display:flex;border-right:1px solid rgba(255,255,255,0.3);}
div.site_map ul.sm_list > li{flex:1;padding:30px 30px 60px 30px;border-left:1px solid rgba(255,255,255,0.3);}
div.site_map ul.sm_list > li h3 a{color:#fff;font-size:26px;font-weight:900;font-family: 'Pretendard';display:inline-block;}

div.site_map ul.sm_sub_list{padding-top:20px;}
div.site_map ul.sm_sub_list li{margin-top:10px;}
div.site_map ul.sm_sub_list h3{margin-top:25px;padding-bottom:5px;color:#fff;font-size:18px;}
div.site_map ul.sm_sub_list li a{color:#fff;font-size:18px;padding:3px 0;display:inline-block;position:relative;}
div.site_map ul.sm_sub_list.pd li a{font-size:14px;padding:1px 0;}
div.site_map ul.sm_sub_list li a:before{content:'';display:block;width:0;height:1px;position:absolute;bottom:0;left:0;transition:all 0.2s ease;background:#00675d;}
div.site_map ul.sm_sub_list li a:hover{color:#000;}
div.site_map ul.sm_sub_list li a:hover:before{width:100%;}

@media (max-width: 1400px){
	div.site_map h1.tit{font-size:40px;margin-bottom:70px;}
	div.site_map ul.sm_list > li{padding:20px 20px 50px 20px;}
	div.site_map ul.sm_list > li:nth-child(2){flex:0 0 30%;}
	div.site_map ul.sm_list > li h3 a{font-size:24px;}
	div.site_map ul.sm_sub_list li a{font-size:16px;}
}
@media (max-width: 1024px){
	div.site_map{padding:10px 0;overflow-y:auto;}
	div.site_map h1.tit{font-size:0;margin-bottom:35px;}
	.sitemap_close_bt{right:10px;width:30px;height:30px;}
	.sitemap_close_bt:before {height:30px;}
	.sitemap_close_bt:after {height:30px;}
	div.site_map ul.sm_list{flex-direction: column;border:0;}
	div.site_map ul.sm_list > li{border-left:0;border-bottom:1px solid rgba(255,255,255,0.3);padding:20px 10px;}
	div.site_map ul.sm_list > li h3 a{font-size:18px;}
	div.site_map ul.sm_sub_list{padding-top:10px;}
	div.site_map ul.sm_sub_list li{margin-top:0;}
	div.site_map ul.sm_sub_list li a{font-size:14px;}
}
@media (max-width: 768px){
	div.site_map ul.sm_list > li{text-align:center;}
	div.site_map ul.sm_list > li h3 a{font-size:14px;}
	div.site_map ul.sm_sub_list li a{font-size:12px;}
}

/*header 끝*/

/*content*/
div#content{width:100%;}
/*content 끝*/

/*main_slide*/
section#main_slide{width:100%;height:100vh;}
ul.main_slide_list{width:100%;height:100%;position:relative;overflow:hidden;z-index:1;background-color:#000;}
ul.main_slide_list li{position:absolute;top:0;left:0;opacity:0;width:100%;height:100%;z-index:1;}
/* ul.main_slide_list li:after{content:'';display:block;position:absolute;top:0;left:0;background:rgba(0,0,0,0.6);width:100%;height:100%;z-index:-1;} */
ul.main_slide_list li.on{opacity:1;z-index:2;}
ul.main_slide_list li div.bg{position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;transform:scale(1.3);background-position:center center;background-repeat:no-repeat;background-attachment:fixed;font-size:0;background-size:cover;z-index:-10;}
ul.main_slide_list li.on div.bg{transform:scale(1) !important; transition:transform 5.0s ease;-webkit-transition:transform 5.0s ease;-moz-transition:transform 5.0s ease;-o-transition:transform 5.0s ease;}
ul.main_slide_list li:nth-child(1) div.bg{background-image:url('../img/main_bg01.jpg');}
ul.main_slide_list li:nth-child(2) div.bg{background-image:url('../img/main_bg02.jpg');}
ul.main_slide_list li:nth-child(3) div.bg{background-image:url('../img/main_bg03.jpg');}
ul.main_slide_list li div.txt_con{width:100%;margin:0 auto;position:relative;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);text-align:center;}
ul.main_slide_list h1{position:relative;top:5%;opacity:0;font-size:56px;color:#fff;font-weight:600;letter-spacing:2px;font-family:'Roboto',sans-serif !important;;
						 transform:scaleY(0.95);-webkit-transform:scaleY(0.95);-moz-transform:scaleY(0.95);-o-transform:scaleY(0.95);}
ul.main_slide_list h1.logos{font-size:24px;line-height:40px;font-weight:400;}
ul.main_slide_list h1.logos img{vertical-align:middle;}
ul.main_slide_list h1.logos img.logo1{margin-top:-5px;}
ul.main_slide_list h1.logos img.logo2{margin-top:-7px;width:180px;}
ul.main_slide_list p.maincon_txt1{position:relative;top:5%;opacity:0;font-size:25px;color:#fff;margin:60px 0 0 0;font-weight:400;line-height:1.6;}
ul.main_slide_list p.maincon_txt2{position:relative;top:5%;opacity:0;font-size:17px;margin:15px 0 0 0;color:#fff;line-height:25px;font-weight:300;}
ul.main_slide_list li div.txt_con a.link_bt{position:relative;top:5%;opacity:0;margin:65px auto 0 auto;display:block;width:180px;height:50px;line-height:50px;border-radius:50px;font-size:14px;
												border:1px solid #fff;color:#fff;transition:background-color 0.5s ease;-webkit-transition:background-color 0.5s ease;-moz-transition:background-color 0.5s ease;
												-o-transition:background-color 0.5s ease;}
ul.main_slide_list li div.txt_con a.link_bt:hover{color:#fff;background:rgba(0, 103, 93, 0.5);opacity:1;border:1px solid #00675d;font-weight:900;}
div.main_slide_list_count_wrap{position:absolute;right:10%;bottom:50px;width:340px;z-index:2;overflow:hidden;}
ul.main_slide_list_count{width:300px;overflow:hidden;float:left;display:flex;gap:2%;padding-right:20px;}
ul.main_slide_list_count li{flex:1;}
ul.main_slide_list_count li:first-child{margin-left:0;}
ul.main_slide_list_count li a{color:#fff;font-size:16px;font-family:'Roboto',sans-serif !important;position:relative;opacity:0.5;}
ul.main_slide_list_count li.on a{opacity:1;}
ul.main_slide_bts{float:left;}
ul.main_slide_bts li{width:30px;height:30px;display:block;font-size:0;}
ul.main_slide_bts li.slide_stop_bt{float:right;}
ul.main_slide_bts li.slide_stop_bt span{display:inline-block;font-size:0;width:3px;height:14px;background:#fff;}
ul.main_slide_bts li.slide_stop_bt span.line1{}
ul.main_slide_bts li.slide_stop_bt span.line2{margin-left:3px;}
ul.main_slide_bts li.slide_play_bt{display:none;float:right;}
ul.main_slide_bts li a{display:inline-block;width:100%;height:100%;vertical-align:middle;padding:10px 0 0 10px;}
ul.main_slide_bts li.slide_play_bt a{border-top:7px solid transparent;border-bottom:7px solid transparent;border-right: 10px solid none;border-left: 10px solid #fff;width:auto;height:auto;}
div.progress{display:block;font-size:0;width:100%;height:4px;background:#888;position:relative;margin-top:15px;}
div.progress span.bar{position:absolute;top:0;left:0;display:block;width:0;height:100%;background:#fff;}
a.mouse{position:absolute;display:block;overflow:hidden;border:1px solid #fff;border-radius:20px;box-sizing:border-box;height:40px;width:26px;left:0;right:0;margin:0 auto;bottom:40px;z-index:2;}
a.mouse span.wheel{display:block;background:#00675d;position:absolute;top:4px;left:50%;margin-left:-2px;height:7px;width:4px;border-radius:2px;}

@media (max-width: 1200px){
	ul.main_slide_list h1{font-size:45px;}
	ul.main_slide_list p.maincon_txt1{font-size:23px;margin:40px 0 0 0;}
	ul.main_slide_list p.maincon_txt2{font-size:15px;}
	ul.main_slide_list li div.txt_con a.link_bt{margin:45px auto 0 auto;width:120px;height:30px;line-height:30px;border-radius:30px;font-size:12px;}
}

@media (max-width: 1024px){
	section#main_slide{min-height:100%;}
	ul.main_slide_list h1.logos{font-size:18px;}
	ul.main_slide_list h1.logos img.logo1{margin-top:-5px;width:180px;}
	ul.main_slide_list h1.logos img.logo2{margin-top:-7px;width:160px;}
	ul.main_slide_list li div.txt_con{padding:0 10px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;}
	div.main_slide_list_count_wrap{right:5%;bottom:50px;width:250px;}
	ul.main_slide_list_count{width:200px;}
	ul.main_slide_list_count li a{font-size:14px;}
	ul.main_slide_list li div.bg{background-attachment:scroll;}
}

@media (max-width: 768px){
	ul.main_slide_list h1{font-size:35px;}
	ul.main_slide_list h1.logos{font-size:14px;}
	ul.main_slide_list h1.logos img.logo1{margin-top:-4px;width:120px;}
	ul.main_slide_list h1.logos img.logo2{margin-top:-2px;width:100px;}
	ul.main_slide_list p.maincon_txt1{font-size:17px;margin:30px 0 0 0;}
	ul.main_slide_list p.maincon_txt2{font-size:13px;line-height:17px;padding:0 10px;}
	a.mouse{display:none;}
	div.main_slide_list_count_wrap{right:0;left:0;margin:0 auto;bottom:20px;width:80%;}
	ul.main_slide_list_count{width:100%;}
	ul.main_slide_list_count li a{font-size:12px;text-align:center;}
	ul.main_slide_bts{width:100%;margin:10px 0 0 0;text-align:right;}
}
@media (max-width: 576px){
	ul.main_slide_list h1{font-size:26px;}
	ul.main_slide_list p.maincon_txt1{font-size:15px;margin:20px 0 0 0;}
	ul.main_slide_list p.maincon_txt2{font-size:13px;line-height:17px;}
	ul.main_slide_list li div.txt_con a.link_bt{margin:35px auto 0 auto;width:100px;height:27px;line-height:27px;border-radius:30px;font-size:11px;}
}


section.section02{background:url('../img/section02_bg.png')no-repeat center;background-size:cover;}
section div.center{padding:155px 50px 180px 50px;}
h4.sec_tit{display:block;color:#00675d;font-size:20px;font-weight:800;font-family:'Pretendard';}
h4.sec_tit.mt100{margin-top:100px;}
h2.sec_txt{margin-top:10px;font-size:45px;line-height:1.2;color:#000;font-weight:800;font-family: 'Pretendard';}
h2.sec_txt span{font-size:45px;}
p.sec_txt2{font-size:16px;margin-top:15px;line-height:1.6;}

section.section02{position:relative;}
section.section02 div.txt_bg{position:absolute;top:27%;right:0;font-size:120px;font-weight:900;z-index:-1;color:#666;opacity:0.1;}

div.card_list_area{margin:110px 0 0 0;width:100%;}
div.card_list_area ul{width:100%;overflow:hidden;}
div.card_list_area ul li{width:20%;float:left;padding:0 15px;position:relative;}
div.card_list_area ul li:nth-child(2n){margin-top:35px;}

div.card_list_area ul li div.front{transform: rotateY(0deg);transform-style: preserve-3d;backface-visibility: hidden;transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);}
div.card_list_area ul li div.front div.img{border-radius:10px;overflow:hidden;height:360px;}
div.card_list_area ul li div.front div.img img{width:100%;height:100%;object-fit: cover;}
div.card_list_area ul li div.front h4.txt{font-size:32px;font-weight:900;font-family: 'Pretendard';margin-top:-15px;color:#000;text-shadow:0px 0px 20px #fff;padding-left:5px;transform-style: preserve-3d;backface-visibility: hidden;}
div.card_list_area ul li div.back{position:absolute;top:0;left:0;transform: rotateY(180deg);transform-style: preserve-3d;backface-visibility: hidden;transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);background:#00675d;width:100%;height:100%;padding:80px 25px 15px 25px;border-radius:10px;}
div.card_list_area ul li div.back div.txt_box{}
div.card_list_area ul li div.back div.txt_box dl{}
div.card_list_area ul li div.back div.txt_box dl dt{color:#fff;font-size:30px;font-weight:700;padding-bottom:15px;}
div.card_list_area ul li div.back div.txt_box dl dd{color:#fff;font-size:22px;font-weight:400;margin-top:5px;position:relative;padding-left:14px;}
div.card_list_area ul li div.back div.txt_box dl dd::before{content:'ㆍ';display:block;position:absolute;top:0;left:0;}

div.card_list_area ul li:hover div.back{transform: rotateY(0deg); transform-style: preserve-3d;}
div.card_list_area ul li:hover div.front{transform: rotateY(-180deg); transform-style: preserve-3d;}

@media (max-width: 1650px){
	div.card_list_area ul li div.front div.img{height:300px;}
}

@media (max-width: 1400px){
	section.section02 div.txt_bg{top:27%;right:0;font-size:80px;}
	div.card_list_area ul li div.front div.img{height:250px;}
	div.card_list_area ul li div.front h4.txt{font-size:30px;}
	div.card_list_area ul li div.back{padding:50px 25px 15px 25px;}

	div.card_list_area ul li div.back div.txt_box dl dt{font-size:25px;}
	div.card_list_area ul li div.back div.txt_box dl dd{font-size:18px;}
}


@media (max-width: 1200px){
	h4.sec_tit{font-size:18px;}
	h2.sec_txt{margin-top:7px;font-size:35px;}
	h2.sec_txt span{font-size:35px;}
	p.sec_txt2{font-size:14px;margin-top:12px;}

	div.card_list_area ul li div.front div.img{height:200px;}
	div.card_list_area ul li div.front h4.txt{font-size:25px;}
	div.card_list_area ul li div.back div.txt_box dl dt{font-size:20px;}
	div.card_list_area ul li div.back div.txt_box dl dd{font-size:16px;}
}

@media (max-width: 1024px){
	section div.center{padding:85px 10px 90px 10px;}
	h4.sec_tit{font-size:18px;}
	h2.sec_txt{margin-top:7px;font-size:35px;}
	h2.sec_txt span{font-size:35px;}
	p.sec_txt2{font-size:14px;margin-top:12px;}
	h4.sec_tit.mt100{margin-top:70px;}

	section.section02 div.txt_bg{display:none;}
	div.card_list_area{margin:50px 0 0 0;}
	div.card_list_area ul{font-size:0;}
	div.card_list_area ul li{width:48%;margin:2% 1%;padding:0;float:none;display:inline-block;vertical-align:top;}
	div.card_list_area ul li:nth-child(2n){margin-top:2%;transform:translateY(47%);}
	div.card_list_area ul li div.front div.img{height:200px;border-radius:10px 10px 0 0;}

	div.card_list_area ul li div.front{transform:none;}
	div.card_list_area ul li div.front h4.txt{font-size:22px; display:none;}
	div.card_list_area ul li div.back{transform:none;padding:30px;position:relative;border-radius:0 0 10px 10px;}
	div.card_list_area ul li:hover div.back{transform:none;}
	div.card_list_area ul li:hover div.front{transform:none;}
	div.card_list_area ul li div.back div.txt_box dl dt{font-size:16px;padding-bottom:5px;}
	div.card_list_area ul li div.back div.txt_box dl dd{font-size:14px;}

}

@media (max-width: 768px){
	h4.sec_tit{font-size:12px;}
	h2.sec_txt{margin-top:5px;font-size:16px;}
	h2.sec_txt span{font-size:16px;}
	p.sec_txt2{font-size:10px;margin-top:5px;}


}
@media (max-width: 576px){
	div.card_list_area{margin:30px 0 0 0;}
	div.card_list_area ul li div.front h4.txt{font-size:18px;}

	div.card_list_area ul li div.front div.img{height:150px;}
	div.card_list_area ul li div.back{padding:15px;}
	div.card_list_area ul li div.back div.txt_box dl dt{font-size:14px;}
	div.card_list_area ul li div.back div.txt_box dl dd{font-size:12px;}
}










section.section03{background:url('../img/section03_bg.jpg')no-repeat center;background-size:cover;background-attachment:fixed;}
section.section03 h2.sec_txt{color:#fff;}
section.section03 h2.sec_txt img.logo2{width:195px;}
section.section03 a.link{margin:35px 0 0 0;display:block;width:180px;height:50px;line-height:50px;border-radius:50px;font-size:14px;
							border:1px solid #fff;color:#fff;transition:background-color 0.5s ease;-webkit-transition:background-color 0.5s ease;-moz-transition:background-color 0.5s ease;
							-o-transition:background-color 0.5s ease;text-align:center;}
section.section03 a.link:hover{color:#fff;background:#00675d;border:1px solid #00675d;font-weight:900;}


@media (max-width: 1024px){

}
@media (max-width: 768px){
	section.section03{text-align:center !important;}
	section.section03 h2.sec_txt{line-height:1.6 !important;}
	section.section03 h2.sec_txt img.logo1{width:100px;}
	section.section03 h2.sec_txt img.logo2{width:95px;}
	section.section03 a.link{margin:25px auto 0 auto;width:100px;height:35px;line-height:35px;font-size:12px;}
}


section.section04{background:url('../img/section04_bg.png')no-repeat center;background-size:cover;}
section.section04 h4.sec_tit{text-align:center;}
section.section04 h2.sec_txt{text-align:center;}
section.section04 p.sec_txt2{text-align:center;}

div.section04_list_wrap{margin-top:60px;}
div.section04_list_wrap ul.pd_list{width:100%;overflow:hidden;display:flex;flex-wrap:wrap;}

div.section04_list_wrap ul.pd_list li{width:20%;float:left;text-align:center;margin:40px 0 0 0;}
div.section04_list_wrap ul.pd_list li div.img{width:80%;margin:0 auto;border-radius:50%;overflow:hidden;position:relative;background:#e7e7e7;}
div.section04_list_wrap ul.pd_list li div.img div.cover{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:50%;background:rgba(1,57,125,0.9);position:absolute;top:0;left:0;z-index:1;opacity:0;transition:all 0.25s ease;}
div.section04_list_wrap ul.pd_list li div.img div.cover div.con{}
div.section04_list_wrap ul.pd_list li div.img div.cover div.con p{font-size:20px;color:#fff;font-weight:700;line-height:1.6;margin-top:10%;letter-spacing:-0.5px;}
div.section04_list_wrap ul.pd_list li div.img div.cover div.con img{margin-top:20px;}
div.section04_list_wrap ul.pd_list li:hover div.img div.cover{opacity:1;}
/* div.section04_list_wrap ul.pd_list li div.img:before{content:'';display:block;width:100%;height:100%;border-radius:50%;background:url('../img/icon_plus.png')no-repeat center rgba(1,57,125,0.9);position:absolute;top:0;left:0;z-index:1;opacity:0;transition:all 0.25s ease;}
div.section04_list_wrap ul.pd_list li:hover div.img:before{opacity:1;} */
div.section04_list_wrap ul.pd_list li div.img img.pd{width:100%;transform: scale(0.7);}
div.section04_list_wrap ul.pd_list li strong{display:block;margin-top:20px;font-size:20px;text-align:center;font-weight:700;}

/* 메인배너 */
section.slide_banner{padding:0 !important;}
div.banner_slide{padding-bottom:10px;margin-top:50px;overflow:hidden;}
div.banner_slide .swiper-wrapper{transition-timing-function: linear;}
div.banner_slide ul li{width:auto;}
div.banner_slide ul li img{display:block;}
/* 메인배너	끝 */


@media (max-width: 1650px){
	div.section04_list_wrap ul.pd_list li div.img div.cover div.con p{font-size:16px;}
	div.section04_list_wrap ul.pd_list li div.img div.cover div.con img{margin-top:10px;}
}
@media (max-width: 1400px){
	div.section04_list_wrap ul.pd_list li{width:33.3%;}
}
@media (max-width: 1200px){
}

@media (max-width: 1024px){
	div.section04_list_wrap{margin-top:0;}
	div.section04_list_wrap ul.pd_list li{width:50%;}
	div.section04_list_wrap ul.pd_list li div.img{border-radius:20px;overflow:hidden;width:90%;}
	div.section04_list_wrap ul.pd_list li div.img div.cover{border-radius:0;position: relative;opacity:1;height:80px;}
	div.section04_list_wrap ul.pd_list li div.img div.cover div.con p{font-size:14px;padding:0 5px;margin:0;}
	div.section04_list_wrap ul.pd_list li div.img div.cover div.con img{width:30px;display:none;}
	div.section04_list_wrap ul.pd_list li strong{margin-top:15px;font-size:14px;}
}

@media (max-width: 768px){
	div.section04_list_wrap ul.pd_list li div.img div.cover div.con p{font-size:12px;}
}
@media (max-width: 576px){
	div.section04_list_wrap ul.pd_list li div.img div.cover div.con p{font-size:10px;}
	div.banner_slide ul li img{width:150px;}
}












section.section05{background:url('../img/section05_bg.jpg')no-repeat center;background-size:cover;border-bottom:1px solid #222;}
section.section05 h4.sec_tit{text-align:center;}
section.section05 h2.sec_txt,
section.section05 p.sec_txt2{color:#fff;text-align:center;}

div.inquiry_form_wrap{margin-top:50px;}
div.inquiry_form_wrap ul{overflow:hidden;}
div.inquiry_form_wrap ul li{width:32%;margin:2% 0 0 2%;float:left;}
div.inquiry_form_wrap ul li:first-child{margin-left:0;}
div.inquiry_form_wrap ul li.con{width:100%;margin:4% 0 0 0;}
div.inquiry_form_wrap ul li h4{color:#fff;font-size:17px;}
div.inquiry_form_wrap ul li input{border:0;border-bottom:1px solid #fff;margin:10px 0 0 0;width:100%;height:40px;background:none;color:#fff;}
div.inquiry_form_wrap ul li textarea{border:0;border-bottom:1px solid #fff;margin:10px 0 0 0;width:100%;height:100px;background:none;color:#fff;}

div.inquiry_form_wrap ul li input:focus{border:0 !important;border-bottom:1px solid #00675d !important;}
div.inquiry_form_wrap ul li input:active{border:0 !important;border-bottom:1px solid #00675d !important;}

div.inquiry_form_wrap ul li textarea:focus{border:0 !important;border-bottom:1px solid #00675d !important;}
div.inquiry_form_wrap ul li textarea:active{border:0 !important;border-bottom:1px solid #00675d !important;}


div.agree_from_wrap{margin-top:40px;text-align:center;}
div.agree_check_box{display:inline-block;}
div.agree_check_box label{color:#fff;font-size:20px;cursor:pointer;}
div.agree_check_box a{display:inline-block;margin:0 0 0 10px;color:#fff;font-size:17px;}

div.inquiry_info_wrap{margin-top:100px;}
ul.inquiry_info_list{overflow:hidden;font-size:0;text-align:center;}
ul.inquiry_info_list li{display:inline-block;width:33.3%;text-align:center;vertical-align:top;}
ul.inquiry_info_list li a{display:inline-block;}
ul.inquiry_info_list li a i.icon{display:block;margin:0 auto;width:100px;height:100px;line-height:95px;border-radius:50%;overflow:hidden;background:rgba(255,255,255,0.5);text-align:center;}
ul.inquiry_info_list li a i.icon img{width:45px;margin:0 auto;}
ul.inquiry_info_list li a div.desc{margin-top:30px;}
ul.inquiry_info_list li a div.desc h4{color:#fff;font-size:22px;}
ul.inquiry_info_list li a div.desc p{color:#fff;font-size:16px;margin-top:10px;line-height:1.4;}


@media (max-width: 1024px){
	div.inquiry_info_wrap{margin-top:60px;}
	ul.inquiry_info_list li a i.icon{width:50px;height:50px;line-height:48px;}
	ul.inquiry_info_list li a i.icon img{width:25px;margin:0 auto;}
	ul.inquiry_info_list li a div.desc{margin-top:20px;}
	ul.inquiry_info_list li a div.desc h4{font-size:16px;}
	ul.inquiry_info_list li a div.desc p{font-size:12px;margin-top:7px;}
}

@media (max-width: 576px){
	ul.inquiry_info_list li{width:100%;margin-top:50px;}
	ul.inquiry_info_list li:first-child{margin-top:0;}
	ul.inquiry_info_list li a div.desc{margin-top:10px;}
}

/* 서브비쥬얼 공통 */


section.sub_visual{position:relative;}
section.sub_visual:before{content:'';display:block;width:100%;height:100%;background:rgba(0,0,0,0.5);position:absolute;top:0;left:0;}
section.sub_visual h2.sub_tit{color:#fff;}
section.sub_visual p.sub_txt{color:#fff;}
section.sub_visual div.center{padding:180px 50px 150px 50px;}
section.sub_visual.intro_sec01{background:url('../img/sub0101_bg.jpg')no-repeat center;background-size:cover;}
section.sub_visual.intro_sec02{background:url('../img/sub0201_bg.png')no-repeat center;background-size:cover;}
section.sub_visual.notice{background:url('../img/pd_intro_img08_01.png')no-repeat center;background-size:cover;}
/* section.sub_visual.sub_top_privacy{background:url('../img/sub_top_privacy.jpg')no-repeat center;background-size:cover;} */
section.sub_visual.sub_top_privacy{background:url('../img/pd_intro_img04_01.png')no-repeat center;background-size:cover;}
section.sub_visual.intro_sec02:before{display:none;}
section.sub_visual.contact_sec01{background:url('../img/sub0401_bg.jpg')no-repeat 0% 20%;background-size:cover;}
p.sub_txt{font-size:20px;line-height:1.3;}
h2.sub_tit{font-size:55px;font-family: 'Pretendard';margin-top:10px;}


@media (max-width: 1400px){
	section.sub_visual div.center{padding:180px 50px 150px 50px;}
}

@media (max-width: 1200px){
	p.sub_txt{font-size:18px;}
	h2.sub_tit{font-size:45px;}
}

@media (max-width: 1024px){
	section.sub_visual div.center{padding:130px 50px 100px 50px;}
}

@media (max-width: 768px){
	section.sub_visual div.center{padding:90px 10px 50px 50px;}
	p.sub_txt{font-size:14px;}
	h2.sub_tit{font-size:25px;}

}
@media (max-width: 576px){

}

/* 서브비쥬얼 공통 끝 */


section.intro_sec02{background:url('../img/sub01_sec02_bg.png')no-repeat center;background-size:cover;}
section.intro_sec02 div.center{}

section.intro_sec02 h4.sec_tit{text-align:center;}
section.intro_sec02 h2.sec_txt{text-align:center;}

section.intro_sec02 div.com_wrap{margin-top:40px;position:relative;}
section.intro_sec02 div.com_wrap div.and{text-align:center;font-size:250px;font-weight:600;font-family: 'Pretendard';color:#f2f2f2;position:absolute;top:50%;left:0;right:0;margin:0 auto;transform: translateY(-50%);z-index:-1;}
section.intro_sec02 div.com{display:flex;align-items:center;justify-content: space-between;padding:30px 0;}
/* section.intro_sec02 div.com1{padding-bottom:80px;}
section.intro_sec02 div.com2{padding-top:80px;} */
section.intro_sec02 div div.img_box{flex:0 0 50%;height:240px;position:relative;border-radius:15px;overflow:hidden;}
section.intro_sec02 div div.img_box:before{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.2);z-index:1;}
section.intro_sec02 div div.img_box img{position:absolute;z-index:2;bottom:-2px;right:10px;}
section.intro_sec02 div div.con{flex:1;padding:50px;}
section.intro_sec02 div div.con h3{font-size:26px;font-weight:900;font-family: 'Pretendard';}
section.intro_sec02 div div.con p{font-size:18px;margin-top:15px;line-height:1.4;}

section.intro_sec02 div.com1 div.img_box{background:url('../img/com_bg1.png')no-repeat right;background-size:cover;}
section.intro_sec02 div.com1 div.img_box img{bottom:-2px;right:10px;}
section.intro_sec02 div.com2 div.img_box{background:url('../img/com_bg2.jpg')no-repeat right;background-size:cover;}
section.intro_sec02 div.com2 div.img_box img{bottom:-2px;left:10px;}
section.intro_sec02 div.com2 div.con{text-align:right;}



@media (max-width: 1400px){

}

@media (max-width: 1200px){

}

@media (max-width: 1024px){
	section.intro_sec02 div div.con{padding:30px;}
	section.intro_sec02 div div.con h3{font-size:22px;}
	section.intro_sec02 div div.con p{font-size:16px;margin-top:10px;}
}

@media (max-width: 768px){
	section.intro_sec02 div.com_wrap{margin-top:0;}
	section.intro_sec02 div.com{flex-direction: column;}
	section.intro_sec02 div div.img_box{flex:none;width:100%;}
	section.intro_sec02 div.com.com2{flex-direction: column-reverse;}
	section.intro_sec02 div div.con{padding:30px 10px;}
	section.intro_sec02 div div.con h3{font-size:16px;text-align:center;}
	section.intro_sec02 div div.con p{font-size:14px;text-align:center;}
}
@media (max-width: 576px){
	section.intro_sec02 div div.img_box{height:140px;}
}


section.intro_sec03{}
div.tab_list_wrap{padding:150px 0 200px 0;}
div.tab_list_area{width:100%;border-bottom:1px solid #e5e5e5;}
ul.tab_list{position:relative;width:1140px;margin:0 auto;font-size:0;text-align:center;}
ul.tab_list li{width:50%;display: inline-block;vertical-align: bottom;border: 3px solid #fff;border-bottom: 0;}
ul.tab_list li.on{border:3px solid #00675d;border-bottom:0;position:relative;}
ul.tab_list li.on:after{content:'';display:block;width:100%;height:1px;background:#fff;position:absolute;bottom:-1px;left:0;}
ul.tab_list li a{font-size:22px;color:#999;font-weight:900;height:65px;line-height:67px;text-align:center;display:block;width:100%;padding:5px 0;font-family: 'Pretendard';}
ul.tab_list li:hover a, ul.tab_list li.on a{color:#111;}


div.tab_con_wrap{}
div.tab_con_wrap div.tab_con{display:none;}

div.tab_con_wrap div.tab_con.active{display:block !important;}
div.tab_con_wrap div.center{}
div.tab_con_wrap div.center.pd0{padding:0 !important;text-align:center;}
div.tab_con_wrap h2.sec_txt{text-shadow: 0 0 35px #fff;}
div.tab_con_wrap p.sec_txt2{font-size:18px;color: #333;font-weight: 400;margin-top:60px;line-height:1.6;}
/* div.tab_con_wrap h2.sec_txt span{color:#fff;} */

@media (max-width: 1200px){
	ul.tab_list{width:70%;}
	ul.tab_list li a{font-size:18px;height:60px;line-height:62px;}
	div.tab_con_wrap p.sec_txt2{font-size:16px;}
}

@media (max-width: 1024px){
	div.tab_list_wrap{padding:100px 0 150px 0;}
	div.tab_con_wrap p.sec_txt2{font-size:14px;margin-top:30px;}
}

@media (max-width: 768px){
	div.tab_list_wrap{padding:70px 0 70px 0;}
	ul.tab_list li a{font-size:14px;height:40px;line-height:35px;}
	div.tab_con_wrap p.sec_txt2{font-size:12px;margin-top:20px;}
}

div.company_scale{position:relative;width:100%;padding:100px 0 150px 0;background:url('../img/company_scale_bg.jpg')no-repeat center;background-size:cover;background-attachment:fixed;margin-top:200px;}
div.hik div.company_scale{background:url('../img/main_bg01.jpg')no-repeat right center;background-size:cover;background-attachment:fixed;}
div.company_scale:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;display:block;background:rgba(0,0,0,0.3);z-index:1;}
div.company_scale h2.sub_section_tit{color:#fff;}
div.company_scale h2.sub_section_tit span{background:#fff;}
div.company_scale div.section_con{position:relative;z-index:2;}
ul.company_scale_list{width:100%;overflow:hidden;margin:70px auto 0 auto;max-width:1600px;display: flex;justify-content:center;}
ul.company_scale_list li{float:left;width:20%;text-align:center;}
ul.company_scale_list li h5{font-size:17px;color:#fff;}
ul.company_scale_list li h5:before{content:'';display:block;width:80px;height:80px;margin:0 auto 32px auto;background-size:cover;background-repeat:no-repeat;background-position:center;background-size:cover;}
ul.company_scale_list li:nth-child(1) h5:before{background-image:url('../img/company_scale_icon01.png');}
ul.company_scale_list li:nth-child(2) h5:before{background-image:url('../img/company_scale_icon02.png');}
ul.company_scale_list li:nth-child(3) h5:before{background-image:url('../img/company_scale_icon03.png');}
ul.company_scale_list li:nth-child(4) h5:before{background-image:url('../img/company_scale_icon03.png');}
ul.company_scale_list li:nth-child(5) h5:before{background-image:url('../img/company_scale_icon02.png');}
ul.company_scale_list li h4{font-size:26px;font-weight:600;color:#fff;margin-top:15px;}
ul.company_scale_list li h4 span{font-size:28px;}
p.company_scale_txt{font-size:18px;color:#fff;margin-top:75px;line-height:1.6;text-align:center;}

@media (max-width: 1200px){
	ul.company_scale_list{margin:50px auto 0 auto;}
	ul.company_scale_list li{width:20%;}
	ul.company_scale_list li h5{font-size:14px;}
	ul.company_scale_list li h5:before{width:60px;height:60px;margin:0 auto 22px auto;}
	ul.company_scale_list li h4{font-size:20px;margin-top:10px;}
	ul.company_scale_list li h4 span{font-size:22px;}
	p.company_scale_txt{font-size:14px;margin-top:55px;}
}

@media (max-width: 1024px){
	ul.company_scale_list{margin:0 auto;flex-wrap:wrap;padding:0 20%;}
	ul.company_scale_list li{width:50%;margin-top:50px;}
}

@media (max-width: 768px){
	div.company_scale{padding:80px 0 100px 0;}
	ul.company_scale_list{padding:0 10%;}
	ul.company_scale_list li h5{font-size:12px;}
	ul.company_scale_list li h5:before{width:40px;height:40px;margin:0 auto 10px auto;}
	ul.company_scale_list li h4{font-size:14px;}
	ul.company_scale_list li h4 span{font-size:16px;}
	p.company_scale_txt{font-size:12px;margin-top:45px;padding:0 10%;}
}
@media (max-width: 576px){
	ul.company_scale_list{padding:0 5%;}
}







div.business_wrap{background:url('../img/sub01_sec03_bg01.png')no-repeat right bottom;background-size:150%;position:relative;}
div.business_wrap:before{content:'';display:block;position:absolute;top:6%;right:0;font-size:20vw;color:#eff0f6;font-weight:900;text-align:right;font-family: 'Pretendard';opacity:0.4;}
div.tab_con_wrap div.tab_con.uni div.business_wrap:before{content:'UNIINFO';}
div.tab_con_wrap div.tab_con.hik div.business_wrap{background:url('../img/section04_bg.png')no-repeat center;background-size:cover;}
div.tab_con_wrap div.tab_con.hik div.business_wrap:before{content:'HIKROBOT';font-size:16vw;color: #e2e2e2;}
h2.sub_section_tit{font-size:36px;font-weight:400;color:#333;text-align:center;}
h2.sub_section_tit span{display:block;font-size:0;width:50px;height:2px;display:block;margin:0 auto 25px auto;background:#333;}


div.business_list{width:100%;margin-top:100px;}
div.business_list ul.business_list_area{width:100%;position:relative;}
div.business_list ul.business_list_area:after{content:'';display:block;clear:both;}
div.business_list ul.business_list_area > li {float:left;width:25%;padding:0 32px;position:relative;display: block;}
div.business_list ul.business_list_area li .img {width:100%;height:300px; overflow: hidden; border-radius:15px; text-align: center; background: rgba(0,0,0,0.1);}
div.business_list ul.business_list_area li .img img { height:100%;}
div.business_list ul.business_list_area li .txt_box { text-align: left; margin-top:18px;}
div.business_list ul.business_list_area li .txt_box span {color: #666;font-size:18px;font-weight:400;font-family: 'Pretendard';}
div.business_list ul.business_list_area li .txt_box p {color:#111;font-size: 20px;font-weight: 700;margin-top:5px;}
div.business_list ul.business_list_area li .hover_box {width: calc(100% - 64px);-webkit-width: calc(100% - 64px);-moz-width: calc(100% - 64px);o-width: calc(100% - 64px);height:300px; position: absolute; top: 0; left: 0;right:0;margin:0 auto; text-align: left; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center;background: rgba(0, 0, 0, 0.6); color: #fff; opacity: 0; padding:32px;font-weight: 600; border-radius:15px; }
div.business_list ul.business_list_area li .hover_box .tit { font-size:24px;}
div.business_list ul.business_list_area li .hover_box .txt {display: block}
div.business_list ul.business_list_area li .hover_box .txt ul {font-size:18px; font-weight: 300; padding:20px 10px;}
div.business_list ul.business_list_area li .hover_box .txt ul li {position: relative;padding:0 0 0 15px;float: none;width: 100%;line-height:1.6;margin:0;font-size:18px;font-weight:400;}
div.business_list ul.business_list_area li .hover_box .txt ul li::before { content: ''; display: block; width: 3px; height: 3px ; left: 0; top: 0.55rem; border-radius: 50%; background: #fff; position: absolute;}
div.business_list ul.business_list_area li:hover .hover_box { opacity: 1; }
div.business_list ul.business_list_area li .hover_box { transition: all 0.3s; }

@media (max-width: 1400px){
	div.business_list ul.business_list_area li .hover_box{padding:25px;}
	div.business_list ul.business_list_area li .hover_box .tit { font-size:18px;}
	div.business_list ul.business_list_area li .hover_box .txt ul {font-size:14px;padding:15px 5px;}
	div.business_list ul.business_list_area li .hover_box .txt ul li{font-size:14px;}
}
@media (max-width: 1200px){
	h2.sub_section_tit{font-size:32px;}
	div.business_list ul.business_list_area > li{padding:0 20px;}
	div.business_list ul.business_list_area li .img{height:250px;}
	div.business_list ul.business_list_area li .hover_box{width: calc(100% - 40px);-webkit-width: calc(100% - 40px);-moz-width: calc(100% - 40px);o-width: calc(100% - 40px);height:250px;}
}

@media (max-width: 1024px){
	h2.sub_section_tit{font-size:26px;}
	div.business_list{margin-top:30px;}
	div.business_list ul.business_list_area > li{margin-top:40px;}
	div.business_list ul.business_list_area > li{width:50%;}
	div.business_list ul.business_list_area li .txt_box{display:none;}
	div.business_list ul.business_list_area li .img{height:33vw;border-radius:15px 15px 0 0;}
	div.business_list ul.business_list_area li .hover_box{position:relative;opacity:1;width:100%;height:150px;border-radius:0 0 15px 15px;padding:15px 25px;justify-content: flex-start;}
	div.business_list ul.business_list_area li .hover_box .tit {font-size:16px;}
	div.business_list ul.business_list_area li .hover_box .txt ul {font-size:12px;padding:10px 5px;}
	div.business_list ul.business_list_area li .hover_box .txt ul li{font-size:12px;}
}

@media (max-width: 768px){
	div.business_list{margin-top:20px;}
	div.business_list ul.business_list_area > li{margin-top:10px;}
	div.business_wrap div.business_txt h4.sec_tit{text-align:center;}
	div.business_wrap div.business_txt h2.sec_txt{text-align:center;}
	div.business_wrap div.business_txt p.sec_txt2{text-align:center;}
	h2.sub_section_tit{font-size:22px;}
	div.company_scale{padding:80px 0 100px 0;margin-top:100px;}
	div.business_list ul.business_list_area > li{padding:0 5px;}
	div.business_list ul.business_list_area li .img{height:40vw;}
	div.business_list ul.business_list_area li .hover_box{height:130px;padding:10px 10px;}
	div.business_list ul.business_list_area li .hover_box .tit {font-size:12px;}
	div.business_list ul.business_list_area li .hover_box .txt ul {font-size:11px;padding:10px 3px;}
	div.business_list ul.business_list_area li .hover_box .txt ul li{font-size:11px;padding-left:10px;line-height:1.4;}
	div.business_list ul.business_list_area li .hover_box .txt ul li::before{top: 0.35rem;}
}


/* 제품소개 */

div.naming_box{position:relative;padding:80px 0;}
h1.naming{font-size:80px;text-align:center;}
h1.naming span{display:inline-block;vertical-align:top;padding-bottom:5px;border-bottom:4px solid #000;margin:0 4px;position:relative;cursor:pointer;z-index:0;}
h1.naming span:before{content:'';display:block;position:absolute;bottom:-50px;left:0;font-size:18px;border:1px solid 
#333;border-radius:50%;width:30px;height:30px;line-height:30px;text-align:center;}

h1.naming span:hover div.hover_guide{opacity:1;}
h1.naming span.guide01:before{content:'1';}
h1.naming span.guide02:before{content:'2';}
h1.naming span.guide03:before{content:'3';}
h1.naming span.guide04:before{content:'4';}
h1.naming span.guide05:before{content:'5';}
h1.naming span.guide06:before{content:'6';}
h1.naming span.guide07:before{content:'7';}
h1.naming span.guide08:before{content:'8';}
h1.naming span.guide09:before{content:'9';}
h1.naming span.guide10:before{content:'10';}
h1.naming span.guide11:before{content:'11';}
h1.naming span.guide12:before{content:'12';}
h1.naming span.guide13:before{content:'13';}

table.guide_list_info{margin-top:70px;border:1px solid #ddd;}
table.guide_list_info tr th{padding:7px 2px;font-size:18px;font-weight:700;}
table.guide_list_info tr td{padding:5px 5px;font-size:16px;}
table.guide_list_info tr td.txt_l{text-align:left;}
table.guide_list_info tr td h3{margin-top:15px;font-size:16px;}
table.guide_list_info tr td h3:first-child{margin-top:0;}
table.guide_list_info tr td p{margin-top:5px;font-size:16px;}
.gli_col01{width:100px;}
.gli_col02{width:150px;}


div.hover_guide{width:400px;position:absolute;left:0;right:0;margin:0 auto;top:95%;z-index:9;padding:20px;border:1px solid #ddd;border-radius:7px;transition:all 0.25s ease;background:#fff;z-index:9;box-shadow:3px 5px 5px rgba(0,0,0,0.1);display:none;}
div.hover_guide h2{background:#ddd;color:#333;font-size:22px;text-align:center;}
div.hover_guide h3{font-size:20px;text-align:left;}
div.hover_guide h4{font-size:16px;margin-top:20px;}
div.hover_guide p{font-size:14px;margin-top:7px;text-align:left;}
div.hover_guide ul li{display:none;}
div.hover_guide ul li.on{display:block;}

@media (max-width: 1400px){
	h1.naming{font-size:70px;}
}

@media (max-width: 1200px){
	h1.naming{font-size:60px;}
}
@media (max-width: 1024px){
	div.hover_guide{display:none !important;}
	div.naming_box{padding:50px 0;}
	h1.naming{font-size:40px;}
	h1.naming span{cursor:default;}
	h1.naming span:before{bottom:-30px;font-size:12px;width:20px;height:20px;line-height:20px;}
	table.guide_list_info{margin-top:20px;}

	table.guide_list_info tr th{font-size:16px;}
	table.guide_list_info tr td{font-size:14px;}
	table.guide_list_info tr td h3{font-size:14px;}
	table.guide_list_info tr td p{font-size:14px;}
	.gli_col01{width:50px;}
	.gli_col02{width:110px;}
}
@media (max-width: 768px){
	h1.naming{font-size:20px;}
}
@media (max-width: 576px){
	h1.naming{font-size:16px;}
	h1.naming span{margin:0 3px;}
	h1.naming span:before{bottom:-23px;font-size:10px;width:15px;height:15px;line-height:15px;}
	table.guide_list_info tr th{font-size:14px;}
	table.guide_list_info tr td{font-size:12px;}
	table.guide_list_info tr td h3{font-size:12px;}
	table.guide_list_info tr td p{font-size:12px;}
	.gli_col01{width:40px;}
	.gli_col02{width:100px;}
}

/* 제품소개 끝 */

/* 하이크로봇 사업분야 */
div.hik_business_area{margin-top:50px;}
ul.hik_business_list{width:100%;display:flex;align-items:center;justify-content:center;}
ul.hik_business_list li{width:50%;padding-bottom:150px;}
ul.hik_business_list li div.img{text-align:center;}
ul.hik_business_list li div.img img{width:100%;}
ul.hik_business_list li div.txt{padding:0 10%;}
ul.hik_business_list li div.txt h3{font-size:40px;font-weight:900;font-family: 'Pretendard';text-align:center;}
ul.hik_business_list li div.txt p{font-size:18px;font-weight:400;margin-top:20px;line-height:1.4;text-align:center;}
ul.hik_business_list li.vision_pd{background:url('../img/vision_bg.png')no-repeat center;background-size:contain;}
ul.hik_business_list li.robot_pd{background:url('../img/robot_bg.png')no-repeat center;background-size:contain;}
@media (max-width: 1200px){
	ul.hik_business_list li div.txt h3{font-size:30px;}
	ul.hik_business_list li div.txt p{font-size:16px;margin-top:15px;}
}

@media (max-width: 1024px){
	ul.hik_business_list li div.txt h3{font-size:22px;}
	ul.hik_business_list li div.txt p{font-size:14px;margin-top:10px;}
}

@media (max-width: 768px){
	
	div.hik_business_area{margin-top:0px;}
	ul.hik_business_list{flex-direction: column;}
	ul.hik_business_list li{width:100%;padding-bottom:20%;}
	ul.hik_business_list li div.img img{width:80%;}
	ul.hik_business_list li div.txt h3{font-size:18px;}
	ul.hik_business_list li div.txt p{font-size:14px;}
}

/* 하이크로봇 사업분야 끝 */



/* 문의하기 */
div.contact_info_box{margin-top:80px;}
div.contact_info_box ul{overflow:hidden;}
div.contact_info_box ul li{width:32%;border:1px solid #ddd;float:left;border-radius:15px;margin:0 0 2% 2%;transition:all 0.25s ease;background: url('../img/sub01_sec03_bg01.png') no-repeat right bottom;background-size:130%;overflow:hidden;}
div.contact_info_box ul li:nth-child(3n+1){margin-left:0;}
div.contact_info_box ul li:hover{border:1px solid #009688;}
div.contact_info_box ul li a{height:200px;padding:30px 150px 30px 30px;position:relative;}
div.contact_info_box ul li a span.icon{position:absolute;bottom:30px;right:30px;width:100px;height:100px;line-height:100px;text-align:center;border-radius:50%;background:#e7e7e7;}
div.contact_info_box ul li a span.icon img{width:50%;}
div.contact_info_box ul li a span.txt{position:absolute;bottom:-10px;left:20px;font-size:3vw;font-weight:700;color:#fff;font-family:'Pretendard';line-height:1;z-index:-1;opacity:0.6;}
div.contact_info_box ul li a div.desc{display:inline-block;vertical-align:bottom;}
div.contact_info_box ul li a h3{font-size:22px;font-weight:700;}
div.contact_info_box ul li a p{font-size:20px;font-weight:400;margin-top:15px;line-height:1.4;}

@media (max-width: 1400px){
	div.contact_info_box ul li a{height:210px;padding:30px 100px 30px 30px;}
	div.contact_info_box ul li a span.icon{bottom:20px;right:20px;width:80px;height:80px;line-height:80px;}
	div.contact_info_box ul li a h3{font-size:20px;}
	div.contact_info_box ul li a p{font-size:18px;margin-top:13px;}
}
@media (max-width: 1200px){
	div.contact_info_box{margin-top:50px;}
	div.contact_info_box ul li{width:48%;margin:1%;}
	div.contact_info_box ul li:nth-child(3n+1){margin:1%;}
	div.contact_info_box ul li a span.txt{bottom:-5px;font-size:4vw;}
}
@media (max-width: 768px){
	section.contact_sec02 h4.sec_tit{text-align:center;}
	section.contact_sec02 h2.sec_txt{text-align:center;}
	div.contact_info_box ul li{width:98%;height:150px;}
	div.contact_info_box ul li a{height:150px;}
	div.contact_info_box ul li a h3{font-size:16px;}
	div.contact_info_box ul li a p{font-size:14px;margin-top:10px;}
	div.contact_info_box ul li a span.icon{width:60px;height:60px;line-height:60px;}
	div.contact_info_box ul li a span.txt{bottom:-7px;font-size:50px;}
}
@media (max-width: 576px){
	div.contact_info_box ul li a span.txt{bottom:-7px;font-size:40px;}
	div.contact_info_box ul li a p{font-size:12px;}
}
/* 문의하기 끝 */


h1.pd_page_tit{text-align:center;font-size:40px;font-weight:900;font-family: 'Pretendard';float:left;}
h1.pd_page_tit span{border-bottom:4px solid #00675d;}
@media (max-width: 1024px){
	h1.pd_page_tit{font-size:30px;}
}
@media (max-width: 768px){
	h1.pd_page_tit{text-align:center;float:none;font-size:18px;}
}


/*footer*/
footer#footer{width:100%;min-height:40px;background:#000;padding:90px 0;}
footer#footer div.center{display:flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
footer#footer div.center:after{display:none;}
footer#footer h1.ft_logo{font-size:20px;font-weight:900;}
footer#footer h1.ft_logo img{vertical-align:top;}
footer#footer h1.ft_logo img.logo1{width:160px;}
footer#footer h1.ft_logo img.logo2{width:120px;opacity:0.2;}

footer#footer div.com_info_box{flex:1;padding:0 100px;}
footer#footer div.com_info_box ul{overflow:hidden;}
footer#footer div.com_info_box ul li{float:left;margin-left:30px;}
footer#footer div.com_info_box ul li.ml0{margin-left:0 !important;}
footer#footer div.com_info_box ul li,
footer#footer div.com_info_box ul li a{color:#ddd;font-size:14px;font-weight:400;}
footer#footer div.com_info_box ul li span{font-weight:900;}
footer#footer div.com_info_box ul li span.add_txt{font-weight:400;font-size:12px;}
footer#footer div.com_info_box ul.ft_gnb{}
footer#footer div.com_info_box ul.ft_gnb li a{font-size:16px;font-weight:700;}
footer#footer div.com_info_box ul.com_info{margin-top:15px;}
footer#footer div.com_info_box ul.com_info li{line-height:20px;padding:4px 30px 0 0;margin-left:0;}
footer#footer div.com_info_box ul.com_info li a{display:inline-block;line-height:20px;}
footer#footer div.ft_right{}
footer#footer div.ft_right div.terms_link_box{position:relative;}
footer#footer div.ft_right div.terms_link_box a.terms_link_bt{font-size:14px;color:#fff;width:150px;line-height:35px;border:1px solid #fff;text-align:center;border-radius:4px;}
footer#footer div.ft_right div.terms_link_box ul.terms{position:absolute;top:35px;left:0;width:100%;background:#111;z-index:1;border:1px solid #fff;border-bottom:0;display:none;}
footer#footer div.ft_right div.terms_link_box:hover ul.terms{display:block;}
footer#footer div.ft_right div.terms_link_box ul.terms li{border-bottom:1px solid #ddd;}
footer#footer div.ft_right div.terms_link_box ul.terms li a{padding:5px;color:#fff;font-size:14px;text-align:center;}
footer#footer div.ft_right div.terms_link_box ul.terms li:hover a{color:#00675d;}
footer#footer div.ft_right div.sns_list{font-size:0;margin-top:15px;text-align:center;}
footer#footer div.ft_right div.sns_list a{display:inline-block;margin:0 8px;}
footer#footer div.ft_right div.sns_list a:first-child{margin-left:0;}
footer#footer p.copy{margin-top:20px;font-size:16px;color:#ddd;font-weight:400;}


@media (max-width: 1400px){
	footer#footer div.com_info_box{padding:0 50px;}
}

@media (max-width: 1200px){
	footer#footer h1.ft_logo img.logo1{width:120px;}
	footer#footer h1.ft_logo img.logo2{width:100px;}
	footer#footer div.com_info_box{padding:0 30px;}
}

@media (max-width: 1024px){
	footer#footer{padding:110px 0;}
	footer#footer div.center{display:block;text-align:center;}
	footer#footer div.com_info_box{padding:10px 0;text-align:center;}

	footer#footer div.com_info_box ul{font-size:0;}
	footer#footer div.com_info_box ul li{display:inline-block;vertical-align:middle;float:none;margin:2px 10px;}
	footer#footer div.com_info_box ul.com_info li{display:block;padding:0;}
	footer#footer div.com_info_box ul.com_info li span.add_txt{display:block;}
	footer#footer div.ft_right div.terms_link_box{width:150px;margin:20px auto 0 auto;}
	footer#footer div.ft_right div.terms_link_box a.terms_link_bt{width:100%;line-height:30px;font-size:12px;}
	footer#footer div.ft_right div.terms_link_box ul.terms{top:30px;}
	footer#footer div.ft_right div.terms_link_box ul.terms li a{font-size:10px;}
}

@media (max-width: 768px){

}
@media (max-width: 576px){
	footer#footer div.com_info_box ul li{font-size:12px;}
	footer#footer div.com_info_box ul.ft_gnb li a{font-size:12px;}
	footer#footer div.com_info_box ul.com_info li a{font-size:12px;}
	footer#footer div.com_info_box ul.com_info li span.add_txt{font-size:11px;}
	footer#footer p.copy{font-size:12px;margin-top:10px;}
}


button.sctop{border-radius:50%;width:80px;height:80px;position:fixed;bottom:5%;right:3%;border:1px solid #343434;background:#343434;cursor:pointer;z-index:8;display:none;}
button.sctop.active{display:block;}

@media (max-width: 1024px){
	button.sctop{width:50px;height:50px;}
	button.sctop img{width:40%;margin-top:-5px;}
}
/*footer 끝*/



.section_con{width:1140px;margin:0 auto;text-align:center;}
section#subpage_top{display:block;position:relative;width:100%;height:475px;
							background-position:0 90%;background-repeat:no-repeat;background-size:cover;padding-top:230px;}
section#subpage_top.sub_top_privacy{background-image:url('/theme/hikrobot/img/sub_top_privacy.jpg') !important;background-position:center !important;}

section#subpage_top:before{content:'';display:block;width:100%;height:100%;background:rgba(0,0,0,0.4);position:absolute;top:0;left:0;}
section#subpage_top div.section_con{position:relative;z-index:1;}
section#subpage_top div.section_con h4{text-align:center;color:#fff;font-size:20px;font-weight:normal;}
section#subpage_top div.section_con h3{text-align:center;color:#fff;font-size:40px;font-weight:bold;margin-top:25px;}
p.sub_section_txt{font-size:18px;color:#333;font-weight:400;margin-top:40px;line-height:31px;}
div.mission_slide_controller div.swiper_button_box .swiper-button-next:after, div.mission_slide .swiper-button-prev:after{display:none !important;font-size:0;}

@media (max-width: 1400px){
	section#subpage_top{height:425px;padding-top:200px;}
	section#subpage_top div.section_con h3{font-size:35px;margin-top:20px;}
}

@media (max-width: 1200px){
	section#subpage_top{height:380px;padding-top:190px;}
	.section_con{width:100%;}
	section#subpage_top div.section_con h4{font-size:18px;}
	section#subpage_top div.section_con h3{font-size:32px;}
	section.subpage_top26{background-size:100% !important;}
}

@media (max-width: 1024px){
	section#subpage_top{height:300px;padding-top:140px;background-attachment:scroll;background-position:center;}
	section#subpage_top div.section_con h4{font-size:16px;}
	section#subpage_top div.section_con h3{font-size:25px;}
	section.subpage_top26{background-size:cover !important;}
}

@media (max-width: 768px){
	section#subpage_top{height:250px;padding-top:120px;}
	section#subpage_top div.section_con h4{font-size:15px;}
	section#subpage_top div.section_con h3{font-size:22px;margin-top:15px;}
}
@media (max-width: 576px){

}

/*이용약관/개인정보처리방침 시작 ---------------------------------------------------------------------------------------------------------------------------*/
section#terms_intro div.section_box{padding:100px 0;}
section#terms_intro div.section_box h3{font-size:25px;margin-top:30px;color:#ff8f00;}
section#terms_content div.section_con{padding:50px 0 150px;border-top:2px solid #ccc;}
section#terms_content div.section_con ul{text-align:left;}
section#terms_content li.terms_list{margin-bottom:50px;}
section#terms_content li.terms_list:last-child{margin-bottom:0;}

section#terms_content li.terms_list h4.tit_subject{display:block;color:#111;font-size:17px;font-weight:700;line-height:1.7;}
section#terms_content li.terms_list > p{color:#333;font-weight:400;}
section#terms_content li.terms_list ul{padding-left:25px;}
section#terms_content li.terms_list li.terms_list_depth{font-size:0;}

section#terms_content li.terms_list > p,
section#terms_content li.terms_list li.terms_list_depth{margin-top:15px;line-height:1.6;}

section#terms_content li.terms_list > p,
section#terms_content li.terms_list li.terms_list_depth p,
section#terms_content li.terms_list li.terms_list_depth span.txt_num,
section#terms_content li.terms_list li.terms_list_depth span.txt_num + p{font-size:16px;}

section#terms_content li.terms_list li.terms_list_depth span.txt_num{margin:0 10px 0 -25px;vertical-align:top;}
section#terms_content li.terms_list li.terms_list_depth span.txt_num + p{display:inline-block;}

section#terms_content li.terms_list li.terms_list_depth li.terms_list_2depth{margin-top:3px;font-size:0;}
section#terms_content li.terms_list li.terms_list_depth li.terms_list_2depth:first-child{margin-top:5px;}
section#terms_content li.terms_list li.terms_list_depth li.terms_list_2depth span.txt_num{margin:0 7px 0 -25px;}

section#terms_content li.terms_list li.terms_list_depth li.terms_list_2depth p,
section#terms_content li.terms_list li.terms_list_depth li.terms_list_2depth span.txt_num,
section#terms_content li.terms_list li.terms_list_depth li.terms_list_2depth span.txt_num + p{font-size:15px;}

section#terms_content li.terms_list li.terms_list_depth li.terms_list_3depth{margin-top:5px;font-size:0;}
section#terms_content li.terms_list li.terms_list_depth li.terms_list_3depth:last-child{padding-bottom:2px;}

section#terms_content li.terms_list li.terms_list_depth li.terms_list_3depth p,
section#terms_content li.terms_list li.terms_list_depth li.terms_list_3depth span.txt_num,
section#terms_content li.terms_list li.terms_list_depth li.terms_list_3depth span.txt_num + p{font-size:14px;}

section#terms_content li.terms_list li.terms_list_depth li.terms_list_4depth{margin-top:3px;font-size:0;}
section#terms_content li.terms_list li.terms_list_depth li.terms_list_4depth:last-child{padding-bottom:1px;}

section#terms_content li.terms_list li.terms_list_depth li.terms_list_4depth p,
section#terms_content li.terms_list li.terms_list_depth li.terms_list_4depth span.txt_num,
section#terms_content li.terms_list li.terms_list_depth li.terms_list_4depth span.txt_num + p{font-size:14px;}

article#ctt{display:none;}

@media (max-width: 1400px){
	section#terms_content div.section_con{padding:45px 20px 150px;}
	section#terms_intro div.section_box h3{font-size:23px;margin-top:25px;}
	section#terms_content li.terms_list{margin-bottom:45px;}
}

@media (max-width: 1200px){
	section#terms_intro div.section_box{padding:80px 0 70px;}
	section#terms_intro div.section_box h3{font-size:21px;margin-top:20px;}
	section#terms_content{padding:0 20px;}
	section#terms_content div.section_con{padding:40px 20px 80px;}
	section#terms_content li.terms_list{margin-bottom:40px;}
	section#terms_content li.terms_list h4.tit_subject{font-size:16px;}

	section#terms_content li.terms_list > p,
	section#terms_content li.terms_list li.terms_list_depth{margin-top:12px;}

	section#terms_content li.terms_list > p,
	section#terms_content li.terms_list li.terms_list_depth p,
	section#terms_content li.terms_list li.terms_list_depth span.txt_num,
	section#terms_content li.terms_list li.terms_list_depth span.txt_num + p{font-size:15px;}

	section#terms_content li.terms_list li.terms_list_depth li.terms_list_2depth:first-child{margin-top:4px;}

	section#terms_content li.terms_list li.terms_list_depth li.terms_list_2depth p,
	section#terms_content li.terms_list li.terms_list_depth li.terms_list_2depth span.txt_num,
	section#terms_content li.terms_list li.terms_list_depth li.terms_list_2depth span.txt_num + p{font-size:14px;}
}

@media (max-width: 1024px){
	section#terms_intro div.section_box{padding:60px 0 50px;}
	section#terms_intro div.section_box h3{font-size:19px;margin-top:15px;padding:0 20px;}
	section#terms_content div.section_con{padding:35px 20px 60px;}
	section#terms_content li.terms_list{margin-bottom:35px;}
	section#terms_content li.terms_list h4.tit_subject{font-size:15px;}

	section#terms_content li.terms_list > p,
	section#terms_content li.terms_list li.terms_list_depth{margin-top:10px;}

	section#terms_content li.terms_list > p,
	section#terms_content li.terms_list li.terms_list_depth p,
	section#terms_content li.terms_list li.terms_list_depth span.txt_num,
	section#terms_content li.terms_list li.terms_list_depth span.txt_num + p{font-size:14px;}

	section#terms_content li.terms_list li.terms_list_depth li.terms_list_2depth{margin-top:2px;}

	section#terms_content li.terms_list li.terms_list_depth li.terms_list_2depth p,
	section#terms_content li.terms_list li.terms_list_depth li.terms_list_2depth span.txt_num,
	section#terms_content li.terms_list li.terms_list_depth li.terms_list_2depth span.txt_num + p{font-size:13px;}

	section#terms_content li.terms_list li.terms_list_depth li.terms_list_3depth{margin-top:4px;font-size:0;}
	section#terms_content li.terms_list li.terms_list_depth li.terms_list_3depth:last-child{padding-bottom:2px;}

	section#terms_content li.terms_list li.terms_list_depth li.terms_list_4depth{margin-top:2px;font-size:0;}
	section#terms_content li.terms_list li.terms_list_depth li.terms_list_4depth:last-child{padding-bottom:1px;}
}

@media (max-width: 768px){
	section#terms_intro div.section_box{padding:50px 0 40px;}
	section#terms_intro div.section_box h3{font-size:17px;margin-top:10px;}
	section#terms_content div.section_con{padding:30px 10px 50px;}
	section#terms_content li.terms_list{margin-bottom:30px;}
	section#terms_content li.terms_list h4.tit_subject{font-size:14px;}

	section#terms_content li.terms_list > p,
	section#terms_content li.terms_list li.terms_list_depth{margin-top:7px;}

	section#terms_content li.terms_list > p,
	section#terms_content li.terms_list li.terms_list_depth p,
	section#terms_content li.terms_list li.terms_list_depth span.txt_num,
	section#terms_content li.terms_list li.terms_list_depth span.txt_num + p{font-size:13px;}

	section#terms_content li.terms_list li.terms_list_depth li.terms_list_2depth{margin-top:1px;}
	section#terms_content li.terms_list li.terms_list_depth li.terms_list_2depth:first-child{margin-top:3px;}

	section#terms_content li.terms_list li.terms_list_depth li.terms_list_2depth p,
	section#terms_content li.terms_list li.terms_list_depth li.terms_list_2depth span.txt_num,
	section#terms_content li.terms_list li.terms_list_depth li.terms_list_2depth span.txt_num + p{font-size:12px;}

	section#terms_content li.terms_list li.terms_list_depth li.terms_list_3depth{margin-top:3px;font-size:0;}
	section#terms_content li.terms_list li.terms_list_depth li.terms_list_3depth:last-child{padding-bottom:1px;}

	section#terms_content li.terms_list li.terms_list_depth li.terms_list_4depth{margin-top:1px;font-size:0;}
	section#terms_content li.terms_list li.terms_list_depth li.terms_list_4depth:last-child{padding-bottom:1px;}
}
/*이용약관/개인정보처리방침 끝 -----------------------------------------------------------------------------------------------------------------------------------------*/


#board div.center{padding:50px 50px 180px 50px !important;}
@media (max-width: 1024px){
	#board div.center{padding:30px 10px 90px 10px !important;}
}


div.pd_list_tab_link_wrap{}
ul.pd_list_tab_link{font-size:0;width:100%;padding:35px 40px;display:flex;flex-wrap:wrap;align-items: center;background:#eee;}
ul.pd_list_tab_link li{padding:0;margin:5px 35px 5px 5px;}
ul.pd_list_tab_link li:last-child{margin-right:0px;}
ul.pd_list_tab_link li a{display:inline-block;height:50px;line-height:50px;font-size:20px;color:#9B9B9B;text-align:center;font-weight:700;border-radius: 50px; padding:0 25px;background: #fff;}
ul.pd_list_tab_link li.on a{background: #00675d;color: #fff;}
@media (max-width: 1024px){
	ul.pd_list_tab_link{padding:15px 20px;}
	ul.pd_list_tab_link li{padding:0;margin:5px 25px 5px 5px;}
	ul.pd_list_tab_link li a{height:35px;line-height:35px;font-size:16px;padding:0 15px;}
}
@media (max-width: 768px){
	ul.pd_list_tab_link li{margin:5px 15px 5px 5px;}
	ul.pd_list_tab_link li a{height:25px;line-height:25px;font-size:14px;padding:0 10px;}
}
@media (max-width: 576px){
	ul.pd_list_tab_link{padding:10px 10px;}
	ul.pd_list_tab_link li a{font-size:12px;}
}

/* SC2000E */
div.swiper_wrap{position:relative;width:100%;max-width:1000px;margin:0 auto;}
div.swiper_wrap div.pd_slide{padding-bottom:70px;}
div.swiper_wrap div.pd_slide div.swiper-slide{background:#222;height:100%;}
div.swiper_wrap div.pd_slide div.img_box{text-align:center;}
div.swiper_wrap div.pd_slide p{margin-top:40px;}
div.swiper_wrap div.pd_slide div.img_box img{width:80%;max-width:700px !important;max-height:424px !important;}
div.swiper_wrap .swiper-button-prev:after, 
div.swiper_wrap .swiper-button-next:after{font-size:50px;color:#fff;}
div.swiper_wrap .swiper-pagination-bullet{width:10px;height:10px;background:#fff;}

@media (max-width: 1024px){
	div.swiper_wrap div.pd_slide{padding-bottom:50px;}
	div.swiper_wrap div.pd_slide p{margin-top:30px;}
	div.swiper_wrap .swiper-button-prev, 
	div.swiper_wrap .swiper-button-next{display:none;}
}

div.pd_intro_box2.pd_intro_box2_1{margin-top:0;border:0;padding-bottom:0;}
ul.pd_intro_list{display:flex;flex-wrap:wrap;}
ul.pd_intro_list li{flex:0 0 50%;padding:0 10px;}
ul.pd_intro_list li div.img_box{width:100%;height:27vw;max-height:443px;overflow:hidden;border-radius:15px;}
ul.pd_intro_list li div.img_box img{width:100%;height:100%;}
ul.pd_intro_list li p{}
@media screen and (max-width: 1024px){
	ul.pd_intro_list li{padding:0 5px;}
	/*
	ul.pd_intro_list li{flex:0 0 100%;padding:0 10px;}
	ul.pd_intro_list li div.img_box{height:auto;max-height:none;}
	ul.pd_intro_list li div.img_box img{height:auto;}
	*/
}
/* SC2000E 끝 */