@charset "utf-8";

@import url('reset.css');


/* head */
#wrap { position: relative; width: 100%; }
#content { position: relative; margin: 0 auto; width: 100%; overflow: hidden; }
#header { position: relative; width: 100%; top: 0; height: 80px; z-index: 3333;}

	



.Inner { position: relative; width: 1200px; height: 80px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; }
.logo { position: absolute; left: 0px; top: 10px; z-index: 9999; padding-top: 0px; padding-right: 0; padding-bottom: 0; padding-left: 0; width: 340px; }


.header { width: auto; position: absolute; left: 350px; top: 20px; }

#gnb { position: absolute; display: block; width: 550px; height: 35px; z-index: 100; left:300px; border: 0px solid #ff0000}
#gnb > li > a { color: #000000; font-weight: 600; }
#gnb li { float: left; position: relative; margin:0 35px}
#gnb li:first-child { background: none; color: #ff0000; }
#gnb li a { color: #000000; font-size: 21px; letter-spacing: -.02em; display: block; padding:0px 0 0 0; line-height: 40px;}
#gnb li a:hover { text-decoration: none; color: #567aac }
#gnb li ul { color: #333; display: none; width: 180px; position: absolute; opacity: 0.9; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);margin:0}
#gnb li ul li { width: 100%; border-top: 1px solid #444; margin:0;}
#gnb li ul li a { background: #555; border: none; font-size: 16px !important; color: #fff;  font-weight: 600; line-height: 30px; margin: 0; padding-top: 5px; padding-right: 0; padding-bottom: 5px; padding-left: 15px; }
#gnb li ul li a:hover { background: #9577ce; color: #fff;  font-weight: 600;}/* gnb드롭바 칼라 */
#gnb li:hover > ul.child { display: block; }

