/*********************************************
* GLOBAL : Common
*********************************************/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700&display=swap');
body { padding:0px ; margin:0 0 0 0; background-color:#FFFFFF;;}
body, table, tr, td, select, textarea, input
{
scrollbar-face-color: #dddddd;
scrollbar-shadow-color: #aaaaaa;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: #999999;
scrollbar-darkshadow-color: #999999;
scrollbar-track-color: #eeeeee;
scrollbar-arrow-color: #ffffff
}
ul {padding-inline-start: 0;}
table,td,SELECT,input,DIV,form,TEXTAREA,center,option,span,pre,br,P,body,html{font-family:굴림,arial;font-size:13px;line-height:150%;color:666666}
img,table {border:0} /* img , table border=0 */
/*********************************************
* GLOBAL : Form
*********************************************/
input {border:1px solid #666666} /* 공통형 input tag*/
select {border:1px solid #666666} /* 공통형 select tag*/
textarea {border:1px solid #666666} /* 공통형 textarea tag*/
.input {border:1px solid #DADADA; background-color:#FAFAFA;} /* 선택형 input tag*/
.select {border:1px solid #666666} /* 선택형 select tag*/
.textarea {border:1px solid #666666} /* 선택형 textarea tag*/
.input1 {border:1px solid #DADADA;} /* 선택형 input tag*/
/*********************************************
* GLOBAL : Contents
*********************************************/
.Cmargin {padding:5 25 25 25} /* 컨텐츠 마진 */
.Ctable {width:600} /* 컨텐츠 테이블 */
.i10 {padding:0 0 0 10} /* 1 depth 들여쓰기(Indent) */
.i20 {padding:0 0 0 20} /* 2 depth 들여쓰기(Indent) */
.i30 {padding:0 0 0 30} /* 3 depth 들여쓰기(Indent) */
.i40 {padding:0 0 0 40} /* 4 depth 들여쓰기(Indent) */
.i45 {padding:0 0 0 45; line-height:20px;} /* 4 depth 들여쓰기(Indent) */
.h10 {padding:10 0 0 0} /* 1 depth 헤딩 마진 */
.h20 {padding:20 0 0 0} /* 2 depth 헤딩 마진 */
.h30 {padding:30 0 0 0} /* 3 depth 헤딩 마진 */
.h40 {padding:40 0 0 0} /* 4 depth 헤딩 마진 */
.label01 {color:003366;font-weight:bold} /* 라벨 1 depth 강조용 */
.label02 {color:336699} /* 라벨 2 depth 강조용 */
.locate01 {font-family:돋움;color:#777777;font-size:11px;} /* 현재위치 기본 */
.locate02 {font-family:돋움;color:#505050;font-size:11px;} /* 현재위치 강조 */
/*********************************************
* GLOBAL : table(border)
*********************************************/
.bg0 {background-color:F4F4FE;height:25;color:444C94} /* border */
.bg1 {background-color:FCF7F6;height:25} /* background 1 depth 강조 */
.bg2 {background-color:ffffff;height:25} /* background 2 depth 강조 */
.bg3 {background-color:F6F6F7;height:25} /* background 3 depth 강조 */
.bg4 {background-color:ffffff;padding:0 0 0 10} /* background 2 depth 강조 */
/*********************************************
* GLOBAL : Link
*********************************************/
a:link {font-family:굴림,arial;font-size:13px; color:#666666; text-decoration:none;word-spacing:-0.1em;letter-spacing:-0.0em; padding-top:3px;} /* Primary Link */
a:visited {font-family:굴림,arial;font-size:13px; color:#666666; text-decoration:none;word-spacing:-0.1em;letter-spacing:-0.0em padding-top:3px;}
a:active {font-family:굴림,arial;font-size:13px; color:#666666; text-decoration:none;word-spacing:-0.1em;letter-spacing:-0.0em padding-top:3px;}
a:hover {font-family:굴림,arial; font-size:13px; color:#666666; text-decoration:underline;word-spacing:-0.1em;letter-spacing:-0.0em padding-top:3px;}
a.link01:link {font-family:굴림,arial;font-size:13px; color:#3d3d3d; text-decoration:none;word-spacing:-0.1em;letter-spacing:-0.1em} /* Secondary Link */
a.link01:visited {font-family:굴림,arial;font-size:13px; color:#3d3d3d; text-decoration:none;word-spacing:-0.1em;letter-spacing:-0.1em}
a.link01:active {font-family:굴림,arial;font-size:13px; color:#3d3d3d; text-decoration:none;word-spacing:-0.1em;letter-spacing:-0.1em}
a.link01:hover {font-family:굴림,arial; font-size:13px; color:#3d3d3d; text-decoration:none;word-spacing:-0.1em;letter-spacing:-0.1em}
/*********************************************
* 추가된 부분
*********************************************/
/* 게시판 부분 상단 라인 색상, 각 템플릿에서 게시판 붙인후 라인색상만 변경해 주면 됨 */
.board_top_line {background-color:#92d6e9;}
.111 {
height: 19px;
width: 140px;
}
.112 {
height: 19px;
width: 200px;
}
.padd_online {padding: 5 5 5 5}
.util {font-family:돋움,윤디자인웹돋움,arial;font:10px; color:#FFFFFF; text-decoration:none;} /* Secondary Link */
a.util:link {font-family:돋움,윤디자인웹돋움,arial;font:10px; color:#FFFFFF; text-decoration:none;} /* Secondary Link */
a.util:visited {font-family:돋움,윤디자인웹돋움,arial;font:10px; color:#FFFFFF; text-decoration:none;}
a.util:active {font-family:돋움,윤디자인웹돋움,arial;font:10px; color:#FFFFFF; text-decoration:none;}
a.util:hover {font-family:돋움,윤디자인웹돋움,arial; font:10px; color:#FFFFFF; text-decoration:underline;}
.port {font-family:돋움,윤디자인웹돋움,arial;font:12px; color:#4C73B4; text-decoration:none;} /* Secondary Link */
a.port:link {font-family:돋움,윤디자인웹돋움,arial;font:12px; color:#4C73B4; text-decoration:none;} /* Secondary Link */
a.port:visited {font-family:돋움,윤디자인웹돋움,arial;font:12px; color:#4C73B4; text-decoration:none;}
a.port:active {font-family:돋움,윤디자인웹돋움,arial;font:12px; color:#4C73B4; text-decoration:none;}
a.port:hover {font-family:돋움,윤디자인웹돋움,arial; font:12px; color:#4C73B4; text-decoration:underline;}
a.menu:link {font-family:굴림,arial;font:9pt; color:#000000; text-decoration:none;word-spacing:-0.1em;letter-spacing:-0.1em} /* Secondary Link */
a.menu:visited {font-family:굴림,arial;font:9pt; color:#000000; text-decoration:none;word-spacing:-0.1em;letter-spacing:-0.1em}
a.menu:active {font-family:굴림,arial;font:9pt; color:#000000; text-decoration:none;word-spacing:-0.1em;letter-spacing:-0.1em}
a.menu:hover {font-family:굴림,arial; font:9pt; color:#ffffff; text-decoration:underline;word-spacing:-0.1em;letter-spacing:-0.1em}
/* 링크할때 두꺼운 텍스트 */
.txt_blue01_b A:link { text-decoration:none; color:#336699; font-weight:bold; line-height: 19px;}
.txt_blue01_b A:visited { text-decoration:none; color:#336699; font-weight:bold; line-height: 19px;}
.txt_blue01_b A:active { text-decoration:none; color:#336699; font-weight:bold; line-height: 19px;}
.txt_blue01_b A:hover {text-decoration:underline; color:#336699; font-weight:bold; line-height: 19px;}
.txt_blue02_b A:link { text-decoration:none; color:#666666; line-height: 19px;}
.txt_blue02_b A:visited { text-decoration:none; color:#666666; line-height: 19px;}
.txt_blue02_b A:active { text-decoration:none; color:#666666; line-height: 19px;}
.txt_blue02_b A:hover {text-decoration:underline; color:#666666; line-height: 19px;}
.txt_gray_01 {font-family:돋움; FONT-SIZE: 11px; color:#7A7A7A; line-height:14px}
.txt_gray_02 {font-family:돋움; FONT-SIZE: 11px; color:#7A7A7A; line-height:16px}
.txt_gray_03 {font-family:윤디자인웹돋움; FONT-SIZE: 11px; color:#7A7A7A; line-height:16px}
.txt_blue_01 {font-family:돋움; FONT-SIZE: 12px; color:#7A7A7A; line-height:14px}
/*텍스트 변형 추가 할때*/
.txt_gray1 {color:#1E69A8}
.txt_gray1 A:link { text-decoration:none; color:#777777}
.txt_gray1 A:visited { text-decoration:none; color:#777777}
.txt_gray1 A:active { text-decoration:none; color:#000000}
.txt_gray1 A:hover {text-decoration:none; color:#777777}
.history_date {font-family:돋움; FONT-SIZE: 12px; color:#000000; padding-right:25px;}
/*윤현필 스타일 추가*/
a.blue1:link {color: #0069D2; line-height: 150%; text-decoration: none;font-weight:bold;FONT-SIZE: 11px}
a.blue1:visited {color: #0069D2; line-height: 150%; text-decoration: none;font-weight:bold;FONT-SIZE: 11px}
a.blue1:active {color: #0069D2; line-height: 150%; text-decoration: none;font-weight:bold;FONT-SIZE: 11px}
a.blue1:hover {color: #0069D2; line-height: 150%; text-decoration: underline;font-weight:bold;FONT-SIZE: 11px}
.title_blue {font-family:돋움; FONT-SIZE: 14px; color:#7A7A7A; line-height:14px;font-weight:bold}
.content_01 {font-family:돋움; FONT-SIZE: 12px; color:#7A7A7A; line-height:18px}
.content_02 {font-family:돋움; FONT-SIZE: 11px; color:#7A7A7A; line-height:18px; word-spacing:-0.1em;letter-spacing:-0.07em;}
/* 메인 */
.fnb a {font-size: 12px; color: #eaeaea;}
.fnb a:first-child {color:#f6b308; margin-right: 5px;}
.fnb a:hover {text-decoration: none;}
/* 개인정보처리방침 */
.privacy_wrap {font-family:윤디자인웹돋움; font-size:13px; color:#333; padding:0 10px;margin-bottom:20px;}
.privacy_wrap h1:before {content:'';width:5px;height: 23px;margin-right: 10px;background: #333;display: inline-block;}
.privacy_info {margin-left: 15px;line-height: 130%;}
.s_tit {font-size: 15px;font-weight: bold;margin-top: 25px;}
.s_tit:before {content:'';width: 10px;height: 10px;background: #333;margin-right: 5px;display: inline-block;transform: translateY(-1px);}
.privacy_info dl dt:before {content:''; width:6px; height: 6px; border-radius:50%; background: #666;display: inline-block;transform: translateY(-2px);margin-right: 5px;}
.privacy_info dl dt {font-weight: 600;}
.privacy_info dl dd {margin-left: 10px;}
.privacy_info dl dd ul {padding-left: 0;list-style: none;}
.privacy_info table {border-collapse: collapse;}
.privacy_info table caption {display: none;}
.privacy_info table th, .privacy_info table td {border:1px solid #ccc;padding: 5px;}
.privacy_info table td {letter-spacing:-0.5px;}
.privacy_info table tr td:nth-child(2) {text-align: center;}
/* 이메일무단수집거부 */
.email_wrap {font-family:윤디자인웹돋움; font-size:13px; color:#333; padding:0 10px;margin-bottom:20px;}
.email_wrap h1:before {content:'';width:5px;height: 23px;margin-right: 10px;background: #333;display: inline-block;}
.email_info {margin-left: 15px;line-height: 130%;}
/* 회원가입-개인정보 수집 및 이용에 대한 안내 */
.provision {border: 1px solid #ccc; overflow:hidden; overflow-y:scroll; padding: 0 10px;font-size: 13px;}
.provision dl dt:before {content:''; width:6px; height: 6px; border-radius:50%; background: #666;display: inline-block;transform: translateY(-2px);margin-right: 5px;}
.provision dl dt {font-weight: 600;}
.provision dl dd {margin-left: 10px;}
.provision dl dd ul {padding-left: 0;list-style: none;}
.provision table {border-collapse: collapse;font-size: 13px;}
.provision table caption {display: none;}
.provision table th, .provision table td {border:1px solid #ccc;padding: 5px;}
.provision table td {letter-spacing:-1px;}
.provision table tr td:nth-child(2) {text-align: center;}
/* 카다로그 PDF 다운로드 */
.category_tit:before {content:'';width:5px;height: 18px;margin-right: 10px;background: #22736d;display: inline-block;}
.category_tit {font-family:윤디자인웹돋움; color:#22736d; font-size: 21px;}
.lnb_depth2 {background-color:#000;}
.lnb_depth2 a { color:#fff; font-size: 12px; padding:4px 14px; display:block;}
/* common */
.header{margin:0 auto;}
.footer{margin:10px auto;}
/* gnb */
.gnb {}
.gnb li {list-style:none;}
.gnb a {text-decoration:none; font-family: 'Noto Sans KR', sans-serif; font-weight:500; color:#f2f2f2; }
.gnb a:hover {text-decoration:none;}
.gnb > li {display:inline-block; position:relative;}
.gnb > li:nth-of-type(1) > a {width:135px}
.gnb > li:nth-of-type(2) > a {width:135px}
.gnb > li:nth-of-type(3) > a {width:180px}
.gnb > li:nth-of-type(4) > a {width:135px}
.gnb > li:nth-of-type(5) > a {width:135px}
.gnb > li:nth-of-type(6) > a {width:135px}
.gnb > li > a {height:50px; line-height:48px; font-size:16px; display:block; text-align:center; box-sizing:border-box; border-bottom: 1px solid #000; transition:background 0.2s linear;}
.gnb > li > a.on {background: rgb(0,73,65); background: linear-gradient(0deg, rgba(0,73,65,1) 0%, rgba(0,128,115,1) 100%); border-bottom: 1px solid #67a19a;}
.gnb > li > ul {position:absolute; left:0px; top:50px; display:none; width:700px; }
.gnb > li:nth-of-type(6) > ul {left:-135px; }
.gnb > li > ul > li {display:inline-block; padding:10px 10px; background-color: #008073; margin:0 -2px;}
.gnb > li > ul > li:first-child{padding-left:30px; margin-left:0;}
.gnb > li > ul > li:last-child{padding-right:30px;}
.gnb > li > ul > li > a {height:20px; font-size:12px; font-weight:300;}
/* main */
*{padding:0; margin:0;}
ul{list-style:none;}
.clearfix:after{content:''; display:block; clear:both;}
.main_cont{
margin:20px auto 0;;
}
.main_visual{
background: url('bg_indexvisual.jpg') no-repeat center center;
width:894px;
height:320px;
margin:0 auto;
overflow:hidden;
}
.main_visual img{
display:inline-block;
margin-top:10px;
}
.banner_top{
position:relative;
height:30px;
padding-top:10px;
}
.banner_top strong{
color:#fff;
}
.banner_top .pager{
position:absolute;
top:11px;
right:20px;
}
.banner_top ul li{
float:left;
margin-left:10px;
}
.banner_top ul li button{
font-size:12px;
letter-spacing:-0.05rem;
background:none;
border:none;
color:#666;
}
.banner_top ul li.slick-active button{
color:#fff;
}
.banner_bottom{
width:400px;
height:128px;
background-color:#333;
}
.bannerwrap{
width:360px;
height:84px;
margin:0 auto;
padding-top:18px;
}
/* sub */
.subvisu_txt_top{color:#1f9a8b; font-size:18px; font-family: 'Noto Sans KR', sans-serif; font-weight:500;}
.subvisu_txt_mid{color:#fff; font-size:28px; font-family: 'Noto Sans KR', sans-serif; font-weight:700;}