@charset "utf-8";
@import url(../fonts/Wanjudaedunsan/Wanjudaedunsan.css); /* font-family:'TTWanjudaedunsancheB'; */
@import url(../fonts/GmarketSans/GmarketSans.css); /* font-family:'GmarketSans'; */
@import url('./menu.css');

.action-keyboard input[type="radio"]:focus + label,
.action-keyboard input[type="checkbox"]:focus + label,
.action-keyboard *:focus {outline:2px dotted red !important;}

.research_box .goto_top {display:none !important;} 

body {min-width:1480px;font-size:20px;font-family:'GmarketSans','TTWanjudaedunsancheB','SCoreDream','나눔고딕','Nanum Gothic',"맑은고딕", 'Malgun Gothic','돋움','Arial','Helvetica','AppleGothic','Sans-serif';font-weight:500;color:#333333;line-height:1.4;letter-spacing: -0.02em;word-break: keep-all;}
body.no-scrolling {height:100% !important; overflow:hidden;}
a,
a:active,
a:hover,
a:visited {color:inherit;}
label,
button {cursor:pointer;}
#conts{ font-size:20px;}
@media all and (max-width:1024px) {
	body {font-size:19px;min-width:100%;}
	#container, #conts{font-size:19px;}
	*::-webkit-scrollbar {width: 5px;}
	*::-webkit-scrollbar-track {box-shadow:none; border-radius:0px;}
	*::-webkit-scrollbar-thumb {background:#ddd; border-radius:10px;}
	}
@media all and (max-width:640px) {body,#container, #conts {font-size:18px;} }
@media all and (max-width:480px) {body,#container, #conts {font-size:17px;}}

.inner {position:relative; max-width:1480px; margin:0 auto;}
#container img {max-width:100%;}
*#container *{box-sizing: border-box; }

#DIV_SECU_KEYPAD * {box-sizing:unset!important;}


@media all and (min-width:1025px) {
	.only-ta {display:none !important;}
	.only-mo {display:none !important;}

	.not-pc {display:none !important;}
}
@media all and (min-width:640px) and (max-width:1024px) {
	.only-pc {display:none !important;}
	.only-mo {display:none !important;}

	.not-ta {display:none !important;}
}
@media all and (max-width:640px) {
	.only-pc {display:none !important;}
	.only-ta {display:none !important;}

	.not-mo {display:none !important;}
}


/****************************************************
	상단 GNB 영역
****************************************************/
#header {position:relative;}
.gnbWrap {position:relative;background:#222222;z-index:3;}
.gnbWrap .inner {position:relative;max-width:1480px;margin:0 auto;}
.gnbWrap .inner:after {content:""; display:block; position:relative; clear:both;}

.gnbWrap .portal-link {float:left; line-height:1.6}
.gnbWrap .language-link {float:right;}

.gnb-link-group {position:relative; font-size:14px;}
.gnb-link-group button {display:block;position:relative;padding:0 2.5em 0 10px;height:40px;color:#fff;text-align:center;background-color: #000000;font-family: 'GmarketSans';}
.gnb-link-group button:after {content:""; display:block; position:absolute; width:12px; top:0; bottom:0; right:1em; background:url('../../portal/img/design_2021/ico_language_arrow.png') no-repeat 50% 50%;}
.gnb-link-group dt {display:block; position:relative; z-index:0;}
.gnb-link-group dd {display:none;position:absolute;top:100%;width:140px;background:#fff;border:1px solid #d1d1d1;border-radius:0 0 10px 10px;border-top-width:0;z-index: 999;min-width:160px;}
.gnb-link-group dd a {display:block;position:relative;color:#444444;font-size:1em;padding:10px 0;text-align:center;font-weight:600;}
.gnb-link-group dd a[target="_blank"] {color:#444 !important; border:none !important; line-height:1.2 !important; background:none !important;}
.gnb-link-group dd a[target="_blank"]:after {display:none !important;}
.gnb-link-group dd li + li {border-top:1px solid #f1f1f2;}
.gnb-link-group dd .close {position:absolute; top:0; left:0; right:0; width:100%; transform:translateY(-100%); -webkit-transform:translateY(-100%);}
.gnb-link-group.on {z-index: 999;}
.gnb-link-group.on dt {opacity:0;}
.gnb-link-group.on dd {display:block;}
.gnbWrap .portal-link dd {left:0;}
.gnbWrap .language-link {padding-top:5px; width:200px; max-width:55%;}
.gnbWrap .language-link button {width:100%;height:35px;border-radius:10px 10px 0 0;background: url(../../portal/img/design_2021/ico_language.png) no-repeat top 50% left 20px #515151;text-align: left;text-indent: 2.2rem;}
.gnbWrap .language-link dd {right:0; width:200px;}
.gnbWrap .language-link dd a:hover {text-decoration:underline;}

@media all and  (min-width:1025px) {
	/* PC 버전 */
	.gnbWrap .portal-link dt,
	.gnbWrap .portal-link button {display:none;}
	.gnbWrap .portal-link dd {display:block; width:auto; position:relative; background:transparent; border:none; border-radius:0;}
	.gnbWrap .portal-link dd li {display:inline-block; vertical-align:middle; position:relative;}
	.gnbWrap .portal-link dd li + li {border:none;}
	.gnbWrap .portal-link dd li + li:before {content:""; display:block; width:1px; height:1em; position:absolute; top:50%; margin-top:-.5em; background:#8a8a8a; left:-2px;}
	.gnbWrap .portal-link dd a { color:#fff; padding:9px 15px; font-weight:500;}
}
@media all and  (max-width:1024px) {
	.gnbWrap .language-link {z-index:4;}
	.gnbWrap .language-link dd ul {background:#fff;}
	.gnbWrap .language-link button {background-position:top 50% left 10px;}
	.gnb-link-group dd {background:transparent; border:none; border-radius:0;}
	.gnb-link-group dd a{background: #fff;}
	.gnb-link-group dd ul {display:block; position:relative; border-radius:0 0 10px 10px; border:1px solid #d1d1d1; overflow:hidden;}
}

/****************************************************
	header
****************************************************/

.headWrap {position:relative; background:#fff; border-bottom:1px solid #d1d1d1; padding-left:1em; padding-right:1em;}
.headWrap .inner {position:relative; max-width:1480px; margin:0 auto; padding:1em 0; font-size:14px;}
.headWrap .logo {display:block;position:absolute;top:50%;left:0;transform:translateY(-50%);-webkit-transform:translateY(-50%);z-index: 2;}
.headWrap .logo a {display:block;}
.headWrap .logo img {max-width:100%;}

/** 날씨 부분 **/
.headWrap .weather_box {position:absolute; width:200px; right:0; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.headWrap .weather_box .data {display:table; width:100%; table-layout:fixed;}
.headWrap .weather_box .data > * {display:table-cell; vertical-align:middle; padding:5px;}
.headWrap .weather_box .data .icon {width:40%; text-align:right;}
.headWrap .weather_box .data .icon img {max-width:100%;}
.headWrap .weather_box .data .temp {color:#000; font-size:22px;}
.headWrap .weather_box .data .temp strong {font-size:1.54em; vertical-align:baseline; font-weight:800; font-family: 'Apple SD Gothic Neo', 'Noto Sans', Arial, sans-serif;}
.headWrap .weather_box .dust {display:block; position:relative; text-align:center; background:#eaf0f5; border-radius:9em; width:80%; padding:0 .5em; margin:0 auto; line-height:2em; height:2em; font-size:1em;}
.headWrap .weather_box .dust #weather_microdust_state[data-type="좋음"] {color:#277c13;}
.headWrap .weather_box .dust #weather_microdust_state[data-type="보통"] {color:#925e0d;}
.headWrap .weather_box .dust #weather_microdust_state[data-type="나쁨"] {color:#3c4bbc;}
.headWrap .weather_box .dust #weather_microdust_state[data-type="매우나쁨"] {color:#d02a2a;}
.headWrap .weather_box .dust #weather_microdust_state[data-type="측정중"] {}

/** 검색부분 **/
.headWrap .searchWrap {position:relative; width:495px; margin:0 auto; padding-top:6px;}
.headWrap .searchWrap .search-box {display:block; position:relative; padding-right:1.5em;}
.headWrap .searchWrap .search-box input[type="text"] {display:block;position:relative;background:#F1F1F1;height:55px;padding:0 1em 0 1.5em;border:1px solid #F1F1F1;border-right-width:0;border-radius:9em 0 0 9em;width:100%;box-sizing:border-box;color:#5e5e5f;font-family: 'GmarketSans'!important;font-size: 1.21em!important;}
.headWrap .searchWrap .search-box input[type="text"]::placeholder {color:#858585;}
.headWrap .searchWrap .search-box input[type="submit"],
.headWrap .searchWrap .search-box button[type="submit"],
.headWrap .searchWrap .search-box .btnSearch {display:block; position:absolute; top:0; right:0; z-index:1; height:100%; width:55px; background:url('../../portal/img/design_2021/ico_search.png') no-repeat 50% 50% #333333; border-radius:9em; overflow:hidden; text-indent:-999px;}
.headWrap .searchWrap .search-box input[type="submit"]:focus {outline:3px solid #d02a2a;}
.headWrap .searchWrap .keyword-list {display:block; position:relative; padding-top:6px; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.headWrap .searchWrap .keyword-list li {display:inline; vertical-align:middle; font-size:1.05em; color:#888888; padding:0 .5em;}
.headWrap .searchWrap .keyword-list li a {color:#888888;}
.headWrap .searchWrap .keyword-list li a[target="_blank"] {background:none; padding-right:0;}
.headWrap .searchWrap .keyword-list li a:before {content:"#";}
.headWrap .searchWrap .keyword-list li a:hover {text-decoration:underline;}
.lnbwrap{border-bottom:1px solid #e6e6e6;box-sizing:border-box;/* padding-left:1em; *//* padding-right:1em; */}


@media (max-width: 1024px) {
	/* 모바일 스타일 부분 */
	.headWrap {padding-left:0; padding-right:0;}
	.headWrap .inner {padding:20px 15px;}
	.headWrap .logo {display:inline-block;position:relative;vertical-align:middle;max-width: 20em;width: 14em;top:auto;transform:translateY(0);-webkit-transform:translateY(0);text-align:center;padding:0;}
	.headWrap .weather_box {display:inline-block; position:relative; vertical-align:middle; width:100px; top:auto; transform:translateY(0); -webkit-transform:translateY(0); margin-left:10px;}
	.headWrap .weather_box .data .icon {padding:2px;}
	.headWrap .weather_box .data .temp {font-size:12px; padding:2px;}
	.headWrap .weather_box .dust {display:Block; position:absolute; left:100%; top:50%; font-size:11px; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
	.headWrap .weather_box .dust em {position:absolute; top:0; left:0; width:0; text-indent:-999px; overflow:hidden;}
	.headWrap .ctr-mobile,
	.headWrap .ctr-search {display:block; position:absolute; width:40px; height:40px; top:50%; margin-top:-20px; background:no-repeat 50% 50%; overflow:hidden; text-indent:-999px; }
	
	/* 모바일 메뉴 버튼 */
	.headWrap .ctr-mobile {right:15px; background: url(../../portal/img/design_2021/ico_sitemap.png) no-repeat 100% 50%;}

	/* 검색 메뉴 버튼 */
	.headWrap .ctr-search {right:60px;background-image:url('../images/common/ico_search_b.svg')}
	.headWrap .searchWrap {display:none; position:absolute; font-size:1.2em; top:50%; left:0; right:0; background:#fff; z-index:99999; width:auto; padding:0 4em 0 .5em; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
	.open-mo-search .headWrap .searchWrap {display:block;}
	.headWrap .searchWrap .search-box input[type="text"] {height:3em;font-size: 1em!important;}
	.headWrap .searchWrap .keyword-list {display:none;}
	.headWrap .searchWrap .mo-search_close {position:absolute; top:0; right:.5em; width:4em; height:3em; background:url('../images/common/btn_close.svg') no-repeat 50% 50%;}
}
@media all and (max-width:510px) {
	.headWrap .weather_box{display:none;}

}
@media all and (max-width:360px) {
	.headWrap .weather_box {display:none;}
	.headWrap .searchWrap {font-size:1em;}
}




/****************************************************
	footer
****************************************************/

#footer {width:1480px;overflow:hidden;background:url('../../portal/img/design_2021/logo_footer.png') no-repeat 0 50%;padding: 0em 1em 2em 8em;font-size: 20px;}
#footer_wrap {background:#FFFFFF;color:#8d8d8d;}
#footer_wrap .link_area .con {width:auto; max-width:1480px;}
#footer_wrap .link_area {background:#222222;}
#footer_wrap .link_area .con > ul > li,
#footer_wrap .link_area .con > ul > li:first-child {border:0;}
#footer_wrap .link_area .con > ul > li > a.open,
#footer_wrap .link_area .con > ul > li > a.close {font-weight:500;font-size: 1.2em;}
#footer_wrap .link_area .con > ul > li > a.close {
    background: #153d63;
}
#footer .user_info {padding: 1em 0;border-bottom:1px solid #ddd;}
#footer address p,
#footer address span{font-size: 0.8em;}
#footer .info,
#footer .copy{font-size: 0.7em;font-weight:300;}
#footer .user_info li:before {left:-17px; margin-top:-3.5px; top:50%; width:4px; height:4px; border-radius:4px;}
#footer .user_info li a {color:#444444;font-size: 0.8em;}
#footer .user_info li a b {color:#018F79;}

.wa_mrk {top:90px;}
.site_list{position:absolute;padding:20px;box-sizing:border-box;left:0px;bottom:50px;background: #ffffff;z-index:999;width:100%;overflow-y:scroll;height:250px;border:1px solid #153d63; border-radius:20px 20px 0 0;}
.site_list h5{font-size:17px;font-weight:600;letter-spacing:-1px;text-align:center;border:1px solid #d1d1d1;border-radius:10px;background:transparent;padding:10px;margin-bottom:10px;color:#444444;font-family: 'GmarketSans';}
.site_list li{float:left; width:100%; position:relative;}
.site_list li:before{position:absolute; content:''; display:block; width:4px; height:4px; background:url(/common/img/common/menu_bul.png) no-repeat; left:1px; top:10px;}
.site_list li a{display:block;font-size:14px;padding:2px;letter-spacing:-1px;color: #333;border-bottom:0px dashed #a0a0a0;padding-left:10px;}
.site_list li a[target="_blank"]{background:none;}
.site_list li a{display:block;font-size:14px; padding:2px; letter-spacing:-1px; color:#666; border-bottom:0px dashed #a0a0a0; padding-left:10px;}

.site_list li a{display:block;font-size: 1.185em;padding:2px;letter-spacing:-1px;color:#666;border-bottom:0px dashed #a0a0a0;padding-left:10px;line-height: 1.5em!important;}
.site_list li:before{position:absolute;content:'';display:block;width:4px;height:4px;background: url(/portal/img/design_2021/menu_bul.png) no-repeat;left:1px;top:10px;}
.site_list li a:hover{border-bottom:0px dashed #a0a0a0 !important;color:#000!important;line-height: 1.5em!important;font-weight:600;}
#site_link01 > .site_list span > a{color: #153d63;display:block;font-weight:600;font-size:15px;padding:3px 5px;line-height:1.5rem;}
#site_link01 > .site_list span > a[target="_blank"]{background:none;}
.site_list ul li ul.footer_hyper{padding-left: 12px;}
.site_list ul li ul.footer_hyper>li:before{content:''; display:block; width:6px; height:2px; background:#b2b2b2; position:absolute; top: 10px; left: -2px;}
.site_list ul li ul.footer_hyper>li a{color: #555;}
.site_list ul li ul.footer_hyper>li a:hover{line-height: 21px;}

@media(min-width:1025px){
	.site_list{position:absolute;padding:20px;box-sizing:border-box;left: 0px;bottom:50px;background:#fff;z-index:999;width: 100%;height:auto;overflow-y: visible; }
	#site_link04 .site_list{left: auto;right: 0;}
	#site_link01 .site_wrap{float:left;}
	#site_link01 .site_list{width: 201%;}
	#site_link01 .site_list .site_wrap:nth-child(1){width: 55%;}
	#site_link01 .site_list .site_wrap:nth-child(2){width: 45%;padding-left: 20px;box-sizing: border-box;}
	#site_link01 > .site_list .site_wrap:nth-child(1) ul{width: 100%;position: relative;}
	#site_link01 > .site_list .site_wrap:nth-child(1) ul:after{width: 1px; height: 95%; content: ""; display:block; background: rgba(255,255,255,0.1); position: absolute; right: 0; top: 0; margin-top: 38px; margin-right: -10px;}
	#site_link01 > .site_list .site_wrap:nth-child(2) li{width:100%;}
	#site_link01 > .site_list .site_wrap .link_list ul {margin-bottom: 13px;/* overflow: hidden; */}
	#site_link01 > .site_list span.alone {float:left; width:50%;}
	#site_link01 > .site_list span > a{color: #153d63;display:block;font-weight:800;font-size:15px;clear: left;padding: 14px 0px 6px;}
	#site_link01 > .site_list span > a[target="_blank"]{background:none;}
	.site_list ul li ul.footer_hyper{padding-left: 12px;}
	.site_list ul li ul.footer_hyper>li:before{content:''; display:block; width:6px; height:2px; background:#444444; position:absolute; top: 10px; left: -2px;}
	.site_list ul li ul.footer_hyper>li a{color: #666666;}
	.site_list ul li ul.footer_hyper>li a:hover{line-height: 21px;}

	.site_list span a:hover{border-bottom:0px dashed #a0a0a0 !important; line-height:1.4em;}
	#site_link04 .site_list{width:480px;}
	.site_list li{float:left; width:50%; position:relative;}
	#site_link03 > .site_list li{width:100%;}

}

@media(max-width:1024px){
	#footer {width:auto; background:none !important; padding:0 15px 30px; text-align:center;}
	#footer .copy {margin-bottom:20px;}
	#footer_wrap .link_area {height:auto;}
	#footer_wrap .link_area .con > ul > li {width:50%; float:left;}
	.wa_mrk {display:inline-block; width:auto; position:relative; vertical-align:middle; top:auto; left:auto; right:auto; height:50px;}
	.wa_mrk a {display:block; height:100%;}
	.wa_mrk img {height:100%;}
}

@media(max-width:460px){
	#footer_wrap .link_area .con > ul > li {width:auto; float:none;}
}




/* 기본 */
#container_wrap {width:100%;position:relative;}
#container {/* position:relative; */width:1480px;margin-top:0px;padding:80px 0 50px;z-index: 0;}
#container:after{content:''; display:block; clear:both;}
#contents {float:right; width:1100px;}

@media (max-width: 1024px) {
	#container_wrap,
	#container,
	#container #contents {width:100%}
	#container {padding: 2em 0 2em;}
	#container #contents {float:none; padding:0 20px; box-sizing:border-box;}
}


/* Visual */
#subVisual {position:absolute; top: 0; width:100%; height:250px; background:url('../images/content/sub/bak_subvisual.png') no-repeat 50% 50%; background-size: cover; z-index: 0; border-radius:0 0 0 10em;}
#subVisual > * {display:none;}
#subVisual:before {content:'';position:absolute;top:4em;left:0;display:block;width:160px;height:180px;background:url('../images/content/sub/bak_subvisual_obj.png') no-repeat 0% 0%;animation: ani 3s infinite alternate;-webkit-animation: ani 2s infinite alternate;}
@media (max-width: 1024px) {
	#subVisual{
    height: 200px;
}
}
@media (max-width: 640px) {
	#subVisual {border-radius:0 0 0 5em;background-position:center;height: 180px;}
	
}

@keyframes ani { 
	0% {top: 10em;transform: translateY(0); -webkit-transform: translateY(0); }
	100% {transform: translateY(50px); -webkit-transform: translateY(50px); }
}

#searchVisual {background: var(--linear, linear-gradient(150deg, #33D373 0%, #00887F 100%));margin-bottom: 1em;}
#searchVisual + #container{padding:0;}
#searchVisual + #container #contents{float:none;width:100%;font-family: 'GmarketSans';}
#searchVisual .sub-wrap h3 {transform:translate(0,0);-webkit-transform:translate(0,0);border: none;font-family: 'TTWanjudaedunsancheB';text-align: center;font-size: 2.1em;color: #fff;padding: 1em 0 3em;text-shadow: 0 0 30px rgb(0 0 0 / 31%);}
#searchVisual .sub-wrap{
	background-image: url(../images/content/sub/bg_obj01.png), url(../images/content/sub/bg_obj02.png);
	background-position: top right 20px, bottom left 0; 
	background-repeat: no-repeat;	
}

@media all and (min-width:1025px) {
	
	#searchVisual .sub-wrap {max-width: 1440px;margin: 0 auto;}
}

/* left 메뉴 */
#container #left{float:left;width:310px;position: relative;}
#container #left>div:first-child{display:table;height:160px;width:100%;}
#container #left #sidetitle {display:table-cell; height:auto; background: var(--gradient, linear-gradient(335deg, #00887F 0%, #33D373 100%)); border-radius:1em 1em 0 0; font-family:'GmarketSans','Sans-serif'; font-weight:700; font-size:1.4em; color:#fff;text-align:center; line-height:5em;}
#container #left>div#leftmenu {margin-top:-30px; padding:0.85em 1.35em; background:#fff; border-radius:1em; border:1px solid #ddd;  }
#container #left #leftmenu > ul > li > a{position:relative;border:0;border-bottom:1px solid #ddd;padding:1em 2.5em 1em 0.85em;box-sizing:border-box; display:block; background:url(../images/common/ico_snb.svg) no-repeat top 50% right .8em;  color:#333333;font-size:0.90em;letter-spacing:-1px; word-break:keep-all;}
#container #left #leftmenu > ul > li.on > a {position:relative; border-bottom:3px solid #00887E; background:url(../images/common/ico_snb_arrow.svg) no-repeat top 50% right .8em; color:#018F79; font-weight:600;}
#container #left #leftmenu > ul > li.on ul {background:#F5F6F6; padding:1.25em; box-sizing:border-box;font-size:0.8em;}
#container #left #leftmenu > ul > li:last-child > a {border-bottom:0;}
#container #left #leftmenu > ul > li.on ul li {position:relative; color:#87898E;margin-top:0.8em;}
#container #left #leftmenu > ul > li.on ul li:first-child {margin-top:0;}
#container #left #leftmenu > ul > li.on ul li.on {color:#333333; padding-left:1.2em; font-weight:700;} 
#container #left #leftmenu > ul > li.on ul li.on:before {content:''; display:inline-block; position:absolute; top:50%; left:0; transform:translateY(-50%); width:10px; height:3px; background:#FF9A03;}
#container #left #leftmenu > ul > li:hover > a {color:#018F79;}

@media (max-width: 1024px) {
	#container #left {display:none;}
}

/* contents */
#conts {padding-top: 7em;}
#sub_visual #page_tle {padding-top:0;color:#fff;font-family: 'TTWanjudaedunsancheB';text-align:center;font-size:1.90em;border-bottom:0;position: relative;}

.path_wrap {position:relative;}
.sub_acc {bottom:0;}
.sub_acc .btn_print img[src*="ico_print"] {content:url(../images/common/ico_print.png); max-width:100%;}
.sub_acc .btn_scrap_facebook img[src*="ico_facebook"] {content:url(../images/common/ico_facebook.png); max-width:100%;}
.sub_acc .btn_scrap_twitter img[src*="ico_twitter"] {content:url(../images/common/ico_twitter.png); max-width:100%;}
.sub_acc li span.btn_zoomin,
.sub_acc li span.btn_zoomout {display:none;}

#page_print_tle {text-align:center;font-size:0.8em; font-family: 'GmarketSans'; }
#page_print_tle:before{ content: 'H'; color: #fed674; font-weight: 900; padding-right: 1.5em; vertical-align:middle;}
#page_print_tle li{position:relative; display:inline-block; margin:0 0.3em; color:#fff; text-shadow:0 0 10px rgba(0,0,0,0.5); font-weight:300;}
#page_print_tle li + li {margin-left:1.4375em;}
#page_print_tle li:last-child {font-weight:500;}
#page_print_tle li:first-child {margin-left:0;}
#page_print_tle li:first-child:before {content:'';display:inline-block;position:absolute;top:50%;left: -0.75em;transform:translateY(-50%);width:1px;height:0.8em;margin-top:-2px;background:#D9D9D9;}
#page_print_tle li:before {content:''; display:inline-block; position:absolute; top:50%; left:-1.4em; transform:translateY(-50%); width:0.8em; height:0.85em; background:url('../images/common/path_arrow.svg') no-repeat 50% 50%;}

@media (max-width: 1024px) {
	#conts {padding-top: 2.5em;}
	.sub_acc {position:static;margin:20px auto; text-align:center;}
	.sub_acc a[class^="btn_"].btn_print {display:none;}
	#sub_visual #page_tle{padding: 0;}
	
}


/* 만족도조사 */

.research_box {border: 1px solid #ddd;padding:1.5em;font-size:0.8em;margin-top: 3em;}
.research_box .txt_list input#researchContent { border-radius: 5px; }
.research_box .txt_list input#regBtn {background: #555555; border-radius: 0.3em; }
.research_box .title h4{display: none;}
.research_box .title .btn_top{float:right; padding:0; border:0;}
.research_box .title .btn_top:before{display:none;}
.research_box .title .btn_top a{display:block; padding:5px 10px; box-sizing:border-box; background:#fff; border:1px solid #ccc; border-radius:5px; font-size:13px; width:100%; height:100%;}
.research_box .title .btn_top a:hover{background:#f1f1f1;}
.research_box .txt_list input#researchContent{width:89%; border:1px solid #dcdcdc; padding:12px; box-sizing:border-box; height:100%; float:left;}
.research_box .txt_list input#regBtn{width:10%; padding:12px; box-sizing:border-box; height:100%; background:#018F79; color:#fff; float:right;}
.research_box .txt_list:after{content:''; display:block; clear:both;}
.radio_list li{margin-right: 0.5em;}


@media(max-width:1024px){
	.research_box .radio_box{padding:20px 0 15px;}
}
@media(max-width:870px){
	.research_box .radio_box p{float:none; width:100%;}
	.research_box .radio_box .radio_list{float:none; width:100%; margin-top:5px;}
}
@media(max-width: 640px){
	.research_box .txt_list input#researchContent{width:80%;}
	.research_box .txt_list input#regBtn{width:19%;}
}




/* width by pixel */
.wp1 { width: 1px !important; }
.wp2 { width: 2px !important; }
.wp3 { width: 3px !important; }
.wp4 { width: 4px !important; }
.wp5 { width: 5px !important; }
.wp6 { width: 6px !important; }
.wp7 { width: 7px !important; }
.wp8 { width: 8px !important; }
.wp9 { width: 9px !important; }
.wp10 { width: 10px !important; }
.wp11 { width: 11px !important; }
.wp12 { width: 12px !important; }
.wp13 { width: 13px !important; }
.wp14 { width: 14px !important; }
.wp15 { width: 15px !important; }
.wp16 { width: 16px !important; }
.wp17 { width: 17px !important; }
.wp18 { width: 18px !important; }
.wp19 { width: 19px !important; }
.wp20 { width: 20px !important; }
.wp21 { width: 21px !important; }
.wp22 { width: 22px !important; }
.wp23 { width: 23px !important; }
.wp24 { width: 24px !important; }
.wp25 { width: 25px !important; }
.wp26 { width: 26px !important; }
.wp27 { width: 27px !important; }
.wp28 { width: 28px !important; }
.wp29 { width: 29px !important; }
.wp30 { width: 30px !important; }
.wp31 { width: 31px !important; }
.wp32 { width: 32px !important; }
.wp33 { width: 33px !important; }
.wp34 { width: 34px !important; }
.wp35 { width: 35px !important; }
.wp36 { width: 36px !important; }
.wp37 { width: 37px !important; }
.wp38 { width: 38px !important; }
.wp39 { width: 39px !important; }
.wp40 { width: 40px !important; }
.wp41 { width: 41px !important; }
.wp42 { width: 42px !important; }
.wp43 { width: 43px !important; }
.wp44 { width: 44px !important; }
.wp45 { width: 45px !important; }
.wp46 { width: 46px !important; }
.wp47 { width: 47px !important; }
.wp48 { width: 48px !important; }
.wp49 { width: 49px !important; }
.wp50 { width: 50px !important; }
.wp51 { width: 51px !important; }
.wp52 { width: 52px !important; }
.wp53 { width: 53px !important; }
.wp54 { width: 54px !important; }
.wp55 { width: 55px !important; }
.wp56 { width: 56px !important; }
.wp57 { width: 57px !important; }
.wp58 { width: 58px !important; }
.wp59 { width: 59px !important; }
.wp60 { width: 60px !important; }
.wp61 { width: 61px !important; }
.wp62 { width: 62px !important; }
.wp63 { width: 63px !important; }
.wp64 { width: 64px !important; }
.wp65 { width: 65px !important; }
.wp66 { width: 66px !important; }
.wp67 { width: 67px !important; }
.wp68 { width: 68px !important; }
.wp69 { width: 69px !important; }
.wp70 { width: 70px !important; }
.wp71 { width: 71px !important; }
.wp72 { width: 72px !important; }
.wp73 { width: 73px !important; }
.wp74 { width: 74px !important; }
.wp75 { width: 75px !important; }
.wp76 { width: 76px !important; }
.wp77 { width: 77px !important; }
.wp78 { width: 78px !important; }
.wp79 { width: 79px !important; }
.wp80 { width: 80px !important; }
.wp81 { width: 81px !important; }
.wp82 { width: 82px !important; }
.wp83 { width: 83px !important; }
.wp84 { width: 84px !important; }
.wp85 { width: 85px !important; }
.wp86 { width: 86px !important; }
.wp87 { width: 87px !important; }
.wp88 { width: 88px !important; }
.wp89 { width: 89px !important; }
.wp90 { width: 90px !important; }
.wp91 { width: 91px !important; }
.wp92 { width: 92px !important; }
.wp93 { width: 93px !important; }
.wp94 { width: 94px !important; }
.wp95 { width: 95px !important; }
.wp96 { width: 96px !important; }
.wp97 { width: 97px !important; }
.wp98 { width: 98px !important; }
.wp99 { width: 99px !important; }
.wp100 { width: 100px !important; }
.wp101 { width: 101px !important; }
.wp102 { width: 102px !important; }
.wp103 { width: 103px !important; }
.wp104 { width: 104px !important; }
.wp105 { width: 105px !important; }
.wp106 { width: 106px !important; }
.wp107 { width: 107px !important; }
.wp108 { width: 108px !important; }
.wp109 { width: 109px !important; }
.wp110 { width: 110px !important; }
.wp111 { width: 111px !important; }
.wp112 { width: 112px !important; }
.wp113 { width: 113px !important; }
.wp114 { width: 114px !important; }
.wp115 { width: 115px !important; }
.wp116 { width: 116px !important; }
.wp117 { width: 117px !important; }
.wp118 { width: 118px !important; }
.wp119 { width: 119px !important; }
.wp120 { width: 120px !important; }
.wp121 { width: 121px !important; }
.wp122 { width: 122px !important; }
.wp123 { width: 123px !important; }
.wp124 { width: 124px !important; }
.wp125 { width: 125px !important; }
.wp126 { width: 126px !important; }
.wp127 { width: 127px !important; }
.wp128 { width: 128px !important; }
.wp129 { width: 129px !important; }
.wp130 { width: 130px !important; }
.wp131 { width: 131px !important; }
.wp132 { width: 132px !important; }
.wp133 { width: 133px !important; }
.wp134 { width: 134px !important; }
.wp135 { width: 135px !important; }
.wp136 { width: 136px !important; }
.wp137 { width: 137px !important; }
.wp138 { width: 138px !important; }
.wp139 { width: 139px !important; }
.wp140 { width: 140px !important; }
.wp141 { width: 141px !important; }
.wp142 { width: 142px !important; }
.wp143 { width: 143px !important; }
.wp144 { width: 144px !important; }
.wp145 { width: 145px !important; }
.wp146 { width: 146px !important; }
.wp147 { width: 147px !important; }
.wp148 { width: 148px !important; }
.wp149 { width: 149px !important; }
.wp150 { width: 150px !important; }
.wp151 { width: 151px !important; }
.wp152 { width: 152px !important; }
.wp153 { width: 153px !important; }
.wp154 { width: 154px !important; }
.wp155 { width: 155px !important; }
.wp156 { width: 156px !important; }
.wp157 { width: 157px !important; }
.wp158 { width: 158px !important; }
.wp159 { width: 159px !important; }
.wp160 { width: 160px !important; }
.wp161 { width: 161px !important; }
.wp162 { width: 162px !important; }
.wp163 { width: 163px !important; }
.wp164 { width: 164px !important; }
.wp165 { width: 165px !important; }
.wp166 { width: 166px !important; }
.wp167 { width: 167px !important; }
.wp168 { width: 168px !important; }
.wp169 { width: 169px !important; }
.wp170 { width: 170px !important; }
.wp171 { width: 171px !important; }
.wp172 { width: 172px !important; }
.wp173 { width: 173px !important; }
.wp174 { width: 174px !important; }
.wp175 { width: 175px !important; }
.wp176 { width: 176px !important; }
.wp177 { width: 177px !important; }
.wp178 { width: 178px !important; }
.wp179 { width: 179px !important; }
.wp180 { width: 180px !important; }
.wp181 { width: 181px !important; }
.wp182 { width: 182px !important; }
.wp183 { width: 183px !important; }
.wp184 { width: 184px !important; }
.wp185 { width: 185px !important; }
.wp186 { width: 186px !important; }
.wp187 { width: 187px !important; }
.wp188 { width: 188px !important; }
.wp189 { width: 189px !important; }
.wp190 { width: 190px !important; }
.wp191 { width: 191px !important; }
.wp192 { width: 192px !important; }
.wp193 { width: 193px !important; }
.wp194 { width: 194px !important; }
.wp195 { width: 195px !important; }
.wp196 { width: 196px !important; }
.wp197 { width: 197px !important; }
.wp198 { width: 198px !important; }
.wp199 { width: 199px !important; }
.wp200 { width: 200px !important; }
.wp201 { width: 201px !important; }
.wp202 { width: 202px !important; }
.wp203 { width: 203px !important; }
.wp204 { width: 204px !important; }
.wp205 { width: 205px !important; }
.wp206 { width: 206px !important; }
.wp207 { width: 207px !important; }
.wp208 { width: 208px !important; }
.wp209 { width: 209px !important; }
.wp210 { width: 210px !important; }
.wp211 { width: 211px !important; }
.wp212 { width: 212px !important; }
.wp213 { width: 213px !important; }
.wp214 { width: 214px !important; }
.wp215 { width: 215px !important; }
.wp216 { width: 216px !important; }
.wp217 { width: 217px !important; }
.wp218 { width: 218px !important; }
.wp219 { width: 219px !important; }
.wp220 { width: 220px !important; }
.wp221 { width: 221px !important; }
.wp222 { width: 222px !important; }
.wp223 { width: 223px !important; }
.wp224 { width: 224px !important; }
.wp225 { width: 225px !important; }
.wp226 { width: 226px !important; }
.wp227 { width: 227px !important; }
.wp228 { width: 228px !important; }
.wp229 { width: 229px !important; }
.wp230 { width: 230px !important; }
.wp231 { width: 231px !important; }
.wp232 { width: 232px !important; }
.wp233 { width: 233px !important; }
.wp234 { width: 234px !important; }
.wp235 { width: 235px !important; }
.wp236 { width: 236px !important; }
.wp237 { width: 237px !important; }
.wp238 { width: 238px !important; }
.wp239 { width: 239px !important; }
.wp240 { width: 240px !important; }
.wp241 { width: 241px !important; }
.wp242 { width: 242px !important; }
.wp243 { width: 243px !important; }
.wp244 { width: 244px !important; }
.wp245 { width: 245px !important; }
.wp246 { width: 246px !important; }
.wp247 { width: 247px !important; }
.wp248 { width: 248px !important; }
.wp249 { width: 249px !important; }
.wp250 { width: 250px !important; }
.wp251 { width: 251px !important; }
.wp252 { width: 252px !important; }
.wp253 { width: 253px !important; }
.wp254 { width: 254px !important; }
.wp255 { width: 255px !important; }
.wp256 { width: 256px !important; }
.wp257 { width: 257px !important; }
.wp258 { width: 258px !important; }
.wp259 { width: 259px !important; }
.wp260 { width: 260px !important; }
.wp261 { width: 261px !important; }
.wp262 { width: 262px !important; }
.wp263 { width: 263px !important; }
.wp264 { width: 264px !important; }
.wp265 { width: 265px !important; }
.wp266 { width: 266px !important; }
.wp267 { width: 267px !important; }
.wp268 { width: 268px !important; }
.wp269 { width: 269px !important; }
.wp270 { width: 270px !important; }
.wp271 { width: 271px !important; }
.wp272 { width: 272px !important; }
.wp273 { width: 273px !important; }
.wp274 { width: 274px !important; }
.wp275 { width: 275px !important; }
.wp276 { width: 276px !important; }
.wp277 { width: 277px !important; }
.wp278 { width: 278px !important; }
.wp279 { width: 279px !important; }
.wp280 { width: 280px !important; }
.wp281 { width: 281px !important; }
.wp282 { width: 282px !important; }
.wp283 { width: 283px !important; }
.wp284 { width: 284px !important; }
.wp285 { width: 285px !important; }
.wp286 { width: 286px !important; }
.wp287 { width: 287px !important; }
.wp288 { width: 288px !important; }
.wp289 { width: 289px !important; }
.wp290 { width: 290px !important; }
.wp291 { width: 291px !important; }
.wp292 { width: 292px !important; }
.wp293 { width: 293px !important; }
.wp294 { width: 294px !important; }
.wp295 { width: 295px !important; }
.wp296 { width: 296px !important; }
.wp297 { width: 297px !important; }
.wp298 { width: 298px !important; }
.wp299 { width: 299px !important; }
.wp300 { width: 300px !important; }
.wp301 { width: 301px !important; }
.wp302 { width: 302px !important; }
.wp303 { width: 303px !important; }
.wp304 { width: 304px !important; }
.wp305 { width: 305px !important; }
.wp306 { width: 306px !important; }
.wp307 { width: 307px !important; }
.wp308 { width: 308px !important; }
.wp309 { width: 309px !important; }
.wp310 { width: 310px !important; }
.wp311 { width: 311px !important; }
.wp312 { width: 312px !important; }
.wp313 { width: 313px !important; }
.wp314 { width: 314px !important; }
.wp315 { width: 315px !important; }
.wp316 { width: 316px !important; }
.wp317 { width: 317px !important; }
.wp318 { width: 318px !important; }
.wp319 { width: 319px !important; }
.wp320 { width: 320px !important; }
.wp321 { width: 321px !important; }
.wp322 { width: 322px !important; }
.wp323 { width: 323px !important; }
.wp324 { width: 324px !important; }
.wp325 { width: 325px !important; }
.wp326 { width: 326px !important; }
.wp327 { width: 327px !important; }
.wp328 { width: 328px !important; }
.wp329 { width: 329px !important; }
.wp330 { width: 330px !important; }
.wp331 { width: 331px !important; }
.wp332 { width: 332px !important; }
.wp333 { width: 333px !important; }
.wp334 { width: 334px !important; }
.wp335 { width: 335px !important; }
.wp336 { width: 336px !important; }
.wp337 { width: 337px !important; }
.wp338 { width: 338px !important; }
.wp339 { width: 339px !important; }
.wp340 { width: 340px !important; }
.wp341 { width: 341px !important; }
.wp342 { width: 342px !important; }
.wp343 { width: 343px !important; }
.wp344 { width: 344px !important; }
.wp345 { width: 345px !important; }
.wp346 { width: 346px !important; }
.wp347 { width: 347px !important; }
.wp348 { width: 348px !important; }
.wp349 { width: 349px !important; }
.wp350 { width: 350px !important; }
.wp351 { width: 351px !important; }
.wp352 { width: 352px !important; }
.wp353 { width: 353px !important; }
.wp354 { width: 354px !important; }
.wp355 { width: 355px !important; }
.wp356 { width: 356px !important; }
.wp357 { width: 357px !important; }
.wp358 { width: 358px !important; }
.wp359 { width: 359px !important; }
.wp360 { width: 360px !important; }
.wp361 { width: 361px !important; }
.wp362 { width: 362px !important; }
.wp363 { width: 363px !important; }
.wp364 { width: 364px !important; }
.wp365 { width: 365px !important; }
.wp366 { width: 366px !important; }
.wp367 { width: 367px !important; }
.wp368 { width: 368px !important; }
.wp369 { width: 369px !important; }
.wp370 { width: 370px !important; }
.wp371 { width: 371px !important; }
.wp372 { width: 372px !important; }
.wp373 { width: 373px !important; }
.wp374 { width: 374px !important; }
.wp375 { width: 375px !important; }
.wp376 { width: 376px !important; }
.wp377 { width: 377px !important; }
.wp378 { width: 378px !important; }
.wp379 { width: 379px !important; }
.wp380 { width: 380px !important; }
.wp381 { width: 381px !important; }
.wp382 { width: 382px !important; }
.wp383 { width: 383px !important; }
.wp384 { width: 384px !important; }
.wp385 { width: 385px !important; }
.wp386 { width: 386px !important; }
.wp387 { width: 387px !important; }
.wp388 { width: 388px !important; }
.wp389 { width: 389px !important; }
.wp390 { width: 390px !important; }
.wp391 { width: 391px !important; }
.wp392 { width: 392px !important; }
.wp393 { width: 393px !important; }
.wp394 { width: 394px !important; }
.wp395 { width: 395px !important; }
.wp396 { width: 396px !important; }
.wp397 { width: 397px !important; }
.wp398 { width: 398px !important; }
.wp399 { width: 399px !important; }
.wp400 { width: 400px !important; }
.wp401 { width: 401px !important; }
.wp402 { width: 402px !important; }
.wp403 { width: 403px !important; }
.wp404 { width: 404px !important; }
.wp405 { width: 405px !important; }
.wp406 { width: 406px !important; }
.wp407 { width: 407px !important; }
.wp408 { width: 408px !important; }
.wp409 { width: 409px !important; }
.wp410 { width: 410px !important; }
.wp411 { width: 411px !important; }
.wp412 { width: 412px !important; }
.wp413 { width: 413px !important; }
.wp414 { width: 414px !important; }
.wp415 { width: 415px !important; }
.wp416 { width: 416px !important; }
.wp417 { width: 417px !important; }
.wp418 { width: 418px !important; }
.wp419 { width: 419px !important; }
.wp420 { width: 420px !important; }
.wp421 { width: 421px !important; }
.wp422 { width: 422px !important; }
.wp423 { width: 423px !important; }
.wp424 { width: 424px !important; }
.wp425 { width: 425px !important; }
.wp426 { width: 426px !important; }
.wp427 { width: 427px !important; }
.wp428 { width: 428px !important; }
.wp429 { width: 429px !important; }
.wp430 { width: 430px !important; }
.wp431 { width: 431px !important; }
.wp432 { width: 432px !important; }
.wp433 { width: 433px !important; }
.wp434 { width: 434px !important; }
.wp435 { width: 435px !important; }
.wp436 { width: 436px !important; }
.wp437 { width: 437px !important; }
.wp438 { width: 438px !important; }
.wp439 { width: 439px !important; }
.wp440 { width: 440px !important; }
.wp441 { width: 441px !important; }
.wp442 { width: 442px !important; }
.wp443 { width: 443px !important; }
.wp444 { width: 444px !important; }
.wp445 { width: 445px !important; }
.wp446 { width: 446px !important; }
.wp447 { width: 447px !important; }
.wp448 { width: 448px !important; }
.wp449 { width: 449px !important; }
.wp450 { width: 450px !important; }
.wp451 { width: 451px !important; }
.wp452 { width: 452px !important; }
.wp453 { width: 453px !important; }
.wp454 { width: 454px !important; }
.wp455 { width: 455px !important; }
.wp456 { width: 456px !important; }
.wp457 { width: 457px !important; }
.wp458 { width: 458px !important; }
.wp459 { width: 459px !important; }
.wp460 { width: 460px !important; }
.wp461 { width: 461px !important; }
.wp462 { width: 462px !important; }
.wp463 { width: 463px !important; }
.wp464 { width: 464px !important; }
.wp465 { width: 465px !important; }
.wp466 { width: 466px !important; }
.wp467 { width: 467px !important; }
.wp468 { width: 468px !important; }
.wp469 { width: 469px !important; }
.wp470 { width: 470px !important; }
.wp471 { width: 471px !important; }
.wp472 { width: 472px !important; }
.wp473 { width: 473px !important; }
.wp474 { width: 474px !important; }
.wp475 { width: 475px !important; }
.wp476 { width: 476px !important; }
.wp477 { width: 477px !important; }
.wp478 { width: 478px !important; }
.wp479 { width: 479px !important; }
.wp480 { width: 480px !important; }
.wp481 { width: 481px !important; }
.wp482 { width: 482px !important; }
.wp483 { width: 483px !important; }
.wp484 { width: 484px !important; }
.wp485 { width: 485px !important; }
.wp486 { width: 486px !important; }
.wp487 { width: 487px !important; }
.wp488 { width: 488px !important; }
.wp489 { width: 489px !important; }
.wp490 { width: 490px !important; }
.wp491 { width: 491px !important; }
.wp492 { width: 492px !important; }
.wp493 { width: 493px !important; }
.wp494 { width: 494px !important; }
.wp495 { width: 495px !important; }
.wp496 { width: 496px !important; }
.wp497 { width: 497px !important; }
.wp498 { width: 498px !important; }
.wp499 { width: 499px !important; }
.wp500 { width: 500px !important; }
.wp550 { width: 550px !important; }
.wp600 { width: 600px !important; }
.wp650 { width: 650px !important; }
.wp700 { width: 700px !important; }
.wp750 { width: 750px !important; }
.wp800 { width: 800px !important; }
.wp850 { width: 850px !important; }
.wp867 { width: 867px !important; }
.wp900 { width: 900px !important; }