@charset "utf-8";

/* 초기화 */
html {overflow-y: scroll;}
body {margin:0; padding:0; font-size:16px; font-family:"Malgun Gothic", "맑은 고딕", "dotum", "돋움";}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img, div, span, object, map, area {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:"Malgun Gothic", "맑은 고딕", "dotum", "돋움";}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, mark, audio, video {display:block}

#hd ul, nav ul, #ft ul {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0; font-size:15px;font-family:"Malgun Gothic", "맑은 고딕", "dotum", "돋움";}
area, button {cursor:pointer;}

textarea, select {font-family:dotum;font-size:1em}
ul, ul li, li {list-style:none; margin:0; padding:0;}
ol, ol li, li {list-style:none; margin:0; padding:0;}
dl, dl dt, dl dd {list-style:none; margin:0; padding:0;}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {margin: 0 0 20px;}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000; text-decoration:none;}
a:link, a:visited {text-decoration:none;}
a:hover, a:focus, a:active {text-decoration:none;}

/* 재정의 */
 @keyframes scroll {
   from {
     transform: translateY(0);
   }
   to {
     transform: translateY(5px);
   }
 }
 @keyframes text-spin {
   to {
     transform: rotate(1turn);
   }
 }
 @keyframes loading {
   0% {
     transform: rotate(0deg);
   }
   100% {
     transform: rotate(360deg);
   }
 }

@font-face {
  font-family: 'icons';
  src:  url('../font/fonts/icons.eot?r1gwf1');
  src:  url('../font/fonts/icons.eot?r1gwf1#iefix') format('embedded-opentype'),
    url('../font/fonts/icons.ttf?r1gwf1') format('truetype'),
    url('../font/fonts/icons.woff?r1gwf1') format('woff'),
    url('../font/fonts/icons.svg?r1gwf1#icons') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

i {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icons' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

*,::before,::after {
    box-sizing: border-box
}

html {
    font-size: 16px;
    line-height: 1.75;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    height: 100%;
	scroll-behavior: smooth;
	overflow-x: auto;
}

p {
    margin-top: 20px;
    margin-bottom: 0
}

img {
	vertical-align: middle;
    border-style: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    max-width: 100%;
    height: auto
}

a {transition: all .3s;}

a:hover { 
	background-color: transparent;
    outline: 0;
    text-underline-offset: 5px;
	font-weight: bold;
    color: #01b1a4;
    transition: all .3s
}

a.pdf::after {
    margin-left: 5px;
    content: "";
    display: inline-flex;
    background: url(../img/icon_pdf.png) no-repeat center center/contain;
    width: 23px;
    height: 23px;
    vertical-align: text-bottom
}

u {	text-underline-offset: 5px;
	font-weight: bold;
    color: #01b1a4
}

u:hover { 
	background-color: transparent;
    outline: 0;
	text-decoration: none;
    font-weight: bold;
    color: #01b1a4;
	transition: 0.4s;
	transition-timing-function:linear;
	opacity: 0.8;
}

b, strong {
	font-weight: bold;
}

div {
	display: block;
}

figure img {
	margin: 0 0 10px
}

svg {
   overflow: hidden;
   vertical-align: middle;
 }

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #cccccc;
	margin: 1em 0;
	padding: 0;
}

area {
	display: inline;
}

ol,ul,dl {
    margin-top: 20px;
    margin-bottom: 0
}

ul {
    padding: 0
}

ul>li {
    display: block
}

ul:not([class])>li {
    display: list-item;
}

select {margin:0;font-size: 16px;height: 40px;}

model-viewer {
   width: 100%;
   height: 100%;
 }
 
 .fade-enter-active {
   display: block;
   transition: opacity 0.4s;
 }
 .fade-enter {
   opacity: 0;
 }
 .fade-enter-to {
   opacity: 1;
 }
 .fade-leave-active {
   display: block;
   transition: opacity 0.4s;
 }
 .fade-leave {
   opacity: 1;
 }
 .fade-leave-to {
   opacity: 0;
 }

/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;width:970px;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops_con {}
.hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff}



/* 상단 레이아웃 */
#hd {z-index:15; position:relative; /*background:url("../img/top_bg.gif") repeat center top; */ text-align:center; top: 0; right: 0; left: 0;border-bottom: 1px solid #a6adad;min-width:600px}
#hd_wrapper {position:relative; margin:0 auto; zoom:1; width: 100% }
#hd_wrapper:after {display:block; visibility:hidden; clear:both; content:"";}
#hd_wrapper div {float: left;}
#logo {line-height: 109px; width: 300px; float: left; margin-left: 40px}
#logo>a {display: block;transition: 0.3s} 
#logo a:hover {transition: 0.3s;transition-timing-function:linear;opacity: 0.6;}

/* 전체 검색 */
#hd_sch {float:right; margin:0 0 0 18px;padding:0;border:2px solid #01b1a4;}
#hd_sch legend {position:relative;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;}
#hd_sch #sch_stx {padding-left:5px;width:400px;height:35px;border:0;background:#fff;line-height:1.7em;}
#hd_sch #sch_submit {padding:0 5px;height:35px;width:40px;border:0;background:#01b1a4;color:#fff;cursor:pointer}

#hd_sch2 {display: inline-block; float:right;margin-right:0;padding:0;border:2px solid #000;}
#hd_sch2 legend {position:relative;margin:0;padding:0;font-size:0;line-height:0;}
#hd_sch2 #sch_stx2 {padding-left:5px;width:600px;height:50px;border:0;background:#fff;line-height:1.7em;}

#hd_sch2 #sch_submit2 {padding:0 5px;height:50px;width:100px;border:0;background:#000;color:#fff;cursor:pointer;font-size: 16px;font-weight: 700;}
#hd_sch2 {width: auto;}


/* 상단 회원가입 등 링크 */
#tnb {zoom:1;  background:#f5f5f5;border-bottom:1px solid #dfdfdf;}
#tnb:after {display:block; visibility:hidden; clear:both; content:"";}
#tnb ul {width:auto; margin:0 auto;}
#tnb ul li {float:right; height:30px;}
#tnb a {display:block; line-height:30px; height:30px; color:#333; font-size:12px; letter-spacing:-0.5px;}


/* 메인메뉴 */
#gnb {float:right!important; position:relative;  top: 30px;  margin-right: 30px;}
#gnb_1dul {zoom:1;} /* 메인메뉴 타이틀 부분 */
#gnb_1dul:after {display:block; visibility:hidden; clear:both; content:"";}
.gnb_1dli {z-index:10; position:relative; float:left;}
.gnb_1da {display:inline-block; width:200px; text-align:center;font-weight:bold; line-height:59px; font-size:25px; color: #000; text-decoration: none}
.gnb_1da:focus, .gnb_1da:hover {	
	opacity: 1;
    color: #01b1a4;
    transition: all .4s;}
.gnb_1dli_air .gnb_1da {}
.gnb_1dli_on .gnb_1da {}
.gnb_2dul { /* 서브 메뉴 열리는 부분  */
	display: none;
	position: absolute; 
	top: 50px; 
	width: 250px;
	padding-left: 50px;
    background: #fdfdfd;
    border-top: 2px solid #a6adad;
	height: auto;
	transition: all .4s;
	border-bottom: 10px solid #c7c7c7;
}                             
.gnb_2da {
	display: block;
	text-align: center; 
	font-size: 16px; 
	font-weight: bold; 
	padding: 5px 12px; 
	line-height: 2.2em;
	transition: all .4s;
}
.gnb_1dli_air .gnb_2da {background:#070707; color:#fff;}
.gnb_1dli_on .gnb_2da {
	opacity: 1;
    display: inline;
    color: inherit;
    background-image: linear-gradient(90deg,#01b1a4,#01b1a4);
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 0 1px;
    transition: all .4s;
}
.gnb_1dli_on .gnb_2da:focus, .gnb_2da:hover {
	opacity: 1;
    font-weight: bold;
    color: #01b1a4;
    background-size: 100% 1px;
	transition: all .4s;
}
.gnb_1dli_over .gnb_2dul {display:block; right:0;}
.gnb_1dli_over2 .gnb_2dul {display:block; right:0;}



/* 중간 레이아웃 */
#sub_visual {width:100%; height:100px; background:url("/img/sub_bg.jpg") repeat center top; text-align:center;}
#wrapper {z-index:5; margin:0 auto; width:1200px; zoom:1; padding:0px;}
#wrapper:after {display:block; visibility:hidden; clear:both; content:"";}

#aside {
	float:left; 
	width:250px;
	font-size: 18px;
	margin-right: 20px
}

#container {z-index:4; position:relative; float:right; font-size:1em; zoom:1; width: 100%; max-width: 1200px; margin: 0 auto; padding:50px 0 60px 0;}
#container:after {display:block; visibility:hidden; clear:both; content:"";}
#container_title {font-size:2.3em; font-family: "Malgun Gothic", "맑은 고딕"; font-weight:  bold; padding-left: 30px; position: relative; margin: 10px 0 70px}
#container_title::before, #container_title::after {
    position: absolute;
    content: "";
    left: 0;
	display: block;
	height: 69px;
	vertical-align: inherit;
}

#container_title::before {
    left:  0;
	bottom: 0;
    width: 18px;
    background: #c5cbcb;
    z-index: 1;
}

#container_title::after {
    left:  0;
	bottom: 0;
    width: 12px;
    background: #01b1a4;
    z-index: 2;
}

#container_stitle {font-size:16px; height:80px; letter-spacing:-1.5px; padding-top:10px; position:relative;}

#wrap {zoom:1;}
#wrap:after {display:block; visibility:hidden; clear:both; content:"";}

