@charset "utf-8";

.web{display:block;}
.mob,
#mask_mn,
#mask_kw{display:none;}

.header_wrap {position:relative; width:100%; height:120px; background:#006ed4;}
.header_wrap  .header{position:relative; width:1400px; margin:0 auto;}

.logo{position:absolute; top:62px; left:0px; z-index:9991;}

.gnb{position:relative; width:100%; height:40px; padding:10px 0 0 0; border-bottom:1px solid #1a7dd8;}

.gnb .nav {float:left; width:73%;}
.gnb .nav li{float:left; margin:0 5px 0 0; font-weight:bold;}
.gnb .nav li a{display:block; height:30px; line-height:30px; padding:0 10px 0 29px; color:#b0f1ff; border-radius:15px; background:#0059ab url(/common/img/common/ico_gnb.png) no-repeat 10px 6px;}

.gnb .nav li.n2 a{background-position:10px -34px;}
.gnb .nav li.n3 a{background-position:7px -69px;}
.gnb .nav li.n4 a{background-position:7px -109px;}
.gnb .nav li.n6 a{background-position:7px -151px;}
.gnb .nav li a.on,
.gnb .nav li a:hover,
.gnb .nav li a:focus,
.gnb .nav li a:active{background-color:#fff; color:#0059ab;}

.gnb .nav li.n2 a:hover,
.gnb .nav li.n2 a:focus,
.gnb .nav li.n2 a:active{background-position:-126px -34px;}
.gnb .nav li.n3 a:hover,
.gnb .nav li.n3 a:focus,
.gnb .nav li.n3 a:active{background-position:-128px -69px;}
.gnb .nav li.n4 a:hover,
.gnb .nav li.n4 a:focus,
.gnb .nav li.n4 a:active{background-position:-126px -109px;}
.gnb .nav li.n6 a:hover,
.gnb .nav li.n6 a:focus,
.gnb .nav li.n6 a:active{background-position:-126px -151px;}

.gnb .lang{position:relative; float:right; width:124px; padding:0 12px 0 0; letter-spacing:0.5px; z-index:999999;}
.gnb .lang em{display:block; width:122px; height:28px; line-height:28px; border:1px solid #3da6ea;}
.gnb .lang em a{display:block; padding:0 0 0 12px; text-transform:uppercase; color:#fff; font-size:90%; background:url(/common/img/common/ico_gnb.png) no-repeat 100% 6px;}
.gnb .lang ul{display:none; z-index:9992; position:absolute; top:30px; left:0; width:122px; border-left:1px solid #3da6ea; border-right:1px solid #3da6ea; background:#006ed4; text-transform:uppercase;}
.gnb .lang ul li{border-bottom:1px solid #3da6ea;}
.gnb .lang ul li a{display:block; padding:3px 0 3px 12px; color:#fff;}
.gnb .lang ul li a:hover,
.gnb .lang ul li a:focus,
.gnb .lang ul li a:active{background:#1f2872; opacity:0.6;}

.gnb .login_wrap { display: none; position: absolute; right: 230px; top: 0; height: 100%; }
.gnb .login_wrap a { position: relative; padding: 5px 15px 5px 35px; font-size:16px; color:#0059ab; font-weight:400; line-height:50px; border-radius:0; height:100%;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;}
.gnb .login_wrap a:before { content: ''; position: absolute; left: 10px; top: 8px; display: inline-block; width: 20px; height: 100%; background: url(/common/img/common/ico_login.png) no-repeat 0 0; }
.gnb .login_wrap a:hover { background: #eaf2f9; text-decoration: underline; border-radius: 50px; }

.head_link{position:relative; float:right; width:100%; z-index:9991;}
.head_link a{position:absolute; top:20px; right:102px; float:left;}
.head_link .search{right:15px; margin:0; font-size:0; text-indent:-999px;}

.head_link a{display:block; width:24px; height:23px; background:url(/common/img/common/btn_global.png) no-repeat;}
.head_link a:hover,
.head_link a:focus,
.head_link a:active{background-position:0 100%;}
.head_link .sitemap{right:58px; background-position:-43px 0;}
.head_link .sitemap:hover,
.head_link .sitemap:focus,
.head_link .sitemap:active{background-position:-43px 100%;}
.head_link .search{background-position:-91px 0;}
.head_link .search:hover,
.head_link .search:focus,
.head_link .search:active{background-position:-91px 100%;}
.head_link .search.close{background-position:100% 0;}
.head_link .search.close:hover,
.head_link .search.close:focus,
.head_link .search.close:active{background-position:100% 98%;}
#search_area{display:none; position:absolute; top:69px; right:0; width:480px; background:#fff; z-index:55;}
#search_area .total_search {width:95%; height:32px; line-height:32px; border:4px solid #1f2872;}
#search_area .total_search select{height:32px; line-height:32px; padding:0 0 0 10px; border:none;}
#search_area .total_search input[type="text"] {width:250px; height:32px; line-height:32px; border:0px; color:#777;}
#search_area input[type="submit"] {height:40px; line-height:40px; width:100px; background:#1f2872; color:#ffffff; position:absolute; right:0px; top:0px; font-size:16px;}

#lnb {width:100%; position:absolute; left:0px; top:51px; z-index:999;}
#lnb > nav {max-width:1060px; margin:0 auto;}
#lnb > nav > ul {float:left; width:100%;}
#lnb > nav > ul > li {float:left; width:16.5%;}
#lnb > nav > ul > li > a{position:relative; display:block; height:69px; padding:0 0 3px 0; line-height:69px; font-size:130%; color:#fff;  text-align:center; text-decoration:none; font-weight:bold;}
#lnb > nav > ul > li > a > span.bg{display:none; position:absolute; bottom:0; left:50%; z-index:100; display:block; width:60%; height:6px; margin:0 auto 0 -30%; background:#ffb43e;}
#lnb > nav > ul > li > a:hover,
#lnb > nav > ul > li > a:focus,
#lnb > nav > ul > li > a:active,
#lnb > nav > ul > li > a.on{color:#fbd05c;}
#lnb > nav > ul > li > a:hover span,
#lnb > nav > ul > li > a:focus span,
#lnb > nav > ul > li > a:active span,
#lnb > nav > ul > li > a.on span{display:block !important;}

.depth02 {width:100%; position:absolute; top:69px; left:0px; z-index:99; border-bottom:3px solid #006ed4; font-family:"NanumS"}

.lnb_depth02 {width:1400px; margin:0 auto; position:relative;}
.lnb_depth02>ul{padding:10px; background:#fff url(/common/img/common/bg_depth02.gif) no-repeat 0 100%;}
.lnb_depth02>ul>li{overflow:hidden; width:100%;}
.lnb_depth02>ul>li>a{float:left; height:100%; width:210px; padding:10px 15px 8px 0; margin:0 25px 0 0; font-size:130%; text-align:right; color:#10668a; border-top:1px solid #a9cbec;}
.lnb_depth02>ul>li:first-child>a{border-top:none;}
.lnb_depth02>ul>li>div {display:block !important; float:left; width:81%; padding:10px 0 7px; border-top:1px solid #d3d3d3;}
.lnb_depth02>ul>li:first-child>div{border-top:none;}
.lnb_depth02>ul>li>div>ul{display:block !important;}
.lnb_depth02>ul>li>div>ul>li{float:left; width:18%; padding:0 0 0 2%; font-size:104%;}
.lnb_depth02>ul>li>div>ul>li>a[target="_blank"] {padding-right: 15px; background: url(/common/img/common/depth01_bul_blank.gif) no-repeat 100% 2px;}


.tab_depth04:after{display:block;clear:both;content:'';}
.tab_depth04>ul>li {float:left; /* background:url(/common/img/common/bg_tab_on.png) no-repeat 50% 100%; */margin:0 1% 5px 0;}
.tab_depth04 .list01>li {width:100%; margin-right: 0; }
.tab_depth04 .list02>li {width:49.5% }
.tab_depth04 .list03>li {width:32.66666666666667% }
.tab_depth04 .list04>li {width:24.25%; }
/* .tab_depth04 .list05>li {width:19.2%;} */
.tab_depth04 .list02>li.tab02, .tab_depth04 .list02>li.tab04, .tab_depth04 .list02>li.tab06, .tab_depth04 .list02>li.tab08,
.tab_depth04 .list03>li.tab03, .tab_depth04 .list03>li.tab06, .tab_depth04 .list03>li.tab09, .tab_depth04 .list03>li.tab12,
.tab_depth04 .list04>li.tab04, .tab_depth04 .list04>li.tab08, .tab_depth04 .list04>li.tab12, .list04>li.tab16, .list04>li.tab20 {margin-right: 0;}
/* .tab_depth04 .list05>li.tab05, .tab_depth04 .list05>li.tab10, .tab_depth04 .list05>li.tab15  */
/* .tab_depth04 .list06>li {width:16.6%;}
.tab_depth04 .list07>li {width:14.2%;}
.tab_depth04 .list08>li {width:12.5%;}
.tab_depth04 .list09>li {width:11.1%;}
.tab_depth04 .list010>li {width:10%;} */ /* 광주역사 - 역사 용 */
.tab_depth04>ul>li>a {display:block; height:43px; line-height:43px; text-align:center; border:1px solid #276cad; background:#fff; color:#306777;
font-weight:600; text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;overflow: hidden;padding: 0 9px;box-sizing: border-box; }
.tab_depth04>ul>li>a[target="_blank"]:after{content: ''; display: inline-block; width: 10px; height: 10px; margin-left: 6px;
background: url(/common/img/common/depth01_bul_blank.gif) no-repeat;}
.tab_depth04>ul>li:first-child>a{margin:0;}
.tab_depth04>ul>li>a.on {/* margin:0 auto 7px auto; */ background:#276cad; color:#fff;}
@media screen and (min-width:1180px) and (max-width:1280px){
	body{transform: scale(0.85); transform-origin: left top; margin-bottom: -40.5%; overflow-x: hidden;}
}
@media screen and (min-width:1120px) and (max-width:1179px){
	body{transform: scale(0.80); transform-origin:left top;}
}
@media screen and (min-width:1025px) and (max-width:1119px){
	body{transform: scale(0.74); transform-origin:left top;}
}
@media all and (max-width:768px) {
	.tab_depth04 .list03>li, .tab_depth04 .list04>li  {width:49.5%; }
    .tab_depth04 .list03>li.tab03 {margin-right: 1%;}
	.tab_depth04 .list04>li.tab02, .tab_depth04 .list04>li.tab04,.tab_depth04 .list04>li.tab06, .tab_depth04 .list04>li.tab08,
	.tab_depth04 .list04>li.tab10, .tab_depth04 .list04>li.tab12, .tab_depth04 .list04>li.tab14, .tab_depth04 .list04>li.tab16,
	.tab_depth04 .list03>li.tab02, .tab_depth04 .list03>li.tab04, .tab_depth04 .list03>li.tab06, .tab_depth04 .list04>li.tab18, .tab_depth04 .list04>li.tab20 {margin-right: 0;}
}
@media all and (max-width:414px) {
	.tab_depth04 .list03>li, .tab_depth04 .list02>li, .tab_depth04 .list04>li {width:100%; margin-right: 0; }
	.tab_depth04 {margin-bottom:20px;}
}

/* footer */
.footer_wrap {min-width:1400px; background:#fff;}
.footer_wrap .link{background:#515151; height:55px;}
.footer_wrap .link .inner{position:relative; width:1400px; margin:0 auto;}
.footer_wrap .link .inner:after,
.footer_wrap .link .today_info ul:after{content:''; display:block; clear:both;}
.footer_wrap .link .today_info{float:left; font-size:15px;}
.footer_wrap .link .today_info p{display:inline-block;}
.footer_wrap .link .today_info .num{display:inline-block;}
.footer_wrap .link .today_info li{padding:17px 0; float:left; color:#efefef;}
.footer_wrap .link .today_info li.today p > span{color:#ff7e00;}
.footer_wrap .link .today_info li.total p > span{color:#00d652;}
.footer_wrap .link .today_info li.total{margin-left:60px;}
.footer_wrap .link .inner > ul{float:right;}
.footer_wrap .link .inner > ul > li{position:relative; float:left;}
.footer_wrap .link .inner > ul > li > a{position:relative; display:block; padding:11px 0 11px 24px; width:280px; font-size:15px; box-sizing:border-box; border-right:1px solid #626368; height:100%; line-height:33px; color:#efefef;}
.footer_wrap .link .inner > ul > li:first-child > a{border-left:1px solid #626368;}
.footer_wrap .link .inner > ul > li > a:after{content:''; display:block; position:absolute; right:15px; top:16px; border-radius:5px; background:#2e2e2e url(../img/common/link_arrow.png) no-repeat center; margin:0 auto; width:23px; height:23px;}
.footer_wrap .link .inner > ul > li > div{display:none;}
.footer_wrap .link .inner > ul > li > a.btn_close{display:none; border-right:0; padding:11px 0 11px 24px; position:absolute; bottom:0; left:0; width:279px; color:#efefef; z-index:54; background-color:#515151; background-position:95% 12px;}
.footer_wrap .link .inner > ul > li > a.btn_close:after{content:''; display:block; position:absolute; right:15px; top:16px; border-radius:5px; background:#2e2e2e url(../img/common/link_arrow01.png) no-repeat center; margin:0 auto; width:23px; height:23px;}
.footer_wrap .link .inner > ul > li > .detail{position:absolute; z-index:53; padding:15px 20px 10px; height:250px; overflow-y:scroll; box-sizing:border-box; bottom:55px; right:0; width:279px; background:#5f5f5f;}
.footer_wrap .link .inner > ul > li > .detail ul ul {overflow:hidden; width:100%;}
.footer_wrap .link .inner > ul > li > .detail ul ul li{margin-top:2px;}
.footer_wrap .link .inner > ul > li > .detail ul ul li:first-child{margin-top:10px;}
.footer_wrap .link .inner > ul > li > .detail ul ul li:first-child a{border-top:0;}
.footer_wrap .link .inner > ul > li > .detail ul ul li a{display:block; color:#fff; padding:10px 0 7px 5px; border-top:1px solid #828282;}
.footer_wrap .link .inner > ul > li > .detail ul h3{display:inline-block; height:30px; width:100%; border-radius:5px; line-height:31px; color:#fff; background:#2e2e2e; text-align:center;}
.footer{position:relative; height:180px; width:1400px; margin:0 auto; padding:24px 0 0 0; color:#b0b0b0;}
.footer .info ul{overflow:hidden; width:100%; padding:0 0 20px 0;}
.footer .info ul li{float:left; padding:0 13px 0 13px; border-left:1px solid #989ba1; line-height:100%;}
.footer .info ul li:first-child{padding:0 13px 0 0; border-left:none;}
.footer .info ul li a{color:#000; line-height:100%; font-size:15px;}
.footer .info ul li:first-child a{color:#ea2320;}
.footer .info address,.footer .info p{font-size:102%;}
.footer .info .detail{vertical-align:middle; color:#666666; display:inline-block; margin-left:90px;}
.footer .info .footer_logo{display:inline-block;}
.footer .info .txt{float:left;}
.footer .info .sign{float:right; font-size:110%; line-height:120%; color:#666666; text-align:right;}
.footer .info .sign .sign_txt{display:inline-block; vertical-align:middle;}
.footer .info .sign img{display:inline-block; margin-right:10px;}
.footer .info .sign .img_wa{display:inline-block; margin-right:10px;}
.footer .info .sign .img_goodmark{margin-right:0;}
.footer .info .sign .call{font-size:165%; line-height:120%; font-family:"arial"}
.footer .info:after{content:''; display:block; clear:both;}
.footer .info .addr .footnum{letter-spacing:1px;}

.footer .privacy_mark {position:absolute; right:275px; top:85px;}
.footer .wa_mark {position:absolute; right:160px; top:90px;}
.footer .wa_mark img{width:100px;}
.footer .goodmark{position: absolute;
    right: 360px;
    top: 90px;}

@media all and (max-width:1024px) {
	.footer .info .footer_logo{width:17%;}
	.footer .info .detail{margin-left:7%; width:75%;}
	/* layout.css 부분 추가 (문화관광 푸터 틀어짐 수정) 2019.5.2. 진현아 */
	#wrap{min-width:100%;}
	.head_link a{background:url(/common/img/common/btn_global.png) no-repeat;}
	.footer_wrap .link .inner{width:100%;}
	.footer_wrap .link .today_info{width:30%; padding:6px 10px; box-sizing:border-box;}
	.footer_wrap .link .today_info li{float:none; padding:0;}
	.footer_wrap .link .inner > ul{width:70%;}
	.footer_wrap .link .inner > ul > li{width:33.33333333333333%;}
	.footer_wrap .link .inner > ul > li > a,
	.footer_wrap .link .inner > ul > li > a.btn_close,
	.footer_wrap .link .inner > ul > li > .detail{width:100%;}
	.footer_wrap .link .today_info li.total{margin-left:0;}
	/* 추가 끝 */
}
@media all and (max-width:768px) {
	.footer_wrap .link .today_info{display:none;}
	.footer_wrap .link .inner > ul{width:100% !important;}
	.footer_wrap .link .inner > ul > li:first-child > a{border-left:0;}
	.footer .info .footer_logo{display:none;}
	.footer .info .detail{margin-left:0; width:100%;}
}
@media all and (max-width:720px){
	.footer_wrap .link .inner > ul > li{width:100% !important;}
	.footer_wrap .link .inner > ul > li > a{border-right:0; border-top:1px solid #626368;}
	.footer_wrap .link .inner > ul > li:first-child > a{border-top:0 !important;}
	.footer_wrap .link{height:100%;}
}

#container {overflow:hidden; width:1400px; margin:0 auto; padding:47px 0 100px;}
.snb_wrap {width:280px; float:left;}
.snb_tit {width:250px; margin:0 0 6px 0; padding:50px 0 0 0; background:url(/common/img/common/bg_snb_tit1.gif) no-repeat;}
.snb_tit .title {padding:0 0 40px 30px; background:url(/common/img/common/bg_snb_tit2.gif) no-repeat 0 100%;}
.snb_tit h2{font-size:235%; line-height:110%;  letter-spacing:-2px; color:#276cad;}
.snb_tit p{padding:9px 0 0 3px; color:#9d9d9d; font-weight:bold; font-size:95%;}
.snb > li{line-height:0;}
.snb > li > a{display:block; width:215px; height:61px; padding:0 0 0 35px; line-height:61px; font-size:120%;  border-bottom:1px solid #d0d0d0; background:url(/common/img/common/bul_snb.png) no-repeat 0 -62px;}
.snb > li > a.arrow{background-position:0 0;}
.snb > li > a.on,
.snb > li > a.on.arrow {width:250px; border-bottom:none; color:#fff; background:url(/common/img/common/bg_snb_on.gif) no-repeat;}
.snb > li > ul{width:200px; padding:20px 25px; background:#f2f2f2;}
.snb > li > ul > li{line-height:100%;}
.snb > li > ul > li > a{display:block; padding:5px 0 5px 7px; line-height:140%; text-decoration:none; font-size:104%;}
.snb > li > ul > li > a:hover,
.snb > li > ul > li > a:active,
.snb > li > ul > li > a:focus,
.snb > li > ul > li > a.on{padding-bottom:4px; color:#000; border-bottom:1px solid #5d5d5d; background:url(/common/img/common/bul_snb.png) no-repeat 100% 94%;}

#content {position:relative; float:right; width:1092px;}

#tit_wrap {position:relative; width:100%; padding:0 0 4px 0; margin:0 0 14px 0;}
#tit_wrap > h3 {float:left; width:100%; font-size:255%; line-height:67px;  color:#444; ; border-bottom:1px solid #999;}
#tit_wrap > .bg{position:absolute; left:0; bottom:0; display:block; width:232px; height:8px; background:url(/common/img/common/bg_snb.png) no-repeat 0 100%;}
/* @media all and (max-width:414px){
	 #tit_wrap {margin-bottom:53px;}  -> 모바일에서 콘텐츠 영역 상단에 여백이 너무 높아서 주석처리함
} */


/* spot */
.sub_acc {position:absolute; right:0; top:25px;}
.sub_acc .location{float:left; padding:0 10px 0 0;}
.sub_acc .location>li {float:left; padding:0 7px 0 10px; line-height:35px; background:url(/common/img/common/bul_history.png) no-repeat 0 50%;}
.sub_acc .location>li:first-child {padding-left:15px; background:url(/common/img/common/icon_histroy_home.png) no-repeat 0 50%;}

.sub_acc .util{float:left;}
.sub_acc .util li {float:left; margin-left:4px;}
.sub_acc .util li:first-child{margin-left:0;}
.sub_acc .util li.print a,
.sub_acc .util .sns div a{display:block; width:32px; height:32px; border-radius:50%; text-indent:-9999px; font-size:0; background:#e8e8e8 url(/common/img/common/spr_ico_spot.png) no-repeat -38px 9px;}
.sub_acc .util li.print a:hover,
.sub_acc .util li.print a:focus,
.sub_acc .util li.print a:active{background-color:#a3afb7; background-position:8px 9px;}
.sub_acc .util .sns {position:relative;}
.sub_acc .util .sns div {position:absolute; top:-2px; right:0; width:0px; height:45px; border-radius:23px; background:#0059ab; overflow:hidden;}
.sub_acc .util .sns.on div{width:170px;}
.sub_acc .util .sns div ul{position:absolute; top:7px; right:31px; width:110px;}
.sub_acc .util .sns div a{background:#fff url(/common/img/common/spr_history.png) no-repeat;}
.sub_acc .util .sns div em{position:absolute; top:12px; right:10px; font-weight:bold; color:#fff;}
.sub_acc .util .sns ul .fb a{background-position:-19px -110px;}
.sub_acc .util .sns ul .kko a{background-position:-19px -152px;}
.sub_acc .util .sns ul .bl a{background-position:-75px -152px;}
.sub_acc .util .sns ul .tw a{background-position:-75px -108px;}
.sub_acc .util .sns ul .ka a{background-position:-20px -255px;background-color:#ffe600;}
.sub_acc .util .sns div .close{position:absolute; top:14px; left:15px; width:10px; height:20px; border-radius:0; background-color:#0059ab; background-position:0 -117px;}

.conts{float:left; width:100%; padding:20px 0;position: relative;}

#m_conts{min-height:500px;}
#mobileNavi{display:none;}
.stop_scrolling{height:100%; overflow:hidden !important;}

/* 만족도 조사 */
.pageInfo {float:left; width:99.7%; border-top:1px solid #333; border: 1px solid #dfe2e7;}
.pageInfo .research {padding:25px 5%; vertical-align: middle; box-sizing: border-box;}
.pageInfo .research legend{float:left;}
.radio_list{float:left; width:98%; margin:0 2% 14px 0;}
.radio_list input[type="radio"]{vertical-align: middle; margin-right:5px;}
.radio_list label { margin-right: 10px;}
.radio_list li{float:left;}
.radio_list:after{content: ''; display: block; clear: both;}
input[type="text"].txtbox{padding:10px 2%; width:85%; height: 43px; margin:0 0 0.7em 0; box-sizing:border-box;}
.regBtn {width: 97px; height:43px; margin:0 0 0.7em 0; background: #546b79; text-align: center; line-height: 43px; color: #fff; transition:1s;}
.regBtn:hover { background: #1b2f3c;}

.scrollup{display:block; position:absolute; top:650px; left:50%; width:45px; height:43px; margin:0 0 0 707px; font-size:0; text-indent:-999px; background:url(/common/img/common/ico_scrollup.png) no-repeat;}

.dept_list05 > li { width:20% !important; }
.dept_list05 > li:not(:nth-child(5n)) { border-right:1px solid #e1e5ed; }

.autonomy_name:hover { text-decoration:underline; }

@media all and (max-width:1024px) {
	img{max-width:100%;}
	#wrap{min-width:100%;}
	.web,
	.scrollup{display:none;}
	.mob{display:block;}
	#mask_mn{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:9999;}
	#mask_kw{display:none; position:absolute; top:172px; left:0; width:100%; height:100%;background-color:rgba(0,0,0,0.5);z-index:9999;}

	.logo{top:57px;}
	.header_wrap{height:110px;}

	#container,
	.gnb .nav,
	.footer .info,
	.footer .link{width:100%;}
	.header_wrap,
	#container,
	#m_conts,
	.footer .link,
	.footer .link > ul{float:left;}
	.footer_wrap {float:left; width:100%; min-width:auto;}

	#container{padding:10px 0 50px 0;}
	.header_wrap .header,
	#content{width:98%;}
	#content{float:none; overflow:hidden; margin:0 auto;}
	.conts{padding:10px 0 1em;}

	#tit_wrap{margin:0;}
	#tit_wrap > h3{margin:0 0 0.3em 0; font-size:212%; line-height:200%;}
	#tit_wrap > .bg{display:none;}
	.sub_acc{position:static;}
	.sub_acc .util{float:right; margin:-4px 0 0 0;}
	.sub_acc .util li.print{display:none;}
	.sub_acc .location{max-width:90%; padding:0;}
	.sub_acc .location>li{line-height:130%;}

	#search_area{width:100%; top:59px;}
	#search_area .total_search input[type="text"]{width:50%;}
	.search_form{display:none; position:absolute; top:132px; left:0; width:100%; z-index:55;}
	.search_form .total_search{width:85%; background:#fff;}
	.search_form input[type="submit"]{position:absolute; top:0; right:0; width:15%; height:40px; color:#fff; background:#1f2872;}
	.search_form .total_search input[type="text"]{width:50%;}

	.footer{float:left; width:98%; height:auto; padding:20px 0 30px 1%;}
	.footer .info ul{padding:0 0 10px 0;}
	.footer .info ul li{margin:0 0 0.7em 0;}

	.footer .wa_mark {right:auto; left:580px; top:62px;}

	.footer .link > ul{margin:0 0 1.5em 0;}
	.footer .link > ul > li > .detail{width:164px; padding:18px 5px 0 13px; border-radius:5px 5px 0 0;}
	.footer .link > ul > li > .detail ul ul{/*height:128px;*/ padding-bottom:0; margin-bottom:10px; overflow-y:auto;}
	.footer .link > ul > li > .detail ul ul.col3 li,
	.footer .link > ul > li > .detail ul ul.col4 li,
	.footer .link > ul > li > .detail ul ul.col5 li,
	.footer .link > ul > li > .detail ul ul.col6 li,
	.footer .link > ul > li > .detail ul ul.col7 li,
	.footer .link > ul > li > .detail ul ul.col8 li{width:100%;}
	.footer .link > ul > li > .detail ul ul li a{padding-right:0;}

	.head_link .search{top:10px; right:10px; width:40px; height:40px; background-color:#1f2872; background-position:-81px 7px;}
	.head_link .home,
	.head_link .sitemap{display:none;}
	.head_link .search:hover,
	.head_link .search:focus,
	.head_link .search:active,
	.head_link .search.close,
	.head_link .search.close:hover,
	.head_link .search.close:focus,
	.head_link .search.close:active{background-position:-81px 7px;}

	/* 메뉴버튼 */
	.open_sc{position:absolute; top:71px; right:10px;}
	.open_kw, .close_kw{display:block; width:40px; height:40px; text-indent:-9999px; background:#1f2872 url(/common/img/common/btn_global.png) no-repeat -81px 8px;}
	.close_kw{background-position:-123px 8px;}
	.menu_mobile{display:inline-block; position:absolute; left:10px; top:60px;}
	.menu-btn {position:relative; width:40px; height:40px; display:inline-block; vertical-align:middle; background:#1f2872;}
	.menu-btn .bar {display:inline-block; position:absolute; left:8px; width:25px; height:2px; background-color:#fff; transform-origin:50%; transition:.24s cubic-bezier(.3,.74,.5,.93); }
	.menu-btn .bar-01{top:12px;}
	.menu-btn .bar-02{top:19px;}
	.menu-btn .bar-03{top:26px;}
	.menu-btn.open .bar-01{top:19px; transform:rotate(45deg)}
	.menu-btn.open .bar-02{opacity:0.0;}
	.menu-btn.open .bar-03{top:19px; transform:rotate(-45deg)}

	.logo{left:50%; margin:0 auto 0 -67px;}

	/* 모바일 레이어 메뉴 */
	#mobileNavi .logo{z-index:999991;}
	#mobileNavi{display:block; position:fixed; top:0; left:-100%; width:100%; height:100%; z-index:999999; overflow-y:auto;}
	#mobileNavi > div{float:left; width:80%; background:#0b7cc4;}
	#mobileNavi .depth1{float:left; width:100%; }
	#mobileNavi .depth1 a{display:block; text-decoration:none; cursor:pointer;}
	#mobileNavi .depth1 > li{border-bottom:1px solid #1873c8;}
	#mobileNavi .depth1 > li > a{height:3em; line-height:3em; color:#fff; font-size:133%; padding:0 0 0 10px; background:#0e5394 url(/common/img/common/bg_m_off.png) no-repeat 95% 60%;}
	#mobileNavi .depth1 > li.on > a{background:#1f2872 url(/common/img/common/bg_m_on.png) no-repeat 95% 35%;}
	#mobileNavi .depth2{display:none; padding:1em; background:#e4f1fd;}
	#mobileNavi .depth1 > li.on > .depth2{display:block;}
	#mobileNavi .depth2 > li {margin:0 0 0.7em 0;}
	#mobileNavi .depth2 > li > a{padding:0 0 0 15px; font-size:125%; background:url(/common/img/common/bul_depth2.png) no-repeat 0 5px;}
	#mobileNavi .depth3{display:none; overflow:hidden; margin:0.5em 0 0 0.7em; border-top:1px solid #e6e6e6; border-left:1px solid #e6e6e6;}
	#mobileNavi .depth3 li{float:left; width:50%;}
	#mobileNavi .depth3 li a{padding:3px 0 3px 10px; margin-top:-1px; margin-left:-1px; font-size:105%; border:1px solid #e6e6e6; background:#fff;}
	#mobileNavi .gnb .lang{margin:0;}
}

@media all and (max-width:767px) {

	.header_wrap{height:95px;}
	#search_area{top:57px;}
	#search_area .total_search input[type="text"]{width:55%;}

	.gnb{height:33px; padding:4px 0 0 0;}
	.gnb .nav li{margin:0 2px 0 0;}
	.gnb .nav li:last-child{margin:0;}
	.gnb .nav li a{padding:0 10px 0 23px; background-position:7px 6px;}
	.gnb .nav li.n2 a{background-position:7px -34px;}
	.gnb .nav li.n3 a{background-position:4px -69px;}
	.gnb .nav li.n4 a{background-position:5px -109px;}
	.gnb .nav li.n2 a:hover,
	.gnb .nav li.n2 a:focus,
	.gnb .nav li.n2 a:active{background-position:-129px -34px;}
	.gnb .nav li.n3 a:hover,
	.gnb .nav li.n3 a:focus,
	.gnb .nav li.n3 a:active{background-position:-131px -69px;}
	.gnb .nav li.n4 a:hover,
	.gnb .nav li.n4 a:focus,
	.gnb .nav li.n4 a:active{background-position:-129px -109px;}

	.menu_mobile{top:45px;}
	.head_link .search{top:7px;}
	.logo{top:45px;}

	#mask_kw{top:156px;}

	#tit_wrap > h3{font-size:200%;}
	.pageInfo .research {padding:15px 0 10px 5%;;}
	input[type="text"].txtbox{width:55%;}
}
@media all and (max-width:620px) {
	.gnb .nav li:last-child{display:none;}
}
@media all and (max-width:610px) {
	.footer .link > ul > li,
	.footer .link > ul > li:first-child{margin-bottom:0.3em;}
}
@media all and (max-width:598px) {
	#mobileNavi .gnb .nav li.n4{display:none;}
	#mobileNavi .depth3 li{width:100%;}

	.footer .link > ul > li:last-child{margin:0;}
}
@media all and (max-width:530px) {
	.gnb .nav li.n5{display:none;}
}

@media all and (max-width:495px) {

	#tit_wrap > h3{padding:0.2em 0 10px 0; line-height:115%; font-size:180%;}

	.sub_acc ,
	.sub_acc .util .sns div{top:0}
	.sub_acc .location{max-width:85%;}
}
@media all and (max-width:440px) {
	#mobileNavi .gnb .nav li.n3{display:none;}
	#tit_wrap > h3{font-size:160%;}
}

@media all and (max-width:405px) {
	.gnb .nav li.n4{display:none;}
}

@media all and (max-width:396px) {
	.footer .link > ul,
	.footer .link > ul > li{width:100%;}
	.footer .link > ul > li:nth-child(2){margin-left:0;}
	.footer .link > ul > li > a{width:98%; padding:0 0 0 2%;}
	.footer .link > ul > li > a.btn_close{width:97%; padding:0 0 0 2%;}
	.footer .link > ul > li > .detail{width:96.9%; padding:18px 0 0 2%; border-bottom:none;}
}

/* TAB > depth05 */
.depth05 {background: #fff; padding: 20px 0 15px; margin-top: 15px; box-sizing: border-box; border:4px solid #e8e7f1;}
.depth05 >li {width: 33.333%; float: left; margin: 0; box-sizing: border-box;}
.depth05 >li:hover >a, .depth05 > li >a:focus {color: #000; font-weight: 600;}
.depth05 >li >a {display: inline-block; padding: 4px 0; position: relative; padding-left:48px; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;
width: 90%; overflow: hidden; letter-spacing: -0.5pt;}
.depth05 >li >a.on {color: #1ea827;font-weight: 600;text-decoration: underline;}
.depth05 >li a:before {position: absolute; content: ''; width: 18px; height: 18px; left: 23px; top: 5px; background: #fff url(/common/img/common/spr_bu.png) 7px -64px no-repeat; border-radius:2px;}
.depth05 >li:not(:nth-child(3n)) {border-right: 1px solid #e1e5ed;}
.depth05 ~ div{position: relative;}
.tbl_wrap.p4{padding-left: 36px;}
.conts .btn_top {border: 2px solid #afbfd4; background: url(/common/img/common/spr_ico_top.gif) no-repeat right 4px; display: inline-block; height: 33px;
line-height: 33px; text-align: left; padding: 0 40px 0 10px; transition:0.5s; margin-top: -10px;}
.conts .btn_top:hover {border: 2px solid #0a4686;}

@media all and (max-width:1024px) {
	.depth05 >li >a  {padding-bottom: 0;}
}
@media all and (max-width:768px) {
	.depth05 >li {width: 50%;}
	.depth05 >li:not(:nth-child(3n)){border: none;}
	.dept_list05 >li:nth-child(even) { border-left:0 !important; }
	.dept_list05 >li:nth-child(odd) { border-right:0 !important; }
	.dept_list05 >li:not(:nth-child(5n)) { border-right:1px solid #e1e5ed !important; }
	.depth05 >li:not(:nth-child(even)) {border-right: 1px solid #e1e5ed;}
	.depth05 >li >a {width: 82%;}

	/* 이미지반응형 */
	.img_respon .img_bigView,
	.img_respon a[target="_blank"].img_bigView{display: block; position: absolute; bottom: 10px; right: 10px; background: rgba(0,0,0,0.5); padding: 5px 10px; color: #fff; font-weight: 600;}
	.img_respon a[target="_blank"].img_bigView:after{display: none;}
}
@media all and (max-width:640px) {
	.dept_list05 > li { width:25% !important; }
	.depth05 >li:not(:nth-child(4n)){ border-right:1px solid #e1e5ed !important; }
}

@media all and (max-width:568px) {
	.depth05 {padding: 10px;}
	.depth05 >li {width: 100%; border-right: none !important;}
	.depth05 >li a {padding-left: 30px;}
	.depth05 >li a:before {left: 5px;}
	.depth05 >li:nth-child(4n) { border-right:0 !important; }
	.depth05 >li:not(:nth-child(4n)){ border-right:1px solid #e1e5ed !important; }
}
@media all and (max-width:468px) {
	.dept_list05 > li { width:33.33333333333333% !important; }
	.depth05 >li:nth-child(3n) { border-right:0 !important; }
	.depth05 >li:not(:nth-child(3n)){ border-right:1px solid #e1e5ed !important; }
}

@media all and (max-width:365px) {
	.dept_list05 > li { width:50% !important; }
	.depth05 >li:nth-child(2n) { border-right:0 !important; }
	.depth05 >li:not(:nth-child(2n)){ border-right:1px solid #e1e5ed !important; }
}

@media all and (max-width:320px) {
	.depth05 >li >a {width: 84%;}
}

/* table */
.tbl_wrap .tbl_guide {display: none;}
/* 테이블 */
@media all and (max-width:768px) {
	.tbl_wrap { width: 100%; overflow: hidden; overflow-x: scroll; }
	.tbl_wrap .tbl_guide { display: block; padding: 20px 0 0 18px; color: #3547ad; font-size: 13px; background: url(/common/img/common/ico_tbl_guide.gif) 0px 22px no-repeat;
	line-height: 130%; text-align: left !important;}
	.tbl_wrap .tbl{width: 729px;}
}

/* 이미지반응형 */
.img_respon {position: relative;}
.img_bigView {display: none;}
@media all and (max-width:768px) {.img_respon .img_bigView,
	.img_respon a[target="_blank"].img_bigView{display: block; position: absolute; bottom: 10px; right: 10px; background: rgba(0,0,0,0.5); padding: 5px 10px; color: #fff; font-weight: 600;}
	.img_respon a[target="_blank"].img_bigView:after{display: none;}
	}

/* ccl */
.wrap_ccl {width: 100%; background: #f4f5f7; border: 1px solid #ddd; padding: 15px 32px 14px; box-sizing: border-box; margin-top: 45px; text-align: left;}
#content .wrap_ccl a:hover { border-bottom: 1px dashed #000; }
#content .wrap_ccl > a:hover { border-bottom: none;}
#content .wrap_ccl a[target="_blank"]:after { display: none; }
.wrap_ccl img, .wrap_ccl p { display: inline-block; vertical-align: middle; font-size: 15px;}
.wrap_ccl img { margin-right: 20px;}
.conts .wrap_ccl a[target="_blank"] { padding-right: 0;}

/* 담당자 */
.dataOffer {position: relative;background: #fbfbfb;border-bottom: 1px solid #dfe2e7;}
.offer { padding: 10px 10px 7px 30px; box-sizing: border-box;}
.offer dt, .offer dd { float: left;}
.offer dt {margin-right: 10px;font-weight: 600;color: #026f90;}
.offer li span { color: #00b162; }
.offer li { float: left; margin-right: 20px; position: relative;}
.offer li:nth-child(2n):after { content: '|'; color: #dfe2e7; padding-left: 15px;}
.offer li:last-child:after { display: none;}
.recently_date {position: absolute;right: 0;top: 9px;width: 176px;}
.recently_date dt {float: left; margin-right: 10px;font-weight: 600;color: #026f90;}

@media all and (max-width:1024px) {
	.research { padding: 12px 33px 22px; }
}
@media all and (max-width:768px) {
	.recently_date {position: relative;top: 0; padding: 0 0 8px 15px;}
	.offer {padding: 10px 10px 3px 15px;}
}

/* 멀티서치 */
.multSearch{ background:#f9f9f9; padding:30px 30px 20px; border:1px solid #ddd; border-top:2px solid #006ed4; }
.multSearch li{ padding:5px 0; }
.multSearch li:first-child{padding-top: 0;}
.multSearch li .btn{margin-bottom: 0;}
.multSearch li .btn.search{margin: 0px 5px;}
.multSearch li input#searchTxt{height: 26px;}
.multSearch .tit{ padding-left:12px; position:relative; min-width:12%; display:block; float:left; border-right:1px solid #ddd; }
.multSearch .tit:before{content: ''; position: absolute; width: 8px; height: 8px; left: 0; top: 6px; background:url('../img/common/spr_bu.png') no-repeat 0 -92px; }
.multSearch .tit ~ *{float: left;}
.multSearch .bbn{border-bottom: none !important; padding-bottom: 0 !important;}
.multSearch + .bod_head {margin: 15px 0 10px !important; padding: 0;}
.multSearch .con{ display:block; float:left; margin-left:4%; }
.multSearch li:after{content: ''; display: block; clear: both;}
.multSearch .con span{padding: 0 5px;}
.multSearch input[type^="text"] { vertical-align:middle; height:25px; letter-spacing:-1px; width:26%; }
.multSearch div[class^="day_"]{display: inline-block; vertical-align: top;}

@media (max-width: 868px){
	.multSearch div[class^="day_"] input[type="text"]{width: 114px !important;}
}
@media (max-width: 820px){
	.multSearch .tit { width:100%; border-right:0; }
	.multSearch .con { width:100%; margin-left:2%; margin-top:5px; }
	.multSearch .con select{width: 100%;margin-bottom: 5px;}
}
@media (max-width: 710px){
	.con #searchTxt, .con #searchCtrtNm {width: 100% !important;}
	.con #searchTxt ~ .btn.search, .con #searchTxt ~ .btn.small,
	.con #searchCtrtNm ~ .btn.search, .con #searchCtrtNm ~ .btn.small {margin-top: 5px !important;}

	.footer .wa_mark {position:static; float:right; padding:0 0 3px 3px;}
	.footer .wa_mark img{width:80px;}
	.footer .info .detail{display:inline;}
}
@media (max-width: 450px){
	.multSearch input[type="text"]{width: 60% !important;}
	.multSearch div[class^="day_"].day_end{margin-left: 87px; margin-top: 10px;}
	.multSearch .tit{width: 76px;}
	.con input {margin-bottom: 5px;}
	.con #searchTxt ~ .btn.search, .con #searchTxt ~ .btn.small,
	.con #searchCtrtNm ~ .btn.search, .con #searchCtrtNm ~ .btn.small {margin-top: 0 !important;}
}
@media (max-width: 328px){
	.multSearch .tit{width: 70px;}
	.multSearch div[class^="day_"].day_end{margin-left: 82px;}
}

/*이미지 슬라이드*/
.photo_box {width:100%;position:relative;margin:20px 0 20px 0;}
.photo_box > p{text-align:center; background:#f5f5f5;}
.photo_box .bigphoto{text-align:center;overflow:hidden; height:430px;position:relative;background:#f5f5f5;}
.photo_box .bigphoto img{max-width:100%;width:auto;height:100%;}
.photo_box .bigphoto span{background:rgba(0,0,0,0.5);display:block;position:absolute;right:0;bottom:0;color:#fff;box-sizing:border-box;padding:10px 28px;font-size:15px;font-weight:bold;}
.photo_box .photoSlider li {	float:left;	background-color:#000; opacity:1;height: 110px;border-radius:110px;overflow:hidden;}
.photo_box .photoSlider li:first-child {margin-left:0px;}
.photo_box .photoSlider {width:100%;overflow:hidden;position:relative;background:#707988;padding:18px 83px;border-top:2px solid #444954;box-sizing:border-box;height:148px; overflow: hidden;}
.photo_box .photoSlider > ul {width: 3000px; overflow: hidden; height: 110px;}
.photo_box .photoSlider li a {display: inline-block;}
.photo_box .photoSlider li a img{width:110px;height:110px;	opacity:0.85;}
.photo_box .photoSlider li a.on img{opacity:1;}
.photo_box .photoSlider > a{display:block;position:absolute;width:42px;height:42px;border-radius:100px;box-shadow:0px 3px 4px 0px rgba(14, 32, 66, 0.5);top:48px;}
.photo_box .photoSlider > div{overflow:hidden; margin:0 !important;}
.photo_box .photoslider > div ul{width:800%;overflow:hidden;height:110px;}
.photo_box a.control_left {background:#fff url(../img/common/arr_slide_left.png) no-repeat center center;left:24px;position:absolute;z-index:20;text-indent:-9999px;display:block;}
.photo_box a.control_right{background:#fff url(../img/common/arr_slide_right.png) no-repeat center center;right:24px;position:absolute;z-index:20;text-indent:-9999px;display:block;}

.bigphoto>li{position: absolute; width: 100%;}

@media (max-width: 1024px){
.sns_box{display:none;}
.photo_box p img{max-width:inherit;}
}
@media (max-width: 699px){
.photo_box p{height:280px;}
}
@media (max-width: 529px){
.photo_box p{height:220px;max-width:100%;}
}

/* 평생학습마을 사진 */
.photo_list {margin: 20px 0 0 30px;}
.photo_list li {float: left;margin:0 1% 7px 0;}
.photo_list.li1 li {width: 100%;margin-right: 0;}
.photo_list.li2 li {width: 49.5%;}
.photo_list.li3 li {width: 32.66666666666667%;}
.photo_list.li4 li {width: 24.25%;}
.photo_list li img {width: 100%;background: #fff;border: 1px solid #ddd;padding: 4px; box-sizing: border-box;}
.photo_list.li2 li.photo_02, .photo_list.li2 li.photo_04,
.photo_list.li3 li.photo_03,
.photo_list.li4 li.photo_04 {margin-right: 0;}
.photo_list li.last {margin-right:0;}
@media all and (max-width:568px){
	.photo_list li {float: left;width: 49.5% !important;margin-right: 1%;}
	.photo_list li.photo_02 {margin-right: 0 !important;}
	.photo_list li.photo_03 {clear: both;}
	.photo_list.li1 li {width: 100% !important;}
}

/* 디자인박스 */
.topbox{padding: 40px 30px 40px 170px; border: 3px solid #d6dbe4;}
.topbox h4:before{display: none;}
.topbox h4{padding-left: 0; color: #276cad;}
.topbox.edu{background:url(/depart/img/sub02/ico_topbox_edu.png) no-repeat 0px 29px;}
.topbox.farm{background:url(/depart/img/sub05/ico_topbox_farm.png) no-repeat 0px 29px;}
.topbox.pics{background:url(/portal/img/sub01/ico_topbox_pics.png) no-repeat 0px 29px;}
.topbox.weather{background:url(/depart/img/sub06/ico_topbox_weather.png) no-repeat 0px 29px;}
.topbox.designbox{padding: 40px 30px 40px 220px;}
.topbox.designbox div a{background: #266caf !important; border: 0; color: #fff; font-weight: 600; padding-right: 25px !important;}
.topbox.designbox div a[target="_blank"]:after{background: url(/common/img/common/bul_blank_w.png) no-repeat right center !important; top: 12px; right: 10px;}
.topbox .txt{font-size: 16px; margin-top: 12px;}
.topbox + h4{margin-top: 30px !important;}

@media (max-width: 518px){
	.topbox.edu{background-position:center 33px;}
	.topbox.farm{background-position: 40% 33px;}
	.topbox.pics{background-position:center 33px;}
	.topbox{padding: 160px 30px 30px; text-align: center;}
	.topbox h4{text-align: center;}
	.topbox.designbox{ padding: 200px 30px 30px;}
	.topbox.designbox div{text-align: center;}
}
/* 대형폐기물 배출 신고필증 */
.trash_receipt {border: 4px solid #e8e7f1;padding: 2%;box-sizing: border-box; }
.trash_receipt .num {display: inline-block;border-bottom: 1px solid #d32532;color: #d32532;font-weight: 600;font-size: 1.2em;}
.trash_receipt h4 {text-align: center;padding-left: 0;}
.trash_receipt h4:before {display: none;}
.trash_receipt h4 img {width: 120px;margin-right: 10px;}
.trash_receipt .exp {margin-top: 20px;text-align: center;}
.trash_receipt h4 br, .trash_receipt .exp br {display: none;}
.trash_receipt .signature { text-align: center;letter-spacing: 5pt;font-weight: 600;font-size: 1.3em;padding: 20px 0 10px;color: #666;}
@media all and (max-width:812px) {
	.trash_receipt {padding: 5% 3%;}
	.trash_receipt h4 {margin-top: 20px !important;}
}
@media all and (max-width:568px) {
	.trash_receipt h4 span {display: block;margin-top: 20px;}
}
@media all and (max-width:414px) {
	.trash_receipt h4 br, .trash_receipt .exp br {display: block;}
	.trash_receipt h4 {line-height: 130%;letter-spacing: -1pt;}
	.trash_receipt .exp {margin-top: 10px;}
}
@media all and (max-width:360px) {
	.trash_receipt h4 {font-size: 23px !important;}
}
/* 청소년수련관 - 강소소개페이지 */
.teacher_wrap {margin-top: 30px;}
.teacher_wrap li {margin: 0 2% 2% 0;width: 23.5%;float: left;}
.teacher_wrap li.teacher_04,.teacher_wrap li.teacher_08, .teacher_wrap li.teacher_12 {margin-right: 0;}
.teacher_wrap li .teacher_detail {width: 100%;background: #f3f8fa;border: 1px solid #ddd;box-sizing: border-box;}
.teacher_wrap li .teacher_detail .name {background: #00a5d4;color: #fff;font-size: 20px;font-weight: 600;}
.teacher_wrap li .teacher_detail .name >span {display: inline-block;height: 50px;line-height: 50px;padding-left: 15px;width: 59%;box-sizing: border-box;letter-spacing: 9pt;}
.teacher_wrap li .teacher_detail .name .item {background: #3877d2 url(/common/img/common/bg_teacher_name.png) no-repeat right center;width: 40%;letter-spacing: 0pt;}
.teacher_wrap li .teacher_detail dl {margin: 20px 13px 10px;font-weight: 600;font-size: 16px;}
.teacher_wrap li .teacher_detail dl dt, .teacher_wrap li .teacher_detail dl dd {float: left;}
.teacher_wrap li .teacher_detail dl dt{position: relative;padding-left: 22px;box-sizing: border-box;color: #3877d2;margin-right: 5px;}
.teacher_wrap li .teacher_detail dl dt:before {content: '';position: absolute;width: 19px;height: 19px;left: 0;background: #3877d2 url(/common/img/common/spr_ico_teacher.png) no-repeat 5px 5px;border-radius: 50%;}
.teacher_wrap li .teacher_detail .img {display: block;width: 128px;height: 157px;margin: 0 auto;border: 4px solid #fff;text-align: center; background: #ebecf5 url(/common/img/common/sample_noimage.png) no-repeat center center;text-align: center;box-sizing: border-box;}
.teacher_wrap li .teacher_detail .btnboxC {margin: 15px 0 20px;}
.teacher_wrap li .teacher_detail .btnboxC .btn {width: 128px;}
.teacher_wrap li .teacher_detail .btnboxC .btn.view {background: #fff url(/common/img/common/spr_ico_teacher.png) no-repeat 97% -17px;padding: 5px 30px 5px 0 !important;}
@media all and (max-width:1024px) {
	.teacher_wrap li {width:32%;}
	.teacher_wrap li.teacher_03, .teacher_wrap li.teacher_06, .teacher_wrap li.teacher_09 {margin-right: 0;}
	.teacher_wrap li.teacher_04,.teacher_wrap li.teacher_08, .teacher_wrap li.teacher_12 {margin-right: 2%;}
}
@media all and (max-width:790px) {
	.teacher_wrap li {width:49%;}
	.teacher_wrap li.teacher_02, .teacher_wrap li.teacher_04, .teacher_wrap li.teacher_06, .teacher_wrap li.teacher_08, .teacher_wrap li.teacher_10 {margin-right: 0;}
	.teacher_wrap li.teacher_03, .teacher_wrap li.teacher_09 {margin-right: 2%;}
}
@media all and (max-width:540px) {
	.teacher_wrap li {width:100%;margin-right: 0 !important;}
}


/* sns */
.sns_box{float:left;}
.sns_box li{display:inline-block; margin-right:12px;}
.sns_box li a{display:block; width:30px; height:30px;}
.sns_box li a span{display:block; width:30px; height:30px; background:url(/newPortal/img/main/spr_ico.png) no-repeat; text-indent:100%; overflow:hidden; white-space:nowrap;}
.sns_box li a span.ico_facebook{background-position:-384px -255px;}
.sns_box li a span.ico_kakao{background-position:-384px -310px;}
.sns_box li a span.ico_blog{background-position:-384px -364px;}
.sns_box li a span.ico_instagram{background-position:-384px -419px;}
.sns_box li a span.ico_youtube{background-position:-384px -474px;}