@charset "UTF-8";

@media screen and (max-width:1400px){
	.img_tc .list li .img_box .img_inner {width: 180px;}
    
}


@media screen and (max-width:1280px){
	/* ==================== 저작권정책 ==================== */
	.literary_property_cont > .box {padding: 74px 88px 65px;}
	.literary_property_cont .box .tit_box {padding: 0 0 48px; text-align: center;}
	.literary_property_cont .box .tit_box .title {padding: 120px 0 0; background-position: center top;}

	/* 2021-09-24 추가 */
	.literary_property_cont.sty2 .box .tit_box .title {padding: 120px 0 0;}
	/* ==================== 저작권정책 ==================== */

	/* 2021-09-24 추가_웹진 */
	.web_cont .web_box .box .info_box {padding: 0 0 0 370px;}

	/* 1109 */
	.book_area2 .img_cont {width: 300px;}
	.book_area2 .info_list {padding: 0 0 0 30px;}
	
	/* 11-26 */
	.rule_box > .box {padding: 10px;}
	.rule_box > .box .box_inner .img_box img {width: 220px; height: 220px;}
    
}


@media screen and (max-width:1080px){
   /* 연혁 */
	.tab_inner .list > li > .list {margin: 10px 0 0; padding: 10px 0 10px 5px;}
	.tab_inner .list > li > .list > li .left {font-size: 14px; line-height: 21px;}
	.tab_inner .list > li > .list > li .right {font-size: 14px; line-height: 21px;}
	.tab_inner .img_box {display: none;}
   /* // 연혁 */
	.com_top .box {padding: 0;}
	.com_top .box .title_area {position: inherit; width: 100%; background-size: cover;}
	.com_top .box .title_area .tit_box .tit_inner .tit br {display: none;}
	
	.com_top .box .img_bg {display: none;}
	.com_bottom {margin: 20px 0 0;}
	.com_bottom .img_box {display: none;}
	.com_bottom .com_text {display: block; padding: 0;}
	.com_bottom .com_text .text {margin: 15px 0 0;}
	.com_bottom .com_text .text br {display: none;	}
   
   /* 사업소개 */
   .info_area .img_box {display: none;}
   .info_area .info_box {padding: 0;}
   .info_area .info_box .tit_box {padding: 0 0 30px;}
   .info_area .info_box .tit_box br {display: none;}
   .info_area .info_box .tit_box:after {bottom: 15px;}
   .info_area .info_box .tit_box .tit {font-size: 30px; line-height: 45px;}
   .info_area .info_box .txt_area .sub_tit {font-size: 22px; line-height: 33px;}
   .info_area .info_box .txt_area .txt {margin: 10px 0 0;}
   .cont_area .list li .cont .img_box {width: 350px;}
   .cont_area .list li .cont .txt_box {padding: 0 0 0 20px;}
   .cont_area .list li .cont .txt_box .txt_inner .txt {margin: 20px 0 0;}
   /* //사업소개 */
   
   /* 텍스트박스 공통 */
   .info_txt_box {margin: 0 0 40px;}
   .info_txt_box .title_area {padding: 20px;}
   /* //텍스트박스 공통 */

   /* 텍스트 area 공통 */
   .text_area .title br {display: none;}
   /* //텍스트 area 공통 */

   /* 회색박스 사용시 */
   .gray_box {margin: 30px 0 0;} 
   .list2 {margin: 5px 0 0; padding: 5px 10px;}
   .list2 li > .txt {margin: 5px 0 0;}

   /* 스타일 공통 */
   .cont_list > li {margin: 50px 0 0;}
   .table_cont .table_box {margin: 15px 0 0;}
   
   .com_cont > .text {margin: 5px 0 0;}
   .com_cont .com_box {margin: 15px 0 0;}
   .com_cont .com_box .com_list > li {margin: 13px 0 0;}
   .com_list > li {margin: 10px 0 0;}

   .img_cont .img_box {margin: 15px 0 0;}
   .img_cont .img_box > .list > li {margin: 10px 0 0;}
   .img_cont .img_box > .list > li .txt_area .txt {margin: 5px 0 0;}
   /* //스타일 공통 */
   
   /* 문의박스 공통 */
   .inquiry_box {margin: 30px 0 0; padding: 20px;}
   .inquiry_box .title {display: block; margin: 0; padding: 0;}
   .inquiry_box .title:before {display: none;}
   .inquiry_box .inquiry_list {display: block;}
   .inquiry_box .inquiry_list .list {display: block; margin: 10px 0 0; padding: 0;}
   /* //문의박스 공통 */

   /* 아이콘 텍스트 박스 공통 */
   .icon_txt_box .list li {margin: 20px 0 0;}
   .icon_txt_box .list li .txt_area .txt_box {margin: 10px 0 0; padding: 10px;}
   .icon_txt_box .list li .txt_area .img_box {margin: 0 0 10px;}
   /* //아이콘 텍스트 박스 공통 */
   
   .info_txt_box.sty3 .title_area {padding: 10px;}
   .info_txt_box .info_txt_box_inner:before {display: none;}
   .info_txt_box .info_txt_box_inner .title_area {padding: 20px;}

   /* 텍스트이미지박스 공통 */
   .com_txt_box .txt_list > li {margin: 0 0 30px; padding: 0 0 30px;}
   .com_txt_box .txt_list > li .txt_area .txt_box .tit.sty3 {margin: 0 0 10px; padding: 0;}
   .com_txt_box .txt_list > li .txt_area .txt_box .sub_tit {margin: 0 0 20px; padding: 0;}
   .com_txt_box .txt_list > li .txt_area .txt_box > img {display: none;}
   .com_txt_box .txt_list > li .txt_area .img_box.sty2 {margin: 0 0 10px;}

   .com_txt_box .txt_list.sty3 > li {margin: 0 0 20px;}
   /* //텍스트이미지박스 공통 */

   /* 리스트 타이틀 공통 */
   .list_com_tit {margin: 0 0 15px;}
   /* //리스트 타이틀 공통 */

    /* ci 박스 */
	.ci_box_area .box.i_b {margin: 25px 40px 0 0;}
	.ci_box_area .box.i_b:last-child {margin: 25px 0 0;}
	.ci_box_area .box .inner_box .txt_box {padding: 0 210px 0 0;}
	/* //ci 박스 */
	
	/* 텍스트버튼박스 공통 */
	.txt_btn_box {padding: 20px;}
	.txt_btn_box .title_box .title_inner .text {margin: 5px 0 0;}
    .txt_btn_box .qna_btn {position: inherit; top: inherit; right: inherit; margin: 15px 0 0;}
	.txt_btn_box .qna_btn a {width: 160px;}
    .txt_btn_box .qna_btn a .text {font-size: 14px; line-height: 40px;}
	/* //텍스트버튼박스 공통 */
	
	/* 이미지 리스트박스 (브로셔/웹진)
	.product_list .box .pro_list > .list > li {width: calc(33.33% - 20px);}
	.product_list .box .pro_list > .list > li:nth-child(3n) {margin: 0 0 30px;}
    .product_list .box .pro_list > .list > li:nth-child(4n) {margin: 0 30px 30px 0;}
    .product_list .box .pro_list > .list li a .img_box .inner_box .inner {height: 248px;}
	 이미지 리스트박스 (브로셔/웹진) */

	/* 이미지 리스트박스 (브로셔/웹진) */

	/* 2021-09-24 추가 */
	.web_cont .web_box {padding: 4px;}
	.web_cont .web_box > .box {padding: 20px;}
	.web_cont .web_box .box .box_inner {position: inherit; top: inherit; lefT: inherit; display: block; text-align: center;}
	.web_cont .web_box .box .box_inner .img_box {display: inline-block;}
	.web_cont .web_box .box .box_inner .img_box .img_inner .inner {position: inherit;}
	.web_cont .web_box .box .info_box {padding: 0; margin: 20px 0 0;}
	/* 2021-09-24 추가 */

	.product_list {margin: 35px 0 0;}
    .product_list .box .pro_list > .list > li {width: calc(50% - 7.5px); margin: 0 15px 15px 0;}
    .product_list .box .pro_list > .list > li:nth-child(3n) {margin: 0 15px 15px 0;}
    .product_list .box .pro_list > .list > li:nth-child(2n) {margin: 0 0 15px;}
	.product_list .box .pro_list > .list li .pro_box .text_box.bg {padding: 10px 0;}
	.product_list .box .pro_list > .list li .pro_box .text_box .tit_box .title {height: 48px; font-size: 16px; line-height: 24px;}
	.product_list .box .pro_list > .list li .pro_box .text_box .title.sty2 {font-size: 16px; line-height: 24px;}
	.product_list .box .pro_list > .list li .pro_box .text_box .data_list {margin: 5px 0 0;}
	.product_list .box .pro_list > .list li .pro_box .text_box .data_list .list li {font-size: 14px; line-height: 21px;}
    .product_list .box .pro_list > .list li a .text_box .title {height: 24px; font-size: 16px; line-height: 24px;}
    .product_list .box .pro_list > .list li a .text_box .data_list .list li {font-size: 14px; line-height: 21px;}
	/* 09-24 수정*/
	.product_list .box .pro_list > .list li .download_box .download {font-size: 14px; line-height: 40px;}
	/* 09-24 수정*/
	/* //이미지 리스트박스 (브로셔/웹진) */
	
	/* 찾아오시는길 */
	.map_cont .map_box .map_bg .map_info_area .box .text_list .list {text-align: inherit;}
	.map_cont .map_box .map_bg .map_info_area .box .text_list .list li {display: block; margin: 5px 0 0;}
	.map_cont .map_box .map_bg .map_info_area .box .text_list .list li:first-child {margin: 0;}
	.map_cont .map_box .map_bg .map_info_area .box .text_list .list li:last-child {margin: 5px 0 0;}
	/* //찾아오시는길 */

	/* 아이콘 박스 (MRV) */
	.intro_box .list > li {width: calc(50% - 10px); margin: 0 20px 20px 0;}
	.intro_box .list > li:nth-child(2n) {margin: 0 0 20px 0;}
	.intro_box .list > li .box .txt_box {margin: 8px 0 0;}
	.intro_box.sty2 .list > li .box {height: 270px;}

	.intro_box.sty4  .list > li .box {height: 280px; padding: 10px 25px;}

	/* //아이콘 박스 (MRV) */

	/* 리스트 이동 */
	.move_list .list li {margin: 20px 0 0;}
	.tit .ft_c {margin: 0 5px 0;}
	.table_cont .table_box .list > li .tit {margin: 0 0 5px;}
	.table_cont .table_box .list > li .txt {margin: 5px 0 0; font-size: 14px; line-height: 21px;}
	/* //리스트 이동 */

	/* 보더 이미지 박스 */
	.border_box {margin: 5px 0 0; border: 2px solid #e9ecef; font-size: 0;}
	.border_box .inner_box {padding: 10px; text-align: center;}
	/* //보더 이미지 박스 */
	
	/* toc 팝업창 */
	.pop_layout .cont .title_area {padding: 10px 20px;}
	.pop_layout .cont .txt_box .list {padding: 10px;}
	/* //toc 팝업창 */

	.cont_area .list > li .cont .txt_box .txt_inner .tit {margin: 0;}

	.way_box > .list > li {width: calc(33.3333% - 13.3333px); margin: 0 20px 0 0;}
	.way_box > .list > li > .box > .text br {display: none;}
	
	.info_list > .list > li .table_layout .img_box.sty2 {width: 280px;}
	.info_list > .list > li .table_layout .text_area {padding: 0 0 0 25px;}
	.info_list > .list > li .table_layout .text_area .tit {margin: 5px 0;}

	.con_box > .list > li {margin: 25px 49px 0 0;}
	.con_box > .list > li:nth-child(2n) {margin: 25px 0 0;}
	.con_box > .list > li:nth-child(2) {margin: 0;}
	.con_box > .list > li .box .icon {margin: 10px 0 0;}
	.con_box.sty2 > .list > li:nth-child(2) {margin: 0 30px 0 0;}

	.intro_box.sty3 .list > li:nth-child(2n) {margin: 0 20px 20px 0;}
	
	.intro_box.sty3 .list > li .box img {width: 100px; height: 100px;}

	.map_con {display: block; width: 100%;}
	.map_wrap .map_cont .map_tit_list {max-width: inherit; padding: 20px 10px;}
	.map_wrap .map_cont .map_tit_list .title .text {font-size: 16px; }
	.map_wrap .map_cont .map_tit_list .area_list {margin: 5px 0 0;}
	.map_wrap .map_cont .map_tit_list .area_list .list {height: 190px; padding: 0 20px 0 0;}
	.map_wrap .map_cont .map_tit_list .area_list .list li .area_btn {font-size: 13px; line-height: 30px;}
	.map_wrap .map_cont .map_tit_list .text {margin: 10px 0 0; font-size: 13px; line-height: 21px;}
	
	.map_wrap .map_cont .area_sub_box {position: inherit;}
	.map_wrap .map_cont .area_sub_box.on {animation: inherit;}
	.map_wrap .map_cont .area_sub_box:before {height: auto; bottom: 0; transition: all 0.3s forwards; }
	.map_wrap .map_cont .area_sub_box .sub_area_list {padding: 10px;}
	.map_wrap .map_cont .area_sub_box .sub_area_list .list {display: block; margin: 0}
	.map_wrap .map_cont .area_sub_box .sub_area_list .list li {display: inline-block; width: calc(50% - 10px); margin: 0 20px 0 0; }
	.map_wrap .map_cont .area_sub_box .sub_area_list .list li:first-child {margin: 0 20px 0 0;}
	.map_wrap .map_cont .area_sub_box .sub_area_list .list li:nth-child(2n) {margin: 0;}
	.map_wrap .map_cont .area_sub_box .sub_area_list .list li .sub_area_btn {width: 100%; font-size: 14px; line-height: 21px; text-align: center;}
	
	.dot_list_box .dot_list {margin: 5px 0 0;}

	
	.webzine.wrapper.sub .m_gnb_btn span {background-color: #ffffff;}
	.webzine.wrapper.sub .header.scrolled .m_gnb_btn span {background-color: #ffffff;}
	.webzine .header .gnb_header .header_top_box {padding: 10px 5px;}
	.webzine .header .gnb_header .header_top_box .date_wrap {position: relative; top: inherit; left: inherit; margin: 0; padding:6px 0; max-width: 150px;}
	.webzine .header .gnb_header .header_top_box .date_wrap .date_box {display: inline-block; width: inherit; padding: 0;}
	.webzine .header .gnb_header .header_top_box .date_wrap .date_box .date {font-weight:400; font-size: 16px; line-height: 24px;}
	.webzine .header .gnb_header .header_top_box .date_wrap .date_box .date .ft_c {font-weight:700;font-size: 18px; line-height: 27px;}
	.webzine .header .gnb_header .header_top_box .date_wrap .date_box .date:before {display: none;}
	.webzine .header .gnb_header .header_top_box .date_wrap .text_box {display: inline-block; width: inherit; padding: 0;}
	.webzine .header .gnb_header .header_top_box .date_wrap .text_box .text {text-align: left;}
	.webzine .header .gnb_header .header_top_box .logo {display: none;}
	.webzine .header .gnb_header .header_top_box .inner .inner_list {position: relative; display: none;}
	.webzine .header .gnb_header .header_top_box .inner .slt_box_wrap {margin: 0;}
	.webzine .header .gnb_header .header_top_box .inner .slt_box_wrap .slt_box {display: block; margin: 0;}
	.webzine .header .gnb_header .header_top_box .inner .slt_box_wrap .slt_box:last-child {margin: 10px 0 0;}
	.webzine .header .gnb_header .header_top_box .inner .slt_box_wrap .slt_box .slt_com {margin: 0;}
	.webzine .header .gnb_header .gnb_bgc .container .m_logo {display: block; padding: 10px 0; text-align: left; }
	.webzine .header .gnb_header .gnb_bgc .container .m_logo a img {height: 40px; vertical-align: middle;}
	
	.webzine_box .main_visual .visual_text_box {width: calc(100% - 400px); padding: 0 30px 0 0;}
	.webzine_box .main_visual .img_wrap {max-width: 400px;}
	.webzine_box .info_box .info_list {text-align: center;}
	.webzine_box .info_box .info_list .list li {width: calc(50% - 8.5px);}
	.webzine_box .info_box .info_list .list li:nth-child(2n) {margin: 0;}
	.webzine_box .info_box .info_list .list li:nth-child(3) {margin: 10px 17px 0 0;}
	.webzine_box .info_box .info_list .list li:nth-child(4) {margin: 10px 0 0;}
	.webzine_box .info_box .info_list .list li .box .img_con .img_box {max-width: inherit;}
	.webzine_box .news_wrap {padding: 15px 640px;}
	.webzine_box .news_wrap .news_box .news_title {position: inherit; top: inherit; left: inherit; text-align: center;}
	.webzine_box .news_wrap .news_box .news_title .news_control {position: absolute; top: 0; right: 0; margin: 0;}
	.webzine_box .news_wrap .news_box .news_title .title {font-size: 16px; line-height: 24px;}
	.webzine_box .news_wrap .news_box .news_title .title .text:before {width: 40px; height: 20px; background-size: contain; }
	.webzine_box .news_wrap .news_box .news_title .title .text {padding: 0 0 0 45px;}
	.webzine_box .news_wrap .news_box .news_list_box {margin: 10px 0 0; padding: 0;}
	.webzine_box .news_wrap .news_box .news_list_box #news_list .slick-list .slick-track {}
	.webzine_box .news_wrap .news_box .news_list_box #news_list .slick-list .slick-track li {border-right: none;}

	.webzine footer .footer {padding: 15px 0; text-align: center;}
	.webzine footer .footer .container .link_box {float: inherit; display: block; width: 100%;}
	.webzine footer .footer .container .text_box {float: inherit; display: block; width: 100%; margin: 15px 0 0;}
	.webzine footer .footer .container .text_box .text {text-align: center;}
	.webzine footer .footer .container .link_box .link_list .list li {margin: 10px 5px 0 0; display: inline-block;}
	.webzine footer .footer .container .link_box .link_list .list li:nth-child(1) {margin: 10px 5px 0 0;}
	.webzine footer .footer .container .link_box .link_list .list li:nth-child(2) {margin: 10px 5px 0 0;}
	.webzine footer .footer .container .link_box .link_list .list li:nth-child(3n) {margin: 10px 5px 0 0;}

	.webzine .contents {padding-bottom: 259px;}

	.color_box .inner_box > .list > li {display: block; width: 100%; margin: 10px 0 0;}
	.color_box .inner_box > .list > li:first-child {margin: 0;}	
	.color_box .inner_box > .list > li:nth-child(2n) {margin: 10px 0 0;}
	.color_box .inner_box > .list > li:nth-child(3) {margin: 10px 0 0;}
	.color_box .inner_box > .list > li:nth-child(4) {margin: 10px 0;}
	.color_box .inner_box > .list > li .box {height: auto;}
	.color_box.sty2 .inner_box > .list > li .box {height: auto;}

	.story_area {padding: 25px;}
	.story_area, .story_area.sty2 {background-image: initial; background-color: #f5f5f5;}
	.story_area.sty3 {padding: 25px 300px 25px 25px;}


	.story_area .story_inner .txt_box {margin: 20px 0 0;}
	.story_area .story_inner .txt_box .txt {font-size: 16px; line-height: 24px;}
	.story_area .story_inner .tit_box .tit {padding: 0 0 20px; font-size: 26px; line-height: 39px;}

	.flo_box .left_box {padding: 0;}
	.flo_box .right_box {position: relative; top: inherit; right: inherit; width: 100%; margin: 40px 0 0;}
	.flo_box .right_box .contact_box {padding: 0 10px;}
	.flo_box .right_box .contact_box > .title {margin: 0 -10px;}
	.flo_box .right_box .contact_box .face_box {padding: 10px 0 0;}
	.flo_box .right_box .contact_box .mid {padding: 10px 0;}
	.flo_box .right_box .contact_box .bottom {margin: 10px 0 0;}
	.flo_box .right_box .contact_box .bottom .info_box {margin: 10px 0 0; padding: 0 0 20px;}
	.flo_box .left_box .link_box .title {display: block; width: 100%; padding: 5px 0;}
	.flo_box .left_box .link_box .link_list {display: block;}
	.flo_box .left_box .link_box .link_list .list li {padding: 10px 0;}
	
	.flo_box .left_box .link_box .link_list .list li .box .text {font-size: 13px; line-height: 21px;}

	.menu_box .list li {margin: 0 25px 0 0;}

	/* 08-24 */
	.inner .sub_sch_box.sty_02 {padding: 10px;}
	.inner .sub_sch_box.sty_02 .sch_info_box {margin: 15px 0 0; padding: 10px 0 0;}
	.inner .sub_sch_box.sty_02 .sch_info_box .cont {width: 100%;}
	.inner .sub_sch_box.sty_02 .sch_info_box .cont .title {display: block; width: auto; text-align: left;}
	.inner .sub_sch_box.sty_02.sty_03 .sch_info_box .cont .slt_box {display: block; width: 100%;}
	.inner .sub_sch_box.sty_02.sty_03 .sch_info_box .cont .day_area .day_input {width: calc(50% - 19px); max-width: inherit;}

	.inner .sub_sch_box.sty_02 .sch_btn_area a {width: 120px; height: 40px;}
    .inner .sub_sch_box.sty_02 .sch_btn_area a .text {font-size: 14px; line-height: 40px;}

	.inner .sub_sch_box.sty_02 .row .input_box {padding: 0;}
	.inner .sub_sch_box.sty_02 .row .radio_box {display: block; width: inherit;}
	.inner .sub_sch_box.sty_02 .row .radio_box .radio_each {display: inline-block;}
	.inner .sub_sch_box.sty_02 .row .radio_box .radio_each label {display: inline-block; width: 120px; padding: 0 0 0 24px;}
	.inner .sub_sch_box.sty_02 .row .chk_list {display: block; width: auto;}
	.inner .sub_sch_box.sty_02 .row .chk_list .chk_each label {width: inherit; padding: 0 0 0 24px;}
	.inner .sub_sch_box.sty_02 .row .chk_list li .chk_each label {width: 120px; margin: 0 auto;}

	.sch_tab_cont > .list > li.tab_slt > .slt_list {top: 42px;}
	.sch_tab_cont > .list > li {width: 100%; border-top: 1px solid #cdcdcd; border-right: 1px solid #cdcdcd;}
	.sch_tab_cont > .list > li:first-child {border: 1px solid #cdcdcd; border-bottom: none;}
	.sch_tab_cont > .list > li .com_tab_btn .text {font-size: 14px; line-height: 42px;}
	.sch_tab_cont > .list > li.tab_slt .tab_slt_btn .text {font-size: 14px; line-height: 42px;}
	.sch_tab_cont > .list > li.tab_slt > .slt_list > li > .tab_data .text_box .text_inner {height: 42px;}
	.sch_tab_cont > .list > li.tab_slt > .slt_list > li > .tab_data .text_box .text_inner .text {font-size: 14px; line-height: 21px;}
	
	.inner .sub_sch_box.sty_02 .row.date {font-size: 0;}
	.inner .sub_sch_box.sty_02 .row.date .slt_box {display: inline-block; width: calc(33.3333% - 5px); margin: 0 5px 0 0;}
	.inner .sub_sch_box.sty_02 .row.sty2 {padding: 0;}
	.inner .sub_sch_box.sty_02 .row .com_btn_area.sty3 {position: relative; top: inherit; right: inherit; width: 100%;}
	.inner .sub_sch_box.sty_02 .row .com_btn_area .btn {width: 100%; margin: 5px 0 0;}
	.inner .sub_sch_box.sty_02 .row.sty2 .com_btn_area .btn {margin: 5px 0 0;}
	/* ==================== 통합검색 Style ==================== */

	
	/* 10-27 */
	.job_area .com_txt_box {padding: 0 260px 0 0;}
	.job_area .img_con .img_box img {width: 250px;}

	/* 11-09 */
	.book_area2 .img_cont {width: 250px;}
	.book_area2 .info_list {padding: 0 0 0 10px;}

	/* 11-26 */
	.rules_list > li {display: block; width: 100%;}
	.rules_list > li:first-child {margin: 0;}
	.rules_list > li:last-child {margin: 10px 0 0;}
	.rule_box > .box .box_inner {margin: 15px 0 0;}
	.rule_box > .box .box_inner .down_wrap .down_box .sub_text .text {line-height: 21px;}
	.rule_box > .box .box_inner .down_wrap .down_box .btn_list .list li {width: 200px;}
}

@media screen and (max-width:991px){
	.way_box > .list {text-align: center;}
	.way_box > .list > li {display: block; width: inherit; margin: 10px auto 0;}
	.way_box > .list > li:last-child {margin: 10px auto 0;}
	.way_box > .list > li > .box {height: inherit; padding: 10px;}
	.way_box > .list > li > .box > .bt_con {position: inherit; left: inherit; bottom: inherit; margin: 20px 0 0;}
	
	.login_type_area {margin: 25px 0 0;}
	.login_type_area .txt_box .txt {font-size: 14px; line-height: 21px;}
	.login_type_area .login_type_box {margin: 15px 0 0; padding: 10px;}
	.login_type_area .login_type_box .list li {display: block; width: 100%; margin: 10px 0 0;}
	.login_type_area .login_type_box .list li:first-child {margin: 0;}
	.login_type_area .login_type_box .list li .tit {font-size: 16px; line-height: 24px;}
	.login_type_area .login_type_box .list li .login_btn_box {margin: 5px 0 0;}
	.login_type_area .login_type_box .list li .login_btn_box a {line-height: 35px;}
	
	/* 2021-09-24 추가 */
	.login_type_area.sty2 {margin: 15px 0 0;}
	.login_type_area.sty2 .login_type_box .list li .login_btn_box a {width: 200px; padding: 0 10px;}

	.tit_area .title {float: none;}
	.tit_area .text {float: none; padding: 0 0 0 25px;}
	.tit_area .text:before {width: 19px; height: 19px; margin: -9px 0 0; background-size: cover;}

	.intro_box.sty3 .list > li {display: block; width: 100%; margin: 0;}
	.intro_box.sty3 .list > li:nth-child(2n) {margin: 0;}
	.intro_box.sty3 .list > li:nth-child(2) {margin: 10px 0 0;}
	.intro_box.sty3 .list > li:nth-child(3) {margin: 10px 0 0;}
	.intro_box.sty3 .list > li .box {height: inherit; padding: 10px;}
	.intro_box.sty3 .list > li .box img {width: 50px; height: 50px;}
	.intro_box.sty3 .list > li .box .txt_box .tit {font-size: 18px; line-height: 27px;}
	.intro_box.sty3.sty4 .list > li .box {height: inherit; padding: 10px;}
	.intro_box .list > li .box:after {width: 25px; height: 25px; background-size: cover;}

	.slt_area .date_box {display: block; max-width: inherit;}
	.slt_area .date_box .slt01 {margin: 5px 0 0; width: calc(100% - 26px); max-width: inherit;}
	.slt_area.sty2 .date_box .slt01 {width: 100%;}
	
	.list2.sty4 {padding: 15px 10px}
	.list2.sty4 .sch_wrap {padding: 0;}
	.list2.sty4 .sch_wrap .input_box {display: block;}
	.list2.sty4 .sch_wrap .input_box .inp {display: block;	width: 100%; max-width: inherit;}
	.list2.sty4 .sch_wrap .btn_wrap {position: relative; top: inherit; right: inherit; margin: 10px 0 0;}
	.list2.sty4 .sch_wrap .btn_wrap .btn_color {width: 100%;}

	.sch_list .list li {width: 25%}

	/* ==================== 저작권정책 ==================== */
	.literary_property_cont {padding: 4px;}
	.literary_property_cont > .box {padding: 64px 58px 55px;}
	.literary_property_cont .box .tit_box {margin: 0 0 27px;  padding: 0 0 28px;}
	.literary_property_cont .box .tit_box .title {padding: 85px 0 0 0; background-size: 60px 65px; font-size: 18px; line-height: 27px;}
	.literary_property_cont .box .tit_box .title br {display: none;}
	.literary_property_cont .box .text {font-size: 14px; line-height: 21px;}
	.literary_property_cont .box .text br {display: none;}

	/* 2021-09-24 추가 */
	.literary_property_cont.sty2 .box .tit_box .title {padding: 85px 0 0;}
	.literary_property_cont .box .list li + li {margin: 10px 0 0;}
	.literary_property_cont .box .list li .tit {font-size: 14px; line-height: 21px;}
	.literary_property_cont .box .list li .txt {font-size: 14px; line-height: 21px;}

	.literary_property_cont .box .info_txt {margin: 15px 0 0; font-size: 14px; line-height: 21px;}
	/* ==================== 저작권정책 ==================== */

   /* ==================== 이메일무단수집거부 ==================== */
	.email_cont {padding: 4px;}
	.email_cont .box {padding: 60px 10px 77px;}
	.email_cont .box .title {margin: 10px 0 0; font-size: 22px; line-height: 36px;}
	.email_cont .box .text {margin: 17px 0 0; font-size: 14px; line-height: 26px;}
	.email_cont .box .text br {display: none;}
	/* ==================== 이메일무단수집거부 ==================== */

	/* 10-22 */
	.sns_list_box .list li {width: calc(33.3333% - 6.6666px); margin: 30px 10px 0 0;}
	.sns_list_box .list li:nth-child(-n+3) {margin: 0 10px 0 0;}
	.sns_list_box .list li:nth-child(3) {margin: 0;}
	.sns_list_box .list li:last-child {margin: 30px 10px 0 0;}
	/* 10-22 */

	/* 11-25 */
	.com_list.sty5 > li .com .box_wrap .left_div {width: 150px;height: 170px;}
	.com_list.sty5 > li .com .box_wrap .left_div .sub_tit {font-size: 16px; line-height: 24px;}
	.com_list.sty5 > li .com .box_wrap .left_div .img_box {}
	.com_list.sty5 > li .com .box_wrap .left_div .img_box img {width: 50px;}
	.com_list.sty5 > li .com .box_wrap .right_div {height: 170px; padding: 10px;}
	/* 11-25 */

	/* 11-10 */
	.board_view .board_write {display: block;}
	.board_view .board_write tbody {display: block;}
	.board_view .board_write tbody tr {display: block; overflow: hidden;}
	.board_view .board_write tbody tr th {display: block; float: left; width: 100%; padding: 10px; box-sizing: border-box;}

	.board_view .board_write {display: block;}
	.board_view .board_write tbody {display: block;}
	.board_view .board_write tbody tr {display: block; overflow: hidden;}
	.board_view .board_write tbody tr th {display: block; float: left; width: 100%; padding: 10px; box-sizing: border-box;}
	.questionnaire_wrap {padding: 10px;}
	.que_part_zone strong {padding: 10px; font-size: 14px; line-height: 21px;}
	.object_list_zone {padding: 10px;}
	.object_list_zone ol li {padding: 4px;}
	.object_list_zone ol li .radio_each label {padding: 0 0 0 20px; font-size: 12px; line-height: 20px;}
	.object_list_zone ol li .radio_each .vradio {width: 15px; height: 15px;}
	.object_list_zone ol li .radio_each .vradio .cir {width: 9px; height: 9px;}
	.object_list_zone ol li .chk_each label {font-size: 12px; line-height: 20px;}


}

@media screen and (max-width:834px){
	.webzine .contents {padding-bottom: 306px;}
}
@media screen and (max-width:767px){
	/* 11-25 */
	.com_list.sty5 > li {display: block; width: 100%; margin: 15px 0 0; vertical-align: top;}
	.com_list.sty5 > li:nth-child(-n+2) {margin: 15px 0 0;}
	.com_list.sty5 > li:nth-child(2n) {margin: 15px 0 0;}
	.com_list.sty5 > li:nth-child(2) {margin: 15px 0 0}
	.com_list.sty5 > li:first-child {margin: 0}
	.com_list.sty5 > li .com .box_wrap {}
	.com_list.sty5 > li .com .box_wrap .left_div {width: 100px; height: auto; padding: 10px 0;}
	.com_list.sty5 > li .com .box_wrap .left_div .sub_tit {font-size: 14px; line-height: 21px;}
	.com_list.sty5 > li .com .box_wrap .right_div {height: auto; padding: 10px;}
	/* 11-25 */


	.com_top .box .title_area .tit_box {padding: 20px 25px;}
	.com_top .box .title_area .tit_box .tit_inner .tit {font-size: 18px; line-height: 27px;}
	.com_top.en .box .title_area .tit_box .tit_inner .tit {font-size: 18px; line-height: 27px;}
	/* 공통 테이블 view */
	.com_table_cont .title {font-size: 20px; line-height: 30px;}
    .com_table_cont .table_box {margin: 15px 0 0;}
    .com_table_cont .table_box .title_box .table_tit {padding: 0 0 0 10px; font-size: 16px; line-height: 30px;}
    .com_table_cont .table_box .title_box .table_tit:before {width: 4px; height: 4px; margin: -2px 0 0;}
    .com_table_cont .table_box .title_box .view_cont {}
    .com_table_cont .table_box .title_box .view_cont .info_view {margin: 5px 0 0}
    .com_table_cont .table_box .board_write {display: block;}
    .com_table_cont .table_box .board_write tbody {display: block;}
    .com_table_cont .table_box .board_write tbody tr {display: block; overflow: hidden;}
    .com_table_cont .table_box .board_write tbody tr th {display: block; float: left; width: 100%; padding: 10px; font-size: 14px; line-height: 21px; box-sizing: border-box;}
    .com_table_cont .table_box .board_write tbody tr th br {display: none;}
    .com_table_cont .table_box .board_write tbody tr td {display: block; float: left; width: 100%; padding: 10px; font-size: 14px; line-height: 21px; box-sizing: border-box;}
    .com_table_cont .table_box .board_write tbody tr td .info_list_area li {font-size: 14px; line-height: 21px;}
    .com_table_cont .table_box .board_write tbody tr td .radio_box .radio_each label {font-size: 14px;}
    .com_table_cont .table_box .board_write tbody tr td.add .inp_01.top {max-width: 170px;}
    
    .com_table_cont .table_box .board_write tbody tr td .inp_01 {max-width: 100%;}
    .com_table_cont .table_box .board_write tbody tr td .info_text .info_btn {padding: 0 10px; font-size: 14px;}
    .com_table_cont .table_box .board_write tbody tr td.tell2 .inp_01 {max-width: inherit; width: calc(33.3333% - 10px); margin: 0 10px 0 0;}
    .com_table_cont .table_box .board_write tbody tr td.tell2 .inp_01:last-child {margin: 0;}
    
    .com_table_cont .table_box .board_write tbody tr td .bw_in_btn {margin: 10px 0 0;}
	.com_table_cont .table_box .board_write tbody tr td.add .bw_in_btn {margin: 0;}
    .com_table_cont .table_box .board_write tbody tr td.email input {max-width: inherit; width: calc(50% - 12px);}
	.com_table_cont .table_box .board_write tbody tr td.email .bw_in_btn {margin: 0;}
	.com_table_cont .table_box .board_write tbody tr td.find .slt_list {max-width: inherit;}
	.com_table_cont .table_box .board_write tbody tr td .bw_in_btn {padding: 0 10px;}
	.com_table_cont .table_box .board_write tbody tr td.option .radio_each {display: block; margin: 5px 0 0;}
	.com_table_cont .table_box .board_write tbody tr td.option .radio_each:first-child {margin: 0;}
    
    .com_table_cont .table_box .board_write tbody tr td .inp_day {width: calc(50% - 10px); max-width: inherit;}
    .com_table_cont .table_box .board_write tbody tr td .inp_day:nth-child(2) {margin: 0;}
    
    .com_table_cont .table_box .board_write tbody tr td .fine_box .title_area .title {font-size: 14px; line-height: 21px;}
    .com_table_cont .table_box .board_write tbody tr td .fine_box {max-width: 100%;}
    .com_table_cont .table_box .board_write tbody tr td .fine_box .fine_inp .list li {border-bottom: 1px solid #e9ecef; padding: 15px 70px 15px 30px;}
    .com_table_cont .table_box .board_write tbody tr td .fine_box .fine_inp .list li:last-child {border-bottom: none;}
    .com_table_cont .table_box .board_write tbody tr td .fine_box .fine_inp .list li .inp_01 {display: block; width: 100%;}
    .com_table_cont .table_box .board_write tbody tr td .fine_box .fine_inp .list li .inp_01:last-child {margin: 0;}
    .com_table_cont .table_box .board_write tbody tr td .fine_box .fine_inp .list li .num {top: 25px; margin: 0;}
    .com_table_cont .table_box .board_write tbody tr td .fine_box .fine_inp .list li .end {top: 15px;}
    .com_table_cont .table_box .board_write tbody tr td .fine_box .text {margin: 0;}
    
    .com_table_cont .table_box .board_write tbody tr td .att_down > .text {display: block; margin: 10px 0 0; line-height: 21px;}
    
    .com_table_cont .table_box .board_write tbody tr td .chk_list li {width: 100%;}
    .com_table_cont .table_box .board_write tbody tr td .chk_list li:last-child {width: 100%;}
    .com_table_cont .table_box .board_write tbody tr td .chk_list li .chk_each .inp_01 {max-width: 60%;}
    
    .com_table_cont .table_box .board_write tbody tr td .date_input {width: calc(50% - 28px);}
    
    .com_table_cont .table_box .board_write tbody tr td .radio_box.sty2 .radio_each {display: inline-block; width: 100%; margin: 0;}
    /* //공통 테이블 view */
	
    .sub_cont {padding: 0 0 60px;}
    .sub_cont .main_title {font-size: 22px; line-height: 33px;}
	
	/* 텍스트 area 공통 */
	.text_area .title {font-size: 18px; line-height: 27px;}
    /* //텍스트 area 공통 */

	/* 이너 텍스트 박스 */
	.info_txt_box .info_txt_box_inner:before {display: none;}
	.info_txt_box .info_txt_box_inner .title_area {padding: 20px;}
	/* 이너 텍스트 박스 */
	
	/* 회색박스 사용시 */
    .list2 > li{font-size: 14px; line-height: 21px;}
	.list2 > li > .tit {font-size: 16px; line-height: 24px;}
	.list2 > li > .txt {font-size: 14px; line-height: 21px;}
	/* //회색박스 사용시 */

	/* 텍스트박스 공통 */
	.info_txt_box {margin: 0 0 20px;}
	.info_txt_box .title_area {padding: 10px;}
	.info_txt_box .title_area .title {font-size: 20px; line-height: 30px;}
    .info_txt_box .title_area .title .ft_c {margin: 0 0 0 10px; font-size: 16px; line-height: 24px;}
    .info_txt_box .title_area .text {margin: 10px 0 0; font-size: 14px; line-height: 21px;}
	/* //텍스트박스 공통 */

	/* 텍스트버튼박스 공통 */
    .txt_btn_box .title_box .title_inner .title {font-size: 18px; line-height: 27px;}
    .txt_btn_box .title_box .title_inner .text {font-size: 14px; line-height: 21px;}
	/* //텍스트버튼박스 공통 */

	/* ===== 통이미지 =====*/
    .img_con.pc .img_box img {display: none;}
	.img_con.mobile .img_box img {display: block;}

	/* 스타일 공통 */
	.cont_list > li {margin: 25px 0 0;}
	.table_cont .title {font-weight: 700; font-size:22px; line-height: 33px;}
	.table_cont .table_box .list > li .tit {font-size: 18px; line-height: 27px;}
	.table_cont .table_box .list > li .table_con_box{overflow-x: scroll;}
	.table_cont .table_box .list > li .table_con_box table {width: 1100px;}
	.table_cont .table_box .list > li .table_con_box table thead tr td {font-size: 14px; line-height: 21px;}
	.table_cont .table_box .list > li .table_con_box table tbody tr td {font-size: 14px; line-height: 21px;}

	.com_cont > .text {font-size: 14px; line-height: 21px;}
	.com_cont .title {font-size: 20px; line-height: 30px;}
	.com_cont .sub_title {font-size: 18px; line-height: 24px;}
	.com_cont .com_box .com_list > li .com .sub_tit {font-size: 16px; line-height: 24px;}
	.com_cont .com_box .com_list > li .com .list li {margin: 7px 0 0; font-size: 14px; line-height: 21px;}
	.com_cont .com_box .com_list.sty2 > li .com .list > li {font-size: 14px; line-height: 21px;}

	.img_cont .title {font-size:22px; line-height: 33px;}
	.img_cont .img_box > .list > li .img_box {display: none;}
	.img_cont .img_box > .list > li .txt_area {padding: 0;}
	.img_cont .img_box > .list > li .txt_area .sub_tit {font-size: 16px; line-height: 24px;}
	.img_cont .img_box > .list > li .txt_area .txt {font-size: 14px; line-height: 21px;}
	/* //스타일 공통 */

	/* 테이블 박스 */
	.table_con .title {font-size:22px; line-height: 33px;}
	.table_con .table_box .list > li .table_con_box {overflow-x: scroll; position: relative; z-index: 1; overflow-x: scroll; padding: 20px 0; background: url("/images/basic/lr_arr_ico.png") 48% 0 no-repeat; background-size: 30px; animation: tblScrollAni 2s infinite;}
	.table_con .table_box .list > li .table_con_box table {width: 1100px;}
	/* //테이블 박스 */

	/* 사업소개 */
	.info_area .info_box .tit_box .tit {font-size: 25px; line-height: 37.5px;}
	.info_area .info_box .txt_area .sub_tit {font-size: 18px; line-height: 27px;}
	.info_area .info_box .txt_area .txt {margin: 5px 0 0; font-size: 14px; line-height: 21px;}
	.cont_area .cont_tit {font-size: 20px; line-height: 30px;}
	.cont_area .txt {font-size: 14px; line-height: 21px;}
	.cont_area .list {margin: 10px 0 0;}
	.cont_area .list li {margin: 20px 0 0;}
	.cont_area .list li:first-child {margin: 0;}
	.cont_area .list li .cont .img_box {display: block;	width: 100%;}
	.cont_area .list li .cont .txt_box {display: block; margin: 10px 0 0; padding: 0;}
	.cont_area .list li .cont .txt_box .txt_inner .tit {font-size: 18px; line-height: 27px;}
	.cont_area .list li .cont .txt_box .txt_inner .tit .ft_c {margin: 0 5px 0; font-size: 30px; line-height: 45px;}
	.cont_area .list li .cont .txt_box .txt_inner .txt {margin: 5px 0 0; font-size: 14px; line-height: 21px;}
    /* //사업소개 */

	/* 찾아오시는길 */
	.map_tab_area {margin: 15px 0 25px;}
	.map_tab_area button.btn {font-size: 14px; line-height: 43px;}
	.map_tab_area button.btn.on {font-size: 14px; line-height: 45px;}
	.map_cont {margin: 25px 0 0;}
	.map_cont .map_box {}
	.map_cont .map_box .map_bg  #map {height: 250px !important;}
	.map_cont .map_box .map_bg .map_info_area {padding: 4px;}
	.map_cont .map_box .map_bg .map_info_area .box {display: block; padding: 10px;}
	.map_cont .map_box .map_bg .map_info_area .box:before {top: -4px; height: 4px;}
	.map_cont .map_box .map_bg .map_info_area .box .text_list {display: block; padding: 0;}
	.map_cont .map_box .map_bg .map_info_area .box .text_list .list li {font-size: 14px; line-height: 21px;}
	.map_cont .map_box .map_bg .map_info_area .box .text_list .list li i {font-size: 14px; line-height: 21px;}
	.map_cont .traffic_box {margin: 30px 0 0;}
	.map_cont .traffic_box > .title {font-size: 16px; line-height: 24px;}
	.map_cont .traffic_box > .title:before {width: 6px; height: 6px; margin: -3px 0 0;}
	.map_cont .traffic_box > .list > li {padding: 15px;}
	.map_cont .traffic_box > .list > li .box .title_area {display: block; width: 100%;}
	.map_cont .traffic_box > .list > li .box .title_area .title {padding: 10px 0 10px 45px; font-size: 14px; line-height: 21px;}
	.map_cont .traffic_box > .list > li .box .title_area .title:before {width: 32px; height: 34px; background-position: left center; background-size: contain;}
	.map_cont .traffic_box > .list > li .box .txt_list {display: block; width: 100%;}
	.map_cont .traffic_box > .list > li .box .txt_list .list {margin: 15px 0 0;}
	/* //찾아오시는길 */
	

	/* 텍스트이미지박스 공통 */
	.com_txt_box .txt_list > li {border: none; padding: 0;}
	.com_txt_box .txt_list > li .txt_area .txt_box .tit {font-size: 18px; line-height: 27px;}
	.com_txt_box .txt_list > li .txt_area .txt_box .txt {margin: 5px 0 0;font-size: 14px; line-height: 21px;}
	.com_txt_box .txt_list > li .txt_area .txt_box .txt.sty2 {padding: 0 0 0 30px; line-height: 24px;}
	.com_txt_box .txt_list > li .txt_area .txt_box .txt.sty2 .ft_c {font-size: 16px; line-height: 24px;}
	.com_txt_box .txt_list > li .txt_area .txt_box .tit.sty3 br {display: none;}
	.com_txt_box .txt_list > li .txt_area .txt_box .sub_tit {font-size: 16px; line-height: 24px;}
	.com_txt_box .txt_list > li .txt_area .img_box {margin: 10px 0 0;}
	
	.com_txt_box .txt_list > li > .txt_area > .list {margin: 10px 0 0; text-align: center;}
	.com_txt_box .txt_list > li > .txt_area > .list > li {width: calc(50% - 10px); margin: 10px 20px 0 0;}
	.com_txt_box .txt_list > li > .txt_area > .list > li:nth-child(2n) {margin: 10px 0 0;}
	.com_txt_box .txt_list > li > .txt_area > .list > li:last-child {margin: 10px 0 0;}
	.com_txt_box .txt_list > li > .txt_area > .list > li .certi_box .txt {font-size: 14px; line-height: 21px;}
	.com_txt_box .txt_list > li > .txt_area > .list > li .certi_box .txt.tr {display: inline-block;}
	/* //텍스트이미지박스 공통 */
	
	/* 문의박스 공통 */
	.inquiry_box {margin: 20px 0 0; padding: 10px 5px;}
	.inquiry_box .title {font-size: 14px; line-height: 21px;}
	.inquiry_box .inquiry_list {margin: 5px 0 0;}
	.inquiry_box .inquiry_list .list li {font-size: 12px; line-height: 18px;}
	.inquiry_box .inquiry_list .list li:before {left: 6px; width: 13px; height: 11px; margin: -4px 0 0; background-size: contain;}
	.inquiry_box .inquiry_list .list li .text {font-size: 12px; line-height: 18px;}
	/* //문의박스 공통 */

	/* 아이콘 텍스트 박스 공통 */
	.icon_txt_box .list li .txt_area .tit {font-size: 18px; line-height: 27px;}
	.icon_txt_box .list li .txt_area .txt_box .txt {padding: 0 0 0 25px; font-size: 16px; line-height: 24px;}
	.icon_txt_box .list li .txt_area .txt_box i {font-size: 16px; line-height: 24px;}
	/* //아이콘 텍스트 박스 공통 */
	
	/* 리스트 타이틀 공통 */
	.list_com_tit {margin: 0 0 15px;}
	.list_com_tit .title {font-size: 18px; line-height: 27px;}
	/* //리스트 타이틀 공통 */

	/* ci 박스 */
	.ci_box_area .box.i_b {width: 100%; margin: 20px 0 0 0; display: block;}
	.ci_box_area .box .inner_box .txt_box {padding: 0;}
	.ci_box_area .box .txt_box .title {font-size: 18px; line-height: 27px;}
	.ci_box_area .box .txt_box .text {margin: 5px 0 0; font-size: 14px; line-height: 21px;}
	.ci_box_area .box img {margin: 10px 0 0;}
	/* //ci 박스 */
	
	

	/* 아이콘 박스 (PSC/MRV) */
	.intro_box .list > li .box img {width: 60px; height: 60px;}
	.intro_box .list > li .box .txt_box .tit {font-size: 18px; line-height: 27px;}
	.intro_box .list > li .box .txt_box .txt {font-size: 14px; line-height: 21px;}
	.intro_box .list > li .box {padding: 20px 15px;}
	.intro_box.sty2 .list > li .box {height: 230px;}
	.dot_list_box .dot_list.sty2 li .text {font-size: 14px; line-height: 21px;}
	/* //아이콘 박스 (PSC/MRV) */

	/* 리스트 이동 */
	.tit {font-size: 18px; line-height: 27px;}
	.tit .ft_c {font-size: 30px; line-height: 45px;}
	.table_con .table_box .list > li .tit {font-size: 22px; line-height: 33px;}
	.table_con .table_box .list > li .txt {font-size: 14px; line-height: 21px;}
	.table_con .table_box .list > li .tit {font-size: 18px; line-height: 27px;}
	/* //리스트 이동 */

	.text_box.sty2 {margin: 10px 0 0;}
	.img_cont.sty3 .img_box .img_inner {width: 100%; margin: 20px 0 0;}
	.img_cont.sty3 .img_box .img_inner:nth-of-type(3) {margin: 20px 0 0;}
	.img_cont.sty4 .img_box .img_inner {width: 100%; margin: 0;}
	.img_cont.sty4 .img_box .img_inner:nth-of-type(3) {margin: 20px 0 0;}
	.img_cont.sty4 .img_box .img_inner:nth-of-type(4) {margin: 20px 0 0;}

	.img_cont.sty2 .img_box .img_inner {display: block; width: 100%; margin: 0;}
	.img_cont.sty2 .img_box .img_inner:nth-of-type(2) {margin: 20px 0 0;}

	/* 조직도 pc, 모바일용 이미지 */
	.img_cont .img_box .img_m {display: block;}
	.img_cont .img_box .img_pc {display: none;}


	.tit.sty2 {font-size: 22px; line-height: 33px;}

	/* 선급기술규칙 열람 */
	.rule_box {display: block; width: 100%; text-align: center;}
	.rule_box .title {font-size: 20px; line-height: 30px;}
	.rule_box > .box { margin: 10px 0 0; padding: 20px;}
	.rule_box > .box .box_title {font-size: 16px; line-height: 24px;}
	.rule_box > .box .box_inner {margin: 15px 0 0;}
	.rule_box > .box .box_inner .img_box {display: none;}
	.rule_box > .box .box_inner .down_wrap .down_box .sub_text .text {display: inline-block; text-align: center;}
	.rule_box > .box .box_inner .down_wrap .down_box:last-child {margin: 10px 0 0;}
	.rule_box > .box .box_inner .down_wrap .down_box .down_btn2 .text {display: inline-block; padding: 0 55px 0 0; font-size: 14px; line-height: 30px;}
	.rule_box > .box .box_inner .down_wrap .down_box .down_btn2 .text:before {width: 10px; height: 13px; margin: -7px 0 0; background-size: cover;}

	.dot_list_box .dot_list li .text {font-size: 14px; line-height: 21px;}

	.text_box .text {font-size: 14px; line-height: 21px;}

	.img_tc .list li {display: block; width: 100%; margin: 10px 0 0;}
	.img_tc .list li:first-child {margin: 0;}
	.img_tc .list li:last-child {margin: 10px 0 0;}

	.info_list > .list > li {margin: 10px 0 0;}


	.info_list > .list > li .table_layout .img_box {display: none;}
	.info_list > .list > li .table_layout .text_area {display: block; height: inherit; padding: 10px;}
	.info_list > .list > li .table_layout .text_area.sty2 {padding: 10px;}
	.info_list > .list > li .table_layout .text_area .tit {font-size: 14px; line-height: 21px;}
	.info_list > .list > li .table_layout .text_area .text_box .text_list .list li {font-size: 14px; line-height: 21px;}


	.way_box .list li .box .img_box {display: none;}
	.way_box .list li .box > .title {margin: 0; font-size: 20px; line-height: 30px;}

	.com_wrap {margin: 25px 0 0;}


/* 	.eacsd_box .list li {width: calc(50% - 15px); padding: 75px 0 0;}
	.eacsd_box .list li:nth-child(3) {margin: 10px 0 0;}
	.eacsd_box .list li:nth-child(4) {margin: 10px 0 0;}
	.eacsd_box .list li:before {width: 60px; height: 60px; margin: 0 0 0 -30px; background-size: cover;}
	.eacsd_box .list li .text {font-size: 14px; line-height: 21px;} */
	
	/* 2021-08-12 스크롤 추가 */
	.table_cont .table_box .list > li .table_con_box {position: relative; z-index: 1; overflow-x: scroll; padding: 20px 0; background: url("/images/basic/lr_arr_ico.png") 48% 0 no-repeat; background-size: 30px; animation: tblScrollAni 2s infinite;}
	.table_col_box {position: relative; z-index: 1; overflow-x: scroll; padding: 20px 0; background: url("/images/basic/lr_arr_ico.png") 48% 0 no-repeat; background-size: 30px; animation: tblScrollAni 2s infinite;}
	.table_col_box table {width: 1100px;}
	
	@-webkit-keyframes tblScrollAni {
		0% {background-position:48% 0;}
		50% {background-position:52% 0;}
		100% {background-position:48% 0;}
	}
	@keyframes tblScrollAni {
		0% {background-position:48% 0;}
		50% {background-position:52% 0;}
		100% {background-position:48% 0;}
	}
	/* //2021-08-12 추가 */

	.con_box > .list {}
	.con_box > .list > li {display: block; width: 100%; margin: 25px 0 0;}
	.con_box > .list > li .box .img_box {max-width: inherit;}
	/* .con_box > .list > li .box .img_box .img_inner {height: 150px;} */
	.con_box > .list > li .box .icon {margin: 10px 0 0;}
	.con_box > .list > li .box .title {font-size: 18px; line-height: 27px;}
	.con_box > .list > li:nth-child(2n) {margin: 15px 0 0;}
	.con_box > .list > li:nth-child(3) {margin: 15px 0 0;}
	.con_box > .list > li:nth-child(4) {margin: 15px 0 0;}

	.con_box.sty2 > .list > li {display: block; width: 100%; margin: 10px 0 0;}
	.con_box.sty2 > .list > li:nth-child(2) {margin: 10px 0 0;}
	.con_box.sty2 > .list > li:last-child {margin: 10px 0 0;}
	.con_box.sty2 > .list > li .box .img_box {max-width: inherit;}
	.con_box.sty3 > .list > li {display: block; width: 100%; margin: 10px 0 0;}
	.con_box.sty3 > .list > li:nth-child(2n) {margin: 10px 0 0;}
	.con_box.sty3 > .list > li .box .img_box {max-width: inherit;}



	.etc_list li {margin: 4px 0 0; font-size: 14px; line-height: 21px;}
	.gray {display: block; padding: 0;}

	
	
	.list2.sty2 {padding: 10px;}	
	.text_box.sty4 {float: none; display: block;}

	.down_btn.sty4 {position: inherit; right: inherit; top: inherit; margin: 10px 0 0; text-align: left;}
	
	.info_wrap {margin: 15px 0 0;}
	.info_wrap .info_list_box .list li .box {padding: 10px 0;}
	.info_wrap .info_list_box .list li .box .box_inner {padding: 0 0 0 50px;}
	.info_wrap .info_list_box .list li .box .box_inner:before {top: 0; width: 40px; height: 40px; margin: 0; background-size: cover;}
	.info_wrap .info_list_box .list li .box .box_inner .title_area .num {width: 35px; font-size: 20px; line-height: 30px;}
	.info_wrap .info_list_box .list li .box .box_inner .title_area .title {font-size: 16px; line-height: 30px;}
	.info_wrap .info_list_box .list li .box .box_inner .txt {font-size: 14px; line-height: 21px;}

	.tab_inner > .list:before {display: none;}
	.tab_inner > .list > li {margin: 25px 0 0;}
	.tab_inner > .list > li > .box {display: block;	}
	.tab_inner > .list > li.sty1 > .box .list {padding: 0;}
	.tab_inner > .list > li.sty2 > .box .list {padding: 0;}
	.tab_inner > .list > li > .box .year_txt {display: block; width: inherit; padding: 0; font-size: 20px; line-height: 30px;}
	.tab_inner > .list > li.sty1 > .box .year_txt {padding: 0;}
	.tab_inner > .list > li.sty2 > .box .year_txt {padding: 0;}
	.tab_inner > .list > li > .box .year_txt:before {display: none;}

	.tab_inner > .list > li.sty1 > .box .year_txt {text-align: left;}
	.tab_inner > .list > li > .box .list {display: block; width: inherit;}
	.tab_inner > .list > li.sty2 > .box .list > li {overflow: hidden; text-align: left;}

	.tab_inner > .list > li.sty2 > .box .list > li .right {float: right; width: calc(100% - 100px);}
	.tab_inner > .list > li.sty2 > .box .list > li .left {float: left;}
	.tab_inner.en > .list > li.sty2 > .box .list > li .right {float: right; width: calc(100% - 132px);}

	.text_wrap .text {font-size: 18px; line-height: 27px;}
	.text_wrap .text2 {font-size: 14px; line-height: 21px;}
	.txt_btn_box.sty2 {margin: 15px 0 0; padding: 20px 5px;}
	.txt_btn_box .input_list .list li {display: block; margin: 10px 0 0;}
	.txt_btn_box .input_list .list li label {width: inherit;}
	.txt_btn_box .input_list .list li label .text {font-size: 14px; line-height: 30px;}
	.txt_btn_box .input_list .list li label {display: block;}

	.txt_btn_box .input_list .list li .box {display: block; height: auto;}
	.txt_btn_box .input_list .list li .box .input_box .inp01 {max-width: inherit;}
	.txt_btn_box .input_list .list li.sty2 .box .input_box .inp01 {width: calc(50% - 18px);}
	.txt_btn_box .input_list .list li .box .btn_box {display: block; position: relative; top: inherit; right: inherit; margin: 10px 0 0;}
	.txt_btn_box .input_list .list li .box .text {line-height: 30px;}
	.txt_btn_box .input_list .list li .box .slt_box .slt_com {max-width: inherit;}

	.agree_box.sty2 {margin: 20px 0 0;}
	.agree_box.sty2 .agree_tit {font-size: 18px; line-height: 27px;}

	.map_info_box .map_info_inner {padding: 0;}
	.map_info_box .map_info_inner .title_area .title {font-size: 15px; line-height: 23px;}

	.gm-style-iw.gm-style-iw-c {max-width: 290px !important;}


	/* 텍스트만 있는 경우 공통 */
	.txt_cont > .list > li {margin: 20px 0 0;}
	.txt_cont > .list > li .box .title { font-size: 20px; line-height: 30px;}
	.txt_cont > .list > li .box > .list {margin: 7px 0 0;}
	.txt_cont > .list > li .box > .list > li .text_box {margin: 5px 0 0;}
	.txt_cont > .list > li .box > .list > li .text_box > .text {font-size: 16px; line-height: 24px;}
	.txt_cont > .list > li .box > .list > li .text_box > .list {margin: 7px 0 0;}
	.txt_cont > .list > li .box > .list > li .text_box > .list > li {margin: 5px 0 0;}
	.txt_cont > .list > li .box > .list > li .text_box > .list > li:first-child {margin: 0;}
	.txt_cont > .list > li .box > .list > li .text_box > .list > li > .text {font-weight: 400; font-size: 15px; line-height: 23px;}
	.txt_cont > .list > li .box > .list > li .text_box > .list > li > .list {margin: 5px 0 0; padding: 0 0 0 15px;}
	.txt_cont > .list > li .box > .list > li .text_box > .list > li > .list > li {margin: 5px 0 0;}
	.txt_cont > .list > li .box > .list > li .text_box > .list > li > .list > li > .text {font-size: 13px; line-height: 21px;}
	.txt_cont > .list > li .box > .list > li .text_box > .list > li > .list > li > .dot_list_box {margin: 5px 0 0;}
	.txt_cont > .list > li .box > .list > li .text_box > .list > li > .list > li > .dot_list_box > .dot_list > .li > .text {font-size: 12px; line-height: 18px;}

	.webzine_box .main_visual {padding: 15px 640px;}
	.webzine_box .main_visual .visual_text_box {display: block; width: 100%; padding: 0; text-align: center;}
	.webzine_box .main_visual .visual_text_box .tit {height: 66px; font-size: 22px; line-height: 33px;}
	.webzine_box .main_visual .visual_text_box .view_btn {margin: 15px 0 0;}
	.webzine_box .main_visual .img_wrap {display: block; width: 100%; margin: 0 auto;}

	.oil_intro {margin: 30px 0 0;}
	.m_box {margin: 25px 0 0;}

	.gray_bd_box .gray_inner {padding: 10px 15px;}
	.gray_bd_box .gray_inner .title {font-size: 18px; line-height: 27px;}
	.gray_bd_box .gray_inner .text_box {margin: 5px 0 0;}

	.gray_bd_list > .list.sty2 > li {display: block; width: 100%; margin: 0;}
	.gray_bd_list > .list.sty2 > li:last-child {margin: 10px 0 0;}
	.gray_bd_list > .list.sty2 > li .gray_bd_box {height: auto;}
	.gray_bd_box.sty2 .gray_inner {padding: 10px;}
	.gray_bd_box.sty2 .gray_inner .title {padding: 40px 0 0;}
	.gray_bd_box.sty2 .gray_inner .title:before {width: 30px; height: 30px; margin: 0 0 0 -15px; background-size: cover; }

	.color_box .inner_box > .list > li .box .title {line-height: 35px;}

	.story_area, .story_area.sty2 {background-image: initial; background-color: #f5f5f5;}
	.story_area, .story_area.sty3 {background-image: initial; background-color: #f5f5f5;}
	.story_area, .story_area.sty4 {background-image: initial; background-color: #f5f5f5;}
	.story_area.sty3 {padding: 25px;}
	.story_area .story_inner .tit_box .tit {font-family: 'Noto Sans KR'; font-size: 16px; line-height: 24px;}
	.story_area .story_inner .tit_box .tit .ft_w {font-weight: 700;}
	.story_area .story_inner .tit_box .tit:before {display: none;}
	.story_area .story_inner .tit_box .tit br {display: none;}
	.story_area .story_inner .txt_box {margin: 10px 0 0;}
	.story_area .story_inner .txt_box .txt {font-size: 14px; line-height: 21px;}
	.story_area .story_inner .call_box .text {padding: 0 0 0 23px; font-size: 15px; line-height: 23px;}
	.story_area .story_inner .call_box .text:before {width: 17px; height: 17px; margin: -9px 0 0; background-size: cover;}
	.story_area .story_inner .call_box .text.sty2 {display: block; margin: 0;}
	
	.flo_box .left_box .link_box .link_list .list li {width: 50%;}
	.flo_box .left_box .link_box .link_list .list li:last-child{width: 100%;}
	.flo_box .left_box .link_box .link_list .list li:nth-child(3):before {display: none;}
	/* 11-19 */
	.flo_box .left_box .link_box .link_list .list.w_4 li {width: 50%;}
	.flo_box .left_box .link_box .link_list .list.w_4 li:last-child {width: 50%;}

	.menu_box .list li {display: block; margin: 10px 0 0;}
	.menu_box .list li:first-child {margin: 0;}
	.menu_box .list li:last-child {margin: 10px 0 0;}
	.menu_box .list li .box {width: 120px; height: 120px; margin: 0 auto;}
	.menu_box .list li .box .text_box .text {height: 100px; font-size: 14px; line-height: 21px;}
	.menu_box.en .list li .box {width: 150px; height: 150px;}
	.menu_box.en .list li .box .text_box .text {height: 120px;}
	
	/* 2021-09-24 추가 */
	.web_cont .web_box .box .info_box .tit_box {margin: 0 0 10px 0; padding: 0 0 10px 0;}
	.web_cont .web_box .box .info_box .tit_box .box .title {font-size: 20px; line-height: 30px;}
	.web_cont .web_box .box .info_box .tit_box .box .num {font-size: 14px; line-height: 21px;}
	.web_cont .web_box .box .info_box .txt_box .list li .tit {font-size: 16px; line-height: 24px;}
	.web_cont .web_box .box .info_box .txt_box .list > li + li {margin: 10px 0 0;}
	/* 2021-09-24 추가 */

	.product_list .box .pro_list > .list li .pro_box .text_box .btn_wrap .download_box {padding: 0;}

	.product_list .box .info .box {float: inherit;}
	.product_list .box .info .synthesis {margin: 0 0 5px;}


	/* ==================== 저작권정책 ==================== */
	.literary_property_cont > .box {padding: 24px 15px 35px;}
	.literary_property_cont .box .tit_box {margin: 0 0 10px;  padding: 0 0 10px;}
	.literary_property_cont .box .tit_box .title {padding: 65px 0 0 0; background-size: 40px 45px; font-size: 16px; line-height: 24px;}
	.literary_property_cont .box .text {font-size: 12px; line-height: 20px;}

	/* 2021-09-24 추가 */
	.literary_property_cont.sty2 .box .tit_box .title {padding: 65px 0 0;}
	/* ==================== 저작권정책 ==================== */

	 /* ==================== 이메일무단수집거부 ==================== */
	.email_cont .box {padding: 20px 5px 37px;}
	.email_cont .box img {width: 58px; height: 62px;}
	.email_cont .box .title {margin: 5px 0 0; font-size: 18px; line-height: 27px;}
	.email_cont .box .text {margin: 10px 0 0; font-size: 12px; line-height: 20px;}
	/* ==================== 이메일무단수집거부 ==================== */

	.resLists02 {margin: 20px 0 0;}
	.resLists02 ul {margin: 8px 0 0;}
	.resLists02 ul li {padding: 10px;}
	.resLists02 ul li dl dt a .title_box .resTitle {font-size: 15px; line-height: 23px;}

	/* 10-13 */
	.book_area .img_cont {display: block; width: auto;}
	.book_area .img_cont .img_box .img_inner img {width: auto;}
	.book_area .info_list {display: block;}
	.book_area > .text_box {display: block;}
	.book_area > .img_box {display: block !important; width: auto !important;}
	.board_area .faq_list .list > li .a_area .table_area {position: relative; z-index: 1; overflow-x: scroll; padding: 20px 0; background: url("/images/basic/lr_arr_ico.png") 48% 0 no-repeat; background-size: 30px; animation: tblScrollAni 2s infinite;}
	.board_area .faq_list .list > li .a_area .table_area table {width: 1100px;}

	/* 11-09 */
	.book_area2 .img_cont {display: block;}
	.book_area2 .info_list {display: block; width: 100%;}



}

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

	/* 2021-09-24 추가 */
	.web_cont .web_box > .box {padding: 10px;}


	.webzine footer .footer .container .link_box .link_list .list li {width: calc(50% - 2.5px); margin: 3px 5px 0 0; vertical-align: top;}
	.webzine footer .footer .container .link_box .link_list .list li:nth-child(1) {margin: 0 5px 0 0;}
	.webzine footer .footer .container .link_box .link_list .list li:nth-child(3n) {margin: 3px 5px 0 0;}
	.webzine footer .footer .container .link_box .link_list .list li:nth-child(2n) {margin: 3px 0 0;}
	.webzine footer .footer .container .link_box .link_list .list li:nth-child(2) {margin: 0;}
	.webzine footer .footer .container .link_box .link_list .list li a .txt_box .txt_inner {font-size: 12px; line-height: 18px;}
	.webzine footer .footer .container .link_box .link_list .list li:nth-child(3n+1) a {width: auto;}
	.webzine footer .footer .container .link_box .link_list .list li:nth-child(3n-1) a {width: auto;}
	.webzine footer .footer .container .link_box .link_list .list li:nth-child(3n) a {width: auto;}
	.webzine .contents {padding-bottom: 362px;}


	.product_list .box .pro_list > .list > li {display: block; width: 100%;}
	.product_list .box .pro_list > .list li .pro_box .text_box .tit_box {padding: 5px 0;}

	/* 정보이용동의_라디오버튼 (비회원신청)/등록선박검색 */
	.radio_area .radio_btn {margin: 5px 0 0; float: none;}
	/* 정보이용동의_라디오버튼 (비회원신청)/등록선박검색 */

	/* 10-27 */
	.job_area .com_txt_box {padding: 0}
	.job_area .img_con {position: inherit; right: inherit; top: inherit; transform: translate(0,0);}
	.job_area .img_con .img_box img {width: 250px;}

	
}

@media screen and (max-width:480px){
	/* 텍스트 area 공통 */
	.text_area .title {font-size: 16px; line-height: 24px;}
    /* //텍스트 area 공통 */

	/* 텍스트버튼박스 공통 */
	.txt_btn_box .qna_btn a:last-child {margin: 5px 0 0 !important;}
	/* //텍스트버튼박스 공통 */

	/* 아이콘 박스 (PSC/MRV) 선급기술규칙 열람 링크*/
	.intro_box .list > li {display: block; width: 100%; margin: 0 0 20px;}
	.intro_box .list > li:nth-child(2n) {margin: 0 0 20px 0;}
	.intro_box .list > li .box img {width: 50px; height:50px;}
	
	.intro_box.sty2 .list > li .box {height: inherit;}
	.intro_box.sty4  .list > li .box {height: inherit;}
	/* //아이콘 박스 (PSC/MRV) */
	
	/* 셀렉박스 */
	.sel_box .title {float: none;}
	.sel_box .pro_slt.sty2 {float: none; margin: 10px 0 0; width: 100%;}
	/* //셀렉박스 */

	.img_cont .title {font-size: 18px; line-height: 27px;}
	/* .com_txt_box .txt_list > li .txt_area .txt_box .tit {font-size: 18px; line-height: 27px;} */

	

	.table_con .table_box .list > li .tit {font-size: 18px; line-height: 27px;}

	.webzine_box .info_box {padding: 15px 0;}
	.webzine_box .info_box .info_list .list li {display: block; width: 100%; margin: 0;}
	.webzine_box .info_box .info_list .list li:nth-child(2n) {margin: 10px 0 0;}
	.webzine_box .info_box .info_list .list li:nth-child(3) {margin: 10px 0 0;}
	.webzine_box .info_box .info_list .list li:nth-child(4) {margin: 10px 0 0;}

	.com_txt_box .txt_list > li .txt_area > .list > li {display: block; width: 100%; margin: 10px 0 0;}

	.resLists02 ul li .resThumb {float: inherit; margin: 0 0 10px;}
	.resLists02 ul li dl dt a .resGubun {padding: 0;}


	/* 10-22 */
	.sns_list_box .list li {width: calc(50% - 5px); margin: 25px 10px 0 0;}
	.sns_list_box .list li:nth-child(-n+3) {margin: 0 10px 0 0;}
	.sns_list_box .list li:nth-child(3) {margin: 25px 10px 0 0;}
	.sns_list_box .list li:nth-child(-n+2) {margin: 0 10px 0 0;}
	.sns_list_box .list li:nth-child(2n) {margin: 25px 0 0;}
	.sns_list_box .list li:nth-child(2) {margin: 0;}
	.sns_list_box .list li:last-child {margin: 25px 10px 0 0;}
	.sns_list_box .list li .sns_icon {top: -17px; width: 34px; height: 34px;}
	.sns_list_box .list li .sns_icon img {width: 34px; height: 34px;}
	/* 10-22 */

	/* 11-09 */
	.book_area2 .info_list .list {display: block; width: 100%; margin: 5px 0 0;}

	/* 11-26 */
	.rule_box > .box .box_inner {margin: 5px 0 0;}
	.rule_box > .box .box_inner .down_wrap .down_box .sub_text .text {line-height: 21px;}
	.rule_box > .box .box_inner .down_wrap .down_box .btn_list .list li .box .txt_area .txt_box {height: 35px;}

}

@media screen and (max-width:409px){
	.webzine .contents {padding-bottom: 382px;}
}

@media screen and (max-width:355px){
	.webzine .contents {padding-bottom: 403px;}
}
@media screen and (max-width:337px){
	.webzine .contents {padding-bottom: 424px;}
}