/*#visual {background: url("/img/main_bg.jpg") repeat center top; width:100%; height:765px; position:relative;}
.flexslider {width:1900px; height:765px; position:relative; margin:0 auto; overflow:hidden;}
.flexslider .slides {text-align:center;}
.flexslider .flex-control-nav {position:absolute; top:450px; left:80px;}
.flexslider .flex-control-nav li {float:left; margin:0 3px; display:block;}
.flexslider .flex-control-nav li a {display:block; border:2px solid #fff; border-radius:12px; width:10px; height:10px; text-indent:-9999px; cursor:pointer; background:#93be32;}
.flexslider .flex-control-nav li a.flex-active {background:#fff;}*/

#main_con {zoom:1; padding:0px;}
#main_con:after {display:block; visibility:hidden; clear:both; content:"";}
#main_con ul {width:1200px; margin:0 auto;}
#main_con ul li {float:left;padding:0px;margin:0px;}
#main_con ul li:first-child {margin-left:0;}
#main_con li.notice {width:250px; height:190px; border:1px solid #ccc; padding:29px 29px 0 29px;}
#main_con p {padding-top:30px;}
#main_con p:first-child {padding-top:0;}

#mysubmenu h1 {
	display:block; 
	height:120px; 
	font-size:30px; 
	font-weight: bold; 
	line-height:120px;
	text-align:center; 
	color:#fff; 
	background-color: #01b1a4;
	border:1px solid #c5cbcb;
	margin-bottom: 10px;
}
#mysubmenu h1 p {display:block; padding-top:10px; margin-bottom: 3px}
#mysubmenu ul li {height:52px; border-bottom:1px dashed #ddd; line-height:52px; font-size:16px; font-weight:bold; padding:0 5px;text-align: center}
#mysubmenu ul li a {
	opacity: 1;
	text-decoration: none;
    display: inline;
    color: inherit;
    background-image: linear-gradient(90deg,#01b1a4,#01b1a4);
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 0 1px;
    transition: all .4s;
}
#mysubmenu ul li:focus a, #mysubmenu ul li:hover a {	
	opacity: 1;
    font-weight: bold;
    color: #01b1a4;
    background-size: 100% 1px;
	transition: all .4s;
}
#mysubmenu ul li:focus, #mysubmenu ul li:hover {
    background-color: #f9f9f9;
	transition: all .4s;
}
#mysubmenu ul li.on {
	background-color: #01b1a4;
	opacity: 0.6;
}
#mysubmenu ul li.on {
	color: #fff
}

#sub_ban {margin-top:30px;}
#sub_ban li {margin-top:10px;}
#sub_ban li:first-child {margin-top:0;}

.ctt_admin {position:absolute; top:35px; right:0;}


/* 하단 레이아웃 */
#ft {width:100%; height:80px; border-top:2px solid #2a3d67;}
#ft_company {width:100%; margin:0 auto;}
#ft_catch {float:left; line-height:75px;}
#ft_copy {float:right; text-align:right; line-height:18px; font-size:12px; color:#888; padding-top:20px; letter-spacing:-0.5px;}
#ft_copy p {font-size:11px; letter-spacing:0;}



/* 게시물 선택복사 선택이동 */
#copymove {}
.copymove_current {float:right;color:#ff3061}
.copymove_currentbg {background:#f4f4f4}

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;}
/* 본문 바로가기 */
#skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;}
#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}

/* ie6 이미지 너비 지정 */
.img_fix {width:100%;height:auto}

/* 캡챠 자동등록(입력)방지 기본 */
#captcha {display:inline-block;position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;}
#captcha #captcha_img {width:100px;height:41px;border:1px solid #e9e9e9}
#captcha #captcha_mp3 {position:absolute;top:0;left:101px;;margin:0;padding:0;width:23px;height:22px;border:0;background:transparent;vertical-align:middle;cursor:pointer;font-size:0;}
#captcha #captcha_mp3 span {position:absolute;top:0;left:0;width:23px;height:22px;background:url('../plugin/kcaptcha/img/sound.gif')}
#captcha #captcha_reload {position:absolute;top:21px;left:101px;margin:0;padding:0;width:23px;height:22px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer}
#captcha #captcha_reload span {position:absolute;top:0;left:0;width:23px;height:22px;background:url('../plugin/kcaptcha/img/reload.gif')}
#captcha #captcha_key {margin:0 0 0 25px;padding:0 5px;width:110px;height:41px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:2.8em}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;}

/* ckeditor 단축키 */
.cke_sc {margin:0 0 5px;text-align:right}
.btn_cke_sc{display:inline-block;padding:0 10px;height:23px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;line-height:1.9em;vertical-align:middle;cursor:pointer}
.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center}
.cke_sc_def dl{margin:0 0 5px;text-align:left;zoom:1}
.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
.cke_sc_def dt {width:20%;font-weight:bold}
.cke_sc_def dd {width:30%}

