@charset "utf-8";

/* font color */
.black	{color:#000;}
.white	{color:#fff;}
.gray	{color:#999;}
.blue	{color:#186dc4;}
.red	{color:#d32532;}
/* color 4가지 추가 2019.3.4. 진현아 */
.orange {color: #D93402;}
.green  {color: #01a85e;}
.purple {color:#9e01dd;}
.pink {color:#ffa0a0;}
/* color 추가 끝 */
.changwonilogo{width:24px; height:auto; margin-bottom:7px;}
/* font bold */
.fb6 {font-weight: 600;}

/* box_text */
p[class^="box_h"], div[class^="box_h"]{border:2px solid #d9e1eb; margin-top:15px; padding:15px; font-size: 15px;}
.box_img.box_line {margin-top:15px;}
h4 + .box_img{margin-left: 25px;}
p[class^="p_h"], div[class^="box_h"] {margin-top:15px;}
p[class^="p_h"]{border:2px solid #ecedf2; font-weight: 600; padding: 5px 10px;}
.box_h4,.p_h4, .tbl_h4 {margin-left:22px;  line-height: 1.5em;}
.box_h5,.p_h5, .tbl_h5 {margin-left:30px;  line-height: 1.5em;}
.box_h6,.p_h6, .tbl_h6 {margin-left:35px;  line-height: 1.5em;}

.box_h4,.p_h4corona {font-size: 16px;}

.h4{margin-left: 22px;}
.h5{margin-left: 33px;}
.h6{margin-left: 35px;}

.h4_2{float:left;}

/* width */
.w3 {width: 3% !important;}
.w4 {width: 4% !important;}
.w5 {width: 5% !important;}
.w6 {width: 6% !important;}
.w7 {width: 7% !important;}
.w8 {width: 8% !important;}
.w9 {width: 9% !important;}
.w10 {width: 10% !important;}
.w11 {width: 11% !important;}
.w12 {width: 12% !important;}
.w13 {width: 13% !important;}
.w14 {width: 14% !important;}
.w15 {width: 15% !important;}
.w16 {width: 16% !important;}
.w17 {width: 17% !important;}
.w18 {width: 18% !important;}
.w19 {width: 19% !important;}
.w20 {width: 20% !important;}
.w21 {width: 21% !important;}
.w22 {width: 22% !important;}
.w23 {width: 23% !important;}
.w24 {width: 24% !important;}
.w25 {width: 25% !important;}
.w26 {width: 26% !important;}
.w27 {width: 27% !important;}
.w28 {width: 28% !important;}
.w29 {width: 29% !important;}
.w30 {width: 30% !important;}
.w31 {width: 31% !important;}
.w32 {width: 32% !important;}
.w33 {width: 33% !important;}
.w34 {width: 34% !important;}
.w35 {width: 35% !important;}
.w36 {width: 36% !important;}
.w37 {width: 37% !important;}
.w38 {width: 38% !important;}
.w39 {width: 39% !important;}
.w40 {width: 40% !important;}
.w43 {width: 43% !important;}
.w45 {width: 45% !important;}
.w46 {width: 46% !important;}
.w49 {width: 49% !important;}
.w50 {width: 50% !important;}
.w51 {width: 51% !important;}
.w55 {width: 55% !important;}
.w59 {width: 59% !important;}
.w60 {width: 60% !important;}
.w63 {width: 63% !important;}
.w65 {width: 65% !important;}
.w66 {width: 66% !important;}
.w67 {width: 67% !important;}
.w68 {width: 68% !important;}
.w70 {width: 70% !important;}
.w71 {width: 71% !important;}
.w72 {width: 72% !important;}
.w75 {width: 75% !important;}
.w80 {width: 80% !important;}
.w81 {width: 81% !important;}
.w82 {width: 82% !important;}
.w90 {width: 90% !important;}
.w93 {width: 93% !important;}
.w94 {width: 94% !important;}
.w96 {width: 96% !important;}
.w99 {width: 99% !important;}
.w100 {width: 100% !important;}

.ws753{width: 753px;}

@media all and (max-width: 864px) {
.ws753{width: 93%;}
}

@media all and (max-width: 683px) {
.ws753{width: 93%;}
}

@media all and (max-width: 486px) {
.ws753{width: 86%;}
}

/* image */
.biz_list img { max-width:100%; height:auto; float: right;margin: -10px 10px 20px;}
.conts img {max-width:100%; height:auto;}
.bod_photo img {max-width:100%;height: 311px;}
img[src$='noimage.png'] {/* width: 100%; 블로그 게시판 썸네일 사이즈로 인해 주석처리해둠 0106 */height: 100% !important;}

/* 텍스트 정렬 */
.txt-left	{ text-align: left !important; }
.txt-center	{ text-align: center !important; }
.txt-right	{ text-align: right !important; }


.mw100	{ max-width: 100px; }
.mw110	{ max-width: 110px; }
.mw120	{ max-width: 120px; }
.mw130	{ max-width: 130px; }
.mw150	{ max-width: 150px; }
.mw400	{ max-width: 400px; }
.mw600	{ max-width: 600px; }


/* 마진 / 패딩 설정 */
.mt10	{ margin-top: 10px !important; }
.mt20	{ margin-top: 20px  !important; }
.mt30	{ margin-top: 30px  !important; }
.mt40	{ margin-top: 40px  !important; }
.mt50	{ margin-top: 50px  !important; }
.mt60	{ margin-top: 60px  !important; }
.mt70	{ margin-top: 70px  !important; }
.mt80	{ margin-top: 80px  !important; }
.mt85	{ margin-top: 85px  !important; }
.mt90	{ margin-top: 90px  !important; }
.mt100	{ margin-top: 100px  !important; }
.mt110	{ margin-top: 110px  !important; }
.mt120	{ margin-top: 120px  !important; }
.mt130	{ margin-top: 130px  !important; }
.mt140	{ margin-top: 140px  !important; }
.mt150	{ margin-top: 150px  !important; }
.mt160	{ margin-top: 160px  !important; }
.mt170	{ margin-top: 170px  !important; }
.mt180	{ margin-top: 180px  !important; }
.mt190	{ margin-top: 190px  !important; }
.mt200	{ margin-top: 200px  !important; }

.mb10	{ margin-bottom: 10px  !important; }
.mb20	{ margin-bottom: 20px  !important; }
.mb30	{ margin-bottom: 30px  !important; }
.mb35	{ margin-bottom: 35px  !important; }
.mb40	{ margin-bottom: 40px  !important; }
.mb50	{ margin-bottom: 50px  !important; }
.mb60	{ margin-bottom: 60px  !important; }
.mb65	{ margin-bottom: 65px  !important; }
.mb70	{ margin-bottom: 70px  !important; }
.mb80	{ margin-bottom: 80px  !important; }
.mb90	{ margin-bottom: 90px  !important; }
.mb100	{ margin-bottom: 100px  !important; }
.mb110	{ margin-bottom: 110px  !important; }
.mb120	{ margin-bottom: 120px  !important; }
.mb130	{ margin-bottom: 130px  !important; }
.mb140	{ margin-bottom: 140px  !important; }
.mb150	{ margin-bottom: 150px  !important; }
.mb160	{ margin-bottom: 160px  !important; }
.mb170	{ margin-bottom: 170px  !important; }
.mb180	{ margin-bottom: 180px  !important; }
.mb190	{ margin-bottom: 190px  !important; }
.mb200	{ margin-bottom: 200px  !important; }


.pt10	{ padding-top: 10px !important; }
.pt20	{ padding-top: 20px  !important; }
.pt30	{ padding-top: 30px  !important; }
.pt40	{ padding-top: 40px  !important; }
.pt50	{ padding-top: 50px  !important; }
.pt60	{ padding-top: 60px  !important; }
.pt70	{ padding-top: 70px  !important; }
.pt80	{ padding-top: 80px  !important; }
.pt85	{ padding-top: 85px  !important; }
.pt90	{ padding-top: 90px  !important; }
.pt100	{ padding-top: 100px  !important; }
.pt110	{ padding-top: 110px  !important; }
.pt115	{ padding-top: 115px  !important; }
.pt120	{ padding-top: 120px  !important; }
.pt130	{ padding-top: 130px  !important; }
.pt140	{ padding-top: 140px  !important; }
.pt150	{ padding-top: 150px  !important; }
.pt160	{ padding-top: 160px  !important; }
.pt170	{ padding-top: 170px  !important; }
.pt180	{ padding-top: 180px  !important; }
.pt190	{ padding-top: 190px  !important; }
.pt200	{ padding-top: 200px  !important; }

.pb10	{ padding-bottom: 10px  !important; }
.pb20	{ padding-bottom: 20px  !important; }
.pb30	{ padding-bottom: 30px  !important; }
.pb35	{ padding-bottom: 35px  !important; }
.pb40	{ padding-bottom: 40px  !important; }
.pb50	{ padding-bottom: 50px  !important; }
.pb60	{ padding-bottom: 60px  !important; }
.pb65	{ padding-bottom: 65px  !important; }
.pb70	{ padding-bottom: 70px  !important; }
.pb80	{ padding-bottom: 80px  !important; }
.pb90	{ padding-bottom: 90px  !important; }
.pb100	{ padding-bottom: 100px  !important; }
.pb110	{ padding-bottom: 110px  !important; }
.pb115	{ padding-bottom: 115px  !important; }
.pb120	{ padding-bottom: 120px  !important; }
.pb130	{ padding-bottom: 130px  !important; }
.pb140	{ padding-bottom: 140px  !important; }
.pb150	{ padding-bottom: 150px  !important; }
.pb160	{ padding-bottom: 160px  !important; }
.pb170	{ padding-bottom: 170px  !important; }
.pb180	{ padding-bottom: 180px  !important; }
.pb190	{ padding-bottom: 190px  !important; }
.pb200	{ padding-bottom: 200px  !important; }

.pleft25	{ padding-left: 25px !important;; }
.mleft25   { margin-left: 25px !important; }

/* align */
.taC	{text-align:center!important;}
.taL	{text-align:left!important;}
.taR	{text-align:right!important;}



/* head tag */
.conts h4, .conts h5, .conts h6 , .popup_wrap h1, .popup_wrap h2, .popup_wrap h3, .popup_wrap h4{position: relative; text-align: left; letter-spacing: -0.5pt;}
.conts h4, #pop_container h4, .popup_wrap h1{font-size:25px; padding-left:22px; margin-top:50px; line-height: 1.3em;}
.conts h4:before, #pop_container h4:before, .popup_wrap h1:before {content: ''; position: absolute; left: 0px; top: 5px; width: 12px; height: 22px; transform: rotate(45deg); border-radius: 0 8px 0 8px; font-family: "fontawesome";   background: linear-gradient(45deg, #0069ff, #40e12d);}
/* .conts h4:before, #pop_container h4:before, .popup_wrap h1:before {content: '\f043'; position: absolute; left: 0; top: 4px; width: 27px; height: 27px; font-family: "fontawesome";   background: linear-gradient(to right, #4426c8, #2adfff);-webkit-background-clip: text;
-webkit-text-fill-color: transparent;} */
/* .conts h4:before, #pop_container h4:before, .popup_wrap h1:before {content: ''; position: absolute; left: 0; top: 8px; width: 27px; height: 27px; background:url('../img/common/spr_bu.png') no-repeat 0 0;} */
.conts h5, #pop_container h5, .popup_wrap h2 {font-size:20px; padding-left:19px; margin:30px 0 0 8px;line-height: 130%;}
.conts h5:before, #pop_container h5:before, .popup_wrap h2:before {content: ''; position: absolute; left: 0px; top: 3px; width: 6px; height: 20px;background: linear-gradient(253deg, #2fc166, #148fbe);}
.conts h6, #pop_container h6, .popup_wrap h3 {font-size:18px; padding-left:17px; margin:30px 0 0 18px;}
.conts h6:before, #pop_container h6:before, .popup_wrap h3:before {content: '\f101'; position: absolute; left: 0px; top: 0px; width: 11px; height: 15px;font-family: "fontawesome"; color: #0394d8;font-weight: 500; font-size: 18px;}
.conts h4:first-of-type, #pop_container h4:first-of-type {margin-top:0;}
.conts ul:first-child {margin-top:0; position:relative;}
ul[class^="list_ul"] >li >ul:first-child{margin-top: 14px;}

/* img box */
.box_img { margin-top:20px; text-align:center; }
.box_img img { max-width: 100%;}

/* list */
ul[class^="list_ul"], ol[class^="list_num"]{margin:16px 0 0;}
.list_ul_h4, .list_num_h4 {margin-left:24px !important;}
.list_ul_h5, .list_num_h5 {margin-left:24px !important;}
.list_ul_h6, .list_num_h6 {margin-left:24px !important;}
ul[class^="list_ul"] li, ol[class^="list_num"] li {line-height:24px; position: relative;}
ul[class^="list_ul"] >li, ol[class^="list_num"] li ul li {padding-left:14px; margin-top:11px;}
ul[class^="list_ul"] >li:before, ol[class^="list_num"] li ul li:before {content: '\f0c8'; position: absolute; width: 1px; height: 1px; font-size: 1px; left: -4px; top: 2px;font-family: "fontawesome"; color: #014d71;}
ul[class^="list_ul"] >li:first-child{margin-top:0;}
ul[class^="list_ul"] >li >ul {margin-top:14px;}
ul[class^="list_ul"] li >ul >li{padding-left:12px; margin-top:11px;}
ul[class^="list_ul"] >li >ul >li:before{content: ''; position: absolute; width: 4px; height: 4px; left: 0; top: 11px; border-radius: 7px; background: #1189c6;}
.tbl td >ul >li:before {content: ''; position: absolute; width: 11px; height: 11px; left: 0; top: 6px; background:url('../img/common/spr_bu.png') no-repeat 0 -205px;}
ul[class^="list_ul"] >li >ul >li:first-child{margin-top:0;}
ul[class^="list_ul"] ul ul {margin-top:10px; background:#f3f4fa; padding:15px; box-sizing: border-box;}
ul[class^="list_ul"] >li >ul >li >ul >li {padding-left:8px; margin-top:9px;}
ul[class^="list_ul"] >li >ul >li >ul >li:before, td >ul >li >ul >li:before {content: ''; position: absolute; width: 3px; height: 3px; left: 0; top: 8px; background:#afc4db;}
ul[class^="list_ul"] >li >ul >li >ul >li:first-child {margin-top:0;}
ul[class^="list_ul"] li p, ol[class^="list_num"] li p {margin-top:10px;}
.list_ul_h6 >li {padding-left:10px; margin-top:5px;}
.list_ul_h6 >li:first-child {margin-top:0;}
.list_ul_h6 > li > ul {margin-top:10px; background:#f3f4fa; padding:15px; box-sizing: border-box;}
.list_ul_h6 > li > ul >li {padding-left:15px; margin-top:5px;}
.list_ul_h6 > li > ul >li:first-child {margin-top:0;}
ol[class^="list_num"] li{padding-left:20px; margin-top:15px;}
ol[class^="list_num"] >li:before {content: ''; position: absolute; left: 0; top: 4px; width: 13px; height: 13px; line-height: 14px; background: #1d1d1d;
text-align: center; color: #fff; font-size: 10px; letter-spacing: -1.5pt; font-weight: 600;}
ol[class^="list_num"] >li:nth-child(1):before {content: '1';}
ol[class^="list_num"] >li:nth-child(2):before {content: '2';}
ol[class^="list_num"] >li:nth-child(3):before {content: '3';}
ol[class^="list_num"] >li:nth-child(4):before {content: '4';}
ol[class^="list_num"] >li:nth-child(5):before {content: '5';}
ol[class^="list_num"] >li:nth-child(6):before {content: '6';}
ol[class^="list_num"] >li:nth-child(7):before {content: '7';}
ol[class^="list_num"] >li:nth-child(8):before {content: '8';}
ol[class^="list_num"] >li:nth-child(9):before {content: '9';}
ol[class^="list_num"] >li:nth-child(10):before {content: '10';}
ol[class^="list_num"] >li:nth-child(11):before {content: '11';}
ol[class^="list_num"] >li:nth-child(12):before {content: '12';}
ol[class^="list_num"] >li:nth-child(13):before {content: '13';}
ol[class^="list_num"] >li:nth-child(14):before {content: '14';}
ol[class^="list_num"] >li:nth-child(15):before {content: '15';}
ol[class^="list_num"] >li:nth-child(16):before {content: '16';}
ol[class^="list_num"] >li:nth-child(17):before {content: '17';}
ol[class^="list_num"] >li:nth-child(18):before {content: '18';}
ol[class^="list_num"] >li:nth-child(19):before {content: '19';}
ol[class^="list_num"] >li:nth-child(20):before {content: '20';}
ol[class^="list_num"] >li:nth-child(21):before {content: '21';}
ol[class^="list_num"] >li:nth-child(22):before {content: '22';}
ol[class^="list_num"] >li:nth-child(23):before {content: '23';}
ol[class^="list_num"] >li:nth-child(24):before {content: '24';}
ol[class^="list_num"] >li:nth-child(25):before {content: '25';}
ol[class^="list_num"] >li:nth-child(26):before {content: '26';}
ol[class^="list_num"] >li:nth-child(27):before {content: '27';}
ol[class^="list_num"] >li:nth-child(28):before {content: '28';}
ol[class^="list_num"] >li:nth-child(29):before {content: '29';}
ol[class^="list_num"] >li:nth-child(30):before {content: '30';}
ol[class^="list_num"] li:first-child{margin-top:0;}
ol[class^="list_num"] >li >ul {margin-top: 14px;background: #f3f4fa; padding: 15px;box-sizing: border-box;}
ol[class^="list_num"] >li >ul li {padding-left: 12px;}
ol[class^="list_num"] >li >ul li:before {top: 7px;}
ol[class^="list_num"].list_num_h4 >li >ul li:before {top: 0px;}
/* ol[class^="list_num"] >li >li:first-child{margin-top: 0;} */

.list_ul_apply {display: flex;}
.list_ul_apply li {padding: 30px 0; margin-right: 50px; margin-top: 0px !important;}

@media screen and (max-width:667px){
	.list_ul_h4, .list_num_h4 {margin-left: 9px !important;}
    .list_ul_apply {display: flex; flex-direction: column;}
    .list_ul_apply li {padding: 30px 0; margin-right: 0px;}
}

/* ol - step */
.ol_step {margin-top: 20px;}
.ol_step >li {position: relative; float: left; box-sizing: border-box; padding-right: 49px; margin-bottom: 10px;background: url('/common/img/common/bg_step_arrow04.gif') right center no-repeat; }
.ol_step.step2 li {width: 49%; }
.ol_step.step2 li:last-child {width: 49%;}
.ol_step.step3 li {width: 34.7%; }
.ol_step.step3 li:last-child {width: 30.5%;}
.ol_step.step4 li {width: 26%;}
.ol_step.step4 li:last-child { width: 22%;}
.ol_step.step5 li {width: 20.9%; }
.ol_step.step5 li:last-child, .ol_step.step5 li.last {width: 16.4%;}
.ol_step >li:last-child, .ol_step.step5 li.last {background: none; padding: 0;}
.ol_step li p {border: 2px dashed #0394d8; padding: 20px 20px; box-sizing: border-box; background: #f1f9fb url('/common/img/common/pt_left_titbg.png'); font-family: 'NanumSB'; font-size: 15px; color: #333; letter-spacing: -1pt;}
.ol_step li:nth-child(even) p {border-color:#0d66d5; background-color: #f3f9fd;}


/* dl, dt, dd로 구성된 설명카드 레이아웃 */
div.def_03{overflow: hidden;}
div.def_03 dl{width: 32%;margin-left: 2%;float: left;margin-top: 20px;border: 1px solid rgba(0,0,0,0.2);border-bottom: 1px solid rgba(0,0,0,0.2);padding: 10px;box-sizing: border-box;padding-bottom: 20px;}
div.def_03 dl:nth-of-type(1),
div.def_03 dl:nth-of-type(2),
div.def_03 dl:nth-of-type(3){margin-top: 20px;}
div.def_03 dl:nth-of-type(3n-2){margin-left: 0; clear: left;}
div.def_03 dl div{width: 100%;text-align: center;min-height: 170px;margin-bottom: 15px;margin-top: 15px;}
div.def_03 dl div img{max-width: 100%; height: auto; width: auto;}
div.def_03 dl dt{font-weight: 600;
    padding-left: 1.5rem;
    margin: 1rem 0 2rem 0;
    color: #7a7a7a;
    font-size: 1.4rem;
    background: url(/common/img/common/bullet_dep03.png) 0 0.7rem no-repeat;}
div.def_03 dl dd{font-size: 14px; padding-left: 0.5rem;margin-top: 0.5rem;}
@media all and (max-width: 768px){
div.def_03 dl:nth-of-type(3n-2){margin-left: 2%; clear: none;}
div.def_03 dl:nth-of-type(2n-1){margin-left: 0; clear: left;}
    div.def_03 dl{width: 49%;}
}
@media all and (max-width: 450px){
div.def_03 dl:nth-of-type(2n-1){margin-left: 2%; clear: none;}
div.def_03 dl:nth-of-type(n){margin-left: 0; clear: left;}
    div.def_03 dl{width: 100%;}
}
.def_03 .text1 {display: block;}
.def_03 .text1 .ic1 {
    float: left;
    position: absolute;
    width: 50px;
    height: 32px;
    padding: 8px 0 0;
	margin-top: -10px;
    margin-left: -30px;
    background: url(/common/img/map/ic_map_graybg.png) no-repeat center center;
    background-size: contain;
    color: #1b1b1b;
    font: bold 16px helvatica,arial,sans-serif;
    text-align: center;
    letter-spacing: 0;
    overflow: hidden;
}
.def_03 .text1 .ic1.red1 {background-image: url(/common/img/map/ic_map_redbg.png);}
.def_03 .text1 .ic1.yell1 {background-image: url(/common/img/map/ic_map_yellbg.png);}
.def_03 .text1 .ic1.green1 {background-image: url(/common/img/map/ic_map_greenbg.png);}
.def_03 .text1 .txt {margin-left: 20px;}

/* table reset */
table{border-collapse:collapse;border-spacing:0;width:100%;}
/* table css */
table{font-size: 14px; color: #333; line-height: 1.5;}


/* table */
.tbl {margin-top:10px;}
.tbl th {text-align:center; font-family: 'NanumSB'; }
.tbl td, .tbl th {padding:12px 10px; border:1px solid #e2e2e4; line-height:1.5em; vertical-align: middle; box-sizing: border-box; font-size: 15px;}
.tbl thead tr:first-child th {border-top:2px solid #5a5a5a; background:#f0f1f2;}
.tbl thead th {background:#f0f1f2; color:#000; border-bottom: none;}
.tbl tbody th {background:#fafbfc; font-family: 'NanumS'; font-weight: normal;/*  text-align: left; */}
.tbl tbody th.taC{text-align: center;}
.unit tbody th{text-align: center !important;}
.tbl tfoot th {background:#f7f7f7; color:#333;}
.tbl td {font-size: 15px;}

.tbl td.program_select a:link,
.tbl td.program_select a:visited,
.tbl td.program_select a:hover,
.tbl td.program_select a:active,
.tbl td.program_select a:focus {text-decoration:underline; color:#1d5fbd;}

/* table s2 */
.tbl_s2 {margin-top:10px;}
.tbl_s2 th {text-align:center; font-family: 'NanumSB'; }
.tbl_s2 td, .tbl_s2 th {padding:22px 10px;border:1px solid #e2e2e4;background: #f3f4fa;line-height:1.5em;vertical-align: middle;box-sizing: border-box;font-size: 15px;}
.tbl_s2 thead tr th {background:#004bb4;}
.tbl_s2 thead th {background:#f0f1f2; color:#fff; font-size: 18px; border-bottom: none;}
.tbl_s2 tbody th {background:#fafbfc; font-family: 'NanumS'; font-weight: normal;/*  text-align: left; */}
.tbl_s2 tbody th.taC{text-align: center;}
.tbl_s2 tfoot th {background:#f7f7f7; color:#333;}
.tbl_s2 td {font-size: 18px;font-weight: bold;}

.tbl_s2 td.program_select a:link,
.tbl_s2 td.program_select a:visited,
.tbl_s2 td.program_select a:hover,
.tbl_s2 td.program_select a:active,
.tbl_s2 td.program_select a:focus {text-decoration:underline; color:#1d5fbd;}

/* table > align */
table.taC td {text-align:center;}
td.taC {text-align:center !important;}
table.taL td {text-align:left;}
td.taL {text-align:left !important;}
table.taR td {text-align:right;}
td.taR {text-align:right  !important;}
.Thead tbody tr:first-child td,.Thead tbody tr:first-child th {border-top:2px solid #5a5a5a;}
td li {position: relative;}
td >ul >li {padding-left:15px; margin-top:10px; line-height:1.5em; text-align:left !important;}
td >ul >li:first-child {margin-top:0;}
td >ul >li >ul {margin-top:10px;}
td >ul >li >ul >li {padding-left:10px; margin-top:6px; line-height:1.5em; text-align:left !important;}
td >ul >li >ul >li:first-child {margin-top:0;}

td >ul >li.no-bu:before	{ display: none !important; }

ul.ul-col-2 > li,
ol.ul-col-2 > li			{ display: inline-block; width: 48%; vertical-align: top; box-sizing: border-box; margin: 0 0.5% 8px; }


/* button2 */
.btn2 {background-color: #117fc3;margin-right:5px;padding: 13px 20px;display: inline-block;color:#fff;border-radius:5px;letter-spacing: -1pt;box-sizing: border-box;transition:0.5s;font: 18px NanumSB;vertical-align: middle;line-height: 1.2em;margin-bottom: 5px;}
.btn2:hover{background:#075c91; color:#fff;}
.btn2:visited{color:#fff;}
.btn2 .go {background: url(../img/common/icon_goimg001.png) no-repeat;padding-left:23px;}
.btn2 .go:after {display: none;}

/* button2_1 */
.btn2_1 {background-color: #414265;margin-right:5px;padding: 13px 20px;display: inline-block; font-family: 'NanumS' !important;color:#fff;border-radius:5px;letter-spacing: -1pt;box-sizing: border-box;transition:0.5s;font: 18px NanumSB;vertical-align: middle;line-height: 1.2em;margin-bottom: 5px;}
.btn2_1:hover{background:#696ce2; color:#fff;}
.btn2_1:visited{color:#fff;}
.btn2_1 .go {background: url(../img/common/icon_goimg001.png) no-repeat;padding-left:23px;}
.btn2_1 .go:after {display: none;}

/* button */
.btn {background-color: #fff; border: 1px solid #ddd; padding: 13px 20px; display: inline-block; font-size: 15px; letter-spacing: -1pt;
box-sizing: border-box; transition:0.5s; font: 15px NanumSB; vertical-align: middle; line-height: 1.2em; margin-bottom: 5px;}

.searchbtn {padding: 6px 20px;margin-left: 42px;}
.listbtn {margin-bottom: 0px;}

.btn.bg {background:#777; border:1px solid #777; color:#fff;}
.btn.civil {background: #2e80e6;border:1px solid #1e71d9;color: #fff;}
.btn:hover {border: 1px solid #2d8410;}
.btn.bg:hover {background:#444; border:1px solid #444;}
.btn.civil:hover {background: #0567ad;border: 1px solid #0554ad;}
.btn.down {background: #fff url('../images/download_ico.png') 20px 16px no-repeat; padding-left: 50px;}
.btn.down[target="_blank"]:after {display: none;}
.btn.image {background: #fff url('../img/common/spr_btn.png') 20px -39px no-repeat; padding-left: 55px;}
.btn.excel {background: #fff url('../img/common/spr_btn.png') 20px -92px no-repeat; padding-left: 46px;}
.btn.hwp {background: #fff url('../img/common/spr_btn.png') 20px -148px no-repeat; padding-left: 47px;}
.btn.skip {background: #fff url('../img/common/spr_btn.png') 20px -204px no-repeat; padding-left: 42px;}
.btn.go {background: #fff url('../img/common/spr_btn.png') 20px -259px no-repeat; padding-left: 50px;}
.btn.go:after {display: none;}
.btn.small {padding: 6px 15px 5px; background-color:#fafbfc; font-weight: normal; position: relative; display: inline-block;}
.sub_03 .btn.small {padding: 8px 12px 6px;}
.sub_04 .btn.small {padding: 8px 12px 6px;}
ul[class^="list_"] > li .btn.small {display: inline;}
.btn.small[target="_blank"] {padding-right: 30px !important; }
.btn.small[target="_blank"]:after {margin-right: 20px !important; top: 7px !important; right: -9px !important;}
input[type="button"] {cursor: pointer;}
a[target="_blank"].btn.blank{padding-right: 30px;}
a[target="_blank"].btn.blank:after{top: 14px; right: 13px;}
.btn.small.down{background: #fff url('../images/download_ico.png') 9px 9px no-repeat; padding-left: 30px;}
.btn.small.go{background: #fff url('../img/common/spr_btn_small.png') 9px -152px no-repeat; padding-left: 30px;}



.btn.map01 {background: url('../img/common/img_icon_map01.png') no-repeat 10px 3px; padding-left:50px; }

/* button. 장애인컨텐츠 보기 */
.btn.disabled {background: #2e80e6 url(../img/common/spr_btn_disabled.png) 10px 7px no-repeat; border:1px solid #1e71d9; margin-left: 5px; padding: 10px 14px 10px 38px; color: #fff; font-size: 14px; letter-spacing: -0.5pt; border-radius: 5px; border: none;}
.btn.disabled:hover {background: #0567ad;border: 1px solid #0554ad;}

/* button. 원패스로그인 */
.btn_onepass {background: #1c2674 url(/common/img/common/ic_onepass.png) 16px 10px no-repeat;color: #fff;border: 1px solid #ddd;padding: 13px 20px 13px 60px;
display: inline-block;font-family: 'NanumSB';font-size: 15px;letter-spacing: -1pt;box-sizing: border-box;transition: 0.5s;font: 15px NanumSB;vertical-align: middle;line-height: 1.2em;}
.btn_onepass:hover {border: 1px solid #fc8305;}

input.btn[type="submit"], input.btn[type="button"]{margin-bottom: 0 !important;}

/* button box */
.btnboxR {text-align: right; margin-top: 20px;}
.btnboxL {text-align: left; margin-top: 20px;}
.btnboxC {text-align: center; margin-top: 20px;}
.btnboxC_2 {text-align: right; margin:0 0 20px;}
.btnboxC_3 {text-align: center;margin:10px 0 10px;}/*위아래 여백 추가*/
#pop_container div[class^="btnbox"] {margin: 20px 10px; display: inline-block; float: right;}
#pop_container div[class^="btn_check"] {display: inline-block; margin-top: 20px;}

/* SNB + CONTENT AREA */
#container {width: 1400px; margin: 20px auto 50px;}
.snb_wrap {width: 230px; float: left; position: relative;}
.snb_wrap span[class^="ico_menu"]{
	width: 48px; height: 48px; border-radius:48px; background: #65b8f5 url(/common/img/common/spr_left.png) no-repeat; display: block; margin: 0 auto;
	position: absolute; top: 19px; left:50%; margin-left: -24px;}
.snb_wrap span.ico_menu01 {background-position: 14px 0;}
.snb_wrap h2 {
	background: url(/common/img/common/spr_left.png) no-repeat right bottom, url(/common/img/common/pt_left_titbg.png);
	font-size: 32px; font-family: 'NanumSB'; text-align: center; color: #164983; padding: 80px 10px 44px; letter-spacing: -1pt; line-height: 36px; border: 1px solid #0757c3;}
.snb >li {margin: 5px 0;}
.snb >li >a {display: block; padding:12px 33px 10px 15px; color: #777; font-size: 17px; line-height: 24px; letter-spacing: -1pt; border: 1px solid #ddd; position: relative;}
.snb >li >a[target=_blank]{padding: 16px 15px 14px;}
.snb >li >a[target=_blank]:after {content: '새창열림'; width: 17px; height: 17px; position: absolute; background: url('/common/img/common/spr_left.png') 0 -265px no-repeat; margin: -2px 0 0 8px; text-indent:-9999px;}
.snb >li >a:hover[target=_blank]:after {content: '새창열림'; width: 17px; height: 17px; position: absolute; background: url('/common/img/common/spr_left.png') 0 -292px no-repeat; margin: -2px 0 0 8px; text-indent:-9999px;}
.snb >li >a:hover {color: #000;}
.snb >li >a.arrow {background: url(/common/img/common/arrow_left.png) no-repeat 200px -126px;}
.snb >li >a.arrow:hover {background-position: 200px -271px;}
.snb >li >a.on {font-size: 19px; background: #0567ad; color: #fff; font-family: 'NanumS'; border: #0757c4; padding-right: 25px; margin-top: -1px; }
.snb >li >a.arrow.on {background:#0567ad url(/common/img/common/arrow_left.png) no-repeat 200px 18px;}
.snb >li >ul {background: #f3f9fd; padding: 13px 17px; border: 1px solid #0567ad;}
.snb >li >ul >li >a {color: #555; font-size: 15px; display: block; padding: 4px 0 4px 10px; letter-spacing: -1pt; padding-left: 10px; background: url(/common/img/common/spr_left.png) no-repeat 0 -188px;}
.snb >li >ul >li >a[target="_blank"]{position: relative; padding-right: 15px;}
.snb >li >ul >li >a[target="_blank"]:before{content: ''; position: absolute; right: -1px; top: 8px; width: 12px; height: 12px; background:url('../img/common/bul_snb_blank.png') 0 0 no-repeat; text-indent:-9999px;}
.snb >li li> a.on, .snb >li >ul >li >a:hover {background-position: 0 -161px; padding-left: 10px; color: #1b71d1; font-family: 'NanumSB';}
#content { float: right; width: 1130px;}
#conts {min-height: 400px; padding: 20px 0; position: relative; color: #333;}
#pop_container {/*padding:20px 10px;*/}
#tit_wrap {padding: 0px 0 17px 0; position: relative;}
#tit_wrap h3 {font-size: 28px; font-family: 'NanumSB'; font-weight: normal;color: #333; line-height: 1.5em; letter-spacing: -1.5pt;}
#tit_wrap .his_box		{ position: relative; background: #fff;border-bottom :1px solid #bfbfbf; width: 100%; display: block; padding: 35px 3px 15px; box-sizing:border-box; overflow: hidden; }
#tit_wrap .his_box >li { float: left; padding: 0 18px 0 8px; position: relative; font-size: 1.2em;}
#tit_wrap .his_box >li:not(:last-child):after { content: ''; display: inline-block; width: 9px; height: 9px; background: url(/common/img/common/spr_history.png) no-repeat 1px -90px; position: absolute; right: 0; top: 4px;}
#tit_wrap .his_box >li:first-child {padding-left: 27px; }
#tit_wrap .his_box >li:first-child:before { content: ''; display: inline-block; width: 19px; height: 18px; background: url(/common/img/common/spr_history.png) no-repeat 0 0; position: absolute; left: 0; top: 0;}
#tit_wrap .his_box >li:last-child	{ color: #117fc3; font-weight: bold; }
#tit_wrap .nav_box		{ position: relative; }


/* 모바일 텍스트 */
.tbl_wrap .tbl_guide {display: none;}
.tbl_wrap .tbl_guide::before {content: "\f0eb"; position: absolute; width: 3px; height: 3px; font-family: 'fontawesome'; left: 5px; }
@media (max-width: 768px) {
.tbl_wrap .tbl_guide, .bod_wrap .tbl_guide {
    display: block;
    }
}

/* 절차 */
h4 ~ .step{margin-left: 36px;}
.step{margin-top: 10px;}
.step>li{float:left; width: 24.5%;}
/** 2개 step 추가 : 2017.10.27  / step.li25 추가 2019.01.02**/
.step.li2>li{width: 50%;}
.step.li3>li{width: 33%;}
.step.li4>li{width: 25%;}
.step.li5>li{width: 20%;}
.step.li20>li{width: 20%;}
.step.li25>li{width: 25%;}
/** 첫번째 강제 화살표 추가 : 2017.10.20 **/
.step>li:after,
.step>li.first:before {background: url(../images/ico_step_next.png) no-repeat center center; width: 12%; height: 22px; display: inline-block; content: '';
vertical-align: middle;}
.step>li div{background: #0394d8; text-align: center; display: inline-block; width: 85%; padding: 10px; box-sizing:border-box; vertical-align: middle; color: #fff;}
.step.line2>li div{padding: 0; border: 1px solid #0394d8;}
.step>li.first div	{ width: 70%; }
.step>li:last-child:after{display: none;}
/* .step>li:last-child div{width: 100%;} */
.step:after{content: ''; display: block; clear: both;}
.step>li .txt01{background: #0394d8; padding: 5px; color: #fff; font-weight: 600;}
.step>li .txt02{padding: 5px 0; background: #fff; color: #000;}

.step li:nth-child(even) div{background: #0d64d2;}
.step li:nth-child(even) .txt01{background: #0d64d2;}

@media all and (max-width: 720px) {
	.step>li{width: 50% !important; margin-bottom: 10px;}
	.btn2 {font-size:16px; margin-right:0;}
	.btn2_1 {font-size:16px; margin-right:0;}
}
@media all and (max-width: 500px) {
	.step>li{width: 100% !important;}
	.step>li.first:before,
	.step>li:after{background: url(/common/img/common/ico_step_bottom.png) no-repeat center center; width: 22px; height: 22px; content: ''; display: block; margin: 10px auto 0;}
	.step>li.first:before	{ margin: 0 auto 10px; }
	.step>li div,
	.step>li.first div	{width: 100%;}
}

@media all and (max-width: 484px) {
    /* button */
    .searchbtn {margin-left: 0px;}
}

.bod_guide strong a[target="_blank"] 		{ display: inline; width: auto !important; padding: 0 !important; margin: 0 !important; }
.bod_guide strong a[target="_blank"]:after	{ text-indent: 0; position: relative; display: inline-block; vertical-align: middle; }

.resultL{text-align:left !important; padding-left:15px;}
.resultR{text-align:right !important; padding-right:15px;}