@charset "utf-8";
/* 반응형 */
/*
@media screen and (max-width:1700px){
.quick_wrap { display:none; }

}
*/
@media screen and (max-width:1400px){

	#top_layout #top_wrap { width:100%; }
	#top_layout #top_wrap .logo { left:1rem; }
	#body_layout .body_wrap { width:100%; padding:0 1rem; }
	#footer_layout .footer_wrap { width:100%; padding-left:1rem; padding-right:1rem;}

	#top_layout .bg_layout:after { display: none; }
	#top_layout .bg_layout:before { display: none;}
	#top_layout .bg_wrap { width:100%; }
	#top_layout .bg_wrap .bg_inner { width:22%; }


	.swiper-wrapper .swiper-slide-active .main_txt { width:94%; }
	.swiper-wrapper .swiper-slide-active .main_txt.alL { margin-left:7%; }
	.swiper-wrapper .swiper-slide-active .main_txt.alR { margin-left:7%; }
	.swiper-wrapper .visual01:after { right:0; left:auto;}
	.swiper-wrapper .visual03:after { right:0; left:auto;}

	#footer_layout .footer_link { width:100%; padding-right:1rem; padding-left:1rem; }


	.main_content { width:96%; margin:0 2%; }
	.main_content .main_banner { width:calc(100% - 46rem); }
	.ul_banner { width:100%; }
	.main_content .main_notice { width:40rem }
	.ul_banner li { width:calc(33% - 1rem);  }



	/*20230630 s*/
	.table_scroll {overflow-x: auto; }
	.table_scroll .p-table.scrollcol { min-width: 1120px; margin-bottom: 0.3rem;}
	.table_scroll .p-table.scrollrow { min-width: 1120px; margin-bottom: 0.3rem;}
	/*20230630 e*/
	
	/*.quick_wrap { display:none; }*/

	/*20230630-1 s*/
	.agree_chkbox dl dt .right { position:relative; text-align:right; margin-top:1rem; color:#535353; }


}


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

	#top_layout #top_wrap { width:100%; }

	#gnb_layout { display:none; }



	#footer_layout .footer_link .ul_footlink li:first-child:before { display:block; }
	#footer_layout .footer_link .ul_footlink li {padding-left:1rem; }



	#shadow_device { display:block; position:absolute; top:95px; width:100%; box-shadow:10px 10px 10px rgba(0 0 0 / 20%); -webkit-transition: all 0.5s ease; transition: all 0.5s ease; z-index:1000;}
	#shadow_device ul { position:relative;  padding:0; background: #153b7c; height: auto;  width: 100%; }
	#shadow_device ul li { display:block; margin:0; }
	#shadow_device ul li a {position: relative; display: block; height: 100%;  color:#fff; text-align:left; line-height:1.1;  padding:2rem 2rem; border-bottom:#3b5b91 solid 1px; font-size:1.8rem; background:url(../img/bg_mo_mn01.png) no-repeat 98% center; }
	#shadow_device ul li a.active { background:url(../img/bg_mo_mn02.png) no-repeat 98%  center; }


	#shadow_device #mo_gnb > ul > li > a:hover,
	#shadow_device #mo_gnb > ul > li > a:focus,
	#shadow_device #mo_gnb > ul > li > a.active{color:#fff8a7;}

	#shadow_device .subgnb { position:relative; left:0; top:0; width: 100%; text-align: left;}
	#shadow_device .subgnb > ul { padding:0; width:100%; background:#092f70;}
	#shadow_device .subgnb > ul li a { margin: 0; padding:0.8rem 2rem 0.8rem 3.5rem; border-bottom:#163b7a solid 1px; line-height: 2; font-size:1.7rem; background:none; }
	#shadow_device .subgnb > ul > li a:hover{ color:#fff8a7; }
	#shadow_device .subgnb > ul > li span.num { font-size:1.4rem; background:#e6e8ed; font-weight:400;  border-radius:2rem; padding:0.2rem 1rem; margin-right:0.3rem; color:#3a3a3a;}


	#shadow_device .subgnb > ul > li a:hover span.num,
	#shadow_device .subgnb > ul > li a:active span.num,
	#shadow_device .subgnb > ul > li a:current span.num,
	#shadow_device .subgnb > ul > li a:focus span.num { font-weight:400; color:#3a3a3a; text-decoration:none;}



	#top_layout .bg_layout { display:none; }
	#allmenu_layout .pc-sitemap { display:none; }
	#allmenu_layout .mo-gnbbtn { display:block; }

	.main_content .main_banner { width:100%; margin-bottom:5rem; }
	.main_content .main_notice { width:100%; margin: 0 auto; display: block; }

	.paper_wrap { margin-top:5rem;  justify-content: space-between;}
	.paper_wrap .item { margin-right: 0; width: 49%;margin:0 0 3rem 0;}

	






}


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

	.lnb_layout { display:none; }
	#svisual_layout .svisual_wrap { width:100%; }
	#svisual_layout:before { right:0rem; }
	#svisual_layout:after { left:0; }
	#svisual_layout .svisual_wrap h2 { font-size:3.5rem; }
	#contents { width:100%;}


	/*.swiper-wrapper .visual01:after { background-size:96%;}
	.swiper-wrapper .visual02:after { background-size:96%;}
	.swiper-wrapper .visual03:after { background-size:96%;}*/
	.swiper-wrapper .swiper-slide-active .main_txt .subtitle { font-size:2rem; }
	.swiper-wrapper .swiper-slide-active .main_txt .maintitle { font-size:2.9rem; }
	.swiper-button-prev, .swiper-container-rtl .swiper-button-next { width:20px; height:40px; background-size:20px 40px; }
	.swiper-button-next, .swiper-container-rtl .swiper-button-prev { width:20px; height:40px; background-size:20px 40px; }


	#footer_layout .footer_wrap .logo { position:relative;  text-align:center; top:auto; margin:1rem 0;}
	#footer_layout .footer_wrap .copy { padding:2rem 1rem 1rem 1rem; }
	#footer_layout .footer_wrap .copy p { text-align:center; }
	#footer_layout .footer_wrap .copy p span { display:block; }


	.ul-sum li { display:block;}

}



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

	#top_layout { height:11.5rem; }
	#top_layout #top_wrap .logo { top:5rem; }
	#allmenu_layout .mo-gnbbtn { top:6.5rem; }
	#allmenu_layout .mo-gnbclose { top:5.8rem;  }

	#shadow_device { top:103px; }


	#utile_layout { position:relative; top:0; right:0; width:100%; height:3.1rem;  background:#3d536a; }
	#utile_layout .user_wrap ul { position:absolute; right:0;padding:0 0.3rem; height:3.1rem; }
	#utile_layout .user_wrap ul li { line-height: 3.1rem; vertical-align:middle; margin-right:2rem;}
	#utile_layout .user_wrap ul li .userinfo:after { background:none;}
	#utile_layout .user_wrap ul li:nth-child(2) { padding-left:0rem; }
	#utile_layout .user_wrap ul li .userinfo { height:3.1rem; padding:0 1.3rem 0 3.3rem; color:#fff; background:#265b8f; display:block; vertical-align:middle;  }
	#utile_layout .user_wrap ul li .userinfo:before { width:18px; height:18px; background-color: transparent; left:1rem; top:calc(50% - 9px); }
	#utile_layout .user_wrap ul li .userinfo em { color:#fff; font-weight:500; text-decoration:none; }
	#utile_layout .user_wrap ul li button { color:#fff; vertical-align:middle;}

	#utile_layout .user_wrap ul li .userlogin { padding-right:0; }
	#utile_layout .user_wrap ul li .userlogin:before { background:none; }


	#allmenu_layout .menu_wrap:before { display:none; }
	#allmenu_layout .menu_wrap:after { display:none; }





	.swiper-wrapper .btn { width:130px; }


	.ul_banner { display:block; }
	.ul_banner li { width:100%; margin-bottom:1.5rem; }
	.ul_banner li a { height:9rem; }
	.ul_banner li a:before { right:5%; bottom:30px;}

	#footer_layout .footer_wrap .logo img { width:170px; }


	#svisual_layout .svisual_wrap h2 { font-size:2.9rem; }


	.topinfo_box { padding:2rem 1rem 1rem 12rem; min-height:9rem; }
	.topinfo_box.ico01:before { top:2.5rem; left:2rem;  }
	.topinfo_box.ico01:after { top:1rem; left:1rem; }


	

	.btn_pdf { font-size:1.6rem; }

	.board_write .write_row > div { display:block; }
	.board_write .write_row .header { width:100%; }
	.board_write .write_row .cont { width:100%; }

	.board_top_wrap{display:block; padding:2rem 2rem;}
	.board_top_wrap .boardtop_num { margin-bottom:1rem; }
	.board_top_wrap .boardtop_search select,
	.board_top_wrap .boardtop_search button,
	.board_top_wrap .boardtop_search input { width:100%; margin-bottom:0.5rem;}


	.layer_pop_inner { width:96%; }


	.login_wrap .item { width:calc(50% - 3.2rem); height:35rem;}
	.login_wrap .item .con { padding:1.5rem; }


	.sitemap_wrap { margin-bottom:0; }
	.sitemap_wrap > ul  { width:100%; flex-wrap:wrap; }
	.sitemap_wrap > ul > li { width:47%; margin-bottom:3rem;  }


	.ul-sum li { text-align:left;}
	.ul-sum li span { display:block; margin-bottom:1rem;}

	.offline_inner { width:98%; }


	.box.comm { padding: 2.5rem 2rem 2.5rem 2rem;}

	.ul_comm li { line-height:1.3; }
	.ul_comm li.non { line-height:1.3; }

	.ul_commlist li { line-height:1.2; }
	.ul_commlist li > ul > li { padding-left:2rem; }
	.ul_commlist li > ul > li:before { left:1rem; }

	.box.exp .exp_inner { padding: 2rem 1.5rem;}

	.privguide > li {width:49%; }
	
	

	.paper_wrap .busi_right li { margin-bottom:0; }
	.paper_wrap .busi_right li .type { font-size:1.2rem; }
	

	.fake_wrap .fake_inner { padding:2rem 1rem;  }
	.fake_wrap .fake_inner:before { right:1.5rem; top: 0.5rem; width: 13rem; height: 7rem; background-size: 70%;}
	.fake_wrap .fake_title span { display: block; font-size: 1.8rem;}
	.fake_wrap .fake_title { font-size: 1.6rem; }





	/*20230630-1 s*/
	.agree_chkbox { padding:1rem;}
	.agree_form { padding:0;}
	.agree_chkbox dl dt { font-size:1.7rem; margin-bottom: 0; }
	.agree_chkbox dl dt .right { font-size:1.6rem; margin-top:0; }
	.agree_chkbox_in { padding:2rem; }


	/*202306 만족도조사*/
	.josa_tab { padding: 1rem 0; border-bottom: 0;}
	.josa_tab ul { border-left:#f3f3f3 solid 1px; }
	.josa_tab ul li {text-align: left; border:#f3f3f3 solid 1px; border-left: 0; padding-top: 5px; }
	.josa_tab ul li:before { display: none; }
	.josa_tab ul li span { display: block; text-align: center; padding:40px 10px 10px 10px;} 
	.josa_tab ul li:nth-child(1) span { background-position: center top;}
	.josa_tab ul li:nth-child(2) span { background-position: center top;}
	.josa_tab ul li:nth-child(3) span { background-position: center top;}
	.josa_tab ul li.on { border:#ff5d48 solid 1px;}
	.josa_tab ul li.on:nth-child(1) span { background-position: center top;}
	.josa_tab ul li.on:nth-child(2) span { background-position: center top;}
	.josa_tab ul li.on:nth-child(3) span { background-position: center top;}
	
	.josa_box{ padding: 2rem;}
	.josa_inner1 {  padding: 1rem;}
	.josa_inner2 { font-size:13px;}
	
	.ul_answer { display: block;}
	.ul_answer li { width:100%; margin-bottom: 1rem;}
	
	.faq_wrap .box_q { padding:1.5rem 2rem;}
	.faq_wrap .box_a { padding:1.5rem 2rem;}
	
	.josa_last .josa_last_title:before { top:2rem; }
	.josa_last .josa_last_in { padding:3rem 1rem; }
	.josa_last .josa_info { width: 100%; padding:2rem 1rem; }
}

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


	.ul_banner li .bn_title03 { padding-right:34px; }
	.ul_banner li .bn_title03 .i_txt {width: 100%;opacity: 1;}

	.ul_banner li .bn_title03:after { position:absolute; display:block; right:0; top:6px; content:''; background:url(../img/bg_bn_go.png) no-repeat right center; width:28px; height:6px; }
	.ul_banner li a:hover .bn_title03 .i_txt {  width:100%; opacity:1; }


	#svisual_layout { padding:3rem 0 2.5rem 0 }
	#svisual_layout:before { display:none; }
	#svisual_layout .svisual_wrap h2 { font-size:2.6rem; }
	.topinfo_box.ico01:after { display:none; }
	.topinfo_box.ico01:before { display:none; }
	.topinfo_box { padding: 1.5rem 0.5rem 0.5rem 1.5rem; }


	.paper_wrap .item { width:100%; }
	.paper_wrap .item .con .inner { min-height:auto; padding-bottom:1rem;}
	
	

	.board_view .write_info li { display:block; padding-left:0; }
	.board_view .write_info li:before { display:none; }
	.board_view .file_down h5 { display:block;}
	.board_view .file_down ul { display:block;}

	.board_pager_wrap .pagenum_box > a { width: 22px; height: 22px;}
	.board_pager_wrap .pagenum_box > ul li a { width: 22px; height: 22px; line-height: 22px; font-size: 1.6rem;}
	.board_pager_wrap .pagenum_box > ul li a.active { margin: 0px 6px;}

	.login_wrap .item { width:100%; margin:0 0 2rem 0;}
	.login_wrap .item .con .inner { min-height:auto; }
	.login_wrap div:nth-child(2) { height:30rem;}
	.login_wrap div:nth-child(3) { height:30rem;}

	.offline_inner { padding:12rem 1rem 2.5rem 1rem;}
	.offline_inner:before { left:calc(50% - 4.5rem) }
	.offline_inner p { text-align:center; }
	.btn_certity_mini {  margin:0 auto; width:100%; padding:1rem;}

	/*20230630 s*/
	.swiper-slide { align-items: flex-start; padding-top:12%; }
	.swiper-container .swiper-slide { height:200px;}
	.swiper-wrapper .swiper-slide-active .main_txt .maintitle { font-size:2.3rem;}
	.swiper-wrapper .swiper-slide-active .main_txt .subtitle { font-size:1.7rem;}
	.swiper-wrapper .swiper-slide-active .main_txt p span { display:block; }
	.swiper-wrapper .swiper-slide-active .main_txt.alL { margin-left:10%; }
	.swiper-wrapper .swiper-slide-active .main_txt.alR { margin-left:10%; }


	.swiper-wrapper .visual01:after { width:300px; left:calc(70% - 150px); height: 240px; background-position:center bottom; background-size: contain;}
	.swiper-wrapper .visual02:after { width:300px; left:calc(70% - 150px); height: 240px; background-position:center bottom; background-size: contain; }
	.swiper-wrapper .visual03:after { width:300px; left:calc(70% - 150px); height: 240px; background-position:center bottom; background-size: contain; }
	.swiper-button-next, .swiper-button-prev { top:40%; }
	/*20230630 e*/


	#footer_layout .footer_link .ul_footlink { padding:1.5rem 0; }
	#footer_layout .footer_link .ul_footlink li { margin-right:1rem; padding-left:1rem; font-size:1.4rem;}
	#footer_layout .footer_wrap .copy p span { font-size:1.5rem; }



	.sitemap_wrap > ul > li { width:100%; margin-bottom:3rem;  }


	.list_wrap ul li .answer_row .answer_top .answer_title { padding-top:0.2rem; }
	.list_wrap ul li .answer_row .answer_top .right_btn p { display:block; }
	.list_wrap ul li .answer_row .answer_top .right_btn p button{ margin-bottom:0.2rem; }
	.list_wrap ul li .answer_row .answer_top .right_btn .btn_round_m { padding:0.2rem 0.6rem; }

	.banner_title { font-size:2.2rem; }
	.ul_banner li .bn_title01 { font-size:2rem; }

	.main_notice .noti_title { font-size:2.2rem; }


	#contents h1.lg { font-size:2.2rem; }

	.ul_commlist li {font-size:1.7rem; }

	.board_view .view_title { font-size:1.8rem; padding:1.7rem 2rem 1.7rem 2rem; }

	.topinfo_box .infotitle  {font-size:1.7rem; }

	.agree_wrap { padding:2rem; }
	.agree_wrap .agree_title { font-size:1.8rem; }
	.agree_wrap .agree_chkbox_in { padding:2rem; }


	.box.info .box_text { font-size:1.6rem;}
	
	.btn_blank { display: inline-block; vertical-align: top;}

	.sitemap_wrap > ul > li .site_tit { font-size:2rem; }


	.btn_round_xxl { padding:1.8rem 3.8rem; font-size:1.6rem; line-height:1.6rem; }
	.btn_round_xxl span { font-size:1.6rem; line-height:1.6rem; }
	.btn_round_xl { padding:1.5rem 3.4rem; font-size:1.6rem; line-height:1.6rem; }
	.btn_round_xl span { font-size:1.6rem; line-height:1.6rem; }
	.btn_round_lg { padding:1rem 3.0rem; font-size:1.6rem; line-height:1.6rem; }
	.btn_round_lg span { font-size:1.6rem; line-height:1.6rem; }


	.popup_wrap .p_header { padding: 2rem 4.5rem 2rem 2rem;}
	.popup_wrap .p_header h1 { font-size:1.8rem;  }

	.allagree_wrap { padding:2rem; }

  	.privinfo_wrap { padding: 2.2rem;}
	.privinfo_wrap .infotitle span { display: block; font-size: 2rem;}

  	.privguide > li {  margin-bottom: 1rem;}
	.privguide > li .tit { padding: 1.5rem 0.5rem; font-size: 1.6rem;}

	.privguide > li .txt_box{ height: 22rem; }



	.layer_pop_inner .pop_content { overflow-y: scroll; height: 20rem; padding:1rem; }
	.box.return { padding:1rem; }

	.error_wrap .error_title { font-size: 1.9rem;}

	/*202306 만족도조사*/
	.layer_pop_inner { width: 96%;  }
	
	.login_wrap2 .login_title {  padding-bottom: 10rem; }
	.login_wrap2 .item .con .inner {min-height: 15rem;}
	.login_wrap2 .item:first-child:before { height:140px; }
	.login_wrap2 .item .con { padding: 2rem 1rem;}
	.login_wrap2 .item .miniimg img {width: 100px;}
	.login_wrap2 .btn_certity { font-size:13px; padding:10px;}
	.login_wrap2 .login_title:before { left:calc(50% - 40px); }
	.login_wrap2 .login_title.ico01:before { width:80px; height:80px; background-size: contain; }
	.login_wrap2 .login_title.ico02:before { width:80px; height:80px; background-size: contain; }


}