/* 버튼 */
a.btn01 {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
a.btn01:focus, a.btn01:hover {text-decoration:none}
button.btn01 {display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none}
a.btn02 {display:inline-block;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle}
a.btn02:focus, .btn02:hover {text-decoration:none}
button.btn02 {display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none}

.btn_confirm {text-align:center} /* 서식단계 진행 */

fieldset .btn_submit {padding:5px 8px;height:40px;font-size: 16px;font-weight: bold;border-radius: 4px}
.btn_submit {padding:8px 8px;border:1px solid #01b1a4;background:#01b1a4;color:#fff;cursor:pointer;font-weight: bold;}


a.btn_cancel {display:inline-block;padding:5px 8px;height:40px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
button.btn_cancel {display:inline-block;padding:5px 8px;border:1px solid #ccc;background:#fafafa;color:#000;vertical-align:top;text-decoration:none}

a.btn_frmline, button.btn_frmline {display:inline-block;padding:0 5px;height:24px;border:0;background:#333;color:#fff;text-decoration:none;vertical-align:top} /* 우편번호검색버튼 등 */
a.btn_frmline {line-height:24px}
button.btn_frmline {font-size:1em}

/* 게시판용 버튼 */
a.btn_b01 {display:inline-block;padding:5px; border:1px solid #d9ded9;background:#01b1a4;color:#fff;text-decoration:none;vertical-align:middle}
a.btn_b01:focus, .btn_b01:hover {text-decoration:none}
a.btn_b02 {display:inline-block; padding:5px; background:#01b1a4; color:#fff;}
a.btn_b02:focus, .btn_b02:hover {text-decoration:none}
a.btn_admin {display:inline-block; padding:5px; background:#01b1a4; color:#fff;} /* 관리자 전용 버튼 */
a.btn_admin:focus, a.btn_admin:hover {text-decoration:none}

/* 댓글 스타일 */
.cnt_cmt {display:inline-block;margin:0 0 0 7px;font-weight:bold}

/* 기본테이블 */
.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_wrap caption {padding:10px 0;font-weight:bold;text-align:left}

.tbl_head01 {margin:0 0 10px}
.tbl_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head01 thead th {padding:12px 0; border-top:3px solid #e7e7e7; border-bottom:1px solid #ddd; color:#383838; text-align:center;}
.tbl_head01 thead a {color:#383838}
.tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head01 tbody th {padding:8px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head01 td {padding:8px 5px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.5em;word-break:break-all}
.tbl_head01 a {}

.tbl_head02 {margin:0 0 10px}
.tbl_head02 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head02 thead th {padding:5px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;}
.tbl_head02 thead a {color:#383838}
.tbl_head02 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th, .tbl_head02 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head02 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head02 td {padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.4em;word-break:break-all}
.tbl_head02 a {}

/* 폼 테이블 */
.tbl_frm01 {margin:0 0 20px}
.tbl_frm01 table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_frm01 th {width:70px;padding:7px 13px;border:1px solid #e9e9e9;border-left:0;background:#f5f8f9;text-align:left}
.tbl_frm01 td {padding:7px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
.tbl_frm01 textarea, .frm_input {border:1px solid #e4eaec;background:#f7f7f7;color:#000;vertical-align:middle;line-height:2em}
.tbl_frm01 textarea {padding:2px 2px 3px;}
.frm_input {height:40px;width: 400px;text-indent: 1em;}
.tbl_frm01 textarea {width:98%;height:100px}
.tbl_frm01 a {text-decoration:none}
.tbl_frm01 .frm_file {display:block;margin-bottom:5px}
.tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em}

/* 자료 없는 목록 */
.empty_table {padding:200px 0 !important;text-align:center}
.empty_list {padding:120px 0 !important;text-align:center;font-size: 4em;font-weight: bold;color: #01b1a4}

/* 필수입력 */
.required, textarea.required {background:url('../img/wrest.gif') #f7f7f7 top right no-repeat !important}

/* 테이블 항목별 정의 */
.td_board {width:120px;text-align:center}
.td_category {width:80px;text-align:center}
.td_chk {width:30px;text-align:center}
.td_date {width:60px;text-align:center}
.td_datetime {width:110px;text-align:center}
.td_group {width:100px;text-align:center}
.td_mb_id {width:100px;text-align:center}
.td_mng {width:80px;text-align:center}
.td_name {width:100px;text-align:left}
.td_nick {width:100px;text-align:center}
.td_num {width:50px;text-align:center}
.td_numbig {width:80px;text-align:center}
.td_stat {width:60px;text-align:center}

.txt_active {color:#5d910b}
.txt_done {color:#e8180c}
.txt_expired {color:#ccc}
.txt_rdy {color:#8abc2a}

/* 새창 기본 스타일 */
.new_win {}
.new_win .tbl_wrap {margin:0 20px}
.new_win #win_title {margin:0 0 20px;padding:20px;border-top:3px solid #333;border-bottom:1px solid #dde4e9;background:#fff;font-size:1.2em}
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}
.new_win .win_ul {margin:-20px 0 20px 0;padding:0 20px;border-bottom:1px solid #455255;background:#484848;list-style:none;zoom:1}
.new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_ul li {float:left;margin-left:-1px}
.new_win .win_ul a {display:block;padding:10px 10px 8px;border-right:1px solid #455255;border-left:1px solid #455255;color:#fff;font-family:dotum;font-weight:bold;text-decoration:none}
.new_win .win_desc {padding:20px}

.new_win .win_btn {clear:both;padding:20px;text-align:center} /* 새창용 */
.new_win .win_btn button {display:inline-block;padding:0 10px;height:30px;border:0;background:#4b545e;color:#fff;line-height:2em;cursor:pointer}
.new_win .win_btn input {padding:0 10px;height:30px;line-height:2em}
.new_win .win_btn a {display:inline-block;padding:0 10px;height:30px;background:#4b545e;color:#fff;vertical-align:middle;line-height:2.4em}
.new_win .win_btn a:focus, .new_win .win_btn a:hover {text-decoration:none}

/* 검색결과 색상 */
.sch_word {color:#ff3061}

/* 자바스크립트 alert 대안 */
#validation_check {margin:100px auto;width:500px}
#validation_check h1 {margin-bottom:20px;font-size:1.3em}
#validation_check p {margin-bottom:20px;padding:30px 20px;border:1px solid #e9e9e9;background:#fff}

/* 사이드뷰 */
.sv_wrap {display:inline-block;position:relative;font-weight:600}
.sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;border:1px solid #283646}
.sv_wrap .sv a {display:inline-block;margin:0;padding:3px;width:100px;border-bottom:1px solid #283646;background:#111;color:#fff !important}
.sv_wrap a:focus, .sv_wrap a:hover, .sv_wrap a:active {text-decoration:none}
.sv_on {display:block !important;position:absolute;top:10px;left:20px;width:auto;height:auto}
.sv_nojs .sv {display:block}

/* 페이징 */
.pg_wrap {clear:both;margin:0 0 20px;padding:20px 0 0;text-align:center}
.pg {}
.pg_page, .pg_current {display:inline-block;padding:0 8px;height:35px;color:#000;line-height:2.2em;vertical-align:middle;}
.pg a:focus, .pg a:hover {text-decoration:none;border: 1px solid #01b1a4;font-weight: normal;vertical-align:middle;}
.pg_page {background:#e4eaec;text-decoration:none;border: 1px solid #fff;}
.pg_start, .pg_prev {/* 이전 */}
.pg_end, .pg_next {/* 다음 */}
.pg_current {display:inline-block;margin:0 4px 0 0;background:#333;color:#fff;border: 1px solid #fff;}

/* Mobile화면으로 */
#device_change {display:block;margin:0.3em;padding:0.5em 0;border:1px solid #7d8e02;border-radius:2em;background:#fff;color:#000;font-size:2em;text-decoration:none;text-align:center}

/*메일인증*/
.rg_em{margin-top:5px}
.rg_em caption{padding:0;font-size:0;line-height:0;overflow:hidden}



/*메인비주얼추가*/
#visual {position:relative;height:550px;overflow:hidden;}
#visual .slides li {height:550px; position:relative;}
.slider01 .flex-control-paging {position:absolute; bottom:30px; left:50%; margin-left:-45px; width:auto; height:37px; line-height:37px; background:rgba(17,17,17,0.1); padding-left:10px; box-sizing:border-box; padding-top:10px; z-index:8;}
.slider01 .flex-control-paging li {margin:0 3px; display:inline-block; zoom:1;  }
.slider01 .flex-control-paging li a{display:block; width:16px; height:16px; text-indent:-9999px; background:url(/img/slideBtnOff.png) 0 0 no-repeat;cursor:pointer}
.slider01 .flex-control-paging li a.flex-active {background:url(/img/slideBtnOn.png) 0 0 no-repeat; width:16px; height:16px;cursor:pointer;}
.slider01 .flex-pauseplay {position:absolute; bottom:40px; margin-left:63px; width:30px; z-index:10; left:50%;}
.slider01 .flex-pauseplay a{background:url(/img/pauseplay.png) 0 0 no-repeat; width:10px; height:13px; text-indent:-9999px; display:inline-block;}
.slider01 .flex-pauseplay a.flex-pause {background:url(/img/ymplay.png) 0 0 no-repeat; width:15px; height:18px;}

.slider01 .flex-direction-nav{display:none;}
.slides .type1 { position:absolute; width:1200px; height:765px; left:50%; margin-left:-500px;color:#fff; top:0px; background:url(/img/main_type1.png) 95% top no-repeat}
.slides dl dt {font-size:18px;line-height:1.4em; padding-top:5px;left:50%;color:#5b554f;}
.dtitle {font-size:50px;line-height:2.4em; left:50%;color:#5b554f;font-weight:bold;letter-spacing:-1px;color:#1b2e5c;}

.slides  dl dd { font-size:18px; padding:20px 0;}
.slides  dl p a{width:138px; height:40px;  box-sizing:border-box; line-height:37px;  text-align:center; font-size:17px; display:block; }
.slides  .type1 p a{color:#fff; background:url(/img/go_arrow.png) no-repeat 90% center;  border:2px solid #fff;}
.slides  .type1  p a:hover { background:#fff url(/img/go_arrow_B.png) no-repeat 90% center; color:#373737; }
.slides .type2 { position:absolute; height:683px; left:50%; margin-left:-510px;  top:0px; background:url(/img/main_type2.png) 95% top no-repeat}
.slides  dl dd a{ font-size:17px; color:#373737; padding-right:40px;}
.slides  dl dd a:hover {text-decoration:underline;}
.slides  dl dd a:after {content:''; background:url(/img/go_arrow_B.png) 95% top no-repeat; width:6px; height:9px; display:inline-block; position:relative; left:10px; top:-2px;}
.slides .type2 p a{ margin-left:20px;border:2px solid #373737;  color:#373737; background:url(/img/go_arrow_B.png) no-repeat 90% center; }
.slides .type2 p a:hover { background:#373737 url(/img/go_arrow.png) no-repeat 90% center; color:#fff }
.slides .type3 { position:absolute; width:476px; height:285px; left:50%; margin-left:50px;  color:#fff; top:118px; background:url(/img/main_type3.png) 98% 80% no-repeat}
.slides .type4 { position:absolute; width:476px;  background:url(/img/main_type4.png) 95% 100px no-repeat}


.tvisual {display:none;}
.mvisual {display:none;}
.pt40 {padding-top:0px;}




/*서브페이지 추가부분*/
/*===============subpage===============*/

#sub_wrapper{
	width:100%;
	min-width:1240px;
	height:auto;
	display:block;
}
#sub_wrapper #sub_wrap{
	width:1024px;
	height:auto;
	min-height:500px;
	margin:0 auto;
	padding-top:60px;
}
#sub_wrapper #sub_wrap > div{display:inline-block;float:left;}


.note_board{
	width:734px;
	height:auto;
	margin:30px 0 0 80px;
	min-height:400px;
	padding-bottom:80px;
	position:relative;
}
.note_board .note_title{height:24px;}
.note_board .note_title li{
	float:left;
	font-family: 'Nanum Gothic', serif;
	font-size:20px;
	color:#333;
	font-weight:bold;
	vertical-align:top;
}
.note_board .note_title li.route img{
	margin-right:5px;
}
.note_board .note_title li.route{
	float:right;
	font-family: 'Nanum Gothic', serif;
	font-size:11px;
	color:#bbb;
	vertical-align:top;
}
.note_board .note_title li.route span{color:#333;}
 
.note_contnet{height:auto; display:block; margin-top:20px;}
.note_contnet > li{float:left;}
.note_contnet .note p{
	font-family: 'Nanum Gothic', serif;
	font-size:14px;
	color:#666;
	line-height:22px;
}
.note_contnet .note{margin-right:30px;}



/*===============sub1-1===============*/
.note_contnet .ceo{float:right; width:274px; height:300px;}
.note_contnet .note_1-1{
	width:430px;
	height:550px;
	float:left;
}
.note_contnet .note .note_title{margin-bottom:30px;}
.note_contnet .ceo .sign{
	width:220px;
	height:42px;
	position:relative;
	right:0;
	top:170px;
	bottom:0;
	font-family: 'Nanum Gothic', serif;
	font-size:16px;
	font-weight:bold;
	color:#333;
	vertical-align:bottom;
	float:right;
}

/*===============sub1-2===============*/
.note_contnet .define{
	width:702px;
	height:95px;
	display:block;
	padding:10px 20px;
	border:1px solid #777;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-ms-border-radius:10px;
	-o-border-radius:10px;
}
.note_contnet .define > li{
	width:702px;
	float:left;
}
.note_contnet .vision{
	width:702px;
	height:250px;
	display:block;
	padding:10px 20px;
	border:1px solid #777;
	border-radius:10px;
	-webkit-border-radius:10px;
	 -moz-border-radius:10px;
	 -ms-border-radius:10px;
	-o-border-radius:10px;
}
.note_contnet .vision span{
	font-weight:bolder;
	font-size:14px;
	line-height:25px;
}
.note_contnet .vision .t_space{
	margin-top:15px;
}
.note_board .note span{font-weight:bolder;}

.note_board li.note_1-2 div.about .space_01{
	line-height:22px;
	padding-left:18px;
}



/*===============sub1-4===============*/
.note_board li.note_1-4{
	position:relative;
	width:744px;
	height:200px;
	margin-top:30px;
	margin-left:0;
}
.note_board li.note_1-4 div.about{
	width:350px;
	height:auto;
	float:left;
}

/*===============sub2===============*/

.note_contnet .business{
	width:694px;
	height:auto;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-ms-border-radius:10px;
	-o-border-radius:10px;
	display:block;
	padding:20px 20px;
	border:1px solid #777;
	margin-bottom:30px;
}
.business h3{
	color:#2d7bb8;
	font-weight:bolder;
	margin-bottom:10px;
}
.business h3 span{
	font-family: 'Arial';
}
.business p{line-height:25px;}

/*===============sub3===============*/
#ctt .product_01{
	width:734px;
	height:436px;
	display:block;
	background:url('../images/sub3/product_01.jpg');
}
#ctt .product_02{
	width:734px;
	height:436px;
	display:block;
	background:url('../images/sub3/product_02.jpg');
}
#ctt .product_03{
	width:734px;
	height:414px;
	display:block;
	background:url('../images/sub3/product_03.jpg');
}
#ctt .product_04{
	width:734px;
	height:377px;
	display:block;
	background:url('../images/sub3/product_04.jpg');
}
#ctt .product_05-1{
	width:734px;
	height:420px;
	display:block;
	background:url('../images/sub3/product_05-1.jpg');
}
#ctt .product_05-2{
	width:734px;
	height:402px;
	display:block;
	margin-top:50px;
	background:url('../images/sub3/product_05-2.jpg');
}

#ctt .product{
	width:694px;
	height:auto;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-ms-border-radius:10px;
	-o-border-radius:10px;
	display:block;
	padding:20px 20px;
	border:1px solid #777;
    margin: 30px auto 0;
}
.product h3{
	color:#2d7bb8;
	font-weight:bolder;
	margin-bottom:10px;
}
.product h3 span{
	font-family: 'Arial';
}
.product p{line-height:25px;}



/*===============sub4===============*/
#ctt .support{
	width:694px;
	height:auto;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-ms-border-radius:10px;
	-o-border-radius:10px;
	display:block;
	padding:20px 20px;
	border:1px solid #777;
	margin: 30px auto 0;
}
#ctt img{
margin:0 auto;
}
.support h3{
	color:#2d7bb8;
	font-weight:bolder;
	margin-bottom:10px;
    font-size: 1.17em;
}
.support h3 span{
	font-family: 'Arial';
}
.support p{line-height:25px;}

#ctt .support_01{
	width:734px;
	height:350px;
	display:block;
	margin-top:30px;
	background:url('../images/sub4/support_01.jpg');
}
#ctt .support_02{
	width:734px;
	height:404px;
	display:block;
	margin-top:30px;
	background:url('../images/sub4/support_02.jpg');
}
#ctt .s_wrap{
	height:120px;
	position:relative;
}

#ctt p.support_3-1{
	float:left;
	width:534px;
}
#ctt .support_03-1{
	width:140px;
	height:120px;
	float:right;
	margin-left:20px;
	position:absolute;
	top:20px;
	right:20px;
}

/*========== table Styles ==========*/


table {
  max-width: 100%;
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0;
}

.table {
  width: 100%;
  margin-bottom: 18px;
}

.table th {
  padding: 8px;
  line-height: 20px;
  text-align: left;
  vertical-align: center;
  border-top: 1px solid #c5cbcb;
  font-weight: bold;
  font-size: 17px;
  color: #222;
}

.spacy td {
	letter-spacing: -1px;
}

.table td {
  padding: 8px 10px;
  line-height: 22px;
  text-align: left;
  border-top: 1px solid #c5cbcb;
  font-size: 16px;
  color: #222;
}

.table td span {
	border: 1.5px solid #fff;
	background: #01b1a4;
	color: #fff;
	font-weight: bold;
	display: inline;
	margin: 0 4px;
	padding: 4px 7px;
	-webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
	transition: all 0.2s;
}

.table td span:hover {
	border: 1.5px solid #01b1a4;
	background: #fff;
	font-weight: bold;
	color: #01b1a4;
	transition: all 0.2s;
    box-shadow: 0px 1px 5.2px 0.5px rgba(1, 177, 164, 0.3);
}

.table thead th {
  vertical-align: center;
}

.table caption + thead tr:first-child th,
.table caption + thead tr:first-child td,
.table colgroup + thead tr:first-child th,
.table colgroup + thead tr:first-child td,
.table thead:first-child tr:first-child th,
.table thead:first-child tr:first-child td {
  border-top: 0;
}

.table tbody + tbody {
  border-top: 2px solid #c5cbcb;
}

.table-condensed th,
.table-condensed td {
  padding: 4px 5px;
}

.table-bordered {
  width: 100%;
  border: 1px solid #c5cbcb;
  border-collapse: separate;
  *border-collapse: collapsed;
  border-left: 0;
  -webkit-border-radius: 0px;
     -moz-border-radius: 0px;
          border-radius: 0px;
}

.table-bordered th {
  border-left: 1px solid #c5cbcb;
  font-size: 17px;
  font-weight: bold;
  padding: 15px 30px;   
}
.table-bordered td {
  border-left: 1px solid #c5cbcb;
  font-size: 16px;
  color: #222;
  padding: 15px 30px 
}

.table-bordered caption + thead tr:first-child th,
.table-bordered caption + tbody tr:first-child th,
.table-bordered caption + tbody tr:first-child td,
.table-bordered colgroup + thead tr:first-child th,
.table-bordered colgroup + tbody tr:first-child th,
.table-bordered colgroup + tbody tr:first-child td,
.table-bordered thead:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child td {
  border-top: 0;
}

.table-bordered thead:first-child tr:first-child th:first-child,
.table-bordered tbody:first-child tr:first-child td:first-child {
  -webkit-border-top-left-radius: 0px;
          border-top-left-radius: 0px;
  -moz-border-radius-topleft: 0px;
}

.table-bordered thead:first-child tr:first-child th:last-child,
.table-bordered tbody:first-child tr:first-child td:last-child {
  -webkit-border-top-right-radius: 0px;
          border-top-right-radius: 0px;
  -moz-border-radius-topright: 0px;
}

.table-bordered thead:last-child tr:last-child th:first-child,
.table-bordered tbody:last-child tr:last-child td:first-child {
  -webkit-border-radius: 0 0 0 0px;
     -moz-border-radius: 0 0 0 0px;
          border-radius: 0 0 0 0px;
  -webkit-border-bottom-left-radius: 0px;
          border-bottom-left-radius: 0px;
  -moz-border-radius-bottomleft: 0px;
}

.table-bordered thead:last-child tr:last-child th:last-child,
.table-bordered tbody:last-child tr:last-child td:last-child {
  -webkit-border-bottom-right-radius: 0px;
          border-bottom-right-radius: 0px;
  -moz-border-radius-bottomright: 0px;
}

.table-striped tbody tr:nth-child(odd) td,
.table-striped tbody tr:nth-child(odd) th {
  background-color: #fff;
}

.table tbody tr:hover td {
  background-color: #fff;
}

.nodisplay {display: none;}

/*================ greeting ==================*/

#sub_main_wrapper > .sub_main_area > .sub_right_area > .sub_right_contents > .greeting {
	width: 694px;
	height: auto;
	position: relative;
	padding-left: 20px;
	margin-top: 20px;
}

#sub_main_wrapper > .sub_main_area > .sub_right_area > .sub_right_contents > .greeting  > .greeting_head {
	width: 100%;
	border-left: 5px solid #777777;
	border-bottom: 1px solid #777777;
	padding-left: 10px;
	display: block;
	height: 20px;
	font-size: 19px;
	color: #777777;
	font-weight: bold;
	margin-bottom: 5px;
}

#sub_main_wrapper > .sub_main_area > .sub_right_area > .sub_right_contents > .greeting  > .greeting_head_sub {
	width: 679px;
	height: 20px;
	text-align: right;
	font-size: 13px;
	color: #666666;
}

#sub_main_wrapper > .sub_main_area > .sub_right_area > .sub_right_contents > .greeting > .box01 {
	width: 240px;
	position: relative;
	float: left;
}

#sub_main_wrapper > .sub_main_area > .sub_right_area > .sub_right_contents > .greeting > .box02 {
	width: 454px;
	position: relative;
	float: left;
}

#sub_main_wrapper > .sub_main_area > .sub_right_area > .sub_right_contents > .greeting h1 {
	color: #171717;
	font-size: 24px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	margin-bottom: 5px;
}

#sub_main_wrapper > .sub_main_area > .sub_right_area > .sub_right_contents > .greeting h1 span {
	color: #db302b;
}

#sub_main_wrapper > .sub_main_area > .sub_right_area > .sub_right_contents > .greeting h2 {
	color: #3b77b2;
	font-size: 16px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	padding-top: 10px;
}

#sub_main_wrapper > .sub_main_area > .sub_right_area > .sub_right_contents > .greeting p {
	color: #555555;
	font-size: 14px;
	line-height: 25px;
	font-weight: normal;
}

#sub_main_wrapper > .sub_main_area > .sub_right_area > .sub_right_contents > .greeting h3 {
	color: #818080;
	font-size: 17px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	text-align: right;
	margin-top: 50px;
}

#sub_main_wrapper > .sub_main_area > .sub_right_area > .sub_right_contents > .greeting h3 span {
	color: #525252;
	font-size: 22px;
	font-weight: bold;
	letter-spacing: 1px;
	padding: 0 90px 0 10px;
}

#sub_main_wrapper > .sub_main_area > .sub_right_area > .sub_right_contents > .greeting h4 {
	color: #3b77b2;
	font-size: 16px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

#sub_main_wrapper > .sub_main_area > .sub_right_area > .sub_right_contents > .greeting h4 span {
	padding-right: 5px;
}

#sub_main_wrapper > .sub_main_area > .sub_right_area > .sub_right_contents > .greeting h4 span img {
	display: inline;
	vertical-align: middle;
}


#sub_main_wrapper > .sub_main_area > .sub_right_area > .sub_right_contents > .greeting > .tabindex {
	width: 694px;
	height: 100%;
	position: relative;
}

#sub_main_wrapper > .sub_main_area > .sub_right_area > .sub_right_contents > .greeting > .tabindex ul {
	width: 694px;
	height: 100%;
	margin: 0px;
	padding: 0px;
}

#sub_main_wrapper > .sub_main_area > .sub_right_area > .sub_right_contents > .greeting > .tabindex ul li {
	position: relative;
	float: left;
	font-size: 16px;
	font-weight: bold;
	color: #08c8b7;	
	background: #f6f6f6;
	padding: 10px 20px;
	border: 1px solid #cccccc;
	margin-right: 10px;
	text-align: center;
	cursor: pointer;
	-webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
}

#sub_main_wrapper > .sub_main_area > .sub_right_area > .sub_right_contents > .greeting > .tabindex ul li:hover {
	color:#ffffff;
	background: #1c6ebf;
}

#sub_main_wrapper > .sub_main_area > .sub_right_area > .sub_right_contents > .greeting > .tabindex ul li.active {
	color:#ffffff;
	background: #1c6ebf;
}

#sub_main_wrapper > .sub_main_area > .sub_right_area > .sub_right_contents > .greeting > .tabindex ul li span {
	line-height: 28px;
}



#sub_main_wrapper > .sub_main_area > .sub_right_area > .sub_right_contents > .naver_map {
	width: 690px;
	height: 380px;
	border: 2px solid #c3c3c3;
	margin-left: 20px;
	position: relative;
}

#sub_main_wrapper > .sub_main_area > .sub_right_area > .sub_right_contents > p {
	font-family: 'Nanum Gothic';
	font-size: 13px;
	color: #333333;
	margin-top: 30px;
	line-height: 35px;
}

#sub_main_wrapper > .sub_main_area > .sub_right_area > .sub_right_contents > p span {
	font-weight: bold;
	color: #ffffff;
	background-color: #1c6ebf;
	padding: 3px 10px;
	margin-right: 10px;
}

#sub_main_wrapper > .sub_main_area > .sub_right_area > .sub_right_contents > p a { color: #777777; }
#sub_main_wrapper > .sub_main_area > .sub_right_area > .sub_right_contents > p a:hover { color: #1c6ebf; }


#sub_main_wrapper > .sub_main_area > .sub_right_area > .sub_right_contents > .custom {
	width: 950px;
	height: auto;
	position: relative;
	margin-top: 38px;
}

