@charset "UTF-8";

@import url("/css/sub2.css");
@import url("/css/sub3.css");

.header_top_box {display: none;}

/* sub_top */
.sub_top {padding:0}
.sub_top .sub_top_area .box .sns_print_box {position: absolute; top: 50%; right: 5px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
.sub_top .sub_top_area .box .sns_print_box .list {}
.sub_top .sub_top_area .box .sns_print_box .list li {display: inline-block; margin: 0 23px 0 0;}
.sub_top .sub_top_area .box .sns_print_box .list li.print {margin: 0;}
.sub_top .sub_top_area .box .sns_print_box .list li a {display: block; width: 20px; height: 20px; background-position: center; background-repeat: no-repeat;}
.sub_top .sub_top_area .box .sns_print_box .list li.share > a {background-image: url("/images/home/kor/user/fair/common/share.png"); text-indent: -9999px;}
.sub_top .sub_top_area .box .sns_print_box .list li.share .sub_share_box {display: none; position: absolute; top: 43px; left: -35px; width: 120px; font-size: 0;}
.sub_top .sub_top_area .box .sns_print_box .list li.share .sub_share_box li {display: inline-block; margin: 0 5px 0 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 {display: block; width: 26px; height: 26px; line-height: 26px; background-color: #3b5998; border-radius: 2px; color: #fff; font-size:17px; text-align: center;}
.sub_top .sub_top_area .box .sns_print_box .list li.share .sub_share_box li.twitter a {background-color: #55acee;}
.sub_top .sub_top_area .box .sns_print_box .list li.share .sub_share_box li.kakaostory a {background-color: #fccb00;}
.sub_top .sub_top_area .box .sns_print_box .list li.share .sub_share_box li.googleplus a {background-color: #da4835;}
.sub_top .sub_top_area .box .sns_print_box .list li.share .sub_share_box li.blog a {background-color: #00c73c;}
.sub_top .sub_top_area .box .sns_print_box .list li.print > a {background-image: url("/images/home/kor/user/fair/common/print.png"); text-indent: -9999px;}

.sub_top_tit_box {padding: 173px 0 123px; background-image: url("/images/home/kor/user/fair/sub/sub_bg.jpg"); background-position: center; background-size: cover; background-repeat: no-repeat;}
.sub_top_tit_box .sub_top_tit {font-weight: 800; font-size: 56px; ;line-height: 64px; color: #fff; text-align: center; text-shadow: 0px 2px 10px rgba(8, 0, 89, 0.5);}


.sub_top .sub_top_area {border-bottom: 1px solid #e8e8e8; background-color: #fff;}
.sub_top .sub_top_area .container {z-index: 3;}
.sub_top .sub_top_area .container .breadcrumb {font-size: 0;}
.sub_top .sub_top_area .container .breadcrumb .box {display: inline-block;}
.sub_top .sub_top_area .container .breadcrumb .home {height: 56px;}
.sub_top .sub_top_area .container .breadcrumb .home .btn {display: inline-block; margin: 8px 0;}
.sub_top .sub_top_area .container .breadcrumb .home .btn img {}
.sub_top .sub_top_area .container .breadcrumb .com_depth {position: relative; width: 100%; max-width: 240px; vertical-align: top;}
.sub_top .sub_top_area .container .breadcrumb .com_depth > .text {display: block; position: relative; padding: 10px 58px 10px 25px; font-weight: 400; font-size: 18px; line-height: 44px; color: #424242; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break: break-all;}
.sub_top .sub_top_area .container .breadcrumb .com_depth > .text:after {content:''; display: inline-block; position: absolute; top: 50%; right: 19px; width: 12px; height: 9px; background-image:url('/images/home/kor/user/fair/common/breadcrumb_arrow.png'); background-position: center center; background-size: 12px auto; background-repeat: no-repeat; transform: translateY(-50%); transition: all 0.23s ease-out;}
.sub_top .sub_top_area .container .breadcrumb .com_depth.on > .text:after {transform: translateY(-50%) rotate(180deg);}
.sub_top .sub_top_area .container .breadcrumb .com_depth:after {content:''; display: inline-block; position: absolute; top: 50%; right: 0; width: 1px; height: 45px; background-color: #e8e8e8; transform: translateY(-50%);}
.sub_top .sub_top_area .container .breadcrumb .com_depth .depth_list {display: none; width: 100%; position: absolute; top: 65px; border: 1px solid #e8e8e8; border-top: 0; background-color: #fff; z-index: 2;}
.sub_top .sub_top_area .container .breadcrumb .com_depth .depth_list > li {border-top: 1px solid #e8e8e8;}
.sub_top .sub_top_area .container .breadcrumb .com_depth .depth_list > li:first-child {border-top: 0;}
.sub_top .sub_top_area .container .breadcrumb .com_depth .depth_list > li > .text {display: block; padding: 10px 58px 10px 25px; background-color: #fff; font-weight: 400; font-size: 18px; line-height: 44px; color: #424242; word-break: break-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}

/* 서브페이지 기본틀 */
.sub_cont {width: 100%; max-width: 1280px; height: 100%; min-height: 1000px; margin: 0 auto; padding: 87px 0 120px;}

.main_title {margin: 0 0 20px; font-weight: 700; font-size: 42px; line-height: 63px; color: #000000; text-align: center;}


/* 프로그램 소개 상세 */
.cont_wrap .cont_each.program_detail {border-top: none; padding: 0;}
.program_detail_view .info_view {position: relative; padding: 60px 0; z-index: 2;}
.program_detail_view .info_view:before {content:''; display: block; position: absolute; top: 0; left: 50%; width: 3000%; height: 100%; background-color: #f4f9fc; transform: translateX(-50%);}
.program_detail_view .info_view .info_container {position: relative; width: 100%; table-layout: fixed;}
.program_detail_view .info_view .info_container .info_spec {display: inline-block; width: 100%;}
.program_detail_view .program_detail_view .info_view .info_container .info_spec .info_spec_wrapper {display: table; table-layout: fixed; width: 100%;}
.info_view .info_container .info_spec .info_spec_wrapper .img_area {display: table-cell; overflow: hidden; width: 400px; height: 300px; background-color: #fff; vertical-align: top; box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.2); border-radius: 10px;}
.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 {display: table-cell; vertical-align: middle; text-align: center;}
.info_view .info_container .info_spec .info_spec_wrapper .img_area .img_container .img_wrapper img {display: inline-block; max-height: 310px;}
.program_detail_view .info_view .info_container .info_spec .info_spec_wrapper .text_area {display: table-cell; position: relative; padding: 0 0 49px 60px; }
.program_detail_view .info_view .info_container .info_spec .info_spec_wrapper .text_area .date_wrap {}
.program_detail_view .info_view .info_container .info_spec .info_spec_wrapper .text_area .date_wrap .date_list {font-size: 0; vertical-align: top;}
.program_detail_view .info_view .info_container .info_spec .info_spec_wrapper .text_area .date_wrap .date_list > li {display: inline-block; overflow: hidden; margin: 0 0 0 4px; border-radius: 5px;}
.program_detail_view .info_view .info_container .info_spec .info_spec_wrapper .text_area .date_wrap .date_list > li:first-child {margin: 0;}
.program_detail_view .info_view .info_container .info_spec .info_spec_wrapper .text_area .date_wrap .date_list > li span {display: block; padding: 0 9px; font-size: 14px; line-height: 28px; color: #fff;}
.program_detail_view .info_view .info_container .info_spec .info_spec_wrapper .text_area .date_wrap .date_list > li span.date1 {background-color: #e62e8b;}
.program_detail_view .info_view .info_container .info_spec .info_spec_wrapper .text_area .date_wrap .date_list > li span.date2 {background-color: #144db3;}
.program_detail_view .info_view .info_container .info_spec .info_spec_wrapper .text_area .date_wrap .date_list > li span.date3 {background-color: #ff8c36;}
.program_detail_view .info_view .info_container .info_spec .info_spec_wrapper .text_area .date_wrap .date_list > li span.date4 {background-color: #37b37c;}
.program_detail_view .info_view .info_container .info_spec .info_spec_wrapper .text_area .title {position: relative; margin: 15px 0 0;}
.info_view .info_container .info_spec .info_spec_wrapper .text_area .title .text {overflow: hidden; height: 96px; font-weight: 800; font-size: 32px; line-height: 48px; color: #212121; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.program_detail_view .info_view .info_container .info_spec .info_spec_wrapper .text_area .cont_dot_list {margin: 26px 0 0;}
.cont_wrap .cont_each .cont_dot_list li .item_wrapper {display: table; table-layout: fixed; width: 100%; margin: 10px 0 0;}
.cont_wrap .cont_each .cont_dot_list li .item_wrapper:fisrt-child {margin: 0;}
.cont_wrap .cont_each .cont_dot_list li .item_wrapper .tit {display: table-cell; position: relative; width: 93px; padding: 0 0 0 22px; font-weight: 700; font-size: 16px; line-height: 26px; color: #616161;}
.cont_wrap .cont_each .cont_dot_list li .item_wrapper .tit:before {content: ''; display: inline-block; position: absolute; top: 50%; left: 0; width: 16px; height: 16px; background-size: 100% 100%; background-position: center; background-repeat: no-repeat; transform: translateY(-50%);}
.cont_wrap .cont_each .cont_dot_list li .item_wrapper .tit.icon1:before {background-image: url("/images/home/kor/user/fair/common/reserve_icon1.png");}
.cont_wrap .cont_each .cont_dot_list li .item_wrapper .tit.icon2:before {background-image: url("/images/home/kor/user/fair/common/reserve_icon2.png");}
.cont_wrap .cont_each .cont_dot_list li .item_wrapper .tit.icon3:before {background-image: url("/images/home/kor/user/fair/common/reserve_icon3.png");}
.cont_wrap .cont_each .cont_dot_list li .item_wrapper .tit.icon4:before {background-image: url("/images/home/kor/user/fair/common/reserve_icon4.png");}
.cont_wrap .cont_each .cont_dot_list li .item_wrapper .tit.icon5:before {background-image: url("/images/home/kor/user/fair/common/reserve_icon5.png");}
.cont_wrap .cont_each .cont_dot_list li .item_wrapper .tit:after {content: ''; display: inline-block; position: absolute; top: 50%; right: 0;  width: 1px; height: 16px; background-color: #e0e0e0; transform: translateY(-50%);}
.cont_wrap .cont_each .cont_dot_list li .item_wrapper .text {padding: 0 0 0 10px; display: table-cell; font-weight: 400; font-size: 16px; line-height: 26px; color: #616161;}
.program_detail_view .info_view .info_container .info_spec .info_spec_wrapper .text_area .btn_box {position: absolute; bottom: 0; right: 0;}
.program_detail_view .info_view .info_container .info_spec .info_spec_wrapper .text_area .btn_box > a {display: inline-block; position: relative; margin: 0 0 0 9px; font-weight: 700; font-size: 16px; line-height: 48px; color: #fff; border-radius: 10px;}
.program_detail_view .info_view .info_container .info_spec .info_spec_wrapper .text_area .btn_box > a:first-child {margin: 0;}
.program_detail_view .info_view .info_container .info_spec .info_spec_wrapper .text_area .btn_box .btn_reserve {padding: 0 48px 0 22px; background-color: #12a0b0;}
.program_detail_view .info_view .info_container .info_spec .info_spec_wrapper .text_area .btn_box .btn_reserve:after {content: ''; display: block; position: absolute; top: 50%; right: 24px; width: 18px; height: 16px; background-image: url("/images/home/kor/user/fair/common/icon_pen.png"); background-size: 100% 100%; background-position: center; background-repeat: no-repeat; transform: translateY(-50%);}
.program_detail_view .info_view .info_container .info_spec .info_spec_wrapper .text_area .btn_box .btn_go_list {padding: 0 34px; background-color: #616161;}


.program_detail_view .program_content {padding: 50px 0 0;}
.program_detail_view .program_content .content .title {margin: 0 0 15px 0; padding: 0 0 0 22px; background-position: left center; background-size: 16px auto; background-repeat: no-repeat; font-weight: 700; font-size: 24px; line-height: 40px; color: #212121;}
.program_detail_view .program_content .content .title.detail {background-image: url('/images/home/kor/user/fair/sub/icon_title_detail.png');}
.program_detail_view .program_content .content .text_content {font-weight: 400; font-size: 18px; color: #424242; line-height: 32px;}


/*찾아오시는길*/
.location_wrap {}
.location_wrap .each_wrap {margin: 72px 0 0;}
.location_wrap .each_wrap:first-child {margin: 0;}
.location_wrap .each_wrap .loc_tit {position: relative; padding: 0 0 0 15px; font-weight: 800; font-size: 32px; line-height: 40px; color: #212121;}
.location_wrap .each_wrap .loc_tit:before {content: ''; display: inline-block; position: absolute; top: 50%; left: 0; width: 4px; height: 30px; background-color: #e4007f; transform: translateY(-50%);}
.location_wrap .each_wrap .map_area {overflow: hidden; margin: 25px 0 0; border-radius: 10px;}
.location_wrap .each_wrap .loc_txt_box {display: table; width: 100%; table-layout: fixed; border-bottom: 1px solid #e0e0e0; padding: 32px 0; vertical-align: middle;}
.location_wrap .each_wrap .loc_txt_box .tit {display: table-cell; width: 87px; position: relative; padding: 0 0 0 27px; font-weight: 700; font-size: 24px; line-height: 40px; color: #212121;}
.location_wrap .each_wrap .loc_txt_box .tit:before{content: ''; display: inline-block; position: absolute; top: 50%; left: 4px; width: 16px; height: 20px; background-image: url("/images/home/kor/user/fair/sub/icon_title_detail.png"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat; transform: translateY(-50%);}
.location_wrap .each_wrap .loc_txt_box .tit:after{content: ''; display: inline-block; position: absolute; top: 50%; right: 0; width: 1px; height: 24px; background-color: #e0e0e0 ; transform: translateY(-50%);}
.location_wrap .each_wrap .loc_txt_box .txt {display: table-cell; width: 100%; position: relative; padding: 0 0 0 16px; font-weight: 400; font-size: 24px; line-height: 40px; color: #424242;}
.location_wrap .each_wrap .loc_bt_box {padding: 40px 0 0;}
.location_wrap .each_wrap .loc_bt_box .loc_info_list {}
.location_wrap .each_wrap .loc_bt_box .loc_info_list > li {display: table; width: 100%; table-layout: fixed; margin: 40px 0 0; vertical-align: top;}
.location_wrap .each_wrap .loc_bt_box .loc_info_list > li:first-child {margin: 0;}
.location_wrap .each_wrap .loc_bt_box .loc_info_list > li .img_box {display: table-cell; width: 120px; vertical-align: middle;}
.location_wrap .each_wrap .loc_bt_box .loc_info_list > li .img_box .icon {display: inline-block; width: 120px; height: 120px; background-position: center center; background-size: 60px auto; background-repeat: no-repeat; background-color: #f5f5f5; border-radius: 50%; vertical-align: middle;}
.location_wrap .each_wrap .loc_bt_box .loc_info_list > li .img_box .icon.icon1 {background-image: url("/images/home/kor/user/fair/common/icon_subway.png");}
.location_wrap .each_wrap .loc_bt_box .loc_info_list > li .img_box .icon.icon2 {background-image: url("/images/home/kor/user/fair/common/icon_bus.png");}
.location_wrap .each_wrap .loc_bt_box .loc_info_list > li .txt_box {display: table-cell; width: 100%; padding: 0 516px 0 40px; vertical-align: middle;}
.location_wrap .each_wrap .loc_bt_box .loc_info_list > li .txt_box .tit {font-weight: 700; font-size: 20px; line-height: 30px; color: #212121;}
.location_wrap .each_wrap .loc_bt_box .loc_info_list > li .txt_box .sub_txt {margin: 6px 0 0; font-weight: 400; font-size: 18px; line-height: 32px; color: #424242;}