@charset "utf-8";

.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer}
.slick-slider .slick-list,
.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}.slick-slide img {display: block;width: 100%;height: auto;}



/* webfont */
#body_layout .common_info_box *,
.lnb__title strong,
.lnb_depth2__list > li.on > a > span,
.lnb_depth2__list .lnb_depth3__list li.on a span,
.lnb_depth2__list > li > a > span,
.lnb_depth2__list .lnb_depth3__list li a span,
#location .page__title,
.tabmenu__4th li a span,
#tab_moType1.mobile .title a,
#tab_moType1.mobile .title a span{font-family: 'KHNPHD',"맑은고딕",'Malgun Gothic',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol",AppleGothic,Dotum,arial !important;transition: all 0.3s ease-out;}

.wf-active body #body_layout .common_info_box *,
.wf-active body .lnb__title strong,
.wf-active body .lnb_depth2__list > li.on > a > span,
.wf-active body .lnb_depth2__list .lnb_depth3__list li.on a span,
.wf-active body .lnb_depth2__list > li > a > span,
.wf-active body .lnb_depth2__list .lnb_depth3__list li a span,
.wf-active body #location .page__title,
.wf-active body .tabmenu__4th li a span,
.wf-active body #tab_moType1.mobile .title a,
.wf-active body #tab_moType1.mobile .title a span{font-family: 'KHNPHD',"맑은고딕",'Malgun Gothic',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol",AppleGothic,Dotum,arial !important;}


#body_layout{position: relative;z-index: 1;}
#body_layout .body_wrap{margin: 25px auto 0;/* padding-bottom:100px; */background-color: #fff;}

#body_layout .common_info_box { position: relative; padding: 25px 0; margin-bottom: 45px; background: #eff3f6; font-size: 0; }
#body_layout .common_info_box * { font-family: 'KHNPHD' !important; }
#body_layout .common_info_box .weather_box {display: inline-block;vertical-align: middle;position: relative;z-index: 10;}
#body_layout .common_info_box .weather_box .title_box { display: inline-block; vertical-align: middle; width: 120px; height: 120px; padding: 20px 0; margin-right: 20px; border: 1px solid #e0e0e0; background: #fff; text-align: center; }
#body_layout .common_info_box .weather_box .title_box .title{display:block;margin: 0 auto 10px;width:93px;height:57px;}
#body_layout .common_info_box .weather_box .title_box .title a{font-size:0;display:block;width:100%;height:100%;background: url('/images/kr/main/taegeukgi.png') center no-repeat;}
#body_layout .common_info_box .weather_box .title_box .date { display: inline-block; vertical-align: middle; font-size: 13px; color: #828282; }

#body_layout .common_info_box .weather_box .data_box { display: inline-block; vertical-align: middle; }
#body_layout .common_info_box .weather_box .data_box .condition_box { position: relative; padding-right: 52px; text-align: right; }
#body_layout .common_info_box .weather_box .data_box .condition_box::before { content: ''; display: block; position: absolute; right: 0; top: 4px; width: 43px; height: 37px; }
#body_layout .common_info_box .weather_box .data_box .condition_box[data-weather$='1']::before { background: url('/images/kr/main/ico_weather1.svg') center no-repeat; }
#body_layout .common_info_box .weather_box .data_box .condition_box[data-weather$='2']::before { background: url('/images/kr/main/ico_weather2.svg') center no-repeat; }
#body_layout .common_info_box .weather_box .data_box .condition_box[data-weather$='3']::before { background: url('/images/kr/main/ico_weather3.svg') center no-repeat; }
#body_layout .common_info_box .weather_box .data_box .condition_box[data-weather$='4']::before { background: url('/images/kr/main/ico_weather4.svg') center no-repeat; }
#body_layout .common_info_box .weather_box .data_box .condition_box[data-weather$='5']::before { background: url('/images/kr/main/ico_weather5.svg') center no-repeat; }
#body_layout .common_info_box .weather_box .data_box .condition_box[data-weather$='6']::before { background: url('/images/kr/main/ico_weather6.svg') center no-repeat; }
#body_layout .common_info_box .weather_box .data_box .condition_box[data-weather$='7']::before { background: url('/images/kr/main/ico_weather7.svg') center no-repeat; }
#body_layout .common_info_box .weather_box .data_box .condition_box .status { display: block; font-size: 14px; color: #282828; }
#body_layout .common_info_box .weather_box .data_box .condition_box .temp { font-size: 21px; font-weight: 600; color: #2d2b2b; line-height: 1; }
#body_layout .common_info_box .weather_box .data_box .dust_box {position: relative;padding-right: 55px;}
#body_layout .common_info_box .weather_box .data_box .dust_box strong { display: inline-block; vertical-align: middle; margin-right: 3px; font-size: 14px; color: #282828; }
#body_layout .common_info_box .weather_box .data_box .dust_box .dust { display: inline-block; vertical-align: middle; font-size: 14px; font-weight: 600; color: #282828; }
#body_layout .common_info_box .weather_box .data_box .dust_box .status {position: absolute;right: 0;top: 50%;width: 55px;text-align: center;font-size: 14px;color: #e31c1c;transform: translateY(-50%);}
#body_layout .common_info_box .weather_box .data_box .dust_box .status.em1 {color:#0d75b4;}
#body_layout .common_info_box .weather_box .data_box .dust_box .status.em2 {color:#00a83d;}
#body_layout .common_info_box .weather_box .data_box .dust_box .status.em3 {color:#ff5959;;}
#body_layout .common_info_box .population_box {float: right;display: inline-block;vertical-align: middle;padding-top: 20px;position: relative;z-index: 9;}
#body_layout .common_info_box .population_box .title_box { display: inline-block; vertical-align: middle; padding: 5px 0 0 36px; background: url('/images/kr/main/ico_population.svg') left center no-repeat; }
#body_layout .common_info_box .population_box .title_box a{display:block;width:100%}

