﻿@charset "utf-8";
/****************************************/
/* Name: 실로암시각장애인복지관
/* Version: 1.0 / day: 2018-12-27
/* Author:

/* Summary
	1)콘텐츠 레이아웃
	2)반응형 레이아웃
	3)메인 콘텐츠
	4)반응형 메인 콘텐츠
	5)서브 콘텐츠
	6)반응형 서브 콘텐츠
*/
/****************************************/

@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700');
@import url('https://fonts.googleapis.com/css?family=Nanum+Myeongjo:400,700,800');
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800&amp;subset=korean');

/* Common */

body{text-align: left;font-size:16px;line-height:24px;font-family:'Noto Sans KR',sans-serif;color:#666;font-weight:400;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,span,form,fieldset,p,button,address,table, tbody, tfoot, thead, th, tr, tdvideo, tt{margin:0;padding:0;box-sizing: border-box;word-break:keep-all}
header,article,aside,canvas,details,figcaption,figure,footer,hgroup,menu,nav,section,summary,mark {display:block;margin: 0; padding: 0;box-sizing: border-box;}
h1,h2,h3,h4,h5,h6{color:#333;font-weight:500}
h1,h2,h3,h4,h5,h6,input,button,textarea,select,table{font-family:'Noto Sans KR',sans-serif;font-size:16px;box-sizing: border-box;}
input,button,textarea,select{background-color:#fff;border-radius:0;box-sizing: border-box;} /*-webkit-appearance: none*/
button,textarea{-webkit-appearance: none}
img,fieldset,iframe{border:0 none}
li{list-style:none}
img,input,select,button,textarea{vertical-align:middle;box-sizing: border-box;}
img{max-width:100%}
em,address,optgroup{font-style:normal}
label,button{cursor:pointer}
label{position: relative;vertical-align:middle}
button{margin:0;padding:0;border:0;background:none}
a{box-sizing: border-box}
a:link,a:visited{text-decoration:none;color:#363636;}
a:hover,a:focus,a:active{text-decoration:none;color:#363636}
hr{display:none}
legend,caption{font-size:0; width:0; height:0; line-height:0;overflow:hidden;text-indent:-9999px}
.blind{position:absolute;top:0;left:0;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0)}
p{text-align:left;font-weight:400;word-break:keep-all}
table {width:100%;border-spacing:0;border-collapse:collapse;}

/* hidden contents */
.skip,.hidden{position:absolute; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden; z-index:-1}
.skip:focus{top:0;left:0;display:inline-block;width:auto;height:auto;padding:0 30px;font-size:14px;line-height:40px;color:#fff;background:#007cc3;z-index:10}

#skip_navi {position:absolute;top:0;height:0px;width:100%;z-index:500;}
#skip_navi a {display:block; height:1px; width:1px; margin-bottom:-1px; overflow:hidden; text-align:center;color:#fff;white-space:nowrap;}
#skip_navi a:focus,
#skip_navi a:active {display:block;top:0;width:100%;height:45px;padding:10px 0;background:#007cc3;}


/*
================================================================================
콘텐츠 레이아웃
================================================================================
*/

#wrapper{position:relative;padding-top:140px;min-width:320px;width:100%;height:100%;right:0;z-index:300}

/* ---- 상단영역 ---- */
#header{position:absolute;top:0;left:0;min-width:320px;width:100%;transition:all 0.2s ease;background:#fff;border-bottom:1px solid #edeff1;z-index:100}
#header::after{position:absolute;top:0;left:0;width:100%;height:40px;content:'';background:#edeff1}
#header.online{border-bottom:1px solid #bbb}
#header.online::before{position:absolute;left:0;top:140px;width:100%;content:'';border-bottom:1px solid #ddd}

#header .head_box{position:relative;margin:0 auto;max-width:1200px;min-height:140px;z-index:100}
#header .head_box .logo{position:absolute;top:65px;left:0}
#header .head_box .logo a{display:block;}
#header .head_box .topLink{margin-bottom:25px;height:40px}
#header .head_box .topLink::after{display:block;clear:both;content:''}
#header .head_box .topLink .linkLft{float:left;border-left:1px solid #ddd}
#header .head_box .topLink .linkLft li{float:left;width:45px;height:40px;background:#edeff1;border-right:1px solid #ddd}
#header .head_box .topLink .linkLft li a{display:block;height:100%;text-indent:-999px;overflow:hidden;background-repeat:no-repeat;background-position:center center}
#header .head_box .topLink .linkLft li.ic1 a{background-image:url('../img/top_ic1.png')}
#header .head_box .topLink .linkLft li.ic2 a{background-image:url('../img/top_ic2_on.png')}
#header .head_box .topLink .linkLft li.ic3 a{background-image:url('../img/top_ic3_on.png')}
#header .head_box .topLink .linkLft li.ic4 a{background-image:url('../img/top_ic4_on.png')}
#header .head_box .topLink .linkLft li.ic5 a{background-image:url('../img/top_ic5_on.png')}
#header .head_box .topLink .linkLft li.ic6 a{background-image:url('../img/top_ic6_on.png')}
#header .head_box .topLink .linkLft li.ic7 a{background-image:url('../img/top_ic7_on.png')}
#header .head_box .topLink .linkLft li.ic8 a{background-image:url('../img/top_ic8_on.png')}


#header .head_box .topLink .linkRit{float:right;}
#header .head_box .topLink .linkRit li{position:relative;float:left;}
#header .head_box .topLink .linkRit li a{display:block;padding:0 10px;font-size:13px;color:#5f5f5f;line-height:40px;}
#header .head_box .topLink .linkRit li::before{position:absolute;top:50%;left:0;margin-top:-6px;width:1px;height:12px;content:'';background:#b2b2b2}
#header .head_box .topLink .linkRit li:first-child::before{display:none}

#header .head_box .btnMenu{display:none}

#gnb{position:relative;float:right;overflow:hidden;z-index:10}
#gnb ul.gnb{position:relative;width:100%;}

#gnb > ul::after{display:block;clear:both;content:''}
#gnb > ul > li{position:relative;float:left;}
#gnb > ul > li > a{display:block;padding:20px 45px 0;height:70px;font-size:20px;color:#333;line-height:20px;font-weight:400;}
#gnb > ul > li.hv > a{color:#005bac}
#gnb > ul > li.hv > a::after{left:25%;width:50%}
#gnb > ul > li.on > a{color:#005bac}
#gnb > ul > li > a:hover{color:#005bac}
#gnb > ul > li.hv > ul { background:#f3f3f3; }
/*#gnb > ul > li > ul{position:absolute;top:100px;left:50px;width:100%}*/
#gnb > ul > li > ul{position:absolute;top:76px;left:0;width:100%; min-height:275px; padding:20px 0 0 15px;}
#gnb > ul > li > ul li{margin-bottom:8px;line-height:18px;letter-spacing:-1px}
#gnb > ul > li > ul li a{font-size:14px;color:#656565}
#gnb > ul > li > ul li a:hover,
#gnb > ul > li > ul li.on a{color:#005bac;font-weight:500}

/* ---- 중간영역 ---- */

#container{position:relative;height:100%}
#container #content{position:relative;margin:0 auto;}
#container #content::after{display:block;clear:both;content:''}

#subContainer{position:relative;margin:0 auto;padding:0 50px 0;max-width:1300px;height:100%;background:#fff}
#subContainer::after{display:block;clear:both;content:''}
#subContainer #lnbCon{float:left;max-width:180px;width:100%}
#subContainer #lnbCon h2{margin-bottom:55px;padding-top:50px;font-size:30px;}
#subContainer #content{position:relative;float:right;padding:15px 0 50px 50px;max-width:960px;width:80%;min-height:600px}
#subContainer.sub #content{float:none;max-width:1200px;width:auto;}

#lnb > li{margin-bottom:12px;}
#lnb > li > a{display:block;font-size:18px;color:#333;font-weight:400;}

#lnb > li.has-sub > a{padding-right:20px;background:url('../img/ic_lnb_off.png') no-repeat right center}
#lnb > li.has-sub.open > a{font-weight:500;background:url('../img/ic_lnb_on.png') no-repeat right center}
#lnb > li.menu > a{font-weight:20px;background:url('../img/ic_lnb_off.png') no-repeat right center}
#lnb > li.menu.open > a{font-weight:500;background:url('../img/ic_lnb_open.png') no-repeat right center}

#lnb > li.has-sub2 > a{padding-right:20px;background:url('../img/ic_lnb_off.png') no-repeat right center}
#lnb > li.has-sub.open2 > a{font-weight:500;background:url('../img/ic_lnb_on.png') no-repeat right center}
#lnb > li.menu2 > a{font-weight:20px;background:url('../img/ic_lnb_off.png') no-repeat right center}
#lnb > li.menu.open2 > a{font-weight:500;background:url('../img/ic_lnb_open.png') no-repeat right center}

#lnb > li.has-sub3 > a{padding-right:20px;background:url('../img/ic_lnb_off.png') no-repeat right center}
#lnb > li.has-sub.open3 > a{font-weight:500;background:url('../img/ic_lnb_on.png') no-repeat right center}
#lnb > li.menu3 > a{font-weight:20px;background:url('../img/ic_lnb_off.png') no-repeat right center}
#lnb > li.menu.open3 > a{font-weight:500;background:url('../img/ic_lnb_open.png') no-repeat right center}

#lnb > li.on > a,
#lnb > li.open > a,
#lnb > li > a:hover{color:#1d86e1}
#lnb > li > ul{display:none;padding:5px 0}
#lnb > li > ul li{text-align:left}
#lnb > li > ul li a{position:relative;display:block;padding-left:10px;font-size:15px;color:#838383;line-height:24px;}
#lnb > li > ul li a::before{position:absolute;top:10px;left:2px;width:2px;height:2px;content:'';background:#949494}
#lnb > li > ul li a:hover,
#lnb > li > ul li.on a{color:#333}


.subSkin{padding-top:85px;height:214px;background-repeat:no-repeat;background-position:center center;background-size:auto 100%;border-top:1px solid #ddd}

.subSkin p{font-family: 'Nanum Gothic', serif;font-weight:600;font-size:25px;color:#3b3b3b;text-align:center;line-height:30px;text-shadow:1px 1px 1px #fff;}
.subSkin p span{color:#005bad}
.subSkin.bg1{background-color:#f1eed7;background-image:url('../img/sub_visual1.jpg')}
.subSkin.bg2{background-color:#f1eed7;background-image:url('../img/sub_visual1.jpg')}
.subSkin.bg3{background-color:#eeeae8;background-image:url('../img/sub_visual3.jpg')}
.subSkin.bg4{background-color:#c8daed;background-image:url('../img/sub_visual4.jpg')}
.subSkin.bg5{background-color:#3c403c;background-image:url('../img/sub_visual5.jpg')}

.location{margin-bottom:5px;text-align:right}
.location li{position:relative;display:inline-block;padding:0 15px;font-size:14px;color:#787878;line-height:16px;vertical-align:middle}
.location li::after{position:absolute;top:50%;right:-3px;margin-top:-3px;width:3px;height:6px;content:'';background:url('../img/ic_kan.png') no-repeat}
.location li.home{padding:0}
.location li.home a{display:block;width:19px;height:16px;text-indent:-999px;overflow:hidden;text-align:left;background:url('../img/ic_home.png') no-repeat center center}
.location li.home::after,
.location li:last-child::after{display:none}

/* ---- 하단영역 ---- */
#footer {position:relative;clear:both;width:100%;background:#383a3c;z-index:50}
#footer .footWrap{position:relative;margin:0 auto;padding:30px 230px 30px 260px;max-width:1200px}
#footer .footWrap .f_logo{position:absolute;top:50px;left:0;}
#footer .footWrap .foot_menu{margin-bottom:15px}
#footer .footWrap .foot_menu li{position:relative;display:inline-block}
#footer .footWrap .foot_menu li a{display:block;padding-right:20px;font-size:14px;color:#c4c4c4}
#footer .footWrap .foot_menu li::after{position:absolute;top:50%;right:8px;margin-top:-5px;width:1px;height:10px;content:'';background:#c4c4c4}
#footer .footWrap .foot_menu li:first-child a{padding-left:0}
#footer .footWrap .foot_menu li:last-child::after{display:none}
#footer .footWrap .fFamily{position:absolute;top:30px;right:0;width:210px;}
#footer .footWrap .fFamily button{position:relative;width:100%;height:50px;color:#c4c4c4;text-align:left;text-indent:20px;border:1px solid #d5d5d5}
#footer .footWrap .fFamily button::after{position:absolute;top:20px;right:15px;width:15px;height:8px;content:'';background:url('../img/f_arrow.png') no-repeat }
#footer .footWrap .fFamily button.on::after{transform:rotate(180deg)}
#footer .footWrap .fFamily ul{display:none;position:absolute;bottom:49px;left:0;width:100%;background:#383a3c;border:1px solid #d5d5d5}
#footer .footWrap .fFamily ul li{border-top:1px solid #fff}
#footer .footWrap .fFamily ul li:first-child{border-top:0}
#footer .footWrap .fFamily ul li a{display:block;padding:10px 20px;color:#fff}
#footer .footWrap .fFamily ul li a:hover{color:#383a3c;background:#d5d5d5}
#footer .footWrap address{font-size:14px;color:#c4c4c4}
#footer .footWrap small{font-size:14px;color:#c4c4c4}

/*
================================================================================
반응형 레이아웃
================================================================================
*/



 /* PC Device */
@media all and (min-width:1201px){

	#mGnb{display:none;}
}

 /* TABLET Device */
@media all and (max-width:1200px){

	#wrapper{padding-top:100px}

	#header{position:fixed;}
	#header::after{display:none}
	#header .head_box{padding:0 30px;min-height:100px}

	#header .head_box .logo{position:relative;top:0;left:0;padding-top:25px;}
	#header .head_box .logo a{display:inline-block}

	#header .head_box .topLink{display:none}

	#header .head_box .btnMenu{display:block;position:absolute;top:0;right:0;width:100px;height:100px;text-indent:-999px;overflow:hidden;transition:all 0.2s ease;z-index:110}
	#header .head_box .btnMenu span{position:relative;display:block;margin-left:30px;width:35px;height:3px;background:#252525;transition:all 0.2s ease;border-radius:2px}
	#header .head_box .btnMenu span::before{position:absolute;top:-8px;left:0;width:100%;height:3px;content:'';background:#252525;transition:all 0.2s ease;border-radius:2px}
	#header .head_box .btnMenu span::after{position:absolute;top:8px;left:0;width:100%;height:3px;content:'';background:#252525;transition:all 0.2s ease;border-radius:2px}
	#header .head_box .btnMenu.on span{width:28px;background:transparent}
	#header .head_box .btnMenu.on span::before{top:-4px;width:15px;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);background:#000;}
	#header .head_box .btnMenu.on span::after{top:4px;width:15px;transform: rotate(45deg);-webkit-transform: rotate(45deg);background:#000;}

	#gnb{display:none}
	#gnb2{display:none}

	#mGnb{display:block;position:fixed;top:0;right:-300px;width:300px;height:100%;background:#fff;z-index:500;transition:all 0.2s ease;-webkit-transition:all 0.2s ease;}
	#mGnb > ul{width:100%;height:100%;overflow:auto;background:#fff;}
	#mGnb > ul > li{position:relative;font-size:18px;border-bottom:1px solid #e1e1e1}
	#mGnb > ul > li.has-sub::after{position:absolute;top:22px;right:20px;width:13px;height:7px;content:'';background:url('../img/ic_mb_dot.png') no-repeat;background-size:100%;transition:all 0.2s ease;-webkit-transition:all 0.2s ease}
	#mGnb > ul > li.open::after{transform:rotate(180deg);-webkit-transform:rotate(180deg)}
	#mGnb > ul > li > a{display:block;padding:15px 18px;color:#313131}
	#mGnb > ul > li.open > a{color:#eb6100}
	#mGnb > ul > li > ul{display:none;padding:10px 0;background:#f6f6f6;}
	#mGnb > ul > li > ul > li{position:relative;}
	#mGnb > ul > li > ul > li > a{display:block;padding:5px 25px;font-size:14px;color:#7d7d7d}
	#mGnb > ul > li > ul > li > a:hover,
	#mGnb > ul > li > ul > li.open > a{color:#313131}
	#mGnb > ul > li > ul > li ul{display:none;margin:0 25px 10px;padding:5px 0;background:#fff}
	#mGnb > ul > li > ul > li ul li a{display:block;padding:3px 15px;font-size:14px;color:#313131}
	#mGnb .btnMenuClose{display:none;position:absolute;top:0;left:-100px;width:100px;height:100px;text-indent:-999px;overflow:hidden;background:#000 url('../img/ic_close.png') no-repeat center center;}
	#mGnb.on{right:0}

	/* 모바일메뉴 */
	.fix_bg{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);z-index:100}
	#wrapper.wra_box{position:fixed;top:0;width:100%;height:auto;z-index:100;}

	#subContainer{padding:20px}
	#subContainer #lnbCon{display:none}
	/*#subContainer #content{float:none;padding:0 0 30px;width:100%;max-width:100%;min-height:400px}*/
	#subContainer #content{padding:0 0 30px;width:100%;max-width:100%;min-height:400px}
	#footer .footWrap{padding:30px 250px 30px 30px}
	#footer .footWrap .f_logo{display:none}
	#footer .footWrap .fFamily{right:30px}

}

 /* TABLET Device */
@media all and (max-width:800px){

	#container #content .subConBox{padding:20px 20px 100px}
	.location{text-align:center}
}


 /* Mobile Device */
@media all and (max-width:640px){

	body,
	table{font-size:14px;line-height:20px}

	#wrapper{padding-top:50px}
	#header .head_box{padding:0 15px;min-height:50px}
	#header .head_box .logo{padding-top:10px;width:140px}

	#header .head_box .btnMenu{width:50px;height:50px}
	#header .head_box .btnMenu span{margin-left:15px;width:20px;height:2px;}
	#header .head_box .btnMenu span::before{top:-6px;height:2px;}
	#header .head_box .btnMenu span::after{top:6px;height:2px;}

	#mGnb{width:270px}
	#mGnb .btnMenuClose{left:-50px;width:50px;height:50px;background-size:20px}

	.subSkin{padding:40px 10px 0;height:100px}
	.subSkin p{font-size:20px;font-weight:bold}

	#subContainer{margin-top:0;padding:10px 10px 30px}
	#container #content .subConBox{margin-top:0;padding:10px 10px 50px}

	.location{margin-bottom:10px}
	.location li{padding:0 8px;font-size:13px}
	.location li.home a{width:15px;height:13px;background-size:100%}

	#footer .footWrap{padding:20px}
	#footer .footWrap .fFamily{position:relative;top:0;right:0;margin-bottom:20px;width:100%}
	#footer .footWrap .fFamily button{height:40px;font-size:14px;text-indent:10px}
	#footer .footWrap .fFamily button::after{top:15px}
	#footer .footWrap .fFamily ul{bottom:39px}
	#footer .footWrap .fFamily ul li a{padding:8px 10px}
	#footer .footWrap .foot_menu li a{font-size:13px}
	#footer .footWrap address,
	#footer .footWrap small{font-size:13px}

	.listTypeA{table-layout: fixed;font-size:15px;border-top:2px solid #333;}
	.listTypeA tr{text-align:center;}
	.listTypeA thead th{padding:15px 5px;font-weight:400;color:#333;background:#f6f6f6;}
	.listTypeA tbody th,.listTypeA tbody td{border:1px solid #dfdfdf;border-width:1px 0}
	.listTypeA tbody th{padding:15px 10px;}
	.listTypeA tbody td{padding:15px 10px;color:#555;word-break:break-all}
	.listTypeA tbody td:first-child{border-left:0}
	.listTypeA tbody td.subject{text-align:left;}
	.listTypeA tbody tr.noBg{background:#f1f8ff}
	.listTypeA tbody td .noTxt{display:inline-block;width:35px;font-size:13px;color:#fff;line-height:20px;background:#ed421e;border-radius:3px}


}

/*
================================================================================
메인 콘텐츠
================================================================================
*/
/* 상단 슬라이드 기본설정 */
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  /* Fix of Webkit flickering */
  z-index: 1;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
}

.mVisual{position:relative;overflow:hidden;}
.mVisual ul li{position:relative;height:500px;  background-position:center center;background-size:cover}

.mVisual ul li .txt{opacity:0;padding:150px 20px 0;text-align:center;font-family: 'Nanum Myeongjo', serif;font-size:30px;color:#fff;line-height:45px;transition:all 2s ease;-webkit-transition:all 2s ease}
.mVisual ul li .txt span{display:block;font-size:40px}
.mVisual ul li.swiper-slide-active .txt{opacity:1}
.mVisual .control{position:absolute;left:0;bottom:20px;width:100%;text-align:center;z-index:50}
.mVisual .control .count{display:block;margin-bottom:15px;font-size:20px;color:#fff;opacity:0.7}
.mVisual .control button{display:inline-block;margin-right:1px;width:50px;height:50px;text-indent:-999px;overflow:hidden;background-color:rgba(0,0,0,0.5);background-position:center center;background-repeat:no-repeat}
.mVisual .control .prevSlide1{background-image:url('../img/ic_next.png');transform:rotate(180deg);}
.mVisual .control .nextSlide1{background-image:url('../img/ic_next.png')}
.mVisual .control .stopSlide{background-image:url('../img/ic_stop.png')}
.mVisual .control .startSlide{background-image:url('../img/ic_play.png')}

/*본체 위 길이*/
.mConWrap{margin-bottom:60px;padding:10px 20px 20px;background:#f4f5f9}
.mCon1{position:relative;margin:0 auto 60px;max-width:1200px;z-index:60}
.mCon1::after{display:block;clear:both;content:''}
.mCon1 dl{position:relative;float:left;padding:40px;width:25%;height:260px;color:black}
.mCon1 dl.con1{background:#ebe9f4 url('../img/m_con_bg001.jpg') no-repeat right center}
.mCon1 dl.con2{background:#cfdddf url('../img/m_con_bg002.jpg') no-repeat right center}
.mCon1 dl.con3{background:#e5c3b1 url('../img/m_con_bg003.png') no-repeat right center}
.mCon1 dl.con4{background:#e5c3b1 url('../img/m_con_bg003.png') no-repeat right center;
 background-size: 80px; 
 background-position: right 20px top 37px; 
}
.mCon1 dl dt{margin-bottom:18px;font-size:30px;font-weight:700;line-height:32px}
.mCon1 dl dd span{display:block}
.mCon1 dl dd.btn1{position:absolute;left:40px;bottom:40px;}

.mCon1 dl dd.btn1 a{position:relative;display:block;padding:0 45px 0 20px;color:black;line-height:40px;border:1px solid black;border-radius:20px;transition:all 0.2s ease;-webkit-transition:all 0.2s ease;}
.mCon1 dl dd.btn1 a::after{position:absolute;top:50%;right:15px;margin-top:-5px;width:18px;height:10px;content:'';background:url('../img/ic_arrow_b.png') no-repeat}
.mCon1 dl dd.btn1 a:hover{background:white;border:1px solid #003462}
.mCon1 dl.con3 dt{margin-bottom:10px;font-size:20px;font-weight:500;line-height:22px}
.mCon1 dl.con3 dt span{display:block;margin-bottom:18px;width:100px;font-size:13px;line-height:30px;text-align:center;border:1px solid #fff}
.mCon1 dl.con3 dd{font-size:14px;line-height:18px}
.mCon1 dl.con3 dd.btn2{margin-top:10px;}
.mCon1 dl.con3 dd.btn2 a{color:#fff}
.mCon2{position:relative;margin:0 auto;max-width:1200px;}
.mCon2::after{display:block;clear:both;content:''}
.mCon2 .mNotice{float:left;padding:40px;width:65%;height:303px;background:#fff}
.mCon2 .mNotice > ul{position:relative;padding-right:20%}
.mCon2 .mNotice > ul::after{display:block;clear:both;content:''}
.mCon2 .mNotice > ul > li{float:left;width:33%}
.mCon2 .mNotice > ul > li > a{position:relative;display:block;font-size:28px;color:#565656;text-align:center;line-height:30px;}
.mCon2 .mNotice > ul > li > a::after{position:absolute;top:2px;right:0;width:1px;height:28px;content:'';background:#cacaca}
.mCon2 .mNotice > ul > li > a.on{color:#005bac;font-weight:800}
.mCon2 .mNotice > ul > li:first-child{width:26%}
.mCon2 .mNotice > ul > li:first-child > a{text-align:left}
.mCon2 .mNotice > ul > li:first-child > a::after{right:0}
.mCon2 .mNotice > ul > li:last-child > a::after{display:none}
.mCon2 .mNotice > ul > li .mTabCon{position:absolute;top:70px;left:0;width:100%}
.mCon2 .mNotice > ul > li .mTabCon ul li{position:relative;margin-bottom:18px;padding-right:90px;font-size:17px;color:#666}
.mCon2 .mNotice > ul > li .mTabCon ul li a{display:block;color:#666;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.mCon2 .mNotice > ul > li .mTabCon ul li .data{position:absolute;top:0;right:0;font-size:16px;}
.mCon2 .mNotice > ul > li .mTabCon .btnMore{position:absolute;top:-70px;right:0}
.mCon2 .mNotice > ul > li .mTabCon .btnMore a{display:block;width:26px;height:26px;text-indent:-999px;overflow:hidden;background:url('../img/ic_more.png') no-repeat center center}

.mCon2 .mPopup{position:relative;float:right;width:32%;background:#fff}
.mCon2 .mPopup h2{padding-left:20px;font-size:20px;color:#333;line-height:60px}
.mCon2 .mPopup .control{position:absolute;top:18px;right:15px}
.mCon2 .mPopup .control .count{display:inline-block;margin-right:10px;font-size:14px;color:#3b3b3b;letter-spacing:-2px;line-height:20px}
.mCon2 .mPopup .control button{width:20px;height:20px;text-indent:-999px;overflow:hidden;background-position:center center;background-repeat:no-repeat}
.mCon2 .mPopup .control .prevSlide2{background-image:url('../img/ic_before2.png')}
.mCon2 .mPopup .control .nextSlide2{background-image:url('../img/ic_next2.png')}
.mCon2 .mPopup .control .stopSlide{background-image:url('../img/ic_stop2.png')}
.mCon2 .mPopup .control .startSlide{background-image:url('../img/ic_play2.png')}
.mCon2 .mPopup .popSlide li img{width:100%}



.mSketch{margin-bottom:65px;padding:0 20px}
.mSketch .box{position:relative;margin:0 auto;padding:40px 30px;max-width:1200px;border:0px solid #dbdbdb}
.mSketch h2{padding-top:30px;margin-bottom:50px;font-size:30px;color:#333;font-weight:500}
.mSketch ul::after{display:block;clear:both;content:''}
.mSketch ul li{float:left;padding:0 5px;width:25%}
.mSketch ul li a{display:block}
.mSketch ul li .infor{padding:10px}
.mSketch ul li .infor .tit{display:block;margin-bottom:5px;height:45px;line-height:21px;overflow:hidden}
.mSketch ul li .infor .data{display:block;font-size:14px;color:#666;font-weight:300}

.mSketch .btnMore{position:absolute;top:40px;right:40px}
.mSketch .btnMore a{display:block;width:26px;height:26px;text-indent:-999px;overflow:hidden;background:url('../img/ic_more.png') no-repeat center center}

.mCon3{padding:35px 20px;border-top:1px solid #e7e7e7; }
.mBanner{position:relative;margin:0 auto;padding-left:320px;max-width:1200px;}
.mBanner h2{position:absolute;top:7px;left:0;font-size:20px;color:#000;font-weight:400;}
.mBanner .control{position:absolute;top:5px;left:200px}
.mBanner .control button{width:30px;height:30px;text-indent:-999px;overflow:hidden;background-position:center center;background-repeat:no-repeat}
.mBanner .control .prevSlide3{background-image:url('../img/ic_before3.png')}
.mBanner .control .nextSlide3{background-image:url('../img/ic_next3.png')}
.mBanner .control .stopSlide{width:28px;background-image:url('../img/ic_stop3.png')}
.mBanner .control .startSlide{width:28px;background-image:url('../img/ic_play3.png')}

/*
================================================================================
반응형 메인 콘텐츠
================================================================================
*/

 /* PC Device */
@media all and (min-width:1201px){
}

 /* TABLET Device */
@media all and (max-width:1050px){

	.mCon1 dl dd span{display:inline}
}


 /* TABLET Device */
@media all and (max-width:1000px){

	.mCon2{}
	.mCon2 .mNotice{float:none;margin-bottom:30px;width:100%}
	.mCon2 .mPopup{float:none;width:100%}

	.mConWrap{padding: 30px 20px 65px;}

}

 /* TABLET Device */
@media all and (max-width:1200px){

	.mCon1 dl{float:none;width:100%}

	.mBanner{padding:0}
	.mBanner h2{position:relative;top:0;margin-bottom:20px}
	.mBanner .control{top:0;left:auto;right:0}
}

 /* Mobile Device */
@media all and (max-width:640px){

	.mVisual ul li{height:260px}
	.mVisual ul li .txt{padding-top:80px;font-size:14px;line-height:20px;font-weight:bold}
	.mVisual ul li .txt span{font-size:18px}
	.mVisual .control{position:absolute;left:0;bottom:10px;}
	.mVisual .control button{margin-right:1px;width:25px;height:25px;}
	.mVisual .control .prevSlide1{background-image:url('../img/ic_next.png');transform:rotate(180deg);background-size:auto 60%;}
	.mVisual .control .nextSlide1{background-image:url('../img/ic_next.png');background-size:auto 60%;}
	.mVisual .control .stopSlide{background-image:url('../img/ic_stop.png');background-size:auto 60%;}
	.mVisual .control .startSlide{background-image:url('../img/ic_play.png');background-size:auto 60%;}

	.mConWrap{margin-bottom:20px;padding:15px 10px 30px}
	.mCon1{margin-bottom:20px}
	.mCon1 dl{padding:20px;height:auto}
	.mCon1 dl dt{margin-bottom:10px;font-size:20px;line-height:22px;}
	.mCon1 dl dd.btn1{position:relative;left:0;bottom:0;display:inline-block;margin-top:20px}
	.mCon1 dl dd.btn1 a{line-height:30px}

	.mCon2 .mNotice{margin-bottom:20px;padding:20px;height:200px;}
	.mCon2 .mNotice > ul{padding-right:10%}
	.mCon2 .mNotice > ul > li:first-child{width:33%;}
	.mCon2 .mNotice > ul > li > a{font-size:18px}
	.mCon2 .mNotice > ul > li > a::after{top:7px;height:18px}
	.mCon2 .mNotice > ul > li:first-child > a::after{right:5%}
	.mCon2 .mNotice > ul > li .mTabCon{top:45px}
	.mCon2 .mNotice > ul > li .mTabCon ul li{margin-bottom:8px;padding:0;font-size:14px}
	.mCon2 .mNotice > ul > li .mTabCon ul li .data{display:none;font-size:14px}
	.mCon2 .mNotice > ul > li .mTabCon .btnMore{top:-42px;right:-5px}
	.mCon2 .mNotice > ul > li .mTabCon .btnMore a{background-size:12px}

	.mSketch{margin-bottom:20px;padding:0 10px}
	.mSketch .box{padding:15px 10px}
	.mSketch h2{margin-bottom:15px;font-size:20px}
	.mSketch ul li{width:50%}
	.mSketch ul li .infor{padding:10px 0}
	.mSketch ul li .infor .tit{height:40px}
	.mSketch ul li .infor .data{font-size:13px}

	.mCon3{padding:15px 10px}
	.mBanner h2{margin-bottom:15px;font-size:16px}
	.mBanner .control button{width:25px;height:25px;background-size:100%}
	.mBanner .control .stopSlide,
	.mBanner .control .startSlide{width:23px;}

}


/*
================================================================================
서브 콘텐츠
================================================================================
*/


/* 공통 */

.mt10 { margin-top:10px !important; }
.mt15 { margin-top:15px !important; }
.mt20 { margin-top:20px !important; }
.mt25 { margin-top:25px !important; }
.mt30 { margin-top:30px !important; }
.mt35 { margin-top:35px !important; }
.mt40 { margin-top:40px !important; }
.mb10 { margin-bottom:10px !important; }
.mb15 { margin-bottom:15px !important; }
.mb20 { margin-bottom:20px !important; }
.mb25 { margin-bottom:25px !important; }
.mb30 { margin-bottom:30px !important; }
.mb35 { margin-bottom:35px !important; }
.mb40 { margin-bottom:40px !important; }

.mr10 { margin-right:10px !important; }
.mr15 { margin-right:15px !important; }
.mr20 { margin-right:20px !important; }
.mr25 { margin-right:25px !important; }


/* text-align */
.txt_left{text-align:left !important;}
.txt_right{text-align:right !important;}
.txt_center{text-align:center !important;}

img.w{display:block}
img.m{display:none}

.col_blue{color:#006ac9}
.col_red{color:#cd2e2e}

.fon14{font-size:14px}
.fon18{font-size:18px}

h1.title{margin-bottom:50px;font-size:30px;line-height:34px;}
h2.title{position:relative;margin:60px 0 20px;padding-left:20px;font-size:28px;line-height:32px;background:url('../img/h2_dot.png') no-repeat left 3px}
h3.title{position:relative;margin:50px 0 20px;padding-left:15px;font-size:22px;line-height:28px;}
h3.title::before{position:absolute;top:12px;left:0;width:7px;height:7px;content:'';background:#0077e1;border-radius:50%}
h4.title{position:relative;margin:30px 0 10px;font-size:18px;color:#0077e1;line-height:26px;}
h5.title{position:relative;margin:30px 0 10px;font-size:16px;line-height:26px;}

.tabMenu{position:relative;margin-bottom:50px}
.tabMenu button{display:none}
.tabMenu ul::after{display:block;clear:both;content:''}
.tabMenu ul li{float:left;text-align:center}
.tabMenu ul li a{position:relative;display:block;margin:-1px 0 0 -1px;color:#777;line-height:50px;letter-spacing:-1px;border:1px solid #dedede;}
.tabMenu ul li a span{display:inline-block;padding:0 5px 6px;line-height:16px;vertical-align:middle}
.tabMenu ul li.on a{color:#fff;background:#0674d7;border:1px solid #0674d7;z-index:1}
/*.tabMenu ul li.on a::before{position:absolute;top:8px;left:8px;width:10px;height:10px;content:'';background:#fff;border-radius:50%}*/

.tabMenu ul.li5 li{width:20%}
.tabMenu ul.li4 li{width:25%}
.tabMenu ul.li3 li{width:33.33%}
.tabMenu ul.li2 li{width:50%}

.li_dot{margin-bottom:20px;padding-left:5px}
.li_dot li{position:relative;margin-bottom:7px;padding-left:15px}
.li_dot li::before{position:absolute;top:12px;left:0;width:7px;height:2px;content:'';background:#002444}

.li_dot2{margin-bottom:20px;padding-left:5px}
.li_dot2 li{position:relative;margin-bottom:7px;padding-left:10px}
.li_dot2 li::before{position:absolute;top:12px;left:0;width:3px;height:3px;content:'';background:#002444;border-radius:50%}

input[type="text"],input[type="password"],input[type="search"],input[type="tel"],input[type="email"]{padding:0 10px;height:40px;border:1px solid #cfcfcf;border-radius:2px}
textarea{margin:1px 0;padding:5px 3px 4px 3px;border:1px solid #cfcfcf;border-radius:2px}
input[type="file"]{margin:1px 0;height:30px;font-size:14px;background:none;}
/*input[type="text"]:hover,input[type="text"]:focus,input[type="password"]:hover,input[type="password"]:focus{background:#f1f9ff;}*/
input[type="submit"]{cursor:pointer;}
select{padding:2px;height:36px;border:1px solid #c9c9c9;}
.selForm{position:relative;display:inline-block;background:#fff;border:1px solid #c3c3c3;border-radius:2px}
.selForm select{width:100%;padding:0 20px 0 0;height:38px;color:#636363;text-indent:1px;-webkit-appearance: none;-moz-appearance: none; appearance: none;-ms-appearance: none; border:0;cursor:pointer;outline:none}
.selForm::after{position: absolute; top: 50%; right: 10px;content: "";width: 0;height: 0;margin-top: -3px;border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #4b4b4b;}
.selForm select::-ms-expand{display: none;}

.ch_raio{display:inline-block}

.checkbox{position:relative;display:inline-block}
.checkbox input{position:absolute;top:3px;left:-4px;width:19px;height:19px;background:none;z-index:1}
.checkbox label{display:inline-block;padding-left:25px;min-width:18px;background:#fff}
.checkbox label::before{display:none;position:absolute;top:50%;left:0;margin-top:-8px;width:15px;height:15px;content:'';background:#fff;border:2px solid #ccc}
.checkbox input:checked + label::before{background:#505766 url('../img/ic_check_on.png') no-repeat center center;border:1px solid #505766}

/* 페이지표시 */
.page{text-align:center;margin-top:30px;}
.page a{position:relative;display:inline-block;margin:2px 1px;width:30px;height:30px;font-size:14px;color:#555;text-align:center;vertical-align:middle;line-height:26px;text-decoration:none;letter-spacing:-1px;background:#fff;border:1px solid #d7d7d7}
.page a.on{color:#fff;background:#252525;border:1px solid #252525;z-index:1}
.page a img{vertical-align:middle;}

.btnList{margin:20px 0;}
.btnList2{margin:20px 0;text-align:center}

/* 일반용 버튼 */
.btnBc{display:inline-block;margin:1px;vertical-align:middle;}
.btnBc a,
.btnBc button,
.btnBc input{position:relative; margin:0; display:-moz-inline-stack; display:block;padding:0 20px;min-width:80px;font-size:15px;color:#fff;line-height:37px;font-weight:400;text-align:center;text-decoration:none;background-color:#4b4b4b;cursor:pointer;transition: all 0.3s;border-radius:3px;border:1px solid #333}
.btnBc.white a,
.btnBc.white button,
.btnBc.white input{background-color:#fff;color:#4b4b4b}
.btnBc.red a,
.btnBc.red button,
.btnBc.red input{background-color:#f26522}
.btnBc.blue a,
.btnBc.blue button,
.btnBc.blue input{background-color:#1d86e1;border:1px solid #0970c8}
.btnBc.small a,
.btnBc.small button,
.btnBc.small input{padding:0 10px;font-size:14px;}

.btnBg{display:inline-block;margin:1px 4px;vertical-align:middle;}
.btnBg a,
.btnBg button,
.btnBg input{position:relative; margin:0; display:-moz-inline-stack; display:block;padding:0 20px;min-width:200px;font-size:22px;line-height:60px;font-weight:400;text-align:center;text-decoration:none;background-color:#fff;cursor:pointer;border-radius:30px;border:1px solid #979797}
.btnBg.blue a,
.btnBg.blue button,
.btnBg.blue input{color:#fff;background-color:#005bac;border:1px solid #005bac}
.btnBg.gray a,
.btnBg.gray button,
.btnBg.gray input{color:#fff;background-color:#aaa;border:1px solid #aaa}
.btnBg.arw a{padding:0 70px 0 40px;line-height:70px;border-radius:35px}
.btnBg.arw a::after{position:absolute;top:50%;right:30px;margin-top:-11px;width:10px;height:22px;content:'';background:url('../img/btn_arrow.png') no-repeat}


/* 일반게시판 상단검색 */
.boadSearchA{margin-bottom:30px;padding:40px 20px;background:#f5f5f5}
.boadSearchA .searchForm{position:relative;text-align:center}
.boadSearchA .searchForm .selForm{min-width:145px}
.boadSearchA .searchForm .serInput{margin:0;width:30%;height:40px;border-right:0}
.boadSearchA .searchForm .btn{width:54px;height:40px;text-indent:-999px;overflow:hidden;background:#1d84e0 url('../img/ic_search.png') no-repeat center center;border:0;border-radius:0 3px 3px 0}

.boadSearchB{margin-bottom:30px;padding:20px;background:#f8f8f8;border:1px solid #d7d7d7}
.boadSearchB .searchForm{position:relative;text-align:center}
.boadSearchB .searchForm .selForm{min-width:120px}
.boadSearchB .searchForm .serInput{margin:0;width:26%}
.boadSearchB .searchForm .btn{width:70px;height:32px;color:#fff;font-weight:bold;background:#363636;border:0}

/* 일반게시판 목록 */
.listTypeA{table-layout: fixed;font-size:15px;border-top:2px solid #333;}
.listTypeA tr{text-align:center;}
.listTypeA thead th{padding:15px 5px;font-weight:400;color:#333;background:#f6f6f6;}
.listTypeA tbody th,.listTypeA tbody td{border:1px solid #dfdfdf;border-width:1px 0}
.listTypeA tbody th{padding:15px 10px;}
.listTypeA tbody td{padding:15px 10px;color:#555;word-break:break-all}
.listTypeA tbody td:first-child{border-left:0}
.listTypeA tbody td.subject{text-align:left;}
.listTypeA tbody tr.noBg{background:#f1f8ff}
.listTypeA tbody td .noTxt{display:inline-block;width:35px;font-size:13px;color:#fff;line-height:20px;background:#ed421e;border-radius:3px}

/* 겔러리형식1 */
.listTypeB{border-top:2px solid #333;}
.listTypeB ul li{border-bottom:1px solid #d5d5d5}
.listTypeB ul li a{position:relative;display:block;padding:30px 0 20px 228px;min-height:190px;}
/*.listTypeB ul li .photo{position:absolute;top:20px;left:0;width:200px;height:150px;overflow:hidden}*/
.listTypeB ul li .photo{position:relative;top:0px;left:-25%}
.listTypeB ul li span{position:relative;font-size:15px;color:#555;line-height:15px;}
.listTypeB ul li .tit{display:block;margin-bottom:20px;font-size:20px;color:#333;line-height:24px}
/*.listTypeB ul li .txt{display:block;margin-bottom:20px;line-height:20px}*/
.listTypeB ul li .txt{display:inline;margin-bottom:20px;line-height:20px}
.listTypeB ul li .name{display:inline;margin-right:5px;padding-right:8px;border-right:1px solid #555}
.listTypeB ul li .data{display:inline;margin-right:5px;padding-right:8px;border-right:1px solid #555}

/* 겔러리형식2 */
.listTypeC{overflow:hidden}
.listTypeC ul{margin:0 -15px}
.listTypeC ul::after{display:block;clear:both;content:''}
.listTypeC ul li{float:left;margin-bottom:20px;padding:0 15px;width:33.33%}
.listTypeC ul li .box{padding:9px;height:290px;border:1px solid #d1d1d1}
.listTypeC ul li .box .photo{display:block;margin-bottom:10px;height:200px;overflow:hidden}
.listTypeC ul li .box .tit{display:block;padding:0 10px;line-height:22px}
.listTypeC ul li a{display:block}
.listTypeC ul li .box1{padding:10px 9px 15px;text-align:center;border:1px solid #d1d1d1}
.listTypeC ul li .box1 .photo{display:block;margin-bottom:10px;overflow:hidden}
.listTypeC ul li .box1 .tit{display:block;margin-bottom:10px;font-size:18px;color:#033333;}
.listTypeC ul li .box1 .btnDown{display:inline-block;margin:0 1%;width:46%;}
.listTypeC ul li .box1 .btnDown a{position:relative;display:block;font-size:14px;line-height:30px;border:1px solid #0c4e87;border-radius:3px}
.listTypeC ul li .box1 .btnDown a::before{display:inline-block;margin-right:8px;width:18px;height:12px;content:'';background:url('../img/ic_down.png') no-repeat}
.listTypeC ul li .box1 .btnDown + .btnDown a{border:1px solid #b51a1a}

.listTypeC ul li .box1 .btnDown2{display:inline-block;margin:0 1%;width:90%;}
/*.listTypeC ul li .box1 .btnDown2 a{position:relative;display:block;font-size:16px; font-weight:bold; line-height:30px;}*/
.listTypeC ul li .box1 .btnDown2 a{position:relative;display:-webkit-box; font-size:16px; font-weight:bold; line-height:30px; width:200px; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.listTypeC ul li .box1 .btnDown2 a::before{display:inline-block;content:'';}
.listTypeC ul li .box1 .btnDown2 + .btnDown2 a{border:1px solid #b51a1a}

.listTypeC ul li .box1 .btnDown3{display:inline-block;margin:0 1%;width:80%;}
.listTypeC ul li .box1 .btnDown3 a{position:relative;display:-webkit-box;font-size:14px;line-height:30px;border-bottom:1px solid #0c4e87;border-top:1px solid #0c4e87;width:200px; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.listTypeC ul li .box1 .btnDown3 a::before{display:inline-block;content:'';}
.listTypeC ul li .box1 .btnDown3 + .btnDown2 a{border:1px solid #b51a1a}

/* 겔러리형식3 */
.listTypeD{overflow:hidden; float:left; width:33.33%}
.listTypeD ul{margin:0 -15px}
.listTypeD ul::after{display:inline-block;clear:both;content:''}
.listTypeD ul li{float:left;margin-bottom:10px;padding:0 15px;}

.listTypeD ul li .box1{padding:0px 9px 0px; margin: 0 10px;text-align:center;border:1px solid #d1d1d1}
/* .listTypeD ul li .box1 .photo{display:block;margin-bottom:10px;overflow:hidden} */
.listTypeD ul li .box1 .tit{display:block;margin-bottom:10px;font-size:18px;color:#033333; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; width:260px; overflow:hidden;}

/* 페이지표시 */
.page{text-align:center;margin:45px 0 30px;}
.page a{position:relative;display:inline-block;margin:2px 0px 2px 1px;width:32px;height:29px;font-size:12px;color:#171717;text-align:center;vertical-align:middle;line-height:26px;text-decoration:none;letter-spacing:-1px;background:#fff;border:1px solid #e5e5e5}
.page a.on{color:#fff;background:#404040;border:1px solid #404040;z-index:1}
.page a img{vertical-align:middle;}

/* 게시글 내용 */
.viewTypeA{padding:25px 0 0;border-top:2px solid #333;border-bottom:1px solid #dfdfdf}
.viewTypeA h2{position:relative;margin-bottom:10px;padding:0 20px;font-size:25px;line-height:30px;font-weight:400}
.viewTypeA .infor{position:relative;padding:0 20px 25px;border-bottom:1px solid #d5d5d5}
.viewTypeA .infor li{position:relative;display:inline-block;padding-right:15px;font-size:15px;color:#707070}
.viewTypeA .infor li::before{position:absolute;top:50%;left:-10px;margin-top:-7px;width:1px;height:14px;content:'';background:#707070}
.viewTypeA .infor li:first-child::before{display:none}
.viewTypeA .file{padding:15px 45px;background:#f8f8f8 url('../img/ic_file.png') no-repeat 20px 16px;border-bottom:1px solid #d5d5d5}
.viewTypeA .file a{display:inline-block;margin-right:10px;font-size:15px;color:#1854b7}
.viewTypeA .con{padding:40px 20px 80px;}

/* 이전다음 */
.view_list{border-top:1px solid #a5a5a5;border-bottom:1px solid #a5a5a5}
.view_list li{position:relative;padding-left:140px;line-height:48px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.view_list li:first-child{border-bottom:1px solid #cbcbcb;}
.view_list li span{position:absolute;top:0;left:0;width:120px;font-weight:bold;color:#111;text-align:center;background:#f0f0f2;}

/* 글쓰기 */
.writeTypeA{clear:both;border-top:2px solid #333;}
.writeTypeA.line{border-top:2px solid #b1b1b1}
.writeTypeA tr{text-align:center}
.writeTypeA tbody th{padding:10px 20px;font-weight:400;color:#333;vertical-align:top;background:#f8f8f8;border:1px solid #d5d5d5;border-width:0 0 1px 0}
.writeTypeA tbody td{padding:10px 20px;vertical-align:top;text-align:left;border:1px solid #d5d5d5;border-width:0 0 1px 0}
.writeTypeA tbody td:first-child{border-left:0}
.writeTypeA .inp{width:45%}
.writeTypeA td .cheList li{margin:10px 0}
.writeTypeA td .txt{display:inline-block;font-size:15px}
.writeTypeA td .day{display:inline-block;margin-right:10px}

.td_left td{text-align:left}
.td_left2 th + td{text-align:left}
.td_left3 td{text-align:left}
.td_left3 th + td{text-align:center}
.th_left th{text-align:left}
.t_typel{border-collapse: collapse;background:#fff;border-top:2px solid #004079}
.t_typel tr{text-align:center;}
.t_typel thead th{padding:20px 15px;color:#004079;font-weight:500;background:#fafafa;border:1px solid #cbcbcb;border-width:0 0 1px 1px}
.t_typel thead th:first-child{border-left:0}
.t_typel tbody th{padding:10px 15px;font-weight:400;border:1px solid #cbcbcb;border-width:1px 0}
.t_typel tbody td{padding:10px 15px; word-break: break-all;border:1px solid #cbcbcb;border-width:1px 0 1px 1px}
.t_typel tbody td:first-child{border-left:0}
.t_typel tbody td strong{color:#323232;font-weight:400}
.t_typel.thBg tbody th{padding:20px;background:#fafafa}
.t_typel.thBg tbody th + td{padding:20px 30px;border-left:0}

.t_typel2{border-collapse: collapse;background:#fff;border-top:2px solid #004079}
.t_typel2 tr{text-align:center;}
.t_typel2 thead th{padding:15px 10px;color:#004079;font-weight:500;background:#f4f6f9;border:1px solid #cbcbcb;border-width:0 0 1px 1px;border-bottom:1px solid #323232}
.t_typel2 thead th:first-child{border-left:0}
.t_typel2 tbody th{padding:15px 5px;font-weight:400;border:1px solid #cbcbcb;border-width:1px 0}
.t_typel2 tbody td{padding:15px 5px;font-size:14px; word-break: break-all;border:1px solid #cbcbcb;border-width:1px 0 1px 1px}
.t_typel2 tbody td:first-child{border-left:0}
.t_typel2 tbody td .app{display:inline-block;padding:0 10px;font-size:13px;color:#005bac;line-height:24px;border:1px solid #005bac;border-radius:12px}

.s3_1_txt{margin-bottom:50px;padding:40px 250px 90px 10px;background:url('../img/s3_1_bg.jpg') no-repeat right center, url('../img/s3_1_line.gif') repeat-x left bottom}
.s3_1_txt .txt1{margin-bottom:15px;font-family: 'Nanum Myeongjo', serif;font-size:30px;color:#2f2f2f;font-weight:700;line-height:35px;letter-spacing:-1px}
.s3_1_txt .txt1 b{color:#1d85e0}
.s3_1_txt .txt2{font-size:18px;}

.s3_1_1_con1{border:1px solid #ccc;border-width:1px 1px 1px 0}
.s3_1_1_con1::after{display:block;clear:both;content:''}
.s3_1_1_con1 dl{float:left;padding:140px 10px 170px;width:20%;height:280px;text-align:center;background-repeat:no-repeat;background-position:center 48px;border-left:1px solid #ccc}
.s3_1_1_con1 dl dt{margin-bottom:16px;font-size:20px;color:#333}
.s3_1_1_con1 dl dd{line-height:20px}
.s3_1_1_con1 dl.ic1{background-image:url('../img/s3_1_1_ic1_1.png'); background-size:200px 200px; background-position: center -30px;}
.s3_1_1_con1 dl.ic2{background-image:url('../img/s3_1_1_ic1_2.png'); background-size:200px 200px; background-position: center -30px;}
.s3_1_1_con1 dl.ic3{background-image:url('../img/s3_1_1_ic1_3.png'); background-size:200px 200px; background-position: center -30px;}
.s3_1_1_con1 dl.ic4{background-image:url('../img/s3_1_1_ic1_4.png'); background-size:200px 200px; background-position: center -30px;}
.s3_1_1_con1 dl.ic5{background-image:url('../img/s3_1_1_ic1_5.png'); background-size:200px 200px; background-position: center -30px;}

.s3_1_1_con2::after{display:block;clear:both;content:''}
.s3_1_1_con2 li{float:left;padding:30px 10px 30px 125px;width:47%;font-size:15px;line-height:20px;word-break:break-all;}
.s3_1_1_con2 li .tit{display:block;margin-bottom:10px;font-size:20px;color:#333}
.s3_1_1_con2 li .tit span{display:block;font-size:16px}
.s3_1_1_con2 li.ic1{background:url('../img/s3_1_1_ic2_1.png') no-repeat left 22px;}
.s3_1_1_con2 li.ic2{padding-left:160px;width:53%;background:url('../img/s3_1_1_ic2_2.png') no-repeat 35px 24px;border-left:1px solid #cdcdcd}

.btnSponsor{padding-top:40px;text-align:center}
.btnSponsor a{position:relative;display:block;margin:0 auto;padding-right:20px;max-width:270px;font-size:22px;color:#fff;line-height:70px;font-weight:500;background:#005bac;border-radius:35px}
.btnSponsor a::after{position:absolute;top:50%;right:15%;margin-top:-11px;width:10px;height:22px;content:'';background:url('../img/btn_arrow.png') no-repeat}

.s3_1_2_txt{margin:50px 0 0;text-align:center}

.s4_con{position:relative;margin-bottom:50px;padding-left:45%;}
.s4_con .img{position:absolute;top:0;left:0;width:45%;height:100%;border:1px solid #ccc;border-width:1px 0 1px 1px}
.s4_con .img img{width:100%;height:100%}
.s4_con dl{padding:50px 20px 40px 40px;min-height:280px;color:#fff;background-repeat:no-repeat;background-size:cover}
.s4_con dl dt{position:relative;margin-bottom:20px;padding-bottom:19px;font-size:28px;font-weight:500}
.s4_con dl dt::before{position:absolute;left:0;bottom:0;width:57px;height:1px;content:'';background:#fff}
.s4_1_1_con dl{background-image:url('../img/s4_1_1_bg.jpg');}
.s4_1_3_con{padding:20px;border:1px solid #d2d2d2}
.s4_1_3_con::after{display:block;clear:both;content:''}
.s4_1_3_con li{float:left;padding:0 10px;width:50%;text-align:center}
.s4_1_3_con li .txt1{display:block;margin-top:20px}
.s4_1_3_con li .txt2{display:block;margin-top:20px;}
.s4_1_3_con li .txt2 span{color:#0077e1}
.s4_3_con dl{background-image:url('../img/s4_3_bg.jpg');}
.s4_3_txt img{float:right;margin:0 0 10px 10px}
.s4_3_txt::after{display:block;clear:both;content:''}
.s4_4_con dl{background-image:url('../img/s4_4_bg.jpg');}
.s4_4_con2 dl{position:relative;margin-bottom:20px;padding:30px 20px 20px 300px;min-height:220px;border:1px solid #d2d2d2}
.s4_4_con2 dl .img{position:absolute;top:20px;left:20px;}
.s4_4_con2 dl dt{margin-bottom:10px;font-size:22px;color:#0067c3}
.s4_4_con2 dl dd{padding-bottom:30px}
.s4_4_con2 dl dd .btn{position:absolute;left:300px;bottom:20px;width:185px;}
.s4_4_con2 dl dd .btn a{display:block;font-size:14px;line-height:30px;text-align:center;border:1px solid #033333;border-radius:16px}

.s4_2_con{position:relative;padding-left:290px;border:1px solid #d3d3d3}
.s4_2_con .img{position:absolute;top:0;left:0;padding:30px 10px;height:100%;text-align:center;background:#fff;border-right:1px solid #d3d3d3}
.s4_2_con .box{padding:30px;min-height:200px;background:#f9f9f9;}
.s4_2_con .box h3{margin-bottom:20px;font-size:22px;color:#0067c3}
.s4_2_con .box ol{padding-left:20px}
.s4_2_con .box ol li{margin-bottom:5px;list-style-type:decimal;}

.s4_2_con2{border-top:3px solid #a7a7a7}
.s4_2_con2 .box{position:relative;padding:20px 20px 20px 275px;min-height:210px;border-bottom:1px dashed #d3d3d3}
.s4_2_con2 .box h3{margin-bottom:20px;font-size:22px;color:#0067c3}
.s4_2_con2 .box img{position:absolute;top:20px;left:20px;border:1px solid #d3d3d3}
.s4_2_con2 .box p span{display:block;margin-bottom:10px;font-size:18px;color:#333}


.s5_1_con{position:relative;margin-bottom:50px;padding-bottom:30px;min-height:290px;}
.s5_1_con p{position:relative;z-index:2}
.s5_1_con .txt1{position:relative;display:inline-block;padding:30px 0 20px;font-family: 'Nanum Myeongjo', serif;font-size:35px;color:#333;line-height:40px}
.s5_1_con .txt1 b{color:#005bac}
.s5_1_con .txt1::before{position:absolute;top:0;left:-10px;font-size:100px;color:#d3d3d3;content:'“';line-height:100px}
.s5_1_con .txt1::after{position:absolute;bottom:-60px;right:-10px;font-size:100px;color:#d3d3d3;content:'”';line-height:100px}
.s5_1_con .txt2{font-size:18px;color:#333}
.s5_1_con img{position:absolute;top:0;right:0;width:40%}
.s5_1_con2 .txt{margin-top:20px;text-align:right;font-size:18px;color:#333}

.s5_2_1_con{margin-bottom:50px}
.s5_2_1_con::after{display:block;clear:both;content:''}
.s5_2_1_con dl{position:relative;float:left;padding:40px 15px 40px 185px;width:49%;min-height:210px;background:#ebeff3}
.s5_2_1_con dl.rit{float:right}
.s5_2_1_con dl dt{margin-bottom:20px;font-size:28px;color:#333;font-weight:500}
.s5_2_1_con dl dd.img{position:absolute;top:30px;left:30px}
.s5_2_1_con dl dd{font-size:18px}
.s5_2_1_con dl dd .name{display:block;margin-bottom:10px;font-size:20px;color:#005bac;}
.s5_2_1_con dl dd ul li{position:relative;padding-left:10px;font-size:16px;letter-spacing:-1px}
.s5_2_1_con dl dd ul li::before{position:absolute;top:0;left:0;content:'-'}


.organ_pop::after{display:block;clear:both;content:''}
.organ_pop dl{position:relative;float:left;padding:40px 15px 40px 185px;width:100%;min-height:210px; background:#ebeff3}
.organ_pop dl.rit{float:right}
.organ_pop dl dt{margin-bottom:20px;font-size:28px;color:#333;font-weight:500}
.organ_pop dl dd.img{position:absolute;top:30px;left:50px}
.organ_pop dl dd{font-size:18px}
.organ_pop dl dd .name{display:block;margin-bottom:10px;font-size:20px;color:#005bac;}
.organ_pop dl dd ul li{position:relative;font-size:16px;}
/*.organ_pop dl dd ul li::before{position:absolute;top:0;left:0;content:'-'}*/


.s5_2_1_con2 .tit{margin-bottom:20px;padding:40px 20px 30px 20px;text-align:center;background:#f7f7f7}
.s5_2_1_con2 .tit .txt{position:relative;display:inline-block;padding:0 50px;font-family: 'Nanum Myeongjo', serif;font-size:30px;color:#333;line-height:34px;font-weight:600}
.s5_2_1_con2 .tit .txt span{color:#005bac}
.s5_2_1_con2 .tit .txt::before{position:absolute;top:0;left:0;font-size:100px;color:#a8a8a8;content:'“';line-height:100px;font-weight:normal}
.s5_2_1_con2 .tit .txt::after{position:absolute;top:0;right:0;font-size:100px;color:#a8a8a8;content:'”';line-height:100px;font-weight:normal}
.s5_2_1_con2 .txt2 span{color:#333}

.s5_2_1_con3{text-align:center}
.s5_2_1_con3 ul{position:relative;}
.s5_2_1_con3 ul::after{position:absolute;top:85px;left:0;width:100%;height:1px;content:'';border-top:3px dotted #959595;margin-top:-20px}
.s5_2_1_con3 ul li{position:relative;display:inline-block;margin:0 2px 20px;width:15%;height:130px;line-height:180px;vertical-align:top;background:#fff;border:5px solid #0674d7;border-radius:50%;z-index:2}
.s5_2_1_con3 ul li span{display:inline-block;font-size:15px;line-height:30px;}
.s5_2_1_con3 ul li:nth-child(2){border:5px solid #21adee}
.s5_2_1_con3 ul li:nth-child(4){border:5px solid #21adee}
.s5_2_1_con3 ul li:nth-child(6){border:5px solid #21adee}
/*.s5_2_1_con3 ul li:nth-child(3){border:5px solid #005bac}
.s5_2_1_con3 ul li:nth-child(4){border:5px solid #696969}*/

.s5_2_1_con4{position:relative;margin-bottom:40px;padding:95px}
.s5_2_1_con4::after{position:absolute;top:0;left:50%;margin-left:-210px;width:400px;height:400px;content:'';border:10px solid #f3f3f3;border-radius:50%}
.s5_2_1_con4 p{margin:0 auto;padding-top:85px;width:229px;height:229px;font-size:25px;color:#fff;font-weight:500;line-height:30px;text-align:center;background:#005bac;border-radius:50%}
.s5_2_1_con4 ul{position:absolute;top:0;left:0;width:100%;height:420px;z-index:2}
.s5_2_1_con4 ul li{position:absolute;padding-top:35px;width:40%;height:130px}
.s5_2_1_con4 ul li span{position:absolute;top:0;padding-top:28px;width:130px;height:130px;font-size:18px;color:#333;text-align:center;background:#fff;border:1px solid #005bac;border-radius:50%}
.s5_2_1_con4 ul li span::before{position:absolute;top:50%;margin-top:-8px;width:14px;height:4px;content:'';background:#005bac;border:4px solid #fff}
.s5_2_1_con4 ul li:nth-child(1){left:0;top:0;padding-right:150px;text-align:right}
.s5_2_1_con4 ul li:nth-child(1) span{right:0}
.s5_2_1_con4 ul li:nth-child(1) span::before{left:-10px}
.s5_2_1_con4 ul li:nth-child(2){right:0;top:0;padding-left:150px}
.s5_2_1_con4 ul li:nth-child(2) span{left:0;border:1px solid #21adee;}
.s5_2_1_con4 ul li:nth-child(2) span::before{right:-10px;background:#21adee}
.s5_2_1_con4 ul li:nth-child(3){right:0;bottom:0;padding-left:150px}
.s5_2_1_con4 ul li:nth-child(3) span{left:0}
.s5_2_1_con4 ul li:nth-child(3) span::before{right:-10px;}
.s5_2_1_con4 ul li:nth-child(4){left:0;bottom:0;padding-right:150px;text-align:right}
.s5_2_1_con4 ul li:nth-child(4) span{right:0;border:1px solid #21adee;}
.s5_2_1_con4 ul li:nth-child(4) span::before{left:-10px;background:#21adee}

.s5_3_con{position:relative;padding-top:40px}
.s5_3_con::after{position:absolute;top:0;left:302px;width:1px;height:100%;content:'';background:#cacaca}
.s5_3_con > ol{position:relative;z-index:2}
.s5_3_con > ol > li{position:relative;margin-bottom:30px;padding:20px 0 20px 350px}
.s5_3_con > ol > li .year{position:absolute;top:20px;left:200px;width:115px;font-size:30px;color:#333}
.s5_3_con > ol > li .year::after{position:absolute;top:0;right:0;width:15px;height:15px;content:'';background:#fff;border:5px solid #429def;border-radius:50%}
.s5_3_con > ol > li .photo{position:absolute;top:70px;left:35px;width:240px}
.s5_3_con > ol > li .photo + ol{margin-bottom:150px}
.s5_3_con > ol > li ol li{position:relative;padding-left:25px;margin-bottom:10px;font-size:14px}
.s5_3_con > ol > li ol li .month{position:absolute;top:0;left:0;color:#333;font-weight:500}

/*
.s5_3_con{position:relative;}
.s5_3_con::after{position:absolute;top:0;left:50%;width:1px;height:100%;content:'';background:#cacaca}
.s5_3_con > ol{position:relative;z-index:1}
.s5_3_con > ol > li{position:relative;margin-bottom:80px;padding:0 55% 0 0}
.s5_3_con > ol > li .year{position:absolute;top:0;left:48.7%;padding-left:55px;width:115px;font-size:30px;color:#0674d7;font-style:italic;font-weight:bold}
.s5_3_con > ol > li .year::after{position:absolute;top:0;left:0;width:15px;height:15px;content:'';background:#fff;border:5px solid #429def;border-radius:50%}
.s5_3_con > ol > li .photo{position:absolute;top:50px;left:55%;}
.s5_3_con > ol > li .photo + ol{}
.s5_3_con > ol > li > ol{min-height:240px}
.s5_3_con > ol > li > ol > li{position:relative;padding-right:35px;margin-bottom:20px;font-size:14px}
.s5_3_con > ol > li > ol > li ul li{position:relative;padding-right:12px;text-align:right;line-height:20px}
.s5_3_con > ol > li > ol > li ul li::before{position:absolute;top:9px;right:0;width:6px;height:2px;content:'';background:#b8b8b8}
.s5_3_con > ol > li > ol > li .month{position:absolute;top:0;right:0;color:#333;font-weight:500;line-height:20px}
.s5_3_con > ol > li:nth-child(2n){padding:0 0 0 55%}
.s5_3_con > ol > li:nth-child(2n) .year{left:0;width:51.4%;padding:0 55px 0 0;text-align:right}
.s5_3_con > ol > li:nth-child(2n) .year::after{left:auto;right:0}
.s5_3_con > ol > li:nth-child(2n) .photo{top:50px;left:auto;right:55%;}
.s5_3_con > ol > li:nth-child(2n) > ol > li{padding:0 0 0 35px;}
.s5_3_con > ol > li:nth-child(2n) > ol > li .month{left:0;right:auto;}
.s5_3_con > ol > li:nth-child(2n) > ol > li ul li{padding:0 0 0 12px;text-align:left}
.s5_3_con > ol > li:nth-child(2n) > ol > li ul li::before{right:auto;left:0;}
*/

.s5_4_1_con{position:relative;text-align:center}
.s5_4_1_con::after{position:absolute;top:0;left:50%;width:1px;height:43%;content:'';background:#ddd}
.s5_4_1_con::before{position:absolute;top:480px;left:50%;margin-left:-35%;width:600px;content:'';border:1px solid #ddd;border-width:1px 1px 0}
.s5_4_1_con ul{position:relative;z-index:2}
.s5_4_1_con .org1{position:relative;display:block;margin:0 auto 50px;width:140px;height:140px;font-size:22px;color:#333;line-height:130px;font-weight:500;text-align:center;background:#fff;border:5px solid #0066CC;border-radius:50%}
.s5_4_1_con .org1::after{position:absolute;top:50%;right:-104%;width:100%;height:1px;content:'';background:#ddd}
.s5_4_1_con .org2{position:relative;display:inline-block;width:200px;font-size:20px;color:#fff;line-height:60px;text-align:center;background:#005bac;z-index:2}
.s5_4_1_con > ul > li > ul::after{position:absolute;left:50%;top:100px;margin-left:-20%;width:50%;height:1px;content:'';background:#ddd}
.s5_4_1_con .po1{position:absolute;top:40px;right:10%;}
.s5_4_1_con .po1 .org2{background:#565656}
.s5_4_1_con .po2{position:absolute;top:10px;left:10%;}
.s5_4_1_con .po3{position:absolute;top:10px;right:10%;}
.s5_4_1_con .po4{padding-top:90px}
.s5_4_1_con .po5{margin-top:90px;}
.s5_4_1_con .po5::after{display:block;clear:both;content:''}
/*.s5_4_1_con .po5::before{position:absolute;top:-45px;left:50%;margin-left:0%;width:0%;height:50px;content:'';border:0px solid #ddd;border-width:0px 0.5px 0 }*/
.s5_4_1_con .po5 > li{position:relative;float:left;padding:0 3px;width:20%;z-index:2}
/*.s5_4_1_con .po5 > li::after{position:absolute;top:0;left:50%;width:1px;height:97%;content:'';background:#ddd;z-index:1}*/
.s5_4_1_con .po5 > li::after{position:absolute;top:0;left:50%;width:1px;height:0%;content:'';background:#ddd;z-index:1}
.s5_4_1_con .po5 > li:nth-child(1)::after{height:77px}
.s5_4_1_con .po5 > li:nth-child(2)::after{height:50px; margin-top:80px}
.s5_4_1_con .po5 > li:nth-child(3)::before{position:absolute;top:80px;margin-left:-100px;width:199px;height:5px;content:'';border:1px solid #ddd;border-width:1px 1px 0}
.s5_4_1_con .po5 > li:nth-child(3)::after{height:250px; margin-top:35px}
.s5_4_1_con .po5 > li:nth-child(4)::after{height:50px; margin-top:80px}
.s5_4_1_con .po5 > li:nth-child(5)::after{height:250px; margin-top:10px}
/*.s5_4_1_con .po5 > li:nth-child(5){clear:both}*/
.s5_4_1_con .po6{margin-top:110px}
.s5_4_1_con .po7{margin-top:25px}
.s5_4_1_con .po7::after{display:block;clear:both;content:''}
.s5_4_1_con .po7::before{position:absolute;top:-15px;left:50%;margin-left:-25%;width:50%;height:100%;content:'';border:1px solid #ddd;border-width:1px 1px 0}
.s5_4_1_con .tes::before{position:absolute;top:-15px;margin-left:-50%;width:50%;height:0%;content:'';border:1px solid #ddd;border-width:1px 1px 0}
.s5_4_1_con .org3{position:relative;display:block;margin:0 auto 20px;max-width:170px;font-size:17px;line-height:30px;text-align:center;background:#fff;border:3px solid #0066CC;z-index:2}
/*.s5_4_1_con .org4 {position:relative;display:block;margin:0 auto 25px;max-width:170px;font-size:18px;line-height:56px;text-align:center;background:#fff;border:1px solid #a6a6a6;border-top:3px solid #005bac;z-index:2}*/
.s5_4_1_con .org4 {position:relative;display:block;margin:13px auto 25px;max-width:170px;font-size:18px;line-height:56px;text-align:center;background:#fff;border-top:3px solid #3399CC;z-index:2}
.s5_4_1_con .po7 > li{position:relative;float:left;padding:0 3px;width:50%;z-index:1}
/*.s5_4_1_con .po7 > li::after{position:absolute;top:0;left:50%;width:1px;height:97%;content:'';background:#ddd;z-index:1}*/
.s5_4_1_con .org5 > li{position:relative;display:block;margin:0 auto 10px;max-width:170px;font-size:16px;line-height:42px;text-align:center;background:#fff;border:1px solid #a6a6a6;z-index:1}
.s5_4_1_con .org5 > li.exp{position:relative;display:block;margin:0 auto 10px;max-width:170px;font-size:13px;line-height:20px;text-align:center;background:#fff;border:1px solid #CCCCCC;z-index:1}
.s5_4_1_con .org5 > li a{position:relative;display:block}
.s5_4_1_con .org5 .team{display:none}
.s5_4_1_con .org5 .team > li{line-height:20px;border:0}
.s5_4_1_con .org5 > li.on{padding:0 0 20px;background:#f5f5f5}
.s5_4_1_con .org5 > li.on > a{color:#005bac}
.s5_4_1_con .org5 > li.on .team{display:block;padding:0 20px;}
.s5_4_1_con .org5 > li.on .team li{margin-bottom:5px;padding:10px;background:#fff}
.s5_4_1_con .org5 > li.on .team li span{display:block;margin-bottom:6px;font-size:14px;color:#fff;line-height:20px;border-radius:10px}
.s5_4_1_con .org5 > li.on .team li .tit1{background:#005bac;}
.s5_4_1_con .org5 > li.on .team li .tit2{background:#565656;}
.s5_4_1_con .org5 > li.on .team li a::after{position:absolute;bottom:-2px;right:0;width:22px;height:22px;content:'';background:url('../img/ic_photo.png') no-repeat right bottom}
.s5_4_1_con .last{margin-top:70px}
.s5_4_1_con .last li{float:left;padding:0 3px;width:20%}



.orgPop{display:none;position:fixed;top:50%;left:0;margin-top:-150px;padding:0 10px;width:100%;z-index:200}
.orgPop .box{position:relative;margin:0 auto;padding:25px 25px 25px 210px;max-width:450px;min-height:240px;background:#fff;border-top:4px solid #005bac;}
.orgPop .box .photo{position:absolute;top:25px;left:25px}
.orgPop .box dl dt{margin-bottom:20px;padding-top:15px;font-size:20px}
.orgPop .box dl dt span{font-size:30px}
.orgPop .box dl dd ul li .name{color:#0055a3}
.orgPop .box .btnClose{position:absolute;top:20px;right:20px;width:25px;height:25px;text-indent:-999px;overflow:hidden;background:#000 url('../img/ic_close.png') no-repeat center center;background-size:15px}
.fixOrg{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:100}

.s5_5_con{margin-bottom:70px;font-size:18px}
.s5_5_con span{display:block;margin-bottom:20px;font-size:30px;color:#005bac}

.s5_5_con2 dl{position:relative;margin-bottom:40px;padding-left:225px;color:#333;}
.s5_5_con2 dl dt{position:absolute;top:0;left:0;padding-top:40px;width:200px;font-size:28px;text-align:center;font-weight:500;border-top:2px solid #393939}
.s5_5_con2 dl dd{padding:40px 0;border-top:1px solid #393939}
.s5_5_con2 dl dd p{margin-bottom:30px;font-size:18px;color:#666}
.s5_5_con2 dl dd ul li{position:relative;margin-bottom:10px;padding:10px 0 10px 130px;min-height:50px;font-size:18px;border:1px solid #b9b9b9;border-radius:25px}
.s5_5_con2 dl dd ul li span{position:absolute;top:0;left:0;margin:-1px 0 0 -1px;width:120px;height:104%;font-size:22px;color:#fff;font-style:italic;text-align:center;line-height:48px;background:#005bac;border-radius:25px}
.s5_5_con2 dl dd .box{padding:30px;background:#f4f4f4;border-radius:18px}
.s5_5_con2 dl dd .box h2{margin-bottom:20px;font-size:22px;color:#005bac;font-style:italic;font-weight:400}
.s5_5_con2 dl dd .box ol{padding-left:20px}
.s5_5_con2 dl dd .box ol li{margin-bottom:5px;font-size:18px;list-style-type:decimal;}

.s5_6_con{position:relative;margin-bottom:50px;padding:0 0 50px 260px;border-bottom:1px dashed #959595}
.s5_6_con:last-child{border-bottom:0}
.s5_6_con.line{padding-bottom:0;border-bottom:0}
.s5_6_con .photo{position:absolute;top:0;left:0;width:224px}
.s5_6_con .photo img{width:100%}
.s5_6_con .con h2.title{margin-top:0}
.s5_6_con .con .txt{margin:-10px 0 20px 25px;font-size:20px;color:#333}
.s5_6_con .con ol{margin-bottom:20px;padding-left:20px}
.s5_6_con .con ul{margin-bottom:20px}
.s5_6_con .con li{position:relative;margin-bottom:5px;padding-left:20px}
.s5_6_con .con ol li .num{position:absolute;top:0;left:0}

.loginCon{margin:0 auto;padding:80px;max-width:560px;border:2px solid #ccc}
.loginCon .inpt{margin-bottom:10px;padding:0 20px;width:100%;height:50px;border-radius:5px}
.loginCon .btn{margin:10px 0 20px;width:100%;height:60px;font-size:22px;color:#fff;background:#005bac;border:0;border-radius:5px}
.loginCon ul{text-align:center}
.loginCon ul li{display:inline-block}
.loginCon ul li a{position:relative;display:block;padding:0 10px}
.loginCon ul li a::before{position:absolute;top:50%;left:0;margin-top:-7px;width:1px;height:15px;content:'';background:#595959}
.loginCon ul li:first-child a::before{display:none}

.joinCon .step{margin-bottom:80px}
.joinCon .step ol{overflow:hidden;}
.joinCon .step ol::after{display:block;clear:both;content:''}
.joinCon .step ol li{position:relative;float:left;width:33.33%;font-size:20px;line-height:70px;text-align:center;font-weight:500;background:#f4f5f9;border:1px solid #ccc;border-width:1px 0}
.joinCon .step ol li::after{position:absolute;top:0;left:-1px;width:22px;height:100%;content:'';background:url('../img/ic_jo_arrow_off.png') no-repeat right center;z-index:1}
.joinCon .step ol li:first-child{border-left:1px solid #ccc;}
.joinCon .step ol li:first-child::after{display:none}
.joinCon .step ol li:last-child{border-right:1px solid #ccc}
.joinCon .step ol li.on{color:#fff;background:#005bac;border:1px solid #005bac}
.joinCon .step ol li.on .tit span{color:#fff609}
.joinCon .step ol li.on::after{display:none}
.joinCon .step ol li.on + li::after{background:url('../img/ic_jo_arrow_on.png') no-repeat right center;}
.joinCon .step ol li.on:nth-child(2)::before,
.joinCon .step ol li.on:nth-child(3)::before{position:absolute;top:0;left:-1px;width:22px;height:100%;content:'';background:url('../img/ic_jo_arrow_off.png') no-repeat right center;z-index:1}
.joinCon .agreeWrp{position:relative;margin-bottom:50px}
.joinCon .agreeWrp::after{display:block;clear:both;content:''}
.joinCon h2{display:inline-block;margin-bottom:20px;font-size:30px;font-weight:400}
.joinCon .agreeWrp .checkbox{float:right;margin-bottom:20px}
.joinCon .agreeWrp .agreeBox{clear:both;padding:30px;max-height:250px;overflow:auto;background:#f8f8f8;border:1px solid #ccc}
.joinCon .agreeWrp .agreeBox h3{margin:30px 0 15px}
.joinCon .agreeWrp .agreeBox h3:first-child{margin-top:0}
.joinCon .agreeWrp .agreeBox h4{margin:20px 0 10px}
.joinCon .agreeWrp .agreeBox > ul > li{margin-bottom:5px}
.joinCon .agreeWrp .agreeBox ul li ul{margin:10px 0 10px 10px}
.joinCon .essTxt{float:right;margin-bottom:5px}
.joinCon fieldset{clear:both}

.idpwCon h2{margin-bottom:10px;font-size:30px;font-weight:400}

.programCon::after{display:block;clear:both;content:''}
.programCon .proLft{float:left;width:48%}
.programCon .proLft .selForm select{padding:0 10px;height:50px;}
.programCon .proLft .schedule{margin-top:20px;padding:30px 20px 20px;text-align:center;border:1px solid #dfdfdf}
.programCon .proLft .schedule .control{position:relative;display:inline-block;margin-bottom:25px;padding:0 50px;font-size:35px;color:#333;line-height:35px;font-weight:500}
.programCon .proLft .schedule .control button{position:absolute;top:50%;margin-top:-13px;width:30px;height:30px;text-indent:-999px;overflow:hidden;background-repeat:no-repeat;background-position:center center}
.programCon .proLft .schedule .control .btnBefore{left:0;background-image:url('../img/ic_sch_before.png')}
.programCon .proLft .schedule .control .btnNext{right:0;background-image:url('../img/ic_sch_next.png')}
.programCon .proLft .schedule table{border-collapse:initial;}
.programCon .proLft .schedule table thead th{padding:15px 0;font-size:18px;color:#555;font-weight:400;border-top:1px solid #c5c5c5;border-bottom:1px solid #eee}
.programCon .proLft .schedule table tbody td{padding:0;height:70px;font-size:20px;line-height:20px}
.programCon .proLft .schedule table tbody td span{display:block;margin:0 auto;width:100%;padding:35% 0;border-radius:50%}
.programCon .proLft .schedule table tbody td.today span{color:#fff;font-weight:500;background:#005bac}
.programCon .proLft .schedule table tbody td:first-child{color:#de0000}
.programCon .proLft .schedule table tbody td:last-child{color:#3535a4}
.programCon .proLft .schedule table tbody td a{display:block}
.programCon .proLft .gdT{padding:10px;font-size:14px;color:#929292}
.programCon .proLft .gdT span{position:relative;display:inline-block;margin-right:20px;padding-left:18px}
.programCon .proLft .gdT span::before{position:absolute;top:2px;left:0;content:'';}
.programCon .proLft .gdT .gdT1::before{top:6px;width:12px;height:12px;background:#005bac;border-radius:50%}
.programCon .proLft .gdT .gdT2::before{top:6px;width:12px;height:12px;background:#c41717;border-radius:50%}
.programCon .proLft .gdT .gdT3::before{top:6px;width:12px;height:12px;background:#eac019;border-radius:50%}
.programCon .view{float:right;padding-top:75px;width:48%}
.programCon .view table td{padding:30px 20px;}
.programCon .view .time{display:block;margin-bottom:10px;max-width:150px;font-size:14px;line-height:25px;text-align:center;border:1px solid #4b4b4b;border-radius:13px}
.programCon .view .tit{display:block;margin-bottom:10px;font-size:20px;color:#333}
.programCon .view .con{display:block;font-size:14px;line-height:20px}

.carApp{margin-bottom:30px;text-align:center}
.carApp .control{position:relative;display:inline-block;margin-bottom:20px;padding:0 50px;font-size:40px;color:#333;line-height:35px;font-weight:500}
.carApp .control button{position:absolute;top:50%;margin-top:-13px;width:30px;height:30px;text-indent:-999px;overflow:hidden;background-repeat:no-repeat;background-position:center center}
.carApp .control .btnBefore{left:0;background-image:url('../img/ic_sch_before.png')}
.carApp .control .btnNext{right:0;background-image:url('../img/ic_sch_next.png')}
.carApp .guTxt{margin-bottom:10px;font-size:20px;text-align:right}
.carApp .guTxt span{display:inline-block;margin-right:10px;width:37px;height:40px;vertical-align:middle;background:#f9f0f0 url('../img/ic_done.png') no-repeat center center;border:1px solid #d7d7d7}

.carTb{table-layout: fixed;font-size:14px;border-top:2px solid #333;}
.carTb tr{text-align:center;}
.carTb thead th{padding:10px 0;font-weight:400;color:#333;background:#f4f6f9;border-left:1px solid #d7d7d7;}
.carTb thead th:first-child{border-left:0}
.carTb tbody th,.carTb tbody td{border:1px solid #d7d7d7;border-width:1px 0}
.carTb tbody th{padding:10px 0;font-weight:normal;background:#f4f6f9;}
.carTb tbody td{padding:10px 2px;color:#555;word-break:break-all;border-left:1px solid #d7d7d7;}
.carTb tbody td:first-child{border-left:0}
.carTb tbody td.finish{background:#f9f0f0}


/*
================================================================================
반응형 서브 콘텐츠
================================================================================
*/

 /* PC Device */
@media all and (min-width:1201px){

}


 /* TABLET Device */
@media all and (max-width:1200px){



}

 /* TABLET Device */
@media all and (max-width:800px){

	.tabMenu ul.li5 li{width:25%}

	.mb_scroll{position:relative;padding-top: 20px;width:100%;}
	.mb_scroll::before {position: absolute;top: -5px;right: 0;content: '◀ 좌우Scroll ▶';font-size:13px;opacity:0.5}
	.mb_scroll .box{position:relative;height:100%;overflow:auto}
	.mb_scroll .box::after{position:absolute;top:0;right:0;width:30px;height:100%;content:'';background: url('../img/scroll_alpha.png') repeat-y fixed right top;}
	.mb_scroll table{width:1000px;height:100%;}

	.s5_2_1_con dl{float:none;margin-bottom:20px;width:100%}
	.s5_2_1_con3 ul::after{display:none}

	.programCon .proLft{float:none;margin-bottom:30px;width:100%}
	.programCon .view{float:none;padding-top:0;width:100%}
	.programCon .proLft .schedule table tbody td span{padding:39% 0;}

	.s5_4_1_con{text-align:left;overflow:hidden}
	.s5_4_1_con .org1{margin:0 0 50px 30px}
	.s5_4_1_con .po2{position:relative;top:0;left:0;margin:10px 0;text-align:right}
	.s5_4_1_con .po3{position:relative;top:0;right:0;margin:10px 0;text-align:right}
	.s5_4_1_con .po4{padding-top:0}
	.s5_4_1_con .po5{}
	.s5_4_1_con .po5 > li{float:none;margin-bottom:30px;width:100%;text-align:right}
	.s5_4_1_con .po5 > li:nth-child(3){width:100%}
	.s5_4_1_con .po6{display:inline-block;margin-top:-80px;padding-left:50px;max-width:250px;width:250px}
	.s5_4_1_con .org3{margin:0 0 20px;max-width:200px}
	.s5_4_1_con .org4{max-width:200px}
	.s5_4_1_con .org5 > li{max-width:200px}
	.s5_4_1_con .po7 > li{float:none;padding:0;width:100%}
	.s5_4_1_con .po7{display:inline-block;margin-top:-80px;width:200px}
	.s5_4_1_con .last li{width:33.33%}
	.s5_4_1_con::after{left:100px;height:100%}
	.s5_4_1_con .org1::after{right:-224%;width:220%}
	.s5_4_1_con > ul > li > ul::after{display:none}
	.s5_4_1_con .po2::after{position:absolute;top:30px;left:100px;width:100%;height:1px;content:'';background:#ddd;z-index:1}
	.s5_4_1_con .po3::after{position:absolute;top:30px;left:100px;width:100%;height:1px;content:'';background:#ddd;z-index:1}
	.s5_4_1_con .po5::before{display:none}
	.s5_4_1_con .po5 > li:nth-child(3)::after{height:100%}
	.s5_4_1_con .po5 > li{padding:0}
	.s5_4_1_con .org5 > li::after{position:absolute;top:30px;left:-50px;width:50px;height:1px;content:'';border:1px solid #ddd;border-width:1px 0 0;z-index:1}
	.s5_4_1_con .org5 > li:first-child::after{height:100px;border-width:1px 0 0 1px}
	.s5_4_1_con .org5 > li:last-child::after{top:auto;bottom:30px;height:100px;border-width:0 0 1px 1px}
	.s5_4_1_con .po5 > li::after{top:31px;left:0;width:100%;height:1px !important}
	.s5_4_1_con .po6::after{position:absolute;top:20%;left:1px;width:1px;height:60%;content:'';background:#ddd;z-index:1}
	.s5_4_1_con .po7::before{top:31px;left:0;width:1px;height:63%;border-width:0 0 0 1px}
	.s5_4_1_con .po7 .org5{margin-bottom:40px}
	.s5_4_1_con .po7 .org5 > li::after{display:none}
	.s5_4_1_con .po7 > li::before{position:absolute;top:31px;left:-50px;width:50px;height:1px;content:'';border:1px solid #ddd;border-width:1px 0 0 0;z-index:1}


}

 /* PC Device */
 @media all and (min-width:641px){

	.tabMenu ul{display:block !important}
}

 /* Mobile Device */
@media all and (max-width:640px){

	img.w{display:none}
	img.m{display:block}

	h1.title{margin-bottom:18px;font-size:20px;line-height:22px}
	h2.title{margin:40px 0 15px;padding-left:12px;font-size:18px;line-height:22px;background-size:5px;background-position:left 3px}
	h3.title{margin:30px 0 10px;padding-left:10px;font-size:16px;line-height:20px}
	h3.title::before{top:7px;width:5px;height:5px}
	h4.title{margin:20px 0 10px;font-size:15px;line-height:20px}
	h5.title{margin:20px 0 5px;font-size:15px}

	.tabMenu{margin-bottom:20px;text-align:left}
	.tabMenu ul li a span{line-height:14px}
	.tabMenu ul li a{padding:0 10px;font-size:13px;line-height:40px;}
	.tabMenu ul.li4 li{width:50%}

	.mbTab button{position:relative;display:block;width:100%;height:40px;font-size:14px;color:#8c8c8c;text-indent:15px;text-align:left;border:1px solid #cbcbcb}
	.mbTab button::after{position:absolute;top:50%;right:20px;margin-top:-5px;width:18px;height:10px;content:'';background: url('../img/ic_mb_dot.png') no-repeat;background-size:100%}
	.mbTab button.on::after{transform:rotate(180deg);-webkit-transform:rotate(180deg)}
	/*.mbTab ul{display:none;position:absolute;top:40px;left:0;width:100%;border-left:1px solid #dedede;z-index:1}*/
	.mbTab ul li{width:50% !important;text-align: left;background:#fff;}
	.mbTab ul li a{margin:0;border-width:0 1px 1px 0; text-overflow:ellipsis}
	.mbTab ul li a:hover, .mbTab ul li.on a{border-width:0 1px 1px 0}

	.tabMenu + h2.title{margin-top:25px}

	input[type="text"], input[type="password"], input[type="search"], input[type="tel"], input[type="email"]{height:32px;font-size:14px}
	.selForm select{height:30px;font-size:14px}

	.fon18{font-size:14px;line-height:20px}

	.li_dot{padding:0 10px}

	.li_dot2{padding:0 10px}
	.li_dot2 li::before{top:8px}

	.btnList{text-align:center}

	.btnBc.small a, .btnBc.small button, .btnBc.small input{padding:0 5px;line-height:30px;font-size:13px}
	.btnBg a, .btnBg button, .btnBg input{min-width:130px;font-size:16px;line-height:35px}
	.btnBg.arw a{padding:0 40px 0 20px;line-height:40px;border-radius:20px}
	.btnBg.arw a::after{right:20px;margin-top:-7px;width:6px;height:14px;background-size:100%}

	.boadSearchA{margin-bottom:25px;padding:12px}
	.boadSearchA .searchForm{padding:0 40px 0 90px}
	.boadSearchA .searchForm .selForm{position:absolute;top:0;left:0;min-width: 85px;}
	.boadSearchA .searchForm .serInput{margin:0;width:100%;height:32px}
	.boadSearchA .searchForm .btn{position:absolute;bottom:0;right:0;width:41px;height:32px;background-size:18px}

	.mbTb colgroup,
	.mbTb thead{display:none}
	.mbTb tbody td{position:relative;display:none;padding:0;border:0}
	.mbTb tbody td.ntc{display:block;float:left;margin-right:5px;padding:10px 0 0 15px;}
	.mbTb tbody td .noTxt{width:30px;font-size:12px;line-height:18px}
	.mbTb tbody td.subject{display:block;padding:10px 15px 5px;}
	.mbTb tbody td.subject a{display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
	.mbTb tbody tr{border-bottom:1px solid #dfdfdf}
	.mbTb tbody td.item{display:block;float:left;padding:0 0 10px 15px;font-size:12px}
	.mbTb tbody td.item::after{position:absolute;top:5px;right:-8px;width:1px;height:10px;content:'';background:#8e8e8e}
	.mbTb tbody td.item:last-child::after{display:none}
	.mbTb tbody td.name{display:block;clear:both;padding:0 8px 10px 15px;float:left;font-size:12px;}
	.mbTb tbody td.name::after{position:absolute;top:5px;right:0;width:1px;height:10px;content:'';background:#8e8e8e}
	.mbTb tbody td.data{display:block;float:left;padding:0 8px;font-size:12px;}
	.mbTb tbody td.data::after{position:absolute;top:5px;right:0;width:1px;height:10px;content:'';background:#8e8e8e}
	.mbTb tbody td.hit{display:block;float:left;padding:0 8px;font-size:12px;}

	.listTypeA{table-layout: fixed;font-size:15px;border-top:2px solid #333;}
	.listTypeA tr{text-align:center;}
	.listTypeA thead th{padding:15px 5px;font-weight:400;color:#333;background:#f6f6f6;}
	.listTypeA tbody th,.listTypeA tbody td{border:1px solid #dfdfdf;border-width:1px 0}
	.listTypeA tbody th{padding:15px 10px;}
	.listTypeA tbody td{padding:15px 10px;color:#555;word-break:break-all}
	.listTypeA tbody td:first-child{border-left:0}
	.listTypeA tbody td.subject{text-align:left;}
	.listTypeA tbody tr.noBg{background:#f1f8ff}
	.listTypeA tbody td .noTxt{display:inline-block;width:35px;font-size:13px;color:#fff;line-height:20px;background:#ed421e;border-radius:3px}


	.listTypeB ul li a{padding: 10px 0 10px 110px;min-height:90px}
	.listTypeB ul li .photo{top:10px;width:95px;height:auto}
	.listTypeB ul li .tit{margin-bottom:10px;font-size:16px;line-height:20px}
	.listTypeB ul li .txt{display:none}
	.listTypeB ul li span{font-size:12px;line-height:12px}

	.listTypeC ul{margin:0 -5px}
	.listTypeC ul li{margin-bottom:10px;padding:0 5px;width:50%}
	.listTypeC ul li .box2{padding:5px;height:210px}
	.listTypeC ul li .box2 .photo{margin-bottom:5px;height:140px}
	.listTypeC ul li .box .tit{padding:0;line-height:18px}
	.listTypeC ul li .box1 .tit{font-size:14px}
	.listTypeC ul li .box1 .btnDown a{font-size:12px;line-height:25px}
	.listTypeC ul li .box1 .btnDown a::before{margin-right:5px;width:15px;height:10px;background-size:100%}


	.writeTypeA tbody th{padding:10px;font-size:13px}
	.writeTypeA tbody td{padding:10px;font-size:13px;line-height:20px}
	.writeTypeA tbody td .inpA{width:100%}
	.writeTypeA tbody td textarea{height:180px}
	.writeTypeA tbody td .txt{font-size:13px;line-height:18px}
	.writeTypeA td .day{display:block;margin:0 0 5px}

	.page{margin-top:20px}

	.view_list li{padding-left:90px;}
	.view_list li span{width:77px}

	.t_typel thead th{padding:10px 5px}
	.t_typel tbody th,
	.t_typel tbody td{padding:10px;word-break:break-all}
	.t_typel.thBg tbody th{padding:10px}
	.t_typel.thBg tbody th + td{padding:10px}
	.writeTypeA td .cheList li{margin:5px 0}

	.s3_1_txt{margin-bottom:20px;padding:10px 10px 30px;background:none;background:url('../img/s3_1_line.gif') repeat-x left bottom;background-size:auto 7px}
	.s3_1_txt .txt1{margin-bottom:5px;font-size:18px;line-height:22px}
	.s3_1_txt .txt2{font-size:14px;line-height:18px}
	.s3_1_1_con1{border-width:0 1px 1px 0}
	.s3_1_1_con1 dl{float:none;padding: 110px 10px 30px;width:100%;height:auto;border-top:1px solid #ccc;background-position:center 30px}

	.s3_1_1_con2 li{float:none;padding:10px 0 10px 75px;width:100%;font-size:14px;background-size:60px !important;background-position:left 10px !important}
	.s3_1_1_con2 li.ic2{padding-left:75px;width:100%;border-left:0;background-position:left 10px;border-top:1px solid #e9e9e9}
	.s3_1_1_con2 li .tit{font-size:16px}

	.btnSponsor{padding-top:0}
	.btnSponsor a{max-width:155px;font-size:14px;line-height:40px}
	.btnSponsor a::after{margin-top:-7px;width:6px;height:14px;background-size:100%}

	.s3_1_2_txt{margin:20px 0;}

	.s4_con{margin-bottom:20px;padding:0}
	.s4_con .img{display:none}
	.s4_con dl{padding:30px 20px;min-height:100px}
	.s4_con dl dt{margin-bottom:10px;padding-bottom:10px;font-size:18px}

	.s4_1_3_con li{float:none;width:100%}
	.s4_1_3_con li:first-child{margin-bottom:30px;}

	.s4_2_con{padding:0}
	.s4_2_con .img{position:relative;padding:10px;border-right:0}
	.s4_2_con .box{padding:20px;min-height:50px;border-top:1px solid #d3d3d3}
	.s4_2_con .box h3{margin-bottom:10px;font-size:16px}

	.s4_2_con2{border-top:2px solid #a7a7a7}
	.s4_2_con2 .box{padding:10px 10px 10px 130px;min-height:50px}
	.s4_2_con2 .box img{top:10px;left:5px;width:110px}
	.s4_2_con2 .box h3{margin-bottom:10px;font-size:16px}
	.s4_2_con2 .box p span{margin-bottom:5px;font-size:14px}


	.s4_4_con2 dl{margin-bottom:10px;padding:10px ;min-height:50px}
	.s4_4_con2 dl dt{margin-bottom:0;font-size:16px}
	.s4_4_con2 dl .img{display:none;top:0;left:0;width:120px;}
	.s4_4_con2 dl dd{margin-top:5px;padding-bottom:0}
	.s4_4_con2 dl dd .btn{position:relative;left:0;bottom:0;display:block;margin-top:10px}

	.s5_1_con{margin-bottom:20px;padding-bottom:20px;min-height:50px;background-size:auto 6px}
	.s5_1_con img{display:none}
	.s5_1_con .txt1{padding:20px 0 10px;font-size:20px;line-height:25px}
	.s5_1_con .txt1::before{font-size:60px;line-height:60px}
	.s5_1_con .txt1::after{bottom:-30px;font-size:60px;line-height:60px}
	.s5_1_con .txt2{font-size:14px}
	.s5_1_con2 .txt{font-size:16px}

	.s5_2_1_con{margin-bottom:0}
	.s5_2_1_con dl{margin-bottom:10px;padding: 20px 15px 20px 130px;min-height: 120px;}
	.s5_2_1_con dl dd.img{top:10px;left:10px;width:100px}
	.s5_2_1_con dl dt{margin-bottom:10px;font-size:20px}
	.s5_2_1_con dl dd{font-size:14px}
	.s5_2_1_con dl dd ul li{font-size:14px}
	.s5_2_1_con dl dd .name{font-size:16px}
	.s5_2_1_con2 .tit{padding:20px 10px 25px }
	.s5_2_1_con2 .tit .txt{padding:0 30px;font-size:20px;line-height:24px}
	.s5_2_1_con2 .tit .txt::before{font-size:50px;line-height:55px}
	.s5_2_1_con2 .tit .txt::after{font-size:50px;line-height:55px}
	.s5_2_1_con3 ul li{margin:0 1px 5px;width:100px;height:100px;line-height: 135px;border-width:2px !important}
	.s5_2_1_con3 ul li span{font-size:13px;line-height:18px;letter-spacing:-1px}
	.s5_2_1_con3 ul li:nth-child(2){line-height:115px}

	.s5_2_1_con4{margin-bottom:100px;padding:150px 70px}
	.s5_2_1_con4::after{top:50%;margin:-130px 0 0 -130px;width:250px;height:250px;border-width:5px}
	.s5_2_1_con4 p{padding-top:70px;width:180px;height:180px;font-size:18px;line-height:22px}
	.s5_2_1_con4 ul{height:100%}
	.s5_2_1_con4 ul li{padding-top:15px;width:50%;height:150px;text-align:center !important}
	.s5_2_1_con4 ul li span{left:50% !important;margin-left:-50px;padding-top:20px;width:100px;height:100px;font-size:14px;line-height:18px}
	.s5_2_1_con4 ul li span::before{left:50% !important;margin-left:-12px;transform:rotate(90deg)}
	.s5_2_1_con4 ul li:nth-child(1){padding:0 0 110px 0}
	.s5_2_1_con4 ul li:nth-child(1) span{top:auto;bottom:0}
	.s5_2_1_con4 ul li:nth-child(1) span::before{top:0}
	.s5_2_1_con4 ul li:nth-child(2){padding:0 0 110px 0}
	.s5_2_1_con4 ul li:nth-child(2) span::before{top:0}
	.s5_2_1_con4 ul li:nth-child(2) span{top:auto;bottom:0}
	.s5_2_1_con4 ul li:nth-child(3){padding:110px 0 0 0;}
	.s5_2_1_con4 ul li:nth-child(3) span::before{top:auto;bottom:-6px}
	.s5_2_1_con4 ul li:nth-child(4){padding:110px 0 0 0;}
	.s5_2_1_con4 ul li:nth-child(4) span::before{top:auto;bottom:-6px}


	.s5_3_con{margin-top:0;padding-top:0}
	.s5_3_con::after{left:23px}
	.s5_3_con > ol > li{margin-bottom:0;padding-left:45px}
	.s5_3_con > ol > li .year{position:relative;top:0;left:0;display:block;margin-bottom:10px;font-size:20px}
	.s5_3_con > ol > li .year::after{right:auto;top:5px;left:-30px;width:10px;height:10px;border-width:3px}
	.s5_3_con > ol > li .photo{display:none}
	.s5_3_con > ol > li .photo + ol{margin-bottom:0}

	/*
	.s5_3_con{margin-top:0;padding-top:0}
	.s5_3_con::after{left:10px}
	.s5_3_con > ol > li{margin-bottom:0;padding:30px 0 0 30px}
	.s5_3_con > ol > li .year{left:2px;padding-left:20px;font-size:18px;line-height:15px}
	.s5_3_con > ol > li .year::after{width:10px;height:10px;border-width:3px}
	.s5_3_con > ol > li > ol > li ul li{padding:0 0 0 15px;text-align:left}
	.s5_3_con > ol > li > ol > li ul li::before{right:auto;left:0}
	.s5_3_con > ol > li > ol > li .month{position:relative;}
	.s5_3_con > ol > li .photo{position:relative;top:0;left:0;margin-bottom:20px}
	.s5_3_con > ol > li > ol{min-height:20px}
	.s5_3_con > ol > li:nth-child(2n){padding:30px 0 0 30px}
	.s5_3_con > ol > li:nth-child(2n) .year{left:2px;width:auto;padding:0 0 0 20px;text-align:left}
	.s5_3_con > ol > li:nth-child(2n) .year::after{left:0;right:auto}
	.s5_3_con > ol > li:nth-child(2n) .photo{right:0;top:0;left:0}
	.s5_3_con > ol > li:nth-child(2n) > ol > li{padding:0 0 0 0;}
	*/
	.s5_4_1_con::after{left:70px}
	.s5_4_1_con .org1{margin:0 0 20px 20px;width:100px;height:100px;font-size:18px;line-height:95px;border-width:3px}
	.s5_4_1_con .org1::after{right: -404%;width: 400%;}
	.s5_4_1_con .po1{top:30px;right:0}
	.s5_4_1_con .org2{width:140px;font-size:16px;line-height:40px}
	.s5_4_1_con .org3{margin:0 0 10px 7px;max-width:125px;font-size:14px;line-height:34px}
	.s5_4_1_con .org5 > li{max-width:150px;font-size:14px;line-height:35px}
	.s5_4_1_con .org5 > li.on{padding:0 0 5px}
	.s5_4_1_con .org5 > li.on .team{padding:0 10px}
	.s5_4_1_con .org4{max-width:150px;font-size:14px;line-height:35px}
	.s5_4_1_con .po6{margin-top: -60px;padding-left: 15px;max-width: 165px;width: 165px;}
	.s5_4_1_con .po7{margin-top: -60px;padding-left: 15px;max-width: 165px;width: 165px;}
	.s5_4_1_con .po2::after{top:20px;left:70px}
	.s5_4_1_con .po3::after{top:20px;left:70px}
	.s5_4_1_con .po5 > li{margin-bottom:20px}
	.s5_4_1_con .po5 > li::after{top:20px;left:20px}
	.s5_4_1_con .org5 > li::after{top:19px;left: -15px;width: 15px;height:130%;border-width: 1px 0 0 1px;}
	.s5_4_1_con .org5 > li:first-child::after{left:-15px;height:150%}
	.s5_4_1_con .org5 > li:last-child::after{left:-15px;bottom:15px;height:250%}
	.s5_4_1_con .po7::before{display:none;top:20px;left:40px;}
	.s5_4_1_con .po7 > li::before{top:20px;left:-15px;width:15px;height:100%;border-width:1px 0 0 1px}
	.s5_4_1_con .po7 > li:last-child::before{top:-55px;height:30%;border-width:0 0 1px 1px}
	.s5_4_1_con .po6::after{display:none}
	.s5_4_1_con .po7 .org5{margin-bottom:30px}
	.s5_4_1_con .po5{margin-top:40px}
	.s5_4_1_con .last{margin-top:0}
	.s5_4_1_con .last li{float:none;width:100%}
	.s5_4_1_con .last li:last-child .org3{margin-bottom:0}

	.orgPop{margin-top:-90px}
	.orgPop .box{padding:20px 20px 20px 130px;min-height:180px}
	.orgPop .box .photo{top:20px;left:20px;width:90px}
	.orgPop .box dl dt{margin-bottom:10px;padding-top:0;font-size:16px}
	.orgPop .box dl dt span{font-size:20px}
	.orgPop .box .btnClose{top:10px;right:10px}

	.s5_5_con{margin-bottom:30px;font-size:14px}
	.s5_5_con span{margin-bottom:10px;font-size:18px}
	.s5_5_con2 dl{padding:20px 0 0;border-top:2px solid #c6c6c6}
	.s5_5_con2 dl dt{position:relative;margin-bottom:10px;padding-top:0;width:auto;font-size:18px;text-align:left;border-top:0}
	.s5_5_con2 dl dd{padding:0;border-top:0}
	.s5_5_con2 dl dd p{margin-bottom:20px;font-size:14px}
	.s5_5_con2 dl dd ul li{margin-bottom:5px;padding:5px 5px 5px 65px;min-height:30px;font-size:14px;border-radius:15px}
	.s5_5_con2 dl dd ul li span{width:60px;font-size:14px;line-height:30px;border-radius:15px}
	.s5_5_con2 dl dd .box{padding:20px}
	.s5_5_con2 dl dd .box h2{margin-bottom:10px;font-size:16px}
	.s5_5_con2 dl dd .box ol{padding-left:15px}
	.s5_5_con2 dl dd .box ol li{font-size:14px}

	.s5_6_con{margin-bottom:30px;padding: 0 0 30px 0;}
	.s5_6_con .photo{display:none}
	.s5_6_con .con .txt{margin:-10px 0 10px 15px;font-size:16px}
	.s5_6_con .con ol{margin-bottom:10px;padding-left:10px}
	.s5_6_con .con ul{margin:0 0 10px -5px;}
	.s5_6_con .con li{padding-left:15px}

	.loginCon{padding:40px;border-width:1px}
	.loginCon .inpt{margin-bottom:5px;padding:0 10px;height:40px}
	.loginCon .btn{margin:5px 0 15px;height:40px;font-size:16px}

	.joinCon .step{margin-bottom:40px}
	.joinCon .step ol li{font-size:14px;line-height:45px}
	.joinCon .step ol li::after{left:-9px}
	.joinCon .step ol li.on:nth-child(2)::before,
	.joinCon .step ol li.on:nth-child(3)::before{left:-9px}
	.joinCon .step ol li .tit{display:inline-block;padding-bottom:5px;line-height:18px;vertical-align:middle}
	.joinCon .step ol li .tit span{display:block;font-size:12px;line-height:12px}
	.joinCon .agreeWrp{margin-bottom:30px}
	.joinCon h2{display:block;margin-bottom:10px;font-size:18px}
	.joinCon .agreeWrp .checkbox{margin-bottom:10px}
	.joinCon .agreeWrp .agreeBox{padding:15px}
	.joinCon .agreeWrp .agreeBox h3{margin:20px 0 10px;font-size:14px}
	.joinCon .agreeWrp .agreeBox h4{margin:10px 0 5px;font-size:14px}
	.joinCon .essTxt{font-size:13px}

	.idpwCon h2{margin-bottom:10px;font-size:18px}

	.programCon .proLft .selForm select{height:35px}
	.programCon .proLft .schedule{margin-top:10px;padding:20px 15px 15px}
	.programCon .proLft .schedule .control{margin-bottom:20px;font-size:20px;line-height:20px}
	.programCon .proLft .schedule .control button{width:25px;height:25px;background-size:13px}
	.programCon .proLft .schedule table thead th{padding:10px 0;font-size:14px}
	.programCon .proLft .schedule table tbody td{height:40px;font-size:14px;line-height:14px}
	.programCon .proLft .schedule table tbody td span{padding:34% 0;}

	.programCon .proLft .gdT{font-size:13px}
	.programCon .view table td{padding:10px}
	.programCon .view .tit{margin-bottom:5px;font-size:16px}

	.carApp .control{margin-bottom:10px;font-size:22px;line-height:22px}
	.carApp .control button{width:25px;height:25px;background-size:13px}
	.carApp .guTxt{font-size:14px}
	.carApp .guTxt span{width:20px;height:25px;background-size:8px}
	.carTb{font-size:12px;line-height:14px}
}


/* 2019-04-02 */
/* PC Device */
/*
@media all and (min-width:641px){
	#intro { position:fixed; width:100%; height:100%; background:url('/v2/img/intro-w-bg.jpg') no-repeat left top; font-family:'Noto Sans KR'; }
	#intro h2 { font-family: 'Nanum Myeongjo'; font-size:30px; font-weight:700; color:#333; margin:50px 0 0 60px; line-height:1; }
	#intro h2 span { color:#005bac; }
	#intro article { max-width:1200px; margin:108px auto 0; }
	#intro article h1 { width:100%; text-align:center; font-size:40px; font-weight:700; color:#333; margin:74px 0 16px; line-height:1; }
	#intro article .div1 { float:right; width:50%; }
	#intro article .div1 p { width:100%; text-align:center; font-size:20px; font-weight:400; color:#5c5c5c; }
	#intro article .div1 div { position:relative; margin:60px 0 0; height:460px; background:#fff; box-shadow:inset 1px 1px 70px rgba(0,0,0,0.15); border-radius:10px; font-size:30px; font-weight:700; color:#333; text-align:center; padding-top:100px; }
	#intro article .div1 div a { display:block; margin:23px auto; font-size:20px; font-weight:400; border:1px solid #333; width:245px; height:50px; border-radius:25px; padding:13px 0; text-align:center; }
	#intro article .div1 div:before { content:''; display:block; width:92px; height:87px; background:url('/v2/img/logo-blue.png') no-repeat left top; background-size:92px 87px; margin:0 auto 23px; }

	#intro article ul.menu { float:left; width:50%; overflow:hidden; }
	#intro article ul.menu li { float:left; width:calc(50% - 20px); height:220px; box-shadow:inset 1px 1px 70px rgba(0,0,0,0.3); border-radius:10px; margin:0 20px 20px 0; text-align:center; font-size:20px; font-weight:700; color:#fff; }
	#intro article ul.menu li a { display:block; margin:12px auto; font-size:16px; font-weight:400; border:1px solid #fff; width:133px; height:37px; border-radius:19px; padding:5px 0; text-align:center; color:#fff; }
	#intro article ul.menu li:before { content:''; display:block; width:51px; height:50px; background:url('/v2/img/logo-s.png') no-repeat left top; background-size:51px 50px; margin:45px auto 12px; }
	#intro article ul.menu li:nth-of-type(1) { background:#2969a2; }
	#intro article ul.menu li:nth-of-type(2) { background:#67b061; }
	#intro article ul.menu li:nth-of-type(3) { background:#34a5d7; }
	#intro article ul.menu li:nth-of-type(4) { background:#49b4b5; line-height:1.1; }
	#intro article ul.menu li:nth-of-type(4):before { width:54px; height:64px; background:url('/v2/img/logo-s2.png') no-repeat left top; background-size:54px 64px; margin:29px auto 8px; }
	#intro article ul.menu li:nth-of-type(4) a { margin-top:10px; line-height:1.5; }
	#intro article ul.menu li:nth-of-type(5) { background:#ef8831; }
	#intro article ul.menu li:nth-of-type(6) { background:#da6567; }
	#intro article ul.menu li:nth-of-type(6):before { width:113px; height:46px; background:url('/v2/img/logo-s3.png') no-repeat left top; background-size:113px 46px; }

}

*/
@media all and (min-width:641px){
	#intro { position:fixed;  overflow-y:scroll; width:100%; height:100%; background:url('/v2/img/intro-w-bg.jpg') no-repeat left top; font-family:'Noto Sans KR'; }
	#intro h2 { font-family: 'Nanum Myeongjo'; font-size:30px; font-weight:700; color:#333; margin:50px 0 0 60px; line-height:1; }
	#intro h2 span { color:#005bac; }

/* 	#intro article { max-width:1200px; margin:108px auto 0; } */
	#intro article h1 { width:100%; text-align:center; font-size:40px; font-weight:700; color:#333; margin:34px 0 16px; line-height:1; }
	#intro article .div1 { width:100%; text-align:center;}
	#intro article .div1 p { width:100%; text-align:center; font-size:20px; font-weight:400; color:#5c5c5c; }
	/*#intro article .div1 div { position:relative; margin:60px 0 0; width:50%; height:350px; background:#fff; box-shadow:inset 1px 1px 70px rgba(0,0,0,0.15); border-radius:10px; font-size:30px; font-weight:700; color:#333; text-align:center; padding-top:60px;}*/
	#intro article .div1 div { position:relative; margin:60px 0 0; width:50%; height:350px; border-radius:10px; font-size:30px; font-weight:700; color:#333; text-align:center; padding-top:60px;}
	#intro article .div1 div a { display:block; margin:23px auto; font-size:20px; font-weight:400; border:1px solid #333; width:245px; height:50px; border-radius:25px; padding:13px 0; text-align:center; }
	#intro article .div1 div:before { content:''; display:block; width:92px; height:87px; background:url('/v2/img/logo-blue.png') no-repeat left top; background-size:92px 87px; margin:0 auto 23px; }

	#intro article ul.menu {overflow:hidden;}
	#intro article ul.menu li { float:left; width:15%; height:200px; box-shadow:inset 1px 1px 70px rgba(0,0,0,0.3); border-radius:10px; margin:80px 20px 20px 0; text-align:center; font-size:15px; font-weight:700; color:#fff; }
	#intro article ul.menu li a { display:block; margin:12px auto; font-size:16px; font-weight:400; border:1px solid #fff; width:133px; height:37px; border-radius:19px; padding:5px 0; text-align:center; color:#fff; }
	#intro article ul.menu li:before { content:''; display:block; width:51px; height:50px; background:url('/v2/img/logo-s.png') no-repeat left top; background-size:41px 40px; margin:30px auto 12px; }
	#intro article ul.menu li:nth-of-type(1) { background:#2969a2; }
	#intro article ul.menu li:nth-of-type(2) { background:#67b061; }
	#intro article ul.menu li:nth-of-type(3) { background:#49b4b5; line-height:1.1; }
	#intro article ul.menu li:nth-of-type(3):before { width:54px; height:64px; background:url('/v2/img/logo-s2.png') no-repeat left top; background-size:44px 54px; margin:20px auto 8px; }
	#intro article ul.menu li:nth-of-type(3) a { margin-top:20px; line-height:1.5; }
	#intro article ul.menu li:nth-of-type(4) { background:#da6567; }
	#intro article ul.menu li:nth-of-type(4):before { width:113px; height:46px; background:url('/v2/img/logo-s3.png') no-repeat left top; background-size:103px 36px; }
	#intro article ul.menu li:nth-of-type(4) a { margin-top:15px; line-height:1.5; }
	#intro article ul.menu li:nth-of-type(5) { background:#ef8831; }
	#intro article ul.menu li:nth-of-type(6) { background:#34a5d7; }

	/* swiper 인덱스 이미지, 스와이퍼 메인 이미지 */
	/*.mVisual ul li.bg1{background:url('../img/main_img_221205.jpg') no-repeat center;background-size:auto 100%;}/*이웃을 내몸같이 */
	/*.mVisual ul li.bg2{background:url('../img/main_img_230214.jpg') no-repeat center;background-size:auto 100%;}*/
	/*.mVisual ul li.bg3{background:url('../img/main_img_221205.jpg') no-repeat center;background-size:auto 100%;}*/
	/*.mVisual ul li.bg4{background:url('../img/main_img_230214.jpg') no-repeat center;background-size:auto 100%;}/*베이커리신메뉴*/


	/* 2019-11-08 시작 */
	.guide-con-area { width: calc(100% + 20px); margin-left: -10px; border-top: 1px solid #034181; }
	.guide-con-area > ul > li > div { position: relative; padding: 16px; border-bottom: 1px solid #cacaca; }
	.guide-con-area > ul > li .title { font-size: 20px; font-weight: 700; letter-spacing: -0.6px; }
	.guide-con-area > ul > li > div .link-tel { font-size: 14px; display: block; }
	.guide-con-area > ul > li > div .icon-tel { position: absolute; top: 16px; right: 12px; display: inline-block; width: 38px; height: 38px; border: 1px solid #034181; border-radius: 50%; background: url(/v2/img/icon_tel.png) center center no-repeat; background-size: contain; }
	.guide-con-area > ul > li > ul > li a { position: relative; background:#f4f8fb; padding: 12px 16px; display: block; font-size: 14px; border-bottom: 1px solid #e6e6e6; }
	.guide-con-area > ul > li > ul > li a:before { content: 'ㆍ'; font-weight: 900; color: #00447f; }
	.guide-con-area > ul > li > ul > li a:after { position: absolute; top: 50%; right: 12px; margin-top: -15px; content: 'ㆍ'; display: inline-block; width: 30px; height: 30px; background: url(/v2/img/icon_tel2.png) center center no-repeat; background-size: contain; }
	/* 2019-11-08 끝 */

}





/* Mobile Device */
@media all and (max-width:640px){
	#intro { position:fixed; width:100%; height:100%; overflow-x:hidden; overflow-y:scroll; background:url('/v2/img/intro-w-bg.jpg') no-repeat left top; background-size:cover; font-family:'Noto Sans KR'; }
	#intro h2 { font-family: 'Nanum Myeongjo'; font-size:16px; font-weight:700; color:#333; margin:25px 0 0 30px; line-height:1; }
	#intro h2 span { color:#005bac; }

	#intro article { width:100%; padding:0 40px; overflow:hidden; }  
	#intro article h1 { width:100%; text-align:center; font-size:20px; font-weight:700; color:#333; margin:35px 0 5px; line-height:1; }
	#intro article .div1 p { width:100%; text-align:center; font-size:11px; line-height:1.2; font-weight:400; color:#5c5c5c; }
	#intro article .div1 div { position:relative; margin:30px 0 0; width:50%; height:230px; border-radius:5px; font-size:15px; font-weight:700; color:#333; text-align:center; padding-top:50px; }
	#intro article .div1 div:after { display:inline-block; position:absolute; top:0; left:0; width:100%; height:230px; box-shadow:2px 2px 2px rgba(0,0,0,0.10); border-radius:5px; }
	/*#intro article .div1 div:after { content:''; display:inline-block; position:absolute; top:0; left:0; width:100%; height:230px; box-shadow:2px 2px 2px rgba(0,0,0,0.10); border-radius:5px; }*/
	#intro article .div1 div a { display:block; margin:10px auto; font-size:12px; font-weight:400; border:1px solid #333; width:123px; height:25px; border-radius:13px; padding:2px 0; text-align:center; }
	#intro article .div1 div:before { content:''; display:block; width:46px; height:44px; background:url('/v2/img/logo-blue.png') no-repeat left top; background-size:46px 44px; margin:0 auto 12px; }

	#intro article ul.menu { overflow:hidden; margin:16px 0;}
	#intro article ul.menu li { float:left; width:calc(50% - 5px); height:110px; box-shadow:inset 1px 1px 35px rgba(0,0,0,0.3); border-radius:5px; margin:0 10px 10px 0; text-align:center; font-size:11px; font-weight:400; color:#fff; }
	#intro article ul.menu li:nth-child(2n) { margin-right:0; }
	#intro article ul.menu li a { display:block; margin:2px auto; font-size:10px; font-weight:400; border:1px solid #fff; width:90px; height:22px; border-radius:11px; padding:0; text-align:center; color:#fff; }
	#intro article ul.menu li:before { content:''; display:block; width:25px; height:25px; background:url('/v2/img/logo-s.png') no-repeat left top; background-size:25px 25px; margin:18px auto 4px; }
	#intro article ul.menu li:nth-of-type(1) { background:#2969a2; }
	#intro article ul.menu li:nth-of-type(2) { background:#67b061; }
	#intro article ul.menu li:nth-of-type(3) { background:#34a5d7; }
	#intro article ul.menu li:nth-of-type(6) { background:#49b4b5; line-height:1.1; }
	#intro article ul.menu li:nth-of-type(6):before { width:27px; height:32px; background:url('/v2/img/logo-s2.png') no-repeat left top; background-size:27px 32px; margin:15px auto 4px; }
	#intro article ul.menu li:nth-of-type(4) a { margin-top:5px; line-height:1.5; }
	#intro article ul.menu li:nth-of-type(5) { background:#ef8831; }
	#intro article ul.menu li:nth-of-type(4) { background:#da6567; }
	#intro article ul.menu li:nth-of-type(4):before { width:57px; height:23px; background:url('/v2/img/logo-s3.png') no-repeat left top; background-size:57px 23px; }
	/*모바일 메인이미지*/
	/*.mVisual ul li.bg1{background:url('../img/main_img_m_221205.jpg') no-repeat center; background-size:95% auto;}/*이웃을 내몸같이*/
	/*.mVisual ul li.bg2{background:url('../img/main_img_m_230214.jpg') no-repeat center; background-size:95% auto;}
	/*.mVisual ul li.bg3{background:url('../img/main_img_m_221205.jpg') no-repeat center; background-size:95% auto;}
	/*.mVisual ul li.bg4{background:url('../img/main_img_m_230214.jpg') no-repeat center; background-size:95% auto;}/*카페모아신메뉴*/
	


	/* 2019-11-08 시작 */
	.guide-con-area { width: calc(100% + 20px); margin-left: -10px; border-top: 1px solid #034181; }
	.guide-con-area > ul > li > div { position: relative; padding: 16px; border-bottom: 1px solid #cacaca; }
	.guide-con-area > ul > li .title { font-size: 15px; font-weight: 700; letter-spacing: -0.6px; }
	.guide-con-area > ul > li > div .link-tel { font-size: 11px; display: block; }
	.guide-con-area > ul > li > div .icon-tel { position: absolute; top: 16px; right: 12px; display: inline-block; width: 38px; height: 38px; border: 1px solid #034181; border-radius: 50%; background: url(/v2/img/icon_tel.png) center center no-repeat; background-size: contain; }
	.guide-con-area > ul > li > ul > li a { position: relative; background:#f4f8fb; padding: 12px 16px; display: block; font-size: 11px; border-bottom: 1px solid #e6e6e6; }
	.guide-con-area > ul > li > ul > li a:before { content: 'ㆍ'; font-weight: 900; color: #00447f; }
	.guide-con-area > ul > li > ul > li a:after { position: absolute; top: 50%; right: 12px; margin-top: -15px; content: 'ㆍ'; display: inline-block; width: 30px; height: 30px; background: url(/v2/img/icon_tel2.png) center center no-repeat; background-size: contain; }
	/* 2019-11-08 끝 */
}