.dr_m a { position: relative; float: left; width: 199px; height: 115px; border-left: 1px solid #f4f4f4 }
.dr_m02 a { position: relative; float: left; width: 198px; height: 115px; border-left: 1px solid #f4f4f4; border-right: 1px solid #f4f4f4 }
.ico_img { position: absolute; top: 28px; left: 20px; width: 45px; height: 45px; text-align: center; vertical-align: bottom }
.dr_tit { position: absolute; top: 28px; left: 70px; width: 120px; font-size: 1.20em; font-weight: bold; }
.dr_exp { position: absolute; top: 52px; left: 70px; width: 120px; font-family: Dotum; font-size: 11px; line-height: 14px; color: #888 }



/* footer */
.foot_wrap { position: relative; width: 100%; display:inline-block; height:120px;  background-color: #d7d7d7; margin:0px 0 0 0}
#foot { position: relative; width: 1200px; margin: 35px auto;}
#foot .b_logo { position: absolute; left: 0px; width: 130px;}
#foot .b_logo img{width:250px}
#foot .add { position: absolute; top: 0px; color: #333; line-height: 1.30em; margin-left: 300px; }
#foot .add address {margin-top:0px;font-weight:400; line-height:24px;}
#foot .add address span a{padding-left:30px; color: #537eb3;}



/* 메인 페이지 스타일 */


.main-visual-wrap {overflow:hidden; width:100%;}
.main-visual-pc {height:368px; width:100%;}

.sub-visual01
{
	width: 100%; height:230px;
	background:url(../images/sub/subimg01.jpg);background-position:center top;
	border-top:1px solid #ddeaf8;border-bottom:1px solid #eaf2fb;
}




/*Super Slide caption*/
.slides_caption.msl-caption {width:100%; position:absolute; bottom:100px;}
.slides_caption.msl-caption2 {width:100%; position:absolute; bottom:145px;}
.w600 {font-weight:600;}


p.caption_p {font-size: 30px;line-height: 36px;font-weight: 200;letter-spacing: -2px;}
/*Super Slide pagination*/
.slides-pagination {display:block; position:absolute; bottom:20px;z-index:20;width:70px; height:22px;}
.slides-pagination a {display:block; position:relative; float:left; width:12px; height:12px; background:url(../images/main/super-dot.png) center no-repeat; text-indent:20000px;
	filter:alpha(opacity=50);-khtml-opacity:0.5;-moz-opacity:0.5;opacity:0.5; margin:5px;}
.slides-pagination a.current {filter:alpha(opacity=100);-khtml-opacity:1;-moz-opacity:1;opacity:1;}
/*Super Slide pauseplay*/
.slides-pauseplay {display:block; position:absolute; bottom:20px;z-index:20;width:70px; height:22px;}
.slides-pauseplay a {cursor:pointer;display:block; position:relative; float:left; width:12px; height:12px; text-indent:20000px;
	filter:alpha(opacity=80);-khtml-opacity:0.8;-moz-opacity:0.8;opacity:0.8; margin:5px;}
.slides-pauseplay a:hove , .slides-pauseplay a:focus, .slides-pauseplay a.stsl {filter:alpha(opacity=100);-khtml-opacity:1;-moz-opacity:1;opacity:1;}
.slides-pauseplay a.pause {background:url(../images/main/flex-pause.png) center no-repeat;}
.slides-pauseplay a.play {background:url(../images/main/flex-play.png) center no-repeat;}
/*Super Slide direction nav*/
.slides-navigation {
  *height: 0;
  z-index:9999;
}
.slides-navigation a {
  text-decoration: none;
  display: block;
  width: 42px;
  height: 72px;
  margin: -20px 0 0;
  position: absolute;
  top: 50%;
  z-index: 10000;
  text-indent:9999px;
  overflow: hidden;
  -khtml-opacity:0.3; -moz-opacity:0.3; opacity: 0.3;
  cursor: pointer;
  /*color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;*/
	cursor:pointer;
}
.slides-navigation a:before {
  display: inline-block;
  /*content:url(/skin/default/img/main/flex-prev.png);*/
}
.slides-navigation a.next:before {
  display: inline-block;
  /*content:url(/skin/default/img/main/flex-next.png);*/
}
.slides-navigation .prev {
	background:url(../images/main/flex-prev.png);
	left: 48px;
}
.slides-navigation .next {
	background:url(../images/main/flex-next.png);
  right: 48px;
  text-align: right;
}
#superslides:hover .slides-navigation .prev {
  -khtml-opacity:0.7; -moz-opacity:0.7; opacity: 0.7;

}
#superslides:hover .slides-navigation .prev:hover {
  -khtml-opacity:1; -moz-opacity:1; opacity: 1;
}
#superslides:hover .slides-navigation .next {
  -khtml-opacity:0.7; -moz-opacity:0.7; opacity: 0.7;

}
#superslides:hover .slides-navigation .next:hover {
  -khtml-opacity:1; -moz-opacity:1; opacity: 1;
}
/* bx slider CUSTOM CSS */






.wrap_container{position:relative;  display: inline-block;  width:100%; margin:30px 0}
.contents{width:1200px; margin:0px auto; }






section > .container {
  width: 1200px;
  margin: 70px auto;
  box-sizing: border-box;
}

section > .container2 {
  width: 1200px;
  margin: 30px auto;
  box-sizing: border-box;
}


section .container a.more_btn {
  position: absolute;
  right: 0;
  bottom: 22px;
  display: inline-block;
  padding-right: 12px;
  color: #757575;
}
section .container a.more_btn::after {
  content: "";
  position: absolute;
  top: 4px;
  right: 0;
  width: 13px;
  height: 13px;
  background: url("../images/common/arrow-right.png") no-repeat 0 0px;
}

section .container a.more_btn:hover {
  color: #757575;
}


.row {
  display: table;
  width: 100%;
}


