@charset "UTF-8"; 

/********************************
 제목
 *******************************/
h2 {margin-top:40px; margin-bottom:5px;}
h2:first-child {margin-top:0;}
h3 {margin-top:24px; margin-bottom:6px;}
h4 {margin-top:10px; margin-bottom:5px;}
.tith2 {position:relative; padding-left:28px; font-size:2.8rem; font-weight:700; color:#121212;}
.tith2:before {content:''; display:block; position:absolute; top:7px; left:0; width:22px; height:22px; background:url(../images/sub_ir.png) 0 0 no-repeat;}
.sub_h2 {margin-top:0; font-size:2.8rem; color:#005bac;}

.tith3 {position:relative; padding-left:14px; font-size:2.4rem; font-weight:500; color:#0076c4;}
.tith3:before {content:''; display:block; position:absolute; top:6px; left:0; width:8px; height:20px; background:url(../images/sub_ir.png) 0 -23px no-repeat;}
.tith3.nogap {margin-top:5px;} /*h2 바로다음 사용시*/

.tith3_nb {margin-top:5px; font-size:2.4rem; font-weight:500; color:#121212;}
.tith3_ng {margin-top:5px; font-size:2.4rem; font-weight:500; color:#0076c4;}

.tith4 {font-size:2.0rem; font-weight:500; color:#333;}
/* media query */
@media screen and (max-width:1200px){
}

@media screen and (max-width:1024px){
	h2 {margin-top:30px;}
	h3 {margin-top:20px;}
	.tith2 {font-size:2.6rem;}
	.tith3 {font-size:2.2rem;}
	.tith3:before {top:5px;}
}

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

@media screen and (max-width:767px){
	.tith2 {font-size:2.4rem; padding-left:27px;}
	.tith2:before {top:5px;}
	.sub_h2 {font-size:2.4rem;}
	.tith3 {padding-left:11px; font-size:2.0rem;}
	.tith3:before {top:4px;}
	.tith3_nb, .tith3_ng {font-size:2.0rem;}
	.tith4 {font-size:1.8rem;}
}

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

@media screen and (max-width:480px){
	h2 {margin-top:25px;}
	h3 {margin-top:16px;}
	.tith2 {font-size:2.2rem; padding-left:27px;}
	.tith2:before {top:4px;}
	.sub_h2 {font-size:2.2rem;}
	.tith3 {font-size:1.9rem;}
	.tith3:before {top:3px;}
	.tith3_nb, .tith3_ng {font-size:1.9rem;}
	.tith4 {font-size:1.7rem;}
}



/********************************
 주의사항(안내)
 *******************************/
.tip {position:relative; padding-left:30px;}
.tip:before {content:''; display:inline-block; position:absolute; left:0; top:2px; width:24px; height:24px; background-image:url(../images/sub_ir.png); background-repeat:no-repeat;}
.tip.blue {color:#316cf2;}
.tip.blue:before {background-position:0 -45px;}
.tip.red {color:#f24331;}
.tip.red:before {background-position:0 -70px;}
.tip.pt_txt {font-size:1.7rem; font-weight:500;}
.tip.pt_txt:before {top:3px;}

.tip.list:before {top:3px;}/*리스트안에 주의사항 있을경우*/


/* media query */

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

@media screen and (max-width:767px){
	.tip {padding-left:25px;}
	.tip:before {top:0; width:20px; height:20px;}
	.tip.blue:before {background-position:-25px -98px;}
	.tip.red:before {background-position:-46px -98px;}
	
	.tip.list:before {top:2px;}
	
	.tip.pt_txt {font-size:1.6rem; line-height:1.4;}
	.tip.pt_txt:before {top:1px;}
}

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

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

/********************************
 리스트타입 - 기본
 *******************************/
.list_1st li:before, .list_2st li:before, .list_3st li:before {background-image:url(../images/sub_ir.png); background-repeat:no-repeat;}

.list_1st {} /*4단계까지*/
.list_1st > li {position:relative; padding-left:20px;}
.list_1st > li:before {content:''; display:block; position:absolute; top:8px; left:3px; width:10px; height:10px; background-position:0 -95px;}
.list_1st > li > ul {margin-bottom:10px;}
.list_1st > li > ul > li {position:relative; padding-left:10px;}
.list_1st > li > ul > li:before {content:''; display:block; position:absolute; top:9px; left:-2px; width:8px; height:8px; background-position:0 -106px;}
.list_1st > li > ul > li > ul {margin-bottom:10px;}
.list_1st > li > ul > li > ul > li {position:relative; padding-left:10px;}
.list_1st > li > ul > li > ul > li:before {content:''; display:block; position:absolute; top:11px; left:-3px; width:7px; height:4px; background-position:0 -122px;}
.list_1st > li > ul > li > ul > li > ul {margin-bottom:10px;}
.list_1st > li > ul > li > ul > li > ul > li {position:relative; padding-left:10px;}
.list_1st > li > ul > li > ul > li > ul > li:before {content:''; display:block; position:absolute; top:10px; left:-3px; width:6px; height:6px;background-position:0 -115px;}

.list_2st {} /*3단계까지*/
.list_2st > li {position:relative; padding-left:10px;}
.list_2st > li:before {content:''; display:block; position:absolute; top:8px; left:-2px; width:8px; height:8px; background-position:0 -106px;}
.list_2st > li > ul > li {position:relative; padding-left:10px;}
.list_2st > li > ul > li:before {content:''; display:block; position:absolute; top:11px; left:-3px; width:7px; height:4px;  background-position:0 -122px;}
.list_2st > li > ul > li > ul {margin-bottom:10px;}
.list_2st > li > ul > li > ul > li {position:relative; padding-left:10px;}
.list_2st > li > ul > li > ul > li:before {content:''; display:block; position:absolute; top:10px; left:-3px; width:6px; height:6px;background-position:0 -115px;}
.list_2st > li > ul > li > ol > li {position:relative; padding-left:10px;}
.list_2st > li > ul > li > ol > li:before {content:''; display:block; position:absolute; top:12px; left:-3px; width:6px; height:6px;background-position:0 -115px;}

.list_3st {} /*2단계까지*/
.list_3st > li {position:relative; padding-left:10px;}
.list_3st > li:before {content:''; display:block; position:absolute; top:11px; left:-3px; width:7px; height:4px;  background-position:0 -122px;}
.list_3st > li > ul {margin-bottom:10px;}
.list_3st > li > ul > li {position:relative; padding-left:10px;}
.list_3st > li > ul > li:before {content:''; display:block; position:absolute; top:10px; left:-3px; width:6px; height:6px; background-position:0 -115px;}


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

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

@media screen and (max-width:767px){
	.list_1st > li {padding-left:17px;}
	.list_1st > li:before {top:6px;}
	.list_1st > li > ul > li {padding-left:9px;}
	.list_1st > li > ul > li:before {top:7px;}
	.list_1st > li > ul > li > ul > li {padding-left:8px;}
	.list_1st > li > ul > li > ul > li:before {top:9px;}
	.list_1st > li > ul > li > ul > li > ul > li {padding-left:7px;}
	.list_1st > li > ul > li > ul > li > ul > li:before {top:8px;}
	
	
	.list_2st > li {padding-left:9px;}
	.list_2st > li:before {top:7px;}
	.list_2st > li > ul > li {padding-left:8px;}
	.list_2st > li > ul > li:before {top:9px;}
	.list_2st > li > ul > li > ul > li {padding-left:7px;}
	.list_2st > li > ul > li > ul > li:before {top:8px;}
	
	
	.list_3st > li {padding-left:8px;}
	.list_3st > li:before {top:9px;}
	.list_3st > li > ul > li {padding-left:7px;}
	.list_3st > li > ul > li:before {top:8px;}
}

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

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

/********************************
 리스트타입 - 숫자
 *******************************/
.list_num > li i, 
.list_num_l > li i {display:inline-block; position:absolute; left:0; top:3px; width:22px; height:22px; line-height:22px; font-size:1.2rem; text-align:center; text-indent:-1px; border-radius:50px;}

.list_num {} /*2단계까지*/
.list_num > li {position:relative; padding-left:30px;}
.list_num > li i {color:#fff; background-color:#1b75d6;}
.list_num > li > ul {margin-top:4px; margin-bottom:10px;}
.list_num > li > ul > li {position:relative; padding-left:30px;}
.list_num > li > ul > li i {color:#1b75d6; line-height:22px; border:1px solid #1b75d6; background-color:#fff;}

.list_num_l {} /*2단계 - 점*/
.list_num_l > li {position:relative; padding-left:30px;}
.list_num_l > li i {color:#fff; background-color:#1b75d6;}
.list_num_l > li > ul {margin-bottom:10px;}
.list_num_l > li > ul > li {position:relative; padding-left:10px;}
.list_num_l > li > ul > li:before {content:''; display:block; position:absolute; top:11px; left:-3px; width:7px; height:4px; background:url(../images/sub_ir.png) 0 -122px no-repeat;}



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

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

@media screen and (max-width:767px){
	.list_num > li {padding-left:25px;}
	.list_num > li, .list_num_l > li {margin:2px 0;} /*원간격 조정*/
	.list_num > li i, .list_num_l > li i {width:21px; height:21px; line-height:22px; top:1px;}
	
	.list_num > li > ul > li {padding-left:25px;}
	.list_num > li > ul > li i {line-height:21px;}
	
	.list_num_l > li > ul > li {padding-left:8px;}
	.list_num_l > li > ul > li:before {top:9px;}
	
	.list_num_l > li {padding-left:25px;}
}

@media screen and (max-width:640px){
	.list_num > li {padding-left:23px;}
	.list_num > li, .list_num_l > li {margin:2px 0;} /*원간격 조정*/
	.list_num > li i, .list_num_l > li i {width:18px; height:18px; line-height:18px; top:2px;}
	.list_num > li > ul > li {padding-left:23px;}
	.list_num > li > ul > li i {line-height:18px;}
}

@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; height:100%; padding-left:10px; padding-top:10px; vertical-align:middle;}
.tab_box li a {display:table-cell; height:60px; cursor:pointer; color:#333; vertical-align:middle; line-height:1.0; border-radius:5px; border:1px solid #cacaca; text-align:center;}

.tab_box li a:hover, .tab_box li a:active, .tab_box li a:focus {color:#222; border-color:#d9dee1; background-color:#d9dee1; transition: all 0.1s linear;}
.tab_box li.tab_on a {color:#fff; border-color:#1d79c4; background-color:#1d79c4; font-weight:500;}
.tab_box li a span {display:block; padding:5px 15px; font-size:2.0rem; 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%;}

/*2차 탭*/
.tab_secarea {position:relative; margin-bottom:30px; padding:20px 20px 0; }
.tab_secarea:before {content:''; display:block; position:absolute; left:0; bottom:0; width:100%; height:1px; background-color:#d8d8d8; /*z-index:1;*/}
.tab_secarea: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 1px 0; border-style:solid; border-color:#cacaca; border-radius:7px 7px 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; 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:0 15px; font-size:1.7rem; line-height:1.2;}


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

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

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

@media screen and (max-width:767px){
	.tab_box.tab_col5 li {width:33.3333%;} /*탭:조정*/
	.tab_box.tab_col4 li {width:33.3333%;} 
	.tab_box.tab_col3 li {width:50%;}
	
	.tab_secarea {padding:15px 0;}
	.tab_secarea:before {display:none;}
	.tab_box2 li {width:33.3333%; padding:2px; min-width:inherit;}
	.tab_box2 li a {border-width:1px; border-radius:7px;}
	.tab_box2 li a span {padding:0 5px;}
}

@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 {width:100%;}
	
	.tab_box2 li {width:50%;}
	.tab_box2 li a {height:42px;}
}

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


/********************************
 youtube-반응형
 *******************************/
.youtube_box {position:relative; height:0; padding-bottom:56.25%;}
	/*자막*/
.subtitles_box {padding:20px; overflow-y:auto; border-color:#dbdbdb; background-color:#f9f9f9;}

/********************************
 테이블
 *******************************/
/*스크롤*/
.scrl_box {}

/*리스트 내 테이블 위치수정*/
.list_in_tbl01 {margin-left:-20px;} /*1depth : li*/
.list_in_tbl02 {margin-left:-28px;} /*2depth : li*/
.list_in_tbl03 {margin-left:-36px;} /*3depth : li*/

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:#446db5;}
.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:#f6faff;}
.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:#fbfcfd;}
.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;}
.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;}

/*테이블-내부컨텐츠용*/
a.t_open_n {display:inline-block;}
a.t_open_n span {padding-right:20px !important; background:url(/storyCms/rep/images/icon_openwin.png) right 1px no-repeat;}

/*테이블내 글자오버*/
.wb_ba {word-break:break-all !important;}


/* 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; position:relative; padding-top:25px; width:100%;}
	.scrl_box:before {content:'테이블을 좌우로 드래그 해주세요'; position:absolute; color:#444; left:0; top:0; font-size:1.6rem;}
	.scrl_box .tbl_base {width:768px;}/*스크롤 사용시 테이블 사이즈 고정*/
}

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

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

/********************************
 이미지박스 : 큰이미지보기
 *******************************/
.imgbox {position:relative;}
.imgbox figcaption {display:none; margin:0; padding:0;}
.imgbox figcaption a {display:block; padding:10px 0; color:#333; text-align:center; border:1px solid #ddd; background-color:#f5f5f5;}
.imgbox figcaption a:hover,
.imgbox figcaption a:active,
.imgbox figcaption a:focus {border-color:#0072d2; color:#0072d2; font-weight:500;}
.imgbox figcaption a span {position:relative; display:inline-block;}

.imgbox2 {position:relative;}
.imgbox2 img {width:100%; height:100%; border-radius:8px;}
.imgbox2 a {display:none; position:absolute; bottom:10px; right:10px; margin:0; padding:0; padding:10px 15px; color:#fff; text-align:center; background-color:#111; border-radius:8px; font-size:1.6rem;}

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



@media screen and (max-width:767px) {
	.imgbox {padding:10px; border:1px solid #ddd;}
	.imgbox figcaption {display:block; padding:10px 0 0;}
  
  	
	.imgbox2 a {display:block; font-size:1.4rem;}
}



/********************************
 안내박스(텍스트)
 *******************************/
.info_txtbox {position:relative; padding:25px; border:1px solid #eee; background-color:#fafafa; border-radius:30px 10px 30px 10px;}
.info_txtbox p {margin-bottom:0;}
.info_txtbox h3 {margin-top:0; color:#3c62c0;}
.info_txtbox ul {}
.info_txtbox li:before {background-image:url(../images/sub_ir.png); background-repeat:no-repeat;}
.info_txtbox ul > li {position:relative; padding-left:10px;}
.info_txtbox ul > li:before {content:''; display:block; position:absolute; top:9px; left:-2px; width:8px; height:8px; background-position:0 -106px;}
.info_txtbox ul > li > ul > li {position:relative; padding-left:8px;}
.info_txtbox ul > li > ul > li:before {content:''; display:block; position:absolute; top:12px; left:-3px; width:7px; height:4px; background-position:0 -122px;}

/*본문중간 안내박스*/
.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){
	.info_txtbox ul > li:before {top:8px;}
	.info_txtbox ul > li > ul > li:before {top:10px;}
}

@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){
}


/********************************
 상단안내글 (아이콘)
 *******************************/
.top_txtbox {position:relative; padding: 30px 40px; margin-bottom:25px; border:1px solid #d9d9d9; background-color:#fff; border-radius:17px;}
.top_txtbox:before {content:""; display:block; position:absolute; width:150px; height:120px; top:-1px; left:-1px; border:2px solid #3c62c0; border-bottom:0; border-right:0; border-radius:15px 0 0;}
.top_txtbox:after {content:""; display:block; position:absolute; width:130px; height:120px; bottom:-1px; right:-1px; border:2px solid #3c62c0; border-left:0; border-top:0; border-radius:0 0 15px;}
.top_txtinner {position:relative; padding:5px 5px 5px 140px; min-height:112px; background-color:#fff; z-index:2;}
.top_txtinner .t_txt {display:table-cell; height:112px; vertical-align:middle;}
.top_txtinner .t_txt h3 {margin-top:0; color:#3c62c0;}
.top_txtinner:before {content:''; display:inline-block; position:absolute; top:50%; left:0; margin-top:-51px; width:102px; height:102px; background-image:url(../images/sub_ir.png); background-repeat:no-repeat;}

.top_txtinner.t_icon.t_icon01:before {background-position:0 -227px;} /*알림*/
.top_txtinner.t_icon.t_icon02:before {background-position:-103px -227px;} 
.top_txtinner.t_icon.t_icon03:before {background-position:-206px -227px;} 
.top_txtinner.t_icon.t_icon04:before {background-position:-309px -227px;} 
.top_txtinner.t_icon.t_icon05:before {background-position:-412px -227px;} 
.top_txtinner.t_icon.t_icon06:before {background-position:-515px -227px;} 
.top_txtinner.t_icon.t_icon07:before {background-position:-618px -227px;} 
.top_txtinner.t_icon.t_icon08:before {background-position:-721px -227px;}
.top_txtinner.t_icon.t_icon09:before {height:86px; margin-top:-43px; background-position:0px -330px;} /*책이음*/
.top_txtinner.t_icon.t_icon10:before {width:97px; height:96px; margin-top:-48px; background-position:-103px -330px;} /*책나래*/
.top_txtinner.t_icon.t_icon11:before {left:-16px; width:145px; height:80px; margin-top:-40px; background-position:-201px -330px;} /*책바다*/ 
.top_txtinner.t_icon.t_icon12:before {background-position:-824px -227px;} 
.top_txtinner.t_icon.t_icon13:before {background-position:-927px -227px;} 
.top_txtinner.t_icon.t_icon14:before {background-position:-1030px -227px;} 
.top_txtinner.t_icon.t_icon15:before {background-position:-1133px -227px;} 
.top_txtinner.t_icon.t_icon16:before {background-position:-1236px -227px;}
.top_txtinner.t_icon.t_icon17:before {background-position:-1339px -227px;}
.top_txtinner.t_icon.t_icon18:before {background-position:-1442px -227px;}
.top_txtinner.t_icon.t_icon19:before {background-position:-1545px -227px;} /*대관*/

.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_txtbox {padding:20px 30px;}
	.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 {padding:20px;}
	.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;}
}

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

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



/********************************
 정보표시 (아이콘)
 *******************************/
.info_listbox {overflow:hidden;}
.info_listbox:after {content:''; display:block; visibility:hidden; clear:both;}
.info_listbox .info_listinner {margin-left:-10px;}
.info_ul_list li a:hover, .info_ul_list li a:active, .info_ul_list li a:focus {font-weight:500; text-decoration:underline;}
.info_ul_list li {float:left; display:inline-block; margin-bottom:10px; padding-left:10px;}
.info_ul_list li .info_fix {display:block; position:relative; padding:8px 8px 8px 54px; border:1px solid #DFE4EF; background-color:#F8F8FC; border-radius:15px;}
.info_ul_list .icon {display:block; position:absolute; left:20px; top:50%; margin-top:-12px; width:23px; height:23px; font-size:0; text-indent:-9999px;}
.info_ul_list .icon:before {content:''; display:inline-block; position:absolute; top:0; left:0; width:23px; height:23px; background-image:url(../images/sub_ir.png); background-repeat:no-repeat;}
.info_ul_list .icon.icon01:before {background-position:0 -203px;} /*전화*/
.info_ul_list .icon.icon02:before {background-position:-24px -203px;} /*설정*/
.info_ul_list .icon.icon03:before {background-position:-120px -203px;} /*메일*/
.info_ul_list .icon.icon04:before {background-position:-144px -203px;} /*지도*/
.info_ul_list .icon.icon05:before {background-position:-168px -203px;} /*인쇄*/
.info_ul_list .icon.icon06:before {background-position:-216px -203px;} /*문구*/
.info_ul_list .icon.icon07:before {background-position:-48px -203px;} /*다운*/
.info_ul_list .icon.icon08:before {background-position:-240px -203px;} /*새창*/
.info_ul_list .icon.icon09:before {background-position:-192px -203px;} /*안내1*/
.info_ul_list .icon.icon10:before {background-position:-72px -203px;} /*안내2*/
.info_ul_list .icon.icon11:before {background-position:-96px -203px;} /*달력*/
.info_ul_list .info_fix span {display:table-cell; height:42px; line-height:1.4; vertical-align:middle;}

.info_ul_list.col_4 li {width:25%;}
.info_ul_list.col_3 li {width:33.3333%}
.info_ul_list.col_2 li {width:50%}
.info_ul_list li.re_all {width:100% !important;}



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

@media screen and (max-width:1024px){
	.info_ul_list.col_4 li {width:33.3333%;} /*안내-아이콘박스:조정*/
}

@media screen and (max-width:920px){
	.info_ul_list.col_4 li, .info_ul_list.col_3 li {width:50%;} /*안내-아이콘박스*/
}

@media screen and (max-width:767px){
	.info_ul_list.col_4 li, .info_ul_list.col_3 li, .info_ul_list.col_2 li {width:100%;}
}

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

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

/********************************
 버튼
 *******************************/
	/*버튼-아이콘 공통*/
.btn_icon {display:block; position:absolute; right:10px; top:50%; margin-top:-16px; width:32px; height:32px; font-size:0; text-indent:-9999px;}
.btn_icon:before {content:''; display:inline-block; position:absolute; top:0; left:0; width:32px; height:32px; background-image:url(../images/sub_ir.png); background-repeat:no-repeat;}
.btn_icon.bcon01:before {background-position:0 -170px;} /*PDF*/
.btn_icon.bcon02:before {background-position:-33px -170px;} /*워드*/
.btn_icon.bcon03:before {background-position:-66px -170px;} /*파워포인트*/
.btn_icon.bcon04:before {background-position:-99px -170px;} /*엑셀*/
.btn_icon.bcon05:before {background-position:-132px -170px;} /*일러스트*/
.btn_icon.bcon06:before {background-position:-165px -170px;} /*한글*/
.btn_icon.bcon07:before {background-position:-198px -170px;} /*이미지파일*/
.btn_icon.bcon08:before {background-position:-231px -170px;} /*오픈오피스*/
.btn_icon.bcon09:before {background-position:-264px -170px;} /*새창*/
.btn_icon.bcon10:before {background-position:-297px -170px;} /*다운*/
.btn_icon.bcon11:before {background-position:-330px -170px;} /*검색or보기*/
.btn_icon.bcon12:before {background-position:-363px -170px;} /*신청-작성*/
.btn_icon.bcon13:before {background-position:-396px -170px;} /*브라우저*/

	/*버튼-리스트*/
.btn_listbox {overflow:hidden;}
.btn_listbox:after {content:''; display:block; visibility:hidden; clear:both;}
.btn_listbox .btn_listinner {margin-left:-10px;}
.btn_ul_list li a:hover, .btn_ul_list li a:active, .btn_ul_list li a:focus {font-weight:500; text-decoration:underline; border-color:#444; transition: border-color 0.2s linear;}
	/*애니 추가:st*/
.btn_ul_list li a:hover .btn_icon,
.btn_ul_list li a:active .btn_icon,
.btn_ul_list li a:focus .btn_icon {animation: tong2 0.5s ease alternate;}
	/*애니 추가:ed*/	
.btn_ul_list li {float:left; display:inline-block; margin-bottom:10px; padding-left:10px;}
.btn_ul_list li a {display:block; position:relative; padding:5px 50px 5px 11px; border:1px solid #ddd; border-radius:10px; background-color:#fff;}
.btn_ul_list li a span {display:table-cell; height:42px; line-height:1.2; vertical-align:middle; font-size:1.8rem;}

.btn_ul_list.col_4 li {width:25%;}
.btn_ul_list.col_4 li a span {height:44px;}
.btn_ul_list.col_3 li {width:33.3333%;}
.btn_ul_list.col_2 li {width:50%;}
.btn_ul_list.col_1 li {width:100%;}

	/*버튼-단독사용*/
.btn_one:hover, .btn_one:active, .btn_one:focus {font-weight:500; text-decoration:underline; border-color:#444; transition:border-color 0.2s linear;}
.btn_one {display:inline-block; position:relative; margin-bottom:5px; padding:6px 55px 6px 12px; min-height:32px; border:1px solid #ddd; border-radius:10px; background-color:#fff;}
.btn_one .btn_icon {top:8px; margin-top:0;}
.btn_one span {display:block; line-height:36px; font-size:1.8rem;}
.btn_one.col_1 {}
button.btn_one.col_1 {text-align:left;}

.btn_set {display:inline-block; position:relative;}


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

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

@media screen and (max-width:920px){
	.btn_ul_list.col_4 li {width:33.3333%;}
	.btn_ul_list.col_3.re_half li {width:50%;}
}

@media screen and (max-width:767px){
	.btn_ul_list.col_4 li,
	.btn_ul_list.col_3 li {width:50%;}
	.btn_ul_list li a span {font-size:1.55rem;}
	.btn_one span {font-size:1.6rem;}
}

@media screen and (max-width:640px){
	.btn_ul_list.col_4 li,
	.btn_ul_list.col_3 li,
	.btn_ul_list.col_2 li {width:100%;}
	.btn_ul_list.col_3.re_half li {width:100%;}
	
	.btn_one.col_1 {display:block;}
	button.btn_one.col_1 {width:100%;}
}

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



/********************************
 순서도 박스
 *******************************/
.step_box {position:relative;}
.step_box:after {content:''; display:block; visibility:hidden; clear:both;}
.step_box.add_line {border:1px solid #e9e9e9;}
.step_box {}
.step_box ol {display:flex; flex-wrap:wrap;}
.step_box ol > li {position:relative; display:table; float:left; padding:0 5% 2% 0;}
.step_box ol > li:after {content:''; position:absolute; right:7%; top:40%; width:17px; height:16px; line-height:1; background:url(../images/sub_ir.png) -345px 0 no-repeat;}
.step_box ol > li:last-child:after {display:none;}
.step_box ol > li:last-child .step_cont em {border-top-color:rgba(255,255,255,1.0);}
.step_box .step_cont {display:table-cell; text-align:center; vertical-align:middle; padding:10px 20px; border-radius:5px; border:1px solid #0072d2; box-shadow:3px 3px 6px rgba(0,0,0,0.1);}
.step_box .step_cont i {display:block; font-size:1.2rem;}
.step_box .step_cont i span {display:inline-block; margin-bottom:5px; padding:2px 12px; border-radius:20px; background-color:#0072d2; color:#fff;}
.step_box .step_cont .tit {display:block; font-weight:500; color:#0072d2;}
.step_box .step_cont em {display:block; margin-top:10px; padding-top:10px; line-height:1.2; border-top:1px dashed #ddd;}
.step_box .step_cont em.none {padding-top:0; border-top:none;}
.step_box .step_cont ul.em_list {display:block; margin-top:10px; padding-top:10px; line-height:1.2; border-top:1px dashed #ddd;}
.step_box .step_cont ul.em_list li {width:100%; text-align:left;}
.step_box ol > li .step_cont ul.em_list.list_2st > li:before {top:6px;}
.step_box ol > li:first-child .step_cont ul.em_list li:before,
.step_box ol > li:last-child .step_cont ul.em_list li:before {background-image:none; background-color:#fff; border-radius:50%; width:4px; height:4px; top:7px;}

	/*내부 높이조정*/
.step_box ol.re_h_150 .step_cont {height:150px;}
.step_box ol.re_h_200 .step_cont {height:200px;}
.step_box ol.re_h_280 .step_cont {height:280px; vertical-align:top; padding:20px 20px 10px;}

.step_box ol.step_col4 li {width:25%;}
.step_box ol.step_col3 li {width:33.3333%;}
.step_box ol.step_col2 li {width:50%;}

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

@media screen and (max-width:1024px){
	.step_box ol.re_h_280.step_col4 > li:after {right:3%;}
	.step_box ol.step_col4 li {width:33.333%;}
	.step_box ol.re_h_280.step_col4 > li {width:50%;}
	.step_box ol.re_h_280 .step_cont {height:220px;}
}

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

@media screen and (max-width:767px){
	.step_box ol > li:after {right:2%;}
	.step_box ol.re_h_280 > li {padding-right:0; padding-bottom:36px;}
	.step_box ol.re_h_280.step_col4 > li:after {right:50%; top:auto; bottom:6px; margin-right:-11px; width:22px; height:22px; background-position:-326px 0;}
	.step_box ol.step_col4 li, .step_box ol.step_col3 li {width:50%;}
	.step_box ol.re_h_280.step_col4 > li {width:100%;}
	.step_box ol.re_h_280 .step_cont {height:auto; vertical-align:middle; padding:20px 20px 30px;}
	.step_box ol > li .step_cont ul.em_list.list_2st > li:before {top:4px;}
	.step_box ol > li:first-child .step_cont ul.em_list li:before,
	.step_box ol > li:last-child .step_cont ul.em_list li:before {top:5px;}
}

@media screen and (max-width:640px){
	.step_box ol > li {padding-right:6%;}
}

@media screen and (max-width:480px){
	.step_box ol > li {padding-right:0; padding-bottom:36px;}
	.step_box ol > li:after {right:50%; top:auto; bottom:6px; margin-right:-11px; width:22px; height:22px; background-position:-363px 0;}
	.step_box .step_cont {padding:20px 20px 30px;}
	.step_box ol.step_col4 li, .step_box ol.step_col3 li, .step_box ol.step_col2 li {width:100%; margin-right:0;}
  	.step_box ol.step_col4 li:last-child, .step_box ol.step_col3 li:last-child, .step_box ol.step_col2 li:last-child {padding-bottom:15px;}
	
	/*순서도 내부 높이조정*/
	.step_box ol.re_h_150 .step_cont,
	.step_box ol.re_h_200 .step_cont {height:auto;}
}

/********************************
 만족도조사
 *******************************/
.stf_box {border:1px solid #C7CCDD; border-radius:10px;}
.stf_t_box {position:relative; padding:10px 20px;}
.stf_t_box .stf_txt {position:relative; padding-left:18px; display:inline-block; margin:0;}
.stf_t_box .stf_txt strong {display:inline-block; margin:0 5px; color:#333;}
.stf_t_box .stf_txt span {display:inline-block; margin:0 5px;}
.stf_t_box .stf_txt span .m_hidden {display:inline; margin:0;}
.stf_t_box .stf_txt span em {color:#007dc6; letter-spacing:0;}
.stf_t_box .stf_txt.stf_l:before {content:''; display:inline-block; position:absolute; top:6px; left:0; width:18px; height:18px; background:url(../images/sub_ir.png) -422px 0 no-repeat;}
.stf_line {position:relative; display:inline-block; margin-left:15px;}

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

@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 {}
	.stf_t_box {padding-left:20px;}
	.stf_t_box .stf_txt {display:block;}
	.stf_t_box .stf_txt:before {top:2px;}
	.stf_line {padding-left:0; margin-left:0;}
	.stf_line:before {display:none;}
}

@media screen and (max-width:640px){
	.stf_t_box .stf_txt strong {display:none;}
}

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


/********************************
 개인정보 수집동의 박스
 *******************************/
.agreebox {margin-top:20px; padding:20px 30px; border:1px solid #ddd; border-radius:15px;}
.agreebox h2.tith2,
.agreebox h3.tith3 {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/radio_box.png); background-size:22px 44px; background-repeat: no-repeat;}
.agrb_check {position:relative; display:inline-block; padding-left:22px;}
.agrb_check .input_keep {position:absolute; top:6px; 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:3px; left:0; background-position:0 0; background-repeat: no-repeat; width:22px; height:22px; background-color:#fff;}
.agrb_check input:checked+.keep_text:before {background-position:0px -22px; background-repeat:no-repeat; width:22px; height: 22px;}

/*회원가입 - 이용약관*/
.agreebox .scroll_box {max-height:200px; overflow-y:auto;}

@media screen and (max-width:767px){
	.agreebox {padding:20px 25px;}
	
	.agrb_check .keep_text {margin-left:2px;}
	.agrb_check .keep_text:before {top:1px; width:20px; height:20px; background-size:100%;}
	.agrb_check .input_keep {top:4px;}
}

@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;}
}

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