*{font-family: 'Noto Sans KR', sans-serif;box-sizing: border-box;}
html,body{position:relative;width:100%;height:100%;margin:0;padding:0;}
.clearfix:before,.clearfix:after{content:"";display:block}.clearfix:after{clear:both;visibility:hidden;line-height:0;height:0}.clearfix{*zoom:1}
img{max-width:100%;}
select{
	font-size:16px;padding:10px 0;
	background:url('/resource/images/diag/bg_select.png') right center no-repeat;
	border-style:none none;color:#292929; font-weight:700;
	appearance:none;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;
}
input {color:#5e5e5e; font-size:14px; padding:0; border-style:none none;color:#000;
appearance:none;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none; width:100%;}
input.ty1 {width:900px;}
ul,ol,dl{margin:0;list-style:none;padding:0;}

.table {width:888px;}
.table > thead > tr > th {padding:10px 10px; background:#fff; font-weight:700; font-size:15px; color:#292929;}
.table > tbody > tr > td {padding:20px 10px; border-bottom:1px dotted #bfbfbf; vertical-align: middle;white-space: normal;overflow: hidden; text-overflow: ellipsis; line-height:1.5; height:3em; font-size:16px; letter-spacing: -1px; color:#636363; }
.table > tbody > tr > td.check {color:#ff0909;font-weight: 700;}
.table > tbody > tr > td > span.bg_color:hover {background:#ffe400;color:#000;font-weight: 700;}
.star_sel {padding:0; display:inline-block; vertical-align: middle; }
.star_sel.top_p {padding:9px 0 0 0;}
.star_sel .dafault_bg {position:relative; background:#ddd;}
.coverletter .listTable td span {font-weight:700;}
.tbl-type table tbody td span {vertical-align: middle;}
.star_sel span {width:24px; height:24px; display:block; float:left; position:relative; z-index:1; background:url('/resource/images/diag/star_bg.png') no-repeat left top; background-size:100%;}
.star_sel span input {width:100%;height:24px;left:0; opacity: 0; cursor:pointer;}
input[type="radio"] {vertical-align: middle;margin-top:-2px; margin-right:2px;}
.star_sel .dafault_bg .bar {position:absolute;top:0; bottom:0; left:0; background:#000; transition: .3s ease all;}
.star_sel .dafault_bg:after {content:""; display:block; clear:both;}
.star_sel:after {content:""; display:block; clear:both;}
.center {text-align: center;}
.rb_a a {font-weight:700;padding:5px 15px; color:#757575;background:#e5e5e5; text-decoration: none; }
.rb_a.on a {background:#ff3875; color:#fff;}

.ctain-fluid{position:relative;width:100%;}
.ctain{position:relative;width:1160px;margin:0 auto;}
.ctain h2 {display:block; margin:0 auto 50px auto; text-align: center;}
div.flex {display:flex;}
ul.flex {display:flex;text-align: center;}
.block {display:block;}
p.tit {font-size:22px; line-height: 26px; margin:0 0 30px 0;}
p.tit.width_p {width:900px;}
p.tit.width_100 {width:100%;}
p.tit.wh, span.s_tit.wh {color:#fff;}
.s_tit {font-size:14px; color:#757575;line-height: 18px; letter-spacing: -1px;}
.font_14{font-size:14px; margin:5px 0 0 0;}
.font_17{font-size:17px;margin:10px 0 0 0}
.font_24 {font-size:24px; line-height: 30px;}
.strong {font-weight:700;}
span.red_color {color:#ff0909;}
span.b_color {color:#000;}
.num {font-size:34px;color:#665b00;font-weight: 400;margin:0;}
.right {position:absolute;right:0;}

.grey {color:#757575;}
.white {color:#fff;}
.bold {font-weight: 700;}
.header{background:#fff url(/resource/images/diag/header_bg.png) no-repeat; background-position:top; padding:50px 0;}
.header.sub{background:#fff url(/resource/images/diag/header_sub_bg.png) no-repeat; background-position:top;}
.r_tit {width:320px;margin:20px 0 0 0; letter-spacing: -1px;}
.h_tit {font-size:35px; letter-spacing: -1px; display:flex; justify-content:space-between; margin:0 0 120px 0;}
.h_tit.sub {margin:0 0 30px 0;}
.h_tit .s_t {font-size:16px; color:#000; margin:20px 0 0 0; letter-spacing: 3px;}
.i1 {margin:-5px 0 0 0;}
.rolling_box{margin:-10px;}
.rolling_box li {text-align: left; margin:10px;letter-spacing: -1px;}
.rolling_box li img {-webkit-filter: grayscale(100%);filter: gray; margin:30px 0 0 0;}
.rolling_box li.on>p{color:#000;}
.rolling_box li.on>p span.red {color:#ff0909;font-weight:700;}
.rolling_box li.on img {-webkit-filter: grayscale(0%);filter: none;}
.notice {font-size:14px; letter-spacing: -1px; color:#757575; float:right; text-align: right;margin:34px 0 0 0; line-height: 26px;}
.list_box {border-top:solid 2px #000;padding:30px 0; }
.dumb {margin:0 0 10px 0;}
.b_tit {width:272px; font-size:17px;}
.b_tit.mar {margin:0 0 40px 0;}
.cursor{cursor: pointer;}
.cont_between {justify-content:space-between;}
.mar_top {margin:70px 0 0 0;}
.mar_right {margin:0 30px 0 0;}
.mar_left {margin:0 0 0 20px;}
.good {color:#ff0909; background:#e8e8e8; padding:10px 0; border-radius:3px;letter-spacing: -1px; width:85px; text-align:center; display:inline-block}
.bad {color:#fff; background:#000; padding:10px 0; border-radius:3px;letter-spacing: -1px; width:85px; text-align:center; display:inline-block;}
.blue {color:#fff; background:#3361f5; padding:10px 0; border-radius:3px;letter-spacing: -1px; width:300px; text-align:center; display:inline-block;}
.top0 {margin:0;}
.bor-bottom{border-bottom:dotted 1px #bfbfbf;}
.line_box {padding:30px 0;}
.padding0 {padding:0;}

ul.need_area {margin:-10px;float:right;}
ul.need_area li {margin:10px;}
ul.need_area li select {border-bottom:solid 2px #000; width:200px; padding:10px 0;}
.pre_wrap{background:#fff; padding:50px 0;}
.table_wrap {background:#fff; padding:50px 0;}
ul.f_table {padding:30px 0 30px 35px; display:inline-block;}
ul.f_table li { padding:7px 10px 7px 0; border-bottom:dotted 1px #9f9f9f; float:left; margin:0 35px 0 0;}
ul.f_table li:last-child {border:none;}
ul.f_table li.per_50 {width:46%; display:flex;justify-content:space-between;}
ul.f_table li.per_100 {width:calc(92% + 35px); display:inline-block; display:flex;}
ul.f_table li.per_100>p.grey {width:150px; display:inline-table;}
.btn_area {width:200px;font-size:16px; font-weight: 700; color:#000; padding:10px 0; border-bottom:solid 2px #000; text-decoration: none; float:right; margin:30px 0 0 0;}
span.view_ico {background:url(/resource/images/diag/view_ico.png) no-repeat 50% 50%; float:right; display:block; width:25px; height:25px;}
.sub_noti {font-size:14px; color:#000; letter-spacing: -1px; font-weight: 700;}

.pop_wrap {padding:0; }
.pop_cont {background:#fff;font-size:15px;border:solid 1px #ddd; padding:20px 0 0 0; overflow: hidden;}
.pop_size {width:260px; height:152px;}
.pop_txt {font-size:15px; color:#757575; letter-spacing: -1px; text-align: center; margin:15px 0 28px 0;}
.ok_btn {width:100%; padding:10px 0; background:#ffe400; color:#000; font-weight: 700; display:inline-block; text-align: center; text-decoration: none; float:left; border-right:solid 2px #fff;}
.ok_btn2 {width:100%; padding:10px 0; background:#ffe400; color:#000; font-weight: 700; display:inline-block; text-align: center; text-decoration: none; }
.check_img {position:absolute;top:183px; left:85px;}



.modal.in .modal-dialog, .modal .modal-dialog.ty11 {width:260px !important; margin:300px auto 0 auto;;}

.que {width:300px;}
.res {position:absolute; right:300px;}

.progress_area {width:220px; height:7px; background:#fff; margin:50px 0 0 0;}
.pg_bar {height:100%; display:block; background:#ff0909;}
.pg_bar.step1 {width:33.3%;}
.pg_bar.step2 {width:66.6%;}
.pg_bar.step3 {width:100%;}



@media screen and (max-width: 1024px){
	.ctain{width:90%;}
	.ctain.wid100{width:100%;}
	.fav_wrap .fav_item{width:30%;}
	.swiper-button-prev, .swiper-button-next{display:none;}
	.swiper-pagination {display:block;}

	.swiper-pagination {display:block;}
	.swiper-button-prev1, .swiper-button-next1{display:none !important;}
	.swiper-button-prev2, .swiper-button-next2{display:none !important;}
}

@media screen and (max-width: 768px){
	.table {width:100%;}
	.m_hide {display:none;}
	select {font-size:13px;}
	input.ty1 {width:100%;font-size:13px;}
	div.flex, ul.flex {display:block;}
	p.tit {width:100%; margin:0 0 40px 0; font-size:20px; text-align: left;}
	p.tit.width_p{width:100%;}
	.s_tit {font-size:13px;}
	.font_14 {font-size:12px;}
	.font_15 {font-size:13px;}
	.font_17 {font-size:15px;}
	.font_24 {font-size:18px;}
	.header {padding:30px 0; background:#ffe400;}
	.h_tit {display:block;font-size:25px; text-align: center; margin:0 0 20px 0;}
	.h_tit .s_t {font-size:13px;letter-spacing: -1px;}
	.r_tit {text-align: center;margin:0 0 30px 0;width:100%;}
	.i1 {display:none;}
	.rolling_box li {text-align: center;}

	ul.need_area { float:inherit;display:block;}
	ul.need_area li {width:93%; float:left;}
	ul.need_area li select {width:100%;}
	.notice {font-size:13px;}

	.list_box {padding:30px 0;}
	.table > tbody > tr > td {font-size:13px;width:100%;}
	.dumb {margin:0 0 30px 0;}
	.b_tit {margin:0;font-size:14px;}
	.num {font-size:20px;}
	.btn_area {font-size:14px; margin:0 auto;}
	.sub_noti {font-size:13px; text-align: center;}
	.line_box{padding:20px 0;}
	.padding0{padding:0;}
	.db {display:inline-block; margin:0 0 30px 10px; width:100%;}
	.m_bottom {margin:0;}
	.mar-top {margin:30px 0 0 0;}
	.mar_left {margin:0 0 0 10px;}
	.b_tit {width:100%;}
	.pop_size {width:100%; height:auto;}
	.check_img {display:none;}
	.pop_cont {font-size:13px;}
	.pop_txt {font-size:13px;}
	.blue {width:95%;}


	.swiper-pagination {display:block;}
	.swiper-button-prev1, .swiper-button-next1{display:none !important;}
	.swiper-button-prev2, .swiper-button-next2{display:none !important;}

	.modal.in .modal-dialog, .modal .modal-dialog.ty11 {width:100% !important; margin:50px auto 0 auto;}

	.progress_area {width:100%;}
	.btn_area {width:100%;}

}

@media screen and (max-width: 420px){
	.swiper-button-prev1, .swiper-button-next1{display:none !important;}
	.swiper-button-prev2, .swiper-button-next2{display:none !important;}

	.swiper-pagination-fraction{color:#1e3698;}
	.swiper-pagination {display:block;}

}
/*팝업*/
.modal {position:fixed; top:0; right:0; bottom:0; left:0; z-index:600000; display:none; overflow:auto; overflow-y:scroll;background-color:rgba(225, 225, 225, 0.7);}