@charset "UTF-8";

@import url("/css/home/kor/user/fair/sub_respond2.css");
@import url("/css/home/kor/user/fair/sub_respond3.css");


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

	
	
}

@media screen and (max-width:1080px){ 
	
	.sub_cont {padding: 50px 0 100px;}
	/* sub_top */
	.sub_top {}
	.sub_top .sub_top_area .box .sns_print_box .list li {display: inline-block; margin: 0 15px 0 0;}
	.sub_top .sub_top_area .box .sns_print_box .list li a {width: 18px; height: 18px; background-size: 100% 100%;}
	.sub_top .sub_top_area .box .sns_print_box .list li.share .sub_share_box {display: none; position: absolute; top: 43px; left: -70px; width: 120px; font-size: 0;}
	.sub_top .sub_top_area .box .sns_print_box .list li.share .sub_share_box li:last-child {margin: 0;}
	.sub_top .sub_top_area .box .sns_print_box .list li.share .sub_share_box li a {width: 20px; height: 20px; line-height: 20px; font-size:15px;}

	.sub_top_tit_box {padding: 120px 0 90px; }
	.sub_top_tit_box .sub_top_tit {font-size: 32px; ;line-height: 48px;}

	.sub_top .sub_top_area .container .breadcrumb .home {height: 40px}
	.sub_top .sub_top_area .container .breadcrumb > li  {line-height: 40px;}
	.sub_top .sub_top_area .container .breadcrumb > li.home > a {width: 40px; height: 40px;}
	.sub_top .sub_top_area .container .breadcrumb .home .btn {margin: 5px 0;}
	.sub_top .sub_top_area .container .breadcrumb .com_depth {max-width: 200px;}
	.sub_top .sub_top_area .container .breadcrumb .com_depth:after {height: 40px;}
	.sub_top .sub_top_area .container .breadcrumb .com_depth > .text {font-size: 16px; line-height: 40px; padding: 5px 30px 5px 20px;}
	.sub_top .sub_top_area .container .breadcrumb > li.com_depth > a {height: 50px; padding: 0 26px 0 13px; font-size: 16px; line-height: 40px;}
	.sub_top .sub_top_area .container .breadcrumb > li.com_depth > a:after {right: 7px;}
	.sub_top .sub_top_area .container .breadcrumb > li.com_depth > .depth_list {top: 51px;}
	.sub_top .sub_top_area .container .breadcrumb > li.com_depth > .depth_list > li > a {height: 50px; padding: 0 26px 0 13px; font-size: 15px; line-height: 40px;}
	.sub_top .sub_top_area .container .breadcrumb .com_depth .depth_list > li > .text {padding: 5px 30px 5px 20px; font-size: 15px; line-height: 40px;}

	.sub_top .bread_box .container .btn_list > li > a {width: 40px; height: 40px;}
	/* sub_top */
	.sub_cont {min-height: auto;}
	.main_title {font-size: 32px; line-height: 48px;}

	/* 프로그램 소개 상세 */
	.program_detail_view .info_view {padding: 40px 0;}
	.info_view .info_container .info_spec .info_spec_wrapper .img_area {width: 320px; height: 220px;}
	.info_view .info_container .info_spec .info_spec_wrapper .img_area .img_container {display: table;width: 100%; height: 100%; table-layout: fixed;}
	.program_detail_view .info_view .info_container .info_spec .info_spec_wrapper .text_area {padding: 0 0 50px 30px;}
	.program_detail_view .info_view .info_container .info_spec .info_spec_wrapper .text_area .date_wrap .date_list > li span {padding: 0 7px; line-height: 24px;}
	.program_detail_view .info_view .info_container .info_spec .info_spec_wrapper .text_area .title {margin: 10px 0 0;}
	.info_view .info_container .info_spec .info_spec_wrapper .text_area .title .text {height: 76px; font-size: 26px; line-height: 38px;}
	.program_detail_view .info_view .info_container .info_spec .info_spec_wrapper .text_area .cont_dot_list {margin: 14px 0 0;}
	.cont_wrap .cont_each .cont_dot_list li .item_wrapper {margin: 6px 0 0;}
	.cont_wrap .cont_each .cont_dot_list li .item_wrapper .tit {width: 80px; padding: 0 0 0 16px; font-size: 15px; line-height: 22px;}
	.cont_wrap .cont_each .cont_dot_list li .item_wrapper .tit:before {width: 14px; height: 14px;}
	.cont_wrap .cont_each .cont_dot_list li .item_wrapper .tit:after {width: 1px; height: 14px;}
	.cont_wrap .cont_each .cont_dot_list li .item_wrapper .text {padding: 0 0 0 7px; font-size: 15px; line-height: 22px;}
	.program_detail_view .info_view .info_container .info_spec .info_spec_wrapper .text_area .btn_box > a {margin: 0 0 0 6px; font-size: 15px; line-height: 36px;}
	.program_detail_view .info_view .info_container .info_spec .info_spec_wrapper .text_area .btn_box .btn_reserve {padding: 0 30px 0 16px;}
	.program_detail_view .info_view .info_container .info_spec .info_spec_wrapper .text_area .btn_box .btn_reserve:after {right: 14px; width: 14px; height: 12px; }
	.program_detail_view .info_view .info_container .info_spec .info_spec_wrapper .text_area .btn_box .btn_go_list {padding: 0 20px;}


	.program_detail_view .program_content {padding: 30px 0 0;}
	.program_detail_view .program_content .content .title {margin: 0 0 12px 0; padding: 0 0 0 18px; background-size: 14px auto; font-size: 20px; line-height: 34px;}
	.program_detail_view .program_content .content .title.detail {background-image: url('/images/sub/icon_title_detail.png');}
	.program_detail_view .program_content .content .text_content {font-size: 17px; line-height: 26px;}

	/*찾아오시는길*/
	.location_wrap .each_wrap {margin: 35px 0 0;}
	.location_wrap .each_wrap .loc_tit {padding: 0 0 0 10px; font-size: 24px; line-height: 36px;}
	.location_wrap .each_wrap .loc_tit:before {width: 3px; height: 24px;}
	.location_wrap .each_wrap .map_area {margin: 15px 0 0;}
	.location_wrap .each_wrap .map_area .map_api {height: 300px !important;}
	.location_wrap .each_wrap .loc_txt_box {padding: 20px 0;}
	.location_wrap .each_wrap .loc_txt_box .tit {width: 72px; position: relative; padding: 0 0 0 20px; font-size: 18px; line-height: 30px;}
	.location_wrap .each_wrap .loc_txt_box .tit:before{left: 0; width: 14px; height: 18px;}
	.location_wrap .each_wrap .loc_txt_box .tit:after{width: 1px; height: 18px;}
	.location_wrap .each_wrap .loc_txt_box .txt {padding: 0 0 0 10px; font-size: 18px; line-height: 30px;}
	.location_wrap .each_wrap .loc_bt_box {padding: 20px 0 0;}
	.location_wrap .each_wrap .loc_bt_box .loc_info_list > li {margin: 20px 0 0;}
	.location_wrap .each_wrap .loc_bt_box .loc_info_list > li .img_box {width: 90px;}
	.location_wrap .each_wrap .loc_bt_box .loc_info_list > li .img_box .icon {width: 90px; height: 90px; background-size: 45px auto;}
	.location_wrap .each_wrap .loc_bt_box .loc_info_list > li .txt_box {padding: 0 0 0 20px;}
	.location_wrap .each_wrap .loc_bt_box .loc_info_list > li .txt_box .tit {font-size: 18px; line-height: 27px;}
	.location_wrap .each_wrap .loc_bt_box .loc_info_list > li .txt_box .sub_txt {margin: 4px 0 0; font-size: 16px; line-height: 27px;}
	
}

