@charset "UTF-8"; 

/********************************
 제목
 *******************************/
h3 {margin-top:40px; margin-bottom:5px;}
h3:first-child {margin-top:0;}
h3 + h4 {margin-top:0;}
h4 {margin-top:24px; margin-bottom:6px;}
h5 {margin-top:10px; margin-bottom:5px;}

.tith3 {position:relative; padding-left:30px; font-size:2.7rem; font-family:'OneMobile'; font-weight:500; color:#222;}
.tith3:before {content:''; display:block; position:absolute; top:12px; left:0; width:25px; height:16px; background:url(../images/bulIr.png) 0 0 no-repeat;}

.tith4 {position:relative; font-size:2.4rem; font-family:'OneMobile'; font-weight:500; color:#246BB9;}
.tith5 {font-size:2.2rem; font-family:'OneMobile'; font-weight:500; color:#333;}




/* media query */
@media screen and (max-width:1200px) {
}

@media screen and (max-width:1024px) {
	h3 {margin-top:30px;}
	h4 {margin-top:20px;}
}

@media screen and (max-width:920px) {
	.tith3 {font-size:2.4rem;}
	.tith3:before {top:9px;}
	.tith4 {font-size:2.2rem;}
	.tith5 {font-size:2.0rem;}
}

@media screen and (max-width:767px) {
}

@media screen and (max-width:640px) {
}

@media screen and (max-width:480px) {
	h3 {margin-top:25px;}
	h4 {margin-top:16px;}
	.tith3 {font-size:2.2rem;}
	.tith4 {font-size:2.0rem;}
	.tith5 {font-size:1.8rem;}
}

/********************************
 본문 박스
 *******************************/
.tboxWrap {border-top: 1px solid #222;}
.tboxInner {padding:35px 0; border-bottom: 1px solid #ddd; display:flex;}
.tbox_tit {font-size:2.2rem; font-weight:600; letter-spacing:-.5px; line-height:1.45; padding-left:35px; width:200px; box-sizing:border-box;}
.tbox_sub {letter-spacing:-.5px; flex:1; line-height:1.6;}

.tboxWrap.long .tbox_tit {width:250px;}


@media screen and (max-width:767px) {
	.tboxInner {padding:25px 0; flex-direction:column;}
	.tbox_tit {width:100%; padding-left:0; margin-bottom:5px; font-size:2.0rem;}
	
	.tboxWrap.long .tbox_tit {width:100%;}
}

@media screen and (max-width:480px) {
}


/********************************
 주의사항(안내)
 *******************************/
.tip {position:relative; padding-left:25px;}
.tip:before {content:''; display:inline-block; position:absolute; left:0; top:4px; width:20px; height:20px; background:#222 url(../images/tip_ir.png) -1px -1px no-repeat; border-radius:7px;}
.tip.blue {color:#316cf2;}
.tip.blue:before {background-color:#316cf2 !important;}
.tip.red {color:#f24331;}
.tip.red:before {background-color:#f24331 !important;}
.tip.green {color:#0e8e0e;}
.tip.green:before {background-color:#0e8e0e !important;}
.tip.check:before {background-color:unset; background-position:-24px -1px;}
.tip.bg {display:inline-block; padding:3px 15px 3px 38px; background-color:#f3f3f3; border-radius:50px;}
.tip.bg:before {left:12px; top:7px; background-color:#534c49;}

.tip.minT {padding-left:23px; font-size:1.5rem; line-height:1.5;}
.tip.minT:before {top:2px; width:18px; height:18px; background:#222 url(../images/tip_ir.png) -2px -2px no-repeat; border-radius:6px;}


/*테이블 - 주의사항*/
.tbl_tip {display:block;}
.tbl_tip .tip {display:inline-block; margin-bottom:0; text-align:left;}
.tbl_tip .tip:before {top:2px;}

/*텍스트 포인트컬러*/
.bold {font-weight:600;}
.pc_black {color:#333 !important;}
.pc_red {color:#d52604 !important;}
.pc_green {color:#00652b !important;}
.pc_blue {color:#006cbd !important;}
.pc_pink {color:#e50091 !important;}
.pc_org {color:#ff740e !important;}

/*리스트안 주의사항*/
ul li .tip:before,
ol li .tip:before {top:4px;}

/* media query */
@media screen and (max-width:1024px) {
	.tip.bg {border-radius:30px;}
}
@media screen and (max-width:920px) {
}

@media screen and (max-width:767px) {
	.tip {padding-left:23px;}
	.tip:before {width:18px; height:18px; background:#222 url(../images/tip_ir.png) -2px -2px no-repeat; border-radius:6px;}
	.tip.check:before {background-position:-47px -1px;}
	.tip.bg {padding:5px 10px 5px 42px;}
	.tip.bg:before {left:20px; top:9px;}
	
}

@media screen and (max-width:640px) {
	
}

@media screen and (max-width:480px) {
}



/********************************
 탭스타일
 *******************************/
 /*1차 탭*/
.tab_box {margin-bottom:30px; margin-top:1px; margin-left:-10px;}
.tab_box:after {content:''; display:block; visibility:hidden; clear:both;}
.tab_box li {position:relative; display:table; float:left; width:25%; height:100%; padding-left:10px; padding-top:10px; vertical-align:middle;}
.tab_box li a {display:table-cell; height:60px; cursor:pointer; color:#666; vertical-align:middle; line-height:1.0; border-radius:10px; border:1px solid #cacaca; text-align:center; box-sizing:border-box;}

.tab_box li a:hover, .tab_box li a:active, .tab_box li a:focus {color:#222; border-color:#333; transition: all 0.1s linear;}
.tab_box li.tab_on a {color:#fff; border-color:#333; background-color:#333; font-weight:500;}
.tab_box li a span {display:block; padding:4px 0 2px; font-size:2.0rem; font-family:'OneMobile'; line-height:1.2;}

.tab_box.tab_col5 li {width:20%;}
.tab_box.tab_col4 li {width:25%;}
.tab_box.tab_col3 li {width:33.3333%;}
.tab_box.tab_col2 li {width:50%;}
.tab_box.tab_col1 li {width:33.3333%;}




/*2차 탭*/
.tab_outside {position:relative; margin-bottom:30px; padding:20px 20px 0; }
.tab_outside:before {content:''; display:block; position:absolute; left:0; bottom:0; width:100%; height:1px; background-color:#d8d8d8; /*z-index:1;*/}
.tab_outside:after {content:''; display:block; visibility:hidden; clear:both;}
.tab_box2 {margin-top:1px; margin-left:1px;}
.tab_box2:after {content:''; display:block; visibility:hidden; clear:both;}
.tab_box2 li {position:relative; display:table; float:left; padding:2px 2px 0; min-width:100px; height:100%; vertical-align:middle;}
.tab_box2 li a {position:relative; display:table-cell; height:46px; cursor:pointer; color:#444; text-align:center; vertical-align:middle; line-height:1.0; border-width:1px; border-style:solid; border-color:#cacaca; border-radius:15px 15px 0 0; background-color:#f5f5f5;}
.tab_box2 li a:hover, .tab_box2 li a:active, .tab_box2 li a:focus {color:#121212; background-color:#d1d1d1; transition: all 0.1s linear;}
.tab_box2 li.tab_on a {color:#121212; border-color:#121212; background-color:#fff; text-decoration:none; border-bottom-color:#fff; font-weight:500; z-index:2;}
.tab_box2 li.tab_on a:after {content:''; visibility:visible; display:block; position:absolute; bottom:0; left:50%; margin-left:-5px; width:0; height:0; border:solid transparent; border-width:5px; border-color:rgba(0,125,198,0); border-top-color:#121212; transform-origin:center; transition: all 0.2s ease;}
.tab_box2 li a span {display:block; padding:3px 15px 0 ; font-size:1.7rem; line-height:1.2;}


/* media query */
@media screen and (max-width:1200px) {
	.tab_box.tab_col5 li {width:25%;} /*탭:조정*/
}

@media screen and (max-width:1024px) {
}

@media screen and (max-width:920px) {
	.tab_box.tab_col5 li {width:33.3333%;} /*탭:조정*/
	.tab_box.tab_col4 li {width:50%;} 
	.tab_box.tab_col3 li {width:50%;}
	.tab_box.tab_col1 li {width:50%;}
}

@media screen and (max-width:767px) {	
	.tab_box li a span {padding:7px 0 2px; font-size:1.8rem;}
	
	.tab_outside {padding:15px; border:1px solid #ddd; border-radius:10px;}
	.tab_outside:before {display:none;}
	.tab_box2 {display:flex; flex-wrap:wrap; margin:0; gap:5px;}
	.tab_box2 li {display:block; float:none; padding:0; width:calc(33.3333% - 5px); min-width:inherit;}
	.tab_box2 li a {display:block; padding-left:10px; height:auto; border:none; background:none; text-align:left; border-radius:2px;}
	.tab_box2 li a:hover, .tab_box2 li a:active, .tab_box2 li a:focus {color:#246BB9; background-color:unset;}
	.tab_box2 li a:before {content:''; position:absolute; left:0; top:calc(50% - 2px); width:4px; height:4px; border-radius:10px; background-color:#444;}
	.tab_box2 li a:hover:before, .tab_box2 li a:active:before, .tab_box2 li a:focus:before {background-color:#246BB9;}
	.tab_box2 li.tab_on a {border-bottom-color:inherit; color:#246BB9;}
	.tab_box2 li.tab_on a:before {background-color:#246BB9;}
	.tab_box2 li.tab_on a:after {display:none;}
	.tab_box2 li a span {padding:0;}
}

@media screen and (max-width:640px) {
	.tab_box.tab_col5 li {width:50%;} /*탭:조정*/
	.tab_box.tab_col4 li, .tab_box.tab_col3 li, .tab_box.tab_col2 li, .tab_box.tab_col1 li {width:100%;}
	
	.tab_box li a span {padding:0;}
	
	/*탭 - 반응형셀렉트*/
	.tab_select {display:flex; flex-wrap:wrap; justify-content:flex-start; position:relative; height:auto; margin:10px 0 25px;}
	.tab_select li {width:100% !important;}
	.tab_select,
	.tab_select.on li,
	.tab_select li.tab_on {transition:all 0.2s;}
	.tab_select.on li,
	.tab_select li.tab_on {visibility:visible; overflow:visible; height:auto; opacity:1;}
	.tab_select li {visibility:hidden; overflow:hidden; padding:0; display:block; float:none; width:100%; height:0; right:0; opacity:0;}
	.tab_select li a {display:block; padding:15px 50px 13px 15px; text-align:left; height:auto; background:url(../images/sub/select_arrow_w.png) right 20px center no-repeat;}
	.tab_select li a:hover,
	.tab_select li a:focus {background:#e6e6e6 url(../images/sub/select_arrow.png) right 20px center no-repeat; border-color:#cacaca;}
	.tab_select li.tab_on a:hover,
	.tab_select li.tab_on a:focus {background:#333 url(../images/sub/select_arrow_w.png) right 20px center no-repeat; border-color:#333;}
	.tab_select li.tab_on a:hover,
	.tab_select li.tab_on a:focus {background-color:#333;}
	.tab_select.on li a {border-radius:10px 10px 0 0;}
	.tab_select.on li:nth-child(n+2) a {border-radius:0; margin-top:-1px;}
	.tab_select.on li:last-child a {border-radius:0 0 10px 10px;}
}

@media screen and (max-width:480px) {	
	.tab_box.tab_col5 li {width:100%;} /*탭:조정*/
	
	.tab_box2 li {width:100%;}
}


/********************************
 리스트타입
 *******************************/
/*리스트 박스*/ 
.box {padding:10px 20px; background-color:#f0f0f0; border-radius:10px;}

/*리스트 짧을때*/
ul.half {display:flex; flex-wrap:wrap;}
ul.half > li {width:50%;}

/*기본 UL 4단계*/
.list {text-align:left;}
.list li {position:relative; padding-left:18px;}
.list li:before {content:''; display:block; position:absolute; top:9px; left:3px; width:10px; height:10px; background-color:#fff; border:3px solid #246BB9; border-radius:5px; box-sizing:border-box;}
.list li ul,
.list li ol {margin:5px 0 10px;}
.list li li {padding-left:10px;}
.list li li:before {content:''; display:block; position:absolute; top:13px; left:-1px; width:6px; height:2px; background-color:#028b22; border:none;}

.list li li li {padding-left:10px; font-size:1.6rem;}
.list li li li:before {content:''; display:block; position:absolute; top:11px; left:-1px; width:4px; height:4px; background-color:#e79152; border-radius:3px;}

.list li li li li {padding-left:10px;}
.list li li li li:before {content:''; display:block; position:absolute; top:12px; left:-1px; width:5px; height:2px; background-color:#777;}

/*숫자*/
.num > li:before,
.numOne > li:before,
.numTxt > li:before {display:none !important;}

.num > li > i,
.numOne > li > i,
.numTxt > li > i {display:inline-block; position:absolute; left:0; line-height:24px; text-indent:-1px; width:22px; height:22px;}

.num > li {padding-left:24px !important;}
.num > li > i {display:inline-block; position:absolute; left:0; top:2px;  line-height:24px; text-indent:-1px; width:22px; height:22px; color:#246BB9; font-weight:600;}

.numOne > li {padding-left:28px !important;}
.numOne > li > i {top:3px; text-align:center; color:#fff; font-size:1.2rem; line-height:23px; background-color:#246BB9; border-radius:50px; font-weight:400;}

.numTxt > li {padding-left:20px !important;}
.numTxt > li > i {display:inline-block; position:absolute; left:0; line-height:24px; text-indent:-1px; top:3px; color:#246BB9; font-weight:600;}

.list > li .num > li > i,
.list > li .numTxt > li > i {color:#028b22; height:auto;}
.list > li .numOne > li > i {background-color:#028b22;}

.list > li li .num > li {padding-left:25px !important;}
.list > li li .num > li > i,
.list > li li .numTxt > li > i {top:1px; color:#c05100;}
.list > li li .numOne > li {padding-left:25px !important;}
.list > li li .numOne > li > i {top:3px; width:20px; height:20px; font-size:1.2rem; line-height:20px; background-color:#c05100;}


.list > li li li .num > li > i,
.list > li li li .numTxt > li > i {color:#606060; height:auto;}
.list > li li li .numOne > li > i {background-color:#606060;}

/*테이블 속 ul*/
.tbl_base tbody td .list li:before {top: 8px;}
.tbl_base tbody td .list li li:before {top:8px;}


/* media query */
@media screen and (max-width:1024px) {
}

@media screen and (max-width:920px) {
	
}

@media screen and (max-width:767px) {
	.list li {padding-left:17px;}
	.list li:before {top:8px;}
	.list li li {padding-left:9px;}
	.list li li:before {top:12px;}
	.list li li li {padding-left:8px; font-size:1.4rem;}
	.list li li li:before {top:9px;}
	.list li li li li {padding-left:7px;}
	.list li li li li:before {top:8px;}
	
	.num > li {padding-left:21px !important;}
	.num > li i {top:1px;}
	
	.numOne > li {padding-left:25px !important;}
	.numOne > li i {top:3px; width:20px; height:20px; line-height:20px;}
	.numOne > li .numTxt > li > i {top:4px;}
	
	.numTxt > li {padding-left:18px !important;}
	.numTxt > li > i {top:1px;}
	.list > li .numOne > li > i {top:2px;}
	.list > li li .numTxt > li > i {top:0;}
	.list > li li .numOne > li > i {top:2px; width:19px; height:19px; font-size:1.1rem; }
	
	.list > li li .num > li {padding-left:20px !important;}
	.list > li li .num > li > i {top:1px;}
	
	ul.half > li,
	ol.half > li {width:100%;}
	
}

@media screen and (max-width:640px) {
}

@media screen and (max-width:480px) {
}








/********************************
 youtube-반응형
 *******************************/
	/*자막*/
.subtitles_box {padding:20px; overflow-y:auto; border-color:#dbdbdb; background-color:#f9f9f9;}

/********************************
 테이블
 *******************************/
/*스크롤*/
.scrl_box {}
.scrl_info {display:none; margin-bottom:4px;}
.scrl_info p {position:relative; display:table-cell; padding-left:30px; vertical-align:middle;}
.scrl_info p:before {content:''; display:inline-block; position:absolute; left:0; top:0; width:26px; height:20px; background:url(../images/arrow_ir.png) -56px 0 no-repeat;}



table.txt_c {text-align:center;}
table.txt_l {text-align:left;}
table.txt_r {text-align:right;}
table.valg_m th, table.valg_m td {vertical-align:middle;}

th.txt_c, td.txt_c {text-align:center !important;}
th.txt_l, td.txt_l {text-align:left !important;}
th.txt_r, td.txt_r {text-align:right !important;}

/*기본 테이블*/
.tbl_base {table-layout:fixed; margin-bottom:10px; width:100%; line-height:1.4; border-style:solid; border-color:#ddd; border-width:2px 1px 0 1px; border-top-color:#333;}
.tbl_base thead th {padding:12px 5px 10px; font-weight:700; color:#333; text-align:center; border-right:1px solid #ddd; border-bottom:1px solid #bbb; background-color:#F4F5F7;}
.tbl_base thead th:last-child {border-right-width:0;}
.tbl_base thead th.addline {border-right-width:1px;}

.tbl_base tbody th, .tbl_base tbody td,
.tbl_base tfoot th, .tbl_base tfoot td {padding:14px 8px 12px;}

.tbl_base tbody th {color:#333; font-weight:400; border-right:1px solid #ddd; border-bottom:1px solid #ddd; background-color:#f9f9f9; text-align:center;}
.tbl_base tbody td {border-right:1px solid #ddd; border-bottom:1px solid #ddd; background-color:#fff;}
.tbl_base tbody td:last-child {border-right-width:0;}
.tbl_base tbody td.addline {border-right-width:1px;}

.tbl_base tfoot th {color:#333; font-weight:400; border-right:1px solid #ddd; border-bottom:1px solid #ddd; background-color:#fef6e8; text-align:center;}
.tbl_base tfoot td {border-right:1px solid #ddd; border-bottom:1px solid #ddd; background-color:#fef6e8;}
.tbl_base tfoot td:last-child {border-right-width:0;}
.tbl_base tfoot td.addline {border-right-width:1px;}

.tbl_base thead th,
.tbl_base thead td,
.tbl_base tbody th,
.tbl_base tbody td,
.tbl_base tfoot th,
.tbl_base tfoot td {word-break: break-all;}



/* media query */
@media screen and (max-width:1200px) {
}

@media screen and (max-width:1024px) {
}

@media screen and (max-width:920px) {
}

@media screen and (max-width:767px) {
	.scrl_box {overflow-x:scroll; width:100%;}
	.scrl_info {display:table;}
	.scrl_box .tbl_base {width:768px;}/*스크롤 사용시 테이블 사이즈 고정*/
}

@media screen and (max-width:640px) {
}

@media screen and (max-width:480px) {
}



/********************************
 상단안내글 (아이콘)
 *******************************/
.top_txtbox {position:relative; margin-bottom:25px; padding:1px; background:#246BB9; border-radius:15px 70px 15px 15px;}
.top_txtinner {position:relative; padding:30px 30px 30px 180px; min-height:112px; border-radius:13px 68px 13px 13px; background-color:#fff;}
.top_txtinner .t_txt {display:table-cell; height:112px; vertical-align:middle;}
.top_txtinner .t_txt h3 {margin-top:0; color:#121212; font-size:2.2rem; font-family:'OneMobile';}
.top_txtinner:before {content:''; display:inline-block; position:absolute; top:50%; left:40px; margin-top:-51px; width:102px; height:102px; background-color:#F5F7FA; background-image:url(../images/biccon_ir.png); background-repeat:no-repeat; border-radius:35%;}

.top_txtinner.t_icon01:before {background-position:0 0;}
.top_txtinner.t_icon02:before {background-position:-103px 0;}
.top_txtinner.t_icon03:before {background-position:-206px 0;}
.top_txtinner.t_icon04:before {background-position:-309px 0;}
.top_txtinner.t_icon05:before {background-position:-412px 0;}
.top_txtinner.t_icon06:before {background-position:-515px 0;}
.top_txtinner.t_icon07:before {background-position:-618px 0;}
.top_txtinner.t_icon08:before {background-position:-721px 0;}
.top_txtinner.t_icon09:before {background-position:0 -103px;}
.top_txtinner.t_icon10:before {background-position:-103px -103px;}
.top_txtinner.t_icon11:before {background-position:-206px -103px;}
.top_txtinner.t_icon12:before {background-position:-309px -103px;}
.top_txtinner.t_icon13:before {background-position:-412px -103px;}
.top_txtinner.t_icon14:before {background-position:-515px -103px;}
.top_txtinner.t_icon15:before {background-position:-618px -103px;}
.top_txtinner.t_icon16:before {background-position:-721px -103px;}

.btn_box {margin-top:10px; padding-top:15px; text-align:right; border-top:1px dashed #ddd;}

/* media query */
@media screen and (max-width:1200px) {
}

@media screen and (max-width:1024px) {
	.top_txtinner {position:relative; padding:30px 30px 30px 170px;}
	.top_txtinner:before {left:30px;}
}

@media screen and (max-width:920px) {
	.top_txtinner {position:relative; padding:20px 20px 20px 160px;} /*상단 텍스트박스*/
	.top_txtinner:before {left:20px;}
}

@media screen and (max-width:767px) {
	.top_txtbox {border-radius:15px 50px 15px 15px;}
	.top_txtinner {border-radius:13px 48px 13px 13px;}
	
	.top_txtbox:before {width:70px; height:60px;}
	.top_txtbox:after {width:70px; height:60px;}
	.top_txtinner {position:relative; padding:20px; min-height:auto;}
	.top_txtinner:before {display:none;}
	.top_txtinner .t_txt {display:block; height:auto;}
	.top_txtinner .t_txt h3 {font-size:2.0rem;}
}

@media screen and (max-width:640px) {
	.top_txtinner {padding:15px;}
	.btn_box {text-align:left;}
}

@media screen and (max-width:480px) {
}




/********************************
 안내박스(텍스트)
 *******************************/
.info_txtbox {position:relative; padding:25px; border:1px solid #eee; background-color:#f7f8fb; border-radius:10px 10px 10px 10px;}
.info_txtbox p {margin-bottom:0; }
.info_txtbox h3 {margin-top:0; color:#246BB9; font-weight:600;}
/*본문중간 안내박스*/
.info_txtbox.list {border-radius:10px; background-color:#f7f7f7;}



/* media query */
@media screen and (max-width:1200px) {
}

@media screen and (max-width:1024px) {
}

@media screen and (max-width:920px) {
}

@media screen and (max-width:767px) {
}

@media screen and (max-width:640px) {
	.info_txtbox {padding:15px;}
	.info_txtbox.icon_fix {padding:10px;}
	.info_txtbox .info_texbox_inner.icon {padding-left:54px;}
}

@media screen and (max-width:480px) {
}




/********************************
 정보버튼 박스
 *******************************/
.info_listbox {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:stretch;}
.info_listbox .info_item {margin-bottom:20px; width:calc(50% - 10px); border:1px solid #ddd; border-radius:8px;}
.info_listbox .info_item.all {width:100%;}
.info_listbox.col3 .info_item {width:calc(33.3333% - 10px);}

.info_listbox .info_item .dl {display:flex; justify-content:flex-start; align-items:stretch; padding:20px;}
.info_listbox .info_item .dt {position:relative; margin-right:10px; padding:0 15px 0 55px; font-weight:600;}
.info_listbox .info_item .dt:before {content:''; position:absolute; left:0; top:-7px; width:42px; height:42px; background-color:#F5F7FA; border-radius:50%;}
.info_listbox .info_item .dt:after {content:':'; position:absolute; right:0; top:-1px; }
.info_listbox .info_item .dt.only {margin-right:0;}
.info_listbox .info_item .dt.only:after {display:none;}

.info_listbox .info_item .dt.only span {word-break:break-all;}

/*다운로드 없는 버튼 높이 가운데 정렬 */
.info_listbox .info_item .dl.center {align-items: center; height:100%;}

.info_listbox .info_item .dt .info_icon:before {content:''; position:absolute; left:10px; top:2px; width:23px; height:23px; background-image:url(../images/minicon_ir.png); background-repeat:no-repeat;}
.info_listbox .info_item .dt .info_icon.icon01:before {background-position:-144px 0;} /*공지*/
.info_listbox .info_item .dt .info_icon.icon02:before {background-position:-288px 0;} /*전화*/
.info_listbox .info_item .dt .info_icon.icon03:before {background-position:-192px 0;} /*메일*/
.info_listbox .info_item .dt .info_icon.icon04:before {background-position:-72px 0;} /*서류*/
.info_listbox .info_item .dt .info_icon.icon05:before {background-position:-48px 0;} /*서류작성*/
.info_listbox .info_item .dt .info_icon.icon06:before {background-position:-96px 0;} /*홈페이지*/
.info_listbox .info_item .dt .info_icon.icon07:before {background-position:-240px 0;} /*접수날짜*/
.info_listbox .info_item .dt .info_icon.icon08:before {background-position:-216px 0;} /*첨부파일*/
.info_listbox .info_item .dt .info_icon.icon09:before {background-position:-336px 0;} /*주소*/
.info_listbox .info_item .dt .info_icon.icon10:before {background-position:-360px 0;} /*팩스*/
.info_listbox .info_item .dt .info_icon.icon11:before {background-position:-384px 0;} /*담당자*/
.info_listbox .info_item .dt .info_icon.icon12:before {background-position:-408px 0;} /*자동차*/
.info_listbox .info_item .dt .info_icon.icon13:before {background-position:-432px 0;} /*스마트폰*/


/*다운로드 버튼 추가*/
.info_listbox .info_item.down {display:flex; flex-wrap:wrap; justify-content:space-between;}
.info_listbox .info_item.down .dl {width:calc(100% - 136px);}
.info_listbox .info_item.down.btn1 .dl {width:calc(100% - 68px);}
.info_listbox .info_item.down .dd {word-break:break-all;}

.info_listbox .info_item.down .newpage {display:flex; justify-content:flex-end; width:136px;}
.info_listbox .info_item.down.btn1 .newpage {width:68px;}
.info_listbox .info_item.down .newpage a {position:relative; display:inline-block; width:68px; height:100%; background-color:#f7f7f7; border-radius:0; border-left:1px solid #ddd;  box-sizing:border-box;}
.info_listbox .info_item.down .newpage a:last-child {border-radius:0 8px 8px 0;}
.info_listbox .info_item.down .newpage a:hover,
.info_listbox .info_item.down .newpage a:active,
.info_listbox .info_item.down .newpage a:focus {background-color:#333;}

.info_listbox .info_item.down .newpage a:before {content:''; position:absolute; left:50%; top:50%; margin:-11px 0 0 -11px; width:23px; height:23px; background-image:url(../images/minicon_ir.png); background-repeat:no-repeat;}
.info_listbox .info_item.down .newpage a.new:before {background-position:-24px 0;} /*새창*/
.info_listbox .info_item.down .newpage a.down:before {background-position:0 0;} /*다운로드*/
.info_listbox .info_item.down .newpage a.see:before {background-position:-168px 0;} /*돋보기*/
.info_listbox .info_item.down .newpage a:hover:before,
.info_listbox .info_item.down .newpage a:active:before,
.info_listbox .info_item.down .newpage a:focus:before {background-position-y:-24px;}

.info_listbox .info_item.down .dl.only {flex-direction:column; width:calc(100% - 68px);}
.info_listbox .info_item.down .dl.only .dd {padding-left:55px; font-size:1.6rem;}
.info_listbox .info_item.down .newpage.onebtn {width:68px;}


/* media query */
@media screen and (max-width:1200px) {
	.info_listbox .info_item.down.long {flex-direction:column; justify-content:space-between;}
	.info_listbox .info_item.down.long .dl {width:100%;}
	.info_listbox .info_item.down.long .newpage {justify-content:center; width:100%; height:50px;}
	.info_listbox .info_item.down.long .newpage a {width:100%; border-left:none; border-top:1px solid #ddd;} 
	.info_listbox .info_item.down.long .newpage a:last-child {border-radius:0 0 8px 8px;}
	.info_listbox .info_item.down.long .newpage a + a:last-child {border-left:1px solid #ddd; border-radius:0 0 8px 0;}
	.info_listbox .info_item.down.long .newpage a.left {border-radius:0 0 0 8px;}
}
@media screen and (max-width:1024px) {

}

@media screen and (max-width:920px) {/*텍스트 최소값 보정*/
	.info_listbox .info_item {margin-bottom:10px; width:100%;}
	.info_listbox.col3 .info_item {width:calc(50% - 10px);}
}

@media screen and (max-width:767px) {
	.info_listbox .info_item .dt {padding:0px 15px 0 45px;}
	/* .info_listbox .info_item .dt.only {padding:0px 15px 5px 45px;} */
	.info_listbox .info_item .dt:before {top:-2px; width:35px; height:35px;}
	.info_listbox .info_item .dt .info_icon:before {left:7px; top:3px;}
	
	.info_listbox .info_item.down .dl {width:calc(100% - 124px);}
	.info_listbox .info_item.down .newpage {display:flex; justify-content:flex-end; width:124px;}
	.info_listbox .info_item.down .newpage a {width:62px;}
	
	.info_listbox .info_item.down .dl.only {width:calc(100% - 62px);}
	.info_listbox .info_item.down .dl.only dd {padding-left:45px;}
	.info_listbox .info_item.down .newpage.onebtn {width:62px;}
	
}

@media screen and (max-width:640px) {
	.info_listbox.col3 .info_item {width:100%;}
	
	.info_listbox .info_item .dl {flex-direction:column; padding:20px 15px 15px;}
	.info_listbox .info_item .dt:before {top:-4px;}
	.info_listbox .info_item .dt .info_icon:before {top:2px;}
	.info_listbox .info_item .dt:after {display:none;}
	.info_listbox .info_item .dd {margin-top:10px; padding-left:45px;}
	.info_listbox .info_item.down .dl.only .dd {padding-left:45px;}
	
	.info_listbox .info_item.down {flex-direction:column; justify-content:normal;}
	.info_listbox .info_item.down .dl {width:100%;}
	.info_listbox .info_item.down.btn1 .dl {width:100%;}
	.info_listbox .info_item.down.btn1 .dl.center {width:100%; height:unset;}
	.info_listbox .info_item .dl.center {align-items:unset;}
	.info_listbox .info_item.down .newpage {justify-content:center; width:100%; height:40px;}
	.info_listbox .info_item.down.btn1 .newpage {width:100%;}
	.info_listbox .info_item.down.long .newpage {height:40px;}
	.info_listbox .info_item.down .newpage a {width:100%; border-left:none; border-top:1px solid #ddd;}
	.info_listbox .info_item.down .newpage a:before {margin:-12px 0 0 -11px;} 
	.info_listbox .info_item.down .newpage a:last-child {border-radius:0 0 8px 8px;}
	.info_listbox .info_item.down .newpage a + a:last-child {border-left:1px solid #ddd; border-radius:0 0 8px 0;}
	.info_listbox .info_item.down .newpage a.left {border-radius:0 0 0 8px;}
		
	.info_listbox .info_item.down .dl.only {width:100%;}
	.info_listbox .info_item.down .newpage.onebtn {width:100%;}
}

@media screen and (max-width:480px) {
}



/********************************
 버튼- 사용
 *******************************/
a.tg_link {display:inline-block; position:relative; padding-right:20px; font-weight:600; color:#333;}
a.tg_link:before {content:''; position:absolute; right:0; top:5px; width:17px; height:17px; background:url(../images/icon_openwin.svg) 0 0 no-repeat;}

.btn:hover, .btn:active, .btn:focus {font-weight:500; text-decoration:none; border-color:#444; transition:border-color 0.2s linear;}
.btn {display:inline-block; position:relative; padding:6px 15px 6px 37px; min-height:32px; border:1px solid #aaa; color:#fff; border-radius:7px; background-color:#fff;}
.btn:hover {border-color:#333; background-color:#333; color:#fff;}
.btn + .btn {margin-left:5px;}

.btn span {display:block; line-height:32px;}

.btn.noicon {padding:5px 20px;}

.btn.mini {min-height:inherit;}
.btn.mini span {font-size:1.5rem; line-height:inherit;}

.btn_icon {display:block; position:absolute; left:10px; top:50%; margin-top:-11px; width:23px; height:23px; font-size:0; text-indent:-9999px;}
.btn_icon:before {content:''; display:inline-block; position:absolute; top:0; left:0; width:23px; height:23px; background-image:url(../images/minicon_ir.png); background-repeat:no-repeat;}


.btn.down .btn_icon:before {background-position:0 0;}
.btn.down:hover .btn_icon:before {background-position:0 -24px;}

.btn.link .btn_icon:before {background-position:-24px -0;}
.btn.link:hover .btn_icon:before {background-position:-24px -24px;}

.btn.write .btn_icon:before {background-position:-48px -0;}
.btn.write:hover .btn_icon:before {background-position:-48px -24px;}

.btn.list .btn_icon:before {background-position:-72px -0;}
.btn.list:hover .btn_icon:before {background-position:-72px -24px;}

.btn.pc .btn_icon:before {background-position:-96px -0;}
.btn.pc:hover .btn_icon:before {background-position:-96px -24px;}

.btn.set .btn_icon:before {background-position:-120px -0;}
.btn.set:hover .btn_icon:before {background-position:-120px -24px;}

.btn.noti .btn_icon:before {background-position:-144px -0;}
.btn.noti:hover .btn_icon:before {background-position:-144px -24px;}

.btn.search .btn_icon:before {background-position:-168px -0;}
.btn.search:hover .btn_icon:before {background-position:-168px -24px;}

/*기본초록색*/
.btn.green {background-color:#138719; border-color:#138719; color:#fff;}
.btn.green .btn_icon:before {background-position-y:-24px;}
.btn.green:hover {border-color:#138719; background-color:#138719;}


/* media query */
@media screen and (max-width:1200px) {

}
@media screen and (max-width:1024px) {

}

@media screen and (max-width:920px) {/*텍스트 최소값 보정*/
}

@media screen and (max-width:767px) {
	a.tg_link:before {top:2px;}
	
	.btn {min-height:inherit;}
	.btn span {line-height:inherit; font-size:1.5rem;}
	.btn.mini span {font-size:1.4rem;}
}

@media screen and (max-width:640px) {
}
@media screen and (max-width:480px) {
	.btn {display:block;}
	.btn + .btn {margin-top:8px; margin-left:0;}
	
	.btn.only,
	.btn.mini.only {display:inline-block; margin-top:0;}
	.btn.only span,
	.btn.mini.only span {padding-top:0;}
}






/********************************
 순서도 박스
 *******************************/
/*가로 순서도*/
.step_box {position:relative; padding:40px; border-radius:20px; background-color:#f4f4f9;}
.step_box:after {content:''; display:block; visibility:hidden; clear:both;}

.step_box .step_list {display:flex; flex-wrap:wrap;}
.step_box .step_list > li {width:25%;}
.step_box .step_list.col3 > li {width:33.3333%;}
.step_box .step_list.col2 > li {width:50%;}

.step_box .step_list > li {position:relative; display:table; padding-right:30px;}
.step_box .step_list > li:nth-child(n + 5) {padding-top:30px;}
.step_box .step_list.col3 > li:nth-child(n + 4) {padding-top:30px;}
.step_box .step_list.col2 > li:nth-child(n + 3) {padding-top:30px;}

.step_box .step_list > li:after {content:''; position:absolute; right:15px; top:50%; margin-top:-13px; width:27px; height:27px; background:#fff url(../images/arrow_ir.png) -28px 0 no-repeat; border:1px solid #ccc; border-radius:5px 13px 13px 5px;}
.step_box .step_list > li:nth-child(n + 5):after,
.step_box .step_list.col3 > li:nth-child(n + 4):after,
.step_box .step_list.col2 > li:nth-child(n + 3):after {margin-top:-2px;}
.step_box .step_list > li:last-child:after {display:none;}
 
.step_box .step_list li .step_cont {display:table-cell; text-align:center; vertical-align:middle; padding:15px 20px; border-radius:15px; border:1px solid #aaa; background-color:#fff;}
.step_box .step_list .step_cont .topbox .num {display:inline-block; margin-bottom:10px; padding:4px 15px 2px; background-color:#e4e9ff; border-radius:20px; font-size:1.3rem; font-weight:500;}
.step_box .step_list .step_cont .topbox .tit {display:block; font-family:'OneMobile'; line-height:1.2;}
.step_box .step_list .step_cont .topbox .txt {display:block; word-break:break-all;}
.step_box .step_list .step_cont .topbox .tit + .txt {margin-top:10px;}
.step_box .step_list .step_cont .conbox {margin-top:15px; padding-top:15px; border-top:1px dashed #ddd;}

.step_box .step_list li:first-child .step_cont .topbox a,
.step_box .step_list li:last-child .step_cont .topbox a {color:#fff;}
.step_box .step_list li:first-child .step_cont .topbox a.tg_link:before,
.step_box .step_list li:last-child .step_cont .topbox a.tg_link:before {background:url(../images/icon_openwin.png) 0 0 no-repeat;}


/*처음,마지막 박스 색깔
.step_box .step_list li:first-child .step_cont {background-color:#246BB9; border-color:#246BB9;}
.step_box .step_list li:first-child .step_cont .tit,
.step_box .step_list li:first-child .step_cont .txt,
.step_box .step_list li:first-child .step_cont .conbox {color:#fff;}

.step_box .step_list li:last-child .step_cont {background-color:#e07913; border-color:#e07913;}
.step_box .step_list li:last-child .step_cont .num {background-color:#fff0e4;}
.step_box .step_list li:last-child .step_cont .tit,
.step_box .step_list li:last-child .step_cont .txt,
.step_box .step_list li:last-child .step_cont .conbox {color:#fff;}
.step_box .step_list li:last-child .step_cont .conbox .list_tbl1 > li:before {background-color:#fff;}
*/

.step_box .step_list li:last-child .step_cont {border:2px solid #246BB9;}

/*처음,마지막 박스 색깔 없는버전 - 아이콘있는스텝*/
.step_box.icon_step .step_list li:first-child .step_cont {background-color:#fff; border-color:#aaa;}
.step_box.icon_step .step_list li:first-child .step_cont .tit {color:inherit;}

.step_box.icon_step .step_list li:last-child .step_cont {background-color:#fff; border-color:#246BB9;}
.step_box.icon_step .step_list li:last-child .step_cont .num {background-color:inherit;}
.step_box.icon_step .step_list li:last-child .step_cont .tit {color:inherit;}
.step_box.icon_step .step_list li:last-child .step_cont .conbox {color:inherit;}
.step_box.icon_step .step_list li:last-child .step_cont .conbox .list_tbl1 > li:before {background-color:#fff;}


/* media query */
@media screen and (max-width:1200px) {
	.step_box {padding:40px 30px;}
	
	.step_box .step_list > li {width:33.3333%;}
	.step_box .step_list > li:nth-child(n + 4) {padding-top:30px;}
}

@media screen and (max-width:1024px) {
	.step_box .step_list > li:nth-child(3n),
	.step_box .step_list.col2 > li:nth-child(even) {padding-right:15px;}
	.step_box .step_list.col2 > li:nth-child(odd) {padding-right:30px;}
	
	.step_box .step_list > li:nth-child(3n):after,
	.step_box .step_list.col2 > li:nth-child(even):after {right:0;}
	.step_box .step_list.col2 > li:nth-child(odd):after {right:15px;}
	.step_box .step_list > li:nth-child(n + 4):after {margin-top:-2px;}
}

@media screen and (max-width:920px) {
}

@media screen and (max-width:767px) {
	.step_box .step_list > li,
	.step_box .step_list.col3 > li {width:50%;}
		
	.step_box .step_list > li:nth-child(n + 3) {padding-top:20px;}
	.step_box .step_list.col3 > li:nth-child(n + 3) {padding-top:20px;}
	.step_box .step_list.col2 > li:nth-child(n + 3) {padding-top:20px;}
	
	.step_box .step_list > li:nth-child(even) {padding-right:15px;}
	.step_box .step_list > li:nth-child(odd),
	.step_box .step_list.col2 > li:nth-child(odd) {padding-right:20px;}
	
	.step_box .step_list > li:nth-child(3n):after,
	.step_box .step_list > li:nth-child(even):after {right:0;}
	.step_box .step_list > li:nth-child(odd):after,
	.step_box .step_list.col2 > li:nth-child(odd):after {right:5px;}
	
	.step_box .step_list > li:nth-child(n + 3):after {margin-top:-2px;}
	
	.step_box .step_list .step_cont .topbox .num {font-size:1.2rem;}	
}

@media screen and (max-width:640px) {
	.step_box {padding:30px 20px;}
	
	.step_box .step_list > li,
	.step_box .step_list.col3 > li,
	.step_box .step_list.col2 > li {padding-right:0 !important; width:100%;}
	
	.step_box .step_list > li:nth-child(n + 2) {padding-top:25px;}
	.step_box .step_list.col3 > li:nth-child(n + 2) {padding-top:25px;}
	.step_box .step_list.col2 > li:nth-child(n + 2) {padding-top:25px;}
	
	.step_box .step_list > li:after,
	.step_box .step_list.col3 > li:after,
	.step_box .step_list.col2 > li:after {top:unset; bottom:-18px; right:50% !important; margin:0 -13px 0 0; transform:rotate(90deg);}
	
	.step_box .step_list > li:nth-child(n + 5):after, 
	.step_box .step_list.col3 > li:nth-child(n + 4):after, 
	.step_box .step_list.col2 > li:nth-child(n + 3):after {margin-top:0;}
	
	.step_box .step_list .step_cont .topbox .tit {font-size:1.7rem;}
	.step_box .step_list .step_cont .conbox {margin-top:10px; padding-top:10px;}
}

@media screen and (max-width:480px) {
	
}




/*아이콘 순서도*/
.icon_step .step_list .step_cont .topbox {position:relative;}
.icon_step .step_list .step_cont .topbox .icon {position:relative; display:block; margin:5px auto 0; width:100px; height:100px; background-color:#f7fafc; border-radius:50%;}
.icon_step .step_list .step_cont .topbox .icon:before {content:''; position:absolute; left:50%; top:50%; margin-left:-50px; margin-top:-50px; width:100px; height:100px; background-position:center center; background-repeat:no-repeat; background-size:auto;}
.icon_step .step_list .step_cont .topbox .icon.icon01:before {background-image:url(../images/icon01.png);}
.icon_step .step_list .step_cont .topbox .icon.icon02:before {background-image:url(../images/icon02.png);}
.icon_step .step_list .step_cont .topbox .icon.icon03:before {background-image:url(../images/icon03.png);}
.icon_step .step_list .step_cont .topbox .icon.icon04:before {background-image:url(../images/icon04.png);}


/* media query */
@media screen and (max-width:640px) {
	.icon_step .step_list .step_cont .topbox .icon {width:80px; height:80px;}
	.icon_step .step_list .step_cont .topbox .icon:before {margin-left:-40px; margin-top:-40px; width:80px; height:80px; background-size:90% auto;}
	
}

@media screen and (max-width:480px) {	
}




/*세로 순서도*/
.step_box2 {position:relative; padding:40px; background-color:#f4f4f9; border-radius:20px;}
.step_box2:after {content:''; display:block; visibility:hidden; clear:both;}

.step_box2 .step_list {display:block;}

.step_box2 .step_list > li {position:relative; display:block; padding-bottom:30px; width:100%;}
.step_box2 .step_list > li:after {content:''; position:absolute; bottom:25px; right:0; width:calc(100% - 35%); height:1px; border-bottom:1px dashed #ddd;}
.step_box2 .step_list > li:last-child {padding-bottom:0;}
.step_box2 .step_list > li:last-child:after {display:none;}

.step_box2 .step_list .step_cont {display:table; padding-bottom:20px; width:100%;}
.step_box2 .step_list > li:last-child .step_cont {padding-bottom:0;}
.step_box2 .step_list .step_cont .topbox {position:relative; display:table-cell; text-align:center; vertical-align:middle; padding:20px 15px 30px; width:33%; border-radius:15px; border:1px solid #aaa; background-color:#fff;}
.step_box2 .step_list .step_cont .topbox:after {content:''; position:absolute; left:50%; bottom:-15px; margin-left:-13px; width:27px; height:27px; background:#fff url(../images/arrow_ir.png) -28px 0 no-repeat; border:1px solid #ccc; border-radius:5px 13px 13px 5px;  transform:rotate(90deg);}
.step_box2 .step_list > li:last-child .step_cont .topbox:after {display:none;}
.step_box2 .step_list .step_cont .topbox .num {display:inline-block; margin-bottom:10px; padding:4px 15px 2px; background-color:#e4e9ff; border-radius:20px; font-size:1.4rem; font-weight:500;}
.step_box2 .step_list .step_cont .topbox .tit {display:block; font-family:'OneMobile'; line-height:1.2;}
.step_box2 .step_list .step_cont .topbox .txt {display:block; margin-top:10px;}

/*처음,마지막 박스 색깔
.step_box2 .step_list li:first-child .step_cont .topbox {background-color:#246BB9; border-color:#246BB9;}
.step_box2 .step_list li:first-child .step_cont .topbox .tit {color:#fff;}
.step_box2 .step_list li:last-child .step_cont .topbox {background-color:#e07913; border-color:#e07913;}
.step_box2 .step_list li:last-child .step_cont .topbox .num {background-color:#fff0e4;}
.step_box2 .step_list li:last-child .step_cont .topbox .tit {color:#fff;}
*/
.step_box2 .step_list li:last-child .step_cont .topbox {border:2px solid #246BB9;}

.step_box2 .step_list .step_cont .conbox {position:relative; display:table-cell; vertical-align:middle; padding-left:40px;}


/* media query */
@media screen and (max-width:1200px) {
}

@media screen and (max-width:1024px) {
	.step_box2 {padding:40px 30px;}
}

@media screen and (max-width:920px) { 
	.step_box2 .step_list > li:after {width:67%;}
	.step_box2 .step_list .step_cont .topbox {width:30%;}
}

@media screen and (max-width:767px) {
	.step_box2 .step_list .step_cont .topbox .num {font-size:1.3rem;}
	.step_box2 .step_list .step_cont .topbox .tit {font-size:1.9rem;}
	
	.step_box2 .step_list .step_cont .conbox {padding-left:20px;}
}

@media screen and (max-width:640px) {
	.step_box2 {padding:30px 20px;}
	.step_box2 .step_list > li {padding-bottom:0;}
	.step_box2 .step_list > li:after {display:none;}


	.step_box2 .step_list .step_cont {display:block; padding-bottom:0; padding-top:20px;}
	.step_box2 .step_list > li:first-child .step_cont {padding-top:0;}
	
	.step_box2 .step_list .step_cont .topbox {display:block; width:100%; padding:25px 15px 15px; border-radius:15px 15px 0 0; border-bottom-style:dashed;}
	.step_box2 .step_list .step_cont .topbox:after {bottom:unset; top:-15px;}

	.step_box2 .step_list > li:first-child .step_cont .topbox {padding:15px;}
	.step_box2 .step_list > li:first-child .step_cont .topbox:after {display:none;}
	.step_box2 .step_list > li:last-child .step_cont .topbox:after {display:block;}
	
	.step_box2 .step_list .step_cont .conbox {display:block; padding-left:0; padding:15px; border:1px solid #aaa; border-radius:0 0 15px 15px; border-top:0; background-color:#fff;}
}

@media screen and (max-width:480px) {
}




/********************************
 이미지박스 : 큰이미지보기
 *******************************/
/*단독*/
.imgbox {position:relative; display:flex; flex-direction:column;}
.imgbox img {width:100%; height:100%; border-radius:15px;}
.imgbox a {display:none; position:absolute; top:10px; right:10px; margin:0; padding:0; padding:10px 15px 10px 40px; color:#fff; text-align:center; background-color:#111; border-radius:8px; font-size:1.6rem;}
.imgbox a:before {content:''; position:absolute; left:10px; top:50%; margin-top:-11px; width:23px; height:23px; background:url(../images/minicon_ir.png) -312px -24px no-repeat;}

.imgbox a span {position:relative; display:inline-block;}

.imgbox .imgAlt {display:block; padding:10px; font-family:'OneMobile'; font-size:1.9rem;}


/*여러개*/
.img_list {display:flex; flex-wrap:wrap; align-items:stretch; gap:20px;}
.img_list .imgbox {width:calc(50% - 10px);}
.img_list .imgbox.all {width:100%;}

.img_list.col3 .imgbox {width:calc(33.3333% - 14px);}


/* media query */
@media screen and (max-width:767px) {
	.imgbox a {display:block; font-size:1.4rem;}
	.imgbox .imgAlt {font-size:1.6rem;}
	
	.img_list {gap:10px;}
	.img_list .imgbox {width:calc(50% - 5px);}
	.img_list .imgbox a {top:20px;}
	.img_list.col3 .imgbox {width:calc(50% - 5px);}
}

@media screen and (max-width:640px) {
	.img_list .imgbox {width:100%;}
	.img_list.col3 .imgbox {width:100%;}
}

@media screen and (max-width:480px) {
}



/********************************
 개인정보 수집동의 박스
 *******************************/
h3 + .agreebox {margin-top:0;}
.agreebox {margin-top:20px; padding:20px 30px; border:1px solid #ddd; border-radius:15px;}
.agreebox h3.tith3,
.agreebox h4.tith4 {margin-top:0;}
.agreebox .agree_ask {display:flex; justify-content:flex-end; margin-top:20px; padding-top:20px; border-top:1px dashed #ddd; text-align:center;}
.agreebox .agree_ask.linebl {flex-direction:column;}
.agreebox .agree_ask p {margin-bottom:0;}
.agrb_check {margin:0 10px;}
.agrb_check .keep_text:before, 
.agrb_check input:checked+.keep_text:before {background-image: url(../images/checkIr.png); background-position:3px 5px; background-repeat: no-repeat;}
.agrb_check {position:relative; display:inline-block; padding-left:22px;}
.agrb_check .input_keep {position:absolute; top:7px; left:3px; width:15px; height:15px;}
.agrb_check .keep_text {display:inline-block; margin-left:5px;}
.agrb_check input {-webkit-appearance: none; -moz-appearance: none;}
.agrb_check .keep_text:before {content: ''; position: absolute; top:5px; left:0; background-repeat: no-repeat; width:20px; height:20px; background-repeat: no-repeat; background-color:#fff; border:1px solid #9ba1a3; border-radius:50%; box-sizing:border-box;}
.agrb_check input:checked+.keep_text:before {background-position:-12px 5px; background-color:#4463C3; border-color:#4463C3;}

.agreebox .scrollbox {height:350px; overflow-y:scroll;}/*내용이 많은경우 사용*/

@media screen and (max-width:767px) {
	.agreebox {padding:20px 25px;}
	
	.agrb_check {padding-left:20px;}
	.agrb_check .keep_text {margin-left:2px;}
	.agrb_check .keep_text:before {top:4px; width:18px; height:18px; background-position:2px 4px;}
	.agrb_check input:checked+.keep_text:before {background-position:-13px 4px;}
	.agrb_check .input_keep {top:6px; left:2px;}
}

@media screen and (max-width:640px) {
	.agreebox .agree_ask {justify-content:unset; flex-direction:column; margin-top:15px; padding-top:15px;}
	.agreebox .agree_ask p {margin-bottom:5px;}
	
	.agrb_check .keep_text:before {top:3px;}
	.agrb_check input:checked+.keep_text:before {background-position:-13px 4px;}
	.agrb_check .input_keep {top:5px;}
}

@media screen and (max-width:360px) {
	.agreebox .agree_ask {text-align:left;}
	.agrb_check {display:block; margin:0 0 10px;}
}


/*이용약관*/
.ethicsCreed {}
.ethicsCreed h4.tith4 {padding:15px; background-color:#edf4ff; text-align:center;}
.ethicsCreed .e_cont {display:flex; flex-wrap:nowrap; justify-content:flex-start; padding:20px 0; border-bottom:1px dashed #dbdbdb;}
.ethicsCreed .e_cont.noborder {border-bottom:0;}
.ethicsCreed .e_cont h5.tith5 {margin-top:0; width:20%; margin-right:40px; font-size:2.3rem;}
.ethicsCreed .e_cont h5.tith5 .bk768 {display:block;}
.ethicsCreed .e_cont p,
.ethicsCreed .e_cont > ol,
.ethicsCreed .e_cont > ul {width:calc(80% - 40px);}
.ethicsCreed .e_cont p {margin-bottom:0;}

.ethicsCreed .e_cont .inbox {width:calc(80% - 40px);}
.ethicsCreed .e_cont .inbox ol {width:100%;}

@media screen and (max-width:920px) {
	.ethicsCreed .e_cont h5.tith5 {width:25%;}
	.ethicsCreed .e_cont p,
	.ethicsCreed .e_cont > ol,
	.ethicsCreed .e_cont > ul {width:calc(75% - 40px);}
}

@media screen and (max-width:767px) {
	.ethicsCreed .e_cont {flex-wrap:wrap; padding:30px 0;}
	.ethicsCreed h4.tith4 {padding:12px;}
	.ethicsCreed .e_cont h5.tith5 {width:100%; margin-right:0px; margin-bottom:10px; font-size:2.0rem;}
	.ethicsCreed .e_cont h5.tith5 .bk768 {display:inline;}
	.ethicsCreed .e_cont p,
	.ethicsCreed .e_cont > ol,
	.ethicsCreed .e_cont > ul {width:100%;}
}

@media screen and (max-width:640px) {
}

@media screen and (max-width:480px) {
	.ethicsCreed .e_cont h5.tith5 {font-size:1.8rem;}
} 


/********************************
 설문조사
 *******************************/
.surveyBox {display:block;}
.surveyBox li {display:flex; justify-content:space-between; align-items:center; margin-top:10px; padding:20px; border:1px solid #ddd; background-color:#f4f4f9; border-radius:10px;}
.surveyBox li:first-child {margin-top:0;}

.surveyBox li .askTxt {width:calc(100% - 200px);}
.surveyBox li .askTxt .askNum {position:relative; display:inline-block; width:26px; text-align:center; margin-right:10px; font-size:1.6rem; color:#fff; z-index:0;}
.surveyBox li .askTxt .askNum:before {content:''; position:absolute; left:1px; top:1px; width:25px; height:25px; background-color:#316cf2; border-radius:50%; z-index:-1;}

.answer_check {margin:0 10px;}
.answer_check .keep_text:before, 
.answer_check input:checked+.keep_text:before {background-image: url(../images/checkIr.png); background-position:3px 5px;}
.answer_check {position:relative; display:inline-block; padding-left:22px;}
.answer_check .input_keep {position:absolute; top:7px; left:3px; width:15px; height:15px; border:none;}
.answer_check .keep_text {display:inline-block; margin-left:5px;}
.answer_check input {-webkit-appearance: none; -moz-appearance: none;}
.answer_check .keep_text:before {content: ''; position: absolute; top:5px; left:0; background-repeat: no-repeat; width:20px; height:20px; background-repeat: no-repeat; background-color:#fff; border:1px solid #9ba1a3; border-radius:50%; box-sizing:border-box;}
.answer_check input:checked+.keep_text:before {background-position:-12px 5px; background-color:#4463C3; border-color:#4463C3;}


/*5지선단*/
.surveyBox.fiveAnswer li {flex-direction:column; align-items:unset;}
.surveyBox.fiveAnswer .answerTxt {margin-top:10px; text-align:center;}


@media screen and (max-width:767px) {
	.surveyBox li .askTxt {width:calc(100% - 150px);}
	.surveyBox li .askTxt .askNum {width:21px; font-size:1.4rem;}
	.surveyBox li .askTxt .askNum:before {left:0; top:0; width:22px; height:22px;}
			
	.answer_check .keep_text {margin-left:2px;}
	.answer_check .keep_text:before {top:4px; width:18px; height:18px; background-position:2px 4px; /* background-size:100%; */}
	.answer_check input:checked+.keep_text:before {background-position:-13px 4px;}
	.answer_check .input_keep {top:5px; left:2px;}
}

@media screen and (max-width:640px) {
	.surveyBox li {flex-direction:column; align-items:flex-start;}
	.surveyBox li .askTxt {width:100%;}
	
	.surveyBox li .answerTxt {margin-top:10px; width:100%; text-align:center;}
	
}

@media screen and (max-width:550px) {
	/*5지선단*/
	.surveyBox.fiveAnswer .answerTxt {text-align:left;}
	.surveyBox.fiveAnswer .answer_check {display:block; margin-bottom:8px;}
}

@media screen and (max-width:480px) {
	.surveyBox li {padding:10px;}
}





/********************************
 만족도조사
 *******************************/
.stf_box {border:1px solid #d5d5d5; border-radius:8px;}
.stf_t_box {position:relative; padding:15px 20px; font-size:1.5rem;}
.stf_t_box.line {border:1px solid #ddd; border-radius:8px;}
.stf_t_box .stf_txt {position:relative; margin-bottom:0; padding-left:18px; display:inline-block;}
.stf_t_box .stf_txt strong {display:inline-block; margin:0 5px; color:#333; font-weight:600;}
.stf_t_box .stf_txt span {display:inline-block; margin:0 10px;}
.stf_t_box .stf_txt span em {color:#246BB9; letter-spacing:0;}
.stf_t_box .stf_txt:before {content:''; display:inline-block; position:absolute; top:4px; left:0; width:18px; height:18px; background-image:url(../images/officer_ir.png); background-repeat:no-repeat;}
.stf_t_box .stf_txt.stf_l:before {background-position:0 0;}
.stf_t_box .stf_txt.stf_r:before {background-position:-19px 0;}
.stf_line {position:relative; display:inline-block; padding-left:20px; margin-left:15px;}
.stf_line:before {content:''; display:inline-block; position:absolute; top:5px; left:0; width:6px; height:18px; background:url(../images/officer_ir.png) -38px 0 no-repeat;}

.stf_srchbox {padding:20px 30px; border-top:1px solid #e0e2e3; background-color:#f4f4f9; border-radius:0 0 8px 8px;}
.stf_srchbox.line {border:1px solid #ddd; border-radius:8px;}
.stf_srchbox .stf_fix {position:relative;}
.stf_srchbox .stf_fix .stf_srchinner {display:flex; position:relative; font-size:1.6rem;}
.stf_srchbox .stf_fix .stf_srchinner dl {display:flex; align-items:center; justify-content:space-between; vertical-align:middle; width:100%; margin-bottom:15px;}
.stf_srchbox .stf_fix .stf_srchinner dt {position:relative; padding-left:30px; color:#333;}
.stf_srchbox .stf_fix .stf_srchinner dt:before {content:''; position:absolute; left:0; top:3px; width:23px; height:23px; background:url(../images/minicon_ir.png) -264px 0 no-repeat;}
.stf_srchbox .stf_fix .stf_srchinner dd {}

.stf_srchbox .stf_fix .stf_txtbtn {display:flex; justify-content:space-between;}
.stf_srchbox .stf_fix .stf_txtbtn input {padding-left:5px; width:calc(100% - 90px); border-radius:5px; font-size:1.5rem;}
.stf_srchbox .stf_fix .srf_btn {width:80px; height:45px; font-weight:500; color:#fff; border-radius:5px; background-color:#333;}
.stf_srchbox .stf_fix .srf_btn:hover, .stf_srchbox .stf_fix .srf_btn:active, .stf_srchbox .stf_fix .srf_btn:focus {background-color:#246BB9; transition: background-color 0.1s linear;}


/* media query */
@media screen and (max-width:1200px) {
	.stf_srchbox .stf_fix .stf_srchinner dl {flex-direction: column; align-items: flex-start; gap:10px;}
}

@media screen and (max-width:1024px) {
	.stf_box {margin-top:40px;}
}

@media screen and (max-width:920px) {
}

@media screen and (max-width:767px) {
	.stf_box {margin-top:30px;}
	.stf_t_box {padding-left:20px;}
	.stf_t_box .stf_txt {display:block;}
	.stf_t_box .stf_txt.stf_r {margin-top:6px;}
	.stf_line {padding-left:0; margin-left:0;}
	.stf_line:before {display:none;}
	
	.stf_srchbox .stf_fix .stf_srchinner {font-size:1.5rem;}
	.stf_srchbox .stf_fix .stf_srchinner dt:before {top:-1px;}
	.stf_srchbox .stf_fix .stf_srchinner dd .radio_check .keep_text:before {top:5px;}
	.stf_srchbox .stf_fix .stf_srchinner dd .radio_check .input_keep {top:6px;}
	
	.stf_srchbox {padding-left:20px;}
}

@media screen and (max-width:640px) {
	.stf_srchbox {padding:15px 20px 18px 20px;}
	.stf_t_box .stf_txt strong {display:block;}
	.stf_t_box .stf_txt span {margin:0 5px;}
	
	.stf_srchbox .stf_fix .stf_srchinner {padding-left:0; height:auto;}
	.stf_srchbox .stf_fix .stf_srchinner:before {display:none;}
	
	.stf_srchbox .stf_fix .stf_txtbtn input {width:calc(100% - 70px); font-size:1.4rem;}
	.stf_srchbox .stf_fix .srf_btn {width:60px;}
}

@media screen and (max-width:480px) {
}



/********************************
 오시는길
 *******************************/
.map_box {position:relative; padding:0; line-height:0; font-size:0; border-radius:10px 10px 0 0; z-index:0;}
.map_box .root_daum_roughmap {width:100%; height:400px; border-radius:10px 10px 0 0;}
.map_box .root_daum_roughmap .wrap_map {height:100%;}
.map_box .hide {display:none;}

.map_info {display:block; padding:0 40px; border:1px solid #ddd; border-radius:0 0 10px 10px;}
.map_info dl {display:flex; align-items:center;}
.map_info dt {width:20%; font-size:2.4rem; font-family:'OneMobile';}
.map_info dd {padding:5px 5px 5px 30px;}
.map_info dd li {position:relative; margin:20px 0; padding-left:50px;}
.map_info dd li:before {content:''; position:absolute; left:0; top:-3px; width:36px; height:36px; background-color:#f4f4f9; border-radius:50%;}
.map_info dd li .map_icon {}
.map_info dd li .map_icon:before {content:''; position:absolute; left:6px; top:3px; width:23px; height:23px; background-image:url(../images/minicon_ir.png); background-repeat:no-repeat;}
.map_info dd li .map_icon.addr:before {background-position:-336px 0;}
.map_info dd li .map_icon.num:before {background-position:-288px 0;}


/* media query */
@media screen and (max-width:1200px) {
}

@media screen and (max-width:1024px) {
	.map_info dt {width:25%; font-size:2.2rem;}
}

@media screen and (max-width:920px) { 
}

@media screen and (max-width:767px) {
	.map_info dt {font-size:2.0rem;}
	.map_info dd li {padding-left:45px;}
	.map_info dd li:before {top:-2px; width:33px; height:33px;}
	.map_info dd li .map_icon:before {left:5px;}
}

@media screen and (max-width:640px) {
	.map_info {padding:20px;}
	.map_info dl {align-items:flex-start; flex-direction:column;}
	.map_info dt {width:100%;}
	.map_info dd {width:100%; padding:0;}
	.map_info dd li {margin:15px 0 5px; padding-left:40px;}
}

@media screen and (max-width:480px) {
}