#body_layout .common_info_box .population_box .title_box strong {/* display: block; */font-size: 17px;font-weight: 600;color: #282828;line-height: 1.2;}
#body_layout .common_info_box .population_box .title_box span { font-size: 14px; color: #777; }
#body_layout .common_info_box .population_box .data_list { display: inline-block; vertical-align: middle; }
#body_layout .common_info_box .population_box .data_list > li { display: inline-block; vertical-align: middle; margin-left: 20px; text-align: center; }
#body_layout .common_info_box .population_box .data_list > li::before { content: ''; display: block; height: 40px; }
#body_layout .common_info_box .population_box .data_list > li:first-child::before { background: url('/images/kr/main/ico_junggu.png') center no-repeat; }
#body_layout .common_info_box .population_box .data_list > li:last-child::before { background: url('/images/kr/main/ico_daejeon.png') center no-repeat; }
#body_layout .common_info_box .population_box .data_list > li a{display:block;width:100%;}
#body_layout .common_info_box .population_box .data_list > li strong { font-size: 14px; color: #282828; }
#body_layout .common_info_box .population_box .data_list > li strong b { display: block; font-weight: 600; line-height: 1; }
#body_layout .common_info_box .search_box {position: absolute;left: 0;top: 50%;width: 100%;padding: 0 404px;transform: translateY(-50%);}
#body_layout .common_info_box .search_box .align_box { position: relative; }
#body_layout .common_info_box .search_box .align_box input { width: calc(100% - 44px); height: 59px; padding: 0 45px 0 25px; border: 1px solid #e8e8e8; border-radius: 29.5px; background: #fff; font-size: 16px; }
#body_layout .common_info_box .search_box .align_box .btn_submit { position: absolute; right: 0; top: 0; width: 59px; height: 59px; border-radius: 100%; background: #345aa0 url('/images/kr/main/ico_search.svg') center no-repeat; text-indent: -10000px; }

#keyword{display:block;position:relative;overflow: hidden;min-width: 320px;padding: 0 75px 0 85px;margin-top: 10px;text-align: center;}
#keyword .grap{overflow: hidden;position:relative;height: 24px;width: 100%;}
#keyword > em{position:absolute;left: 18px;color:#345aa0;font-weight:bold;font-size:15px;background: #eff3f6;z-index: 10;}
#keyword .grap .obj .slick-list{height:100%;}
#keyword .grap .obj{position:relative;margin:0;width:100%;overflow:hidden;}
#keyword .grap .obj .item{display:block;float:left;position:relative}
#keyword .grap .obj .item:before{position:absolute;left:0;top:50%;width:1px;height:14px;background:#b0bcca;transform:translateY(-50%);content:'';display:block;opacity:0.3}
#keyword .grap .obj .item a{display:block;padding: 0 15px;font-size: 15px;}
#keyword .grap .obj .item a:hover,
#keyword .grap .obj .item a:focus{text-decoration:underline}
#keyword .control{position:absolute;right: 17px;top: 2px;}
#keyword .control button[data-control="next"],
#keyword .control button[data-control="prev"],
#keyword .control button[data-control="stop"],
#keyword .control button[data-control="play"]{float: left;position:relative;width: 20px;height: 20px;margin: 0;margin-left: -1px;font-size:0;background: #fff;border: 1px solid #ababab;}
#keyword .control button[data-control="next"]:before,
#keyword .control button[data-control="prev"]:before{content:'';position:absolute;top: 0px;left: 7px;right:15px;display:block;width: 4px;height: 4px;border: 1px solid #838383;border-width: 2px 2px 0 0;}
#keyword .control button[data-control="next"]:before{left: 5px;transform: rotate(45deg);-webkit-transform: rotate(45deg);}
#keyword .control button[data-control="prev"]:before{transform: rotate(-135deg);-webkit-transform: rotate(-135deg);}
#keyword .control button[data-control="stop"]:before{content:'';position:absolute;top: 0px;left: 3px;right: 0;display:block;width: 2px;height: 7px;box-shadow: -2px 0 #838383, 2px 0 #838383;}
#keyword .control button[data-control="play"]:before{content:'';position:absolute;top: 0px;left: 7px;right:20px;display:block;width: 0;height: 0;border-width: 4px 0 4px 5px;border-style: solid;border-color: transparent transparent transparent #838383;}