#sub_main_wrapper > .sub_main_area > .sub_right_area > .sub_right_contents > .custom ul li {
	width: 950px;
	height: 190px;
	float: none;
}


/* 범용
-------------------------------------------------------------*/

 .contents_f {
   padding: 60px 0 80px;
   display: flex;
   display: -webkit-flex;
   justify-content: center;
   gap: 0 60px;
 }
 .content_f > :first-child {
   margin-top: 0;
 }
 .contents_main {
   flex-grow: 0;
   flex-shrink: 0;
   width: 860px;
   order: 1;
 }
 .contents_main > :first-child {
   margin-top: 0;
 }
 .contents-noSide {
   display: block;
 }
 .contents-noSide .contents_main {
   width: auto;
 }
 .contents-noSide .contents_side {
   display: none !important;
   justify-content: center
 }
 .contents-top {
   padding: 0;
 }
 
 .section {
   margin: 60px 0 0;
 }
 .section > :first-child {
   margin-top: 0;
 }
 .section-bgGray {
   background: #f0f2f2;
 }
 .section-wide {
   margin-left: min((var(--vw, 1vw) * 100 - 1000px) / -2, -20px);
   margin-right: min((var(--vw, 1vw) * 100 - 1000px) / -2, -20px);
 }
 .section_inner {
   max-width: 1200px;
   margin: 0 auto;
   justify-content: center
 }
 .section_inner-p {
   padding: 50px 0 80px;
 }
 .section_inner > :first-child {
   margin-top: 0;
 }
 .section_accTitle {
   margin: 30px 0 25px;
   padding-bottom: 10px;
   font-weight: 500;
   font-size: 1.75rem;
   line-height: 1.3571428571;
   border-bottom: 1px solid #231815;
   display: flex;
   align-items: center;
   justify-content: space-between;
   cursor: pointer;
   position: relative;
 }
 .section_accTitle span {
   margin-left: 60px;
   flex-grow: 0;
   flex-shrink: 0;
   display: block;
   width: 12px;
   height: 12px;
   position: relative;
 }
 .section_accTitle span::before, .section_accTitle span::after {
   position: absolute;
   content: "";
   display: block;
   background: #231815;
 }
 .section_accTitle span::before {
   top: 50%;
   transform: translateY(-50%);
   left: 0;
   width: 12px;
   height: 1px;
 }
 .section_accTitle span::after {
   top: 0;
   left: 50%;
   transform: translateX(-50%);
   width: 1px;
   height: 12px;
   transition: all 0.4s;
 }
 .section_accTitle[data-acc-btn=open] span::after {
   transform: translateX(-50%) rotate(-90deg);
 }
 .section_accContent > :first-child {
   margin-top: 0;
 }
 .section_grid {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   gap: 0 40px;
 }
 .section_col {
   display: flex;
   flex-direction: column;
   height: 100%;
 }
 .section_col .panel {
   height: 100%;
 }
 .section_content {
   margin-top: 0;
 }