h1.title{     font-size: 26px;    font-weight: 600;    line-height: 48px; color:#000}
h1.title2{     font-size: 32px;    font-weight: 400;    line-height: 35px; color:#61676d}
h1.title .point{      font-weight: 600; }
h1.title .pointred{     font-weight: 600;   color:#ff0000}

h2.txt { font-size: 21px;    font-weight: 300;    line-height: 30px; color:#000;}
h2.title{     font-size: 23px;    font-weight: 300;    line-height: 30px; color:#61676d}

.f18{font-size: 18px;    font-weight: 600}

.link {border-top: 1px solid #f4f4f4;}
.link .sitelink li{float: left; margin:0 40px;}
.link .sitelink li:first-child {margin:0 40px 0 0px;}
.link .sitelink li:last-child {margin:0 0 0 40px;}


.service .notice {float: left; width:560px}
.service .mbusiness {position: relative; display:inline-block; width:100%;}
.service .mbusiness .businesslist li {float: left; width:25%; overflow: hidden;}
.service .mbusiness .businesslist li img{border-radius: 15px; overflow: hidden; width:280px; margin:10px; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);}
.service .mbusiness .businesslist li p{font-weight: 600; font-size: 18px; color:#000;}
.service .mbusiness .service_bg{position:relative; display: inline-block; background:#0060b0 url("../images/main/service_bg.jpg") no-repeat 0 0px; text-align: center; height:45px; width:100%; font-size: 20px;    font-weight: 400;    line-height: 48px; color:#fff; margin-top:10px}


.service .callcenter{float: right; width:560px; }
.centertel li {float: left; }
.centertel li img{margin:12px 0 0 30px}
.centertel li.teltxt{line-height: 21px; font-size: 16px; font-weight: 600; color:#000;}
.centertel li.teltxt p{font-size: 18px;}


.service .callcenter ul.centerserve {position: relative; display:inline-block; width:100%;}
.service .callcenter .centerserve li {float: left; width:40%; margin:20px 1%; font-size: 16px;    font-weight: 400;    line-height: 24px; color:#fff; padding:10px 4%; text-align: left;}
.service .callcenter .centerserve li span{font-weight: 600; font-size: 18px; }
.service .callcenter .centerserve li.serve1{background:#8ea3c0 url("../images/common/icon01.png") no-repeat 90% center;}
.service .callcenter .centerserve li.serve2{background:#857bb5 url("../images/common/icon02.png") no-repeat 90% center;}


.ftorg{color:#ee6b01; font-size:16px; font-weight: 600;}
.ftel{color:#e00000; font-size:32px; font-weight: 800; line-height: 45px; letter-spacing:-0.05em;}
.fred{color:#ff0000; font-size:15px; font-weight: 600;}
.title2{color:#5a61ca; font-size:28px; font-weight: 600; line-height: 40px; letter-spacing:0em;}
.title3{color:#ff5d15; font-size:20px; font-weight: 400; line-height: 30px; letter-spacing:0em;}
.title4{color:#000; font-size:18px; font-weight: 600; line-height: 30px; letter-spacing:0em;}
/* subpage */


/* page인식 */
#page01 #lnb a.menu1, 
#page02 #lnb a.menu2, 
#page03 #lnb a.menu3, 
#page04 #lnb a.menu4, 
#page05 #lnb a.menu5, 
#page06 #lnb a.menu6, 
#page07 #lnb a.menu7, 
#page08 #lnb a.menu8, 
#page09 #lnb a.menu9, 
#page010 #lnb a.menu10 { position: relative; float: left; width: 200px; height: 42px; font-weight: bold; background: #0fc2bc; color: #fff; }

#subNav { position: relative; float: left; width: 200px; margin-top: 0px; margin-right: 0; margin-bottom: 50px; margin-left: 0; }
#subNav .subtit { position: relative; float: left; width: 200px; color: #333; font-size: 28px; letter-spacing: -0.05em; line-height: 1.3em; clear: both; margin-right: 0; margin-bottom: 20px; margin-left: 0; font-weight: 600; }
#lnb { position: relative; float: left; width: 200px; border-top-width: 1px; border-top-style: solid; border-top-color: #7f7f7f; }
#lnb ul {width: 200px;}
#lnb ul li { display: block;   }
#lnb ul li:first-child { border: 0 }
#lnb ul li a{display: inline-block;  background: #fff;    color: #333!important;  font-size: 16px; font-weight:400; letter-spacing: -.03em; width: 100%; height: 45px; padding: 10px 0 5px 23px; border-bottom: 1px solid #e6e6e6;}
#lnb ul li a:hover { display: inline-block;  background: #9577ce url(../images/common/ic_01.png) no-repeat right center;    color: #fff!important;  font-size: 16px; font-weight: 600; letter-spacing: -.03em; width: 100%; height: 45px; padding: 10px 0 0 23px;}
#lnb ul li a.on {  display: inline-block;  background: #9577ce url(../images/common/ic_01.png) no-repeat right center;    color: #fff!important;  font-size: 16px; font-weight: 600; letter-spacing: -.03em;   }


/* 서브내용  */
.sub_contents { position: relative; float: right; width: 940px; margin-top: 0px; margin-right: 0; margin-left: 0; min-height:500px}

.con_pagetit{ border-bottom:1px solid #c6c6c6; height:55px; margin-bottom:40px}
.con_pagetit h1 {color: #333; font-size: 26px; letter-spacing: -0.05em; line-height: 1.3em; font-weight: 600;}
.con_breadcrumb{position:absolute;right:0;top:15px;}
.con_pagetit .con_breadcrumb ul li{float:left;color:#818181;font-size:15px;font-weight:400;text-align:center;letter-spacing:-.03em;margin:0 7px 0 0}
.con_pagetit .con_breadcrumb ul li:first-child{padding:0 0 0 11px;margin:0 7px 0 0;background: url(/images/common/ico_home.png) no-repeat 0 5px;}
.con_pagetit .con_breadcrumb ul li:after{content:">";color:#999;font-size:12px;font-weight:400;text-align:center;padding:0 0 0 7px}
.con_pagetit .con_breadcrumb ul li:last-child:after{content:none;padding:0}


#sub_cont { position: relative; width: 100%; letter-spacing: 0em; font-family:"Nanum Gothic"!important;}/* 높이수정  */

.centerinfotxt .title{background: url(../images/common/icon_01.png) no-repeat left center; padding-left:23px; color: #385a8a; font-size: 22px; letter-spacing: -0.05em; line-height: 50px; font-weight: 600;}
.centerinfotxt .history {border-top:2px solid #3c6597; border-bottom: 1px solid #e6e6e6; margin-top:10px}
.centerinfotxt .history li{border-bottom: 1px solid #e6e6e6;padding:10px}
.centerinfotxt .history li span.yeal{color: #34a4ab; font-size: 18px; letter-spacing: -0.05em; line-height: 40px; font-weight: 600; width:40px; display: inline-block;margin-right:10px; padding-left:30px; }
.centerinfotxt .history li span.day{color: #34a4ab; font-size: 18px; letter-spacing: -0.05em; line-height: 40px; font-weight: 600; width:70px; display: inline-block; border-right: 1px solid #e6e6e6; margin-right:20px; padding-left:20px;}

/* board list */
table.AType   {width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed;  white-space: nowrap; border-top:2px #96878e solid;border-bottom:1px solid #d7d7d7;border-left:0px solid #d7d7d7;border-right:0px solid #d7d7d7;}
table.AType  tr:hover td { background:#fafafa; }
table.AType  th {padding: .6rem .0rem; color:#474747; background:#efefef;border-left:0px solid #d7d7d7; border-bottom:1px solid #d7d7d7;vertical-align:middle;}
table.AType  th {text-align:center;}
table.AType  th.lft {text-align:left;}

table.AType  td {text-align:center; padding: .9rem 1rem; background:#ffffff;border-bottom:1px solid #e7e7e7; border-left:0px solid #dde2e8; vertical-align:middle;line-height:24px;}
table.AType  td.lft {text-align:left; display: table-cell; overflow: hidden; text-overflow: ellipsis; }


table.AType  td input   {vertical-align:middle; height:31px; background:#ffffff;  border :1px solid #ccc;}
table.AType  td input:focus    { background:#f2f2f2;}
table.AType  td  select {vertical-align:middle; height:28px; background:#ffffff;  border :1px solid #ccc; }
table.AType  td textarea{width:100%; border:1px #ccc solid; }
table.AType  td a{color:#393939}
table.AType  td a:hover{color:#393939}



table.BType   {width:100%;border-collapse:collapse;border-spacing:0;border-top:2px #3c6597 solid;border-bottom:1px solid #d7d7d7;border-left:0px solid #d7d7d7;border-right:0px solid #d7d7d7;}
table.BType  tr:hover td { background:#fafafa; }
table.BType  th {padding: .6rem .0rem; color:#474747; background:#efefef;border-left:0px solid #d7d7d7; border-bottom:1px solid #d7d7d7;vertical-align:middle;}
table.BType  th {text-align:center;}

table.BType  td {text-align:left; padding: .9rem 1rem; background:#ffffff;border-bottom:1px solid #e7e7e7; border-left:0px solid #dde2e8; vertical-align:middle;line-height:30px; }
table.BType  td input   {vertical-align:middle; height:31px; background:#ffffff;  border :1px solid #ccc; vertical-align:middle; line-height:30px;}
table.BType  td input:focus    { background:#f2f2f2;}
table.BType  td  select {vertical-align:middle; height:28px; background:#ffffff;  border :1px solid #ccc; }
table.BType  td textarea{width:100%; border:1px #ccc solid; }


table.CType   {width:100%;border-collapse:collapse;border-spacing:0;border-top:2px #818dab solid;border-bottom:1px solid #d7d7d7;border-left:1px solid #d7d7d7;border-right:1px solid #d7d7d7;}
table.CType  tr:hover td { background:#fafafa; }
table.CType  th {padding: .6rem .0rem; color:#474747; background:#eff0f2;border-left:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7;vertical-align:middle;}
table.CType  th {text-align:center;}
table.CType  th.lft {text-align:left;}

table.CType  td {text-align:center; padding: .9rem 1rem; background:#ffffff;border-bottom:1px solid #e7e7e7; border-left:1px solid #dde2e8; vertical-align:middle;line-height:24px;}
table.CType  td.lft {text-align:left; display: table-cell; overflow: hidden; text-overflow: ellipsis; }
table.CType  td.titlelft{ background:#f7f7f7 !important; color: #268c6c; font-size: 18px; letter-spacing: -0.05em; font-weight: 600; border-bottom:1px solid #bbd2cb;}
table.CType  td.tdtitle{ font-weight: 600;}


table.CType  td input   {vertical-align:middle; height:31px; background:#ffffff;  border :1px solid #ccc;}
table.CType  td input:focus    { background:#f2f2f2;}
table.CType  td  select {vertical-align:middle; height:28px; background:#ffffff;  border :1px solid #ccc; }
table.CType  td textarea{width:100%; border:1px #ccc solid; }
table.CType  td a{color:#393939}
table.CType  td a:hover{color:#393939}

ul.tbul {position: relative; width: 100%;}
ul.tbul li{float: left; width:50%; text-align:left;}

/*==============================버튼 ================================*/

.btn
{
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.5;
    display: inline-block;
    padding: .625rem 1.25rem;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    text-align: center;
    vertical-align: middle;
    color: #525f7f;
    border: 1px solid transparent;
    border-radius: .25rem;
    background-color: transparent;

	cursor:pointer;
}

.btn:hover{    text-decoration: none;    color: #525f7f;}
.btn:focus,.btn.focus{    outline: 0;    box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08);}



.btn-default{    color: #fff;    border-color: #172b4d;    background-color: #172b4d;    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);}
.btn-default:hover{    color: #fff;    border-color: #172b4d;    background-color: #172b4d;}
.btn-default:focus,.btn-default.focus{    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 0 rgba(23, 43, 77, .5);}


.btn-order{    color: #fff;    border-color: #ed1b2f;    background-color: #ed1b2f;    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);}
.btn-order:hover{    color: #fff;    border-color: #ed1b2f;    background-color: #ed1b2f;}
.btn-order:focus,.btn-order.focus{    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 0 rgba(23, 43, 77, .5);}



.btn-search{  font-size:1rem;	font-weight: 400; line-height:1.5;  color: #fff;    border-color: #961a30;    background-color: #961a30;    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08); padding:5px 20px}
.btn-search:hover{    color: #fff;    border-color: #961a30;    background-color: #961a30;}
.btn-search:focus,.btn-search.focus{    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 0 rgba(33, 37, 41, .5);}

.servetxt{position: relative; display: inline-block; margin-bottom:20px}
.servetxt .img{float: left; width: 140px; text-align:center;}
.servetxt .txt{width:750px;  position: absolute;margin-left:140px}




/* 새글 스킨 (latest) */
.mnotice {position:relative;padding:0px 0px;}
.mnotice li {text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.mnotice li a, .mnotice li.empty_li {padding:11px 0;display:inline-block; font-weight: 400; font-size:16px; color:#000}

.mnotice li .lock_icon {display:inline-block;line-height:14px;width:16px;font-size:0.833em;color:#4f818c;background:#cbe3e8;text-align:center;border-radius:2px;font-size: 12px;border:1px solid #a2c6ce;vertical-align:baseline}
.mnotice li .new_icon {display:inline-block;line-height:16px;width:16px;font-size:0.833em;color:#ffff00;background:#6db142;text-align:center;margin-right:3px;border-radius:2px;vertical-align:baseline}

.mnotice li.empty_li {border-bottom:0;line-height:120px}


.mnotice .lt_info {display:inline-block; position: absolute;  right:0; padding-top:10px}
.mnotice .lt_info .lt_nick {}
.mnotice .lt_info .lt_date {color:#888}




/* 새글 스킨 (latest) */

.lt_more {position:absolute;top:0px; margin-left:80px; display:block;width:30px;height:30px;line-height:24px;color:#a35cdf; font-size:25px; font-weight: 400; text-align:center; border :1px solid #e3e3e3; border-radius:5px;}
.lt_more:hover {color:#a35cdf;}


.pic_lt {position:relative; padding:0px 0px;}
.pic_lt ul:after {display:block;visibility:hidden;clear:both;content:""}
.pic_lt ul {margin: 0 -10px}
.pic_lt li {float:left; padding:0 12px; }
.pic_lt li.gallery_li:nth-last-child(4){padding-right:0}
.pic_lt li.gallery_li:nth-child(4n+1) {clear: both!important;}
.pic_lt li .lt_img {margin:5px 0;display:block}
.pic_lt li .lt_img img {height:auto ; border-radius:20px;}
.pic_lt li a:hover {color:#a22121}
.pic_lt li a, .pic_lt li.empty_li {padding:8px 0;display:inline-block; font-weight: 600; font-size:16px; color:#000}
.pic_lt li.empty_li {border-bottom:0;line-height:120px; padding-left:10px}



.infotxtbox {position:relative;display:inline-block; width:100%}
.infotxtbox .centerinfo{font-size:16px; float: left; width:590px; line-height:30px;}
.infotxtbox .infophoto{position:absolute; right:0; top:10px}

.infotxt{font-size:26px; font-family:'바탕', '바탕체', '궁서체'!important; font-weight: 600; line-height:37px; letter-spacing:-0.07em;}
.centerinfoname {font-family:'문체부 궁체 흘림체', '궁서', '궁서체', 'batang'; font-size:20px; font-weight: 600; line-height:1.5; letter-spacing:-0.1em;}

.fontpoint{font-weight: 700; font-size:17px; color:#445472}

.map li.left{width:10%; float:left;}
.map li.right{width:90%; float:left;}

.mapmap {position:relative;display:inline-block;}
.mapmap .maptel {position:absolute; left:0px; bottom:20px; z-index:22; background:#ffffff; width:300px; height:60px;}


.sub-title { 
 margin: 20px 0 40px 0;
}

.sub-title h2{
 font-size: 22px;
 font-weight: 600;
}

.subbox {
        margin-bottom: 40px;
    }
.subtit {
    font-size: 17px;
    font-weight: 600;
    letter-spacing: -.03em;
    line-height: 1.2em;
    color: #005c87;
    position: relative;
    margin-bottom: 10px;
}




.wf-list {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.wf-list li {
    width: 23.3%;
    text-align: center;
    border: 1px solid #ddd;
    font-size: 16px;
    font-weight: 400;
    color: #242424;
    letter-spacing: -.03em;
    line-height: 1.2em;
    padding: 20px 0px;
    border-radius: 8px;
    background: #f7f9ee;
}

.wf-list2 li {
    background: #f0f6fb;
}


/* 노인장기요양보험 */
.ir-list {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.ir-list li {
    width: 21%;
    text-align: center;
    padding: 40px 10px;
    border-radius: 12px;
    background: #f5f9fc;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ir-list li .tit {
    font-size: 22px;
    font-weight: 600;
    letter-spacing: -.03em;
    line-height: 1em;
    color: #242424;
    margin-bottom: 10px;
}

.ir-list li .txt {
    font-size: 18px;
    font-weight: 400;
    letter-spacing: -.03em;
    line-height: 1.8em;
    color: #454545;
}

.ir-box {
    display: flex;
    align-items: center;
}

.ir-left {
    width: 50%;
    border-radius: 80px 0 0 0;
    overflow: hidden;
}

.ir-right {
    width: 50%;
    padding-left: 60px;
}

.ir-right .num {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    background: #006bb6;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 600;
    letter-spacing: -.03em;
    line-height: 1em;
}

.ir-right .tit {
    font-size: 26px;
    font-weight: 600;
    line-height: 1em;
    letter-spacing: -.03em;
    color: #242424;
    margin: 20px 0;
}

.ir-right .txt {
    line-height: 1.666em;
    font-size: 17px;
    font-weight: 400;
    letter-spacing: -.03em;
    color: #454545;
}

.ir-fx {
    flex-direction: row-reverse;
}

.ir-fx .ir-left {
    border-radius: 0 0 80px 0;
}

/* 장기요양신청방법 */
.ap-list {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}

.ap-list li {
    width: 46%;
    text-align: center;
    border-radius: 20px;
    padding: 45px 10px;
	
}

.ap-list li.bg1 {
    background: #f7f9ee;
}

.ap-list li.bg2 {
    background: #f0f6fb;
}

.ap-list li .tit {
    line-height: 1em;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: -.03em;
}

.ap-list li.bg1 .tit {
    color: #97b411;
}

.ap-list li.bg2 .tit {
    color: #006bb6;
}

.ap-list li .line {
    width: 14px;
    height: 1px;
    background: #454545;
    margin: 20px auto;
}

.ap-list li .txt {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -.03em;
    line-height: 1.3em;
    color: #454545;
}

.ap-span {
    display: block;
    font-weight: 300;
    letter-spacing: -.03em;
    line-height: 1.2em;
    color: #454545;
    margin-top: 22px;
}

.ap-list2 li {
    background: none;
    border: 1px solid #ddd;
    padding: 35px 10px;
}

.ap-list2 li .tit {
    font-size: 20px;
    margin-bottom: 15px;
}

.ap-list2 li .txt {
    line-height: 1.3em;
	font-size: 16px;
}

.ap-list2 li .txt span {
    font-size: 16px;
    display: inline-block;
    margin-top: 5px;
}

.ap-img {
    display: flex;
    border: 1px solid #ddd;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 55px 10px;
}

.ap-list3 {
    display: flex;
    gap: 140px;
}

.ap-list3 li {
    width: calc(100%/4 - 105px);
    text-align: center;
}

.ap-list3 li .circle {
    width: 190px;
    height: 190px;
    border-radius: 100%;
    border: 15px solid #006bb6;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 22px;
    position: relative;
}

.ap-list3 li .circle::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: -100px;
    background: url(../images/sub/af.png) center no-repeat;
    background-size: contain;
    width: 29px;
    height: 21px;
}

.ap-list3 li:last-child .circle::after {
    display: none;
}

.ap-list3 li .tit {
    font-size: 18px;
    font-weight: 400;
    letter-spacing: -.03em;
    line-height: 1em;
    color: #242424;
}

.fyel{font-size: 16px; font-weight: 600; background-color:#ffe9cd; padding:3px}