@media screen and ( max-width: 1023px ) {
#keyword{padding-left:0}
#keyword > em{display:none;}
}
@media screen and ( max-width: 640px ) {
#keyword{display:none;}	
}



#svisual_layout {position: relative;width:100%;height: 171px;background-color: #eff3f6;}
#svisual_layout .layout{padding:26px 0;display: flex;align-items: center;/* align-content: center; */justify-content: center;}

.weather {position:relative;padding: 20px 0;padding-left:136px;max-width: 300px;/* float: left; */}
.weather .weather__title{position:absolute;top:0;left:0;padding:19px 0;width:117px;height:117px;background-color:#fff;border:1px solid #ddd}
.weather .weather__title .title{display:block;margin:0 auto;width:64px;height:52px;background: url(/template/C1/images/ir-subvisual.png)no-repeat;font-size: 0;}
.weather .weather__title .info2 {color:#282828;font-size:14px;display: block;text-align: center;margin-top: 7px;}
.weather .weather__title .info2 > a {color:#282828; font-size:14px;font-family:'KHNPHD';}
.weather .weather__title .info2 > a > span {display:inline-block;width: 17px;height: 17px;background:url(/template/C1/images/icon1.png)no-repeat;vertical-align:middle;font-family:'KHNPHD';}
.weather .weather__title .info2 > a + span {display:none;position:absolute;top: 80px;left: 90px;width: 275px;line-height: 1.5;margin:0;padding: 5px 10px;border-radius:10px;background: #202020;color:#fff;font-size:12px;}
.weather .weather__title .info2 > a:hover + span,
.weather .weather__title .info2 > a:focus + span {display:block}
.weather .ico {display:inline-block;position: absolute;width: 40px;height: 40px;/* margin: 26px 5px 0 0; */background: url(/template/C1/images/weather_icon.png)no-repeat;vertical-align: top;top: 17px;right: -7px;}
.weather .ico1 {background-position:0 0;}
.weather .ico2 {background-position:-40px 0;}
.weather .ico3 {background-position:-80px 0;}
.weather .ico4 {background-position:-120px 0;}
.weather .ico5 {background-position:-160px 0;}
.weather .ico6 {background-position:-200px 0;}
.weather .ico7 {background-position:-240px 0;}

.weather .weather__text{padding-right:40px;text-align:right;}
.weather .weather__text em{display:block;color: #282828;font-size: 14px;line-height: 1;font-family:'KHNPHD';}
.weather .weather__text strong {display:block;line-height: 1.3;color:#2d2b2b;font-size: 20px;font-weight:700;font-family:'KHNPHD';}
.weather .info {display:inline-block;margin: 0;vertical-align: top;text-align: right;/* right: 0; */position: relative;margin-top: 3px;}
.weather .info .info1 {color:#282828;font-size:14px;letter-spacing: -0.09em;}
.weather .info .info1 span {display:inline-block;font-weight:700;font-family:'KHNPHD';}
.weather .info .info1 em {display:inline-block;font-weight:700;margin-left: 5px;font-family:'KHNPHD';}
.weather .info .info1 .em1 {color:#0d75b4;}
.weather .info .info1 .em2 {color:#00a83d;}
.weather .info .info1 .em3 {color:#ff5959;;}

.form__box {position:relative;max-width: 470px;width:100%;margin: 0 87px;}
.form__box form{width:100%;position:relative;}
.form__box input[type="text"]{width:100%;height: 52px;padding: 0 45px 0 25px;border-radius: 30px;border: 1px solid #ececec;font-size: 14px;line-height: 50px;color: #767676;}
.form__box .submit {position:absolute;right: -40px;top:0;height:100%;width: 59px;height: 59px;border-radius: 50%;background-color: #345aa0;}
.form__box .submit input[type="submit"]{width: 22px;height:100%;background:url(/template/C1/images/search.png)no-repeat center;font-size:0;margin: 0 auto;display: block;}

.junggu__data{display:flex;/* max-width:330px; */width:100%;align-items: center;/* border-left: 1px solid #d8dfe4; *//* padding-left: 37px; */}
.data__title{max-width:180px;width: 100%;padding-left: 38px;position:relative;}
.data__title:before{content:'';position:absolute;top:0;left:0;width: 32px;height:33px;background:url(/template/C1/images/ir-subvisual.png) no-repeat -80px 0;}
.data__title .title{display:block;color:#282828;font-size:18px;font-weight:bold;letter-spacing:-1px;line-height:1.2;font-family:'KHNPHD';}
.data__title em{display:block;font-size: 13px;color:#777;letter-spacing:-1px;line-height: 1.2;}
.data__box{max-width: 70px;width:100%;padding-top: 42px;position: relative;margin: 0 20px;}
.data__box:before{content:'';position:absolute;top:0;left: 50%;width:34px;height:36px;background: url(/template/C1/images/ir-subvisual.png) no-repeat -120px 0;display:block;transform: translate(-50%, 0);}
.data__box strong{display:block;font-size:14px;font-weight:bold;color:#282828;text-align: center;font-family:'KHNPHD';}
.data__box em{font-size:14px;text-align:center;display: block;font-family:'KHNPHD';}
.deajun.data__box:before{background-position:-160px 0;}
.contents_wrap{position:relative;float:right;width:940px;}
#txt {width: 100%;text-align:left;}
#tab_moType1.mobile {margin:0 0 30px;}
#tab_moType1.mobile{}
#tab_moType1.mobile ul{width:100%;margin:0;padding:1px 0;}
#tab_moType1.mobile ul li{display:none;float:none;width:100%;}
#tab_moType1.mobile ul li a{display:block;height:auto;margin:0;font-size:16px}
#tab_moType1.mobile .title{display:block;/* border-top:1px solid #cbcbcb; *//* border-bottom:1px solid #cbcbcb; */}
#tab_moType1.mobile .title a{display:block;position:relative;padding:15px 47px 13px 22px;font-size:16px;font-weight:600;color:#323330}
#tab_moType1.mobile .title a:before{display:block;position:absolute;top:50%;right:10px;width:14px;height:9px;margin-top:-5px;background-image:url(/pcms/common/images/ir/arrow_tab.png);background-repeat:no-repeat;background-position:0 -8px;content:'';}
#tab_moType1.mobile .title a.on:before{background-position:-23px -8px;}
#tab_moType1.mobile .tab-ul li a span{padding:18px 50px 18px 22px}
@media (min-width:768px){
    #tab_moType1 .title{display:none}
}
.lnb_wrap{display: block;position:relative;z-index:10;float:left;width:240px;min-height: auto;}
.lnb__title{display: table;overflow: hidden;position: relative;width: 100%;height: 135px;margin: 0 0 5px;border-radius: 5px;background: #345aa0 url(/template/C1/images/lnb_bg.png)no-repeat left top;text-align: center;}
.lnb__title strong{display: table-cell;width: 100%;line-height: 1.3;margin: 0 auto;font-size: 28px;font-weight:700;text-align: center;color: #fff;vertical-align: middle;font-family:'KHNPHD';}
.lnb_depth2__list{}
.lnb_depth2__list > li{position:relative;margin: 0 0 5px;}
.lnb_depth2__list > li > a{position:relative;display:block;line-height:1.2;padding: 18px 55px 18px 20px;margin:0 0 5px;border: 1px solid #e0e0e0;border-radius: 5px;}
.lnb_depth2__list > li > a:after {display:block;position:absolute;right: 15px;top: 18px;content:'';width:22px;height:22px;background:url(/template/C1/images/lnb_obj.png)no-repeat -22px 0;}
.lnb_depth2__list > li > a[target="_blank"]:after {display:none;}
.lnb_depth2__list > li > a > span{position:relative;display: inline-block;line-height:1.2;word-wrap:break-word;word-break:break-all;font-size: 16px;font-weight: 700;color: #222;}
.lnb_depth2__list > li > a[target="_blank"] > span:after {display:inline-block; content:''; width:10px; height:10px; margin:0 0 0 5px; background:url(/template/C1/images/target.png)no-repeat; vertical-align:middle;}
.lnb_depth2__list > li.on > a {background:#2b3c5b;}
.lnb_depth2__list > li.on > a:after { background-position:0 0;}
.lnb_depth2__list > li.on > a > span { color:#fff;font-weight:700;font-family:'KHNPHD';}

.lnb_depth2__list .lnb_depth3__list{display:none;overflow: hidden;height:0;border-radius: 5px;border: 1px solid #e0e0e0;text-align: left;transition:all .4s;}
.lnb_depth2__list .lnb_depth3__list li {position:relative;min-height: 50px;}
.lnb_depth2__list .lnb_depth3__list li a{display:block;position:relative;z-index:2;padding: 15px 30px;padding-left: 20px;background: #f4f4f5;border-bottom: 1px dashed #dfdfe0;}
.lnb_depth2__list .lnb_depth3__list li:last-child a {border-bottom:none;}
.lnb_depth2__list .lnb_depth3__list li.on a{background:#eaeaeb;}
.lnb_depth2__list .lnb_depth3__list li.on a:after {display:block;position:absolute;right: 25px;top: 25px;content:'';width:5px;height:5px;border:solid #345aa0;border-width:2px 2px 0 0;transform:rotate(45deg);-webkit-transform:rotate(45deg);}
.lnb_depth2__list .lnb_depth3__list li span{display: inline-block;position: relative;padding-left:10px;font-size: 15px;color: #3a3a3a;font-family:'KHNPHD';}
.lnb_depth2__list .lnb_depth3__list li span:before {display:block;position:absolute;left:0;top: 11px;content:'';width:3px;height:3px;background:#282828;}
.lnb_depth2__list .lnb_depth3__list li a[target="_blank"] span:after {display:inline-block;content:'';width: 16px;height: 12px; margin:0 0 0 5px;background:url(/template/C1/images/target.png)no-repeat;vertical-align:middle;}
.lnb_depth2__list .lnb_depth3__list li a[target="_blank"]:active,
.lnb_depth2__list .lnb_depth3__list li a:active span,
.lnb_depth2__list .lnb_depth3__list li.on a span {color:#345aa0;font-weight: 700;}
.lnb_depth2__list .lnb_depth3__list li a:active span:before,
.lnb_depth2__list .lnb_depth3__list li.on span:before {background: #345aa0;}
.lnb_depth2__list .lnb_depth3__list li:focus {border:1px solid #EC008C}
.lnb_depth2__list .lnb_depth3__list li a:focus {border: 1px solid #EC008C;}

.lnb_depth2__list > li > a:hover .lnb_depth3__list,
.lnb_depth2__list > li > a:focus .lnb_depth3__list,
.lnb_depth2__list > li.on .lnb_depth3__list,
.lnb_depth2__list > li.ov .lnb_depth3__list,
.lnb_depth3__list.on,
.lnb_depth3__list.open{display:block !important;visibility:visible;height:auto;}

#location{position:relative;width:100%;min-height: 135px;padding: 0 0 5px;margin: 0 0 25px;background: url(/template/C1/images/patten.jpg)repeat-x left bottom;text-align:left;}
#location .page__title {line-height: 1.3;margin: 0 0 16px;padding: 45px 0 0;font-size: 26px;font-weight: 700;color:#282828;font-family:'KHNPHD';}
#location .utile_wrap {display: block;}
#location .utile_wrap:after {display:block; clear:both; visibility:hidden; content:'';}
#location .utile_wrap .location_wrap {}
#location .utile_wrap .location_wrap:after {display:block; clear:both; visibility:hidden; content:'';}
#location .utile_wrap .location_wrap li {float:left;position: relative;margin-right:30px;vertical-align: top;}
#location .utile_wrap .location_wrap li:after {display:block;position:absolute;top: 9px;right: -16px;content:'';width:4px;height:4px;border:solid #282828;border-width: 1px 1px 0 0;transform:rotate(45deg);-webkit-transform:rotate(45deg);}
#location .utile_wrap .location_wrap li:last-child:after {display:none;}
#location .utile_wrap .location_wrap li a {display:block;line-height: 1.5;font-size:14px;color:#282828;vertical-align: top;}
#location .utile_wrap .location_wrap li.n1 a {padding-left:17px; background:url(/template/C1/images/home.png)no-repeat left center;}
#location .utile_wrap .print_wrap {position:absolute;right:0;bottom: 30px;}
#location .utile_wrap .print_wrap:after{display:block; clear:both; visibility:hidden; content:'';}
#location .utile_wrap .print_wrap > li {float:left;margin-left:7px; }
#location .utile_wrap .print_wrap > li .tmpl_ir {background:url(/template/C1/images/sns.png)no-repeat;font-size:0;}
#location .utile_wrap .print_wrap > li > button {display:block;width:38px;height:38px;border-radius:50%;border: 1px solid #e2e2e2;transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;}
#location .utile_wrap .print_wrap > li.sns {position: relative;}
#location .utile_wrap .print_wrap > li.sns > button {}
#location .utile_wrap .print_wrap > li.sns > button span {display:block;width:100%;height:100%;background-position: 0 0;}
#location .utile_wrap .print_wrap > li.sns > div {display:none;position:absolute;right: -22px;top: 68px;width: 180px;text-align:right;width: 79px;padding: 18px;/* padding-top: 38px; */border: 1px solid #ddd;z-index: 100;background-color: #fff;}
#location .utile_wrap .print_wrap > li.sns.on > div {display:block;}
#location .utile_wrap .print_wrap > li.sns > div button {display:inline-block;width:38px;height:38px;border-radius:50%;/* position: absolute; */margin-bottom: 6px;/* top: 0; */}
#location .utile_wrap .print_wrap > li.sns > div .fa {background-position:-152px -38px;}
#location .utile_wrap .print_wrap > li.sns > div .tw {background-position:-114px -38px;}
#location .utile_wrap .print_wrap > li.sns > div .bl {background-position:-190px -38px;}
#location .utile_wrap .print_wrap > li.sns > div .ca {background-position:-304px -38px;}
#location .utile_wrap .print_wrap > li.sns > div .band {background-position:-228px -38px;}
#location .utile_wrap .print_wrap > li.sns > div .kakao {background-position:-342px -38px;}
#location .utile_wrap .print_wrap > li.sns > div .clickClose {border:1px solid #2a3447;background-color:#2a3447;position: absolute;top: -51px;left: 24%;transform: translate(0, -50%);}
#location .utile_wrap .print_wrap > li.sns > div .clickClose span {display:block; width:100%; height:100%; background-position:0 -38px;}
#location .utile_wrap .print_wrap > li.n2 > button span {display:block;width:100%;height:100%;background-position: -39px -1px;}
#location .utile_wrap .print_wrap > li.n3 > button span {display:block;width:100%;height:100%;background-position: -77px 0;}
#location .utile_wrap .print_wrap > li > button:hover,
#location .utile_wrap .print_wrap > li > button:focus {border:1px solid #2a3447; background-color:#2a3447;}
#location .utile_wrap .print_wrap > li.sns > button:hover span,
#location .utile_wrap .print_wrap > li.sns > button:focus span {background-position:0 -38px;}
#location .utile_wrap .print_wrap > li.n2 > button:hover span,
#location .utile_wrap .print_wrap > li.n2 > button:focus span {background-position:-39px -39px;}
#location .utile_wrap .print_wrap > li.n3 > button:hover span,
#location .utile_wrap .print_wrap > li.n3 > button:focus span {background-position: -77px -38px;}

.tabmenu__4th{margin-bottom:40px;}
.tabmenu__4th:after{display:block;visibility:hidden;clear:both;content:""}
.tabmenu__4th li{position: relative;z-index: 10;border:1px solid #e1e1e1;display:table;float:left;height:69px;margin-top:-1px;margin-left:-1px;}
.tabmenu__4th li *{margin:0;padding:0;line-height:0;vertical-align: middle;}
.tabmenu__4th.col4 li{width:25%;}
.tabmenu__4th li a{font-size: 16px;line-height: 24px;display:table-cell;border:1px solid transparent;background-image:none;color:inherit;text-align:left;cursor:pointer;transition:background-color 50ms ease-in-out;-webkit-transition:background-color 50ms ease-in-out;position: relative;height: 62px;}
.tabmenu__4th li a span{display:block;font-size: 17px;position:relative;line-height:120%;padding:10px 20px;font-family: 'KHNPHD';-ms-word-break: break-all;word-break: break-word;word-break: keep-all;}
.tabmenu__4th li a[target="_blank"] span:after {display:inline-block;content:'';width: 16px;height: 12px; margin:0 0 0 5px;background:url(/template/C1/images/target.png)no-repeat;vertical-align:middle;}
.tabmenu__4th li a:hover,
.tabmenu__4th li a:focus,
.tabmenu__4th li.on a,
.tabmenu__4th li.on a:active,
.tabmenu__4th li.on a:focus,
.tabmenu__4th li.on a:hover{border:3px solid #1e4297;color:#1e4297;background-color: #fff;}
.tabmenu__4th li a:hover span,
.tabmenu__4th li a:focus span,
.tabmenu__4th li.on a span,
.tabmenu__4th li.on a:active span,
.tabmenu__4th li.on a:focus span,
.tabmenu__4th li.on a:hover span{font-weight: bold;}
#tab_moType1.mobile {margin:0 0 30px;}
#tab_moType1.mobile{
    height: 57px;
    overflow: hidden;
    border: 1px solid #cbcbcb;
    border-top: 3px solid #345aa0;
}
#tab_moType1.mobile.open{height:auto}
#tab_moType1.mobile ul{width:100%;margin:0;padding:1px 0;}
#tab_moType1.mobile ul li{display:none;float:none;width:100%;border: none;margin: 0;border-top: 1px solid #e1e1e1;}
#tab_moType1.mobile ul li a{display:block;height:auto;margin:0;font-size:16px;border: 1px solid transparent;}
#tab_moType1.mobile .title{display:block;/* border: 1px solid #cbcbcb; */border-bottom:1px solid #cbcbcb;border-top: none;}

strong.title {}
#tab_moType1.mobile .title a{display:block;position:relative;padding:15px 47px 13px 22px;font-size:16px;font-weight:600;color:#323330;line-height: 1.6;vertical-align: middle;}
#tab_moType1.mobile .title a:before{display:block;position:absolute;top:50%;right:10px;width:14px;height:9px;margin-top:-5px;background-image:url(/pcms/common/images/ir/arrow_tab.png);background-repeat:no-repeat;background-position:0 -8px;content:'';}
#tab_moType1.mobile .title a.on:before{background-position:-23px -8px;}
#tab_moType1.mobile .title a span{display:block;line-height:1.6}
#tab_moType1.mobile .tab-ul li a span{padding:18px 50px 18px 22px;}
@media (min-width:768px){
    #tab_moType1 .title{display:none}
}

@media (max-width:768px){
.tabmenu__4th.col4 li{width:100%;height: auto;}
#tab_moType1{
    height: 55px;
    overflow: hidden;
}
}
.content_info__satisfaction {background:url(/template/A/images/foot_obj.png)no-repeat 93% center;}
.content_info__satisfaction .research div .research_div {height:30px;margin: 10px 0 0;padding: 0;}
.content_info__satisfaction fieldset {width:100%;}
.content_info__satisfaction .research div {padding: 7px 0 0;}
.content_info__satisfaction .research input[type=text]{position:static; width:410px;}
.content_info__satisfaction .research input[type=button],
.content_info__satisfaction .research input[type=submit] {position:static;background: #5a7091;}

@media screen and (max-width:1319px){
	.contents_wrap {width:calc(100% - 270px);}

}

@media screen and (max-width:1280px){
	#svisual_layout .layout {max-width:none;padding: 26px 20px;}
	.form__box{margin:0 47px;}
}
@media screen and (max-width:1023px){
	#body_layout .body_wrap{width: 100%;}

	#body_layout .common_info_box { padding: 25px 0 50px; margin-bottom: 80px; }
	#body_layout .common_info_box .layout { padding: 0; }
	#body_layout .common_info_box .weather_box { width: 50%; border-right: 1px solid #d8dfe4; text-align: center; }
	#body_layout .common_info_box .population_box { width: 50%; text-align: center; }
	#body_layout .common_info_box .search_box { top: calc(100% + 50px); padding: 0; }
	#body_layout .common_info_box .search_box .align_box { max-width: 470px; margin: 0 auto; }

	.lnb_wrap{display:none;}
	.contents_wrap{float:none;width:100%;padding:0;margin: 0;}
	#location {min-height: auto;margin:30px 0;padding: 0 0 25px;}
	#location .page__title,
	#location .utile_wrap .location_wrap {padding: 0 140px 0 0;}
	.weather{width: auto;/* border-right: 1px solid #d8dfe4; */text-align: center;max-width: 300px;margin-right: 37px;/* padding-right: 37px; */text-align: right;}
	.form__box{position:absolute;top: calc(100%);padding: 0;transform: translate(-50%,-20px);left: 50%;width: 100%;margin: 0;/* max-width: none; */}
	.junggu__data{/* width: auto; */max-width: 420px;border-left: 1px solid #d8dfe4;padding-left: 37px;margin-left: 37px;}
	.weather .weather__title{width:110px;height:110px;padding: 19px 0;/* margin-top: -13px; */}


}
@media screen and (max-width:800px){
	.weather{margin-right:17px;}
	.data__box{margin:0 10px;}
	.junggu__data{padding-left:20px;margin-left:20px;}
	.form__box{transform: translate(-50%,-30px);}
}
@media screen and (max-width:767px){
	.weather,
	.junggu__data{display:none;}
	.form__box{transform: none;position:relative;top:auto;left: 0;}
	#body_layout .body_wrap{padding: 0 20px 50px;}

	#body_layout .common_info_box {height: 150px;padding: 0 20px;margin-bottom: 30px;}
	#body_layout .common_info_box .weather_box { display: none; }
	#body_layout .common_info_box .population_box { display: none; }
	#body_layout .common_info_box .search_box { top: 30px; transform: none; }

	#location .utile_wrap .print_wrap > li.n3 {display:none;}
	#location .page__title {font-size:24px;}
	#location .page__title,
	#location .utile_wrap .location_wrap {padding:0;text-align:center;}
	#location .utile_wrap .location_wrap li {display:inline-block;float:none;margin-right: 20px;}
	#location .utile_wrap .location_wrap li a{font-size:13px;}
	#location .utile_wrap .location_wrap li.n2{display:none;}
	#location .utile_wrap .location_wrap li:last-child{margin:0}
	#location .utile_wrap .print_wrap {position:static;margin: 20px 0 0;text-align:center;}
	#location .utile_wrap .print_wrap li {display:inline-block;float:none;vertical-align: top;}
	#svisual_layout {height:auto;}
	#svisual_layout .svisual_wrap {padding:50px 0;}
	#svisual_layout .svisual_wrap .subvisual-layout {text-align:center;}
	#svisual_layout .svisual_wrap .subvisual-layout strong {font-size:23px;}
	#svisual_layout .svisual_wrap .subvisual-layout strong:after {left:50%; margin-left:-17px;}
	#svisual_layout .svisual_wrap .subvisual-layout p {font-size:14px;}

	.content_info__satisfaction {background:#fff;}
	.content_info__satisfaction .research input[type=text] {width: 100%;display: block;}
	.content_info__satisfaction .research div label{font-size:13px;}

	#location .utile_wrap .print_wrap > li.sns > div{width: 300px;right: -190px;top: 48px;}
	#location .utile_wrap .print_wrap > li.sns > div .clickClose{top: -31px;}
}

@media screen and ( max-width: 639px ) {

	#body_layout .common_info_box {height: 100px;}
	#body_layout .common_info_box .search_box { top: 25px; }
	#body_layout .common_info_box .search_box .align_box input { width: calc(100% - 35px); height: 45px; }
	#body_layout .common_info_box .search_box .align_box .btn_submit { width: 45px; height: 45px; -webkit-background-size: 45%; background-size: 45%; }

}


/*로그인*/
.login-list__column{margin:0 -10px;}
.login__column .inner{position:relative;border:10px solid transparent;}
.login__column .inner .circle{margin:0 auto 10px;width:110px;height:110px;}
.login__column .inner .circle .ui-number{display:block;position:absolute;top:0;left:0;width:100%;height:100%;color:#fff;font-size:24px;text-align:center;line-height:110px;}
.login__column .inner .item{padding:30px 20px;min-height:250px;border:1px solid #efefef;}
.login__column .inner .ui-summary{color:#7c7c7c;font-size:16px;letter-spacing:-1px;}
.login__column .inner .ui-summary strong{display:block;margin-bottom:5px;color:#222;font-size:18px;font-weight:bold;text-align:center;}
.login__column .inner .ui-summary p{margin:0;}
.login__column.col2 .inner{float:left;width:50%;}
.login__column.col3 .inner{float:left;width:33.33%;min-height: 510px;}
.login__column.col4 .inner{float:left;width:25%;}
@media only screen and (max-width:1024px){
.login__column.col4 .inner{width:33.33%;}
}
@media only screen and (max-width:767px){
.login__column.col3 .inner,.ui-list__column.col4 .inner{width:50%;}
}
@media only screen and (max-width:640px){
.login__column.col2 .inner,.ui-list__column.col3 .inner,.ui-list__column.col4 .inner{float:none;width:100%;}
}

.login__column {margin: 0 -12px;}
.login__column .inner {margin: 0 10px 20px;border:1px solid #cacaca;background: #fff;border-radius: 0;}
.login__column .inner .item {min-height: auto;padding: 37px 20px 42px;border:none;text-align: center;min-height: 482px;}
.login__column .inner .item h2 {font-size: 20px;margin-top: 10px;}
.certification__inner .txt-h2{margin: 0px 0px 15px 0px;}
.login__column.col2 .inner {width: calc(50% - 20px);}
.login__column.col3 .inner {margin: 0 -1px;/* width: calc(33.33% - 16px); */}
.login__column.col4 .inner {margin: 0 6px 12px;width: calc(25% - 12px);}
.login__column .inner .ui-summary strong {margin: 0 0 15px;font-size: 20px;font-weight: bold;color: #3a3a3a;}
.login__column .inner .ui-summary p{color:#6e7179;font-size:15px;}
.login__column.type02 .inner .item{padding: 31px 20px 52px;}
.login__column.type02 .inner a {margin:15px 0 0}
.login__column .inner a {margin:0 0 19px}
.login__column .inner .circle{width:80px;height:80px;background-color: #f3f3f3;margin-bottom:15px;position: relative;}
.login__column .inner .circle.circle-sm{width:55px;height:55px;}
.login__column.type02 .circle .ir-icon__line{top: 12.5px;left: 12.5px;}
.login__column.type03{border: 1px solid #d2d2d2; border-radius: 15px;}
.login__column.type03 .inner{border:none;}
.login__column.type03 .inner:after{content:"";position:absolute;top:10%;height:80%;background-color:#d3d3d3;border-left:1px solid #d3d3d3;}
.login__column.type03 .inner:nth-child(1):after,
.login__column.type03 .inner:nth-child(5):after,
.login__column.type03 .inner:nth-child(9):after{display:none;}
.login__column.type03 .inner .circle{width:100px;height:100px;background: url(/pcms/dist/img/p01/ir-icon_type03.png);margin-bottom:15px;position: relative;}
.login__column.type03 .inner:nth-child(2) .circle{background-position: -101px 0;}
.login__column.type03 .inner:nth-child(3) .circle{background-position: -202px 0;}
.login__column.type03 .inner:nth-child(4) .circle{background-position: -303px 0;}
.login__column.type04 .inner{position: relative; background: #f7f7f7;margin:10px;border-color:#f7f7f7;}
.login__column.type04 .inner .item{padding: 30px 100px 40px 28px;text-align:left;}
.login__column.type04 .inner .ui-summary strong{text-align:left;font-size:20px;font-weight:bold;line-height: 30px;}
.login__column.type04 .inner .icon{position: absolute;top:50%;right:30px;width:52px;height:48px;margin-top: -24px; background: url(/pcms/dist/img/p01/ir-icon_type04.png);}
.login__column.type04 .inner .icon.icon01{background-position: 0 0;}
.login__column .item .list-box2{margin:0px;padding-top:35px;border-top:1px dotted #ccc;padding: 10px 10px;font-size: 13px;text-align: left;}
@media(max-width:1279px){
    .login__column.col3 .inner,
    .login__column.col4 .inner {width:calc(50% - 16px);}
}
@media(max-width:767px){
    .login__column.col2 .inner,
    .login__column.col3 .inner,
    .login__column.col4 .inner {width:calc(100% - 16px);}
    .login__column .inner .item {padding:25px 30px;}
}

/*로그인 끝 */