.section_content p {
   font-size: 1.2em;
   margin-left: 30px;
}
.section_content ul {
   margin-left: 60px;
}
.section_content li {
   list-style-type: disc;
   font-weight: 550;
   color: #231815;
}

    .section_content a {transition: all .3s;}

    .section_content a:hover { 
	    transition: all .3s;
	    transition-timing-function:linear;
	    opacity: 0.7;
    }


 .sideSection > :first-child {
   margin-top: 0;
 }


/* 완료 후 삭제할 부분--시작 */

contents .column2 .frame {
		float: none;
		width: auto;
		margin: 0;
	}

.Accessory {
	display: table;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-collapse: collapse;
	width: 1200px;
	table-layout: fixed;
	margin: 0 0 20px;
}

.Accessory_row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	margin: 0;
	width: auto;
	height: 230px;
	gap: 10px 5px;
}

.Accessory_item {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 19%;
	/*width: 160px;*/
	-webkit-box-flex: 0;
	-webkit-flex-grow: 0;
	-ms-flex-positive: 0;
	flex-grow: 0;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	display: block;
	border: 1px solid #ddd;
	margin: 0px;
}

.Accessory a {
	text-decoration: none;
}

.Accessory a:hover {
		transition: 0.2s;
	    transition-timing-function:linear;
	    opacity: 0.6;
	   
}
.Accessory dl {
	align-items: center;
	line-height: 14px;
}

.Accessory dt {
	width: 150px;
	height: 170px;
	margin-left: 10px;
	margin-right: 10px;
	vertical-align: bottom;
	text-align: center;
}

.Accessory dt img {
	max-width: 100%;
	max-height: 170px;
    margin: 10px;
	vertical-align: bottom;
	align-items: center;
}

.Accessory .AccessoryText {
	text-decoration: none;
	color: #c5cbcb;
	padding-left: 14px;
}

.Accessory .AccessoryLink {
	color: #000;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	letter-spacing:-0.1em;
	padding-top: 10px;
}

.Accessory .AccessoryLink:before {
	content: url(/img/button.png);
	cursor: pointer;
	margin: 0 5px 0 0;
}

/*완료후 삭제할 부분--끝--*/

.app_model td {
	background-color:#fff; 
    text-align: left; 
	color:#231815;	
    font-size: 1.2em;	
  	border-color: #ddd;
	border-style: solid;
	border-width: 1px;    
	padding: 6px 8px;  	
}

.tm1 {
    margin: 40px 0;
    font-weight: 700;
    font-size: 2.625rem;
    line-height: 1.4761904762
}

.tm2 {
    margin: 30px 0 40px;
    font-weight: 600;
    font-size: 1.63rem;
    line-height: 1.3571428571;
    position: relative
}

.tm2::after {
    position: absolute;
    content: "";
    bottom: -10px;
    left: 0;
    display: block;
    width: 100%;
    height: 1px;
    background: #231815;
	padding-left: 15px;
}

.tm3 {
	border-left: 6px solid #01b1a4;    
	background-color:#f3f3f3;
	text-align: left; 
	color:#231815;	
    font-size: 1.7em;	
    font-weight: 700; 
    padding: 6px 10px 8px; 
    margin: 35px 0;
	width: 100%;
}
    
.tm4 {
	border-left: 6px solid #01b1a4;    
	border-bottom-color: #01b1a4; 
	border-bottom-width: 2.3px; 
	border-bottom-style: solid;
	text-align: left; 
	color:#231815; 
	font-size: 1.8em; 
	font-weight: bold; 
	padding: 6px 10px 6px; 
	margin: 0 0 20px;
    width: 100%;	    
}

