@charset "utf-8";

/* resest */
*{font-size:16px;}
html {-webkit-text-size-adjust: none;}
body {background: #f4f4f4;color: #454545;letter-spacing: -1px;overflow-wrap: break-word;-webkit-text-size-adjust: none;}
body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button , figure{ margin:0; padding:0; -webkit-text-size-adjust:none !important;  font-family: "Malgun Gothic", "맑은 고딕", Gulim, 굴림, sans-serif ;}

body, input, textarea, select, table, button, artcle {color:#454545;}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {display: block;}
button {border:0 none;background-color:transparent;cursor:pointer}
textarea { border:1px solid #bbbbbb; border-radius:3px; box-shadow:inset 1px 1px 2px #cecece; -webkit-box-shadow:inset 2px 2px 2px #cecece;	}
select {background:#f2f2f2;border:1px solid #d5d5d5;padding:8px 0;}
img, fieldset { border:0; }
ul, ol { list-style-type: none; list-style-image: none; }
a {	color: #444; cursor: pointer; text-decoration: none; }
em, address { font-style: normal;}
hr { display: none !important; }
form legend { display:none !important; }
table { border-spacing:0; border-collapse:collapse;}
img { vertical-align:text-top;}
caption { display:none;}
aside, figure, figcaption, nav, header, footer { display:block;}


/* content */
#term-wrap {padding:0 28px 20px 28px;width:100%;min-width:320px;box-sizing: border-box;}
#term-header{width:100%;height:222px;background:#f4f4f4;position:relative;}
.logo{padding-top:25px;text-align:center;}
.logo img{width:40px;}
.help{position:absolute;right:10px;top:130px;width:30px;}
.help button > img{width:100%}
.top h1{font-size:1.4em;font-weight:bold;padding:20px 0 10px 0;text-align:center;}
.top h2{display:block;font-size:1.071em;font-weight:bold;padding:0 0 18px 0;text-align:left;}

#term-header .box{border:1px solid #b5b5b5;background:#fff;padding:20px 50px 20px 20px;color:#707070;line-height:1.6;letter-spacing:-1px;position:absolute;top:10px;left:0;right:0;z-index:9999;border-radius:10px 10px 10px 10px;box-sizing: border-box;}
#term-header .box button{position:absolute;right:20px;top:20px;width:25px;height:25px;}
#term-header .box button > img{width:100%}

.tabmenu{overflow:hidden;background:#f4f4f4;}
.tabmenu ul{margin:0;padding:0;width:100%;border-radius:10px 10px 0 0;}
.tabmenu li{float:left;width:25%;line-height:1.8;text-align:center;overflow:hidden;}
.tabmenu li a{display:block;height:55px;background:#e1e1e1;font-weight:bold;line-height:50px;}
.tabmenu li:first-child a {border-radius:10px 0 0 0;}
.tabmenu li:last-child a {border-radius:0 10px 0 0;}
.tabmenu li.current a{background:#f48024;color:#fff;}



#term-content{}
.tab-content{position:relative;z-index:2;padding:20px;border:1px solid #f48024;border-radius:10px 10px 10px 10px;letter-spacing:-1px;display:none;background:#fff;}
.tabFixed {position:fixed;top:0;left:27px;right:27px;background:#f4f4f4;z-index:999;}

.tab-content > h2{font-weight:bold;font-size:1.071em;margin-bottom:15px;}
.tab-content > h3{font-weight:bold;font-size:1.0em;margin-bottom:15px;}
.tab-content > h3:before{content:'\2022\0020';}

.cont-list1{margin-bottom:25px;}
.cont-list1 > li{counter-increment:step-counter;padding:0 0 5px 0;line-height:1.8;}
.cont-list1 > li:before{content:counter(step-counter)'. ';padding-right:5px;font-weight:bold;font-size:1.071em;}
.cont-list1 > li > strong{font-size:1.071em;}

.cont-list2{margin:0 0 25px 10px}
.cont-list2 > li{margin-bottom:4px;padding-left:10px;text-indent:-10px;line-height:1.6;}
.cont-list2 > li:before{content:'\2013\0020';}

.list-type1{margin:8px 15px 15px 20px;}
.list-type1 dt{margin-bottom:2px;}
.list-type1 dd{padding-left:2px;line-height:1.6;text-indent:0;}
.list-type1 > li{ margin-bottom:4px; line-height: 1.6; padding-left:10px; text-indent: -10px; }


.list-type2{margin:8px 15px 15px 20px;}
.list-type2 li{padding-left:2px;line-height:1.6;text-indent:0;}

.list-type3{margin-bottom:10px;}
.list-type3 li{line-height:1.6;margin-bottom:10px;}
.list-type3 li:before{content:'\2022\0020';}
.list-type3 li > ul > li{padding-left:10px;margin-bottom:0;}
.list-type3 li > ul > li:before{content:''}

.txt{font-size:0.9rem;line-height:1.4;margin-bottom:4px;}
.mg-b25{margin-bottom:25px !important;}

.step{margin: 0 0 25px 0;}
.step dt{border:1px solid #e6e6e6;border-top:0;position:relative;height:130px;padding-left:140px;overflow:hidden;z-index:0;}
.step dt:first-child{border-top:1px solid #e6e6e6;}
.step dt:before{position:absolute;top:15px;left:15px;width:100px;height:100px;content:'';}

.step dt.step-apply:before{background:url(../../images/P5/ico_step_apply_w.png) no-repeat left top;}
.step dt.step-chk:before{background:url(../../images/P5/ico_step_chk_w.png) no-repeat left top;}
.step dt.step-docu:before{background:url(../../images/P5/ico_step_docu_w.png) no-repeat left top;}
.step dt.step-ok:before{background:url(../../images/P5/ico_step_ok_w.png) no-repeat left top;}
.step dt.step-complete:before{background:url(../../images/P5/ico_step_complete_w.png) no-repeat left top;}
.step dt.step-as:before{background:url(../../images/P5/ico_step_as_w.png) no-repeat left top;}

.step dt a{display:table;width:100%;height:130px;background:url(../../images/P5/btn_arrow_dwn_w.png) no-repeat 98% 50%;}
.step dt a.current{background:url(../../images/P5/btn_arrow_up_w.png) no-repeat 98% 50%;}
.step dt .step-tit{display:table-cell;vertical-align:middle;padding-right:30px;line-height:1.6;font-size:1.011em;}
.step dt .step-tit *{font-size:1.05em;}
.step dd{border:1px solid #e6e6e6;border-top:0;padding:20px;line-height:1.6;}
.step dd > h4{}

.box{background:#f7f7f7;border:1px solid #e6e6e6;padding:15px;font-weight:bold;}
.box .subtit{font-weight:bold;margin-bottom:5px;}
.box li{margin-bottom:8px;padding-left:14px;text-indent:-14px;line-height:1.6;font-weight:bold;}
.box li:before{content:'※ ';}

.box-police{display:table;background:#f7f7f7 url(../../images/P5/ico_police.png) no-repeat 20px 10px;border:1px solid #e6e6e6;min-height:130px;padding:15px 35px 15px 160px;margin-bottom:25px;box-sizing:border-box;width:100%;}
.box-police > p{display:table-cell;vertical-align:middle;font-weight:bold;}

/* table */
.table-type1{width:100%;table-layout:fixed;margin-bottom:10px}
.table-type1 th,
.table-type1 td{border:1px solid #e6e6e6;padding:13px 0;text-align:center;font-weight:normal;}
.table-type1 thead th{background:#f7f7f7;text-align:center;font-weight:bold;}
.table-type1 tr.line th,
.table-type1 tr.line td{border-top:3px solid #e6e6e6;}
.table-type1 td.alignL{text-align:left; padding:13px 13px;}

.table-type2{width:100%;table-layout:fixed;margin-bottom:10px}
.table-type2 th,
.table-type2 td{border:1px solid #e6e6e6;}
.table-type2 th{background:#f7f7f7;text-align:center;padding:13px 0;font-weight:bold;text-align:center;}
.table-type2 td{padding:13px 13px;}

.table-type2 h3{font-size:1em;font-weight:bold;padding:1% 0;}
.table-type2 p{line-height:1.6}
.table-type2 ol > li{line-height:1.6;margin-bottom:10px;}
.table-type2 ul > li{line-height:1.6;}

/* 20190617 추가 */
.table-type1.black {background: #fff;  text-indent:0;}
.table-type1.black thead th {color: #fff; background: #636363;}

.table-type2{width:100%;table-layout:fixed;margin-bottom:10px}
.table-type2 th,
.table-type2 td{border:1px solid #e6e6e6;}
.table-type2 th{background:#f7f7f7;text-align:center;padding:13px 0;font-weight:bold;text-align:center;}
.table-type2 td{padding:13px 13px;}

.table-type2 h3{font-size:1em;font-weight:bold;padding:1% 0;}
.table-type2 p{line-height:1.6}
.table-type2 ol > li{line-height:1.6;margin-bottom:10px;}
.table-type2 ul > li{line-height:1.6;}


@media (max-width:720px){
	*{font-size:14px;}
	#term-header{height:200px;}
	.logo{width:80px;margin:auto;}
	.help{right:0;top:110px;width:25px;}
	.help button > img{width:100%}
	.top h1{font-size:16px;padding:15px 0 10px 0;}
	#term-header .box button{right:10px;top:10px;width:20px;}
	#term-header .box button > img{width:100%}

	.step dt{height:100px;padding-left:100px;}
	.step dt:before{position:absolute;top:15px;left:15px;width:70px;height:70px;background-size:70px 70px;content:'';}
	.step dt.step-apply:before{background:url(../../images/P5/ico_step_apply.png) no-repeat left top;background-size:70px 70px;}
	.step dt.step-chk:before{background:url(../../images/P5/ico_step_chk.png) no-repeat left top;background-size:70px 70px;}
	.step dt.step-docu:before{background:url(../../images/P5/ico_step_docu.png) no-repeat left top;background-size:70px 70px;}
	.step dt.step-ok:before{background:url(../../images/P5/ico_step_ok.png) no-repeat left top;background-size:70px 70px;}
	.step dt.step-complete:before{background:url(../../images/P5/ico_step_complete.png) no-repeat left top;background-size:70px 70px;}
	.step dt.step-as:before{background:url(../../images/P5/ico_step_as.png) no-repeat left top;background-size:70px 70px;}

	.step dt a{display:table;width:100%;height:100px;}
	.step dt a{display:table;width:100%;height:100px;background:url(../../images/P5/btn_arrow_dwn.png) no-repeat 97% 50%;background-size:17px 9px;}
	.step dt a.current{background:url(../../images/P5/btn_arrow_up.png) no-repeat 97% 50%;background-size:17px 9px;}

	.box-police{background-size:70px 70px;min-height:95px;padding:15px 35px 15px 100px;}

	.tabmenu{overflow:hidden;position:relative;}
	.tabmenu ul{margin:0;padding:0;width:100%;border-radius:10px 10px 0 0;}
	.tabmenu li{float:left;width:25%;line-height:1.8;text-align:center;overflow:hidden;}
	.tabmenu li a{display:block;height:60px;background:#e1e1e1;font-weight:bold;line-height:45px;}
	.tabmenu li:first-child a {border-radius:10px 0 0 0;}
	.tabmenu li:last-child a {border-radius:0 10px 0 0;}
	.tabmenu li.current a{background:#f48024;color:#fff;}

}

/* 20180511 추가 */
.cont-list3{margin:0 0 0 5px}
.cont-list3 > li{margin-bottom:4px;padding-left:8px;text-indent:-8px;line-height:1.6;}
.cont-list3 > li:before{content:'∙\0020';}

.unline {text-decoration: underline;}

/* 20180607 추가 */
.cont-list1 li > .box-paragraph {margin:8px 15px 15px 20px;}

/* 20180813 추가 */
.point-txt {color: #ea002c;}
