@charset "utf-8";

:root {
  --main-color: #0a1e3d;
  --main-color2: #0a1e3d;
  --text-color: #282828;
  --sub-color1:#a07820;
  --sub-color2:#992D2F;
  --sub-color3:#50306C;
  --sub-color4:#50672A;
  --sub-color5:#346A8C;
  --sub-color6:#6C4730;
  --sub-color7:#333333;

  --cate-heightm: 100px;
  --cate-heightpc: 150px;
}

html {position: relative; margin:0; padding:0;  height: 100%; font-size:10px; -webkit-tap-highlight-color: rgba(0,0,0,.2); tap-highlight-color: rgba(0,0,0,.2);}
body {position: relative; height:100%; margin:0; padding:0; font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-size:1.5rem; font-style: normal; font-weight:400; line-height: 1.6; /* letter-spacing: -0.02em; */ color:#282828; word-break: keep-all; word-wrap: break-word;}
a{box-sizing: border-box;}
a,a:hover,a:focus{color:inherit; text-decoration: none; }
h1,h2,h3,h4,h5,h6{font-weight:700; margin:0; padding:0;}
ul,li,ol{list-style: none; margin:0; padding:0; box-sizing: border-box;}
p{line-height:1.6; margin:10px 0;}
label{font-weight:400; margin:0;}
button, input, select, textarea{outline:none; font-size:inherit; font-family: inherit; box-sizing: border-box;}
button{cursor: pointer;}
button:active{/*filter: brightness(90%); -webkit-filter: brightness(90%); -moz-filter: brightness(90%);*/}
div{box-sizing:border-box;}
table{border-collapse:collapse; box-sizing: border-box;}
tr, th, td{box-sizing:border-box;}
hr{box-sizing: content-box; height: 0; margin-top:20px; margin-bottom: 20px; border:0; border-top:1px solid #dcdcdc;}
fieldset {border: 0; margin: 0; padding: 0; min-width: 0;}
legend {display: block; width: 100%; padding: 0; border: 0; color: inherit;}


input[type=checkbox], input[type=radio]{width:15px; height: 15px; vertical-align: text-top; accent-color: var(--main-color);}
input[type=checkbox]:focus, 
input[type=radio]:focus{box-shadow:0 0 0 3px rgba(47, 113, 255, 0.3);}
input[type=text], input[type=tel], input[type=password]{-webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; outline:1px solid rgba(255,223,223,0); background-color: #fff; border:1px solid #c8c8c8; padding: 0 8px; height: 34px; color:#282828; -webkit-transition: outline 0.2s, background 0.2s, border 0.2s; transition: outline 0.2s, background 0.2s, border 0.2s; box-shadow: none; }
input[type=text]:hover,
input[type=tel]:hover,
input[type=password]:hover{/*outline: 4px solid rgba(255,230,230,1); border-color:#d4262e;*/ border-color:#a0a0a0;}

input[type=text]:focus,
input[type=tel]:focus, 
input[type=password]:focus{/*outline: 4px solid rgba(255,230,230,1); border-color:#d4262e;*/ border-color:#2863f1;}

input[type=text]:active,
input[type=tel]:active, 
input[type=password]:active{/*outline: 6px solid rgba(255,230,230,1); background-color: #f5f5f5;*/border-color:#2863f1; }

input[type=text]:disabled, input[type=tel]:disabled, input[type=password]:disabled{background-color: #EDEDED; border:1px solid #c8c8c8; outline: none; /*cursor:not-allowed;*/}

select{
  -webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
  border-radius: 0;
	background:#fff url("../images/selectbtn.png") no-repeat 100% 50%; 
	background-size:20px; 
	box-shadow:none;
	cursor:pointer; 
	margin:5px 0;
	padding:0 30px 0 8px;
	box-sizing: border-box; 
	height:34px; 
	color:inherit;
	font-size:inherit; 
  outline:1px solid rgba(255,223,223,0);
	border:1px solid #c8c8c8;
	-webkit-transition: outline 0.2s, background 0.2s, border 0.2s; 
  transition: outline 0.2s, background 0.2s, border 0.2s;
}
select:hover{
	-webkit-box-shadow: none; 
	-moz-box-shadow: none; 
	box-shadow: none; 
	border-color:#a0a0a0;
}
select:focus{
	border-color:#2863f1;
}

textarea{-webkit-appearance: none; -moz-appearance: none; appearance: none; /*outline:1px solid rgba(255,223,223,0);*/ background-color: #fff; border:1px solid #c8c8c8; padding: 8px; color:#282828; border-radius: 0; -webkit-transition: outline 0.2s, background 0.2s, border 0.2s; transition: outline 0.2s, background 0.2s, border 0.2s;}
textarea:hover{border-color:#a0a0a0;}
textarea:focus{/*outline: 4px solid rgba(255,230,230,1);*/ border-color:#2863f1;}
textarea:active{/*outline: 6px solid rgba(255,230,230,1);*/ border-color:#2863f1; /*background-color: #f5f0f0;*/}

.img_box img{width:100%; display: block;}
.invisible{overflow: hidden; position: absolute; clip: rect(0, 0, 0, 0); width: 1px; height: 1px; margin: -1px;}
.hr_line{border:0; border-top:1px solid #b4b4b4;}


/*체크 박스*/
/* .check_btn{position: relative; display:inline-block; cursor: pointer; vertical-align: top; margin:3px 0;}
.check_btn input.inp_chk{position: relative; z-index: 1; opacity:0; outline: 0; -webkit-appearance:none; display: none;}
.check_btn svg{position:relative; z-index: 1; display: inline; vertical-align: top;}
.check_btn .chk_txt{position:relative; z-index: 1; display: inline; vertical-align: top; line-height: 1.5em;}
.check_btn svg .chk_bg{fill:#fff; stroke-width:1.5px; stroke:#b4b4b4; -webkit-transition: fill 0.2s ease-out, stroke 0.2s ease-out; transition: fill 0.2s ease-out, stroke 0.2s ease-out;}
.check_btn svg .chk_img{fill:none; stroke:transparent; stroke-width:2px; stroke-miterlimit:10; stroke-dashoffset: 0; stroke-dasharray: 60;}
.check_btn input:checked ~ svg .chk_bg{fill:#d4262e; stroke:#d4262e;}
.check_btn input:checked ~ svg .chk_img{stroke:#fff; animation: chk_dash 0.3s ease-out alternate 1;}

@keyframes chk_dash {
  from { stroke-dashoffset: 70; }
  to { stroke-dashoffset: 0; }
} */



/*버튼 모음*/
.btnsty01{background:var(--sub-color1); border:0; border-radius: 5px; color:#fff; transition: filter 0.2s; font-weight: 700; padding:8px 12px;}
.btnsty01:hover, 
.btnsty01:focus{filter: brightness(1.2); color:#fff;}
.btnsty01:active{filter: brightness(0.9);}

.btnsty02{background:var(--main-color); border:0; border-radius: 5px; color:#fff; transition: background-color 0.2s; font-weight: 700; padding:8px 12px;}
.btnsty02:hover, 
.btnsty02:focus{background-color: #153666; color:#fff;}
.btnsty02:active{background-color: #0b1c35;}

.btnsty03{background:#606060; border:0; border-radius: 5px; color:#fff; transition: filter 0.2s;}
.btnsty03:hover, 
.btnsty03:focus{background:#707070; color:#fff;}
.btnsty03:active{background:#505050;}

.btnsty04{background:#fff; border:1px solid #d4262e; border-radius: 5px; color:#d4262e; transition: filter 0.2s;}
.btnsty04:hover, 
.btnsty04:focus{background:#fff6f6; color:#d4262e;}
.btnsty04:active{background:#eedede;}

.btnsty05{background:#fff; border:1px solid #b4b4b4; border-radius: 5px; color:#282828; transition: filter 0.2s; padding:5px 7px;}
.btnsty05:hover, 
.btnsty05:focus{background:#f5f5f5;}
.btnsty05:active{background:#d6d6d6;}

.btn_sm{padding:0 5px; height: 28px; border-radius: 5px;}

.txtbtn{border:none; background: transparent; outline: none;}
.txtbtn:hover, .txtbtn:focus, .txtbtn:active{font-weight: 700; text-decoration: underline;}

.logoutbtn{cursor:pointer;}


.txt_bol{font-weight:700;}
.txt_bol2{font-weight: 700; color:#d4262e;}
.txt_color1{color:#2863f1;}


input::-webkit-input-placeholder {
  color: #8c8c8c;
}
input:-ms-input-placeholder {
  color: #8c8c8c;
}
textarea::-webkit-input-placeholder {
  color: #8c8c8c;
}
textarea:-ms-input-placeholder {
  color: #8c8c8c;
}


/*skip 버튼*/
#skip_nav{position: relative;}
#skip_nav a{display: inline-block; position: absolute; top: -100px; left: 0; background: #000; padding: 10px; z-index: 9999; color: #fff; border:1px solid #fff; padding:4px 5px;}
#skip_nav a:focus{position: absolute; top: 0; left:0;}

#skip_idx{position: absolute; clip: rect(0, 0, 0, 0); width: 1px; height: 1px; margin: -1px; overflow: hidden; background: #fff; border: 1px solid #c0c0c0; padding: 6px 12px; text-decoration: none; color: #333;}
#skip_idx:focus{position: relative; width: auto; height: auto; clip: auto; margin: 10px 0; display: inline-block;}
.testbtn:hover, 
.testbtn:focus{outline: 5px solid #153666; border: 5px solid #2863f1;}


/*배경 커버*/
.bodyclip{overflow: hidden;}
.bkcover{display:none; opacity:0; width:100%; height:100%; position:fixed; top:0; left:0; }
.bkcoverin{background-color:#000; width:100%; height:100%;}

/*///////////////////// 상단바 영역 ////////////////////*/
header{position:relative; z-index:999;}
.head_bar{background-color:#0a1e3d; position: fixed; top:0; left:0; width:100%;}
.bodyclip .head_bar{height:100vh; background:transparent; }
.head_bar .head_box{background-color:#0a1e3d; width:100%; max-width: 1600px; height: 54px; margin:0 auto; padding:0 15px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
.head_bar .head_box .brand_box img{width:200px; display: block;}
.head_bar .head_box .brand_box h1{font-size:1.8rem;}

/*사이드바 토글 버튼*/
.sidebar_toggle_btn{position: absolute; top:4px; right:0; width:46px; height:46px; display: flex; justify-content: center; align-items: center;}
.sidebar_toggle_btn .fa-bars{position: relative; width:20px; height: 18px;}
.sidebar_toggle_btn .fa-bars .icon-bar{position: absolute; display:block; width:100%; height:2px; left:0; margin:0; padding:0; border-radius: 1px; background-color: #ffffff;}
.sidebar_toggle_btn .fa-bars span:nth-child(2){top:0px;}
.sidebar_toggle_btn .fa-bars span:nth-child(3){top:8px;}
.sidebar_toggle_btn .fa-bars span:nth-child(4){top:16px;}

.sidebar_toggle_btn .mtop_ico{position:relative; width:46px; height: 46px; padding:0; cursor: pointer; background-color: transparent; border:0; box-shadow: 0,0,0, rgba(0,0,0,0);}
.sidebar_toggle_btn .mtop_ico:focus{outline: 2px solid #fff;}
.sidebar_toggle_btn .mtop_ico img{width:100%; height: 100%;}


/*사이드 바*/
.sidebar {position: fixed; top:0; right:0; margin-right:-280px; width:240px; height:100%; border-right:1px solid #e6e6e6; background-color: var(--main-color); /* -webkit-transition: margin 0.2s, padding 0.2s; transition: margin 0.2s, padding 0.2s; */  display: none;}
.sidebar .sidenavbox{overflow-y: auto; height:100%; z-index: 2;}
.sidebar .sidenav{padding-top:30px; overflow: hidden; outline: none;}
.sidebar .sidenav .sidemenubox>li{padding:14px 24px; font-weight: 700;}
.sidebar .sidenav .sidemenubox>li:first-child{border-top:0;}
.sidebar .sidenav .sidemenubox>li .li_txt{display:block; line-height: 1; color:#fff;}
.sidebar .sidenav .sidemenubox>li>ul{margin-top:8px;}
.sidebar .sidenav .sidemenubox>li>ul>li{padding:3px 0 3px 0; font-weight: 400; font-size:0.93em; color:#fff;}
.sidebar .sidenav .sidemenubox>li>ul>li>a::before{content:"-"; margin-right:4px;}
.sidebar .sidenav .sidemenubox>li .li_txt.active{text-decoration: underline;}
.sidebar .sidenav .sidemenubox ul a:hover, 
.sidebar .sidenav .sidemenubox ul a:focus,
.sidebar .sidenav .sidemenubox ul a:active, 
.sidebar .sidenav .sidemenubox ul .active a {color: var(--sub-color1);}
.sidebar_toggle_btn .mtop_ico img{width:100%;}
.sidebar .sidebar_toggle_btn.close_btn{position:absolute; top:30px; left:-39px; background-color:transparent; border:none; width:38px; height:38px;}
.sidebar .sidebar_toggle_btn.close_btn .fa-bars{background: url("../images/closebtn01_gr.png") no-repeat center; background-size: 50%; width:100%; height: 100%;}
.sidebar_toggle_btn .mtop_ico_close{width:100%; height: 100%; display: block; padding:0; border:0; background-color: transparent;}
.sidebar_toggle_btn .mtop_ico_close:focus{outline: 2px solid #fff;}
.sidebar_toggle_btn .mtop_ico_close img{width:50%;}


.util_box {margin:30px 0 50px; padding: 15px; text-align: center; font-size:1.3rem; line-height: 1; display: flex; align-items: center; justify-content: center;}
.util_box .util_stat{ display: inline-block; margin:0 7px; text-align: center;}

/*사이드 바 동작*/
.bkcover_on{display:block !important;}
.sidebar_view{margin-right:0 !important; display: block;}



/*메인 페이지*/
.main_wrap{border-top:1px solid transparent;}
.main_wrap .main_box_1 {background: #a8a8a8 url("../images/main_img.jpg") no-repeat center; background-size: cover; width: 100%; height: 100vh; position: relative;}
.main_wrap .main_box_1 .main_inbox{width:100%; max-width: 1600px; height: 100%; margin:0 auto; padding:54px 20px 0; text-align: center; display: flex; align-items: center; justify-content: center; color: #fff;}
.main_wrap .main_box_1 .main_inbox .txt_box{}
.main_wrap .main_box_1 .main_inbox .main_subtit{font-size:1.6rem; line-height: 1.1; font-weight: 700; font-family: "Roboto Slab", serif;}
.main_wrap .main_box_1 .main_inbox .main_tit{font-size:2.9rem; line-height: 1.1; font-family: "Roboto Slab", serif;}
.main_wrap .main_box_1 .main_inbox .main_txt{font-size:1.4rem; line-height: 1.2; margin-top:15px;}
.main_wrap .main_box_1 .main_inbox .txt_box .btn_go{border-radius: 50px; display: block; width:200px; font-size:1.5rem; font-weight: 700; margin:20px auto;}
.main_wrap .main_box_2{background-color: var(--main-color);}
.main_wrap .main_box_2 .address_inbox {width:100%; max-width: 1600px; margin:0 auto; display: block;  padding:30px 15px;}
.main_wrap .main_box_2 .address_inbox .address_txt_box{width:100%; background-color: #fff; padding:20px 15px;}
.main_wrap .main_box_2 .address_inbox .address_info{font-size:1.4rem; margin:10px 0;}
.main_wrap .main_box_2 .address_inbox .address_info + .address_info{margin-top:30px;}
.main_wrap .main_box_2 .address_inbox .address_info .txt_box{padding-left:14px; margin-top:15px;}
.main_wrap .main_box_2 .address_inbox .address_info h3{font-size:1.7rem; line-height: 1.1; /* color: var(--sub-color1); */}
.main_wrap .main_box_2 .address_inbox .address_info h3::before{content: "- "; /* color: var(--sub-color1); */}
.main_wrap .main_box_2 .address_inbox .address_info .txt_addr{line-height: 1.4; margin:7px 0;}

.main_wrap .main_box_2 .address_inbox .address_info .txt_contact{padding-left:14px; margin-top:15px;}
.main_wrap .main_box_2 .address_inbox .address_info .txt_contact .txt_nm{font-size:1.5rem; font-weight: 700;  display: inline-block; }
.main_wrap .main_box_2 .address_inbox .address_info .txt_contact .txt_po{font-size:1.2rem; font-weight: 700; color:var(--sub-color1); display: inline-block; line-height: 1.2; margin-bottom:7px; margin-left:3px;}
.main_wrap .main_box_2 .address_inbox .address_info .txt_contact .txt_ct{ vertical-align: middle; font-size:1.3rem;}
.main_wrap .main_box_2 .address_inbox .address_info .txt_contact .txt_ct span{vertical-align: middle;}
.main_wrap .main_box_2 .address_inbox .address_info .txt_contact .txt_em::before{content: ""; width:18px; height: 18px; display: inline-block; margin-right:5px; border-radius: 50%; vertical-align: middle; background: var(--main-color) url("../images/ico_tel.svg") no-repeat center; background-size: 60%;}
.main_wrap .main_box_2 .address_inbox .address_info .txt_contact .txt_ph::before{content: ""; width:18px; height: 18px; display: inline-block; margin-right:5px; border-radius: 50%; vertical-align: middle; background: var(--main-color) url("../images/ico_email.svg") no-repeat center; background-size: 60%;}

.main_wrap .main_box_2 .address_inbox .map_box{width:100%; background-color: #f5f5f5;}
.main_wrap .main_box_2 .address_inbox .map_box img{width:100%; display: block;}


.main_wrap .main_box_3{width:100%; background-color: #c5c5c5; color:#fff;}
.main_wrap .main_box_3 .add_nav_lists{width:100%; max-width: 1600px; margin:0 auto; padding:30px 0; text-align: center;}
.main_wrap .main_box_3 .add_nav_lists .add_nav_list{display: inline-block; margin:10px 7px; font-size:1.2rem; color:#6D6D6D; font-weight: 700;}
.main_wrap .main_box_3 .add_nav_lists .add_nav_list a:hover, 
.main_wrap .main_box_3 .add_nav_lists .add_nav_list a:focus{color:var(--main-color); text-decoration: underline;}

.main_wrap .main_box_4{background-color: #fff;}
.main_wrap .main_box_4 .main_inbox{width:100%; max-width: 1600px; margin:0 auto; display: block;  padding:50px 15px 0; text-align: center;}
.main_wrap .main_box_4 .txt_tit{color:var(--main-color); font-size:2.7rem; line-height: 1.2}
.main_wrap .main_box_4 .sub_txt{ font-size:1.5rem; line-height: 1.2; margin:10px 0 0;}
.main_wrap .main_box_4 .main_inbox .img_box{width:100%; max-width: 1000px; margin:0 auto; display: block; margin-top:30px;}
.main_wrap .main_box_4 .main_inbox .img_box img{width:100%;}

/*메인 타이틀 애니메이션*/
.main_wrap .main_box_1 .main_inbox .main_subtit{opacity: 0; animation: move-up 0.4s ease-in-out forwards;}
.main_wrap .main_box_1 .main_inbox .main_tit{opacity: 0; animation: move-up 0.4s ease-in-out 0.2s forwards;}
.main_wrap .main_box_1 .main_inbox .main_txt{opacity: 0; animation: move-up 0.4s ease-in-out 0.4s forwards;}
.main_wrap .main_box_1 .main_inbox .btn_go{opacity: 0; animation: move-up 0.4s ease-in-out 0.6s forwards;}

@keyframes move-up {
  0% {opacity: 0; transform: translateY(80px); }
  100% {opacity: 1; transform: translateY(0); }
}


/*공통 푸터*/
.footer_box{width:100%; display: flex; justify-content: center; background-color: #f5f5f5; color:#8c8c8c; border-top:1px solid #dcdcdc; border-bottom:1px solid #f5f5f5; font-size:1.3rem; text-align: left; position: relative;}
.footer_box .footercont_box{display: flex; justify-content: center; flex-direction: column; width:100%; max-width: 1600px; padding:30px 15px 80px; }
.footer_box .img_box{width:200px;}
.footer_box .img_box img{width:100%; display: block; margin:0 auto;}
.footer_box .txt_box{width:100%; margin:20px 0;}
.footer_box .txt_addr{word-break: keep-all; word-wrap:break-word;}
.footer_box .comp_nm{font-weight: 700;}
.footer_box .txt_addr a{color:#282828; font-weight: 700; font-size:1.1em; }
.footer_box .txt_addr a:hover{text-decoration:underline;}
.footer_box .txt_copy{word-break: keep-all; word-wrap:break-word; margin-top:10px;}

.footer_box .txt_addr .addr_list{display: inline-block;}
.footer_box .txt_addr .list_bar{display: inline-block; margin:0 5px; margin-top:5px;}


/*공통 본문 페이지*/
.contents{padding-top:53px; padding-bottom: 60px; border-top:1px solid transparent;}
.content_box{width:100%; max-width:1600px; margin:0 auto; padding:0 15px;}
.content_box_full{width:100%;}

.breadcrumb_box{border-bottom:1px solid #dcdcdc;}
.breadcrumb{font-size:1.3rem; line-height:1.4; margin:0 auto; padding:10px 15px; width:100%; max-width: 1600px;}
.breadcrumb .bc_step{display: inline-block; position: relative; }
.breadcrumb .bc_step + .bc_step{padding-left:20px;}
.breadcrumb .bc_step + .bc_step::before{content:""; width:7px; height: 7px; display: inline-block; border-right:1px solid #282828; border-bottom:1px solid #282828; transform:rotate(-45deg); transform-origin: center; box-sizing: border-box; ; position: absolute; top:50%; left:5px; margin-top:-4px;}
.breadcrumb .bc_step.active{font-weight:700;}

.cate_box{width:100%; max-width: 2560px; height: var(--cate-heightm); margin:0 auto; display: flex; justify-content: center; align-items: center; background-color: #a0a0a0; padding:0 15px;}
.cate_box_01{background: #a0a0a0 url("../images/cate_banner_01.jpg") no-repeat center; background-size: cover; }
.cate_box_02{background: #a0a0a0 url("../images/cate_banner_02.jpg") no-repeat center; background-size: cover; }
.cate_box_03{background: rgba(0,0,0,.4); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); background-size: cover; }
.cate_box_04{background: #a0a0a0 url("../images/cate_banner_04.jpg") no-repeat center; background-size: cover; }
.cate_box_05{background: #a0a0a0 url("../images/cate_banner_05.jpg") no-repeat center; background-size: cover; }
.cate_box_06{background: #a0a0a0 url("../images/cate_banner_06.jpg") no-repeat center; background-size: cover; }

.cate_box .cate_banner{}
.cate_box .cate_tit{font-family: "Roboto Slab", serif; font-size:2.8rem; line-height: 1.3; text-align: center; color:#fff;}

.flexcolumn{display: flex; flex-direction: column; height: 100vh; padding-bottom: 0; background:#d9d9d9 url("../images/method_bg_01.jpg") no-repeat center; background-size: cover;}
.flexcolumn .cate_box{height: var(--cate-heightm); flex-grow: 0; flex-shrink: 0;}
.flexcolumn .content_box{height: auto; flex-grow: 1; flex-shrink: 1;}

.content_title{font-size:2.2rem; line-height: 1.2; text-align: center; margin:30px 0;}

.cont_p_tit{font-size:2rem; line-height: 1.4; text-align: center; margin:30px 0;}

/*why*/
/* .why_lists{} */
.why_lists .why_list{display: flex; flex-wrap: wrap; margin-top:15px;}
.why_lists .why_list .img_box{width:100%;}
.why_lists .why_list .img_box img{display: block;}
.why_lists .why_list .txt_box{width:100%; background-color: var(--main-color); padding:20px 15px; display: flex; justify-content: center; align-items: center; text-align: center; color:#fff;}
.why_lists .why_list .txt_box .tit_list{font-size:2rem; line-height: 1.3; }
.why_lists .why_list .txt_box .p_list{font-size:1.4rem; line-height: 1.4; margin:10px 0 0;}

.why_lists .why_list:nth-child(1) .txt_box{background-color: var(--main-color);}
.why_lists .why_list:nth-child(2) .txt_box{background-color: var(--sub-color1);}
.why_lists .why_list:nth-child(3) .txt_box{background-color: var(--sub-color2);}
.why_lists .why_list:nth-child(4) .txt_box{background-color: var(--sub-color3);}
.why_lists .why_list:nth-child(5) .txt_box{background-color: var(--sub-color4);}
.why_lists .why_list:nth-child(6) .txt_box{background-color: var(--sub-color5);}

.why_lists .why_list.reveal{opacity: 0; transform: translateY(60px); transition: all 0.2s linear;}
.why_lists .why_list.reveal.show{opacity: 1; transform: translateY(0);}




/*expertise*/
.expertise_box .expr_lists{display: flex; flex-wrap: wrap; gap: 8px; margin-top:60px;}
.expertise_box .expr_list{flex: 1 1 100%; border:1px solid #dcdcdc; padding:12px; border-radius: 13px; margin:0; display: flex; flex-wrap: wrap; column-gap: 10px;}
.expertise_box .expr_list .tit_list{font-size:1.6rem; font-weight: 700; line-height: 1.2; margin-bottom:7px;}
.expertise_box .expr_list .p_list{font-size:1.3rem; line-height: 1.3; margin:5px 0;}
.expertise_box .expr_list .ico_box{flex: 0 0 80px; height: 80px; border-radius: 50%; background-color: #cccccc;}
.expertise_box .expr_list .txt_box{flex: 1 1 0; padding:5px 0;}
.expertise_box .expr_list .ico_box img{display: block; width:100%;}
.expertise_box .expr_list:nth-child(1) .ico_box{background-color: var(--main-color);}
.expertise_box .expr_list:nth-child(2) .ico_box{background-color: var(--sub-color1);}
.expertise_box .expr_list:nth-child(3) .ico_box{background-color: var(--sub-color2);}
.expertise_box .expr_list:nth-child(4) .ico_box{background-color: var(--sub-color3);}
.expertise_box .expr_list:nth-child(5) .ico_box{background-color: var(--sub-color4);}
.expertise_box .expr_list:nth-child(6) .ico_box{background-color: var(--sub-color5);}
.expertise_box .expr_list:nth-child(7) .ico_box{background-color: var(--sub-color6);}
.expertise_box .expr_list:nth-child(8) .ico_box{background-color: var(--sub-color7);}
.expertise_box .expr_list:nth-child(9) .ico_box{background-color: var(--main-color);}
.expertise_box .expr_list:nth-child(10) .ico_box{background-color: var(--sub-color1);}
.expertise_box .expr_list:nth-child(11) .ico_box{background-color: var(--sub-color2);}
.expertise_box .expr_list:nth-child(12) .ico_box{background-color: var(--sub-color3);}
.expertise_box .expr_list:nth-child(13) .ico_box{background-color: var(--sub-color4);}
.expertise_box .expr_list:nth-child(14) .ico_box{background-color: var(--sub-color5);}
.expertise_box .expr_list:nth-child(15) .ico_box{background-color: var(--sub-color6);}
.expertise_box .expr_list:nth-child(16) .ico_box{background-color: var(--sub-color7);}


/*method*/
.method_box{max-width: 100%; padding:0; }
.method_box .method_inbox{/* background:#d9d9d9 url("../images/method_bg_01.jpg") no-repeat center; background-size: cover; */ position: relative; height: 100%; display: flex; align-items: center; justify-content: center;}
.method_box .method_inbox .method_exp_01{position: relative; width:100%;}
.method_box .method_inbox .method_exp_01 .method_exp_in{display: flex; padding:30px 15px; width:100%; max-width: 1600px; margin: 0 auto;}
.method_box .method_inbox .exp_box{display: flex; flex-direction: column; width:50%; background-color: #304361; color:#fff;}

.method_box .method_inbox .tit_box{width:100%; background-color:var(--main-color); padding:15px; text-align: center;}
.method_box .method_inbox .tit_box .ico_img{width:60px; display: block; margin: 0 auto;}
.method_box .method_inbox .tit_box .exp_tit{margin:5px 0 0; font-size:1.8rem; line-height: 1.1; font-weight: 700;}
.method_box .method_inbox .txt_box{padding:10px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; flex: 1 1 0;}
/* .method_box .method_inbox .txt_box .txt_inbox {} */
.method_box .method_inbox .txt_box .txt_inbox li{padding:8px 10px; background-color: #fff; width:100%; display: block; color:#282828; text-align: center; margin:5px 0; border-radius: 6px; line-height: 1.1; font-weight: 700;}
.method_box .method_inbox .plus_box{position: absolute; left:50%; top:155px; margin-left:-20px; z-index: 2; width:40px; height: 40px; background-color: #121212; border-radius: 50%; text-align: center; display: flex; justify-content: center; align-items: center; }
.method_box .method_inbox .plus_box .ico_img{display: block; margin: 0 auto; width:60%; }

.method_box .method_inbox .exp_box_02{background-color: #79533B;}
.method_box .method_inbox .exp_box_02 .tit_box{background-color: var(--sub-color1);}

.method_box .method_inbox .method_exp_02{width:100%; height: 100%; display: flex; justify-content: center; align-items: center;}
.method_box .method_inbox .method_exp_02 .method_exp_in{display: flex; justify-content: center; align-items: center; width:100%; max-width: 1600px; text-align: center; margin:0 auto;}
.method_box .method_inbox .method_exp_02 .exp_p_tit{font-size:2.2rem; line-height: 1.2; font-weight: 700; color:#fff;}




/*플러스 애니메이션*/
.method_box .method_inbox .exp_box_01{ opacity: 0; transform: translateX(-100px); transition: all 0.6s;}
.method_box .method_inbox .exp_box_02{ opacity: 0; transform: translateX(100px); transition: all 0.6s;}
.method_box .method_inbox .plus_box{ opacity: 0; transform: rotateZ(90deg); transition: all 0.2s linear 0.4s;}
.method_box .method_inbox .exp_box.show{opacity: 1; transform: translateX(0);}
.method_box .method_inbox .plus_box.show{ opacity: 1; transform: rotateZ(0deg); }
    

/* 스크롤 애니메이션 */
.method_box .method_exp_01, 
.method_box .method_exp_02 {
  transition: all 0.6s ease;
  width: 100%;
}

.method_box .method_exp_02 {
  opacity: 0;
  transform: translateY(30px);
  pointer-events: none; /* 숨겨졌을 때 클릭 방지 */
  position: absolute; 
  top: 0;
}

.method_box .hidden {
  opacity: 0;
  transform: translateY(-30px);
  pointer-events: none;
}

.method_box .visible {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}


/*case study*/
/* .casestudy_box .case_lists{margin-top:40px;} */
.casestudy_box .case_lists .case_list{padding:70px 0;}
.casestudy_box .case_lists .case_list + .case_list{border-top:1px solid #dcdcdc;}
.casestudy_box .case_lists .tit_area{background-color: var(--main-color); color: #fff; }
.casestudy_box .case_lists .tit_area .txt_box{padding:25px 20px;}
.casestudy_box .case_lists .tit_area .txt_box .tit_list{font-size:2.2rem; line-height: 1.2;}
.casestudy_box .case_lists .tit_area .txt_box .tit_list .list_num{font-weight: 400;}
.casestudy_box .case_lists .tit_area .txt_box .tit_list .list_tit{display:block; margin-top:5px;}
.casestudy_box .case_lists .tit_area ul{margin-top:12px;}
.casestudy_box .case_lists .tit_area ul li{font-size:1.4rem;}
.casestudy_box .case_lists .tit_area ul li .l_type{font-weight: 700; margin-left:5px;}
.casestudy_box .case_lists .txt_area{padding:0 5px;}
.casestudy_box .case_lists .txt_area .txt_box{margin-top:30px;}
.casestudy_box .case_lists .txt_area .txt_tit{font-size:1.7rem; line-height: 1.2; color:var(--main-color);}
.casestudy_box .case_lists .txt_area .txt_p{line-height: 1.5; margin:10px 0 5px;}
.casestudy_box .case_lists .txt_area .txt_ul{line-height: 1.3; margin-top:10px; padding-left:10px; text-indent: -10px;}
.casestudy_box .case_lists .txt_area .txt_ul li{margin-top:5px;}
.casestudy_box .case_lists .txt_area .txt_ul li::before{content: "\2022\0020"; }
.casestudy_box .case_lists .txt_area .txt_end{background-color: #e8efff; padding:1em; border:1px solid #c1cbe2;}
.casestudy_box .case_lists .txt_area .txt_end .txt_p{line-height: 1.4; margin:0; font-weight: 700; color: var(--main-color);}

.case_lists .case_list_01 .tit_area{background-color: var(--main-color); color: #fff;}
.case_lists .case_list_01 .txt_area .txt_tit{color: var(--main-color);}
.case_lists .case_list_01 .txt_area .txt_end{background-color: #e4e5ec; border-color:#d0d5e0;}
.case_lists .case_list_01 .txt_area .txt_end .txt_p{color: var(--main-color);}

.case_lists .case_list_02 .tit_area{background-color: var(--sub-color1); color: #fff;}
.case_lists .case_list_02 .txt_area .txt_tit{color: var(--sub-color1);}
.case_lists .case_list_02 .txt_area .txt_end{background-color: #fff6e7; border-color:#ede5d8;}
.case_lists .case_list_02 .txt_area .txt_end .txt_p{color: var(--sub-color1);}

.case_lists .case_list_03 .tit_area{background-color: var(--sub-color2); color: #fff;}
.case_lists .case_list_03 .txt_area .txt_tit{color: var(--sub-color2);}
.case_lists .case_list_03 .txt_area .txt_end{background-color: #ffe8e8; border-color:#e7caca;}
.case_lists .case_list_03 .txt_area .txt_end .txt_p{color: var(--sub-color2);}

.case_lists .case_list_04 .tit_area{background-color: var(--sub-color3); color: #fff;}
.case_lists .case_list_04 .txt_area .txt_tit{color: var(--sub-color3);}
.case_lists .case_list_04 .txt_area .txt_end{background-color: #eee5f7; border-color:#d3c9dc;}
.case_lists .case_list_04 .txt_area .txt_end .txt_p{color: var(--sub-color3);}

.case_lists .case_list_05 .tit_area{background-color: var(--sub-color4); color: #fff;}
.case_lists .case_list_05 .txt_area .txt_tit{color: var(--sub-color4);}
.case_lists .case_list_05 .txt_area .txt_end{background-color: #def0dc; border-color:#cbdec8;}
.case_lists .case_list_05 .txt_area .txt_end .txt_p{color: var(--sub-color4);}


/*Contact us*/
.contact_box .contact_fm{width:100%; max-width: 640px; margin:0 auto; display: block; border:1px solid #dcdcdc; padding:15px; box-sizing: border-box; /* box-shadow: 0px 3px 10px rgba(0,0,0,.1) ; */}
.contact_box .contact_fm{margin-top:30px;}
.contact_box .contact_fm .inptxt_list{margin-top:20px;}
.contact_box .contact_fm .inptxt_list .inptxt_tit{display: block; font-weight: 700; font-size:1.5rem;}
.contact_box .contact_fm .reqstar{color:#d6281e; font-size:0.8em;}
.contact_box .contact_fm .chk_mt_box{display: block;}
.contact_box .contact_fm .chk_mt_box ul{border: 1px solid #c8c8c8; padding:5px; margin-top:5px;}
.contact_box .contact_fm .chk_mt_box ul li{margin:2px 0;}
.contact_box .contact_fm .chk_lbl{font-size:inherit;}
.contact_box .contact_fm .inptxt_list input[type=text], 
.contact_box .contact_fm .inptxt_list input[type=tel]{width:100%; margin:5px 0;}
.contact_box .contact_fm .inptxt_list .txt_content{width:100%; margin:5px 0; height: 200px;}
.contact_box .contact_fm .agree_box{margin-top:30px;}
.contact_box .contact_fm .agree_box .txt_tit{font-size:1.5rem; line-height: 1.2;}
.contact_box .contact_fm .agree_box .txt_txt{margin:8px 0 0; font-size:1.4rem; line-height: 1.4;}
.contact_box .contact_fm .agree_box .chk_list{margin:10px 0;}
.contact_box .contact_fm .agree_box .chk_list .check_btn{cursor: pointer;}
.contact_box .contact_fm .agree_box .chk_list .inp_chk{ transform: scale(1.2); vertical-align: middle; margin:0 5px 0 0;}
.contact_box .contact_fm .agree_box .chk_list .txt_chk{text-decoration: underline; vertical-align: middle;}
.contact_box .contact_fm .btn_inquiry{margin:30px auto; font-size:1.7rem; font-weight: 700; width:100%; height: 50px;}
.contact_box .add_info_box a{color:#2863f1; text-decoration: underline;}
.contact_box .contact_fm .btn_view{font-size:0.9em; margin-top:15px; display: inline-block;}


/*체크 버튼*/
/* .checkbtn_lists{display: block; width: 100%; margin-bottom:10px; text-align: center;}
.checkbtn_list{display:inline-block; margin:0 15px;}
.checkbtn_list .inpchk{opacity:0; outline: 0; -webkit-appearance:none; display: none;} 
.checkbtn_list .checkbtn{position: relative; display:inline-block; cursor: pointer; vertical-align: top;}
.checkbtn_list .checkbtn input.inpchk{position: relative; z-index: 1;}
.checkbtn_list .checkbtn svg{position:relative; z-index: 1; display: inline; vertical-align: top;}
.checkbtn_list .checkbtn .checktxt{position:relative; z-index: 1; display: inline; vertical-align: top; line-height: 20px; font-weight: 700;}
.checkbtn_list .checkbtn svg .checkbg{fill:transparent; stroke-width:1.5px; stroke:#b4b4b4; -webkit-transition: fill 0.2s ease-out, stroke 0.2s ease-out; transition: fill 0.2s ease-out, stroke 0.2s ease-out;}
.checkbtn_list .checkbtn svg .checkimg{fill:none; stroke:transparent; stroke-width:2px; stroke-miterlimit:10; stroke-dashoffset: 0; stroke-dasharray: 60;}
.checkbtn_list .checkbtn input:checked ~ svg .checkbg{fill:#d4262e; stroke:#d4262e;}
.checkbtn_list .checkbtn input:checked ~ svg .checkimg{stroke:#fff; animation: dash 0.3s ease-out alternate 1;}
.checkbtn_list .checkbtn .inpchk:disabled ~ .checkbtn_bg{background-color: #ebebeb !important; border:1px solid #dcdcdc;}

@keyframes dash {
  from { stroke-dashoffset: 70; }
  to { stroke-dashoffset: 0; }
} */

/*개인정보 처리방침*/
.privacy_box{padding-bottom:80px;}
.privacy_box h4{font-size:2rem; line-height: 1.3; margin:30px 0;}

.privacy_box .prvtxtbox{padding-bottom:60px; line-height: 1.8em; text-align: left;}
.privacy_box .prv_date{padding-top:50px; padding-bottom:20px;}
.privacy_box .prvtxtbox .p_sty_1{text-indent:-0.7em; padding-left:0.7em; margin:20px 0;}

.privacy_box .prvlist{border:1px solid #dcdcdc; padding:5px 20px; margin-bottom:80px;}
.privacy_box .prvlist ul{width:100%; margin:0;}
.privacy_box .prvlist ul li{margin:20px 0;}
.privacy_box .prvlist ul li a:hover{color:var(--main-color); font-weight:700; text-decoration: underline;}
.privacy_box .prvlist ul li span{font-weight:700;}

.privacy_box .prvdetailbox{padding-top:40px;}
.privacy_box .prvdetailbox h5{font-size:1.7rem; margin:20px 0 10px; text-indent:-0.7em; padding-left:1.4em;}
.privacy_box .prvdetailbox .p_sty_0{margin:20px 0 10px;}
.privacy_box .prvdetailbox .p_sty_1{margin:20px 0 10px; text-indent:-1em; padding-left:1em; }
.privacy_box .prvdetailbox .p_sty_2{margin:10px 0; text-indent:-0.7em; padding-left:1.4em;}

.privacy_box .prvtxtbox .prvtbl01{ border-collapse: collapse; margin:10px 0; word-break: break-all; word-wrap:break-word; line-height: 1.2; width:auto; max-width:100%; }
.privacy_box .prvtxtbox .prvtbl01 td{border: 1px solid #dcdcdc; padding:5px 15px; text-indent:0;}
.privacy_box .prvtxtbox .prvtbl01 th{background:#454444; border: 1px solid #dcdcdc; padding:5px 15px; text-indent:0; color:#fff; text-align: center;}
.privacy_box .prvtxtbox .prv_inbox{border:1px solid #dcdcdc; padding:15px;}

.privacy_box .select_version_box{width:100%; font-weight: 700; margin:30px 0; display: flex;}
.privacy_box .select_version_box span{background-color: #454444; color:#fff; height:42px; padding:0 20px; line-height: 42px; display: inline-block; box-sizing: border-box;}
.privacy_box .select_version_box select{appearance: none; padding:8px 35px 8px 10px; border:1px solid #b4b4b4; border-radius: 0; background:#fff url("../images/selectbtn.png") no-repeat right -4px top 50%; background-size: 22px; outline: none; transition:border 0.2s; box-sizing: border-box;}
.privacy_box .select_version_box select:focus{border-color:var(--main-color);}

.privacy_box .priv_bot_btn_box{margin-top:70px; }
.privacy_box .priv_bot_btn_box a{border:1px solid #c0c0c0; padding:10px 12px;}
.privacy_box .priv_bot_btn_box a:focus,
.privacy_box .priv_bot_btn_box a:hover{background-color: #f5f5f5;}



@media (min-width: 768px){

  /*상단바 영역*/


  /*메인 페이지*/
  .main_wrap .main_box_1 .main_inbox .main_subtit{font-size:2.2rem;}
  .main_wrap .main_box_1 .main_inbox .main_tit{font-size:5rem;}
  .main_wrap .main_box_1 .main_inbox .main_txt{font-size:1.6rem; line-height: 1.3; margin-top:25px;}
  .main_wrap .main_box_1 .main_inbox .txt_box .btn_go{font-size:2rem; width:220px; padding:10px; margin:30px auto;}

  .main_wrap .main_box_2 .address_inbox .address_info{font-size:1.6rem; margin:20px 0;}
  .main_wrap .main_box_2 .address_inbox .address_info + .address_info{margin-top:40px;}
  .main_wrap .main_box_2 .address_inbox .address_info h3{font-size:2.2rem; line-height: 1.1;}
  .main_wrap .main_box_2 .address_inbox .address_info .txt_contact{padding-left:15px; margin-top:15px;}
  .main_wrap .main_box_2 .address_inbox .address_info .txt_contact .txt_nm{font-size:1.7rem;}
  .main_wrap .main_box_2 .address_inbox .address_info .txt_contact .txt_po{font-size:1.3rem;}
  .main_wrap .main_box_2 .address_inbox .address_info .txt_contact .txt_ct{font-size:1.4rem;}

  .main_wrap .main_box_3 .add_nav_lists{padding:40px 0;}
  .main_wrap .main_box_3 .add_nav_lists .add_nav_list{margin:10px 15px; font-size:1.4rem; }
  
  .main_wrap .main_box_2 .address_inbox .address_info .txt_box{padding-left:19px;}
  .main_wrap .main_box_2 .address_inbox .address_info .txt_contact{padding-left:19px;}

  .main_wrap .main_box_4 .main_inbox{padding:50px 15px 0;}
  .main_wrap .main_box_4 .txt_tit{font-size:4rem; line-height: 1.3;}
  .main_wrap .main_box_4 .sub_txt{font-size:1.8rem; line-height: 1.4; margin:10px 0 0;}
  .main_wrap .main_box_4 .main_inbox .img_box{margin-top:30px;}


	/*공통 본문 페이지*/
	/* .contents{min-height: 550px;} */
	.breadcrumb{font-size:1.4rem;}    


  /*why*/
  .why_lists .why_list{margin-top:0;}
  .why_lists .why_list:nth-child(even){flex-direction: row-reverse;}
  .why_lists .why_list .img_box{width:50%;}
  .why_lists .why_list .txt_box{width:50%;}

 
  /*expertise*/
  .expertise_box .expr_list{flex: 1 1 calc((100% - (8px * 1)) / 2);}

    
  /*method*/
  /* .method_box .method_inbox .method_exp_01{margin-top:40px;} */
  /* .method_box .method_inbox .tit_box .ico_img{width:80px;} */
  .method_box .method_inbox .tit_box .exp_tit{font-size:3rem;}
  .method_box .method_inbox .txt_box{padding:15px 15px;}
  .method_box .method_inbox .txt_box .txt_inbox li{font-size:2rem; padding:20px 40px; margin:10px 0; border-radius: 12px;}
  .method_box .method_inbox .plus_box{width:80px; height: 80px; top:235px; margin-left:-40px; }

  .method_box .method_inbox .method_exp_02 .exp_p_tit{font-size:4rem; margin:0;}



  /*case study*/
  .casestudy_box .case_lists{}
  .casestudy_box .case_lists .case_list{display: flex;}
  .casestudy_box .case_lists .tit_area {flex:0 0 50%; }
  .casestudy_box .case_lists .tit_area .txt_box {padding:30px;}
  .casestudy_box .case_lists .tit_area ul{margin-top:30px;}
  .casestudy_box .case_lists .txt_area {flex:0 0 50%; padding:20px;}
  .casestudy_box .case_lists .txt_area .txt_box:first-child{margin-top:0;}



}



@media (min-width: 992px){
  body{font-size:1.8rem;}
  input[type=text], input[type=tel], input[type=password]{height: 42px;}
    
    
  /*상단바 영역*/
  .head_bar .head_box{justify-content: space-between;}

	.brand_box{z-index:2;}
	
	/*버튼 스타일*/
	.btnsty02{font-size:2rem;}


  /*메인 페이지*/
  .main_wrap .main_box_1 .main_inbox .main_subtit{font-size:2.4rem;}
  .main_wrap .main_box_1 .main_inbox .main_tit{font-size:6.5rem;}
  .main_wrap .main_box_1 .main_inbox .main_txt{font-size:1.9rem;}

  .main_wrap .main_box_2 .address_inbox{display: flex; padding:60px 15px;}
  .main_wrap .main_box_2 .address_inbox .address_txt_box{width:40%; padding: 40px 50px;}
  .main_wrap .main_box_2 .address_inbox .map_box{width:60%;}
  .main_wrap .main_box_2 .address_inbox .address_info{font-size:1.6rem; margin:20px 0;}
  .main_wrap .main_box_2 .address_inbox .address_info + .address_info{margin-top:40px;}
  .main_wrap .main_box_2 .address_inbox .address_info h3{font-size:2.2rem; line-height: 1.1;}
  .main_wrap .main_box_2 .address_inbox .address_info .txt_contact{padding-left:15px; margin-top:15px;}
  .main_wrap .main_box_2 .address_inbox .address_info .txt_contact .txt_nm{font-size:1.8rem;}
  .main_wrap .main_box_2 .address_inbox .address_info .txt_contact .txt_po{font-size:1.3rem;}
  .main_wrap .main_box_2 .address_inbox .address_info .txt_contact .txt_ct{font-size:1.5rem;}

  .main_wrap .main_box_3 .add_nav_lists{padding:50px 0;}
  .main_wrap .main_box_3 .add_nav_lists .add_nav_list{margin:10px 20px; font-size:1.8rem; }

  .main_wrap .main_box_4 .txt_tit{font-size:5rem; line-height: 1.3; margin-top:20px;}
  .main_wrap .main_box_4 .sub_txt{ font-size:2rem; line-height: 1.4; margin:10px 0 0;}
  .main_wrap .main_box_4 .main_inbox .img_box{margin-top:40px;}
	
  
	/*사이드바*/
  .sidebar{position: fixed; top:0; left:0; margin:0; padding:0; width:100%; height: inherit; background-color: transparent; display: block;}
  .sidebar .sidenavbox{width:100%; max-width: 1600px; overflow:inherit; margin:0 auto; padding-left:260px;}
  .sidebar .sidenav{padding:0; overflow:inherit; display: flex; justify-content: flex-end;}
  .sidebar .sidenav .sidemenubox{display:flex; align-items: center; height: 54px; text-align: center; }
  .sidebar .sidenav .sidemenubox>li{width:fit-content; position: relative; padding:0; border:0; height: 40px;}
  .sidebar .sidenav .sidemenubox>li .li_txt{font-size:1.7rem; display: flex; justify-content: center; align-items: center; height: 100%;}
  .sidebar .sidenav .sidemenubox>li .li_txt>a{display: flex; align-items: center; justify-content: center; width:100%; height: 100%; padding:0 30px; border-radius: 20px;}
  .sidebar .sidenav .sidemenubox>li:hover .li_txt>a,
  .sidebar .sidenav .sidemenubox>li .li_txt>a:focus{background-color: var(--sub-color1); color:#fff;}
  .sidebar .sidenav .sidemenubox>li>ul{position:absolute; top:39px; left:0; background-color: #fff; width:100%; display: none; border:1px solid #dcdcdc; padding:10px; margin:0; color:#282828; border-radius: 20px;}
  .sidebar .sidenav .sidemenubox>li>ul.overmenu{transform: translateY(0);}
  .sidebar .sidenav .sidemenubox>li>ul>li{padding:0; font-weight: 400; font-size:1.6rem; color:#282828;}
  .sidebar .sidenav .sidemenubox>li a{display:block;}
  .sidebar .sidenav .sidemenubox>li>ul>li>a{ color:inherit; padding:5px 0;}
  .sidebar .sidenav .sidemenubox>li>ul>li>a::before{content:""; margin-right:0;}
  .sidebar .sidenav .sidemenubox>li .li_txt.active{text-decoration: none;}
  .sidebar .sidenav .sidemenubox>li .li_txt.active a{background-color: var(--sub-color1);}
  .sidebar .sidenav .sidemenubox ul a:hover, 
  .sidebar .sidenav .sidemenubox ul a:focus,
  .sidebar .sidenav .sidemenubox ul a:active, 
  .sidebar .sidenav .sidemenubox ul .active a {background-color: #e7e7e7; border-radius: 20px; color:#282828}
  .sidebar .sidebar_toggle_btn.close_btn{display:none;}
  .bkcover{display:none !important;}
    
  .util_box{margin:0; font-size:1.4rem;}
	
	/*사이드바 토글 버튼*/
	.sidebar_toggle_btn.open_btn{display:none;}

	
	/*공통 푸터*/
	.footer_box .footercont_box{flex-direction: row; font-size:1.4rem; padding:0 15px;}
	.footer_box .img_box{width:180px; display: flex; flex-shrink: 0; align-items: center; justify-content: left;}
	.footer_box .img_box img{margin:0;}
	.footer_box .txt_box{width:unset; margin:0; flex-grow: 1; padding-left:100px; padding:45px 0; text-align: center;}
	.footer_box .txt_copy{font-size:1.3rem;}
	
    
	
	/*공통 본문 페이지*/
  .cate_box{height:var(--cate-heightpc);}
  .cate_box .cate_tit{font-size:3.8rem; text-align: center; color:#fff;}

  .flexcolumn .cate_box{height: var(--cate-heightpc); flex-grow: 0; flex-shrink: 0;}

	.content_title{font-size:5rem; margin:45px 0;}
	.content_subcopy{font-size:2.2rem; margin:10px 0;}


  /*why*/
  .why_lists .why_list .img_box{width:50%;}
  .why_lists .why_list .txt_box{width:50%; padding:15px;}
  .why_lists .why_list .txt_box .tit_list{font-size:2.8rem;}
  .why_lists .why_list .txt_box .p_list{font-size:1.8rem; margin:20px 0 0;}

  /*expertise*/
  .expertise_box .expr_list .ico_box{flex: 0 0 100px; height: 100px;}
  .expertise_box .expr_list .tit_list{font-size:2rem;}
  .expertise_box .expr_list .p_list{font-size: 1.5rem;}

  /*method*/
  .method_box .method_inbox .txt_box{padding:25px 15px;}

  /*case study*/
  .casestudy_box .case_lists .tit_area .txt_box{padding:40px 35px 50px;}
  .casestudy_box .case_lists .tit_area .txt_box .tit_list{font-size:2.8rem;}
  .casestudy_box .case_lists .txt_area{padding:40px;}
  .casestudy_box .case_lists .txt_area .txt_tit{font-size:2.2rem;}
  .casestudy_box .case_lists .tit_area ul li{font-size:1.6rem;}

  /*Contact us*/
  .contact_box .contact_fm{padding:30px 60px;}
  .contact_box .contact_fm .inptxt_list{margin-top:25px;}
  .contact_box .contact_fm .inptxt_list .inptxt_tit{font-size:2rem;}
  .contact_box .contact_fm .agree_box .txt_tit{font-size:2rem;}
  .contact_box .contact_fm .agree_box .txt_txt{font-size:1.8rem; }
  .contact_box .contact_fm .agree_box .chk_list .inp_chk{ transform: scale(1.4); margin-right:10px;}
  .contact_box .contact_fm .btn_inquiry{font-size:2rem; height: 54px;}

    
}

@media (min-width: 1200px){	
	
  /*메인 페이지*/
  .main_wrap .main_box_1 .main_inbox .main_subtit{font-size:2.8rem;}
  .main_wrap .main_box_1 .main_inbox .main_tit{font-size:8rem;}
  .main_wrap .main_box_1 .main_inbox .main_txt{font-size:2.2rem;}
  .main_wrap .main_box_1 .main_inbox .txt_box .btn_go{font-size:2.4rem; width:270px; padding:13px;}

  .main_wrap .main_box_2 .address_inbox{}
  .main_wrap .main_box_2 .address_inbox .address_txt_box{width:33%;}
  .main_wrap .main_box_2 .address_inbox .map_box{width:67%;}
  .main_wrap .main_box_2 .address_inbox .address_info{font-size:1.8rem;}
  .main_wrap .main_box_2 .address_inbox .address_info .txt_box{padding-left:24px;}
  .main_wrap .main_box_2 .address_inbox .address_info + .address_info{margin-top:50px;}
  .main_wrap .main_box_2 .address_inbox .address_info h3{font-size:2.8rem; line-height: 1.1;}
  .main_wrap .main_box_2 .address_inbox .address_info .txt_contact{padding-left:24px; margin-top:20px;}
  .main_wrap .main_box_2 .address_inbox .address_info .txt_contact .txt_nm{font-size:1.9rem;}
  .main_wrap .main_box_2 .address_inbox .address_info .txt_contact .txt_po{font-size:1.3rem;}
  .main_wrap .main_box_2 .address_inbox .address_info .txt_contact .txt_ct{font-size:1.5rem;}

  .main_wrap .main_box_4 .txt_tit{font-size:6rem; line-height: 1.3; margin-top:20px;}
  .main_wrap .main_box_4 .sub_txt{ font-size:2.2rem; line-height: 1.4; margin:10px 0 0;}
  .main_wrap .main_box_4 .main_inbox .img_box{margin-top:40px;}


  /*사이드바*/
  .sidebar .sidenavbox{padding-left:360px;}

	/*공통 본문 페이지*/
	/* .contents{min-height: 800px;} */

  .cate_box .cate_tit{font-size:5rem;}
  .cont_p_tit{font-size:2.4rem; margin:50px 0;}

  /*why*/
  .why_lists .why_list .txt_box .tit_list{font-size:3.1rem;}
  .why_lists .why_list .txt_box .p_list{font-size:2rem;}

  /*expertise*/
  .expertise_box .expr_list{flex: 1 1 calc((100% - (8px * 3)) / 4); flex-direction: column; gap:15px; padding:20px;}
  .expertise_box .expr_list .ico_box{width:100px; height: 100px; flex-grow: 0; flex-shrink: 0;}
  .expertise_box .expr_list .txt_box{width:100%; flex-grow: 1; flex-shrink: 1;}
  .expertise_box .expr_list .tit_list{font-size:2.2rem; margin-bottom:8px;}
  .expertise_box .expr_list .p_list{font-size: 1.8rem;}

  /*method*/
  .method_box .method_inbox .tit_box{padding:25px;}
  .method_box .method_inbox .tit_box .ico_img{width:100px;}
  .method_box .method_inbox .tit_box .exp_tit{font-size:4rem;}
  .method_box .method_inbox .txt_box{padding:40px 15px;}
  .method_box .method_inbox .txt_box .txt_inbox li{font-size:2.2rem; padding:20px 60px;}
  .method_box .method_inbox .plus_box{width:120px; height: 120px; top:260px; margin-left:-60px; }
  .method_box .method_inbox .method_exp_02 .exp_p_tit{font-size:8rem; margin:0;}


  /*case study*/
  .casestudy_box .case_lists .tit_area .txt_box{padding:50px 70px;}
  .casestudy_box .case_lists .tit_area .txt_box .tit_list{font-size:3.8rem;}
  .casestudy_box .case_lists .tit_area ul li{font-size:1.8rem;}
  .casestudy_box .case_lists .txt_area{padding: 50px 40px;}


}


@media (min-width: 1800px){	
  /*메인 페이지*/
  .main_wrap .main_box_1 .main_inbox .main_subtit{font-size:3.2rem;}
  .main_wrap .main_box_1 .main_inbox .main_tit{font-size:9rem;}
  .main_wrap .main_box_1 .main_inbox .main_txt{font-size:2.4rem;}
  .main_wrap .main_box_1 .main_inbox .txt_box .btn_go{font-size:2.6rem; margin-top:40px;}

  .casestudy_box .case_lists .txt_area{padding:100px 100px;}
  .casestudy_box .case_lists .txt_area .txt_box{margin-top:50px;}
}