.tm5 {
	background-color:#f3f3f3; 
    text-align: center; 
	color:#231815;	
    font-size: 1.5em;	
    font-weight: bold; 
	border-color: #ddd;
	border-style: solid;
	border-width: 1px;
    padding: 8px 10px 8px; 
    margin: 20px 0;
	width: 100%;
}

.tm6 {
    margin:  35px 0 50px;
    font-weight: 700;
    font-size: 2.25rem;
    line-height: 1.2777777778;
    position: relative;
    z-index: 2
}

.tm6::before,.tm6::after {
    position: absolute;
    content: "";
    bottom: -20px;
    left: 0;
    display: block;
    height: 4px
}

.tm6::before {
    right: 0;
    width: 100%;
    background: #c5cbcb;
    z-index: 1
}

.tm6::after {
    right: 0;
    width: 200px;
    background: #01b1a4;
    z-index: 2
}

.tm6 {
    margin: 30px 0 50px;
    font-size: 1.8571428571rem;
	padding-left: 15px
}

.tm7 {
	color: #01b1a4;
	font-size: 1.5em;
	font-weight: bold;
	margin: 0 0 20px;
}


.btspan {
	margin-left: 8px; 
	padding: 6px 10px; 
	background: #01b1a4; 
	color: #ffffff; 
	font-weight: bold; 
	-webkit-border-radius: 5px; 
   	-moz-border-radius: 5px;
	border-radius: 5px; 
}

.btsqu {
	border: 3px solid #01b1a4; 
	padding: 30px 25px; 
	-webkit-border-radius: 25px; 
	-moz-border-radius: 25px; 
	border-radius: 25px; 
	width: 1100px;
}

.smartspan {
	margin-left: 8px; 
	padding: 6px 10px; 
	background: #cccccc; 
	color: #ffffff; 
	font-weight: bold; 
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	border-radius: 5px; 
}

.smartsqu {
	border: 2px solid #cccccc; 
	padding: 25px 12px 10px; 
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px; 
	width: 620px;
}


/*============================================================
  js-tab
============================================================*/

.js-tab .js-tabBtns {
	display: table;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-collapse: collapse;
	margin: 0 0 10px;
}

.js-tab .js-tabBtn {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #ddd;
	cursor: pointer;
	height: 40px;
}

.js-tab .js-tabActiveBtn {
	background: #f1f1f1;
	color: #333;
	font-weight: bold;
	position: relative;
}

.js-tab .js-tabActiveBtn:before {
	position: absolute;
	left: 50%;
	bottom: -11px;
	display: block;
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 5px 0 5px;
	border-color: #ddd transparent transparent transparent;
	margin-left: -5px;
}

.js-tab .js-tabActiveBtn:after {
	position: absolute;
	left: 50%;
	bottom: -10px;
	display: block;
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 5px 0 5px;
	border-color: #e9f6fe transparent transparent transparent;
	margin-left: -5px;
}

.js-tab .js-tabContent {
	display: none;
}

.js-tab .js-tabActiveContent {
	display: block;
}

/*============================================================
  spec-table
============================================================*/

.spectable {
	overflow-x: auto;
	font-size: 16px
}

.spectable table {
	white-space: nowrap;
}

.spectable {
	max-width: 100%;
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0;
	margin: 60px 0 0;
}

.spectable th {
    padding: 12px 15px;
    line-height: 24px;
    text-align: left;
    background-color: #f3f3f3;
    vertical-align: center;
    border: 1px solid #c5cbcb;
    font-weight: bold;
    font-size: 16px;
    color: #000;
    width: 25%
}

.spectable td {
    padding: 12px 15px;
    line-height: 24px;
    text-align: left;
    vertical-align: center;
    border: 1px solid #c5cbcb;
    font-size: 16px;
    color: #000;
}

.spectable td span {
	display: inline;
	-webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}

.spectable td span a {
	color: #ffffff;
	font-weight: bold;
}

.spectable thead th {
    vertical-align: center;
}

.spectable a:hover {
	transition: 0.4s;
	transition-timing-function:linear;
	opacity: 0.7;
}

/*============================================================
  spec-table_nowidth
============================================================*/

.spectable_nw {
	overflow-x: auto;
	font-size: 16px
}

.spectable_nw table {
	white-space: nowrap;
}

.spectable_nw {
	max-width: 100%;
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0;
	margin: 60px 0 0;
}

.spectable_nw th {
    padding: 12px 15px;
    line-height: 24px;
    text-align: left;
    background-color: #f3f3f3;
    vertical-align: center;
    border: 1px solid #c5cbcb;
    font-weight: bold;
    font-size: 16px;
    color: #000;
}

.spectable_nw td {
    padding: 12px 15px;
    line-height: 24px;
    text-align: left;
    vertical-align: center;
    border: 1px solid #c5cbcb;
    font-size: 16px;
    color: #000;
}

.spectable_nw td span {
	display: inline;
	-webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}

.spectable_nw td span a {
	color: #ffffff;
	font-weight: bold;
}

.spectable_nw thead th {
    vertical-align: center;
}

.spectable_nw a:hover {
	transition: 0.4s;
	transition-timing-function:linear;
	opacity: 0.7;
}


#footer .top {
    position: fixed;
    bottom: 30px;
    right: 50px;
    margin: 0;
}

.top a:hover {
		transition: 0.4s;
	    transition-timing-function:linear;
	    opacity: 0.7;
}

.editor {
	float: none;
	width: auto;
	text-align: left;
    list-style-type: none;
	font-size: 16px;
	line-height: 1.6;
	word-break: normal;
}

