@charset "utf-8";

/******* 1023 ******/
@media only all and (max-width: 1199px){
	
	.wide .content{margin:20px 0 0 0;}
	.btn_left_bar{display:none;}
	.menu_hidden .content{margin:0;width:auto;}

	/* cross */
	.cross_box01_mobile{display:block;}
	.cross_box01_mobile .cross_box_header{background:#2b66c1;}
	.cross_box01_mobile .cross_box_header strong{background:#22529a;display:inline-block;text-align:center;color:#ffffff;width:50px;height:50px;font-size:24px;line-height:50px;}
	.cross_box01{display:none;}
	.cross_box02{display:none;float:none;width:auto;}
	.cross_box02 > div{padding:0;}
	.cross_box02 .cross_arrow{display:none;}
	.cross_box03{display:none;float:none;width:auto;}
	.cross_box_tab{display:block;}
	.sub_header.kyocha_h3 h3{margin-top:15px;}
	.content.menu_none .setup_btn ul li{width:100%;}
	.cross_del{display:block;}
	.sub_setup{display:none;}
	.box_mobile{display:block;}

	/* main */
	.main{background-size:auto 60%;}
	.main_visual{width:100vw;height:25vw;background: url(../images/nmain_visual_bg5.png) no-repeat center 0;background-size:contain;}
	.main_visual > .main_visual_inner{width:100%;height:25vw;}
	.main_slogan{padding:35px 0;}
	.main_slogan strong{font-size:40px;}
	.main_slogan span{font-size:20px;}
	.main_control_btn{display:none;}
	.main_statistics{width:auto;background:#ffffff;padding:30px 0 18px 0;height:auto;margin-top:10px;}
	.main_statistics ul{width:90%;}
	.main_statistics ul li a:before{left:0;width:0;}
	
	.nmain_link_notice{position:relative;margin:0px auto 30px auto;height:790px;top:auto;width:100%}
	.nmain_notice{position:relative;width:100%;margin-left:3%}
	.nmain_notice ul{width:94%}
/* 	.nmain_notice ul li:first-child{width:40%;display:flex;flex-direction:column;} */
/* 	.nmain_notice ul li:not(:first-child){left:40vw;} */
	
	.nmain_link1{position:relative;width:100%;height:auto;background-color:#fff;display:flex;justify-content:center;padding:15px 0 0 0}
	.nmain_link1 ul{background-color:#eeebe9;width:80%;height:200px;}
	.nmain_link1 ul li{width:30%;height:auto;}
	.nmain_link1 ul li a.nml01{background: url(../images/nicon_link01.png) no-repeat center 20px;}
	.nmain_link1 ul li a.nml02{background: url(../images/nicon_link02.png) no-repeat center 20px;}
	.nmain_link1 ul li span{font-size:20px;height:auto;margin-bottom:10px;}
	
	.nmain_link2{position:relative;width:100%;height:auto;background-color:#fff;display:flex;justify-content:center;padding:0 0 10px 0}
	.nmain_link2 ul{background-color:#eeebe9;width:80%;height:200px;}
	.nmain_link2 ul li{width:30%;height:auto;}
	.nmain_link2 ul li a.nml03{background: url(../images/nicon_link04.png) no-repeat center 20px;}
	.nmain_link2 ul li a.nml04{background: url(../images/nicon_link05.png) no-repeat center 20px;}
	.nmain_link2 ul li span{font-size:16px;height:auto;margin-bottom:10px;}
	
	.design_main{width:100%;display:flex;box-sizing:border-box;justify-content:space-between;align-items:center;padding:35px;line-height:1.5; position: relative;}
	.design_main span{position:static;width:auto;margin:0;}
	.design_main img:first-child{position:static;}
	.design_main div{display:flex;flex-direction:column;box-sizing:border-box;justify-content:space-between;margin:0;}
	.design_main div b{position:static;}
	.design_main div b span:first-child{position:static;font-size:20px;}
	.design_main div b span:not(:first-child){position:static;font-size:23px;}
	.design_main div span{font-size:14px;}
	.design_main span img:first-child{position:static;}
	
	.nmain_stat_link{width:100%;position:relative;}
	.nmain_stat_link ul li{width:100px;}
	.nmain_stat_link ul li a{width:100%}
	.nmain_stat_link ul li a img{padding:0}
	.nmain_stat_link ul li a span{padding:0;top:-35px;width:100%}
	
	.nmain_stat_recomm{position:relative;width:100%;}
	.nmain_stat{width:100%;background-size:35vw;}
	.nmain_stat_list{position:relative;width:100%}
	.nmain_stat_list ul li{position:relative;width:33.3333%;}
	
	.top_nmain_go{position:relative;width:100%; height: auto;}
	.nmain_go{position:relative;width:100%; padding: 40px 34px; flex-wrap:wrap;}
	.nmain_go .item{width: 50%; height: 256px;}
	
	.nmain_footer{width:100%;height:320px;flex-direction:column;padding:20px 34px;}
	.nmain_footer_sub{width:100%;position:relative;margin:0;}
	
	.bx-wrapper{max-width:676px;}
	
	.main_linkandboard{margin:0;}
	.main_inner{width:auto;}

	.main_banner_link{width:auto;float:none;}
	.main_banner_link ul{padding:10px 0;margin:0;}
	.main_banner_link ul li{float:none;width:auto;}
	.main_banner_link ul li a{width:auto;}
	.main_banner_link ul li a span{width:100%;text-align:left;margin-top:40px !important;}
	.main_banner_link ul li a span > br{display:none;}

	.static_board{float:none;width:auto;padding:0 10px 20px 10px;top:0;}
	.board_more{right:10px;}

	.login{padding:0;}
	
	/* display : block */
	.mobile_location_header{display:block;}
	.m_on{display:block;}
	.m_in{display:inline-block;}
	.btn_list_m{position:absolute;top:9px;right:0;background:#1b438a;color:#ffffff;width:70px;height:24px;line-height:24px;display:inline-block;text-align:center;font-size:12px;}
	.btn_add_m{position:absolute;top:9px;right:74px;background:#00c9d4;color:#ffffff;width:70px;height:24px;line-height:24px;display:inline-block;text-align:center;font-size:12px;}

	/* display : none */	
	.m_off{display:none !important;}
	.gnb{display:none;}
	.menu{display:none;}
	.location{display:none;}	
	.logo_gong{display:none;}
	.logo{display:none;}
	.btn_allmenu{display:none;}
	.logo_gong1{position:absolute;width:100%;height:100%;left:600px;background-color:#1B438B;margin-top:auto;}
	.logo_gong1 a{position:absolute;width:140px;margin:1% 3%;}
	.logo_gong1 a img{position:absolute;width:130px;top:3px;}
	
	.util_Menu{position:absolute;top:3%;right:-30vw;width:100%;}
	.util_Menu li{float:left;height:22px;}
	.util_Menu li a{color:#ffffff;width:63px;height:13px;display:inline-block;font-size:large;}
	.util_Menu li:not(:first-child){border-left:1px solid #fff;padding-left:37px;padding-right:24px}
	.utilmenu button{top:5px;}
	.utilmenu_icon{margin:0;top:0;}
	.utilmenu_icon li{float:left;padding:0;}
	.utilmenu_icon li a{width:59px;height:60px;}
	.utilmenu_icon .m_on{background:#122c50;}
	.utilmenu_icon li a:before{width:0px;background:transparent;}
	.utilmenu_icon:before{width:0px;background:none;}
	.icon_search{background:#345d9c url(../images/icon_search2.png) no-repeat center center;background-size:20px 20px;}	
	.btn_allmenu_mobile{display:block;background-size:20px 18px;background-position:center center;margin:0;}
	.btn_allmenu_mobile.on{width:59px;height:60px;background-position:center center;background-size:30px 30px;}
	
	.header{position:relative;height:60px;margin:0;z-index:10;background:none;}
	.header_inner{height:100%;width:100%;margin:0;}
	.logo a{width:119px;height:40px;margin:10px;background-size:100% 100%;}
	
	.btn_view{top:20px;right:auto;left:-10px;}

	.container{width:100%;margin:0;}
	.content{width:auto;padding:15px;margin:0;}
	
	.sub_header{height:40px;margin:0 0 8px 0;}
	.sub_header > h3{font-size:15px;font-weight:bold;width:100%;margin-top:-8px;}

	.sub_setup{background:#cfdff1;}
	.sub_setup label{font-size:12px;color:#1b438a;font-weight:bold;}
	.sub_setup select{border:1px solid #8b99b3;font-size:12px;height:24px;}
	.setup_btn{clear:both;float:none;padding:8px 0 0 0;}
	.setup_btn ul li{width:33.3%;padding:0;}
	.setup_btn ul.btnline4 li{width:25%;padding:0;}
	.setup_btn ul.btnline4 li .btn02{width:25%;padding:0;width:100%;}
	.setup_btn button{width:calc(100% - 3px);height:24px;background-position:7px 7px;}	
	.sub_setup_open{display:block;border:1px solid #6699cc;text-align:center;}
	.sub_setup_open a{position:relative;background:#f1f7ff;display:block;font-size:12px;padding:11px 0 9px 0;color:#1b438a;font-weight:bold;}
	.sub_setup_open a:before{
		position:absolute;
		top:9px;
		left:calc(100% - 20px);
		content:"";
		display:block;
		width:0;
		height:0;
		border-top: 5px solid transparent;
		border-right: 5px solid transparent;
		border-bottom: 5px solid #4ca4f0;
		border-left: 5px solid transparent;
	}
	.sub_setup_open.on a:before{
		top:15px;
		border-top: 5px solid #4ca4f0;
		border-right: 5px solid transparent;
		border-bottom: 5px solid transparent;
		border-left: 5px solid transparent;		
	}

	.setup_sel{float:none;}
	.setup_sel i{display:inline-block;font-size:12px;}
	.setup_sel > span{display:block;margin:5px 0 0 0;}	
	.setup_sel > span:first-child{margin:0;}	
	.setup_sel label{display:inline-block;width:30px;margin:0 5px 0 0;background:#a8c5e8;text-align:center;height:24px;line-height:24px;
		border-radius:3px;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
	}
	.pd_label{padding-left:42px;}
	
	.sub_tab ul li a{font-size:13px;font-weight:bold;height:36px;line-height:37px;}
	.sub_down ul li a{letter-spacing:0.5px;width:40px;height:18px;line-height:19px;font-size:11px;}
	.sub_down span{font-size:12px;}
	
	
	.img_wid{max-width:100%;}
	
	.btn01{font-size:12px;}
	.btn02{font-size:12px;padding-left:0;}

	.footer{text-align:left;background:#3c4353;}	
	.footer .footer_menu{border:none;padding:16px 0 0 0;}
	.footer ul{width:auto;display:inline-block;}
	.footer ul li a{color:#afb6c9 !important;margin:0 0 0 3px;}
	.footer ul li:before{content:"| ";color:#afb6c9;margin:0 0 0 5px;font-size:10px;}
	
	.footer .address{margin:0;width:100%;}
	.footer .address address{line-height:2;padding: 0 0 10px 0;}
	.footer .address address > div{display:flex;}
	.footer .address address > div span:first-child{padding:0 15px 0 0;}
	.footer .address .copyright{color:#d5dae5;padding:0 0 16px 0}
	
	.mobile_gnb{position:fixed;top:0;left:0;width:100%;height:100%;background:#1B438B;z-index:10;}
	.mobile_gnb h2{background:#26477f;height:60px;color:#ffffff;font-size:20px;line-height:60px;padding:0 0 0 15px;}
	.mobile_gnb a img{margin:15px;}
	.mobile_gnb_menu{padding:0 15px;height:calc(100% - 60px);overflow-x:hidden;overflow-y:auto;border-top:1px solid #fff}
	.mobile_gnb_menu strong a{position:relative;display:block;padding:17px 0 16px 0;border-bottom:1px solid #afafb2;font-size:17px;color:#ffffff;font-family:"NotoKrM";font-weight:normal;}
	.mobile_gnb_menu strong a:before{
		position:absolute;
		top:15px;
		right:15px;
		width:22px;
		height:22px;
		display:block;
		background:url(../images/icon_totalmenu_mobile_top_arrow_off2.png) no-repeat center center;
		background-size:100% 100%;
		content:"";
	}	
	/*.mobile_gnb_menu strong a.on{color:#3467bd;}	*/
	.mobile_gnb_menu strong a.on:before{
		background:url(../images/icon_totalmenu_mobile_top_arrow_on2.png) no-repeat center center;
		background-size:100% 100%;
	}
	.mobile_gnb_menu ul{display:none;border-bottom:1px solid #afafb2;padding:10px 0;background-color:#EBF0F8;}
	.mobile_gnb_menu ul > li{margin:2px 0 0 0;}	
	.mobile_gnb_menu ul > li:first-child{margin:0;}
	.mobile_gnb_menu ul > li > a{position:relative;display:block;color:#666666;font-size:16px;padding:10px 0 10px 20px;background:#ebf0f8;margin:1px 0 0 0;}
	.mobile_gnb_menu ul > li > a:hover{color:#3467bd;}	
	.mobile_gnb_menu ul > li > a:before{
		position:absolute;
		top:12px;
		right:21px;
		width:10px;
		height:10px;
		display:block;
		content:"";
		background:url(../images/icon_menu_plus.png) no-repeat 0 0;	
	}	
	.mobile_gnb_menu ul > li > a.on:before{
		background:url(../images/icon_menu_minus.png) no-repeat 0 0;	
	}
	.mobile_gnb_menu ul > li > a.on{color:#3467bd;}	
	.mobile_gnb_menu ul > li > a.none:before{
		background:none;	
	}

	.mobile_gnb_menu dl{display:none;/*background:#f0f0f0;*/padding:7px 0;}
	.mobile_gnb_menu dl dt{font-size:15px;padding:7px 0 7px 20px;font-family:"NotoKrM";}
	.mobile_gnb_menu dl dt a{font-size:15px;font-family:"NotoKrM";color:#000000;}
	.mobile_gnb_menu dl dt a:hover{color:#3467bd;}
	.mobile_gnb_menu dl dd a{display:block;color:#666666;font-size:13px;padding:7px 0 7px 20px;}
	.mobile_gnb_menu dl dd a:hover{color:#3467bd;}	
	.mobile_gnb_menu dl dd a:before{content:"ㆍ";}	
	.mobile_gnb_menu dl db a{display:block;color:#000000;font-size:13px;padding:7px 0 7px 20px;}
	.mobile_gnb_menu dl db a:hover{color:#3467bd;}	
	.mobile_gnb_menu dl db a:before{content:"ㆍ";}	
	.mobile_gnb_menu dl de a{display:block;color:#666666;font-size:13px;padding:7px 0 7px 40px;}
	.mobile_gnb_menu dl de a:hover{color:#3467bd;}	
	.mobile_gnb_menu dl de a:before{content:"ㆍ";}	
	
	.mobile_login_btn{padding:15px 0 0 0;}	
	.mobile_login_btn a{display:block;text-align:center;color:#333333;height:42px;line-height:42px;border:1px solid #cacaca;font-size:15px;font-weight:bold;}
	.mobile_login_btn a:hover{background:#f1f7ff;border:1px solid #6699cc;color:#1b438a;}
	
	.setting_inner{position:relative;padding:0 15px;height:100%;z-index:9;}
	.setting_content{width:100%;top:15px;}
	.setting_content.widemodal{width:100%;top:15px;}

	.login{height:580px;background-position:center bottom;background-size:50% auto;}
	.login_box{border:none;background:none;margin:50px 0 0 0;width:100%;text-align:center;}
	.login_box > div{margin:0;}
	.login_form{width:auto;margin-left:0;}
	.login_form_save{width:100px;margin:10px auto;}
	.login_form_id,
	.login_form_pw{width:70%;display:inline-block;}
	.login_form input{width:100%;}
	
	.login_form_btn{position:relative;top:0;left:0;margin:4px 0 0 0;}
	.btn_login{width:70%;height:50px;}
	.login_txt{text-align:center;}

	.error > div{width:100%;}
	.error > div img{max-width:80%;}

	.sub_header2{display:none;}
	.board-area{padding:0;}
	
	.presentation-list-mobile{display:block;}
	.presentation-list{display:none;}

}

/******* 1000 ******/
@media only all and (max-width: 1000px){
	.main_visual_stat{width:676px;overflow:hidden;}
}


/******* 767 ******/
@media only all and (max-width: 767px){
	
	.theme_service{overflow-x:auto;}
	.theme_service table{width:700px;}
	
	.tabmenu-type02 > li >a{font-size:14px;}
	.sub_intro p{font-size:14px;}
	.sub_intro p span{font-size:14px;}
	
	.search_boxicon{line-height:1.2;font-size:14px;display:inline-block;color:#666666;}
	.search-wrapper .qna-insert-button{display:block;float:none;margin:5px 0 0 0;}
	
	.main_visual_stat{max-width:442px;}
	
	.sitemap-wrapper {
		padding-top: 0;
	}

	.sitemap-area {
		margin-bottom: 0;
	}

	.sitemap-area .sitemap-box {
		float: none;
		width: 100%;
		margin-bottom: 25px;
	}

	.sitemap-area .sitemap-box:after {
		content: "";
		clear: both;
		display: block;
	}

	.sitemap-area .sitemap-box dl {
		width: 100%;
	}

	.sitemap-area .sitemap-box > dl > dt > a {
		font-size: 1.154em;
	}

	.sitemap-area .sitemap-box > dl > dd > a {
		font-size: 1.077em;
		line-height: 1.714em;
	}

	.main{background-size:auto 50%;}
	.main_slogan strong{font-size:25px;margin-bottom:8px;}
	.main_slogan span{font-size:15px;}

	.main_visual_stat{width:468px;}

	.layerpopup-totalsearch-wrapper {
		display: none;
		position: absolute;
		top: 150px;
		left: 0;
		width: 90%;
		z-index: 20;
		padding: 0 5%;
		margin-left: 0;

	}
	
	.layerpopup-totalsearch-wrapper .layerpopup-totalsearch-area{width:84%;}
	.layerpopup-totalsearch-wrapper .layerpopup-totalsearch-area .layerpopup-totalsearch-box input[type="text"]{width:110%;}

	.layerpopup-totalsearch-wrapper .layerpopup-totalsearch-area select {
		display: block;
		width: 100%;
		max-width: 534px;
		height: 40px;
		line-height: 40px;
		font-size: 13px;
		padding-left: 20px;
		margin-bottom: 5px;
		background: #e9e9e9;
		border: 0;
	}

	.board-list01 table tbody td.title a{font-size:14px;}

	.board-area .search-wrapper.add-btns {
		margin-bottom: 10px;
	}

	.board-area .search-wrapper.add-btns:after {
		content: "";
		clear: both;
		display: block;
	}

	.board-area .search-wrapper.add-btns .search-area {
		padding-bottom: 0;
		margin-bottom: 5px;
	}

	.board-area .search-wrapper.add-btns .search-area .search-box {
		padding-right: 85px;
	}

	.board-area .search-wrapper.add-btns .search-area .search-box input[type="submit"] {
		right: 0;
	}

	.board-area .search-wrapper.add-btns .qna-insert-button {
		position: static;
		float: none;
		display: block;
		width: 100%;
		height: 33px;
		line-height: 33px;
		margin-left: 0;
	}
	
		/* FAQ */
	.faq-list-wrapper dl dt button {
		position: relative;
		display: block;
		padding: 10px 40px 10px 40px;
	}

	.faq-list-wrapper dl dt .icon-q {
		top: 9px;
		left: 10px;
		width: 20px;
		height: 20px;
		background-size: 20px 20px;
	}

	.faq-list-wrapper dl dt .title {
		font-size: 1.154em;
		line-height: 1.333em;
	}

	.faq-list-wrapper dl dt .arrow {
		right: 10px;
	}

	.faq-list-wrapper dl dd {
		padding: 10px 10px 10px 40px;
	}

	.faq-list-wrapper dl dd .icon-a {
		top: 9px;
		left: 10px;
		width: 20px;
		height: 20px;
		background-size: 20px 20px;
	}

	.faq-list-wrapper dl dd .submit {
		font-size: 1.154em;
		line-height: 1.333em;
	}

	.images-box img.pc {
		display: none;
	}

	.images-box img.mobile {
		display: block;
	}

	.images-box img.mobile.image-openapi-process-mobile {
		max-width: 390px;
	}

	.faq-list-wrapper dl dt .title{font-size:14px;line-height:1.3;}

	.paging-navigation a.btn-first,
	.paging-navigation a.btn-preview,
	.paging-navigation a.btn-next,
	.paging-navigation a.btn-last {
		width: 22px;
	}
	
	/* 게시판 */	
	.board-area .total {
		clear: both;
		float: none;
		margin-top: 0;
		margin-bottom: 10px;
	}

	.board-area .total.fl {
		float: left;
		margin-top: 8px;
		margin-bottom: 0;
	}

	.board-area .search-wrapper {
		clear: both;
		float: none;
	}

	.board-area .search-area {
		position: relative;
		padding-bottom: 10px;
		text-align: left;
	}

	.board-area .search-area.fl {
		float: none;
	}

	.board-area .search-area select {
		display: block;
		width: 100%;
		height: 35px;
		line-height: 35px;
		margin-bottom: 5px;
	}

	.board-area .search-area .search-box {
		position: relative;
		display: block;
		padding: 0;
		padding-right: 85px;
		margin: 0;
		text-align: left;
	}

	.board-area .search-area .search-box input[type="search"] {
		display: block;
		border: 1px solid #a6aaaf;
		height: 33px;
		line-height: 33px;
		width: 100%;
		font-size: 1.154em;
		border-radius: 0;
		-webkit-appearance: none;
	}


	.board-area .search-area .search-box input[type="submit"] {
		position: absolute;
		top: 0;
		right: 0;
		height: 33px;
		line-height: 33px;
		color: #fff;
		width: 80px;
		border-radius: 0;
		border: 0;
		text-align: center;
		-webkit-appearance: none;
		cursor: pointer;

	}

	.board-area .search-wrapper.add-btns {
		position: relative;
		margin-bottom: 10px;
	}

	.board-area .search-wrapper.add-btns .search-area {
		padding-bottom: 0;
		margin-bottom: 5px;
	}

	.board-area .search-wrapper.add-btns .qna-insert-button {
		position: static;
		bottom: 0;
		right: 0;
		height: 33px;
		line-height: 33px;
	}


	.board-area .search-wrapper02 {
		position: relative;
		padding-bottom: 10px;
		text-align: left;
		clear: both;
		float: none;	
	}

	.board-area .search-wrapper02 .btn-s04 {
		position: static;
		width: 100%;
		margin-top: 5px;
		text-align: center;
	}
	
	.board-area .search-wrapper02 .search-area02.fr {
		float: none;
	}


	.board-area .search-wrapper02 .search-area02 select {
		display: block;
		width: 100%;
		height: 35px;
		line-height: 35px;
		margin-bottom: 5px;
		margin-left: 0;
	}

	.board-area .search-area02 .search-box02 {
		position: relative;
		display: block;
		padding: 0;
		padding-right: 85px;
		margin: 0;
		text-align: left;
	}

	.board-area .search-area02 .search-box02 select {
		display: block;
		border: 1px solid #a6aaaf;
		height: 33px;
		line-height: 33px;
		width: 100%;
		font-size: 1.154em;
		border-radius: 0;
	}

	.board-area .search-area02 .search-box02.selected-depth2 > select {
		float: left;
		width: 49%;
	}

	.board-area .search-area02 .search-box02.selected-depth2 > select:nth-child(even) {
		margin-left: 2%;
	}

	.board-area .search-area02 .search-box02 input[type="search"] {
		display: block;
		border: 1px solid #c0c0c0;
		height: 33px;
		line-height: 33px;
		width: 100%;
		font-size: 1.154em;
		border-radius: 0;
		-webkit-appearance: none;
	}


	.board-area .search-area02 .search-box02 input[type="submit"] {
		position: absolute;
		top: 0;
		right: 0;
		height: 33px;
		line-height: 33px;
		color: #fff;
		width: 80px;
		border-radius: 0;
		border: 0;
		text-align: center;
		-webkit-appearance: none;
		cursor: pointer;

	}


	/* 게시판 목록 */
	.board-list01 table {
		table-layout: auto;
		font-size: 1.154em;
	}

	.board-list01 table thead, 
	.board-list01 table tfoot {}
	.board-list01 table thead th {
		display: none;
	} 

	.board-list01.line01 table th,
	.board-list01.line01 table td {
		border-right: 0 !important;
	}

	.board-list01 table thead.mobile-show th {
		display: table-cell;
	}

	.board-list01 table tbody td {
		border-bottom: 1px solid #dddddd; 
		color: #545454; 
		text-align: center; 
		padding: 15px 0;
	}

	.board-list01 table tbody td a {
		display: block;
	}

	.board-list01 table tbody td .icon {
		margin-top: 0;
		margin-right: 2px;
	}


	.board-list01 table tbody td .mobile-info {
		padding-top: 5px;
		display: block;
	}

	.board-list01 table tbody td .mobile-info:after {
		content: "";
		clear: both;
		display: block;
	}

	.board-list01 table tbody td .mobile-info li {
		float: left;
		padding-right: 6px;
		margin-right: 5px; 
		font-size: 13px;
		color: #9e9e9e;

		background: transparent url(../images/icon_board_bar01.gif);
		background: -webkit-linear-gradient(transparent,transparent),url(../images/icon_board_bar01@2x.gif);
		background: linear-gradient(transparent,transparent),url(../images/icon_board_bar01@2x.gif);
		background-position:  right 7px;
		background-repeat: no-repeat;
		background-size: 1px 11px;	
	}

	.board-list01 table tbody td .mobile-info li.line-none,
	.board-list01 table tbody td .mobile-info li:last-child {
		padding-right: 0;
		margin-right: 0;
		background: transparent;
	}
	
	.board-list01 table tbody td .mobile-info li strong {
		font-family: "notoKrB", notoKrB, sans-serif;
		font-weight: 700;
	}
	
	.board-list01 table .writer,
	.board-list01 table .hit,
	.board-list01 table .hit02,
	.board-list01 table .hit03,
	.board-list01 table .counter,	
	.board-list01 table td.notice,
	.board-list01 table th.notice,
	.board-list01 table .affiliate,
	.board-list01 table .date,
	.board-list01 table .number,
	.board-list01 table .support,
	.board-list01 table .division,
	.board-list01 table .division02,
	.board-list01 table .disclosure,
	.board-list01 table .status,
	.board-list01 table .cycle,
	.board-list01 table .department,
	.board-list01 table .item,
	.board-list01 table .summary,
	.board-list01 table .hit-type {
		display: none;
	}

	.board-list01 table .number-block {
		vertical-align: top;
	}

	.board-list01 table .answer {
		width: 22%;
	}
	.board-list01 table .stats-type {
		width: 20%;
		color: #000;
		font-family: "notoKrM", notoKrM, sans-serif;
		font-weight: 500;	
	}
	.board-list01 table .btn-hit {
		width: 17%;
	}



	.board-list01 table tbody td.title,
	.board-list01 table tbody td.name {
		position: relative;
		width: auto; 
		text-align: left;
	}

	.board-list01 table tbody td.title {
		padding: 15px 0;
	}

	.board-list01 table tbody td.title a {
		display: -webkit-box;
		-webkit-line-clamp: 1; /* 라인수 */
		-webkit-box-orient: vertical;
		word-wrap:break-word;
		max-width: 98%;
		height: 1.5em;
		white-space: normal;
	}

	.board-list01.line01 table tbody td.title a {
		height: 1.077em;
		line-height: 1.154em;
	}

	.board-list01 table tbody td.name.mobile {
		width: 20%;
		padding: 15px;
		text-align: center;
		font-family: "notoKrM", notoKrM, sans-serif;
		font-weight: 500;
	}

	.board-list01 table tbody td .word-summary {
		display: block;
		white-space: normal;
		font-size: 0.923em;
		line-height: 1.167em;
	}

	.board-list01 table tbody td.title img {
		vertical-align: top;
	}

	.board-list01 table tbody td.no-data {
		font-size: 1.154em;
	}

	.board-list01 table tbody td .board-icon.pc {
		display: none;
	}

	.board-list01 table tbody td .board-icon.mobile {
		position: relative;
		display: inline-block;
		vertical-align: middle;
		margin-left: 0;
		margin-right: 2px;
		margin-top: -3px;
		width: 18px;
	}

	.btns-wrapper {
		clear: both;
		float: none;
		padding-top: 5px;
	}

	.board-top-information {
		margin-bottom: 5px;
	}

	.board-top-information .total.mt05 {
		margin-top: 2px !important;
		margin-bottom: 0
	}
	.word-right {
		font-size: 1em;
	}

	



	/* 페이징 네비게이션 */
	.paging-navigation {
		clear: both; 
		text-align: center; 
		padding-bottom: 0;
		margin: 20px 0;
	}
	.paging-navigation a {
		line-height: 22px; 
		min-width: 16px; 
		height: 22px; 
		padding: 0 3px;
		font-size: 13px;
	}

	.paging-navigation strong {
		line-height: 22px; 
		min-width: 16px; 
		height: 22px; 
		padding: 0 3px; 
		font-size: 13px;
	}



	/* 글보기 */
	.board-view .one-box {
		border-bottom: 1px solid #cccccc;
	}

	.board-view .half-area,
	.board-view .division-depth3-area {
		border-bottom: 0;
	}

	.board-view .half-box,
	.board-view .depth3-box,
	.board-view .depth3-box.type02 {
		float: none;
		width: 100%;
		border-bottom: 1px solid #cccccc;
		margin-bottom: -1px;
	}

	.board-view dl {
		padding-left: 95px;
	}

	.board-view dl dt {
		position: absolute;
		top: 0;
		left: 0;
		width: 70px;
		font-size: 1.154em;
	}

	.board-view dl dd {
		color: #545454;
		font-size: 1.154em;
	}

	.board-contents {
		position: relative;
		border-top: 1px solid #808086;
		margin-top: -1px;
		padding: 25px 20px;
		overflow: auto;
	}

	.board-contents > pre {
		font-size: 1.154em;
		line-height: 1.600em;
	}

	.board-contents img {
		margin: 10px auto;
	}

	.board-contents-answer {
		background: #fafafa;
		padding: 15px;
		margin-top: 25px;
	}

	.board-contents-answer > h3 {
		margin-bottom: 20px;
	}

	.board-contents-answer > p {
		margin-top: 20px;
	}

	.board-contents-answer > pre {
		width: 100%; 
		font-size: 1.000em;
		line-height: 1.385em;
		word-wrap: break-word;
		box-sizing: border-box; 
		white-space: pre-wrap;
		word-wrap: break-word; 
		font-family: "notoKrR", notoKrR, sans-serif;
		font-weight: 300;
	}


	/* 글쓰기 */
	.board-write dl {
		position: relative;
		padding-left: 90px;
		border-bottom: 1px solid #e3e3e3;
	}

	.board-write dl dt {
		width: 90px;
		font-size: 1em;
		margin-top: -6px;
	}

	.board-write dl dd {
		font-size: 1em;
	}

	.board-write dl dd .btn-sarch-type01 {
		display: inline-block;
		vertical-align: middle;
		height: 26px;
		line-height: 26px;
		font-size: 13px;
		background: #4cb7ee;
		color: #fff;
	}

	.board-write dl dd select {
		display: block;
		width: 100%;
		height: 26px;
		padding-left: 0;
	}
	.board-write dl dd .radio-checkbox-depth {
		max-width: none;
	}


	.board-write dl dd .ckecked-notice-area {
		margin-bottom: 10px;
	}

	.board-write dl dd .input-schdule-area {
		position: relative;
		padding-left: 0;
	}

	.board-write dl dd .input-schdule-area label {
		position: static;
		display: block;
		margin-bottom: 10px;
	}


	.board-write dl dd .alt-area {
		position: relative;
		padding-left: 0;
		padding-right: 0;
	}

	.board-write dl dd .alt-area label {
		position: static;
		display: block;
		padding: 10px 0 5px 0;
	}

	.board-write dl dd .alt-area .text-cmt {
		position: static;
		padding-top: 5px;
	}

	.board-write dl dd input[type="text"]:focus, 
	.board-write dl dd input[type="password"]:focus,
	.board-write dl dd input[type="email"]:focus {
		background: #f4f4f4;
	}

	.board-write dl dd input[type="text"].w30, 
	.board-write dl dd input[type="password"].w30,
	.board-write dl dd input[type="email"].w30 {
		width: 100%;
	}

	.board-write dl dd input[type="text"].w50, 
	.board-write dl dd input[type="password"].w50,
	.board-write dl dd input[type="email"].w50 {
		width: 100%;
	}

	.board-write dl dd input[type="text"].w70, 
	.board-write dl dd input[type="password"].w70,
	.board-write dl dd input[type="email"].w70 {
		width: 100%;
	}

	.board-write dl dd .input-phone-area select {
		width: 30%;
		max-width: 100px;
	}

	.board-write dl dd .input-phone-area span {
		width: 5%;
	}

	.board-write dl dd .input-phone-area input[type="text"] {
		width: 28%;
		max-width: 100px;
	}


	.board-write dl dd .input-mail-area select {
		width: 100%;
		max-width: 150px;
		margin-left: 1%;
	}

	.board-write dl dd .input-mail-area span {
		width: 10%;
		max-width: 20px;
	}

	.board-write dl dd .input-mail-area input[type="text"] {
		width: 42.5%;
		max-width: 150px;
		margin-bottom: 5px;
	}


	.board-write dl dd .zipcode-area {
		position: relative;
		padding-right: 115px;
	}

	.board-write dl dd .zipcode-area .btn-sarch-type01 {
		position: absolute;
		top: 0;
		right: 0;
	}

	.board-write dl dd .zipcode-area input[type="text"] {
		min-width: auto;
		max-width: none;
		margin-right: 0;
	
	}


	.board-write dl dd .adress-area {
		display: block;
	}

	.board-write dl dd .adress-area input[type="text"] {
		margin-top: 5px;
	}


	.editer-area {
		padding-top: 10px;
		height: 300px;
		border-top: 1px solid #545861;
	}

	.btns02 {
		display: block;
		padding: 0;
		text-align: center;
		border-radius: 0;
		-webkit-appearance: none;
	}

	.btns-2nd {
		float: left;
		width: 49% !important;
		padding: 0;
		text-align: center;
		border-radius: 0;
		-webkit-appearance: none;
	}
	.btns-3nd {
		float: left;
		/* width: 49% !important; */
		padding: 0;
		text-align: center;
		border-radius: 0;
		-webkit-appearance: none;
	}
	.btns-mr {
		margin: 0;
		margin-right: 1%;
	}

	.btns-ml {
		margin: 0;
		margin-left: 1%;
	}

	.w32 {
		float: left;
		width: 32%;
		padding: 0;
		margin: 0;
		margin-right: 2%;
	}

	.w25 {
		float: left;
		width: 24.25%;
		padding: 0;
		margin: 0;
		margin-right: 1%;
	}

	.mr-none {
		padding: 0;
		margin-right: 0;
	}

	.btn-m {
		height: 30px;
		line-height: 30px;
		font-size: 1em;
		color: #fff;
		box-sizing: border-box;
		margin: 0;
	}

	.btn-b {
		height: 45px;
		font-size: 1.154em;
		color: #fff;
		padding: 15px;
		box-sizing: border-box;
		margin: 0 2px;
	}

	.btn-download img {
		width: 19px;
		margin-top: 0;
	}

	.btns-area.pt45 {
		padding-top: 25px !important;
	}

	.board-top-information  .btns-wrapper.right-absolute {
		position: absolute;
		top: 0;
		right: 0;
		width: 100%;
		padding-top: 0;
		margin-top: -5px;
	}

	.board-top-information  .btns-wrapper.right-absolute > a {
		float: right !important;
	}

	
	.presentation-material-wrapper {
		padding-left: 0;
		height: auto;
	}

	.presentation-material-wrapper .presentation-material-title {
		display: none;
	}	

	.presentation-material-wrapper .presentation-material-tabmenu {
		position: static;
		width: 100%;
		height: 120px;
		margin-bottom: 15px;
	}

	.presentation-material-wrapper .presentation-material-tabmenu:after {
		content: "";
		clear: both;
		display: block;
	}

	.presentation-material-wrapper .presentation-material-tabmenu > li {
		float: left;
		width: 50%;
		height: 100%;
	}

	.presentation-material-wrapper .presentation-material-tabmenu > li > a {
		display: block;
		height: 100%;
		padding: 30px 15px 0 98px;
		text-align: left;
	}

	.presentation-material-wrapper .presentation-material-tabmenu > li > a.first {
		padding-top: 30px;
		border-bottom: 1px solid #d0d0d0;
		border-right: 0;
	}

	.presentation-material-wrapper .presentation-material-tabmenu > li > a .title {
		font-size: 1.385em;
		line-height: 1.111em;
		letter-spacing: 0;
		text-align: left;
	}

	.presentation-material-wrapper .presentation-material-tabmenu > li > a .date {
		min-width: 70px;
		padding: 0 10px;
		height: 22px;
		line-height: 22px;
		font-size: 0.923em;
		margin-bottom: 0;
	}

	.presentation-material-wrapper .presentation-material-tabmenu > li > a:hover .date,
	.presentation-material-wrapper .presentation-material-tabmenu > li > a.on .date {
		border-radius: 11px;
	}

	.presentation-material-wrapper .presentation-material-tabmenu > li > a > img {
		position: absolute;
		top: 50%;
		left: 20px;
		display: block;
		width: 55px;
		margin-top: -23px;
	}



	.presentation-material-wrapper .presentation-material-area {
		border: 0;
		border-left: 0;
		padding: 0;
		height: auto;
		overflow: auto;
	}

	.presentation-material-wrapper .presentation-material-area.bg0301 {
		background: transparent;
	}
	
	div.w50pr{width:auto;}
	.design_main > img{width: 20%; min-width: 85px;}
	.design_main .main_icon{position: relative; bottom: -20px; height: auto;}
	.design_main .main_icon img{width: 80%; min-width:45px;}
}

/******* 682 ******/
@media only all and (max-width: 682px){
	.design_main div span{font-size:12.5px; word-break: keep-all;}
	.design_main img:first-child{}
	.design_main span img:first-child{}
	.btn_allmenu_mobile.on{background-size:20px 20px;}
}

/******* 640 ******/
@media only all and (max-width: 645px){
	.footer ul li a{font-size:12px;}
	.footer .address .copyright{font-size:12px;}
	
	.login{background-size:70% auto;}
	
	.main_statistics{padding-top:25px;}
	.main_statistics ul{background:url(../images/main_menu_bg.png) no-repeat 90% 77%;}
	.main_statistics ul li{width:33.3%;}
	.main_statistics ul li a{width:90px;}
	.main_statistics ul li a span{font-size:13px;margin-top:70px;}
	.main_statistics ul li.mstat01 a,
	.main_statistics ul li.mstat02 a,
	.main_statistics ul li.mstat03 a,
	.main_statistics ul li.mstat04 a,
	.main_statistics ul li.mstat05 a{background-size:60%;}
	.main_statistics ul li.mstat05 a span{margin-top:70px;}
	
	.main_stat_link li{width:150px !important;}
	.main_banner_btn ul{right:5px;}
	
	.util_Menu {top:2.8%;}
	.util_Menu li{height:20px;}
	.util_Menu li a{font-size:14px;height:auto;}
	
	.design_main div span{font-size:13px;}
	.design_main img:first-child{}
	.design_main span img:first-child{position:relative;}
}

@media only all and (max-width: 580px){
	.nmain_notice ul li:first-child div a b{font-size:15px !important;}
	.nmain_notice ul li:first-child span{width:85%;overflow:visible;}
	.nmain_notice ul li a{font-size:12px;width:65% !important;}
	.nmain_notice ul li span{font-size:11px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;box-sizing:border-box;width:17%;}
	.nmain_notice ul li div:last-child{justify-content:flex-start}
	
	.design_main div span{font-size:12px;}
	
	.nmain_stat_txt strong{font-size:25px;}
	.nmain_stat_txt p{font-size:18px;}
	.nmain_stat_list ul li > div > strong{font-size:13px;line-height:1;}
	.nmain_stat_list ul li > div > div strong{font-size:18px;line-height:30px;}
	.nmain_stat_list ul li > div > div span{font-size:11px;}
	.nmain_stat_txt em{font-size:12px;padding:10px;}
		
	.nmain_footer_sub select{width:160px;font-size:11px;background:#fff url(../images/icon_arrow_down_gray.png) no-repeat 80% 50%/10px auto;}
	.nmain_footer_sub button{font-size:11px;}
	.nmain_footer_sub span{font-size:16px;}
}

@media only all and (max-width: 540px){
	.design_main div span{font-size:11.5px;}
	
	.nmain_stat_link ul{flex-wrap: wrap; justify-content:center;}
	.nmain_stat_link ul li{width: calc(33.3333% - 10px); margin-right: 10px}
	.nmain_stat_link ul li:nth-child(3),
	.nmain_stat_link ul li:nth-child(5){margin-right:0;}
	.nmain_stat_link ul li a{width:100%;height: auto;}
	.nmain_stat_link ul li a img{width:100%;}
	.nmain_stat_link ul li a span{font-size:13px;}
}

@media only all and (max-width: 530px){
	.design_main img:first-child{}

	
	.nmain_stat_txt strong{font-size:20px;}
	.nmain_stat_txt p{font-size:15px;}
	.nmain_stat_list ul li > div > div strong{font-size:15px;line-height:15px;}
	.nmain_stat_list ul li > div > div span{font-size:12px;}
	
	.nmain_go_intro span{font-size:15px;}
	.nmain_go_faq span{font-size:15px;}
	.nmain_go_box > a span{font-size:15px;}
	.nmain_go .item .right_arrow.wh{background-size:20px;}
	.nmain_go .item .right_arrow.bl{background-size:20px;}
	.nmain_go .ico_wrap img{width:50px;}
	
	.util_Menu{right:-25vw;top:2.5%;}
}

@media only all and (max-width: 499px){
	.nmain_link1 ul li a.nml01{background-size:60px;}
	.nmain_link1 ul li a.nml02{background-size:60px;}
	.nmain_link1 ul li span{font-size:12px;}
	.nmain_link2 ul li a.nml03{background-size:55px;}
	.nmain_link2 ul li a.nml04{background-size:60px;}
	.nmain_link2 ul li span{font-size:12px;}
	
	.nmain_notice h3{font-size:20px;left:112px;padding:5px 0 15px 0;}
	.nmain_footer_sub{padding:0 40px;}
	.nmain_footer_sub select{width:130px;background:#fff url(../images/icon_arrow_down_gray.png) no-repeat 87% 50%/10px auto;padding-right:25px;}
	
	.footer ul li a{background-size:150px;}
	.footer .address address{font-size:12px;}
	.footer .address address > div{font-size:12px;}
	.footer .address address > div a{font-size:12x;}
	.footer .address .copyright{font-size:10px;}
	
	.logo_gong1 a img{width:100px;top:10px;}
	
	.design_main{height:100px;}
	.design_main img:first-child{}

	.design_main div b span:first-child{font-size:16px;}
	.design_main div b span:not(:first-child){font-size:20px;}
	.design_main div span{font-size:10.5px;}
	
	.nmain_go .item{height:235px;}
	.util_Menu li a{width:50px;}
	
	.nmain_notice ul li:first-child{padding:15px;}
	.nmain_notice ul li:first-child div a b{font-size:13px !important;}
}

@media only all and (max-width: 439px){
	.nmain_go_intro span{font-size:13px;}
	.nmain_go_box > a span{font-size:13px;}
	.nmain_go_faq span{font-size:13px;}
	
	.nmain_stat_list ul li > div > strong{font-size:12px;}
	
	.line{left:195px;width:18px;}
	.notice_text{left:220px;font-size:11px;}
	
	.footer .address address{font-size:10.5px;}
	.footer .address address > div{font-size:10.5px;}
	.footer .address address > div a{font-size:10.5px;}
	
	.nmain_go .item{height:200px;}
	.nmain_go_intro, .nmain_go_faq{padding:30px;}
	.nmain_go_box > a{padding:15px 25px;}
	
	.header{height:40px;}
	.logo_gong1 a img{width:75px;top:5px;}
	
	.utilmenu button{top:-3px;display:flex; align-items:center}
	.utilmenu button a{font-size:10px;}
	.utilmenu button a img{margin:-1px 0px  0px 8px;width:12px;}
	.utilmenu_icon li a{width:40px;height:40px;}
	
	.btn_allmenu_mobile.on{width:45px;height:50px;background-size:15px 15px;}
}

@media only all and (max-width: 425px){
	.nmain_notice ul li:first-child{padding:15px;}
	.design_main{padding:20px;}
	.nmain_stat_list ul li > div{padding:0;}
}

@media only all and (max-width: 395px){
	.design_main{padding:10px;}
	
	.nmain_notice img{left:30px; width:60px}
	.nmain_notice_more span{top:40px;left:45px;}
	.nmain_notice ul li:first-child div a b{font-size:12px !important;}
	.nmain_notice ul li a{font-size:11px;}
	
	.nmain_footer_sub{padding:0 25px;}
	.nmain_footer_sub select{width:117px;padding-right:15px;font-size:10px;height:35px;}
	.nmain_footer_sub span{font-size:14px;}
	
	.nmain_stat_link ul li a span{top:-30px;}
	
	.footer{padding:20px 30px;}
	.footer .address address > div{justify-content:space-between;}
	.footer .address address > div span{padding:0 5px;}
	.footer .address address > div span:first-child{padding:0px 5px 0 0}
	
	.util_Menu li:not(:first-child){padding-left:20px;}
}

@media only all and (max-width: 375px){
	.design_main img:first-child{}
	.design_main div b span:first-child{font-size:14px;}
	.design_main div b span:not(:first-child){font-size:16px;}
	.design_main div span{font-size:10px;}
	.design_main{height:75px;}
	
	.square{left:97px;}
	.line{left:180px;}
	.notice_text{left:205px;}
	
	.nmain_notice h3{left:100px;}
}

@media only all and (max-width: 360px){
	html, body{width:100%;min-width:360px;overflow-x:hidden;}
	.nmain_notice ul li:not(:first-child){
		left: 45%;
	}
}

/******* 480 ******/
@media only all and (max-width: 640px){
	.footer ul{width:300px;}
	.footer ul li{float:none;display:inline-block;}
	.login{background-size:80% auto;}
	.main_visual_stat{width:330px;}
	.main_stat_link{width:660px;}
	.main_stat_link li{margin-right:15px;}
	.main_stat_link a{width:150px;height:252px;}
	.main_stat_link a strong{font-size:15px;width:96px;height:37px;}
	.main_stat_link a p{font-size:28px;}

	.main_stat_link a:hover{width:150px;height:252px;border:none;background-position:0 0;}
	.main_stat_link a:hover i{height:24px;line-height:24px;padding-left:6px;}

	.sitemap-area .sitemap-box {
		margin-bottom: 0;
	}

	.sitemap-area .sitemap-box:after {
		content: "";
		clear: both;
		display: block;
	}

	.sitemap-area .sitemap-box dl {
		clear: both;
		float: none;
		width: 100%;
		margin-bottom: 20px;
	}



	.presentation-material-wrapper .presentation-material-tabmenu {
		position: static;
		width: 100%;
		height: 90px;
		margin-bottom: 10px;
	}

	.presentation-material-wrapper .presentation-material-tabmenu > li > a {
		padding: 20px 10px 0 65px;
	}

	.presentation-material-wrapper .presentation-material-tabmenu > li > a.first {
		padding-top: 20px;
	}

	.presentation-material-wrapper .presentation-material-tabmenu > li > a .title {
		font-size: 1.077em;
		line-height: 1.143em;
		margin-bottom: 10px;

	}

	.presentation-material-wrapper .presentation-material-tabmenu > li > a .date {
		padding: 0 5px;
		min-width: auto;
		height: 20px;
		line-height: 20px;
		font-size: 0.846em;
		background: transparent;
		color: #999999;
	}

	.presentation-material-wrapper .presentation-material-tabmenu > li > a > img {
		position: absolute;
		top: 50%;
		left: 10px;
		display: block;
		width: 43px;
		margin-top: -19px;
	}

	.presentation-material-wrapper .presentation-material-tabmenu > li > a:hover .date,
	.presentation-material-wrapper .presentation-material-tabmenu > li > a.on .date {
		border-radius: 10px;
	}
	
	
}

/******* 360 ******/
@media only all and (max-width: 360px){
	.main_banner_btn ul{right:4px;}
}

/******* 320 ******/
@media only all and (max-width: 320px){
	body{overflow-x:hidden;}
	.sub_header > h3{font-size:14px;margin-top:-7px;}

	.main_stat_link{width:580px;}
	.main_stat_link a{width:130px;}
	.main_stat_link a:hover{width:130px;}
	
	.main_visual_stat{width:286px;}
	.main_stat_link li{width:130px !important;}
	.main_banner_btn ul{right:0;}
	
}