@media screen and (max-width:767px){
	.sub_cont {padding: 30px 0 60px;}
	.main_title {margin: 0 0 10px; font-size: 26px; line-height: 39px;}
	.sub_top_tit_box {padding: 110px 0 80px; }
	.sub_top_tit_box .sub_top_tit {font-size: 26px; ;line-height: 39px;}
	.sub_top .sub_top_area .box .sns_print_box {right: 5px;}
	.sub_top .sub_top_area .box .sns_print_box .list li {margin: 0;}
	.sub_top .sub_top_area .box .sns_print_box .list li.print {display: none;}

	.sub_top .sub_top_area .container {padding: 0 5px;}
	.sub_top .sub_top_area .container .box {padding: 0 26px 0 0;}
	.sub_top .sub_top_area .container .breadcrumb .com_depth {width: calc(100% - 40px); max-width: none; padding: 0 10px 0 0;}
	.sub_top .sub_top_area .container .breadcrumb .com_depth:after {height: 40px;}

	.sub_top .sub_top_area .container .breadcrumb .com_depth > .text {padding: 5px 20px 5px 10px;}
	.sub_top .sub_top_area .container .breadcrumb .com_depth > .text:after {right: 8px;}
	.sub_top .sub_top_area .container .breadcrumb .home {padding: 0;}
	.sub_top .sub_top_area .container .breadcrumb .com_depth .depth_list > li > .text {padding: 5px 20px 5px 10px;}
    .sub_top .sub_top_area .container .breadcrumb .com_depth.depth2 {display: none;}
    
	/* 프로그램 소개 상세 */
	.program_detail_view .info_view {padding: 20px 0;}
	.info_view .info_container .info_spec .info_spec_wrapper {display: block;}
	.info_view .info_container .info_spec .info_spec_wrapper .img_area {display: block; width: 260px; height: 180px; margin: 0 auto;}
	.info_view .info_container .info_spec .info_spec_wrapper .img_area .img_container {display: table;width: 100%; height: 100%; table-layout: fixed;}
    .info_view .info_container .info_spec .info_spec_wrapper .img_area .img_container .img_wrapper img {max-height: 180px;}
	.program_detail_view .info_view .info_container .info_spec .info_spec_wrapper .text_area {display: block; margin: 15px 0 0; padding: 0 0 40px 0;}
	.program_detail_view .info_view .info_container .info_spec .info_spec_wrapper .text_area .date_wrap .date_list > li span {padding: 0 6px; line-height: 21px;}
	.program_detail_view .info_view .info_container .info_spec .info_spec_wrapper .text_area .title {margin: 8px 0 0;}
	.info_view .info_container .info_spec .info_spec_wrapper .text_area .title .text {height: 60px; font-size: 18px; line-height: 30px;}
	.program_detail_view .info_view .info_container .info_spec .info_spec_wrapper .text_area .cont_dot_list {margin: 10px 0 0;}
	.cont_wrap .cont_each .cont_dot_list li .item_wrapper .tit {width: 76px; font-size: 14px; line-height: 20px;}
	.cont_wrap .cont_each .cont_dot_list li .item_wrapper .text {padding: 0 0 0 6px; font-size: 14px; line-height: 20px;}
	.program_detail_view .info_view .info_container .info_spec .info_spec_wrapper .text_area .btn_box > a {margin: 0 0 0 4px; font-size: 14px; line-height: 30px;}
	.program_detail_view .info_view .info_container .info_spec .info_spec_wrapper .text_area .btn_box .btn_reserve {padding: 0 26px 0 12px;}
	.program_detail_view .info_view .info_container .info_spec .info_spec_wrapper .text_area .btn_box .btn_reserve:after {right: 10px; width: 12px; height: 10px; }
	.program_detail_view .info_view .info_container .info_spec .info_spec_wrapper .text_area .btn_box .btn_go_list {padding: 0 15px;}


	.program_detail_view .program_content {padding: 20px 0 0;}
	.program_detail_view .program_content .content .title {margin: 0 0 8px 0; padding: 0 0 0 14px; background-size: 12px auto; font-size: 17px; line-height: 28px;}
	.program_detail_view .program_content .content .text_content {font-size: 15px; line-height: 21px;}


	.location_wrap .each_wrap {margin: 20px 0 0;}
	.location_wrap .each_wrap .loc_tit {padding: 0 0 0 7px; font-size: 18px; line-height: 36px;}
	.location_wrap .each_wrap .loc_tit:before {height: 20px;}
	.location_wrap .each_wrap .map_area {margin: 10px 0 0;}
	.location_wrap .each_wrap .map_area .map_api {height: 250px !important;}
	.location_wrap .each_wrap .loc_txt_box {padding: 10px 0;}
	.location_wrap .each_wrap .loc_txt_box .tit {width: 62px; padding: 0 0 0 15px; font-size: 16px; line-height: 24px;}
	.location_wrap .each_wrap .loc_txt_box .tit:before{width: 12px; height: 16px;}
	.location_wrap .each_wrap .loc_txt_box .tit:after{height: 16px;}
	.location_wrap .each_wrap .loc_txt_box .txt {padding: 0 0 0 8px; font-size: 16px; line-height: 24px;}
	.location_wrap .each_wrap .loc_bt_box {padding: 15px 0 0;}
	.location_wrap .each_wrap .loc_bt_box .loc_info_list > li {margin: 15px 0 0;}
	.location_wrap .each_wrap .loc_bt_box .loc_info_list > li .img_box {display: none; width: 70px;}
	.location_wrap .each_wrap .loc_bt_box .loc_info_list > li .txt_box {display: block; padding: 0;}
	.location_wrap .each_wrap .loc_bt_box .loc_info_list > li .txt_box .tit {font-size: 16px; line-height: 24px;}
	.location_wrap .each_wrap .loc_bt_box .loc_info_list > li .txt_box .sub_txt {font-size: 15px; line-height: 24px;}
}

@media screen and (max-width:480px){
	.main_title {font-size: 20px; line-height: 28px;}
	.sub_top_tit_box {padding: 90px 0 60px; }
	.sub_top_tit_box .sub_top_tit {font-size: 20px; ;line-height: 28px;}

	/* 프로그램 소개 상세 */
	.program_detail_view .info_view .info_container .info_spec .info_spec_wrapper .text_area .btn_box {}
}