.editor ul, .editor ol {
	margin: 0 0 20px 3em;
	letter-spacing: normal;
	display: inline-block;
	vertical-align: top;
	padding: 0 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.editor ul ul li {
    list-style-type: circle;
}

.editor ul {
	display: block;
    list-style-type: disc;
    margin-block-start: 0em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 30px;
}

.editor li {
	margin: 5px 0;
	display: list-item;
    list-style-type: disc;
    text-align: -webkit-match-parent;
}

.banner a {
	text-decoration: none;
}

.banner a:hover {
		transition: 0.4s;
	    transition-timing-function:linear;
	    opacity: 0.7;
}

/*============================================================
  INDEX list style
============================================================*/

.index_wrap {
	margin: 80px 0 0;
    width: 1200px
}

.index_wrap>:first-child {
    margin-top: 0
}
.index_container {
	display: block;
	height: 350px;	
	float: left;
}
.index_wrap_tb {
	width: 650px;
	height: 350px;
	font-size: 15px;
	float: left;
}
.index_inner {
    margin: 0 auto;
    max-width: 1200px
}

.index_inner ul>li {
	display: block
}

.index_list {
    margin: 0;
    display: grid;
    grid-template-columns: repeat(5,1fr);
    gap: 30px 15px
}

.index_item>a {
    color: inherit;
    text-decoration: none;
    transition: all .4s
}

.index_img {
	display: block;
    border: 1px solid #e3e3e3;
	transition: all .4s
}

.index_img img {
    aspect-ratio: 1/1;
    width: 100%;
    height: 100%;
    object-fit: scale-down
}

.index_category {
    margin: 5px 0 0;
    font-weight: 800;
    font-size: 1.2rem;
    line-height: 1.5;
    color: #000
}

.index_model {
    margin: 0;
    font-weight: 800;
    font-size: 1.2rem;
    line-height: 1.5;
    color: #000
}

.index_inner {
    width: auto
}

.index_list {
    grid-template-columns: repeat(5,1fr);
    gap: 35px 15px
}

.index_item>a:hover {
	opacity: 1
}

.index_item>a:hover .index_img {
    border-color: #01b1a4;
    box-shadow: 0 2px 10px 0.5px rgba(1,177,164,.4);
	transition: 0.3s;
	transition-timing-function:linear;
	opacity: 0.7
}

.index_sub_inner {
    margin: 0 auto;
    max-width: 1200px
}

.index_sub_inner ul>li {
	display: block
}

.index_sub_list {
	align-items: center;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 30px 15px
}

.index_sub_item>a {
    color: inherit;
    text-decoration: none;
    transition: all .4s
}

.index_sub_img {
	display: block;
    border: 1.5px solid #fff;
	transition: all .4s
}

.index_sub_img img {
    aspect-ratio: 1/1;
    width: 100%;
    height: 100%;
    object-fit: scale-down
}

.index_sub_category {
    margin: 5px 0 0;
    font-weight: 700;
    font-size: 1.1rem;
    line-height: 1.5;
    color: #000
}

.index_sub_model {
    margin: 0;
    font-weight: 700;
    font-size: 1.1rem;
    line-height: 1.5;
    color: #000
}

.index_sub_inner {
    width: auto
}

.index_sub_list {
    grid-template-columns: repeat(4,1fr);
    gap: 35px 20px
}

.index_sub_item>a:hover {
	opacity: 1;
    transition: all 0.4s;

}

.index_sub_item>a:hover .index_sub_img {
    border-color: #ec9b01;
    box-shadow: 0 2px 10px 0.7px rgba(236,155,1,.4);
	transition: all 0.4s;
}

.index_cate {
	font-size: 5rem; 
	font-weight: bolder;
	text-align: center;
	color: #fff; 
	background-color: #000; 
	margin-top: 60px; 
	vertical-align: middle;
	letter-spacing: 0.2em;
	width: 90%
}

.index_support {
	font-size: 5rem; 
	font-weight: bolder;
	text-align: center;
	color: #fff; 
	background-color: #ec9b01; 
	margin: 60px 0; 
	vertical-align: middle;
	letter-spacing: 0.2em;
	width: 90%

}

/*============================================================
  Search menu 
============================================================*/
.beforeArrowBtn > div, .beforeArrowBtn > a {
   line-height: 1;
   display: inline-flex;
   align-items: center;
   text-decoration: none;
   color: inherit;
   gap: 0 10px;
 }
 .beforeArrowBtn > div::before, .beforeArrowBtn > a::before {
   flex-grow: 0;
   flex-shrink: 0;
   width: 35px;
   height: 35px;
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
   content: "\ea1c";
   font-family: "icons";
   text-rendering: auto;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   font-size: 15px;
   border: 1px solid #231815;
 }
 .beforeArrowBtn > a {
   transition: all 0.4s;
 }
 .beforeArrowBtn > a::before {
   transition: all 0.4s;
 }
 .beforeArrowBtn-gray > div, .beforeArrowBtn-gray > a {
   color: #535a5a;
 }
 .beforeArrowBtn-gray > div::before, .beforeArrowBtn-gray > a::before {
   border-color: #535a5a;
 }
 .beforeArrowBtn-green > div::before, .beforeArrowBtn-green > a::before {
   color: #01b1a4;
   border-color: #01b1a4;
 }

.index_submit {
	padding:0 5px;
	height:40px;
	width:60px;
	border:0;
	background: #231815;
	color:#fff;
	cursor:pointer
}

.panel {
   padding: 40px 150px;
   background: #fff;
   border: 1px solid #000;
   height: 140px;
   justify-content: center;
 }
 .panel > :first-child {
   margin-top: 0;
 }
 .panel_title {
   margin: 0;
   font-weight: 700;
   font-size: 1.375rem;
   line-height: 1.2727272727;
   color: #01b1a4;
 }
 .panel_content {
   margin: 10px 0 0;
 }
 .panel_content > :first-child {
   margin-top: 0;
 }
 .panel-s {
   padding: 10px 20px;
 }
 .panel-l {
   margin: 40px 0 0;
   padding: 40px;
 }
 .panel-gray {
   background: #f0f2f2;
   border-color: #f0f2f2;
 }
 .panel-grayLightBorder {
   border-color: #c5cbcb;
 }
 .panel-green {
   background: #e5f7f6;
   border-color: #e5f7f6;
   padding: 30px 50px;
 }
 .panel-greenBorder {
   border-color: #01b1a4;
 }
 .panel-bgTransparent {
   background: transparent;
 }
 .panel-important {
   border-color: #e52627;
 }
 .panel-important .panel_title {
   color: #e52627;
 }
 .panel-shadow {
   border-color: #fff;
   box-shadow: 2px 3px 13px 0px rgba(154, 154, 154, 0.3);
 }
 .panel-scroll {
   max-height: 170px;
   overflow-y: auto;
 }
 .panel_search {
   padding: 0 50px;
 }
 .panel_search-l {
   padding: 0 50px;
 }
 .panel_search-ll {
   padding: 0 80px;
 }
 .panel_searchForm {
   align-items: center;
   gap: 0 20px;
 }
 .panel_searchName {
   float: left;
   font-size: 1.7rem;
   font-weight: 700;
   line-height: 1.7em;
 }
 .panel_searchArea {
   height: 2.0em
 }

 @media screen and (max-width: 736px) {
   .beforeArrowBtn > div, .beforeArrowBtn > a {
     font-size: 1.0714285714rem;
     gap: 0 5px;
   }
   .beforeArrowBtn > div::before, .beforeArrowBtn > a::before {
     width: 25px;
     height: 25px;
   }
   .panel {
     padding: 20px;
	 height: auto;
   }
   .panel-l {
     margin: 30px 0 0;
     padding: 25px 20px;
   }
   .panel_search {
     padding: 0;
	 float: left;
   }
   .panel_searchForm {
     display: block;
   }
   .panel_searchName {
     font-size: 1.7rem;
     text-align: left;
   }
   .panel_searchArea {
     margin: 10px 0 0;
   }
   .mt20 {
     margin-top: 20px !important;
   }
   .tRight {
     text-align: right !important;
   }
	 
}

/*============================================================
  Select menu 
============================================================*/

.select {
   margin: 80px 0 0;
 }
 .select_inner {
   margin: 0 auto;
   max-width: 1200px;
 }
 .select_tabs {
   margin: 0;
   display: grid;
   grid-template-columns: repeat(2, 1fr);
 }
 .select_tabs > :first-child > a {
   border-right: none;
 }
 .select_tab {
   display: block;
 }
 .select_tab > a {
   text-decoration: none;
   padding: 10px;
   font-weight: 700;
   font-size: 1.25rem;
   color: #a6adad;
   box-shadow: 0px 2px 3.92px 0.08px rgba(0, 0, 0, 0.3);
   display: flex;
   align-items: center;
   justify-content: center;
   min-height: 60px;
   border: 1px solid #e3e3e3;
 }
 .select_tab > a[data-tab-btn-active] {
   background: #231815;
   color: #fff;
   pointer-events: none;
 }
 .select_container {
   margin: 40px 0 0;
 }
 .select_jumps {
   margin: 0;
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   gap: 20px 0;
 }
 .select_jumps > :first-child {
   border-left: 1px solid #bdbdbd;
 }
 .select_jumps > :nth-child(4n+5) {
   border-left: 1px solid #bdbdbd;
 }
 .select_jump {
   border-right: 1px solid #bdbdbd;
 }
 .select_jump > a {
   padding: 2px 20px;
   text-decoration: none;
   color: inherit;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: column;
   font-size: 1.3rem;
   font-weight: 800;
   line-height: 1.8;
   height: 100%;
 }
 .select_jump > a::after {
   content: "\e901";
   font-family: "icons";
   text-rendering: auto;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   font-size: 0.7em;
 }
 .select_catBody {
   margin: 40px 0 0;
 }
 .select_catBody > :first-child {
   margin-top: 0;
 }
 .select_catList {
   margin: 50px 0 0;
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 60px 40px;
 }
 .select_catItem > a {
   text-decoration: none;
   color: inherit;
 }
 .select_catImg {
   border: 1px solid #e3e3e3;
   transition: all 0.4s;
 }
 .select_catImg img {
   aspect-ratio: 370/180;
   width: 100%;
   height: 100%;
   object-fit: cover;
 }
 .select_catName {
   font-size: 17px;
   font-weight: 800;
   margin: 20px 0 0;
 }
 .select_catName > div {
   float: left;
   transition: all 0.4s;
 }
 .select_catName > div::before {
   transition: all 0.4s;
 }
 .select_caseList {
   margin: 0;
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   gap: 40px;
 }
 .select_caseItem > a {
   display: flex;
   flex-direction: column;
   height: 100%;
   text-decoration: none;
   color: inherit;
   border: 1px solid #e3e3e3;
   transition: all 0.4s;
 }
 .select_caseImg img {
   aspect-ratio: 580/220;
   width: 100%;
   height: 100%;
   object-fit: cover;
 }
 .select_caseBox {
   padding: 20px;
 }
 .select_caseName {
   margin: 0;
 }
 .select_caseName > div {
   font-weight: 700;
   font-size: 1.25rem;
 }
 .select_caseName > div::before {
   transition: all 0.4s;
 }
 .select_caseText {
   margin: 5px 0 0;
 }

  .select {
     margin: 50px 0 0;
   }
   .select_inner {
     width: 89.3%;
   }
   .select_inner {
     width: auto;
   }
   .select_tab > a {
     font-size: 1.5rem;
     min-height: 50px;
	 transition: all 0.4s;
   }
   .select_tab > a:hover {
	 background-color: #01b1a4;
	 color: #000;
     transition: all .4s;
	 opacity: 0.8;
	 transition-timing-function: linear;
   }
   .select_jumps {
     grid-template-columns: repeat(4, 1fr);
     gap: 15px 0;
   }
   .select_jumps > :nth-child(4n+5) {
     border-left: none;
   }
   .select_jumps > :nth-child(2n+3) {
     border-left: none;
   }
   .select_jump > a {
     padding: 2px 15px;
	 transition: all .4s;
   }
   .select_jump > a:hover {
	 color: #01b1a4;
     transition: all .4s;
   }
   .select_catList {
     grid-template-columns: repeat(3, 1fr);
     gap: 30px 20px;
   }
   .select_caseList {
     display: block;
   }
   .select_caseList > :first-child {
     margin-top: 0;
   }
   .select_caseItem {
     margin: 20px 0 0;
   }
   .select_caseText {
     margin: 10px 0 0;
   }
   .select_catItem > a:hover {
     opacity: 1;
   }
   .select_catItem > a:hover .select_catImg {
     border-color: #01b1a4;
     box-shadow: 0px 2px 9.8px 0.2px rgba(1, 177, 164, 0.3);
   }
   .select_catItem > a:hover .select_catName > div {
     color: #01b1a4;
   }
   .select_catItem > a:hover .select_catName > div::before {
     color: #fff;
     background: #01b1a4;
   }
   .select_caseItem > a:hover {
     opacity: 1;
     border-color: #01b1a4;
     box-shadow: 0px 2px 9.8px 0.2px rgba(1, 177, 164, 0.3);
   }
   .select_caseItem > a:hover .select_caseName > div::before {
     color: #fff;
     background: #01b1a4;
   }
   .mt100-pc {
     margin-top: 100px !important;
   }
   .mt50-sp {
     margin-top: 50px !important;
   }
   .w100p-sp {
     width: 100% !important;
   }
   .wa-sp {
     width: auto !important;
   }
/*============================================================
  Bottom contact
============================================================*/

.bottomContact {
   margin: 0 auto;
   padding: 95px 40px;
   max-width: 100%;
   position: relative;
 }
 .bottomContact-product {
   margin: 60px auto;
   padding: 70px 40px 90px;
 }
 .bottomContact_bg {
   position: absolute;
   content: "";
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   width: 100%;
   height: 100%;
   justify-content: center;
   z-index: 1;
   overflow: hidden;
 }
 .bottomContact_bg::after {
   position: absolute;
   content: "";
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   width: 100%;
   height: 100%;
   z-index: 2;
   justify-content: center;
   background: #231815;
   opacity: 1;
   visibility: visible;
   transition: all 0.3s;
 }
 .bottomContact_inner {
   margin: 0 auto;
   max-width: 1200px;
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 0 20px;
   position: relative;
   z-index: 3;
 }
 .bottomContact_container {
   width: 720px;
 }
 .bottomContact_title {
   padding-bottom: 30px;
   position: relative;
   color: #fff;
   font-weight: 700;
   font-size: 2.25rem;
 }
 .bottomContact_title::after {
   position: absolute;
   content: "";
   left: 0;
   bottom: 0;
   display: block;
   width: 150px;
   height: 4px;
   background: #fff;
 }
 .bottomContact_text {
   margin: 40px 0 0;
   color: #fff;
 }
 .bottomContact_linkArea {
   flex-grow: 0;
   flex-shrink: 0;
   width: 170px;
   height: 170px;
   display: flex;
   align-items: center;
   justify-content: center;
   position: relative;
 }
 .bottomContact_linkText {
   position: absolute;
   top: 0;
   left: 0;
   width: 170px;
   height: 170px;
   font-family: "Jost", sans-serif;
   font-size: 0.8125rem;
   animation: text-spin 18s linear infinite;
 }
 .bottomContact_linkText svg {
   overflow: visible;
 }
 .bottomContact_linkText path {
   fill: none;
 }
 .bottomContact_linkText text {
   fill: #535a5a;
   transition: all 0.3s;
 }
 .bottomContact_linkArea:hover text {
	fill: #fff;
} 
 .bottomContact_linkArea:hover .bottomContact_linkText {
   animation-play-state: paused;
} 
 .bottomContact_link {
   width: 150px;
   height: 150px;
   position: relative;
   z-index: 2;
 }
 .bottomContact_link > a {
   width: 100%;
   height: 100%;
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
   text-decoration: none;
   color: inherit;
   line-height: 1;
   background: #fff;
   transition: all 0.3s;
 }
 .bottomContact_link > a span {
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: column;
   font-size: 15px;
 }
 .bottomContact_link > a span::before {
   content: "\e900";
   font-family: "icons";
   text-rendering: auto;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   font-size: 40px;
 }
  .bottomContact {
     padding: 20px 20px 70px;
   }
   .bottomContact-product {
     margin: 0 auto 50px;
     padding: 30px 20px 60px;
   }
   .bottomContact_inner {
     width: 89.3%;
   }
   .bottomContact_inner {
     display: block;
     width: auto;
   }
   .bottomContact_container {
     width: auto;
   }
   .bottomContact_title {
     padding-bottom: 10px;
     text-align: center;
   }
   .bottomContact_title::after {
     left: 50%;
     transform: translateX(-50%);
     width: 150px;
     height: 2px;
   }
   .bottomContact_text {
     margin: 15px 0 0;
     font-size: 1.0714285714rem;
     line-height: 1.6666666667;
   }
   .bottomContact_linkArea {
     width: 180px;
     height: 180px;
     margin: 50px auto 0;
   }
   .bottomContact_linkText {
     width: 180px;
     height: 180px;
     font-size: 0.727rem;
   }
   .bottomContact_link {
     width: 160px;
     height: 160px;
   }
   .bottomContact_link > a span {
     font-size: 1.15rem;
	 font-weight: 600
   }
   .bottomContact_link > a span::before {
     font-size: 50px;
   }
   .bottomContact_link > a:hover {
     opacity: 1;
     background: #01b1a4;
     color: #fff;
   }

/*============================================================
  각 페이지 메인
============================================================*/

 .download_support_list {
   margin: 0;
   display: grid;
   grid-template-columns: repeat(2, 1fr);	 
   gap: 30px;
 }
 .download_support_item {
   width: 440px;
 }
 .download_support_item > a {
   position: relative;
   padding: 30px 20px 45px;
   display: flex;
   align-items: center;
   justify-content: flex-start;
   flex-direction: column;
   height: 100%;
   text-decoration: none;
   color: inherit;
   border: 1px solid #e3e3e3;
   min-height: 270px;
   background: #fff;
   transition: all 0.4s;	 
 }
 .download_support_item > a::after {
   position: absolute;
   content: "";
   right: 0;
   bottom: 0;
   display: flex;
   align-items: center;
   justify-content: center;
   content: "\ea1c";
   font-family: "icons";
   text-rendering: auto;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   font-size: 15px;
   width: 40px;
   height: 40px;
   background: #231815;
   color: #fff;
   z-index: 4;
   transition: all 0.4s;
 }
 .download_support_title {
   font-size: 2.0rem;
   font-weight: 600;
 }
 .download_support_txt {
   margin: 0;
   width: 100%;
 }

   .download_support_list {
   }
   .download_support_list {
     margin-top: 0;
   }
   .download_support_item {
   }
   .download_support_item > a::after {
     width: 40px;
     height: 40px;
     font-size: 15px;
	 font-weight: bold;
   }
   .download_support_item > a {
     padding: 70px 30px 40px;
   }
   .download_support_txt {
     margin: 5px 0 0;
   }

   .download_support_item > a:hover::after {
     background: #01b1a4;
   }
   .download_support_item > a:hover {
     opacity: 1;
     border-color: #01b1a4;
     box-shadow: 0px 2px 9.8px 0.2px rgba(1, 177, 164, 0.3);
   }

/*============================================================
  3D model-viewer
============================================================*/


 .cad {
	margin: 60px 0 0;
 } 

 .cad_list {
   margin: 0;
 }
 .cad_list > :first-child {
   margin-top: 0;
 }
 .cad_item {
   margin: 20px 0 0;
   border: 1px solid #a6adad;
   height: 500px;
 }
 .cad_item > * {
   width: 100%;
   height: 100%;
 }

/*============================================================
  catalog_imgtxt
============================================================*/

 .catalog_imgTxt {
   margin: 20px 0 0;
   display: flex!important;
   align-items: flex-start;
   justify-content: space-between;
 }
 .catalog_imgTxt-vat {
   align-items: flex-start;
 }
 .catalog_imgTxt-vam {
   align-items: center;
 }
 .catalog_imgTxt-vab {
   align-items: flex-end;
 }
 .catalog_imgTxt_left {
   margin: 0 30px 0 0;
   flex-grow: 0;
   flex-shrink: 0;
   order: 0;
 }
 .catalog_imgTxt_left > :first-child {
   margin-top: 0;
 }
 .catalog_imgTxt_right {
   margin: 0 0 0 30px;
   flex-grow: 0;
   flex-shrink: 0;
   order: 2;
 }
 .catalog_imgTxt_right > :first-child {
   margin-top: 0;
 }
 .catalog_imgTxt-around {
   overflow: hidden;
   display: block;
 }
 .catalog_imgTxt-around .imgTxt_right {
   float: right;
 }
 .catalog_imgTxt-around .imgTxt_left {
   float: left;
 }
 .catalog_imgTxt_body {
   order: 1;
   flex-grow: 1;
   flex-shrink: 1;
   flex-basis: auto;
   width: 100%;
 }
 .catalog_imgTxt_body > :first-child {
   margin-top: 0;
 }

   .catalog_imgTxt {
     display: block;
   }
   .catalog_imgTxt > :first-child {
     margin-top: 0;
   }
   .catalog_imgTxt_left {
     margin: 20px 0 0;
   }
   .catalog_imgTxt_right {
     margin: 20px 0 0;
     text-align: center;
   }
   .catalog_imgTxt_body {
     margin: 20px 0 0;
   }
   .catalog_imgTxt-around {
     overflow: hidden;
     display: block;
   }
   .catalog_imgTxt-around .imgTxt_right,
   .catalog_imgTxt-around .imgTxt_left {
     float: none;
   }

.notice_list{
    width:100%;
    max-width:650px;
}

.notice_row{
    display:grid;
    grid-template-columns:120px 30px 110px 1fr;
    align-items:center;
    padding:6px 0;
    border-bottom:1px solid #eee;
    list-style:none;
}

.notice_row li{
    font-size:14px;
}

.notice_subject a{
    text-decoration:none;
    color:#222;
}

.notice_subject a:hover{
    text-decoration:underline;
}

@media (max-width:768px){

.notice_row{
    grid-template-columns:1fr;
    gap:3px;
}

.notice_icon{
    display:none;
}

.notice_title{
    display:none;
}

.notice_date{
    font-size:12px;
    color:#777;
}

.notice_subject{
    font-size:14px;
}

}

@keyframes smooth-bg {
  0%, 100% { background-color: #01b1a4; }
  50% { background-color: #00ffec; }
}
@keyframes blink-text {
  0%, 49% { color: black; }
  50%, 100% { color: white; }
}
.blink-banner {
  width: 1200px;
  height: 120px;
  animation: smooth-bg 2s ease-in-out infinite;
  display: flex;
  align-items: center;
  justify-content: center;
}
.blink-banner a {
  text-decoration: none;
  font-weight: bold;
  font-size: 2.2em;
  animation: blink-text 1.5s steps(1) infinite;
}
.blink-banner a:hover {
  color: white;
}
.info-row {
  width: 1200px;
  font-weight: bold;
  font-size: 1em;
  text-align: left;
  padding: 10px 0;
}