@charset "UTF-8"; /* header */ #header .gnb li.on {position:relative; z-index:2;} #header .gnb li.on:before {content:''; position:absolute; top:27px; left:12px; width:30px; height:30px; border-radius:50%; background-color:#ff7463; z-index:-2;} /* brand 페이지 */ #main .brand_banner {position:relative;} /* #main .brand_banner img {max-width:none; min-width:100%; position:absolute; top:0; left:50%; transform:translateX(-50%);} */ #main .brand_intro {background:url(../images/Sub1_bg03.png) bottom right no-repeat; background-size:100%;} #main .brand_intro .section_inner {max-width:1280px; margin:0 auto; padding:0 2.5rem;} #main .brand_intro .section_inner .intro_list {text-align:center; padding-top:7rem;} #main .brand_intro .section_inner .intro_list li {display:flex; justify-content:center; width:100%; margin-bottom:3rem;} #main .brand_intro .section_inner .intro_list li .intro_left {width:50%; margin-right:1.5rem;} #main .brand_intro .section_inner .intro_list li .intro_right {text-align:left; padding-top:4rem; width:50%; margin-left:1rem;} #main .brand_intro .section_inner .intro_list li .intro_right .intro_tit {font-size:1.9rem; line-height:1.2; padding:0.4em 0; font-weight:600;} #main .brand_intro .section_inner .intro_list li .intro_right .intro_txt {font-size:1.1rem; transform:skew(-0.05deg); width:30rem;} /* //brand 페이지 */ /* coop_greeting 페이지 */ #main .sub_menu_wrap {width:100%; text-align:center;} #main .sub_menu_wrap .sub_menu {display:flex; justify-content:center;} #main .sub_menu_wrap .sub_menu li {margin-right:1.3rem;} #main .sub_menu_wrap .sub_menu li:last-child {margin-right:0;} #main .sub_menu_wrap .sub_menu li a {display:block; padding:1em 0.8em; font-size:1.1rem; font-weight:700;} #main .sub_menu_wrap .sub_menu li.on a {color:#ff7463;} #main .sub_menu_box {padding:0 2.5rem 10rem; background:url(../images/Sub2-1_bg02.png) left bottom no-repeat;} #main .sub_menu_box .section_tit {padding:4rem 0; text-align:center; font-size:1.8rem; line-height:1.2; font-weight:600; position:relative;} #main .sub_menu_box .section_tit:before {content:''; position:absolute; top:40px; left:50%; transform:translateX(-50%); border-top:16px solid #f8ad3f; border-left:10px solid transparent; border-right:10px solid transparent; width:0; height:0;} #main .sub_menu_box .menu_box_inner {max-width:1182px; padding:4rem 1.5rem; border:solid 1px #e5e5e5; background:url(../images/Sub2-1_bg01.png) bottom center no-repeat; margin:0 auto;} #main .sub_menu_box .menu_box_inner .box_inner_top {display:flex; justify-content:center; margin-bottom:5rem;} #main .sub_menu_box .menu_box_inner .box_inner_top img {margin-right:70px;} #main .sub_menu_box .menu_box_inner .box_inner_top .inner_top_txt {padding-top:2.5rem;} #main .sub_menu_box .menu_box_inner .box_inner_top .inner_top_txt h3 {font-size:2.2rem; color:#31973f; letter-spacing:-4px; font-family:serif; font-weight:600;} #main .sub_menu_box .menu_box_inner .box_inner_top .inner_top_txt ul {padding-top:0.5em; margin-left:8px;} #main .sub_menu_box .menu_box_inner .box_inner_top .inner_top_txt ul li {padding-left:19px; margin-bottom:0.5rem; position:relative;} #main .sub_menu_box .menu_box_inner .box_inner_top .inner_top_txt ul li:before {content:''; position:absolute; top:10px; left:5px; background-color:#7d7d7d; width:5px; height:5px; border-radius:50%;} #main .sub_menu_box .menu_box_inner .box_inner_bottom {text-align:center;} #main .sub_menu_box .menu_box_inner .box_inner_bottom p {padding:4rem 0; line-height:2rem; transform:skew(-0.05deg);} /* //coop_greeting 페이지 */ /* coop_info */ #main .sub_menu_box.bgnone {background:transparent;} #main .sub_menu_box .section_info {display:flex; position:relative; justify-content:flex-end; display:flex;} #main .sub_menu_box .section_info .info_img_box {width:1904px; position:absolute; top:0; left:50%; transform:translateX(-50%);} #main .sub_menu_box .section_info .info_img_box .info_bg {position:absolute; top:0; left:0rem; z-index:-1;} #main .sub_menu_box .section_info .info_txt_wrap {width:50%; height:100%; padding:1.5rem 1.5rem 0;} #main .sub_menu_box .section_info .info_txt_wrap h4 {font-size:1.9rem; line-height:1.2; font-weight:500; display:inline-block; vertical-align:bottom;} #main .sub_menu_box .section_info .info_txt_wrap p {font-size:1.4rem; font-weight:400; line-height:1.4; padding-top:1.5rem; max-width:63%;} #main .sub_menu_box .section_info .info_txt_wrap .info_sub_txt {padding-top:1.5rem;} #main .sub_menu_box .section_info .info_txt_wrap .info_sub_txt li {padding-left:20px; position:relative;} #main .sub_menu_box .section_info .info_txt_wrap .info_sub_txt li:before {content:''; position:absolute; top:16px; left:5px; width:5px; height:2px; background-color:#707070;} #main .sub_menu_box .section_info .info_txt_wrap .info_sub_txt li p {font-size:1.1rem; transform:skew(-0.05deg); word-break:keep-all; padding-top:0.5rem; max-width:80%;} #main .info_explanation {padding:0 0;} #main .info_explanation h2 {padding-left:5rem; font-size:1.9rem; font-weight:600; line-height:1.2;} #main .info_explanation .plan_do_check {padding:1.5rem 2.5rem 0; margin-bottom:8rem;} #main .info_explanation .business_model {padding:8rem 0; background:url(../images/Sub2-2_con3-bg.jpg) no-repeat; text-align:center; background-size:100% 100%;} #main .info_explanation .business_model .section_tit {padding:4rem 0; text-align:center; font-size:1.8rem; line-height:1.2; font-weight:600; position:relative; color:#fff;} #main .info_explanation .business_model .section_tit:before {content:''; position:absolute; top:40px; left:50%; transform:translateX(-50%); border-top:16px solid #f8ad3f; border-left:10px solid transparent; border-right:10px solid transparent; width:0; height:0;} #main .info_explanation .organ_chart {text-align:center; padding:8rem 0;} #main .info_explanation .organ_chart .section_tit {padding:4rem 0; text-align:center; font-size:1.8rem; line-height:1.2; font-weight:600; position:relative;} #main .info_explanation .organ_chart .section_tit:before {content:''; position:absolute; top:40px; left:50%; transform:translateX(-50%); border-top:16px solid #f8ad3f; border-left:10px solid transparent; border-right:10px solid transparent; width:0; height:0;} #main .company_map {display:flex;} #main .company_map .map_left {width:50%; padding:7rem 0 4rem; background-color:#fcf2e8;} #main .company_map .map_left .left_txt {width:45%; margin-left:40%;} #main .company_map .map_left .left_txt h3 {font-size:2rem; font-weight:600; position:relative; z-index:1;} #main .company_map .map_left .left_txt h3:before {content:''; position:absolute; top:-18px; left:-28px; width:47px; height:47px; border-radius:50%; background-color:#ff7463; z-index:-1;} #main .company_map .map_left .left_txt img {margin-top:1.3rem;} #main .company_map .map_left .left_txt p {padding-top:1.3rem; width:90%; font-size:1.1rem; transform:skew(0.05deg); word-break:keep-all; display:inline-block;} #main .company_map .map_right {width:50%;} /* //coop_info */ /* coop_rule */ #main .sub_menu_box .rule_txtbox {max-width:1280px; margin:0 auto 2rem;} #main .sub_menu_box .rule_txtbox .rule_tit {font-size:1.3rem; font-weight:600; color:#555; margin-bottom:0.5rem; position:relative;} #main .sub_menu_box .rule_txtbox .rule_tit:before {content:''; display:inline-block; margin-right:14px; width:4px; height:18px; background-color:#f8ad3f;} #main .sub_menu_box .rule_txtbox .rule_txt {font-size:1.1rem; color:#777; word-break:keep-all; padding-left:17px; padding-bottom:5px; width:97%; display:inline-block;} #main .sub_menu_box .rule_txtbox span {color:#777; font-size:1.1rem; width:1%; vertical-align:top; display:inline-block; margin-left:17px; margin-right:-5px;} #main .sub_menu_box .rule_txtbox ul {padding-left:20px;} #main .sub_menu_box .rule_txtbox ul li {padding-left:17px;} #main .sub_menu_box .rule_txtbox ul li p {color:#777; font-size:1.1rem; padding-bottom:5px;} /* //coop_rule */ /* coop_notice */ #main .sub_menu_box .notice_wrap {width:100%; border-top:2px solid #ff7463; max-width:1280px; margin:0 auto;} #main .sub_menu_box .notice_wrap thead {background-color:#ffe9e5;} #main .sub_menu_box .notice_wrap tr {border-bottom:solid 1px #ddd;} #main .sub_menu_box .notice_wrap tr td {padding:10px 0; font-weight:600; color:#333; text-align:center; font-size:14px; line-height:28px; border:none;} #main .sub_menu_box .notice_wrap tr .table_list_uid {width:72px;} #main .sub_menu_box .notice_wrap tr .table_list_title {} #main .sub_menu_box .notice_wrap tr .table_list_user {width:100px;} #main .sub_menu_box .notice_wrap tr .table_list_date {width:75px;} #main .sub_menu_box .notice_wrap tr .table_list_vote {width:55px;} #main .sub_menu_box .notice_wrap tr .table_list_view {width:55px;} #main .sub_menu_box .notice_wrap tbody {background-color:#fff; transition:background 0.5s; height:auto;} #main .sub_menu_box .notice_wrap tbody:hover {background-color:#f1f1f1;} #main .sub_menu_box .notice_wrap tbody tr td {font-weight:400; } #main .sub_menu_box .notice_wrap tbody tr .table_list_title {text-align:left;} #main .sub_menu_box .notice_wrap tbody tr .table_list_title a {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} #main .sub_menu_box .notice_wrap .table_pagination {padding:15px 0; width:100%;} #main .sub_menu_box .notice_wrap .table_pagination ul {width:100%; text-align:center;} #main .sub_menu_box .notice_wrap .table_pagination ul li {display:inline-block; padding:0 1px;} #main .sub_menu_box .notice_wrap .table_pagination ul li a {display:block; padding:0 11px; height:28px; color:#545861; background-color:#eaeaea; font-size:14px; line-height:28px;} #main .sub_menu_box .notice_wrap .table_search {text-align:center; padding-bottom:15px; width:100%;} #main .sub_menu_box .notice_wrap .table_search select {width:112px; padding:0 5px; height:26px; border:solid 1px #f1f1f1; background-color:#fff; font-size:14px; color:#666; line-height:26px;} #main .sub_menu_box .notice_wrap .table_search .search_txt {padding:0 5px; width:200px; height:26px; line-height:26px; font-size:14px; border:solid 1px #f1f1f1; background-color:#fff; color:#666;} #main .sub_menu_box .notice_wrap .table_search .search_button {font-size:14px; height:28px; line-height:28px; font-weight:500; padding:0 0.7em; color:#545861; background-color:#eaeaea; border:none;} /* //coop_notice */ /* curriculum */ #main .curriculum {padding-bottom:6rem; background:url(../images/Sub1_bg03.png) right bottom no-repeat; background-size:100%;} #main .curriculum .section_tit {padding:4rem 0; text-align:center; font-size:1.8rem; line-height:1.2; font-weight:600; position:relative;} #main .curriculum .section_tit:before {content:''; position:absolute; top:40px; left:50%; transform:translateX(-50%); border-top:16px solid #f8ad3f; border-left:10px solid transparent; border-right:10px solid transparent; width:0; height:0;} #main .curriculum .curriculum_wrap .curriculum_content {max-width:1280px; margin:0 auto; display:flex; justify-content:center; padding-top:3rem;} #main .curriculum .curriculum_wrap .curriculum_content .curriculum_left {width:50%; text-align:center;} #main .curriculum .curriculum_wrap .curriculum_content .curriculum_right {width:50%; padding:4rem 0 0 4rem;} #main .curriculum .curriculum_wrap .curriculum_content .curriculum_right h4 {font-size:1.5rem; line-height:1.4; font-weight:400; position:relative; z-index:1;} #main .curriculum .curriculum_wrap .curriculum_content .curriculum_right h4:before {content:''; position:absolute; top:-20px; left:-30px; width:47px; height:47px; background-color:#ffb9b1; border-radius:50%; z-index:-1;} #main .curriculum .curriculum_wrap .curriculum_content .curriculum_right p {padding-top:1.5rem; width:75%; font-size:1.1rem; word-break:keep-all; color:#4d4d4d; line-height:28px;} #main .curriculum .curriculum_wrap .curriculum_content:nth-child(2) .curriculum_left {order:1;} #main .curriculum .curriculum_wrap .curriculum_content:nth-child(2) .curriculum_right {text-align:right;} #main .curriculum .curriculum_wrap .curriculum_content:nth-child(2) .curriculum_right h4:before {left:96px; background-color:#ff7463;} #main .curriculum .curriculum_wrap .curriculum_content:nth-child(2) .curriculum_right p {float:right;} #main .curriculum_tab {padding:2rem 2.5rem 6rem;} #main .curriculum_tab .tab_top {width:100%;} #main .curriculum_tab .tab_top .tab_menu {display:flex; border-bottom:2px solid #e8e8e8; max-width:1280px; margin:0 auto;} #main .curriculum_tab .tab_top .tab_menu li {opacity:0.66; transition:opacity 0.3s, color 0.3s;} #main .curriculum_tab .tab_top .tab_menu li.on {opacity:1; } #main .curriculum_tab .tab_top .tab_menu li:hover {opacity:1;} #main .curriculum_tab .tab_top .tab_menu li a {color:#4d4d4d; display:block; padding:1em 1.5em; font-size:1.2rem; font-weight:600; line-height:28px; position:relative} #main .curriculum_tab .tab_top .tab_menu li a:after {content:''; position:absolute; left:0; bottom:-2px; height:0; width:0; transition:height 0.3s, width 0.3s;} #main .curriculum_tab .tab_top .tab_menu li.on a:after {width:100%; border-bottom:2px solid #ff7463; transition:height 0.3s,width 0.3s;} #main .curriculum_tab .tab_bottom {display:none; text-align:center; max-width:1280px; margin:0 auto; padding-top:1.5rem;} #main .curriculum_tab .tab_bottom.on {display:block;} #main .curriculum_tab .tab_bottom h3 {color:#ff7463; position:relative; font-size:1.1rem; font-weight:600; margin-bottom:1.5rem; z-index:1; display:inline-block;} #main .curriculum_tab .tab_bottom h3:after {content:''; position:absolute; bottom:-5px; right:-12px; width:107%; height:16px; padding:0 13px; background-color:#fff0ea; z-index:-1; border-radius:20px;} #main .curriculum_tab .tab_bottom .tab_slider .swiper-button-next {height:100%; top:0; margin-top:0; background:url(../images/swiper_next_btn.png) center center no-repeat; background-size:50px 50px; transition:background 0.5s; right:0; width:54px;} #main .curriculum_tab .tab_bottom .tab_slider .swiper-button-prev {height:100%; top:0; margin-top:0; background:url(../images/swiper_prev_btn.png) center center no-repeat; background-size:50px 50px; transition:background 0.5s; left:0; width:54px;} #main .curriculum_tab .tab_bottom .tab_slider .swiper-button-next:hover, #main .curriculum_tab .tab_bottom .tab_slider .swiper-button-prev:hover {background-color:rgba(0,0,0,0.3);} /* //curriculum */ /* franchise */ /* franchise info */ #main .sub_menu_wrap {white-space:nowrap; overflow-x:auto;} #main .sub_menu_box .franchise_box {text-align:center;} #main .sub_menu_box .franchise_info {max-width:1280px; margin:0 auto; overflow:hidden;} #main .sub_menu_box .franchise_info .info_img_wrap {float:left;; position:relative; margin:0 53px 3.4rem 0;} #main .sub_menu_box .franchise_info .info_img_wrap:after {content:''; position:absolute; top:50%; right:-40px; transform:translateY(-50%); width:27px; height:5px; background:url(../images/Sub4-2-img13.jpg) no-repeat;} #main .sub_menu_box .franchise_info .info_img_wrap:last-child:after {display:none;} #main .sub_menu_box .franchise_info .info_img_wrap:nth-child(4n) {margin-right:0;} #main .sub_menu_box .franchise_info .info_img_wrap:nth-child(4n):after {display:none;} /* franchise enroll */ #main .sub_menu_box .enroll_wrap {position:relative; display:flex; justify-content:flex-end;} #main .sub_menu_box .enroll_wrap .enroll_img_wrap {width:1904px; position:absolute; top:0; left:50%; transform:translateX(-50%); z-index:-1;} #main .sub_menu_box .enroll_wrap .enroll_explanation {width:50%; padding-top:7rem;} #main .sub_menu_box .enroll_wrap .enroll_explanation h3 {font-size:1.5rem; font-weight:400; line-height:1.4; margin-bottom:1.5rem; letter-spacing:0; position:relative; z-index:1;} #main .sub_menu_box .enroll_wrap .enroll_explanation h3:before {content:''; position:absolute; left:-30px; top:-20px; width:47px; height:47px; background-color:#ffb9b1; border-radius:50%; z-index:-1;} #main .sub_menu_box .enroll_wrap .enroll_explanation p {width:70%; word-break:keep-all; font-size:1.1rem;} #main .enroll_form {padding:2rem 2.5rem 6rem; overflow:hidden; line-height:28px;} #main .enroll_form table {max-width:1280px; margin:3rem auto;} #main .enroll_form tbody tr th, #main .enroll_form tbody tr td {border:none; display:inline-block;} #main .enroll_form tbody tr th {width:80px; margin-right:27px; font-weight:600; font-size:1rem; color:#000; transform:skew(-0.05deg); vertical-align:top; text-align:left;} #main .enroll_form tbody tr td {width:42%; height:100%; display:inline-block;} #main .enroll_form tbody tr td input {min-height:2.8rem; padding:0 0.8rem; display:block; width:100%; border:none; background-color:#f5f5f5; color:#4d4d4d;} #main .enroll_form tbody tr.w38 {width:38%; display:inline-block; margin-right:10px;} #main .enroll_form tbody tr.w38 td {width:75%; margin-left:-3px;} #main .enroll_form tbody tr.w38 td input {margin-right:5px;} #main .enroll_form tbody tr.w28 {width:28%; display:inline-block; vertical-align:top;} #main .enroll_form tbody tr.w28 td {width:80%; } #main .enroll_form tbody tr td select {background-color:#f5f5f5; border:none; width:100%; min-height:2.8rem; padding-left:15px;} #main .enroll_form tbody tr td textarea {width:100%; height:8rem; min-height:3rem; border:none; background-color:#f5f5f5; padding:0.8rem 0.8rem; resize:vertical;} #main .enroll_form .persnal_agree {text-align:center; padding-bottom:2rem; border-bottom:1px solid #e5e5e5; position:relative; max-width:1280px; margin:0 auto; z-index:1;} #main .enroll_form .persnal_agree:after {content:''; position:absolute; bottom:0px; right:15px; width:292px; height:215px; background:url(../images/Bg_circle-yellow.png) no-repeat; z-index:-1;} #main .enroll_form .persnal_agree p {padding-top:6rem; text-align:center; font-size:1rem; font-weight:500; display:inline-block; margin-right:15px;} #main .enroll_form .persnal_agree input {width:10px;} #main .enroll_form .persnal_agree input[type="checkbox"] {display:none;} #main .enroll_form .persnal_agree input[type="checkbox"] + label span {content:''; display:inline-block; width:23px; height:23px; background:url(../images/_check01.png) top left no-repeat; cursor:pointer; vertical-align:middle; transition:all 0.1s;} #main .enroll_form .persnal_agree input[type="checkbox"]:checked + label span {background:url(../images/_check01.png) 0 -23px no-repeat;} #main .enroll_form .submit_btn {text-align:center; padding-top:2rem;} #main .enroll_form .submit_btn input[type="submit"] {font-size:1.2rem; font-weight:700; color:#fff; background-color:#ff7463; border:none; box-shadow:0 0 0 rgba(0,0,0,.2); padding:0.8em 5em; border-radius:50em; transition:box-shadow 0.3s; cursor:pointer;} #main .enroll_form .submit_btn input[type="submit"]:hover {box-shadow:0 0.15em 0.3em rgba(0,0,0,.2);} /* franchise_presentation */ #main .sub_menu_box .calendar_wrap .calendar_head {width:100%; margin:15px auto; max-width:280px; overflow:hidden; text-align:center;} #main .sub_menu_box .calendar_wrap .calendar_head form a {float:left; width:35px; line-height:45px;} #main .sub_menu_box .calendar_wrap .calendar_head form a img {vertical-align:middle;} #main .sub_menu_box .calendar_wrap .calendar_head form a:last-child {float:right;} #main .sub_menu_box .calendar_wrap .calendar_head form select {color:#ff7463; font-size:31px; cursor:pointer; border:none; margin-left:3px; vertical-align:middle; line-height:45px; display:inline-block;;} #main .sub_menu_box .calendar_wrap .calendar_head form select option {font-size:15px; color:#000;} #main .sub_menu_box .calendar_wrap .calendar_head form span {font-size:30px; color:#ff7463; margin:8px 0 0 5px; display:inline-block; vertical-align:bottom;} #main .sub_menu_box .calendar_wrap .calendar_change {text-align:right; max-width:1280px;} #main .sub_menu_box .calendar_wrap .calendar_change a {display:inline-block; margin-left:10px; width:15px; height:15px; opacity:0.2; transition:opacity 0.3s; margin-bottom:15px;} #main .sub_menu_box .calendar_wrap .calendar_change a.active {opacity:0.8;} #main .sub_menu_box .calendar_wrap .calendar_change a:hover {opacity:0.8;} #main .sub_menu_box .calendar_wrap .calendar_table {width:100%; max-width:1280px; margin:0 auto;} #main .sub_menu_box .calendar_wrap .calendar_table table {border:none;} #main .sub_menu_box .calendar_wrap .calendar_table table .sunday {color:#C52687;} #main .sub_menu_box .calendar_wrap .calendar_table table .saturday {color:#4EAFD8;} #main .sub_menu_box .calendar_wrap .calendar_table table td div a.sunday {color:#C52687;} #main .sub_menu_box .calendar_wrap .calendar_table table td div a.saturday {color:#4EAFD8;} #main .sub_menu_box .calendar_wrap .calendar_table table thead tr {border-top:3px solid #ff7463;} #main .sub_menu_box .calendar_wrap .calendar_table table thead tr th {border:none; font-size:13px; background-color:#fff2f0; border-right:1px solid #e5e5e5; height:35px; text-align:center;} #main .sub_menu_box .calendar_wrap .calendar_table table thead tr th:last-child {border-right:none;} #main .sub_menu_box .calendar_wrap .calendar_table table tbody tr td {height:159px; vertical-align:top; transition:height 0.3s;} #main .sub_menu_box .calendar_wrap .calendar_table table tbody tr td div {width:100%; height:25px; text-align:left; padding:5px 0 0 5px;} #main .sub_menu_box .calendar_wrap .calendar_table table tbody tr td div a {font-size:13px;} #main .sub_menu_box .calendar_wrap .calendar_table table tbody tr td.sunday div a {color:#c52687;} #main .sub_menu_box .calendar_wrap .calendar_table table tbody tr td.saturday div a {color:#4eafd8;} #main .sub_menu_box .calendar_wrap .calendar_table table tbody tr td div a.today {background-color:#ff7463; color:#fff; border-radius:50%; width:20px; height:20px; display:block; text-align:center; line-height:20px;} #main .sub_menu_box .calendar_wrap .calendar_search {padding-top:3rem;} #main .sub_menu_box .calendar_wrap .calendar_search .table_search {text-align:center; padding-bottom:15px; width:100%;} #main .sub_menu_box .calendar_wrap .calendar_search .table_search select {width:112px; padding:0 5px; height:26px; border:solid 1px #f1f1f1; background-color:#fff; font-size:14px; color:#666; line-height:26px;} #main .sub_menu_box .calendar_wrap .calendar_search .table_search .search_txt {padding:0 5px; width:200px; height:26px; line-height:26px; font-size:14px; border:solid 1px #f1f1f1; background-color:#fff; color:#666;} #main .sub_menu_box .calendar_wrap .calendar_search .table_search .search_button {font-size:14px; height:28px; line-height:28px; font-weight:500; padding:0 0.7em; color:#fff; background-color:#ff7463; border:none;} /* franchise_faq */ #main .sub_menu_box .faq_wrap {border-top:solid 3px #ff7463; max-width:1280px; margin:0 auto;} #main .sub_menu_box .faq_wrap ul li {padding:1em 1.5em; border-bottom:1px solid #e5e5e5; transition:background 1s, color 1s; position:relative;} #main .sub_menu_box .faq_wrap ul li:before {content:''; position:absolute; top:16px; right:23px; width:23px; height:23px; background:url(../images/arrow-down-sign-to-navigate.png) center center no-repeat; background-size:50%; transition:all 0.5s;} #main .sub_menu_box .faq_wrap ul li:hover {background-color:rgba(0,0,0,0.04);} #main .sub_menu_box .faq_wrap ul li:hover a {color:#ff7463;} #main .sub_menu_box .faq_wrap ul li.active a {color:#ff7463; font-weight:600; } #main .sub_menu_box .faq_wrap ul li.active:before {background:url(../images/arrow-down-sign-to-navigate_hover.png) center center no-repeat; background-size:50%; transform:rotate(180deg); transition:transform 0.5s;} #main .sub_menu_box .faq_wrap ul li a {font-size:1.1rem; transform:skew(-0.05deg); display:inline-block; font-weight:500; margin-left:0.6em; width:80%;} #main .sub_menu_box .faq_wrap ul li i {display:inline-block; width:16px; height:16px; background:url(../images/faq_question.png) no-repeat; background-size:100%; text-indent:-9999px; transition:background 0.3s;} #main .sub_menu_box .faq_wrap ul li:hover i, #main .sub_menu_box .faq_wrap ul li.active i {background:url(../images/faq_btn_hover.png) no-repeat; background-size:100%;} #main .sub_menu_box .faq_wrap ul li .faq_answer {padding:1.5rem 0 2rem; display:none;} #main .sub_menu_box .faq_submit {text-align:center; padding-top:3rem;} #main .sub_menu_box .faq_submit_btn {font-size:1.2rem; font-weight:700; color:#fff; background-color:#ff7463; border:none; box-shadow:0 0 0 rgba(0,0,0,.2); padding:0.8em 5em; border-radius:50em; transition:box-shadow 0.3s; cursor:pointer;} #main .sub_menu_box .faq_submit_btn:hover {box-shadow:0 0.15em 0.3em rgba(0,0,0,.2);} /* ask */ #main .sub_menu_box.bot_zero {padding-bottom:0;} #main .enroll_form.top_zero {padding-top:0;} /* //franchise */ /* find 페이지 */ #main .sub_menu_box .find_wrap {width:100%; padding:6rem 0 0;} #main .sub_menu_box .find_wrap .find_inner {max-width:1280px; margin:0 auto; border-top:2px solid #ff7463;} #main .sub_menu_box .find_wrap .find_inner thead {background-color:#ffe9e5; text-align:center;} #main .sub_menu_box .find_wrap .find_inner thead td {padding:10px 0; font-size:14px; font-weight:600; border-bottom:1px solid #ddd;} #main .sub_menu_box .find_wrap .find_inner thead .find_list_uid {width:72px;} #main .sub_menu_box .find_wrap .find_inner thead .find_list_title {width:20%;} #main .sub_menu_box .find_wrap .find_inner tbody tr {background-color:transparent; transition:background 0.3s;} #main .sub_menu_box .find_wrap .find_inner tbody tr:hover {background-color:#f7f7f7;} #main .sub_menu_box .find_wrap .find_inner tbody td {padding:10px 0; font-size:14px; font-weight:400; border:none; border-bottom:1px solid #ddd;} #main .sub_menu_box .find_wrap .find_inner tbody .find_list_uid {width:20%;} #main .sub_menu_box .find_wrap .find_inner tbody .find_list_title {width:20%;} #main .sub_menu_box .find_wrap .find_table_pagination {padding:15px 0; width:100%;} #main .sub_menu_box .find_wrap .find_table_pagination ul {width:100%; text-align:center;} #main .sub_menu_box .find_wrap .find_table_pagination ul li {display:inline-block; padding:0 1px;} #main .sub_menu_box .find_wrap .find_table_pagination ul li a {display:block; padding:0 11px; height:28px; color:#545861; background-color:#eaeaea; font-size:14px; line-height:28px;} #main .sub_menu_box .find_wrap .find_table_search {text-align:center; padding-bottom:15px; width:100%;} #main .sub_menu_box .find_wrap .find_table_search select {width:112px; padding:0 5px; height:26px; border:solid 1px #f1f1f1; background-color:#fff; font-size:14px; color:#666; line-height:26px;} #main .sub_menu_box .find_wrap .find_table_search .search_txt {padding:0 5px; width:200px; height:26px; line-height:26px; font-size:14px; border:solid 1px #f1f1f1; background-color:#fff; color:#666;} #main .sub_menu_box .find_wrap .find_table_search .search_button {font-size:14px; height:28px; line-height:28px; font-weight:500; padding:0 0.7em; color:#545861; background-color:#eaeaea; border:none;} /* //find 페이지 */ /* 웹에서 보이지말아야할 것 숨김 */ #main .info_explanation .m_plan {display:none;} #main .sub_menu_box .notice_wrap tbody tr td .m_table_content {display:none;} #main .curriculum_tab .m_tab_top {display:none;} /* //웹에서 보이지말아야할 것 숨김 */ /* franchise 가맹안내 반응 */ @media screen and (max-width:1360px) { #main .sub_menu_box .franchise_info .info_img_wrap:nth-child(3n) {margin-right:0px;} #main .sub_menu_box .franchise_info .info_img_wrap:nth-child(3n):after {display:none;} #main .sub_menu_box .franchise_info .info_img_wrap:nth-child(4n) {margin-right:53px;} #main .sub_menu_box .franchise_info .info_img_wrap:nth-child(4n):after {display:block;} #main .sub_menu_box .franchise_info .info_img_wrap:last-child:after {display:none;} } /* 노트북분기점 width:1200 */ @media screen and (max-width:1200px) { #header .gnb li.on:before {top:10px; left:10px;} /* coo_info페이지 */ #main .info_explanation h2 {padding-left:2.5rem; font-weight:500;} #main .info_explanation .plan_do_check>img {display:none;} #main .info_explanation .m_plan {display:block; overflow:hidden;} #main .info_explanation .m_plan h3 {font-size:1.3rem; text-align:center; display:inline-block; padding:0.5rem 1.7rem; border-radius:50px; background-color:#ff7463; font-weight:600; color:#fff; margin:1.5rem 0 1rem;} #main .info_explanation .m_plan div {margin-top:-17px;} #main .info_explanation .m_plan div:nth-child(2) {margin-top:10px;} #main .info_explanation .m_plan p {font-size:1rem; line-height:1.5rem; color:#1a1a1a; transform:skew(-0.05deg);} #main .info_explanation .m_plan span {margin-right:4.2rem; text-align:center; width:85px; height:85px; color:#fff; font-weight:500; font-size:1.1rem; line-height:85px; display:inline-block; vertical-align:middle; position:relative;} #main .info_explanation .m_plan span.pink {background-color:rgba(255,130,115,.6); border-radius:50%;} #main .info_explanation .m_plan span.gray {background-color:rgba(112,112,112,.6); border-radius:50%;} #main .info_explanation .m_plan span:after {content:''; position:absolute; top:48%; left:85px; width:47px; height:0.1px; transform:translateY(-50%); background-color:#aaa;} #main .info_explanation .m_plan .plan_do {width:50%; float:left; overflow:hidden;} #main .info_explanation .m_plan .plan_do h3 {background-color:rgba(112,112,112,.6); margin-top:3rem;} #main .info_explanation .m_plan .plan_do h4 {font-size:1.1rem; line-height:1.4rem; font-weight:600; padding:0.6rem 1rem;} #main .info_explanation .m_plan .plan_do ul {padding:0 1rem;} #main .info_explanation .m_plan .plan_do ul li p {line-height:28px;} #main .info_explanation .m_plan .plan_check {width:50%; float:left;} #main .info_explanation .m_plan .plan_check h3 {margin-top:3rem;} #main .info_explanation .m_plan .plan_check h4 {font-size:1.1rem; line-height:1.4rem; font-weight:600; padding:0.6rem 1rem;} #main .info_explanation .m_plan .plan_check ul {padding:0.2rem 2rem;} #main .info_explanation .m_plan .plan_check ul li {padding-left:0.7rem; position:relative;} #main .info_explanation .m_plan .plan_check ul li:before {content:''; position:absolute; top:10px; left:4px; width:5px; height:1px; background-color:rgba(112,112,112,.9);} #main .info_explanation .m_plan .plan_check ul li:nth-child(1), #main .info_explanation .m_plan .plan_check ul li:nth-child(4) {padding-left:0rem;} #main .info_explanation .m_plan .plan_check ul li:nth-child(1):before, #main .info_explanation .m_plan .plan_check ul li:nth-child(4):before {display:none;} #main .info_explanation .m_plan .plan_check ul li p {line-height:28px;} #main .info_explanation .business_model {padding:4rem 1.5rem;} #main .info_explanation .organ_chart {padding:4rem 1.5rem;} #main .company_map .map_left .left_txt p {font-size:1.0rem;} #main .info_explanation .m_plan p {display:inline-block; width:80%;} #main .company_map .map_left .left_txt {width:70%; margin-left:20%; font-size:1rem;} /* curriculum 페이지 */ #main .curriculum {padding:0 1.5rem;} #main .curriculum .curriculum_wrap .curriculum_content .curriculum_right p {width:100%;} #main .curriculum_tab .tab_top .tab_menu li a {font-size:1rem;} /* enroll 페이지 */ #main .enroll_form tbody tr.w28 {width:34%} #main .enroll_form tbody tr.w38 {width:56%;} } /* franchise 가맹안내 반응 */ @media screen and (max-width:1100px) { #main .sub_menu_box .franchise_info .info_img_wrap:nth-child(3n) {margin-right:53px;} #main .sub_menu_box .franchise_info .info_img_wrap:nth-child(3n):after {display:block;} #main .sub_menu_box .franchise_info .info_img_wrap:nth-child(4n) {margin-right:53px;} #main .sub_menu_box .franchise_info .info_img_wrap:nth-child(4n):after {display:block;} #main .sub_menu_box .franchise_info .info_img_wrap:last-child:after {display:none;} #main .sub_menu_box .franchise_info .info_img_wrap:nth-child(2n) {margin-right:53px;} #main .sub_menu_box .franchise_info .info_img_wrap:nth-child(2n):after {display:none;} } /* 태블릿 분기점 */ @media screen and (max-width:900px) { #main .brand_intro .section_inner .intro_list li .intro_right .intro_tit {padding:0.6em 0;} #main .brand_intro .section_inner .intro_list li .intro_right .intro_txt {width:auto;} #main .info_explanation .m_plan p {display:inline-block; width:70%;} /* coop_rule */ #main .sub_menu_box .rule_txtbox .rule_txt {width:95%; font-size:1rem;} #main .sub_menu_box .rule_txtbox ul li p {font-size:1rem;} /* curriculum */ #main .curriculum .curriculum_wrap .curriculum_content:nth-child(2) .curriculum_left {margin-left:2rem;} #main .curriculum_tab .tab_bottom.on {display:none;} #main .curriculum_tab .tab_top {display:none;} #main .curriculum_tab .m_tab_top {display:block;} #main .curriculum_tab .m_tab_top .tab_menu li {padding:1em 1.5em; width:100%; transition:all 0.5s;} #main .curriculum_tab .m_tab_top .tab_menu li:hover {background-color:rgba(0,0,0,0.04);} #main .curriculum_tab .m_tab_top .tab_menu li {opacity:1; border-top:1px solid #e5e5e5;} #main .curriculum_tab .m_tab_top .tab_menu li:last-child {border-bottom:1px solid #e5e5e5;} #main .curriculum_tab .m_tab_top .tab_menu li a {font-size:1.2rem; display:block; font-weight:600; transition:color 0.5s; position:relative;} #main .curriculum_tab .m_tab_top .tab_menu li a:after {content:''; position:absolute; top:4px; right:0; background:url(../images/arrow-down-sign-to-navigate.png) no-repeat; width:16px; height:16px; background-size:100%; transform:rotate(0deg); transition:transform 0.5s, background 0.5s;} #main .curriculum_tab .m_tab_top .tab_menu li a.on {color:#ff7463;} #main .curriculum_tab .m_tab_top .tab_menu li a.on:after {background:url(../images/arrow-down-sign-to-navigate_hover.png) no-repeat; background-size:100%; transform:rotate(180deg); transition:transform 0.5s, background 0.5s;} #main .curriculum_tab .m_tab_top .tab_menu li .m_tab_bottom {display:none; padding:1.5rem 1.5rem 2rem; text-align:center;} #main .curriculum_tab .m_tab_bottom h3 {color:#ff7463; position:relative; font-size:1.1rem; font-weight:600; margin-bottom:1.5rem; z-index:1; display:inline-block;} #main .curriculum_tab .m_tab_bottom h3:after {content:''; position:absolute; bottom:-5px; right:-12px; width:107%; height:16px; padding:0 13px; background-color:#fff0ea; z-index:-1; border-radius:20px;} /* enroll 페이지 */ #main .enroll_form tbody tr.w28 {width:24%} #main .enroll_form tbody tr.w38 {width:65%;} #main .enroll_form .persnal_agree:after {display:none;} /* franchise_presentation */ #main .sub_menu_box .calendar_wrap .calendar_table table tbody tr td { height:107px;} } /* 모바일분기점 최소 width:360 최대 767px */ @media screen and (max-width:767px) { /* brand 페이지 */ #main .brand_intro .section_inner {padding:0 1.5rem;} #main .brand_intro .section_inner .intro_list {padding-top:3rem;} #main .brand_intro .section_inner .intro_list li {display:block;} #main .brand_intro .section_inner .intro_list li .intro_left {width:100%;} #main .brand_intro .section_inner .intro_list li .intro_right {width:90%;} #main .brand_intro .section_inner .intro_list li .intro_right .intro_tit {font-size:1.4rem} #main .brand_intro .section_inner .intro_list li .intro_right .intro_txt {font-size:1rem; width:95%} /* coop_greeting 페이지 */ #main .sub_menu_wrap .sub_menu li {margin-right:0;} #main .sub_menu_wrap .sub_menu li a {padding:1rem 0.6rem; font-size:1rem;} #main .sub_menu_box .section_tit {padding:2.5rem 0 1.5rem; font-size:1.4rem;} #main .sub_menu_box .section_tit:before {top:17px;} #main .sub_menu_box .menu_box_inner {background:transparent;} #main .sub_menu_box .menu_box_inner .box_inner_top {display:block; text-align:center; margin-bottom:3rem;} #main .sub_menu_box .menu_box_inner .box_inner_top img {margin-right:0; width:60%;} #main .sub_menu_box .menu_box_inner .box_inner_top .inner_top_txt ul {text-align:left;} #main .sub_menu_box .menu_box_inner .box_inner_bottom p br {display:none;} #main .sub_menu_box .menu_box_inner .box_inner_bottom p {padding:1rem 0;} /* coop_info */ #main .sub_menu_box {padding:0 1.5rem 5rem;} #main .sub_menu_box .info_img_box {display:none;} #main .sub_menu_box .section_info .info_txt_wrap {width:100%; padding:0;} #main .sub_menu_box .section_info .info_txt_wrap h4 {font-size:1.5rem;} #main .sub_menu_box .section_info .info_txt_wrap p {font-size:1.3rem; max-width:100%;} #main .sub_menu_box .section_info .info_txt_wrap .info_sub_txt li p {font-size:1rem; max-width:100%;} #main .company_map {display:block;} #main .company_map .map_left {width:100%; background-color:transparent; padding:5rem 1.5rem 4rem;} #main .company_map .map_left .left_txt {width:100%; margin-left:0;} #main .company_map .map_left .left_txt p {width:95%;} #main .company_map .map_left .left_txt h3 {text-align:center; font-size:1.4rem;} #main .company_map .map_left .left_txt h3:before {top:-21px; left:50%; transform:translateX(-50%); border-top:16px solid #f8ad3f; border-left:10px solid transparent; border-right:10px solid transparent; width:0; height:0; background-color:transparent; border-radius:unset;} #main .company_map .map_right {width:100%;} #main .info_explanation h2 {padding-left:1.5rem;} #main .info_explanation .m_plan p {display:inline-block; width:70%;} #main .info_explanation .plan_do_check {padding:1.5rem 1.5rem 0;} /* curriculum */ #main .curriculum {padding-bottom:3rem;} #main .curriculum .curriculum_wrap .curriculum_content:first-child {padding-top:0rem;} #main .curriculum .curriculum_wrap .curriculum_content {display:block; text-align:center;} #main .curriculum .curriculum_wrap .curriculum_content .curriculum_left, #main .curriculum .curriculum_wrap .curriculum_content .curriculum_right {width:100%;} #main .curriculum .curriculum_wrap .curriculum_content .curriculum_right {text-align:left; padding-left:1.5rem; } #main .curriculum .curriculum_wrap .curriculum_content .curriculum_right:nth-child(2) {text-align:left;} #main .curriculum .curriculum_wrap .curriculum_content .curriculum_right:nth-child(2) h4:before {left:-30px;} #main .curriculum .curriculum_wrap .curriculum_content .curriculum_right:nth-child(2) p {float:none;} /* franchise info */ #main .sub_menu_box .franchise_info .info_img_wrap {margin:0 0 1rem 0 !important; width:50%; float:left;} #main .sub_menu_box .franchise_info .info_img_wrap:after {display:none;} #main .sub_menu_box .franchise_info .info_img_wrap:nth-child(3n) {margin:0 0 1rem 0} #main .sub_menu_box .franchise_info .info_img_wrap:nth-child(3n):after {display:none;} /* enroll */ #main .sub_menu_box .enroll_wrap {padding:0 1.5rem;} #main .sub_menu_box .enroll_wrap .enroll_img_wrap {display:none;} #main .sub_menu_box .enroll_wrap .enroll_explanation {width:100%; padding-top:3rem;} #main .sub_menu_box .enroll_wrap .enroll_explanation h3 {font-size:1.2rem;} #main .sub_menu_box .enroll_wrap .enroll_explanation p {font-size:1rem; width:100%;} #main .enroll_form {padding:0 1.5rem 3rem;} #main .enroll_form table {margin-top:0;} #main .enroll_form tbody tr th {height:30px;} #main .enroll_form tbody tr td {width:100%;} #main .enroll_form tbody tr.w38, #main .enroll_form tbody tr.w28 {width:100%;} #main .enroll_form tbody tr.w28 {margin-top:15px;} #main .enroll_form tbody tr.w38 td, #main .enroll_form tbody tr.w28 td {width:100%; margin-left:0;} /* franchise_presentation */ #main .sub_menu_box .calendar_wrap .calendar_head form a {width:25px; height:25px;} #main .sub_menu_box .calendar_wrap .calendar_head form select {font-size:20px; padding-bottom:7px;} #main .sub_menu_box .calendar_wrap .calendar_table table tbody tr td {height:80px;} } /* plan_do_check width:600 분기점 */ @media screen and (max-width:600px) { #main .info_explanation .m_plan span {margin-right:0.5rem;} #main .info_explanation .m_plan p {vertical-align:middle;} #main .info_explanation .m_plan span:after {display:none;} #main .info_explanation .m_plan .plan_do {width:100%;} #main .info_explanation .m_plan .plan_check {width:100%;} /* coop_notice */ #main .sub_menu_box .notice_wrap thead {display:none;} #main .sub_menu_box .notice_wrap tbody tr .table_list_uid, #main .sub_menu_box .notice_wrap tbody tr .table_list_user, #main .sub_menu_box .notice_wrap tbody tr .table_list_date, #main .sub_menu_box .notice_wrap tbody tr .table_list_vote, #main .sub_menu_box .notice_wrap tbody tr .table_list_view {display:none;} #main .sub_menu_box .notice_wrap tbody tr .table_list_title {padding:10px 5px;} #main .sub_menu_box .notice_wrap tbody tr td .m_table_content {display:block;} #main .sub_menu_box .notice_wrap tbody tr td .m_table_content span {font-size:13px; color:#999;} #main .sub_menu_box .notice_wrap .table_search select {width:29%;} #main .sub_menu_box .notice_wrap .table_search .search_txt {width:49%;} #main .sub_menu_box .notice_wrap .table_search .search_button {font-size:14px; height:28px; line-height:28px; font-weight:500; padding:0 0.7em; color:#545861; background-color:#eaeaea; border:none;} /* franchise_presentation */ #main .sub_menu_box .calendar_wrap .calendar_search .table_search select {width:29%;} #main .sub_menu_box .calendar_wrap .calendar_search .table_search .search_txt {width:49%;} /* franchise_faq */ #main .sub_menu_box .faq_wrap ul li i {vertical-align:top; margin-top:6px;} /* find */ #main .sub_menu_box .find_wrap .find_inner thead {display:none;} #main .sub_menu_box .find_wrap .find_inner tbody .find_list_uid {display:none;} #main .sub_menu_box .find_wrap .find_inner tbody .find_list_title {width:35%;} }