@charset "euc-kr";
a { text-decoration: none; }
a:hover { text-decoration:underline; }
input[type="radio" i] { margin: 0px 5px !important; }

/* 2차메뉴 */
.sub_menu {  }
.sub_menu ul {padding: 0;font-size: 0;}
.sub_menu ul li {width: 50%;display: inline-block;font-size: 18px;box-sizing: border-box;/* color: #fff; */background: #fff;text-align: center;line-height: 59px;height: 59px;}
.sub_menu ul li a {text-decoration: none;color: #333;font-weight: 500;width: 100%;display: block;}
.sub_menu ul li.on {background: #e1002c;}
.sub_menu ul li.on a {color: #fff;font-weight:500;}


/* 컨텐츠 비쥬얼 */
#container {height: 300px;background: #999999;}
#subtop-wr {position:relative;}
#svisual-wrap {position:relative;overflow:hidden;height: 300px;}
#svisual-wrap #vis-im-wr {position:relative;max-width:1200px;margin-left:auto;margin-right:auto;}
#svisual-wrap #vis-im-wr .visimg-img {position:absolute;top:0;left:50%;width:2000px;height:410px;overflow:hidden;margin-left:-1000px}
#svisual-wrap #vis-im-wr .visimg-img img {position:absolute;top:0;left:50%;margin-left:-1250px;width:2500px;height:450px;}
.sub-tit {position:absolute;top:190px;left:0;z-index:100;text-align:center;width:100%;}
.sub-tit span {display:block;color:#fff;line-height:1;}
.sub-tit .btxt {font-size: 2.15em;letter-spacing:-0.02em;margin-top: 4px;margin-bottom:10px;font-weight: 600;}
.sub-tit .etxt {font-size:1em;font-weight:400;letter-spacing: 0.07em;}

@media (max-width:1000px){
	#svisual-wrap #vis-im-wr .visimg-img img {-webkit-animation:bgScale 4000ms 1 ease-out; -o-animation:bgScale 4000ms 1 ease-out; animation:bgScale 4000ms 1 ease-out;-webkit-transform:scale(1); -o-transform:scale(1); transform:scale(1);}
}

/* 컨텐츠  */
#container {background: url(/audit/_Img/sub_bg.jpg) no-repeat top;display: block;width: 100%;height: auto;}
#container.sub_bg01 {background: url(/audit/_Img/sub_bg01.jpg) no-repeat top;display: block;width: 100%;height: auto;}
#container.sub_bg02 {background: url(/audit/_Img/sub_bg02.jpg) no-repeat top;display: block;width: 100%;height: auto;}
#container.sub_bg03 {background: url(/audit/_Img/sub_bg03.jpg) no-repeat top;display: block;width: 100%;height: auto;}

#container #contents { background: #fff; position: relative; }
#container #contents:before {content:""; position:absolute;left: -137px;width: 137px;height: 114px;top: 59px;background: url(../_Img/sub_bg_left.jpg) no-repeat 0px 0px;}
#container #contents:after {content: ""; position:absolute;right: -137px;width: 137px;height: 114px;top: 59px;background: url(../_Img/sub_bg_right.jpg) no-repeat 0px 0px;}

#contents-wrap { position:relative ;max-width:1400px; margin:0 auto; top:-60px;}
.sub_slogan {padding: 4% 8% 2%;text-align: center;position: relative;}
.sub_slogan .btxt {display: block;font-size: 1.5em;letter-spacing:-0.05em;margin-top: 4px;margin-bottom: 15px;font-weight: 600;line-height: 1.5em;color: #000;}
.sub_slogan .stxt {display: block;font-size:1em;font-weight:400;line-height: 1.6em;color: #555555;}
.set > .btxt { font-size:20px; line-height:1.7em;color:#000; }

@media (max-width: 768px) {
	#container #contents { margin:0 20px; }
	.sub_slogan { padding: 4% 6%; }
	.sub_slogan .btxt { font-size: 1.1em; margin-top: 20px; line-height: 1.8em;}
}

/* 컨텐츠 타이틀*/
.c-tit01 {position:relative;font-size: 1.8em;color:#323232; padding-left:0px;margin-bottom:15px;line-height:1.3;font-weight: 600;width: 100%;display: block;}
.c-tit01:before {content:"";position:absolute;left: 16%;width: 84%;height: 114px;top: 17px;height:1px;background: #ececec;}
.c-tit01:after {content: "";position:absolute;left: 15%;width: 28px;height: 23px;top: 5px;background: url(../_Img/tit_p.png) no-repeat;}
.c-tit01.over .tit { position: relative; z-index: 9;}
.c-tit01.over:before {left: 21%;width: 79%;z-index: 1;display: block;position: absolute;}
.c-tit01.over:after {left: 260px;display: block;z-index: 2;}

.c-tit02 {font-size:18px;color:#00284c;font-weight:500;border-bottom:1px solid #00284c;display:inline-block;vertical-align:top;line-height:1.3;padding-bottom:8px;margin-bottom:15px}
.c-tit03 {font-size:18px;color:#49586c;padding-left:17px;background:url(/_Img/Content/blt03.gif) no-repeat 0 8px;margin-bottom:10px;line-height:1;font-weight:400;}

@media (max-width: 1400px){
    #container #contents { margin:0 20px;  }

}

@media (max-width: 1200px){
	.pc_view { display: none; }

}

@media (max-width: 999px){
	.c-tit01 {font-size: 28px;padding-left: 0px;margin-bottom:15px;}
	/*.c-tit01:before {content:"";position:absolute;left: 25%;width: 75%;height: 114px;top: 13px;height:1px;background: #ececec;}
	.c-tit01:after {content: "";position:absolute;left: 25%;width: 10px;height: 27px;top: 0px;background: #e1002c;transform: rotate(45deg);}*/

	.c-tit02 {font-size:16px;margin-bottom:10px}
	.c-tit03 {font-size:15px;padding-left:10px;background-position:0 5px}
}
@media (max-width: 699px){
    .c-tit01:after,.c-tit01:before { left: 35%; }
}


/* list 스타일 */
.list-num { margin-top:10px; padding-left:0;}
.list-num li {position: relative;padding-left: 24px;text-align: justify;line-height: 1.8em;padding-bottom: 15px;}
.list-num span.num {background: rgb(218 219 215);color: #fff;font-size: 0.8em;font-weight:400;width: 25px;height: 25px;position: absolute; top: 3px; left: -8px;text-align: center;vertical-align: middle;line-height: 22px;border-radius: 50%;}

.list-box {width: 100%;padding: 0;margin: 0;}
.list-box li {position:relative;float: left;display: inline-block;width: 43.5%;border: 1px solid #e5e5e5;padding: 2% 2.5% 2% 3.3%;margin: 0 1% 1% 0;min-height: 100px;}
.list-box li::before {width:10px;left: 21px;color:#e1002c;}
.list-box li:last-child { margin: 0 4% 2% 0 !important; }
.list-box li:nth-child(1):before { position:absolute; content:"1."; }
.list-box li:nth-child(2):before { position:absolute; content:"2."; }
.list-box li:nth-child(3):before { position:absolute; content:"3."; }

.list-box2 {width: 100%;padding: 0;margin: 0;}
.list-box2 li {position:relative;display: inline-block;width: 22%;margin: 0 4% 0 0;float: left;}
.list-box2 li:before {content:"";position:absolute;width:33px;height:49px; right: -38px; top:28% ; background: url(../_Img/arrow.png) no-repeat;}
.list-box2 li:last-child:before { content:"";position:absolute; background:none !important; }
.list-box2 li:last-child { margin: 0; }
.list-box2 li .tit {position: absolute;top:120px;left: 0;width:245px;height: 40px;text-align:center;font-size: 22px;font-weight: 600;color: #fff;padding-top: 29px;}
.list-box2 li .tt {padding-top: 15px;width: 100%;display: block;line-height: 1.65em;font-size: 1em;letter-spacing:-1px}

.list-box-w3 {width: 100%;padding: 0;margin: 0;}
.list-box-w3 li {position:relative;float: left; display: inline-block;width: 26.6%;border: 1px solid #e5e5e5;padding: 2% 2.8% 2%;margin: 0 1% 1% 0;min-height: 90px;height: 90px;}
.list-box-w3 li > span { display: block; width: 80%; }
.list-box-w3 li:nth-child(3n) {margin:0;}
.list-box-w3 li:before {content:'';position:absolute;width: 60px;height: 60px;right: 15px;bottom:15px;background-color: #f3f3f3;border-radius: 50%;}
.list-box-w3 li:after {position:absolute;width: 61px;height: 61px;right: 27px;bottom:27px;}
.list-box-w3 li:nth-child(1):after {content:'';background: url(../_Img/operation_ico01.png) no-repeat;}
.list-box-w3 li:nth-child(2):after {content:''; background: url(../_Img/operation_ico02.png) no-repeat; }
.list-box-w3 li:nth-child(3):after {content:''; background: url(../_Img/operation_ico03.png) no-repeat; }
.list-box-w3 li:nth-child(4):after {content:''; background: url(../_Img/operation_ico04.png) no-repeat; }
.list-box-w3 li:nth-child(5):after {content:''; background: url(../_Img/operation_ico05.png) no-repeat; }
.list-box-w3 li:nth-child(6):after {content:''; background: url(../_Img/operation_ico06.png) no-repeat; }
.list-box-w3 li:nth-child(7):after {content:''; background: url(../_Img/operation_ico07.png) no-repeat; }
.list-box-w3 li:nth-child(8):after {content:''; background: url(../_Img/operation_ico08.png) no-repeat; }


@media (max-width: 1360px){
	.set2 {width: 100%;padding-left: 0%;}
}

@media (max-width: 1200px){
    .list-num span.num { width: 22px;height:22px; }
	.list-box li {width: 90%;padding-left: 30px;}
	.list-box li:before {left: 14px;margin-left: 0px;}

	.list-box-w3 li {  }
	.list-box-w3 li:before {right: 15px !important;bottom: 15px;}
	.list-box-w3 li:after {background-size: 80% !important;right: 5px;bottom: 0px;}
}

@media (max-width: 1109px){
	.list-box2 li {width:42%;margin: 0 4% 2% 4%;}
	.list-box2 li:last-child {margin: 0 4% 2% 4%;}
}

@media (max-width: 699px){
    .list-num span.num { width: 22px;height:22px; }
	.list-box li {width: 90%;padding-left: 30px;}
	.list-box li:before {left: 14px;margin-left: 0px;}

	.list-box-w3 li {width: 94%;padding-left: 20px;min-height: 40px;}
	.list-box-w3 li:before { margin-left: 0px;}
	.list-box-w3 li:nth-child(3n) {margin: 0 1% 1% 0;}
	.list-box-w3 li:nth-child(2n) {margin: 0 0 1% !important;}
}

@media (max-width: 600px){
	.list-box2 {margin:0 auto;text-align:center}
	.list-box2 li {width: 100%;margin-bottom:60px;}
	.list-box2 li:before {left:50%; top:100% ; background: url(../_Img/arrow.png) no-repeat;-ms-transform: rotate(90deg); /* IE 9 */-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */transform: rotate(90deg);}
	.list-box2 li .tit {position: absolute;top:120px;left: 50%;width:100%;margin-left:-50%}
}

@media (max-width: 499px){
	.list-box-w3 li {width: 88%;padding-left: 30px;}
	.list-box-w3 li:nth-child(3n),.list-box-w3 li:nth-child(2n) {margin: 0 0% 4% 0  !important;}

	.c-tit01:after, .c-tit01:before { left: 48%; }
}


/* 리스트 스타일 */
.c-list01 { padding-inline-start: 0px; text-align: left;}
.c-list01 li, .c-list01-li {position:relative;font-size:1em;padding-left:14px;margin:5px 0;color:#666;}
.c-list01 li:before, .c-list01-li:before {content:"";position:absolute;top:14px;left:0;width:3px;height:3px;background:#2b405b;}
.c-list01 li ul {margin-top:6px}
.c-list01 li ul li {font-size:0.938em;color:#777;margin:0}
.c-list01 li ul li:before {width:5px;height:1px;top:14px;background:#888;}
.c-list01 li .tit {color:#2b405b;font-weight:500;}
.c-list01 li .tit-sec {position:relative;display:inline-block;min-width:40px;color:#2b405b;font-weight:500;padding-right:20px;margin-right:15px;}
.c-list01 li .tit-sec:after {content:'';position: absolute;right:0;top:50%;width:1px;height:14px;margin-top:-7px;background:#cbcbcb;}

@media only screen and (max-width:999px){
	.c-list01 li, .c-list01-li {padding-left:10px;margin:3px 0;}
	.c-list01 li:before, .c-list01-li:before {top:11px}
	.c-list02 li, .c-list02-li {padding-left:10px;margin:3px 0;}
	.c-list03 li, .c-list03-li {margin:4px 0 5px;padding-left:24px}
	.c-list03 li .num {margin-top:6px;width:18px;height:18px;line-height:18px;font-size:10px}
	.c-list03 li ul li {padding-left:10px;margin:0 0 0 5px;}
	.c-list04 li, .c-list04-li {margin:4px 0;}
	.c-list04 li .num {margin-top:3px;width:18px;height:18px;line-height:18px;;font-size:10px}
	.c-list04 li ul li {padding-left:10px;margin:0 0 0 5px;}
}

@media (max-width: 999px){
    .set {width: 100%;padding-left: 0%; font-size:16px;}
    .set .list-num { padding-left: 13px; }
}

.info-ex, .info-ex02 {font-size:16px;padding: 0px 0 5px 29px;font-weight:400;margin: 0;display: inline-block;}
.info-ex {background:url(../_Img/ico_ex.png) no-repeat 0 3px;color:#666;}
.info-ex02 {background: url(../_Img/ico_ex02.png) no-repeat 0 3px;color: #e1002c;}
.info-ex03 {background:url(../_Img/ico_ex03.png) no-repeat 0 3px;color:#0472bf;}


/* textbox 스타일*/
.t-box { background:#ffffff  url(../_Img/t-box_bg.gif) left center; margin:0 0 10px; padding-left:8px; padding:3px; letter-spacing: -0.02em !important; padding: 10px 10px !important;}
.t-box-inner { background:#ffffff; padding:25px 30px; }
.t-box-inner h4 {margin: 0;font-size: 22px;letter-spacing: -1px;color: #e1002c;}
.t-box-inner ul {margin-bottom: 0; padding:0;}

@media (max-width: 999px){
    .t-box-inner ul {  }
}



/* 제보하기 */
table input {display: inline-block;vertical-align: middle;margin-top: 0;line-height: 1.5em;font-size: 16px;height: 40px;padding-left: 10px;margin: 0 auto;box-sizing: border-box;border: 1px solid #bbb;border-radius: 2px;margin: 5px 0;}
table input #tradeType001 {  }
table select {width: 45%;box-sizing: border-box;vertical-align: top;min-width: 80px;}
table label {vertical-align: middle;line-height: 24px;}
.select-box {width: 25%;height: 40px;line-height: 1.5em;font-size: 16px;padding: 1px 2px;display: inline-block;vertical-align: middle;margin-top: 0;padding-left: 10px;margin: 0 auto;box-sizing: border-box;border: 1px solid #bbb;border-radius: 2px;}
textarea {box-sizing: border-box;border: 1px solid #bbb;border-radius: 2px;margin: 5px 0;line-height: 1.7em;font-size: 16px;padding-left: 10px;font-family: sans-serif;}
.chk-wr { display: block; padding-top: 12px; }

.form-wrap {font-size:0px;position: relative;margin-top: 47px;}
.form-wrap .tit {font-size:15px;/* height: 30px; *//* line-height: 30px; */display: inline-block;margin-top: 10px;}

.box_st02{ border:#ddd solid 1px; padding: 20px 35px;; line-height:1.5}


.fileBox .file_list:first-child .input_file_list {margin-top:10px }
.fileBox .file_list .input_file_list {display:block; vertical-align: top; margin-right:20px; font-size:14px; }
.fileBox .file_list .input_file_list .file_name { display: inline-block; padding-top:6px;}
.fileBox .file_list .input_file_list a { background: url('../images/sub/icon_del.png') 0 0 no-repeat; background-size: 14px; font-size: 0; width: 14px; height: 14px; display: inline-block;vertical-align: middle; margin-left:4px;}
.fileBox .file_list label.btn_small {min-width:110px}

.btn_small {display:inline-block;min-width:124px;height:48px;line-height:46px;padding:0 24px;vertical-align:middle}
.btn_small span {position:relative;top:0;  left:1px;display:inline-block;font-size:16px;letter-spacing:0px}
.btn_small .btn_ico {position:relative;top:-2px;margin:0 2px 0 -2px;vertical-align:middle}
.btn_small:active span {position:relative;top:0;left:1px}
.btn_small:disabled:active span {position:relative;top:-1px;left:0}
.fileBox label.btn_small {display:inline-block;min-width:84px;height: 38px;padding: 0 14px;text-align: center;line-height: 38px;cursor: pointer;}
.fileBox label.btn_small span {font-size: 16px;}
.fileBox .fileName { display:inline-block; width:467px; max-width: 100%; padding-left:20px; margin-right:2px; height: 40px; line-height:40px; border:1px solid #bbb; background-color:#fff; vertical-align:middle; }
.form_info {display:block;font-size:14px;letter-spacing:0px;color:#808080!important;margin-top:5px} /*제보하기*/
.form_info span {display:block;padding-left:9px;text-indent: -9px}
.fileBox input[type="file"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}


.thisSub h2.h2{padding:40px 0 60px 0;font-size:20px;line-height:30px;color:#2b2b2b;}