@charset "utf-8"; @import "ssafy_sr.css"; /* 본문바로가기 */ #skip_navi a {display:block; overflow:hidden; position:absolute; top:0; left:0; margin-top:-1px; width:1px; height:1px; background:#000; color:#fff; text-align:center;} #skip_navi a:focus{position:relative;width:100%;height:auto;padding:10px;} /* common */ #wrap {position:relative;margin:0 auto;padding:0;width:100%;height:100%;min-width:320px;max-width:1920px;} .inner {margin:0 auto;padding:0 16px;width:100%;max-width:1240px;} .inner:after {display:block;visibility:hidden;clear:both;content:""} .row {margin:0 -16px;} .clearfix:after {display:block;visibility:hidden;clear:both;content:""} .img_responsive {display:block;max-width:100%;height:auto;} .center_block {display:block;margin-left:auto;margin-right:auto;} .visible_xs_block {display:block !important;} .visible_xs_ib {display:inline-block !important;} .visible_sm_block {display:block !important;} .visible_lg_block {display:none !important;} .visible_lg2_block {display:none !important;} .hidden_xs {display:none !important;} .hidden_sm {display:none !important;} .hidden_xs_ib {display:none !important;} @media only screen and (min-width:360px) { .inner {padding:0 18px;} .row {margin:0 -18px;} } @media only screen and (min-width:375px) { .inner {padding:0 18px;} .row {margin:0 -18px;} } @media only screen and (min-width:414px) { .inner {padding:0 20px;} .row {margin:0 -20px;} } @media all and (min-width:768px) { .inner {padding:0 20px;} .row {margin:0 -20px;} .visible_xs_block {display:none !important;} .visible_xs_ib {display:none !important;} .hidden_xs {display:block !important;} .hidden_xs_ib {display:inline-block !important;} .hidden_sm {display:none !important;} } @media all and (min-width:1024px) { .visible_sm_block {display:none !important;} .visible_lg2_block {display:block !important;} .hidden_sm {display:block !important;} } @media all and (min-width:1200px) { .visible_lg_block {display:block !important;} } /* Header Layout */ #header {z-index:1001;position:relative;background:#fff;} #header:after {display:block;visibility:hidden;clear:both;content:""} #header .hd {height:50px;border-bottom:1px solid #eee;background:#3c90e2;} #header .hd .btn_back {display:block;position:absolute;top:0;left:0;width:40px;height:50px;font-size:0;text-indent:-999em;background:url('../images/btn_back.png') no-repeat 50% 50%;background-size:auto 17px;} #header .hd .logo {margin:0 auto;width:50px;height:50px;background-image:url('../images/mob_ssafy_logo_sub.png');background-repeat:no-repeat;background-position:center center;background-size:auto 32px;} #header .hd .logo > a {display:block;width:100%;height:100%;font-size:0;line-height:0;overflow:hidden;} #header .hd #gnb {display:none;} #header .hd_login_wrap {display:none;} #header .link_edu {position:relative;} #header .link_edu a {z-index:1010;position:absolute;top:-35px;right:33px;font-size:12px;font-weight:700;color:#fff;} #header .sub_visual {padding:11px 0 12px;width:100%;border-bottom:1px solid #3c90e2;} #header .sub_visual h2 {font-size:17px;font-weight:400;color:#1f1f1f;text-align:center;} #header #snb_bg .gnb_2d {display:none;} #header .bnr-color {width: 100%; position: absolute; top: -20px; height: 44px; background: url("../images/logo_main_color.png") right no-repeat;} #header .bnr-white {width: 100%; position: absolute; top: -20px; height: 44px; background: url("../images/logo_main_white.png") right no-repeat;} @media only screen and (min-width:360px) { #header .hd {height:55px;} #header .hd .btn_back {width:45px;height:55px;background-size:auto 19px;} #header .hd .logo {width:61px;height:55px;background-size:auto 37px;} #header .link_edu a {top:-38px;right:38px;font-size:14px;} #header .sub_visual {padding:12px 0 14px;} #header .sub_visual h2 {font-size:19px;} } @media only screen and (min-width:375px) { #header .hd {height:57px;} #header .hd .btn_back {width:47px;height:57px;background-size:auto 20px;} #header .hd .logo {width:64px;height:57px;background-size:auto 38px;} #header .link_edu a {top:-41px;right:39px;font-size:15px;} #header .sub_visual {padding:13px 0 14px;} #header .sub_visual h2 {font-size:20px;} } @media only screen and (min-width:414px) { #header .hd {height:63px;} #header .hd .btn_back {width:52px;height:63px;background-size:auto 22px;} #header .hd .logo {width:69px;height:63px;background-size:auto 42px;} #header .link_edu a {top:-45px;right:43px;font-size:16px;} #header .sub_visual {padding:14px 0 15px;} #header .sub_visual h2 {font-size:22px;} } @media (min-width:768px){ #header {position:relative;} #header .hd {padding:21px 0 0;height:121px;} #header .hd .btn_back {width:60px;height:120px;background-size:auto 28px;} #header .hd .logo {margin:0 auto;width:110px;height:78px;background-size:auto 78px;} #header .hd .logo > a {display:block;width:100%;height:100%;font-size:0;line-height:0;overflow:hidden;} #header .hd #gnb {display:none;} #header .link_edu a {top:-58px;right:71px;font-size:22px;} #header .sub_visual {padding:34px 0 35px;border-width:3px;} #header .sub_visual h2 {font-size:32px;font-weight:700;} } @media (min-width:1025px){ #header .hd {padding:10px 0 0;height:100px;border:0;background:#fff;} #header .hd .btn_back {display:none;} #header .hd .logo {float:left;margin:10px 0 0;width:8.527918%;height:60px;background-image:url('../images/logo_ssafy.png');background-position:left center;background-size:auto 60px;} #header.main .hd .logo {background-image:url('../images/logo_ssafy_blue.png');} /* 20220103 - TOTALSR-33445 : 로고 변경 */ #header .hd .logo > a {display:block;width:100%;height:100%;font-size:0;line-height:0;overflow:hidden;} #header .hd #gnb {float:left;display:block;margin-left:5.076142%;margin-right:5.076142%;width:40.710659%;} #header .hd #gnb ul:after {display:block;visibility:hidden;clear:both;content:""} #header .hd #gnb li {float:left;padding:12px 0 13px;} #header .hd #gnb li.gnb_1dli_0 {width:41.396508%;} #header .hd #gnb li.gnb_1dli_1 {width:34.663341%;} #header .hd #gnb li.gnb_1dli_2 {width:23.940149%;} #header .hd #gnb li a {display:block;padding:10px;width:100%;height:100%;font-size:22px;font-weight:400;color:#1f1f1f;text-align:center;} #header .hd_login_wrap {z-index:101;display:block;position:relative;float:left;padding:31px 0 0;width:40.609137%;} #header .hd_login_wrap .hd_login {font-size:0;overflow:hidden;} #header .hd_login_wrap .hd_login.right {text-align:right;} #header .link_edu {position:relative;} #header .link_edu a {z-index:1010;display:block;position:absolute;top:-10px;right:0;width:117px;height:32px;line-height:32px;font-size:14px;font-weight:400;color:#1f2328;background:#e9eef1;text-align:center;} #header.on .hd_login_wrap .hd_login.right {text-align:left;} #header .hd_login_wrap .hd_login ul {display:inline-block;float:right;font-size:0;} #header .hd_login_wrap .hd_login li {position:relative;display:inline-block;margin-left:9px;padding-left:9px;line-height:18px;} #header .hd_login_wrap .hd_login li:first-child {margin:0;padding:0;} #header .hd_login_wrap .hd_login li a {font-size:14px;font-weight:100;color:#666;letter-spacing:-0.6px;} #header .hd_login_wrap .hd_login li i {position:absolute;top:3px;left:0;width:1px;height:13px;background:rgba(221,221,221,.4);} #header .hd_login_wrap .hd_login .apply_btns {display:inline-block;float:left;font-size:0;} #header .hd_login_wrap .hd_login .apply_btns a {display:inline-block;margin-left:16px;padding-left:23px;font-size:14px;font-weight:400;color:#1f1f1f;min-height:18px;line-height:18px;letter-spacing:-0.8px;} #header .hd_login_wrap .hd_login .apply_btns a:first-child {margin-left:0;} #header.on .hd_login_wrap .hd_login .apply_btns a {font-weight:100;} #header .hd_login_wrap .hd_login .apply_btns a.btn1 {background:url('../images/ico_btn_apply1_on.png') no-repeat left center;} #header .hd_login_wrap .hd_login .apply_btns a.btn2 {background:url('../images/ico_btn_apply2_on.png') no-repeat left center;} #header .hd_login_wrap .hd_login .apply_btns a.btn3 {background:url('../images/ico_btn_apply3_on.png') no-repeat left 2px;} #header .sub_visual {padding:0;width:100%;height:190px;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;border:0;} #header .sub_visual h2 {padding-top:69px;font-size:32px;font-weight:700;color:#ffffff;letter-spacing:-1px;} #header .sub_visual.visual_myinfo {background-image:url('../images/sub_visual_default.jpg');} /* 나의정보 */ #header .sub_visual.visual_login {background-image:url('../images/sub_visual_default.jpg');} /* 로그인 */ #header .sub_visual.visual_join {background-image:url('../images/sub_visual_default.jpg');} /* 회원가입 */ #header .sub_visual.visual_about {background-image:url('../images/sub_visual_about.png') !important;} /* About SSAFY */ #header .sub_visual.visual_life {background-image:url('../images/sub_visual_life.jpg') !important;} /* SSAFY Life */ #header .sub_visual.visual_apply {background-image:url('../images/sub_visual_apply.png') !important;} /* APPLY */ #header .sub_visual.visual_footer {background-image:url('../images/sub_visual_default.jpg');} /* footer (공지사항,1:1문의,faq) */ #header .sub_visual.visual_review {background-image:url('../images/sub_visual_default.jpg');} /* SAFFY REVIEW */ #header #snb_bg {display:none;z-index:100;position:absolute;top:100px;left:0;width:100%;height:190px;background:#fff;border-bottom:1px solid #e5eaed;} #header #snb_bg .gnb_2d {position:relative;display:block;margin:0 auto;max-width:1240px;padding:0 20px;overflow:hidden;} #header #snb_bg .gnb_2d .gnb_2dul {float:left;padding-left:2.030456%;} #header #snb_bg .gnb_2d .gnb_2dul li {margin-top:9px;} #header #snb_bg .gnb_2d .gnb_2dul li:first-child {margin-top:0;} #header #snb_bg .gnb_2d .gnb_2dul li a {font-size:16px;color:#666666;line-height:1;} #header #snb_bg .gnb_2d .gnb_2dul li a:hover {text-decoration:underline;} #header #snb_bg .gnb_2d .gnb_2dul_0 {margin-left:13.604060%;width:16.852791%; padding-bottom:2px;} #header #snb_bg .gnb_2d .gnb_2dul_1 {width:14.111675%;} #header #snb_bg .gnb_2d .gnb_2dul_2 {/*width:9.746192%;*/} #header #snb_bg .gnb_2d .info_inquiry {position:absolute;top:0;right:20px;/*margin-left:14.822334%;*/width:40.609137%;padding:25px 0 0;border-top:1px solid #eeeeee;} #header #snb_bg .gnb_2d .info_inquiry div {margin-top:7px;overflow:hidden;} #header #snb_bg .gnb_2d .info_inquiry div:first-child {margin-top:0;} #header #snb_bg .gnb_2d .info_inquiry .title {float:left;width:22.75%;font-size:16px;color:#1f1f1f;} #header #snb_bg .gnb_2d .info_inquiry .cont {float:left;width:77.25%;font-size:16px;color:#666666;} } @media (min-width:1240px) { #header .hd .logo {width:9.166666%;height:60px;background-size:auto 60px;} #header .hd #gnb {margin-left:13.333333%;margin-right:5.666666%;width:38.5%;} #header .hd #gnb li.gnb_1dli_0 {width:40.259740%;} #header .hd #gnb li.gnb_1dli_1 {width:34.632034%;} #header .hd #gnb li.gnb_1dli_2 {width:25.108225%;} #header .hd_login_wrap {width:33.333333%;} #header .hd_login_wrap .hd_login .apply_btns a {padding-left:23px;} #header #snb_bg .gnb_2d .gnb_2dul_0 {margin-left:25%;padding:0;width:15.5%; padding-bottom:2px; } #header #snb_bg .gnb_2d .gnb_2dul_1 {padding:0;width:13.333333%;} #header #snb_bg .gnb_2d .gnb_2dul_2 {padding:0;/*width:7.166666%;*/} #header #snb_bg .gnb_2d .info_inquiry {/*margin-left:12.833332%;*/width:32.258064%;} } /* Main header */ .main#header {z-index:auto;height:297px;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;} .main#header .hd {border:0;background:none;} .main#header .hd .btn_back {display:none;} .main#header .hd .logo {margin:0 auto 0 0;background-image:url('../images/mob_ssafy_logo_blue.png');} /* 20211231 - TOTALSR-33445 : 로고 변경 */ .main#header.type1 {background-image:url('../images/mob_main_visual00.jpg');} .main#header.type2 {background-image:url('../images/mob_main_visual01_250328.png');} .main#header.type3 {background-image:url('../images/mob_main_visual02.jpg?v=20230411');} .main#header.type4 {background-image:url('../images/mob_main_visual03.jpg');} .main#header .visual_title {position:absolute;left:23px;bottom:24px;} .main#header .visual_title h2 {font-size:22px;font-weight:100;color:#ffffff;line-height:26px;letter-spacing:-1.2px;} .main#header .visual_title h2 b {font-size:inherit;font-weight:700;} .main#header .visual_title p {display:none;} .main#header .managed_wrap {display:none;} .main#header #m_gnb .btn_mnav {background:url('../images/ico_mnav.png') no-repeat center;background-size:cover;} @media only screen and (min-width:360px) { .main#header {height:335px;} .main#header .visual_title {left:27px;bottom:27px;} .main#header .visual_title h2 {font-size:25px;line-height:30px;letter-spacing:-1.8px;} } @media only screen and (min-width:375px) { .main#header {height:348px;} .main#header .visual_title {left:28px;bottom:28px;} .main#header .visual_title h2 {font-size:20px;line-height:26px;letter-spacing:-1.6px;} } @media only screen and (min-width:414px) { .main#header {height:385px;} .main#header .visual_title {left:31px;bottom:32px;} .main#header .visual_title h2 {font-size:22px;line-height:26px;letter-spacing:-2px;} } @media only screen and (min-width:768px) { .main#header {height:656px;} .main#header .visual_title {left:40px;bottom:50px;} .main#header .visual_title h2 {font-size:40px;line-height:50px;letter-spacing:-2px;} .main#header #m_gnb .btn_mnav {background:url('../images/ico_mnav_tb.png') no-repeat center;background-size:cover;} } @media (min-width:1024px) { .main#header {height:655px;background-position:50% 50%;background-size:auto auto;} .main#header.type1 {background-image:url('../images/main_visual00.jpg');} .main#header.type2 {background-image:url('../images/main_visual01_250328.png');} .main#header.type3 {background-image:url('../images/main_visual02.jpg?v=20230411');} .main#header.type4 {background-image:url('../images/main_visual03.jpg');} .main#header .visual_title {position:static;margin:67px 0 24px;max-width:732px;} .main#header .visual_title h2 {font-size:46px;font-weight:100;color:#fff;line-height:54px;letter-spacing:-4px;} .main#header .visual_title h2 b {font-size:inherit;font-weight:700;} .main#header .visual_title p {display:block;margin-top:20px;font-size:16px;font-weight:400;color:#fff;letter-spacing:-0.8px;} .main#header .visual_title p + p {margin-top:15px;font-size:14px;font-weight:100;letter-spacing:-0.7px;} .main#header .managed_wrap {display:block;margin-top:39px;padding:20px 0 0;overflow:hidden;border-top:1px solid rgba(255,255,255,.4);} .main#header .managed_wrap > div {display:flex; align-items: center;} /* .main#header .managed_wrap > div:first-child {margin-right:68px;} */ .main#header .managed_wrap span {float:left;margin-right:14px;font-size:18px;font-weight:700;color:#fff;line-height:26px;} .main#header .managed_wrap img {float:left; margin-left:40px;} .main#header .managed_wrap img:first-child {margin-left:0;} } @media (min-width:1025px) { .main#header .hd {padding:30px 0 0;height:108px;border:0;} .main#header .hd .logo {margin:0;background-image:url('../images/logo_ssafy_blue.png');} /* 20211231 - TOTALSR-33445 : 로고 변경 */ .main#header .hd #gnb li a {color:rgba(255,255,255,.7);} .main#header.on .hd {background:#fff;} .main#header.on .hd #gnb li a {color:#24282b;} .main#header.on .hd_login_wrap .hd_login {text-align:left;} .main#header.on .hd_login_wrap .hd_login.right {text-align:left;} .main#header.on .hd_login_wrap .hd_login li a {color:#999;} .main#header.on .hd_login_wrap .hd_login li i {background:rgba(0,0,0,.1);} .main#header.on .hd_login_wrap .hd_login .apply_btns a {font-weight:100;color:#1f1f1f;} .main#header.on .hd_login_wrap .hd_login .apply_btns a.btn1 {background:url('../images/ico_btn_apply1_on.png') no-repeat left center;} .main#header.on .hd_login_wrap .hd_login .apply_btns a.btn2 {background:url('../images/ico_btn_apply2_on.png') no-repeat left center;} .main#header.on .hd_login_wrap .hd_login .apply_btns a.btn3 {background:url('../images/ico_btn_apply3_on.png') no-repeat left 2px;} .main#header.on .link_edu a {color:#1f2328;background:#e9eef1;} .main#header .hd_login_wrap .hd_login .apply_btns a {color:#fff;} .main#header .hd_login_wrap .hd_login .apply_btns a.btn1 {background:url('../images/ico_btn_apply1.png') no-repeat left center;} .main#header .hd_login_wrap .hd_login .apply_btns a.btn2 {background:url('../images/ico_btn_apply2.png') no-repeat left center;} .main#header .hd_login_wrap .hd_login .apply_btns a.btn3 {background:url('../images/ico_btn_apply3.png') no-repeat left 2px;} .main#header .hd_login_wrap .hd_login li a {color:#fff;} .main#header .link_edu a {top:-30px;background:rgba(233,238,241,.1);color:#fff;right: 220px;} .main#header.on .bnr-color {display: none;} .main#header.on .bnr-white {display: none;} .main#header #snb_bg {top:108px;height:190px;} } @media (min-width:1240px) { .main#header .hd .logo {height:78px;background-size:auto;} .main#header .link_edu a {right: 162px;} } /* mob nav */ #m_gnb:after {display:block;visibility:hidden;clear:both;content:""} #m_gnb .mnav {z-index:9999;position:fixed;top:0;width:87.5%;height:100%;background-color:#fff;transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;} #m_gnb .mnav.right {right:-87.5%;} #m_gnb .mnav.right.active {right:0;overflow-y:scroll;} #m_gnb .btn_mnav {z-index:2;display:inline-block;position:absolute;padding:0;top:16px;right:16px;width:24px;height:16px;cursor:pointer;background:url('../images/ico_mnav_sub.png') no-repeat center;background-size:cover;transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;} #m_gnb .btn_mnav span {position:absolute;width:1px;height:1px;font-size:0;overflow:hidden;} #m_gnb .btn_mnav.active {display:none;} #m_gnb .mnav_top {position:relative;border-bottom:1px solid #e3e7eb;} #m_gnb .mnav_top .go_home {position:absolute;top:11px;left:14px;display:block;width:20px;height:20px;border-radius:50%;background:#fff url('../images/ico_home.png') no-repeat 50% 50%;background-size:auto 9px;font-size:0;text-indent:-999em;} #m_gnb .mnav_top p {padding:24px 0 24px;font-size:14px;font-weight:700;color:#fff;text-align:center;border-bottom:1px solid rgba(255,255,255,.2);background:#3c90e2;} #m_gnb .mnav_top .apply_btns {padding:10px 0 13px;font-size:0;text-align:center;background:#3c90e2;} #m_gnb .mnav_top .apply_btns li {display:inline-block;margin-left:13px;vertical-align:top;} #m_gnb .mnav_top .apply_btns li:first-child {margin-left:0;} #m_gnb .mnav_top .apply_btns li a {font-size:11px;color:#ffffff;} #m_gnb .mnav_top .apply_btns li a.btn1 {padding-left:15px;background:url('../images/ico_mnav_apply1.png') no-repeat left center;background-size:auto 9px;} #m_gnb .mnav_top .apply_btns li a.btn2 {padding-left:14px;background:url('../images/ico_mnav_apply2.png') no-repeat left center;background-size:auto 11px;} #m_gnb .mnav_top .apply_btns li a.btn_logout {padding-left:14px;background:url('../images/ico_mnav_logout.png') no-repeat left center;background-size:auto 11px;} #m_gnb .mnav_top .apply_btns li a.btn_login {padding-left:14px;background:url('../images/ico_mnav_logout.png') no-repeat left center;background-size:auto 11px;} #m_gnb .mnav_top .link_bbs {padding:18px 0;overflow:hidden;} #m_gnb .mnav_top .link_bbs li {float:left;width:33.3%;} #m_gnb .mnav_top .link_bbs li a {display:block;padding:34px 0 0;width:100%;height:100%;font-size:11px;color:#666666;text-align:center;} #m_gnb .mnav_top .link_bbs li a.link_notice {background:url('../images/ico_mnav_notice.png') no-repeat center top;background-size:27px 27px;border-right:1px solid #eee;} #m_gnb .mnav_top .link_bbs li a.link_inquiry {background:url('../images/ico_mnav_inquiry.png') no-repeat center top;background-size:27px 27px;border-right:1px solid #eee;} #m_gnb .mnav_top .link_bbs li a.link_faq {background:url('../images/ico_mnav_faq.png') no-repeat center top;background-size:27px 27px;} #m_gnb .dark_overlay {position:fixed;top:0;z-index:9998;margin:0 -16px;width:100%;height:100%;display:none;background-color:rgba(0, 0, 0, .7);cursor:pointer;} #m_gnb .dark_overlay .mnav_close {display:block;position:absolute;top:13px;left:13px;width:15px;height:15px;background:url('../images/ico_mnav_close.png') no-repeat center;background-size:cover;} #m_gnb .dark_overlay .mnav_close span {position:absolute;width:1px;height:1px;font-size:0;overflow:hidden;} #m_gnb .mnav .dropdown {padding:0;} #m_gnb .mnav .dropdown .gnb_1da {position:relative;display:block;padding:0 25px;height:45px;line-height:45px;font-size:13px;font-weight:800;color:#1f1f1f;border-bottom:1px solid #e0e6ea;} #m_gnb .mnav .dropdown .gnb_1da.active {color:#3c90e2;} #m_gnb .mnav .dropdown .gnb_1da i {position:absolute;display:block;top:14px;right:25px;width:13px;height:13px;background:url('../images/ico_mnav_plus.png') no-repeat 50% 50%;background-size:cover;} #m_gnb .mnav .dropdown .gnb_1da i.active {background:url('../images/ico_mnav_minus.png') no-repeat 50% 50%;background-size:cover;} #m_gnb .mnav .dropdown .gnb_1line {position:relative;display:block;padding:0 25px;height:45px;line-height:45px;font-size:13px;font-weight:800;color:#1f1f1f;border-bottom:1px solid #e0e6ea;} #m_gnb .mnav .dropdown .gnb_1line i {display:none !important;} #m_gnb .mnav .dropdown .gnb_1line.on {color:#3c90e2;} #m_gnb .mnav .dropdown .gnb_1line:active {color:#3c90e2;} #m_gnb .mnav .dropdown .gnb_2dul {border-bottom:0;background:#f7fbfe;} #m_gnb .mnav .dropdown .gnb_2dul.active {border-bottom:1px solid #e0e6ea;} #m_gnb .mnav .dropdown .gnb_2dul a {display:block;padding:0 25px;height:39px;line-height:39px;font-size:12px;color:#666666;} #m_gnb .mnav .dropdown .gnb_2dul a.on {color:#1f1f1f;} @media only screen and (min-width:360px) { #m_gnb .btn_mnav {top:18px;right:18px;width:27px;height:19px;} #m_gnb .mnav_top .go_home {top:12px;left:15px;width:22px;height:22px;background-size:auto 10px;} #m_gnb .mnav_top p {padding:25px 0 29px;font-size:16px;} #m_gnb .mnav_top .apply_btns {padding:13px 0 15px;} #m_gnb .mnav_top .apply_btns li {margin-left:16px;} #m_gnb .mnav_top .apply_btns li a {font-size:12px;} #m_gnb .mnav_top .apply_btns li a.btn1 {padding-left:16px;background-size:11px auto;} #m_gnb .mnav_top .apply_btns li a.btn2 {padding-left:15px;background-size:10px auto;} #m_gnb .mnav_top .apply_btns li a.btn_logout {padding-left:15px;background-size:11px auto;} #m_gnb .mnav_top .apply_btns li a.btn_login {padding-left:15px;background-size:11px auto;} #m_gnb .mnav_top .link_bbs {padding:21px 0 18px;} #m_gnb .mnav_top .link_bbs li a {padding:39px 0 0;font-size:13px;} #m_gnb .mnav_top .link_bbs li a.link_notice {background-size:30px 30px;} #m_gnb .mnav_top .link_bbs li a.link_inquiry {background-size:30px 30px;} #m_gnb .mnav_top .link_bbs li a.link_faq {background-size:30px 30px;} #m_gnb .dark_overlay {margin:0 -18px;} #m_gnb .dark_overlay .mnav_close {top:15px;left:14px;width:17px;height:17px;} #m_gnb .mnav .dropdown .gnb_1da {padding:0 28px;height:50px;line-height:50px;font-size:15px;} #m_gnb .mnav .dropdown .gnb_1da i {top:18px;right:28px;width:15px;height:15px;} #m_gnb .mnav .dropdown .gnb_1line {padding:0 28px;height:50px;line-height:50px;font-size:15px;} #m_gnb .mnav .dropdown .gnb_2dul a {padding:0 28px;height:44px;line-height:44px;font-size:14px;} } @media only screen and (min-width:414px) { #m_gnb .btn_mnav {top:21px;right:20px;width:32px;height:21px;} #m_gnb .mnav_top .go_home {top:14px;left:18px;width:25px;height:25px;background-size:auto 12px;} #m_gnb .mnav_top p {padding:30px 0 33px;font-size:18px;} #m_gnb .mnav_top .apply_btns {padding:17px 0 19px;} #m_gnb .mnav_top .apply_btns li {margin-left:17px;} #m_gnb .mnav_top .apply_btns li a {font-size:14px;} #m_gnb .mnav_top .apply_btns li a.btn1 {padding-left:19px;background-size:auto 12px;} #m_gnb .mnav_top .apply_btns li a.btn2 {padding-left:18px;background-size:auto 14px;} #m_gnb .mnav_top .apply_btns li a.btn_logout {padding-left:18px;background-size:auto 14px;} #m_gnb .mnav_top .apply_btns li a.btn_login {padding-left:18px;background-size:auto 14px;} #m_gnb .mnav_top .link_bbs {padding:23px 0 20px;} #m_gnb .mnav_top .link_bbs li a {padding:46px 0 0;font-size:15px;} #m_gnb .mnav_top .link_bbs li a.link_notice {background-size:34px 34px;} #m_gnb .mnav_top .link_bbs li a.link_inquiry {background-size:34px 34px;} #m_gnb .mnav_top .link_bbs li a.link_faq {background-size:34px 34px;} #m_gnb .dark_overlay {margin:0 -20px;} #m_gnb .dark_overlay .mnav_close {top:17px;left:16px;width:19px;height:19px;} #m_gnb .mnav .dropdown .gnb_1da {padding:0 33px;height:58px;line-height:58px;font-size:17px;} #m_gnb .mnav .dropdown .gnb_1da i {top:20px;right:33px;width:17px;height:17px;} #m_gnb .mnav .dropdown .gnb_1line {padding:0 33px;height:58px;line-height:58px;font-size:17px;} #m_gnb .mnav .dropdown .gnb_2dul a {padding:0 33px;height:51px;line-height:51px;font-size:16px;} } @media all and (min-width:768px) { #m_gnb .mnav {width:82.03125%;} #m_gnb .mnav.right {right:-82.03125%;} #m_gnb .mnav_top p {padding:51px 0 53px;font-size:30px;} #m_gnb .mnav_top .apply_btns {padding:23px 0 23px;} #m_gnb .mnav_top .apply_btns li {margin-left:29px;} #m_gnb .mnav_top .apply_btns li a {font-size:16px;} #m_gnb .mnav_top .apply_btns li a.btn1 {padding-left:27px;background-size:auto 16px;} #m_gnb .mnav_top .apply_btns li a.btn2 {padding-left:26px;background-size:auto 18px;} #m_gnb .mnav_top .apply_btns li a.btn_logout {padding-left:27px;background-size:auto 18px;} #m_gnb .mnav_top .apply_btns li a.btn_login {padding-left:27px;background-size:auto 18px;} #m_gnb .mnav_top .link_bbs {/*max-width:630px;margin:0 auto;*/padding:40px 0 36px;} #m_gnb .mnav_top .link_bbs li a {padding:63px 0 0;font-size:16px;} #m_gnb .mnav_top .link_bbs li a.link_notice {background-size:48px 48px;} #m_gnb .mnav_top .link_bbs li a.link_inquiry {background-size:48px 48px;} #m_gnb .mnav_top .link_bbs li a.link_faq {background-size:48px 48px;} #m_gnb .btn_mnav {top:41px;right:20px;width:55px;height:35px;} #m_gnb .dark_overlay {margin:0 -20px;} #m_gnb .dark_overlay .mnav_close {top:30px;left:77px;width:33px;height:33px;} #m_gnb .mnav .dropdown .gnb_1da {padding:0 40px;height:71px;line-height:71px;font-size:18px;} #m_gnb .mnav .dropdown .gnb_1da i {top:28px;right:40px;width:18px;height:18px;} #m_gnb .mnav .dropdown .gnb_1line {padding:0 40px;height:71px;line-height:71px;font-size:18px;} #m_gnb .mnav .dropdown .gnb_2dul a {padding:0 40px;height:60px;line-height:60px;font-size:16px;} } @media (min-width:1025px) { #m_gnb {display:none;} } /* Main */ .main#container {padding-bottom:23px;background:#f5f5f5;} .mob_desc {margin-bottom:24px;padding:23px 0 0;} .mob_desc p {margin-bottom:13px;padding:0 3.395061%;font-size:12px;font-weight:400;color:#1f1f1f;letter-spacing:-0.6px;} .mob_desc p + p {margin-bottom:20px;font-size:11px;font-weight:100;color:rgba(31,31,31,.7);letter-spacing:-0.6px;} .mob_desc .mob_managed {border-top:1px solid #ddd;overflow:hidden; padding:3.4247vw 0 0 ;} .mob_desc .mob_managed > div {display:flex; justify-content: space-between; align-items: center; flex-wrap: wrap;} .mob_desc .mob_managed > div > span {position:relative; display:inline-block; } .mob_desc .mob_managed > div > span:first-child {padding-left:0;} .mob_desc .mob_managed > div > span.line {display:inline-block; width:1px; height:4.9658vw; background:#dddddd; overflow:hidden;} .mob_desc .mob_managed img {height:4.9658vw; } .main_shortcut {position:relative;z-index:99;} .main_shortcut:after {display:block;visibility:hidden;clear:both;content:""} .main_shortcut div {margin-top:27px;border-bottom:4px solid #3c90e2;background:#fff;} .main_shortcut div:first-child {margin-top:0;} .main_shortcut a {display:block;height:100%;text-align:center;background:#fff;} .main_shortcut a span {display:block;padding:107px 0 0;margin-bottom:24px;font-size:14px;font-weight:700;color:#1f1f1f;} .main_shortcut a.short_about span {background:url('../images/mob_shortcut_about.png') no-repeat 50% 40px;background-size:auto 53px;} .main_shortcut a.short_life span {background:url('../images/mob_shortcut_life.png') no-repeat 50% 44px;background-size:auto 53px;} .main_shortcut a.short_apply span {background:url('../images/mob_shortcut_apply.png') no-repeat 50% 40px;background-size:auto 59px;} .main_shortcut a p {font-size:12px;font-weight:400;color:#666666;line-height:1.5;} .main_shortcut a i {display:block;margin:14px auto 31px;width:18px;height:18px;background:url('../images/mob_round_arrow_right.png') no-repeat 50% 50%;background-size:cover;} .main_shortcut a.short_apply p {display:none;} .main_shortcut a.short_apply p.active {display:none;} @media only screen and (min-width:320px) { .main#container {padding-bottom:25px;} .mob_desc {margin-bottom:27px;padding:26px 0 0;} .mob_desc p {margin-bottom:14px;font-size:13px;line-height:20px;} .mob_desc p + p {margin-bottom:23px;font-size:12px;line-height:17px;} .main_shortcut div {margin-top:18px;} .main_shortcut a span {padding:86px 0 0;margin-bottom:11px;font-size:14px;} .main_shortcut a.short_about span {background:url('../images/mob_shortcut_about.png') no-repeat 50% 26px;background-size:auto 53px;} .main_shortcut a.short_life span {background:url('../images/mob_shortcut_life.png') no-repeat 50% 28px;background-size:auto 52px;} .main_shortcut a.short_apply span {background:url('../images/mob_shortcut_apply.png') no-repeat 50% 24px;background-size:auto 59px;} .main_shortcut a p {font-size:13px;line-height:20px;} .main_shortcut a i {display: none;} } @media only screen and (min-width:360px) { .main#container {padding-bottom:25px;} .mob_desc {margin-bottom:27px;padding:26px 0 0;} .mob_desc p {margin-bottom:14px;font-size:13px;line-height:20px;} .mob_desc p + p {margin-bottom:23px;font-size:12px;line-height:17px;} .main_shortcut div {margin-top:20px;} .main_shortcut a span {padding:86px 0 0;margin-bottom:11px;font-size:14px;} .main_shortcut a.short_about span {background:url('../images/mob_shortcut_about.png') no-repeat 50% 26px;background-size:auto 53px;} .main_shortcut a.short_life span {background:url('../images/mob_shortcut_life.png') no-repeat 50% 28px;background-size:auto 52px;} .main_shortcut a.short_apply span {background:url('../images/mob_shortcut_apply.png') no-repeat 50% 24px;background-size:auto 59px;} .main_shortcut a p {font-size:13px;line-height:20px;} .main_shortcut a i {display: none;} } @media only screen and (min-width:375px) { .main#container {padding-bottom:26px;} .mob_desc {margin-bottom:28px;padding:27px 0 0;} .mob_desc p {margin-bottom:14px;font-size:14px;line-height:21px;} .mob_desc p + p {margin-bottom:24px;font-size:13px;line-height:18px;} .main_shortcut div {margin-top:20px;} .main_shortcut a span {padding:90px 0 0;margin-bottom:12px;font-size:15px;} .main_shortcut a.short_about span {background:url('../images/mob_shortcut_about.png') no-repeat 50% 26px;background-size:auto 56px;} .main_shortcut a.short_life span {background:url('../images/mob_shortcut_life.png') no-repeat 50% 28px;background-size:auto 55px;} .main_shortcut a.short_apply span {background:url('../images/mob_shortcut_apply.png') no-repeat 50% 24px;background-size:auto 63px;} .main_shortcut a p {font-size:14px;line-height:21px;} .main_shortcut a i {display: none;} } @media only screen and (min-width:414px) { .main#container {padding-bottom:29px;} .mob_desc {margin-bottom:32px;padding:30px 0 0;} .mob_desc p {margin-bottom:15px;font-size:15px;line-height:23px;} .mob_desc p + p {margin-bottom:27px;font-size:14px;line-height:20px;} .main_shortcut div {margin-top:20px;border-width:5px;} .main_shortcut a span {padding:92px 0 0;margin-bottom:15px;font-size:16px;} .main_shortcut a.short_about span {background:url('../images/mob_shortcut_about.png') no-repeat 50% 27px;background-size:auto 60px;} .main_shortcut a.short_life span {background:url('../images/mob_shortcut_life.png') no-repeat 50% 29px;background-size:auto 59px;} .main_shortcut a.short_apply span {background:url('../images/mob_shortcut_apply.png') no-repeat 50% 26px;background-size:auto 67px;} .main_shortcut a p {font-size:15px;line-height:23px;} .main_shortcut a i {display: none;} } @media (min-width:768px) { .main_shortcut {margin:0 -0.61% 0;} .main_shortcut div {float:left;margin:0 0.61% 0;width:32.1133333%;} } @media (min-width:1024px) { .main#container {padding-bottom:24px;} .mob_desc {display:none;} .main_shortcut {margin:0 -1.219512% 0;} .main_shortcut:after {display:block;visibility:hidden;clear:both;content:""} .main_shortcut div {float:left;margin:-44px 1.219512% 0;width:30.894308%;height:270px;border-bottom:6px solid #3c90e2;background:#fff;} .main_shortcut div:first-child {margin-top:-44px;} .main_shortcut a {display:block;text-align:center;background:#fff;} .main_shortcut a span {display:block;padding:145px 0 0;margin-bottom:11px;font-size:20px;font-weight:700;color:#1f1f1f;} .main_shortcut a.short_about span {background:url('../images/shortcut_about.png') no-repeat 50% 50px;background-size:auto;} .main_shortcut a.short_life span {background:url('../images/shortcut_life.png') no-repeat 50% 51px;background-size:auto;} .main_shortcut a.short_apply span {background:url('../images/shortcut_apply.png') no-repeat 50% 51px;background-size:auto;} .main_shortcut a p {font-size:14px;font-weight:400;color:#666666;line-height:22px;} .main_shortcut a i {display:block;margin:17px auto 11px;width:22px;height:22px;background:url('../images/round_arrow_right.png') no-repeat 50% 50%;background-size:cover;} } @media (min-width:1025px) { .main_shortcut div:hover {border:0;background:#f5f5f5;} .main_shortcut div:hover a {margin-top:-30px;height:270px;background:url('../images/shortcut_over_bg.png') no-repeat 50% 50%;background-size:auto;} .main_shortcut div:hover a.short_about span {background:url('../images/shortcut_about_over.png') no-repeat 50% 50px;background-size:auto;} .main_shortcut div:hover a.short_life span {background:url('../images/shortcut_life_over.png') no-repeat 50% 51px;background-size:auto;} .main_shortcut div:hover a.short_apply span {background:url('../images/shortcut_apply_over.png') no-repeat 50% 51px;background-size:auto;} .main_shortcut div:hover a span {color:#fff;} .main_shortcut div:hover a p {color:rgba(255,255,255,.5);} .main_shortcut div:hover a i {background:url('../images/round_arrow_right_over.png') no-repeat 50% 50%;} .main_shortcut a.short_apply p {display:none;} .main_shortcut a.short_apply p.active {display:block;font-size:16px;color:#333333;} .main_shortcut div:hover a.short_apply p.active {color:#fff;} } /* Main SNS dimmed */ .sns_dimmed {display:none;z-index:1003;width:100%;height:100%;position:fixed;top:0;left:0;background:rgba(0,0,0,0.8);} .sns_dimmed.active {display:block;} /* None Mob Page*/ .non_respons #m_gnb .btn_mnav {display:none;} .non_respons #header {min-width:1024px;} .non_respons #header .hd {padding:10px 0 0;height:100px;border:0;background:none;} .non_respons #header .hd .btn_back {display:none;} .non_respons #header .hd .logo {float:left;margin:10px 0 0;width:8.527918%;height:60px;background-image:url('../images/logo_ssafy.png');background-position:left center;background-size:auto 60px;} .non_respons #header .hd .logo > a {display:block;width:100%;height:100%;font-size:0;line-height:0;overflow:hidden;} .non_respons #header .hd #gnb {float:left;display:block;margin-left:5.076142%;margin-right:5.076142%;width:40.710659%;} .non_respons #header .hd #gnb ul:after {display:block;visibility:hidden;clear:both;content:""} .non_respons #header .hd #gnb li {float:left;padding:12px 0 13px;} .non_respons #header .hd #gnb li.gnb_1dli_0 {width:41.396508%;} .non_respons #header .hd #gnb li.gnb_1dli_1 {width:34.663341%;} .non_respons #header .hd #gnb li.gnb_1dli_2 {width:23.940149%;} .non_respons #header .hd #gnb li a {display:block;padding:10px;width:100%;height:100%;font-size:22px;font-weight:400;color:#1f1f1f;text-align:center;} .non_respons #header .hd_login_wrap {z-index:101;display:block;position:relative;float:left;padding:31px 0 0;width:40.609137%;} .non_respons #header .hd_login_wrap .hd_login {font-size:0;} .non_respons #header .hd_login_wrap .hd_login.right {text-align:right;} .non_respons #header.on .hd_login_wrap .hd_login.right {text-align:right;} .non_respons #header .hd_login_wrap .hd_login ul {display:inline-block;float:right;font-size:0;} .non_respons #header .hd_login_wrap .hd_login li {position:relative;display:inline-block;margin-left:9px;padding-left:9px;line-height:18px;} .non_respons #header .hd_login_wrap .hd_login li:first-child {margin:0;padding:0;} .non_respons #header .hd_login_wrap .hd_login li a {font-size:14px;font-weight:100;color:#666;letter-spacing:-0.6px;} .non_respons #header .hd_login_wrap .hd_login li i {position:absolute;top:3px;left:0;width:1px;height:13px;background:rgba(221,221,221,.4);} .non_respons #header .hd_login_wrap .hd_login .apply_btns {display:inline-block;float:left;font-size:0;} .non_respons #header .hd_login_wrap .hd_login .apply_btns a {display:inline-block;margin-left:16px;padding-left:23px;font-size:14px;font-weight:400;color:#1f1f1f;min-height:18px;line-height:18px;letter-spacing:-0.8px;} .non_respons #header .hd_login_wrap .hd_login .apply_btns a:first-child {margin-left:0;} .non_respons #header.on .hd_login_wrap .hd_login .apply_btns a {font-weight:100;} .non_respons #header .hd_login_wrap .hd_login .apply_btns a.btn1 {background:url('../images/ico_btn_apply1_on.png') no-repeat left center;} .non_respons #header .hd_login_wrap .hd_login .apply_btns a.btn2 {background:url('../images/ico_btn_apply2_on.png') no-repeat left center;} .non_respons #header .hd_login_wrap .hd_login .apply_btns a.btn3 {background:url('../images/ico_btn_apply3_on.png') no-repeat left 2px;} .non_respons #header #snb_bg {display:none;z-index:100;position:absolute;top:100px;left:0;width:100%;height:190px;background:#fff;border-bottom:1px solid #e5eaed;} .non_respons #header #snb_bg .gnb_2d {display:block;margin:0 auto;max-width:1240px;padding:0 20px;overflow:hidden;} .non_respons #header #snb_bg .gnb_2d .gnb_2dul {float:left;padding-left:2.030456%;} .non_respons #header #snb_bg .gnb_2d .gnb_2dul li {margin-top:9px;} .non_respons #header #snb_bg .gnb_2d .gnb_2dul li:first-child {margin-top:0;} .non_respons #header #snb_bg .gnb_2d .gnb_2dul li a {font-size:16px;color:#666666;line-height:1;} .non_respons #header #snb_bg .gnb_2d .gnb_2dul li a:hover {text-decoration:underline;} .non_respons #header #snb_bg .gnb_2d .gnb_2dul_0 {margin-left:13.604060%;width:16.852791%;} .non_respons #header #snb_bg .gnb_2d .gnb_2dul_1 {width:14.111675%;} .non_respons #header #snb_bg .gnb_2d .gnb_2dul_2 {/*width:9.746192%;*/} .non_respons #header #snb_bg .gnb_2d .info_inquiry {float:left;/*margin-left:5.076142%;*/margin-left:14.822334%;width:40.609137%;padding:25px 0 0;border-top:1px solid #eeeeee;} .non_respons #header #snb_bg .gnb_2d .info_inquiry div {margin-top:7px;overflow:hidden;} .non_respons #header #snb_bg .gnb_2d .info_inquiry div:first-child {margin-top:0;} .non_respons #header #snb_bg .gnb_2d .info_inquiry .title {float:left;width:22.75%;font-size:16px;color:#1f1f1f;} .non_respons #header #snb_bg .gnb_2d .info_inquiry .cont {float:left;width:77.25%;font-size:16px;color:#666666;} @media (min-width:1240px) { .non_respons #header .hd .logo {width:9.166666%;} .non_respons #header .hd #gnb {margin-left:13.333333%;margin-right:5.666666%;width:38.5%;} .non_respons #header .hd #gnb li.gnb_1dli_0 {width:40.259740%;} .non_respons #header .hd #gnb li.gnb_1dli_1 {width:34.632034%;} .non_respons #header .hd #gnb li.gnb_1dli_2 {width:25.108225%;} .non_respons #header .hd_login_wrap {width:33.333333%;} .non_respons #header .hd_login_wrap .hd_login .apply_btns a {padding-left:23px;} .non_respons #header #snb_bg .gnb_2d .gnb_2dul_0 {margin-left:25%;padding:0;width:15.5%;} .non_respons #header #snb_bg .gnb_2d .gnb_2dul_1 {padding:0;width:13.333333%;} .non_respons #header #snb_bg .gnb_2d .gnb_2dul_2 {padding:0;/*width:7.166666%;*/} .non_respons #header #snb_bg .gnb_2d .info_inquiry {/*margin-left:5.666666%;margin-left:12.833332%;*/width:32.258064%;} } .non_respons #header .sub_visual {padding:0;min-width:984px;height:190px;border:0;background-repeat:no-repeat;background-size:cover;background-position:left top;} .non_respons #header .sub_visual h2 {display:block;padding-top:69px;font-size:32px;font-weight:700;color:#fff;text-align:center;letter-spacing:-1px;} .non_respons #header .sub_visual .sub_menu {display:none;} .non_respons #header .sub_visual.visual_myinfo {background-image:url('../images/sub_visual_default.jpg');} /* 나의정보 */ .non_respons #header .sub_visual.visual_login {background-image:url('../images/sub_visual_default.jpg');} /* 로그인 */ .non_respons #header .sub_visual.visual_join {background-image:url('../images/sub_visual_default.jpg');} /* 회원가입 */ .non_respons #header .sub_visual.visual_life {background-image:url('../images/sub_visual_life.jpg');} /* SSAFY Life */ .non_respons #header .sub_visual.visual_apply {background-image:url('../images/sub_visual_apply.jpg');} /* APPLY */ .non_respons .inner {min-width:984px;} .non_respons .sub_inner {padding:51px 0 110px;} .non_respons .sub_inner .page_desc {margin-bottom:52px;font-size:30px;font-weight:700;text-align:center;line-height:44px;} .non_respons .btn_box {margin-left:auto;margin-right:auto;} .non_respons .btn_box button {float:none;margin-left:10px;width:240px;height:60px;font-size:20px;} .non_respons .btn_box button:first-child {margin-left:0;} .non_respons .sns_dimmed.active {display:none;} #footer {padding:26px 0 22px;} .non_respons #footer .ft_top {display:block;padding-bottom:0;overflow:hidden;border-bottom:1px solid #ddd;} .non_respons #footer .ft_top .mob_title {display:none;} .non_respons #footer .ft_top .ft_notice {display:flex; margin-bottom:0;width:47.5%;height:60px;overflow:hidden;} .non_respons #footer .ft_top .ft_notice .title {display:inline-block; flex-shrink: 0; padding-right:20px;font-size:16px;font-weight:700;color:#333333;line-height:60px;text-align:left;} .non_respons #footer .ft_top .ft_notice .title a {font-size:16px;} .non_respons #footer .ft_top .ft_notice ul {position:relative; width:calc(100% - 77px)} .non_respons #footer .ft_top .ft_notice li {height:60px;line-height:60px;overflow:hidden;} .non_respons #footer .ft_top .ft_notice .title.new + ul li a {max-width:62%;} .non_respons #footer .ft_top .ft_notice li a {float:left;margin-right:19px;margin-bottom:0;max-width:75%;font-size:16px;font-weight:400;color:#1f1f1f;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;text-align:left;} .non_respons #footer .ft_top .ft_notice li .date {float:left;font-size:16px;font-weight:100;color:#999999;text-align:left; flex-shrink: 0;} .non_respons #footer .ft_top .ft_contact {float:right;width:52.5%;overflow:hidden;text-align:right;font-size:0;} .non_respons #footer .ft_top .ft_contact p {display:inline-block;margin-bottom:0;font-size:14px;font-weight:400;color:#666666;height:60px;line-height:60px;letter-spacing:-0.3px;} .non_respons #footer .ft_top .ft_contact p + p {margin-left:22px;margin-bottom:0;} .non_respons #footer .ft_top .ft_contact p span {font-size:inherit;font-weight:100;} .non_respons #footer .ft_top .ft_contact p a {font-size:inherit;font-weight:100;} .non_respons #footer .ft_bottom {position:relative;padding:20px 0 25px;} .non_respons #footer .ft_bottom .mob_sns_list {display:none;} .non_respons #footer .ft_bottom .mob_sns_list.active {display:none;} .non_respons #footer .ft_bottom .sns_list {display:none;position:absolute;top:-60px;right:0;padding:16px 20px 15px;background:#f5f5f5;border:1px solid #dddddd;} .non_respons #footer .ft_bottom .sns_list li {float:left;margin-left:27px;} .non_respons #footer .ft_bottom .sns_list li:first-child {margin-left:0;} .non_respons #footer .ft_bottom .sns_list li a {display:block;height:27px;line-height:27px;font-size:14px;background-repeat:no-repeat;background-position:left center;} .non_respons #footer .ft_bottom .sns_list li a:hover {text-decoration:underline;} .non_respons #footer .ft_bottom .sns_list li a.sns_kakao {padding-left:37px;background-image:url('../images/ico_kakao.png');} .non_respons #footer .ft_bottom .sns_list li a.sns_story {padding-left:27px;background-image:url('../images/ico_story.png');} .non_respons #footer .ft_bottom .sns_list li a.sns_fb {padding-left:24px;background-image:url('../images/ico_fb.png');} .non_respons #footer .ft_bottom .sns_list li a.sns_line {padding-left:39px;background-image:url('../images/ico_line.png');} .non_respons #footer .ft_bottom .sns_list li a.sns_band {padding-left:27px;background-image:url('../images/ico_band.png');} .non_respons #footer .ft_bottom .sns_list li a.sns_blog {padding-left:37px;background-image:url('../images/ico_blog.png');} .non_respons #footer .ft_bottom .fnb {margin-bottom:16px;overflow:hidden;text-align:left;} .non_respons #footer .ft_bottom .fnb li {position:relative;display:block;float:left;margin-right:13px;padding-right:15px;line-height:1;} .non_respons #footer .ft_bottom .fnb li a {font-size:14px;color:#333333;line-height:1;} .non_respons #footer .ft_bottom .fnb li i {position:absolute;top:1px;right:0;width:1px;height:14px;background:#dddddd;} .non_respons #footer .ft_bottom .ft_sns {position:absolute;top:20px;right:0;margin-bottom:0;overflow:hidden;text-align:left;} .non_respons #footer .ft_bottom .ft_sns li {float:left;display:block;} .non_respons #footer .ft_bottom .ft_sns li.sns_share button {padding-left:45px;height:34px;line-height:34px;font-size:14px;color:#666666;background:url('../images/ico_share.png') no-repeat;background-size:auto;} .non_respons #footer .ft_bottom .ft_sns li.sns_share button.on {background:url('../images/ico_share_close.png') no-repeat;} .non_respons #footer .ft_bottom .ft_sns li.sns_share button.on:hover {background:url('../images/ico_share_close.png') no-repeat;} .non_respons #footer .ft_bottom .ft_sns li.sns_share button:hover {color:#1f1f1f;background:url('../images/ico_share_on.png') no-repeat;} .non_respons #footer .ft_bottom .ft_sns li.sns_fb {margin-left:40px;} .non_respons #footer .ft_bottom .ft_sns li.sns_fb a {display:block;padding-left:45px;height:34px;line-height:34px;font-size:14px;color:#666666;background:url('../images/ico_facebook.png') no-repeat;background-size:auto;} .non_respons #footer .ft_bottom .ft_sns li.sns_fb a:hover {color:#1f1f1f;background:url('../images/ico_facebook_on.png') no-repeat;} .non_respons #footer .ft_bottom .ft_sns li.sns_insta {margin-left:40px;} .non_respons #footer .ft_bottom .ft_sns li.sns_insta a {display:block;padding-left:45px;height:34px;line-height:34px;font-size:14px;color:#666666;background:url('../images/ico_instagram.png') no-repeat;background-size:auto;} .non_respons #footer .ft_bottom .ft_sns li.sns_insta a:hover {color:#1f1f1f;background:url('../images/ico_instagram_on.png') no-repeat;} .non_respons #footer .ft_bottom p {font-size:12px;font-weight:100;color:#999999;text-align:left;line-height:1.5;} .non_respons #footer .ft_bottom .addr {margin-bottom:2px;} .non_respons #footer .ft_bottom .addr br {display:none !important;} .non_respons .layer_popup.msg_pop .popcontainer {max-width:540px;width:540px;padding:42px 50px;} .non_respons .layer_popup.msg_pop p {font-size:26px;line-height:40px;} .non_respons .layer_popup.msg_pop .btn_box {margin-top:43px;} .non_respons .input_box input {padding-left:19px;height:55px;line-height:55px;font-size:16px;} .non_respons input[type="checkbox"] + label {padding-left:30px;font-size:16px;line-height:20px;} .non_respons input[type="checkbox"] + label span.ico_fake {margin:1px 0 0;width:20px;height:20px;background:url('../images/chk_off.png') no-repeat left top;} .non_respons input[type="checkbox"]:checked + label span.ico_fake {width:20px;height:20px;background:url('../images/chk_on.png') no-repeat left top;} .non_respons .selectric-select_box .selectric {height:55px;} .non_respons .selectric-select_box .selectric .label {margin:0 35px 0 21px;height:inherit;line-height:53px;font-size:16px;} .non_respons .selectric-select_box .selectric .button {right:20px;width:15px;height:9px;background:url('../images/ico_select_down.png') no-repeat center center;background-size:auto auto;} .non_respons .selectric-select_box .selectric-items li {padding:17px 21px;font-size:16px;} .non_respons #header .lnb {display:block;padding:20px 0 22px;border-bottom:1px solid #eeeeee;} .non_respons #header .lnb ul {font-size:0;} .non_respons #header .lnb li {display:inline-block;margin-left:9px;padding-left:15px;background:url('../images/ico_arrow_right.png') no-repeat left center;} .non_respons #header .lnb li:first-child {margin:0;padding:0;background:none;} .non_respons #header .lnb a {font-size:14px;color:#666666;line-height:1;} .non_respons #header .lnb a.on {color:#1f1f1f;} .non_respons .pw_change .btn_box {margin-top:60px;} /* 190918 */ .research .select_box {margin-top: 10px;} .research .selectric-select_box {margin-top: 10px;} .button_close {left: 1025px; top: 50px; width: 35px; height: 35px; position: fixed; background:url('../images/pop_close.png') center center no-repeat #6E7C8C; cursor:pointer;} /* LNB */ #header .lnb {display:none;} @media (min-width:1025px) { #header .lnb {display:block;padding:20px 0 22px;border-bottom:1px solid #eeeeee;} #header .lnb ul {font-size:0;} #header .lnb li {display:inline-block;margin-left:9px;padding-left:15px;background:url('../images/ico_arrow_right.png') no-repeat left center;} #header .lnb li:first-child {margin:0;padding:0;background:none;} #header .lnb a {font-size:14px;color:#666666;line-height:1;} #header .lnb a.on {color:#1f1f1f;} } /* Sub Layout */ .sub_inner {padding:18px 0 38px;} @media only screen and (min-width:360px) { .sub_inner {padding:21px 0 45px;} } @media only screen and (min-width:375px) { .sub_inner {padding:22px 0 48px;} } @media only screen and (min-width:414px) { .sub_inner {padding:24px 0 55px;} } @media (min-width:768px) { .sub_inner {padding:51px 0 110px;} } /* Sub Common Layout */ .sub_inner .page_desc {margin-bottom:19px;font-size:13px;font-weight:700;text-align:center;line-height:1.5;} .sub_inner .page_desc i {font-size:inherit;color:#0997ee;} .sub_inner .page_desc span.inner {display:block;font-size:inherit;} @media only screen and (min-width:360px) { .sub_inner .page_desc {margin-bottom:22px;font-size:14px;} } @media only screen and (min-width:375px) { .sub_inner .page_desc {margin-bottom:22px;font-size:15px;} } @media only screen and (min-width:414px) { .sub_inner .page_desc {margin-bottom:25px;font-size:16px;} } @media (min-width:768px) { .sub_inner .page_desc {margin-bottom:52px;font-size:30px;font-weight:700;text-align:center;line-height:44px;} } @media (min-width:1025px) { .sub_inner .page_desc {display:block;} } /* Dim */ .sub_dimmed {display:none;z-index:1000;width:100%;height:100%;position:fixed;top:0;left:0;background:rgba(0,0,0,0.6);} .sub_dimmed.active {display:block;} .sub_dimmed.none_active {display:none;} /* Myinfo_wrap */ .myinfo_wrap {min-width:984px;padding:40px 20.25%;width:100%;background:#f0f5f8;overflow:hidden;} .myinfo_wrap a {display:block;float:left;padding:128px 0 36px;width:48.599439%;text-align:center;} .myinfo_wrap a.my_modify {margin-right:1.400560%;background:#fff url('../images/my_modify.png') no-repeat center 40px;background-size:auto;} .myinfo_wrap a.mb_withdraw {margin-left:1.400560%;background:#fff url('../images/mb_withdraw.png') no-repeat center 40px;background-size:auto;} .myinfo_wrap a .title {display:block;margin-bottom:12px;font-size:20px;line-height:1;} .myinfo_wrap a.my_modify .title i {font-size:inherit;color:#3c93e8;} .myinfo_wrap a.mb_withdraw .title i {font-size:inherit;color:#ee0909;} .myinfo_wrap a p {display:block;font-size:16px;color:#666666;line-height:22px;} /* PW Confirm */ .pw_confirm {max-width:440px;margin:0 auto;} .pw_confirm .input_box {border:1px solid #e3e7eb;} .pw_confirm .input_box input {float:left;width:84.703196%;border:0;} .pw_confirm .input_box button {float:left;width:15.296803%;height:55px;background-repeat:no-repeat;background-position:50% 50%;background-color:#fff;} .pw_confirm .input_box button.eye {background-image:url('../images/ico_eye.png');} .pw_confirm .input_box button.eye_slash {background-image:url('../images/ico_eye_slash.png');} .pw_confirm .btn_box {margin-top:40px;} .pw_confirm .btn_box button {width:100%;} /* PW Change */ .pw_change {min-width:984px;} .pw_change .form_group {display:table;padding:0;width:100%;border-bottom:0;} .pw_change .form_group:after {display:block;visibility:hidden;clear:both;content:""} .pw_change .form_group:first-child .title {border-top:1px solid #1f1f1f;} .pw_change .form_group:first-child .cont {border-top:1px solid #f0f5f8;} .pw_change .form_group .title {position:relative;display:table-cell;margin-bottom:0;padding-top:22px;padding-left:1.75%;width:16.083333%;height:70px;font-size:16px;color:#1f1f1f;border-bottom:1px solid #1f1f1f;vertical-align:top;} .pw_change .form_group .cont {display:table-cell;padding:7px 0 7px 0;width:83.916666%;border-bottom:1px solid #f0f5f8;vertical-align:middle;} .pw_change .form_group .cont .input_box {margin-left:3.17%;margin-right:1.98%;} .form_group .cont .form_desc {margin-left:3.17%;margin-right:1.98%;padding:20px 0 15px;} .form_group .cont .form_desc li {margin-top:3px;font-size:14px;color:#666666;} .form_group .cont .form_desc li:first-child {margin-top:0;} /* Withdraw Confirm*/ .withdraw_confirm {min-width:984px;padding:31px 0 0;text-align:center;} .withdraw_confirm .desc {margin-bottom:6px;padding:83px 0 0;font-size:20px;color:#1f1f1f;background:url('../images/mb_withdraw.png') no-repeat center top;} .withdraw_confirm .sub_desc {font-size:16px;color:#666;} .withdraw_confirm .btn_box {margin-top:37px;} /* Login */ #login {height:100%;} #login #container {display:table;width:100%;height:100%;margin:-99px 0 0;padding:99px 0 0;} #login #footer {display:none;} #login .sub_inner {display:table-cell;vertical-align:middle;} #login .page_desc {display:none;} .login_wrap {margin:0 auto;max-width:440px;} .login_wrap .input_box {margin-bottom:4px;} .login_wrap .input_box input {margin-bottom:10px;} .login_wrap .btn_box {margin-top:36px;} .login_wrap .btn_box button {width:100%;} .login_wrap .btn_box a {display:none;} .login_wrap .join_desc {margin-top:11px;font-size:11px;color:#666666;} @media only screen and (min-width:360px) { #login #container {margin:-110px 0 0;padding:110px 0 0;} .login_wrap .join_desc {margin-top:11px;font-size:12px;} } @media only screen and (min-width:375px) { #login #container {margin:-115px 0 0;padding:115px 0 0;} .login_wrap .join_desc {margin-top:11px;font-size:13px;} } @media only screen and (min-width:414px) { #login #container {margin:-126px 0 0;padding:126px 0 0;} .login_wrap .join_desc {margin-top:12px;font-size:14px;} } @media(min-width:768px) { #login #container {margin:-241px 0 0;padding:241px 0 0;} .login_wrap .join_desc {margin-top:13px;font-size:16px;} } @media(min-width:1024px) { .login_wrap {max-width:550px;} .login_wrap .input_box {margin-bottom:7px;} .login_wrap .input_box input {margin-bottom:10px;} .login_wrap .btn_box {margin-top:41px;} .login_wrap .btn_box button {margin-bottom:10px;} } @media (min-width:1025px) { #login #container {display:block;margin:0;padding:0;height:auto;} #login #footer {display:block;} #login .sub_inner {display:block;} #login .page_desc {display:block;} .login_wrap {margin:0 auto;max-width:440px;} .login_wrap .join_desc {display:none;} } @media (min-width:1025px) { .login_wrap .btn_box a {display:block;height:40px;line-height:40px;font-size:14px;color:#1f1f1f;text-align:center;background:#e3e7eb;} .login_wrap .btn_box a.mb_join {float:left;width:48.863636%;} .login_wrap .btn_box a.find_pw {float:right;width:48.863636%;} } /* PW Find */ .pw_find {min-width:984px;} .pw_find .login_wrap .btn_box {margin-top:30px;} .pw_find .login_wrap .btn_box button {margin-bottom:0;} /* Join */ .join_wrap {min-width:984px;} .join_wrap .form_wrap {margin-bottom:60px;} .join_wrap .form_group {display:table;padding:0;width:100%;border-bottom:0;} .join_wrap .form_group:after {display:block;visibility:hidden;clear:both;content:""} .join_wrap .form_group:first-child .title {border-top:1px solid #1f1f1f;} .join_wrap .form_group:first-child .cont {border-top:1px solid #f0f5f8;} .join_wrap .form_group .title {position:relative;display:table-cell;margin-bottom:0;padding-top:22px;padding-left:1.75%;width:16.083333%;height:70px;font-size:16px;color:#1f1f1f;border-bottom:1px solid #1f1f1f;vertical-align:top;} .join_wrap .form_group .cont {display:table-cell;padding:7px 0 7px 0;width:83.916666%;border-bottom:1px solid #f0f5f8;vertical-align:middle;} .join_wrap .form_group .cont .input_box {margin-left:3.17%;margin-right:1.98%;} .join_wrap .form_group.form_id .cont .input_box input {float:left;width:27.958115%;} .join_wrap .form_group.form_id .cont .input_box span.at {display:block;float:left;width:3.664921%;height:55px;line-height:55px;text-align:center;} .join_wrap .form_group.form_id .cont .input_box .selectric-select_box {float:left;margin-left:0.942408%;width:27.958115%;} .join_wrap .form_group.form_id .cont .input_box button {float:left;margin-left:1.047120%;width:10.471204%;height:55px;font-size:16px;color:#fff;text-align:center;background:#6e7c8c;} .join_wrap .join_agree {} .join_wrap .join_agree .scroll-box {border:0;min-height:100%;max-height:100%;} .join_wrap .join_agree .title {display:block;margin-bottom:22px;padding-bottom:21px;font-size:22px;font-weight:800;color:#1f1f1f;border-bottom:1px solid #1f1f1f;line-height:1;} .join_wrap .join_agree .agree_all {padding-left:1.75%;border-bottom:1px solid #f0f5f8;} .join_wrap .join_agree .agree_all .desc {padding:13px 0 22px;} .join_wrap .join_agree .agree_all .desc li {margin-top:3px;font-size:14px;color:#666666;} .join_wrap .join_agree .agree_all .desc li:first-child {margin-top:0;} .join_wrap .join_agree .agree_tos {padding:23px 0 20px;border-bottom:1px solid #f0f5f8;} .join_wrap .join_agree .agree_tos .chk_wrap {margin-bottom:24px;padding-left:1.75%;} .join_wrap .join_agree .agree_tos label i {font-size:inherit;color:#ef2d2d;} .join_wrap .join_agree .agree_tos .txt_wrap {padding:12px 19px;border:1px solid #ccd5dc;} .join_wrap .join_agree .agree_tos .txt_wrap ::-webkit-scrollbar{width:20px;} .join_wrap .join_agree .agree_tos .txt_content {padding:20px 31px;width:100%;height:295px;font-size:16px;line-height:32px;overflow:auto;border:0;} .join_wrap .join_agree .join_desc {padding-left:1.75%;padding-top:20px;} .join_wrap .join_agree .join_desc li {margin-top:6px;font-size:16px;color:#666666;} .join_wrap .join_agree .join_desc li:first-child {margin-top:0;} .join_wrap .btn_box {margin-top:38px;} /**추천인코드**/ .join_wrap .form_group.form_id .cont .input_box .rec_code_chk{width:15%;} .join_wrap .form_group.form_id .cont .input_box #p_rec_code{width:15%;} @media only screen and (max-width: 1024px) { .login_wrap .btn_box a {display: inline-block;width: 100%;line-height: 40px;font-size: 14px;color: #1f1f1f;text-align: center;background: #e3e7eb;margin-top: 10px;} } @media only screen and (max-width: 1020px) { /**회원가입**/ body:not(.non_respons) .join_wrap {min-width:100%;} body:not(.non_respons) .join_wrap .column:first-child .title2 {font-size:20px;} body:not(.non_respons) .join_wrap .column:first-child .title3 {font-size:14px;} body:not(.non_respons) .join_wrap .tit-area2 .lead {padding:0;font-size:14px !important;} body:not(.non_respons) .join_wrap .desc-table-col th {font-size:14px;} body:not(.non_respons) .join_wrap .desc-table-col td {font-size:14px;} body:not(.non_respons) .join_wrap input[type="checkbox"] + label {padding-left: 27px;font-size: 14px;height: 100%;line-height: 20px;} body:not(.non_respons) .join_wrap .form-field {margin-top: 10px;margin-bottom: 20px;} body:not(.non_respons) .join_wrap .policy-check-privacy .ulist1 {margin-left:0px;} body:not(.non_respons) .join_wrap .checkbox .fake {position:absolute;left:0;top:0;width: 23px; height: 23px; background: url(../images/ico-m-check.png) no-repeat; margin-right: 10px;cursor:pointer; } body:not(.non_respons) .join_wrap .checkbox .checked + label .fake{background-position: 100% 0} body:not(.non_respons) .join_wrap .btn-group{margin: 1rem 0 0;} body:not(.non_respons) .join_wrap .btn-group .btn-md {width:42.5%;margin-left:10px;margin-right:10px;padding:0;font-size:16px;min-width:0px;} body:not(.non_respons) .join_wrap .ulist1{margin-left:0px;} body:not(.non_respons) .join_wrap .esse_area{margin-top:0px !important;float:none !important;} body:not(.non_respons) .join_wrap .form_group .title {font-size:14px;} body:not(.non_respons) .join_wrap .form_group.form_id .cont .input_box span.at {display:block;float:left;width:8.664921%;height:55px;line-height:55px;text-align:center;} body:not(.non_respons) .join_wrap .form_group {display:block;padding:12px 0 16px;width:100%;border-bottom:1px solid #e3e7eb;} body:not(.non_respons) .join_wrap .form_group:after {display:block;visibility:hidden;clear:both;content:""} body:not(.non_respons) .join_wrap .form_group .title {position:relative;display:block;margin-bottom:6px;font-size:12px;color:#1f1f1f;border-top:0px !important;border-bottom:0px;padding-top:0px;padding-left:0px;padding-bottom:10px;width:100%;height:0px;} body:not(.non_respons) .join_wrap .form_group .title i {font-size:inherit;color:#ef2d2d;} body:not(.non_respons) .join_wrap .form_group .cont {display:block;width:100%} body:not(.non_respons) .join_wrap .form_group .cont .input_box {margin-left:0;margin-right:0;} body:not(.non_respons) .join_wrap .form_group.name {border-top:1px solid #1f1f1f;} body:not(.non_respons) .join_wrap .form_group .cont .form_desc{margin-left:0px;} body:not(.non_respons) .join_wrap .form_group.form_id .cont .input_box input {float:left;width:28.246913%;} body:not(.non_respons) .join_wrap .form_group.form_id .cont .input_box .at {display:block;float:left;width:6.172839%;font-size:11px;text-align:center;height:35px;line-height:35px;} body:not(.non_respons) .join_wrap .form_group.form_id .cont .input_box .selectric-select_box {float:left;margin-left:3.086419%;width:31.666913%;} body:not(.non_respons) .join_wrap .form_group.form_id .cont .input_box .chk_wrap {clear:both;padding-top:8px;} body:not(.non_respons) .join_wrap .form_group.form_id .cont .input_box button{width:100%;margin-top:25px;margin-left: 0px;} body:not(.non_respons) .join_wrap .form_group.form_id .cont .hp input {float:left;width:71.3% !important;} body:not(.non_respons) .join_wrap .form_group.form_id .cont .hp .selectric-select_box {float:left;margin-left:0px !important;width:20% !important;} body:not(.non_respons) .join_wrap .form_group.form_id .cont .input_box .rec_code_chk{width:100% !important;} body:not(.non_respons) .join_wrap .form_group.form_id .cont .input_box #p_rec_code{width:100% !important;} /**회원정보수정**/ body:not(.non_respons) .require_desc_modify{padding-top: 20px;} body:not(.non_respons) .require_desc_modify .essential{margin-left:0px;} body:not(.non_respons) .join_wrap .pw_change{min-width:100%;} body:not(.non_respons) .join_wrap .form_group.privacy .title br{display:none;} body:not(.non_respons) .join_wrap .form_group.form_id .cont .hp .hp_desc{padding-left:0px !important;} /**회원정보 관리페이지**/ body:not(.non_respons) .myinfo_wrap{min-width:100%;padding:25px 6.25%;} body:not(.non_respons) .myinfo_wrap a p{display:none;} body:not(.non_respons) .pw_confirm .input_box button{height:40px;} /**회원 비밀번호 찾기 페이지**/ body:not(.non_respons) .pw_find{min-width:100%} /**로그인화면**/ .login_wrap .btn_box a {display: inline-block;width: 100%;line-height: 40px;font-size: 14px;color: #1f1f1f;text-align: center;background: #e3e7eb;margin-top: 10px;} } @media (max-width:768px) { body:not(.non_respons) .join_wrap .form_group.form_id .cont .input_box span.at {line-height:45px;} } @media only screen and (max-width:414px) { body:not(.non_respons) .join_wrap .form_group.form_id .cont .input_box span.at {font-size:14px;height:45px;line-height:45px;} } @media only screen and (max-width:375px) { body:not(.non_respons) .join_wrap .form_group.form_id .cont .input_box span.at {font-size:13px;height:41px;line-height:41px;} body:not(.non_respons) .myinfo_wrap a.mb_withdraw{min-height:216px;} } @media only screen and (max-width:360px) { body:not(.non_respons) .sub_inner .join_wrap .page_desc {margin-bottom:19px;} body:not(.non_respons) .join_wrap .require_desc {display:block;margin-bottom:8px;font-size:12px;} body:not(.non_respons) .join_wrap .form_group {padding:14px 0 18px;} body:not(.non_respons) .join_wrap .form_group .title {margin-bottom:6px;font-size:14px;} body:not(.non_respons) .join_wrap .form_group.form_id .cont .input_box .at {font-size:12px;height:39px;line-height:39px;} body:not(.non_respons) .join_wrap .form_group.form_id .cont .input_box span.at {line-height:40px;} body:not(.non_respons) .join_wrap .form_group.form_id .cont .input_box .chk_wrap {padding-top:9px;} body:not(.non_respons) .join_wrap .form_group .cont .file_desc {padding-top:6px;} body:not(.non_respons) .join_wrap .form_group .cont .file_desc li {padding-left:6px;font-size:12px;} body:not(.non_respons) .join_wrap .form_group .cont .file_list.active {margin-top:13px;} body:not(.non_respons) .join_wrap .form_group .cont .file_list li {margin-top:5px;padding:7px 0 7px 9px;} body:not(.non_respons) .join_wrap .form_group .cont .file_list span {line-height:1.7;font-size:12px;} body:not(.non_respons) .join_wrap .form_group .cont .file_list span button {top:2px;right:9px;width:17px;height:16px;} } /* Mail Confirm */ .mail_confirm {padding:3px 0 0;} .mail_confirm .title {margin-bottom:40px;padding-left:1.666666%;padding-bottom:15px;font-size:22px;font-weight:700;border-bottom:1px solid #1f1f1f;letter-spacing:-1px;} .mail_confirm .desc {margin-bottom:9px;padding:108px 0 0;font-size:20px;letter-spacing:-1px;text-align:center;background:url('../images/mail_confirm.png') no-repeat center top;} .mail_confirm .desc i {font-size:inherit;color:#0997ee;} .mail_confirm .sub_desc {font-size:16px;letter-spacing:-1px;text-align:center;line-height:30px;} .mail_confirm .re_send {font-size:16px;letter-spacing:-1px;text-align:center;line-height:30px;} .mail_confirm .btn_box {margin-top:35px;margin-bottom:40px;} .mail_confirm .list_desc {padding-top:35px;padding-left:1.666666%;border-top:1px solid #f0f5f8;} .mail_confirm .list_desc li {margin-top:6px;font-size:16px;color:#666666;} .mail_confirm .list_desc li:first-child {margin-top:0;} /* Intro Video */ .closer {position:absolute;top:0;right:0;font-size:0;text-indent:-9999em;width:13px;height:13px;background:url('../images/mob_ico_close.png') no-repeat 50% 50%;background-size:cover;} .player {min-width:294px;margin-left:0;top:50%;left:50%;-webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);} @media only screen and (min-width:360px) { .closer {top:-3px;right:0;width:17px;height:17px;} } @media only screen and (min-width:375px) { } @media only screen and (min-width:414px) { .closer {top:-5px;right:0;width:19px;height:19px;} } @media only screen and (min-width:768px) { .closer {top:-15px;right:0;width:28px;height:28px;} } @media(min-width:1240px) { .player {width:56%;} .closer {top:20px;right:-44px;width:33px;height:33px;background:url('../images/ico_video_close.png') no-repeat 50% 50%;background-size:cover;} } /* img cording */ .visible_xs {display:block !important;} .visible_lg {display:none !important;} @media only screen and (min-width:360px) { } @media only screen and (min-width:375px) { } @media only screen and (min-width:414px) { } @media (min-width:768px) { } @media (min-width:1023px) { .visible_xs {display:none !important;} .visible_lg {display:block !important;} } /* SSAFY Intro */ .ssafy_intro .video_wrap {margin-bottom:1px;} .ssafy_intro .video_wrap a {display:block;position:relative;} .ssafy_intro .video_wrap a i {z-index:2;display:block;position:absolute;top:50%;left:50%;-webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);width:20px;height:25px;background:url('../images/ico_play_white.png') no-repeat 50% 50%;background-size:cover;} .ssafy_intro .desc_list {margin-bottom:31px;} .ssafy_intro .desc_list li {padding:18px 0;border-bottom:1px solid #eeeeee;} .ssafy_intro .desc_list li:nth-child(1) {background:url('../images/ico_desc1.png') no-repeat 99% 22px;background-size:auto 45px;} .ssafy_intro .desc_list li:nth-child(2) {background:url('../images/ico_desc2.png') no-repeat 97% 22px;background-size:auto 41px;} .ssafy_intro .desc_list li:nth-child(3) {background:url('../images/ico_desc3.png') no-repeat 99% 22px;background-size:auto 34px;} .ssafy_intro .desc_list li:nth-child(3) p {letter-spacing:-0.8px;} .ssafy_intro .desc_list li:nth-child(4) {background:url('../images/ico_desc4.png') no-repeat 99% 22px;background-size:auto 36px;} .ssafy_intro .desc_list li span {display:block;margin-bottom:10px;font-size:12px;font-weight:700;color:#1f1f1f;line-height:18px;letter-spacing:-1px;} .ssafy_intro .desc_list li span i {font-size:inherit;font-weight:700;color:#3c93e8;} .ssafy_intro .desc_list li p {font-size:11px;color:#666666;line-height:18px;letter-spacing:-0.8px;} .ssafy_intro .ssafy_interview {margin-bottom:18px;} .ssafy_intro .ssafy_interview ul {overflow:hidden;} .ssafy_intro .ssafy_interview li {height:108px;} .ssafy_intro .ssafy_interview li.interview1 {margin-bottom:4px;} .ssafy_intro .ssafy_interview li .thumbnail {float:left;width:50%;height:100%;background-color:#d8d8d8;background-repeat:no-repeat;background-size:cover;background-position:50% 50%;} .ssafy_intro .ssafy_interview li .thumbnail.none {background-image:none !important;} .ssafy_intro .ssafy_interview li .play_desc {float:left;padding:16px 1.666666% 0 6.172839%;width:50%;height:100%;background:#f0f5f8;} .ssafy_intro .ssafy_interview li .play_desc .desc_inner {height:100%;background:url('../images/ico_play_gray.png') no-repeat 0 54px;background-size:auto 25px;} .ssafy_intro .ssafy_interview li .play_desc i {display:block;margin-bottom:1px;font-size:11px;line-height:1;letter-spacing:-0.8px;color:#666666;} .ssafy_intro .ssafy_interview li .play_desc span {font-size:12px;letter-spacing:-0.8px;color:#1f1f1f;} .ssafy_intro .ssafy_interview li.interview1 .thumbnail {background-image:url('../images/thumb_interview1.jpg');} /* .ssafy_intro .ssafy_interview li.interview1 .play_desc {background:#3c93e8;} .ssafy_intro .ssafy_interview li.interview1 .play_desc .desc_inner {background:url('../images/ico_play_white.png') no-repeat 0 54px;background-size:auto 25px;} .ssafy_intro .ssafy_interview li.interview1 .play_desc i {color:#fff;} .ssafy_intro .ssafy_interview li.interview1 .play_desc span {color:#fff;} */ .ssafy_intro .ssafy_interview li.interview2 .thumbnail {background-image:url('../images/thumb_interview2.jpg');} /* .ssafy_intro .ssafy_interview li.interview2 .play_desc {background:#f7f7f7;} .ssafy_intro .ssafy_interview li.interview2 .play_desc .desc_inner {background:url('../images/ico_play_gray.png') no-repeat 0 54px;background-size:auto 25px;} .ssafy_intro .ssafy_interview li.interview2 .play_desc i {color:#666666;} .ssafy_intro .ssafy_interview li.interview2 .play_desc span {color:#1f1f1f;} */ .ssafy_intro .ssafy_vr {padding-bottom:31px;border-bottom:1px solid #eeeeee;} .ssafy_intro .ssafy_vr a {display:block;position:relative;} .ssafy_intro .ssafy_vr a span {display:inline-block;position:absolute;top:50%;left:50%;padding:32px 0 0;width:100%;font-size:13px;font-weight:700;color:#fff;background:url('../images/ico_play_white.png') no-repeat 50% 0;background-size:auto 25px;text-align:center;-webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);line-height:17px;} .ssafy_intro .ssafy_vr a span i {font-weight:400;} .ssafy_intro .ssafy_vision {padding:19px 0 23px;border-bottom:1px solid #eeeeee;} .ssafy_intro .ssafy_vision .title {display:block;margin-bottom:8px;font-size:18px;font-weight:800;color:#1f1f1f;text-align:center;} .ssafy_intro .ssafy_vision p {font-size:12px;font-weight:400;color:#1f1f1f;text-align:center;line-height:18px;} .ssafy_intro .ssafy_vision p i {font-size:inherit;color:#3c93e8;} .ssafy_intro .ssafy_model {margin-bottom:27px;padding:20px 0 0;} .ssafy_intro .ssafy_model .title {display:block;margin-bottom:9px;font-size:18px;font-weight:800;color:#1f1f1f;text-align:center;} .ssafy_intro .ssafy_model p.top_desc {margin-bottom:99px;font-size:12px;font-weight:400;color:#1f1f1f;text-align:center;line-height:18px;} .ssafy_intro .ssafy_model p.top_desc i {font-size:inherit;color:#3c93e8;} .ssafy_intro .ssafy_model .model_inner {padding:0 0 23px;background:#f0f5f8;text-align:center;} .ssafy_intro .ssafy_model .model_inner p.model_desc {font-size:12px;font-weight:700;color:#1f1f1f;line-height:18px;} .ssafy_intro .ssafy_model .model_inner ul {margin-bottom:23px;font-size:0;} .ssafy_intro .ssafy_model .model_inner li {display:inline-block;margin:-75px 22% 92px;padding:32px 0 0;width:151px;height:151px;border-radius:50%;vertical-align:top;} .ssafy_intro .ssafy_model .model_inner li:last-child {margin-bottom:0;} .ssafy_intro .ssafy_model .model_inner li .model_tit {display:block;margin-bottom:40px;font-size:13px;color:#ffffff;line-height:1;} .ssafy_intro .ssafy_model .model_inner li p {font-size:11px;color:#666666;line-height:15px;} .ssafy_intro .ssafy_model .model_inner li.model1 {background:url('../images/mob_model_blue.png') no-repeat 50% 50%;background-size:cover;} .ssafy_intro .ssafy_model .model_inner li.model2 {background:url('../images/mob_model_red.png') no-repeat 50% 50%;background-size:cover;} .ssafy_intro .ssafy_model .model_inner li.model3 {background:url('../images/mob_model_yellow.png') no-repeat 50% 50%;background-size:cover;} .ssafy_intro .ssafy_history .title {display:block;padding:0 0 11px 0;font-size:13px;font-weight:800;color:#1f1f1f;border-bottom:1px solid #1f1f1f;} .ssafy_intro .ssafy_history .year_wrap {padding:2px 0;overflow:hidden;border-bottom:1px solid #eeeeee;} .ssafy_intro .ssafy_history .year_wrap .year {display:block;float:left;padding:5px 0 0 0;width:27.777777%;font-size:26px;color:#1f1f1f;} .ssafy_intro .ssafy_history .year_wrap ul {float:left;width:72.222222%;} .ssafy_intro .ssafy_history .year_wrap li {padding:13px 0 11px;border-top:1px solid #eeeeee;overflow:hidden;} .ssafy_intro .ssafy_history .year_wrap li:first-child {border-top:0;} .ssafy_intro .ssafy_history .year_wrap li.type_txt {padding:11px 0 11px;} .ssafy_intro .ssafy_history .year_wrap li.type_txt .history_img {display:none;} .ssafy_intro .ssafy_history .year_wrap li.type_txt .month_wrap {float:none;width:100%;} .ssafy_intro .ssafy_history .year_wrap li .history_img {margin-bottom:5px;} .ssafy_intro .ssafy_history .year_wrap li .history_img img {display:block;max-width:100%;height:auto;} .ssafy_intro .ssafy_history .year_wrap li .month_wrap {font-size:0;} .ssafy_intro .ssafy_history .year_wrap li .month_wrap:after {display:block;visibility:hidden;clear:both;content:""} .ssafy_intro .ssafy_history .year_wrap li .month {display:block;float:left;width:16.880341%;font-size:12px;color:#3c93e8;vertical-align:top;} .ssafy_intro .ssafy_history .year_wrap li .cont {display:block;float:left;width:83.119658%;font-size:12px;color:#666666;vertical-align:top;} @media only screen and (min-width:360px) { .ssafy_intro .video_wrap {margin-bottom:1px;} .ssafy_intro .video_wrap a i {width:22px;height:28px;} .ssafy_intro .desc_list {margin-bottom:35px;} .ssafy_intro .desc_list li {padding:20px 0;} .ssafy_intro .desc_list li:nth-child(1) {background:url('../images/ico_desc1.png') no-repeat 99% 24px;background-size:auto 51px;} .ssafy_intro .desc_list li:nth-child(2) {background:url('../images/ico_desc2.png') no-repeat 97% 24px;background-size:auto 46px;} .ssafy_intro .desc_list li:nth-child(3) {background:url('../images/ico_desc3.png') no-repeat 99% 24px;background-size:auto 39px;} .ssafy_intro .desc_list li:nth-child(4) {background:url('../images/ico_desc4.png') no-repeat 99% 24px;background-size:auto 41px;} .ssafy_intro .desc_list li span {margin-bottom:12px;font-size:14px;line-height:20px;} .ssafy_intro .desc_list li p {font-size:12px;line-height:20px;} .ssafy_intro .ssafy_interview {margin-bottom:20px;} .ssafy_intro .ssafy_interview li {height:121px;} .ssafy_intro .ssafy_interview li.interview1 {margin-bottom:5px;} .ssafy_intro .ssafy_interview li .play_desc {padding:18px 1.666666% 0 6.172839%;} .ssafy_intro .ssafy_interview li .play_desc i {margin-bottom:3px;font-size:12px;} .ssafy_intro .ssafy_interview li .play_desc span {font-size:14px;} .ssafy_intro .ssafy_interview li .play_desc .desc_inner {background:url('../images/ico_play_gray.png') no-repeat 0 60px;background-size:auto 28px;} .ssafy_intro .ssafy_vr {padding-bottom:35px;} .ssafy_intro .ssafy_vr a span {padding:36px 0 0;font-size:15px;background-size:auto 28px;line-height:20px;} .ssafy_intro .ssafy_vision {padding:22px 0 26px;} .ssafy_intro .ssafy_vision .title {margin-bottom:9px;font-size:20px;} .ssafy_intro .ssafy_vision p {font-size:14px;line-height:20px;} .ssafy_intro .ssafy_model {margin-bottom:31px;padding:24px 0 0;} .ssafy_intro .ssafy_model .title {margin-bottom:11px;font-size:20px;} .ssafy_intro .ssafy_model p.top_desc {margin-bottom:112px;font-size:14px;line-height:20px;} .ssafy_intro .ssafy_model .model_inner {padding:0 0 27px;} .ssafy_intro .ssafy_model .model_inner p.model_desc {font-size:14px;line-height:20px;} .ssafy_intro .ssafy_model .model_inner ul {margin-bottom:26px;} .ssafy_intro .ssafy_model .model_inner li {margin:-84px 22% 104px;padding:36px 0 0;width:170px;height:170px;} .ssafy_intro .ssafy_model .model_inner li .model_tit {margin-bottom:45px;font-size:15px;} .ssafy_intro .ssafy_model .model_inner li p {font-size:12px;line-height:17px;} .ssafy_intro .ssafy_history .title {padding:0 0 11px 0;font-size:15px;} .ssafy_intro .ssafy_history .year_wrap {padding:2px 0;} .ssafy_intro .ssafy_history .year_wrap .year {padding:4px 0 0 0;font-size:30px;} .ssafy_intro .ssafy_history .year_wrap li {padding:15px 0 12px;} .ssafy_intro .ssafy_history .year_wrap li.type_txt {padding:12px 0 12px;} .ssafy_intro .ssafy_history .year_wrap li .history_img {margin-bottom:6px;} .ssafy_intro .ssafy_history .year_wrap li .month {font-size:14px;} .ssafy_intro .ssafy_history .year_wrap li .cont {font-size:14px;} } @media only screen and (min-width:414px) { .ssafy_intro .video_wrap {margin-bottom:1px;} .ssafy_intro .video_wrap a i {width:25px;height:32px;} .ssafy_intro .desc_list {margin-bottom:40px;} .ssafy_intro .desc_list li {padding:24px 0;} .ssafy_intro .desc_list li:nth-child(1) {background:url('../images/ico_desc1.png') no-repeat 99% 29px;background-size:auto 58px;} .ssafy_intro .desc_list li:nth-child(2) {background:url('../images/ico_desc2.png') no-repeat 97% 29px;background-size:auto 53px;} .ssafy_intro .desc_list li:nth-child(3) {background:url('../images/ico_desc3.png') no-repeat 99% 29px;background-size:auto 45px;} .ssafy_intro .desc_list li:nth-child(4) {background:url('../images/ico_desc4.png') no-repeat 99% 29px;background-size:auto 47px;} .ssafy_intro .desc_list li span {margin-bottom:13px;font-size:16px;line-height:23px;} .ssafy_intro .ssafy_vr a span i {font-size: 16px;} .ssafy_intro .desc_list li p {font-size:14px;line-height:23px;} .ssafy_intro .ssafy_interview {margin-bottom:23px;} .ssafy_intro .ssafy_interview li {height:139px;} .ssafy_intro .ssafy_interview li.interview1 {margin-bottom:6px;} .ssafy_intro .ssafy_interview li .play_desc {padding:20px 1.666666% 0 6.172839%;} .ssafy_intro .ssafy_interview li .play_desc i {margin-bottom:3px;font-size:14px;} .ssafy_intro .ssafy_interview li .play_desc span {font-size:16px;} .ssafy_intro .ssafy_interview li .play_desc .desc_inner {background:url('../images/ico_play_gray.png') no-repeat 0 70px;background-size:auto 32px;} .ssafy_intro .ssafy_vr {padding-bottom:40px;} .ssafy_intro .ssafy_vr a span {padding:42px 0 0;font-size:17px;background-size:auto 32px;line-height:23px;} .ssafy_intro .ssafy_vision {padding:25px 0 30px;} .ssafy_intro .ssafy_vision .title {margin-bottom:12px;font-size:23px;} .ssafy_intro .ssafy_vision p {font-size:16px;line-height:23px;} .ssafy_intro .ssafy_model {margin-bottom:35px;padding:27px 0 0;} .ssafy_intro .ssafy_model .title {margin-bottom:14px;font-size:23px;} .ssafy_intro .ssafy_model p.top_desc {margin-bottom:127px;font-size:16px;line-height:23px;} .ssafy_intro .ssafy_model .model_inner {padding:0 0 31px;} .ssafy_intro .ssafy_model .model_inner p.model_desc {font-size:16px;line-height:23px;} .ssafy_intro .ssafy_model .model_inner ul {margin-bottom:30px;} .ssafy_intro .ssafy_model .model_inner li {margin:-96px 22% 119px;padding:40px 0 0;width:195px;height:195px;} .ssafy_intro .ssafy_model .model_inner li .model_tit {margin-bottom:53px;font-size:17px;} .ssafy_intro .ssafy_model .model_inner li p {font-size:14px;line-height:19px;} .ssafy_intro .ssafy_history .title {padding:0 0 14px 0;font-size:17px;} .ssafy_intro .ssafy_history .year_wrap {padding:2px 0;} .ssafy_intro .ssafy_history .year_wrap .year {padding:5px 0 0 0;font-size:34px;} .ssafy_intro .ssafy_history .year_wrap li {padding:17px 0 14px;} .ssafy_intro .ssafy_history .year_wrap li.type_txt {padding:14px 0 14px;} .ssafy_intro .ssafy_history .year_wrap li .history_img {margin-bottom:7px;} .ssafy_intro .ssafy_history .year_wrap li .month {font-size:16px;} .ssafy_intro .ssafy_history .year_wrap li .cont {font-size:16px;} } @media (min-width:768px) { .ssafy_intro .video_wrap {margin-bottom:60px;} .ssafy_intro .video_wrap a {display:block;position:relative;} .ssafy_intro .video_wrap a i {z-index:2;display:block;position:absolute;top:50%;left:50%;-webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);width:44px;height:56px;background:url('../images/ico_play_white.png') no-repeat 50% 50%;background-size:auto;} .ssafy_intro .desc_list {margin-bottom:61px;} .ssafy_intro .desc_list ul {display:table;table-layout:fixed;border-collapse:collapse;} .ssafy_intro .desc_list li {display:table-cell;padding:98px 0.833333% 10px 1.583333%;width:25%;border-left:1px solid #eeeeee;border-right:1px solid #eeeeee;border-bottom:0;} .ssafy_intro .desc_list li:nth-child(1) {background:url('../images/ico_desc1.png') no-repeat 19px 15px;background-size:auto;} .ssafy_intro .desc_list li:nth-child(2) {background:url('../images/ico_desc2.png') no-repeat 19px 15px;background-size:auto;} .ssafy_intro .desc_list li:nth-child(3) {background:url('../images/ico_desc3.png') no-repeat 19px 21px;background-size:auto;} .ssafy_intro .desc_list li:nth-child(3) p {letter-spacing:-1.5px;} .ssafy_intro .desc_list li:nth-child(4) {background:url('../images/ico_desc4.png') no-repeat 19px 22px;background-size:auto;} .ssafy_intro .desc_list li span {display:block;margin-bottom:18px;font-size:18px;font-weight:700;color:#1f1f1f;line-height:29px;letter-spacing:-1px;} .ssafy_intro .desc_list li span i {font-size:inherit;font-weight:700;color:#3c93e8;} .ssafy_intro .ssafy_vr a span i {font-size: 28px;} .ssafy_intro .desc_list li p {font-size:16px;color:#666666;line-height:26px;letter-spacing:-0.8px;} .ssafy_intro .desc_list li p br {display:none;} .ssafy_intro .ssafy_interview {margin-bottom:60px;} .ssafy_intro .ssafy_interview ul {overflow:hidden;} .ssafy_intro .ssafy_interview li {height:204px;} .ssafy_intro .ssafy_interview li.interview1 {margin-bottom:10px;} .ssafy_intro .ssafy_interview li .play_desc {float:left;padding:26px 1.666666% 0 4.166666%;width:50%;height:100%;} .ssafy_intro .ssafy_interview li .play_desc .desc_inner {height:100%;} .ssafy_intro .ssafy_interview li .play_desc i {display:block;margin-bottom:3px;font-size:20px;} .ssafy_intro .ssafy_interview li .play_desc span {font-size:28px;} .ssafy_intro .ssafy_interview li.interview2 .thumbnail {background-image:url('../images/thumb_interview2.jpg');} .ssafy_intro .ssafy_interview li .play_desc .desc_inner {background:url('../images/ico_play_gray.png') no-repeat left 97px;background-size:auto;} .ssafy_intro .ssafy_vr {padding-bottom:80px;border-bottom:1px solid #eeeeee;} .ssafy_intro .ssafy_vr a {display:block;position:relative;} .ssafy_intro .ssafy_vr a span {display:inline-block;position:absolute;top:50%;left:50%;padding:65px 0 0;font-size:24px;font-weight:700;color:#fff;background:url('../images/ico_play_white.png') no-repeat 50% 0;text-align:center;-webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);letter-spacing:-1px;line-height:35px;} .ssafy_intro .ssafy_vision {padding:70px 0 82px;border-bottom:1px solid #eeeeee;} .ssafy_intro .ssafy_vision .title {display:block;margin-bottom:16px;font-size:38px;font-weight:800;color:#1f1f1f;text-align:center;} .ssafy_intro .ssafy_vision p {font-size:24px;font-weight:400;color:#1f1f1f;text-align:center;line-height:40px;} .ssafy_intro .ssafy_vision p i {font-size:inherit;color:#3c93e8;} .ssafy_intro .ssafy_model {margin-bottom:63px;padding:42px 0 0;} .ssafy_intro .ssafy_model .title {display:block;margin-bottom:18px;font-size:38px;font-weight:800;color:#1f1f1f;text-align:center;} .ssafy_intro .ssafy_model p.top_desc {margin-bottom:169px;font-size:24px;font-weight:400;color:#1f1f1f;text-align:center;line-height:40px;} .ssafy_intro .ssafy_model p.top_desc i {font-size:inherit;color:#3c93e8;} .ssafy_intro .ssafy_model .model_inner {padding:0 0 61px;background:#f0f5f8;text-align:center;} .ssafy_intro .ssafy_model .model_inner p.model_desc {font-size:24px;font-weight:700;color:#1f1f1f;line-height:40px;} .ssafy_intro .ssafy_model .model_inner ul {margin-bottom:41px;font-size:0;} .ssafy_intro .ssafy_model .model_inner li {display:inline-block;margin:-137px 30% 157px;padding:58px 0 0;width:275px;height:275px;border-radius:50%;vertical-align:top;} .ssafy_intro .ssafy_model .model_inner li:last-child {margin-bottom:0;} .ssafy_intro .ssafy_model .model_inner li .model_tit {display:block;margin-bottom:75px;font-size:30px;color:#ffffff;line-height:1;} .ssafy_intro .ssafy_model .model_inner li p {font-size:16px;color:#666666;line-height:24px;} .ssafy_intro .ssafy_model .model_inner li.model1 {background:url('../images/model_blue.png') no-repeat 50% 50%;background-size:auto;} .ssafy_intro .ssafy_model .model_inner li.model2 {background:url('../images/model_red.png') no-repeat 50% 50%;background-size:auto;} .ssafy_intro .ssafy_model .model_inner li.model3 {background:url('../images/model_yellow.png') no-repeat 50% 50%;background-size:auto;} .ssafy_intro .ssafy_history .title {display:block;padding:0 0 15px 20px;font-size:22px;font-weight:800;color:#1f1f1f;border-bottom:1px solid #1f1f1f;} .ssafy_intro .ssafy_history .year_wrap {padding:33px 0 33px;overflow:hidden;border-bottom:1px solid #eeeeee;} .ssafy_intro .ssafy_history .year_wrap .year {display:block;float:left;padding:6px 0 0 1.75%;width:28.916666%;font-size:50px;color:#1f1f1f;} .ssafy_intro .ssafy_history .year_wrap ul {float:left;width:71.083333%;} .ssafy_intro .ssafy_history .year_wrap li {padding:20px 0;border-top:1px solid #eeeeee;overflow:hidden;} .ssafy_intro .ssafy_history .year_wrap li:first-child {border-top:0;} .ssafy_intro .ssafy_history .year_wrap li.type_txt {padding:20px 0 17px;} .ssafy_intro .ssafy_history .year_wrap li.type_txt .history_img {display:none;} .ssafy_intro .ssafy_history .year_wrap li.type_txt .month_wrap {float:none;width:100%;} .ssafy_intro .ssafy_history .year_wrap li.type_txt .month {width:7.151230%;} .ssafy_intro .ssafy_history .year_wrap li.type_txt .cont {width:92.848769%;} .ssafy_intro .ssafy_history .year_wrap li .history_img {float:left;margin-bottom:0;margin-right:4.572098%;width:46.893317%;} .ssafy_intro .ssafy_history .year_wrap li .history_img img {display:block;max-width:100%;height:auto;} .ssafy_intro .ssafy_history .year_wrap li .month_wrap {float:left;width:48.534583%;font-size:0;} .ssafy_intro .ssafy_history .year_wrap li .month {display:block;float:left;width:16.734299%;font-size:18px;color:#3c93e8;vertical-align:top;} .ssafy_intro .ssafy_history .year_wrap li .cont {display:block;float:left;width:83.26570%;font-size:18px;color:#666666;vertical-align:top;} } @media (min-width:1024px) { .ssafy_intro .ssafy_interview li {float:left;width:50%;height:224px;} .ssafy_intro .ssafy_interview li .play_desc i {display:block;margin-bottom:3px;font-size:20px;line-height:1;letter-spacing:-1.2px;} .ssafy_intro .ssafy_interview li .play_desc span {font-size:28px;letter-spacing:-1.2px;} .ssafy_intro .ssafy_interview li.interview1 {margin-bottom:0;} .ssafy_intro .ssafy_interview li .play_desc .desc_inner {background:url('../images/ico_play_gray.png') no-repeat left 112px;background-size:auto;} .ssafy_intro .ssafy_vision {padding:70px 0 82px;border-bottom:1px solid #eeeeee;} .ssafy_intro .ssafy_vision .title {display:block;margin-bottom:16px;font-size:38px;font-weight:800;color:#1f1f1f;text-align:center;} .ssafy_intro .ssafy_vision p {font-size:24px;font-weight:400;color:#1f1f1f;text-align:center;line-height:40px;} .ssafy_intro .ssafy_vision p i {font-size:inherit;color:#3c93e8;} .ssafy_intro .ssafy_model {margin-bottom:63px;padding:42px 0 0;} .ssafy_intro .ssafy_model .title {display:block;margin-bottom:18px;font-size:38px;font-weight:800;color:#1f1f1f;text-align:center;} .ssafy_intro .ssafy_model p.top_desc {margin-bottom:169px;font-size:24px;font-weight:400;color:#1f1f1f;text-align:center;line-height:40px;} .ssafy_intro .ssafy_model p.top_desc i {font-size:inherit;color:#3c93e8;} .ssafy_intro .ssafy_model .model_inner li {display:inline-block;margin:-137px 2.166666% 0;padding:58px 0 0;width:275px;height:275px;border-radius:50%;vertical-align:top;} .ssafy_intro .ssafy_vr a span i {font-size: 30px;} } @media (min-width:1240px) { .ssafy_intro .desc_list li p br {display:block;} .ssafy_intro .ssafy_interview li .play_desc {padding:26px 1.666666% 0 5.166666%} .ssafy_intro .ssafy_interview li .play_desc span {font-size:30px;} .ssafy_intro .ssafy_model .model_inner li {margin:-137px 4.166666% 0} } /* About SSAFY - Intro */ .intro_academy .intro_interview {margin-top:31px;margin-bottom:18px;overflow:hidden;} .intro_academy .intro_interview li {margin-bottom:4px;} .intro_academy .intro_interview li a {display:block;width:100%;height:100%;} @media only screen and (min-width:360px) { .intro_academy .intro_interview {margin-top:35px;margin-bottom:20px;} .intro_academy .intro_interview li {margin-bottom:5px;} } @media only screen and (min-width:375px) { .intro_academy .intro_interview {margin-top:36px;margin-bottom:21px;} .intro_academy .intro_interview li {margin-bottom:5px;} } @media only screen and (min-width:414px) { .intro_academy .intro_interview {margin-top:40px;margin-bottom:23px;} .intro_academy .intro_interview li {margin-bottom:6px;} } @media (min-width:1024px) { /* About SSAFY - Intro */ .intro_academy .intro_interview {margin-top:0;margin-bottom:29px;overflow:hidden;} .intro_academy .intro_interview li {float:left;margin-bottom:0;width:50%;} .intro_academy .intro_interview li a {display:block;width:100%;height:100%;} } /* Edu Program */ .edu_program .title_wrap {padding:18px 6.172839% 19px 6.172839%;-webkit-box-shadow: 5px 5px 10px 1px rgba(0,0,0,.11);box-shadow: 5px 5px 10px 1px rgba(0,0,0,.11);} .edu_program .title_wrap span {display:block;font-size:13px;font-weight:800;line-height:18px;} .edu_program .title_wrap p {margin-top:10px;font-size:12px;line-height:18px;} .edu_program .title_wrap p i {font-size:inherit;color:#3b92e8;} .edu_program .desc_wrap p {display:none;} @media only screen and (min-width:360px) { .edu_program .title_wrap {padding:20px 0 22px 6.172839%;} .edu_program .title_wrap span {font-size:15px;line-height:20px;} .edu_program .title_wrap p {margin-top:13px;font-size:13px;line-height:20px;} } @media only screen and (min-width:375px) { .edu_program .title_wrap {padding:20px 0 22px 6.172839%;} .edu_program .title_wrap span {font-size:16px;line-height:21px;} .edu_program .title_wrap p {margin-top:13px;font-size:14px;line-height:21px;} } @media only screen and (min-width:414px) { .edu_program .title_wrap {padding:24px 0 24px 6.172839%;} .edu_program .title_wrap span {font-size:17px;line-height:23px;} .edu_program .title_wrap p {margin-top:16px;font-size:15px;line-height:23px;} } @media (min-width:768px) { .edu_program .title_wrap {float:left;margin-bottom:0;margin-right:5.25%;padding:39px 2.5% 0 0;width:29.25%;height:153px;text-align:right;-webkit-box-shadow: 10px 10px 20px 1px rgba(0,0,0,.11); box-shadow: 10px 10px 20px 1px rgba(0,0,0,.11);background:#fff;} .edu_program .title_wrap span {font-size:24px;font-weight:800;line-height:36px;} .edu_program .title_wrap p {display:none;} .edu_program .desc_wrap {float:left;margin-bottom:0;padding:22px 0 0;width:65.5%;} .edu_program .desc_wrap p {display:block;margin-bottom:59px;padding:16px 0 0 32px;font-size:22px;line-height:36px;} .edu_program .desc_wrap p i {font-size:inherit;color:#49a1e8;} } @media (min-width:1024px) { .edu_program .title_wrap {height:171px;} .edu_program .title_wrap span {font-size:28px;} } .edu_program {padding:10px 0 0;} .edu_program .sec1 {margin-bottom:31px;} .edu_program .sec1:after {display:block;visibility:hidden;clear:both;content:""} .edu_program .sec1 .title_wrapper {margin-bottom:18px;} .edu_program .title_wrapper:after {display:block;visibility:hidden;clear:both;content:""} .edu_program .sec1 .character_wrap .character_box {padding:9px 3.086419% 16px;background:#f0f5f8;overflow:hidden;} .edu_program .sec1 .character_wrap > .character_box > div {margin-bottom:20px;width:100%;} .edu_program .sec1 .character_wrap > .character_box > div.character3 {margin-bottom:5px;} .edu_program .sec1 .character_wrap > .character_box > div .title {display:block;margin-bottom:9px;height:36px;line-height:32px;font-size:12px;font-weight:700;color:#1f1f1f;text-align:center;border:2px solid #3c93e8;background:#fff;} .edu_program .sec1 .character_wrap > .character_box > div ul li {position:relative;padding-left:16px;font-size:11px;color:#666666;line-height:20px;} .edu_program .sec1 .character_wrap > .character_box > div ul li i {display:block;position:absolute;top:8px;left:9px;width:2px;height:2px;background:#666666;line-height:20px;} .edu_program .sec1 .character_wrap .program_goal {background:#3c93e8 url('../images/big_arrow_bottom.png') no-repeat 50% 0;text-align:center;background-size:auto 28px;} .edu_program .sec1 .character_wrap .program_goal p {display:inline-block;position:relative;padding:37px 0 39px;font-size:14px;font-weight:800;color:#ffffff;line-height:20px;} .edu_program .sec1 .character_wrap .program_goal p i {position:absolute;top:46px;font-size:44px;font-weight:400;color:#ffffff;line-height:1;} .edu_program .sec1 .character_wrap .program_goal p i.mark1 {left:-28px;} .edu_program .sec1 .character_wrap .program_goal p i.mark2 {right:-28px;} .edu_program .sec2 {margin-bottom:28px;} .edu_program .sec2 .title_wrapper {margin-bottom:18px;} .edu_program .sec2 .road_map {position:relative;width:100%;} .edu_program .sec2 .road_map .mob_month_line {z-index:-1;display:block;position:absolute;top:0;left:20px;width:1px;height:490px;background:#eeeeee;} .edu_program .sec2 .road_map_box {position:relative;margin-bottom:10px;} .edu_program .sec2 .road_map_box .month {z-index:1;position:absolute;top:0;left:0;display:block;margin-bottom:20px;width:40px;height:40px;border-radius:50%;font-size:11px;font-weight:400;color:#fff;line-height:1;text-align:center;background:#1f1f1f;} .edu_program .sec2 .road_map_box .month i {display:block;padding:4px 0 1px;font-size:18px;font-weight:800;} .edu_program .sec2 .road_map_box .line {display:none;margin-bottom:12px;width:100%;height:5px;background:#1f1f1f;border-radius:5px;} .edu_program .sec2 .road_map_box .map_title {display:block;margin-bottom:9px;padding-top:10px;padding-left:53px;font-size:12px;font-weight:800;color:#1f1f1f;} .edu_program .sec2 .road_map_box.even_box .month {color:#fff;background:#3c93e8;} .edu_program .sec2 .road_map_box.even_box .line {display:none;} .edu_program .sec2 .road_map_box.even_box .map_title {color:#3c93e8;} .edu_program .sec2 .road_map_box .desc_box {padding-left:53px;} .edu_program .sec2 .road_map_box .desc_box.last {margin-top:8px;} .edu_program .sec2 .road_map_box .desc_box span {display:block;margin-bottom:9px;font-size:12px;font-weight:700;color:#1f1f1f;line-height:1;} .edu_program .sec2 .road_map_box .desc_box li {position:relative;margin-top:1px;padding-left:8px;font-size:11px;color:#666666;line-height:18px;letter-spacing:-1px;} .edu_program .sec2 .road_map_box .desc_box li:first-child {margin-top:0;} .edu_program .sec2 .road_map_box .desc_box li i {display:block;position:absolute;top:8px;left:0;width:2px;height:2px;background:#666666;} .edu_program .sec3 {margin-bottom:32px;} .edu_program .sec3 .title_wrapper {margin-bottom:13px;} .edu_program .sec3 .curriculum .track_desc {margin-bottom:10px;font-size:0;} .edu_program .sec3 .curriculum .track_desc b {display:block;font-size:12px;font-weight:800;} .edu_program .sec3 .curriculum .track_desc p {display:block;margin:1px 0 0;font-size:11px;color:#666666;} .edu_program .sec3 .curriculum ol {padding:9px 3.086419%;background:#f0f5f8;} .edu_program .sec3 .curriculum ol li {padding-bottom:1px;width:100%;table-layout:fixed;overflow:hidden;background:url('../images/dotted_bg.png') repeat-x left bottom;} .edu_program .sec3 .curriculum ol li:last-child {background:none;} .edu_program .sec3 .curriculum ol li .step_wrap {padding:13px 0 12px 3.289473%;background:#fff;vertical-align:top;font-size:0;} .edu_program .sec3 .curriculum ol li .step_wrap:after {display:block;visibility:hidden;clear:both;content:""} .edu_program .sec3 .curriculum ol li .step_wrap .step_num {display:inline-block;width:45px;height:44px;text-align:center;background-repeat:no-repeat;background-position:50% 0;background-size:auto 41px;vertical-align:top;} .edu_program .sec3 .curriculum ol li .step_wrap .step_num i {display:block;padding:9px 0 0;font-size:11px;font-weight:800;line-height:1;} .edu_program .sec3 .curriculum ol li .step_wrap .step_num span {display:block;font-size:11px;font-weight:800;line-height:1;} .edu_program .sec3 .curriculum ol li .step_wrap .step_num.step1 {background-image:url('../images/edu_round_step1.png');} .edu_program .sec3 .curriculum ol li .step_wrap .step_num.step2 {background-image:url('../images/edu_round_step2.png');} .edu_program .sec3 .curriculum ol li .step_wrap .step_num.step3 {background-image:url('../images/edu_round_step3.png');} .edu_program .sec3 .curriculum ol li .step_wrap .step_num.step4 {background-image:url('../images/edu_round_step4.png');} .edu_program .sec3 .curriculum ol li .step_wrap .step_num.step5 {background-image:url('../images/edu_round_step5.png');} .edu_program .sec3 .curriculum ol li .step_wrap .mob_program_lang {display:inline-block;font-size:0;vertical-align:top;} .edu_program .sec3 .curriculum ol li .step_wrap .mob_program_lang span {display:inline-block;margin-left:5px;width:44px;height:44px;font-size:11px;font-weight:700;color:#fff;text-align:center;vertical-align:top;background:#3c93e8;border-radius:50%;line-height:44px;} .edu_program .sec3 .curriculum ol li .step_wrap .mob_program_lang span.line2 {padding:10px 0;line-height:12px;} .edu_program .sec3 .curriculum ol li .step_wrap .mob_program_lang span.line3 {padding:4px 0;line-height:12px;} .edu_program .sec3 .curriculum ol li .step_wrap .mob_program_lang .more_dot {display:inline-block;margin-left:4px;line-height:44px;font-size:0;} .edu_program .sec3 .curriculum ol li .step_wrap .mob_program_lang .more_dot i {display:inline-block;margin-right:2px;width:3px;height:3px;background:#3c93e8;border-radius:50%;} .edu_program .sec3 .curriculum ol li .step_wrap .step_desc {} .edu_program .sec3 .curriculum ol li .step_wrap .step_desc span {display:block;margin-top:11px;margin-bottom:2px;font-size:11px;font-weight:800;color:#1f1f1f;} .edu_program .sec3 .curriculum ol li .step_wrap .step_desc p {font-size:11px;font-weight:400;color:#1f1f1f;line-height:13px;} .edu_program .sec3 .curriculum ol li .program_lang {display:none;} .edu_program .sec4 .title_wrapper {margin-bottom:18px;} .edu_program .sec4 .title {margin-bottom:11px;overflow:hidden;} .edu_program .sec4 .title span {display:block;margin-bottom:1px;font-size:12px;font-weight:700;color:#3c93e8;} .edu_program .sec4 .title p {position:relative;font-size:12px;color:#111111;} .edu_program .sec4 .title p i {display:none;} .edu_program .sec4 .project_select {margin-bottom:18px;padding:9px 3.086419% 2px;background:#f0f5f8;overflow:hidden;text-align:center;} .edu_program .sec4 .project_select .project_order {display:block;margin-bottom:5px;padding-bottom:28px;width:100%;background:url('../images/big_arrow_bottom2.png') no-repeat 50% 100%;vertical-align:top;background-size:auto 28px;} .edu_program .sec4 .project_select .project_order ol {padding:20px 0 19px;font-size:0;background:#fff;} .edu_program .sec4 .project_select .project_order ol li {display:inline-block;margin-left:4px;width:74px;height:74px;border:1px solid #ccd5dc;border-radius:50%;text-align:center;vertical-align:top;} .edu_program .sec4 .project_select .project_order ol li:first-child {margin-left:0;} .edu_program .sec4 .project_select .project_order ol li span {display:block;padding-top:14px;font-size:11px;font-weight:700;color:#1f1f1f;line-height:14px;} .edu_program .sec4 .project_select .project_realize {display:inline-block;margin-right:0;padding:9px 3.289473% 11px;width:100%;background:#fff;vertical-align:top;} .edu_program .sec4 .project_select .project_realize span {display:block;width:100%;height:36px;font-size:12px;font-weight:700;text-align:center;} .edu_program .sec4 .project_select .project_realize .realize1 {margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid #eeeeee} .edu_program .sec4 .project_select .project_realize .realize1 span {color:#1f1f1f;border:2px solid #3c93e8;line-height:32px;} .edu_program .sec4 .project_select .project_realize .realize2 {margin-bottom:8px;} .edu_program .sec4 .project_select .project_realize .realize2 span {color:#fff;background:#3c93e8;line-height:36px;} .edu_program .sec4 .project_select .project_realize p {font-size:12px;color:#666666;line-height:1;text-align:center;} .edu_program .sec4 .project_select .project_desc {display:inline-block;margin-top:8px;padding:2px 0 0;width:100%;} .edu_program .sec4 .project_select .project_desc li {padding:8px 0 11px;overflow:hidden;border-bottom:1px solid #ccd5dc;} .edu_program .sec4 .project_select .project_desc li:last-child {border-bottom:0;} .edu_program .sec4 .project_select .project_desc li span {display:block;margin-bottom:7px;font-size:12px;font-weight:700;color:#1f1f1f;text-align:center;} .edu_program .sec4 .project_select .project_desc li p {font-size:12px;font-weight:400;color:#666666;line-height:17px;text-align:center;} .edu_program .sec4 .project_perform {padding:9px 3.086419%;background:#f0f5f8;} .edu_program .sec4 .project_perform ol {overflow:hidden;border-left:1px solid #ccd5dc;border-bottom:1px solid #ccd5dc;} .edu_program .sec4 .project_perform li {text-align:center;} .edu_program .sec4 .project_perform li:after {display:block;visibility:hidden;clear:both;content:""} .edu_program .sec4 .project_perform li .week {position:relative;float:right;width:50%;height:52px;border-top:1px solid #ccd5dc;} .edu_program .sec4 .project_perform li .week i {font-size:12px;font-weight:700;color:#666666;line-height:52px;} .edu_program .sec4 .project_perform li .week span.bar {display:block;position:absolute;bottom:0;right:3px;width:1px;height:100%;background:#ccd5dc;} .edu_program .sec4 .project_perform li .week span.bar i {display:block;position:absolute;left:-3px;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;} .edu_program .sec4 .project_perform li .week span.bar .arrow_left {top:0;border-bottom:4px solid #ccd5dc;} .edu_program .sec4 .project_perform li .week span.bar .arrow_right {bottom:0;border-top:4px solid #ccd5dc;} .edu_program .sec4 .project_perform li .project_name {display:block;float:left;width:50%;height:52px;line-height:52px;font-size:12px;font-weight:400;color:#1f1f1f;background:#fff;border-top:1px solid #ccd5dc;border-right:1px solid #ccd5dc;} .edu_program .sec4 .project_perform li:nth-child(1) .week {height:52px;} .edu_program .sec4 .project_perform li:nth-child(1) .week i {height:52px;line-height:52px;} .edu_program .sec4 .project_perform li:nth-child(1) .project_name {height:52px;line-height:52px;} .edu_program .sec4 .project_perform li:nth-child(2) .week {height:180px;} .edu_program .sec4 .project_perform li:nth-child(2) .week i {height:180px;line-height:180px;} .edu_program .sec4 .project_perform li:nth-child(2) .project_name {height:180px;line-height:180px;} .edu_program .sec4 .project_perform li:nth-child(3) .week {height:180px;} .edu_program .sec4 .project_perform li:nth-child(3) .week i {height:180px;line-height:180px;} .edu_program .sec4 .project_perform li:nth-child(3) .project_name {height:180px;line-height:180px;} .edu_program .sec4 .project_perform li:nth-child(4) .week {height:103px;} .edu_program .sec4 .project_perform li:nth-child(4) .week i {height:103px;line-height:103px;} .edu_program .sec4 .project_perform li:nth-child(4) .project_name {height:103px;line-height:103px;} @media only screen and (min-width:360px) { .edu_program {padding:10px 0 0;} .edu_program .sec1 {margin-bottom:35px;} .edu_program .sec1 .title_wrapper {margin-bottom:21px;} .edu_program .sec1 .character_wrap .character_box {padding:10px 3.086419% 16px;} .edu_program .sec1 .character_wrap > .character_box > div {margin-bottom:25px;} .edu_program .sec1 .character_wrap > .character_box > div.character3 {margin-bottom:9px;} .edu_program .sec1 .character_wrap > .character_box > div .title {margin-bottom:10px;height:40px;line-height:36px;font-size:14px;border:2px solid #3c93e8;} .edu_program .sec1 .character_wrap > .character_box > div ul li {padding-left:18px;font-size:12px;line-height:22px;} .edu_program .sec1 .character_wrap > .character_box > div ul li i {top:9px;left:10px;width:3px;height:3px;line-height:22px;} .edu_program .sec1 .character_wrap .program_goal {background-size:auto 32px;} .edu_program .sec1 .character_wrap .program_goal p {padding:42px 0 44px;font-size:16px;line-height:22px;} .edu_program .sec1 .character_wrap .program_goal p i {top:46px;font-size:50px;} .edu_program .sec1 .character_wrap .program_goal p i.mark1 {left:-32px;} .edu_program .sec1 .character_wrap .program_goal p i.mark2 {right:-32px;} .edu_program .sec2 {margin-bottom:32px;} .edu_program .sec2 .title_wrapper {margin-bottom:21px;} .edu_program .sec2 .road_map .mob_month_line {left:22px;height:560px;} .edu_program .sec2 .road_map_box {margin-bottom:12px;} .edu_program .sec2 .road_map_box .month {margin-bottom:20px;width:45px;height:45px;font-size:12px;} .edu_program .sec2 .road_map_box .month i {padding:4px 0 1px;font-size:20px;} .edu_program .sec2 .road_map_box .map_title {margin-bottom:9px;padding-top:11px;padding-left:60px;font-size:14px;} .edu_program .sec2 .road_map_box .desc_box {padding-left:60px;} .edu_program .sec2 .road_map_box .desc_box.last {margin-top:10px;} .edu_program .sec2 .road_map_box .desc_box span {margin-bottom:9px;font-size:14px;} .edu_program .sec2 .road_map_box .desc_box li {margin-top:2px;padding-left:9px;font-size:12px;line-height:20px;letter-spacing:-1px;} .edu_program .sec2 .road_map_box .desc_box li i {top:9px;width:3px;height:3px;} .edu_program .sec3 {margin-bottom:35px;} .edu_program .sec3 .title_wrapper {margin-bottom:15px;} .edu_program .sec3 .curriculum .track_desc {margin-bottom:12px;} .edu_program .sec3 .curriculum .track_desc b {font-size:13px;} .edu_program .sec3 .curriculum .track_desc p {margin:2px 0 0;font-size:12px;} .edu_program .sec3 .curriculum ol {padding:10px 3.086419%;} .edu_program .sec3 .curriculum ol li {padding-bottom:1px;} .edu_program .sec3 .curriculum ol li .step_wrap {padding:15px 0 13px 3.289473%;} .edu_program .sec3 .curriculum ol li .step_wrap .step_num {width:50px;height:50px;background-size:auto 46px;} .edu_program .sec3 .curriculum ol li .step_wrap .step_num i {padding:10px 0 1px;font-size:12px;} .edu_program .sec3 .curriculum ol li .step_wrap .step_num span {font-size:12px;} .edu_program .sec3 .curriculum ol li .step_wrap .mob_program_lang span {margin-left:5px;width:50px;height:50px;font-size:12px;line-height:50px;} .edu_program .sec3 .curriculum ol li .step_wrap .mob_program_lang span.line2 {padding:12px 0;line-height:13px;} .edu_program .sec3 .curriculum ol li .step_wrap .mob_program_lang span.line3 {padding:5px 0;line-height:13px;} .edu_program .sec3 .curriculum ol li .step_wrap .mob_program_lang .more_dot {margin-left:5px;line-height:50px;} .edu_program .sec3 .curriculum ol li .step_wrap .mob_program_lang .more_dot i {margin-right:2px;width:3px;height:3px;} .edu_program .sec3 .curriculum ol li .step_wrap .step_desc span {margin-top:12px;margin-bottom:3px;font-size:12px;} .edu_program .sec3 .curriculum ol li .step_wrap .step_desc p {font-size:12px;line-height:15px;} .edu_program .sec4 .title_wrapper {margin-bottom:18px;} .edu_program .sec4 .title {margin-bottom:13px;} .edu_program .sec4 .title span {margin-bottom:2px;font-size:13px;} .edu_program .sec4 .title p {font-size:13px;} .edu_program .sec4 .project_select {margin-bottom:18px;padding:10px 3.086419% 5px;} .edu_program .sec4 .project_select .project_order {margin-bottom:5px;padding-bottom:32px;background-size:auto 32px;} .edu_program .sec4 .project_select .project_order ol {padding:23px 0 21px;} .edu_program .sec4 .project_select .project_order ol li {margin-left:5px;width:83px;height:83px;} .edu_program .sec4 .project_select .project_order ol li span {padding-top:16px;font-size:12px;line-height:15px;} .edu_program .sec4 .project_select .project_realize {padding:10px 3.289473% 12px;} .edu_program .sec4 .project_select .project_realize span {height:40px;font-size:14px;} .edu_program .sec4 .project_select .project_realize .realize1 {margin-bottom:10px;padding-bottom:10px;} .edu_program .sec4 .project_select .project_realize .realize1 span {border:2px solid #3c93e8;line-height:36px;} .edu_program .sec4 .project_select .project_realize .realize2 {margin-bottom:8px;} .edu_program .sec4 .project_select .project_realize .realize2 span {line-height:40px;} .edu_program .sec4 .project_select .project_realize p {font-size:14px;} .edu_program .sec4 .project_select .project_desc {margin-top:8px;padding:2px 0 0;} .edu_program .sec4 .project_select .project_desc li {padding:11px 0 12px;} .edu_program .sec4 .project_select .project_desc li span {margin-bottom:8px;font-size:13px;} .edu_program .sec4 .project_select .project_desc li p {font-size:13px;line-height:19px;} .edu_program .sec4 .project_perform {padding:10px 3.086419%;} .edu_program .sec4 .project_perform li .week {height:58px;} .edu_program .sec4 .project_perform li .week i {font-size:14px;line-height:58px;} .edu_program .sec4 .project_perform li .week span.bar {right:3px;} .edu_program .sec4 .project_perform li .week span.bar i {left:-3px;border-left:4px solid transparent;border-right:4px solid transparent;} .edu_program .sec4 .project_perform li .week span.bar .arrow_left {border-bottom:4px solid #ccd5dc;} .edu_program .sec4 .project_perform li .week span.bar .arrow_right {border-top:4px solid #ccd5dc;} .edu_program .sec4 .project_perform li .project_name {height:58px;line-height:58px;font-size:14px;} .edu_program .sec4 .project_perform li:nth-child(1) .week {height:58px;} .edu_program .sec4 .project_perform li:nth-child(1) .week i {height:58px;line-height:58px;} .edu_program .sec4 .project_perform li:nth-child(1) .project_name {height:58px;line-height:58px;} .edu_program .sec4 .project_perform li:nth-child(2) .week {height:203px;} .edu_program .sec4 .project_perform li:nth-child(2) .week i {height:203px;line-height:203px;} .edu_program .sec4 .project_perform li:nth-child(2) .project_name {height:203px;line-height:203px;} .edu_program .sec4 .project_perform li:nth-child(3) .week {height:203px;} .edu_program .sec4 .project_perform li:nth-child(3) .week i {height:203px;line-height:203px;} .edu_program .sec4 .project_perform li:nth-child(3) .project_name {height:203px;line-height:203px;} .edu_program .sec4 .project_perform li:nth-child(4) .week {height:116px;} .edu_program .sec4 .project_perform li:nth-child(4) .week i {height:116px;line-height:116px;} .edu_program .sec4 .project_perform li:nth-child(4) .project_name {height:116px;line-height:116px;} } @media only screen and (min-width:375px) { .edu_program {padding:10px 0 0;} .edu_program .sec1 {margin-bottom:35px;} .edu_program .sec1 .title_wrapper {margin-bottom:21px;} .edu_program .sec1 .character_wrap .character_box {padding:10px 3.086419% 16px;} .edu_program .sec1 .character_wrap > .character_box > div {margin-bottom:27px;} .edu_program .sec1 .character_wrap > .character_box > div.character3 {margin-bottom:10px;} .edu_program .sec1 .character_wrap > .character_box > div .title {margin-bottom:10px;height:41px;line-height:37px;font-size:15px;border:2px solid #3c93e8;} .edu_program .sec1 .character_wrap > .character_box > div ul li {padding-left:19px;font-size:13px;line-height:23px;} .edu_program .sec1 .character_wrap > .character_box > div ul li i {top:10px;left:10px;width:3px;height:3px;line-height:23px;} .edu_program .sec1 .character_wrap .program_goal {background-size:auto 33px;} .edu_program .sec1 .character_wrap .program_goal p {padding:44px 0 46px;font-size:17px;line-height:23px;} .edu_program .sec1 .character_wrap .program_goal p i {top:54px;font-size:52px;} .edu_program .sec1 .character_wrap .program_goal p i.mark1 {left:-35px;} .edu_program .sec1 .character_wrap .program_goal p i.mark2 {right:-35px;} .edu_program .sec2 {margin-bottom:34px;} .edu_program .sec2 .title_wrapper {margin-bottom:21px;} .edu_program .sec2 .road_map .mob_month_line {left:23px;height:580px;} .edu_program .sec2 .road_map_box {margin-bottom:13px;} .edu_program .sec2 .road_map_box .month {margin-bottom:20px;width:47px;height:47px;font-size:13px;} .edu_program .sec2 .road_map_box .month i {padding:4px 0 1px;font-size:21px;} .edu_program .sec2 .road_map_box .map_title {margin-bottom:10px;padding-top:12px;padding-left:63px;font-size:15px;} .edu_program .sec2 .road_map_box .desc_box {padding-left:63px;} .edu_program .sec2 .road_map_box .desc_box.last {margin-top:10px;} .edu_program .sec2 .road_map_box .desc_box span {margin-bottom:8px;font-size:15px;} .edu_program .sec2 .road_map_box .desc_box li {margin-top:2px;padding-left:9px;font-size:13px;line-height:21px;letter-spacing:-1px;} .edu_program .sec2 .road_map_box .desc_box li i {top:10px;width:3px;height:3px;} .edu_program .sec3 {margin-bottom:38px;} .edu_program .sec3 .title_wrapper {margin-bottom:15px;} .edu_program .sec3 .curriculum .track_desc {margin-bottom:12px;} .edu_program .sec3 .curriculum .track_desc b {font-size:14px;} .edu_program .sec3 .curriculum .track_desc p {margin:2px 0 0;font-size:13px;line-height:18px;} .edu_program .sec3 .curriculum ol {padding:10px 3.086419%;} .edu_program .sec3 .curriculum ol li {padding-bottom:1px;} .edu_program .sec3 .curriculum ol li .step_wrap {padding:17px 0 14px 3.289473%;} .edu_program .sec3 .curriculum ol li .step_wrap .step_num {width:52px;height:52px;background-size:auto 48px;} .edu_program .sec3 .curriculum ol li .step_wrap .step_num i {padding:10px 0 1px;font-size:13px;} .edu_program .sec3 .curriculum ol li .step_wrap .step_num span {font-size:13px;} .edu_program .sec3 .curriculum ol li .step_wrap .mob_program_lang span {margin-left:5px;width:52px;height:52px;font-size:13px;line-height:52px;} .edu_program .sec3 .curriculum ol li .step_wrap .mob_program_lang span.line2 {padding:12px 0;line-height:14px;} .edu_program .sec3 .curriculum ol li .step_wrap .mob_program_lang span.line3 {padding:5px 0;line-height:14px;} .edu_program .sec3 .curriculum ol li .step_wrap .mob_program_lang .more_dot {margin-left:5px;line-height:52px;} .edu_program .sec3 .curriculum ol li .step_wrap .mob_program_lang .more_dot i {margin-right:2px;width:3px;height:3px;} .edu_program .sec3 .curriculum ol li .step_wrap .step_desc span {margin-top:11px;margin-bottom:3px;font-size:13px;} .edu_program .sec3 .curriculum ol li .step_wrap .step_desc p {font-size:13px;line-height:16px;} .edu_program .sec4 .title_wrapper {margin-bottom:22px;} .edu_program .sec4 .title {margin-bottom:11px;} .edu_program .sec4 .title span {margin-bottom:2px;font-size:14px;} .edu_program .sec4 .title p {font-size:14px;} .edu_program .sec4 .project_select {margin-bottom:22px;padding:10px 3.086419% 5px;} .edu_program .sec4 .project_select .project_order {margin-bottom:5px;padding-bottom:33px;background-size:auto 33px;} .edu_program .sec4 .project_select .project_order ol {padding:24px 0 23px;} .edu_program .sec4 .project_select .project_order ol li {margin-left:5px;width:86px;height:86px;} .edu_program .sec4 .project_select .project_order ol li span {padding-top:17px;font-size:13px;line-height:16px;} .edu_program .sec4 .project_select .project_realize {padding:10px 3.289473% 12px;} .edu_program .sec4 .project_select .project_realize span {height:42px;font-size:15px;} .edu_program .sec4 .project_select .project_realize .realize1 {margin-bottom:10px;padding-bottom:10px;} .edu_program .sec4 .project_select .project_realize .realize1 span {border:2px solid #3c93e8;line-height:38px;} .edu_program .sec4 .project_select .project_realize .realize2 {margin-bottom:10px;} .edu_program .sec4 .project_select .project_realize .realize2 span {line-height:42px;} .edu_program .sec4 .project_select .project_realize p {font-size:15px;} .edu_program .sec4 .project_select .project_desc {margin-top:8px;padding:2px 0 0;} .edu_program .sec4 .project_select .project_desc li {padding:11px 0 12px;} .edu_program .sec4 .project_select .project_desc li span {margin-bottom:8px;font-size:14px;} .edu_program .sec4 .project_select .project_desc li p {font-size:14px;line-height:20px;} .edu_program .sec4 .project_perform {padding:10px 3.086419%;} .edu_program .sec4 .project_perform li .week {height:60px;} .edu_program .sec4 .project_perform li .week i {font-size:15px;line-height:60px;} .edu_program .sec4 .project_perform li .week span.bar {right:3px;} .edu_program .sec4 .project_perform li .week span.bar i {left:-3px;border-left:4px solid transparent;border-right:4px solid transparent;} .edu_program .sec4 .project_perform li .week span.bar .arrow_left {border-bottom:4px solid #ccd5dc;} .edu_program .sec4 .project_perform li .week span.bar .arrow_right {border-top:4px solid #ccd5dc;} .edu_program .sec4 .project_perform li .project_name {height:60px;line-height:60px;font-size:15px;} .edu_program .sec4 .project_perform li:nth-child(1) .week {height:60px;} .edu_program .sec4 .project_perform li:nth-child(1) .week i {height:60px;line-height:60px;} .edu_program .sec4 .project_perform li:nth-child(1) .project_name {height:60px;line-height:60px;} .edu_program .sec4 .project_perform li:nth-child(2) .week {height:211px;} .edu_program .sec4 .project_perform li:nth-child(2) .week i {height:211px;line-height:211px;} .edu_program .sec4 .project_perform li:nth-child(2) .project_name {height:211px;line-height:211px;} .edu_program .sec4 .project_perform li:nth-child(3) .week {height:211px;} .edu_program .sec4 .project_perform li:nth-child(3) .week i {height:211px;line-height:211px;} .edu_program .sec4 .project_perform li:nth-child(3) .project_name {height:211px;line-height:211px;} .edu_program .sec4 .project_perform li:nth-child(4) .week {height:121px;} .edu_program .sec4 .project_perform li:nth-child(4) .week i {height:121px;line-height:121px;} .edu_program .sec4 .project_perform li:nth-child(4) .project_name {height:121px;line-height:121px;} } @media only screen and (min-width:414px) { .edu_program {padding:11px 0 0;} .edu_program .sec1 {margin-bottom:40px;} .edu_program .sec1 .title_wrapper {margin-bottom:23px;} .edu_program .sec1 .character_wrap .character_box {padding:11px 3.086419% 16px;} .edu_program .sec1 .character_wrap > .character_box > div {margin-bottom:30px;} .edu_program .sec1 .character_wrap > .character_box > div.character3 {margin-bottom:13px;} .edu_program .sec1 .character_wrap > .character_box > div .title {margin-bottom:12px;height:46px;line-height:42px;font-size:16px;border:2px solid #3c93e8;} .edu_program .sec1 .character_wrap > .character_box > div ul li {padding-left:21px;font-size:14px;line-height:25px;} .edu_program .sec1 .character_wrap > .character_box > div ul li i {top:12px;left:12px;width:3px;height:3px;line-height:25px;} .edu_program .sec1 .character_wrap .program_goal {background-size:auto 36px;} .edu_program .sec1 .character_wrap .program_goal p {padding:49px 0 50px;font-size:18px;line-height:25px;} .edu_program .sec1 .character_wrap .program_goal p i {top:59px;font-size:57px;} .edu_program .sec1 .character_wrap .program_goal p i.mark1 {left:-37px;} .edu_program .sec1 .character_wrap .program_goal p i.mark2 {right:-37px;} .edu_program .sec2 {margin-bottom:34px;} .edu_program .sec2 .title_wrapper {margin-bottom:23px;} .edu_program .sec2 .road_map .mob_month_line {left:26px;height:640px;} .edu_program .sec2 .road_map_box {margin-bottom:12px;} .edu_program .sec2 .road_map_box .month {margin-bottom:20px;width:52px;height:52px;font-size:14px;} .edu_program .sec2 .road_map_box .month i {padding:4px 0 3px;font-size:23px;} .edu_program .sec2 .road_map_box .map_title {margin-bottom:11px;padding-top:13px;padding-left:69px;font-size:16px;} .edu_program .sec2 .road_map_box .desc_box {padding-left:69px;} .edu_program .sec2 .road_map_box .desc_box.last {margin-top:10px;} .edu_program .sec2 .road_map_box .desc_box span {margin-bottom:12px;font-size:16px;} .edu_program .sec2 .road_map_box .desc_box li {margin-top:2px;padding-left:10px;font-size:14px;line-height:23px;letter-spacing:-1px;} .edu_program .sec2 .road_map_box .desc_box li i {top:10px;width:3px;height:3px;} .edu_program .sec3 {margin-bottom:38px;} .edu_program .sec3 .title_wrapper {margin-bottom:15px;} .edu_program .sec3 .curriculum .track_desc {margin-bottom:14px;} .edu_program .sec3 .curriculum .track_desc b {font-size:15px;} .edu_program .sec3 .curriculum .track_desc p {margin:2px 0 0;font-size:14px;line-height:20px;} .edu_program .sec3 .curriculum ol {padding:12px 3.086419%;} .edu_program .sec3 .curriculum ol li {padding-bottom:1px;} .edu_program .sec3 .curriculum ol li .step_wrap {padding:17px 0 16px 3.289473%;} .edu_program .sec3 .curriculum ol li .step_wrap .step_num {width:57px;height:57px;background-size:auto 53px;} .edu_program .sec3 .curriculum ol li .step_wrap .step_num i {padding:11px 0 0;font-size:14px;} .edu_program .sec3 .curriculum ol li .step_wrap .step_num span {font-size:14px;} .edu_program .sec3 .curriculum ol li .step_wrap .mob_program_lang span {margin-left:6px;width:57px;height:57px;font-size:14px;line-height:57px;} .edu_program .sec3 .curriculum ol li .step_wrap .mob_program_lang span.line2 {padding:14px 0;line-height:15px;} .edu_program .sec3 .curriculum ol li .step_wrap .mob_program_lang span.line3 {padding:6px 0;line-height:15px;} .edu_program .sec3 .curriculum ol li .step_wrap .mob_program_lang .more_dot {margin-left:6px;line-height:57px;} .edu_program .sec3 .curriculum ol li .step_wrap .mob_program_lang .more_dot i {margin-right:2px;width:4px;height:4px;} .edu_program .sec3 .curriculum ol li .step_wrap .step_desc span {margin-top:13px;margin-bottom:4px;font-size:14px;} .edu_program .sec3 .curriculum ol li .step_wrap .step_desc p {font-size:14px;line-height:17px;} .edu_program .sec4 .title_wrapper {margin-bottom:25px;} .edu_program .sec4 .title {margin-bottom:14px;} .edu_program .sec4 .title span {margin-bottom:3px;font-size:15px;} .edu_program .sec4 .title p {font-size:15px;} .edu_program .sec4 .project_select {margin-bottom:24px;padding:10px 3.086419% 5px;} .edu_program .sec4 .project_select .project_order {margin-bottom:6px;padding-bottom:36px;background-size:auto 36px;} .edu_program .sec4 .project_select .project_order ol {padding:26px 0 26px;} .edu_program .sec4 .project_select .project_order ol li {margin-left:6px;width:95px;height:95px;} .edu_program .sec4 .project_select .project_order ol li span {padding-top:17px;font-size:14px;line-height:18px;} .edu_program .sec4 .project_select .project_realize {padding:12px 3.289473% 14px;} .edu_program .sec4 .project_select .project_realize span {height:46px;font-size:16px;} .edu_program .sec4 .project_select .project_realize .realize1 {margin-bottom:11px;padding-bottom:11px;} .edu_program .sec4 .project_select .project_realize .realize1 span {border:2px solid #3c93e8;line-height:44px;} .edu_program .sec4 .project_select .project_realize .realize2 {margin-bottom:10px;} .edu_program .sec4 .project_select .project_realize .realize2 span {line-height:46px;} .edu_program .sec4 .project_select .project_realize p {font-size:16px;} .edu_program .sec4 .project_select .project_desc {margin-top:8px;padding:2px 0 0;} .edu_program .sec4 .project_select .project_desc li {padding:13px 0 14px;} .edu_program .sec4 .project_select .project_desc li span {margin-bottom:9px;font-size:15px;} .edu_program .sec4 .project_select .project_desc li p {font-size:15px;line-height:22px;} .edu_program .sec4 .project_perform {padding:10px 3.086419%;} .edu_program .sec4 .project_perform li .week {height:67px;} .edu_program .sec4 .project_perform li .week i {font-size:16px;line-height:67px;} .edu_program .sec4 .project_perform li .week span.bar {right:4px;} .edu_program .sec4 .project_perform li .week span.bar i {left:-4px;border-left:5px solid transparent;border-right:5px solid transparent;} .edu_program .sec4 .project_perform li .week span.bar .arrow_left {border-bottom:5px solid #ccd5dc;} .edu_program .sec4 .project_perform li .week span.bar .arrow_right {border-top:5px solid #ccd5dc;} .edu_program .sec4 .project_perform li .project_name {height:67px;line-height:67px;font-size:16px;} .edu_program .sec4 .project_perform li:nth-child(1) .week {height:67px;} .edu_program .sec4 .project_perform li:nth-child(1) .week i {height:67px;line-height:67px;} .edu_program .sec4 .project_perform li:nth-child(1) .project_name {height:67px;line-height:67px;} .edu_program .sec4 .project_perform li:nth-child(2) .week {height:233px;} .edu_program .sec4 .project_perform li:nth-child(2) .week i {height:233px;line-height:233px;} .edu_program .sec4 .project_perform li:nth-child(2) .project_name {height:233px;line-height:233px;} .edu_program .sec4 .project_perform li:nth-child(3) .week {height:233px;} .edu_program .sec4 .project_perform li:nth-child(3) .week i {height:233px;line-height:233px;} .edu_program .sec4 .project_perform li:nth-child(3) .project_name {height:233px;line-height:233px;} .edu_program .sec4 .project_perform li:nth-child(4) .week {height:133px;} .edu_program .sec4 .project_perform li:nth-child(4) .week i {height:133px;line-height:133px;} .edu_program .sec4 .project_perform li:nth-child(4) .project_name {height:133px;line-height:133px;} } @media (min-width:768px) { .edu_program {padding:0;} .edu_program .sec1 {margin-bottom:80px;} .edu_program .sec1:after {display:block;visibility:hidden;clear:both;content:""} .edu_program .sec1 .title_wrapper {margin-bottom:80px;} .edu_program .title_wrapper br {display:none;} .edu_program .title_wrapper:after {display:block;visibility:hidden;clear:both;content:""} .edu_program .sec1 .character_wrap .character_box {padding:20px 1.666666% 35px;background:#f0f5f8;overflow:hidden;} .edu_program .sec1 .character_wrap > .character_box > div {float:left;margin-bottom:0;margin-left:1.637931%;width:32.241379%;} .edu_program .sec1 .character_wrap > .character_box > div.character1 {margin-left:0;} .edu_program .sec1 .character_wrap > .character_box > div.character3 {margin-bottom:0} .edu_program .sec1 .character_wrap > .character_box > div .title {display:block;margin-bottom:13px;height:70px;line-height:70px;font-size:18px;font-weight:700;color:#1f1f1f;text-align:center;border:2px solid #3c93e8;background:#fff;} .edu_program .sec1 .character_wrap > .character_box > div ul li {position:relative;padding-left:33px;font-size:16px;color:#666666;line-height:30px;} .edu_program .sec1 .character_wrap > .character_box > div ul li i {display:block;position:absolute;top:14px;left:20px;width:3px;height:3px;background:#666666;line-height:30px;} .edu_program .sec1 .character_wrap .program_goal {background:#3c93e8 url('../images/big_arrow_bottom.png') no-repeat 50% 0;text-align:center;background-size:auto;} .edu_program .sec1 .character_wrap .program_goal p {display:inline-block;position:relative;padding:85px 0 87px;font-size:30px;font-weight:800;color:#ffffff;line-height:1;letter-spacing:-1.5px;} .edu_program .sec1 .character_wrap .program_goal p i {position:absolute;top:73px;font-size:60px;font-weight:400;color:#ffffff;line-height:1;} .edu_program .sec1 .character_wrap .program_goal p i.mark1 {left:-37px;} .edu_program .sec1 .character_wrap .program_goal p i.mark2 {right:-37px;} .edu_program .sec2 {margin-bottom:80px;} .edu_program .sec2 .title_wrapper {margin-bottom:47px;} .edu_program .sec2 .road_map {position:static;display:table;width:100%;table-layout:fixed;border-collapse:collapse;} .edu_program .sec2 .road_map .mob_month_line {display:none;} .edu_program .sec2 .road_map_box {display:table-cell;margin-bottom:0;padding:0 4px 12px;width:25%;border-left:1px solid #eeeeee;border-right:1px solid #eeeeee;} .edu_program .sec2 .road_map_box .month {position:static;display:block;margin-bottom:20px;width:auto;height:auto;border-radius:0;font-size:18px;font-weight:700;color:#1f1f1f;line-height:1;text-align:center;background:none;} .edu_program .sec2 .road_map_box .month i {display:inline;padding:0;font-size:18px;font-weight:700;} .edu_program .sec2 .road_map_box .line {display:block;margin-bottom:12px;width:100%;height:5px;background:#1f1f1f;border-radius:5px;} .edu_program .sec2 .road_map_box .map_title {display:block;margin-bottom:20px;padding-top:0;padding-left:0;font-size:22px;font-weight:800;color:#1f1f1f;text-align:center;} .edu_program .sec2 .road_map_box.even_box .month {color:#3c93e8;background:none;} .edu_program .sec2 .road_map_box.even_box .line {display:block;background:#3c93e8;} .edu_program .sec2 .road_map_box.even_box .map_title {color:#1f1f1f;} .edu_program .sec2 .road_map_box .desc_box {padding-left:5.136986%;} .edu_program .sec2 .road_map_box .desc_box.last {margin-top:15px;} .edu_program .sec2 .road_map_box .desc_box span {display:block;margin-bottom:15px;font-size:18px;font-weight:700;color:#1f1f1f;line-height:1;} .edu_program .sec2 .road_map_box .desc_box li {position:relative;margin-top:7px;padding-left:14px;font-size:16px;color:#666666;line-height:24px;letter-spacing:-0.5;} .edu_program .sec2 .road_map_box .desc_box li:first-child {margin-top:0;} .edu_program .sec2 .road_map_box .desc_box li i {display:block;position:absolute;top:11px;left:0;width:3px;height:3px;background:#666666;} .edu_program .sec3 {margin-bottom:80px;} .edu_program .sec3 .title_wrapper {margin-bottom:71px;} .edu_program .sec3 .curriculum .track_desc {margin-bottom:13px;padding-left:1.666666%;font-size:0;} .edu_program .sec3 .curriculum .track_desc b {display:inline-block;font-size:22px;font-weight:800;vertical-align:top;} .edu_program .sec3 .curriculum .track_desc p {display:inline-block;margin:7px 0 0 16px;font-size:16px;color:#666666;vertical-align:top;line-height:1.5;} .edu_program .sec3 .curriculum ol {padding:20px 1.666666%;background:#f0f5f8;} .edu_program .sec3 .curriculum ol li {display:table;padding-bottom:1px;width:100%;table-layout:fixed;overflow:hidden;background:url('../images/dotted_bg.png') repeat-x left bottom;} .edu_program .sec3 .curriculum ol li:last-child {background:none;} .edu_program .sec3 .curriculum ol li .step_wrap {display:table-cell;padding:17px 0 21px;width:50.172413%;background:#fff;vertical-align:top;} .edu_program .sec3 .curriculum ol li .step_wrap:after {display:block;visibility:hidden;clear:both;content:""} .edu_program .sec3 .curriculum ol li .step_wrap .step_num {float:left;display:block;margin-left:0;width:29.226804%;min-height:93px;text-align:center;background-repeat:no-repeat;background-position:50% 50%;background-size:85px auto;} .edu_program .sec3 .curriculum ol li .step_wrap .step_num i {display:block;padding:27px 0 4px;font-size:30px;font-weight:800;line-height:1;} .edu_program .sec3 .curriculum ol li .step_wrap .step_num span {display:block;font-size:14px;font-weight:800;line-height:1;} .edu_program .sec3 .curriculum ol li .step_wrap .step_num.step1 {background-image:url('../images/edu_round_step1.png');} .edu_program .sec3 .curriculum ol li .step_wrap .step_num.step2 {background-image:url('../images/edu_round_step2.png');} .edu_program .sec3 .curriculum ol li .step_wrap .step_num.step3 {background-image:url('../images/edu_round_step3.png');} .edu_program .sec3 .curriculum ol li .step_wrap .step_num.step4 {background-image:url('../images/edu_round_step4.png');} .edu_program .sec3 .curriculum ol li .step_wrap .step_num.step5 {background-image:url('../images/edu_round_step5.png');} .edu_program .sec3 .curriculum ol li .step_wrap .step_desc {float:left;padding-right:5%;width:67.336769%;} .edu_program .sec3 .curriculum ol li .step_wrap .step_desc span {display:block;margin-top:3px;margin-bottom:12px;font-size:18px;font-weight:800;color:#1f1f1f;} .edu_program .sec3 .curriculum ol li .step_wrap .step_desc p {font-size:16px;font-weight:400;color:#1f1f1f;line-height:26px;} .edu_program .sec3 .curriculum ol li .step_wrap .step_desc p br {display:none;} .edu_program .sec3 .curriculum ol li .step_wrap .mob_program_lang {display:none;} .edu_program .sec3 .curriculum ol li .program_lang {display:table-cell;padding:15px 4.206896% 15px 1.965517%;width:49.827586%;vertical-align:middle;font-size:0;text-align:center;} .edu_program .sec3 .curriculum ol li .program_lang span {display:inline-block;width:70px;height:70px;font-size:16px;font-weight:700;color:#fff;border-radius:50%;background:#3c93e8;text-align:center;vertical-align:middle;line-height:70px;} .edu_program .sec3 .curriculum ol li .program_lang span.line2 {padding:15px 0;line-height:20px;} .edu_program .sec3 .curriculum ol li .program_lang span.line3 {padding:5px 0;line-height:20px;} .edu_program .sec3 .curriculum ol li .program_lang span:first-child {margin-left:0;} .edu_program .sec3 .curriculum ol li:nth-child(1) .program_lang span {margin-left:15.391304%;} .edu_program .sec3 .curriculum ol li:nth-child(2) .program_lang {background:url('../images/ico_more_lang.png') no-repeat 100% 50%;} .edu_program .sec3 .curriculum ol li:nth-child(2) .program_lang span {margin-left:15.391304%;} .edu_program .sec3 .curriculum ol li:nth-child(3) .program_lang {background:url('../images/ico_more_lang.png') no-repeat 100% 50%;} .edu_program .sec3 .curriculum ol li:nth-child(3) .program_lang span {margin-left:2%;} .edu_program .sec3 .curriculum ol li:nth-child(1) .program_lang span:first-child {margin-left:0;} .edu_program .sec3 .curriculum ol li:nth-child(2) .program_lang span:first-child {margin-left:0;} .edu_program .sec3 .curriculum ol li:nth-child(3) .program_lang span:first-child {margin-left:0;} .edu_program .sec4 .title_wrapper {margin-bottom:76px;} .edu_program .sec4 .title {margin-bottom:16px;padding-left:1.666666%;overflow:hidden;} .edu_program .sec4 .title span {display:block;float:left;margin-bottom:0;font-size:18px;font-weight:400;color:#3c93e8;} .edu_program .sec4 .title p {position:relative;float:left;margin-left:10px;padding-left:10px;font-size:18px;color:#111111;} .edu_program .sec4 .title p i {display:block;position:absolute;top:5px;left:0;width:1px;height:18px;background:#ccd5dc;} .edu_program .sec4 .project_select {margin-bottom:75px;padding:20px 27px 23px 20px;background:#f0f5f8;overflow:hidden;text-align:center;} .edu_program .sec4 .project_select .project_order {display:inline-block;margin-right:10px;margin-bottom:0;padding-bottom:0;width:490px;background:url('../images/big_arrow_right.png') no-repeat 100% 50%;vertical-align:top;background-size:auto;} .edu_program .sec4 .project_select .project_order ol {padding:65px 20px 65px;width:447px;font-size:0;background:#fff;} .edu_program .sec4 .project_select .project_order ol li {display:inline-block;margin-left:10px;width:128px;height:128px;border:2px solid #ccd5dc;border-radius:50%;text-align:center;vertical-align:top;} .edu_program .sec4 .project_select .project_order ol li:first-child {margin-left:0;} .edu_program .sec4 .project_select .project_order ol li span {display:block;padding-top:25px;font-size:18px;font-weight:700;color:#1f1f1f;line-height:24px;} .edu_program .sec4 .project_select .project_realize {display:inline-block;margin-right:0;padding:20px 20px 17px;width:178px;background:#fff;vertical-align:top;} .edu_program .sec4 .project_select .project_realize span {display:block;width:138px;height:60px;line-height:60px;font-size:18px;font-weight:700;text-align:center;} .edu_program .sec4 .project_select .project_realize .realize1 {margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #eeeeee} .edu_program .sec4 .project_select .project_realize .realize1 span {color:#1f1f1f;border:2px solid #3c93e8;line-height:60px;} .edu_program .sec4 .project_select .project_realize .realize2 {margin-bottom:14px;} .edu_program .sec4 .project_select .project_realize .realize2 span {color:#fff;;background:#3c93e8;line-height:60px;} .edu_program .sec4 .project_select .project_realize p {font-size:16px;color:#666666;line-height:24px;text-align:center;} .edu_program .sec4 .project_select .project_desc {display:inline-block;margin-top:10px;padding:2px 0 0;width:100%;} .edu_program .sec4 .project_select .project_desc li {padding:14px 0 17px;overflow:hidden;border-bottom:1px solid #ccd5dc;} .edu_program .sec4 .project_select .project_desc li:last-child {border-bottom:1px solid #ccd5dc;} .edu_program .sec4 .project_select .project_desc li span {display:block;float:left;margin-bottom:0;width:25%;font-size:16px;font-weight:700;color:#1f1f1f;text-align:left;} .edu_program .sec4 .project_select .project_desc li p {float:left;width:75%;font-size:16px;font-weight:400;color:#666666;line-height:24px;text-align:left;} .edu_program .sec4 .project_select .project_desc li p br {display:none;} .edu_program .sec4 .project_perform {padding:22px 20px 20px;background:#f0f5f8;} .edu_program .sec4 .project_perform ol {overflow:hidden;border-left:1px solid #ccd5dc;border-bottom:0;} .edu_program .sec4 .project_perform li {float:left;text-align:center;border-bottom:1px solid #ccd5dc;border-right:1px solid #ccd5dc;} .edu_program .sec4 .project_perform li:nth-child(1) {width:10.086206%;} .edu_program .sec4 .project_perform li:nth-child(2) {width:35%;} .edu_program .sec4 .project_perform li:nth-child(3) {width:34.913793%;} .edu_program .sec4 .project_perform li:nth-child(4) {width:20%;} .edu_program .sec4 .project_perform li .week {position:relative;float:none;width:auto;height:41px;border-top:0;} .edu_program .sec4 .project_perform li .week i {font-size:18px;font-weight:700;color:#666666;line-height:1;} .edu_program .sec4 .project_perform li .week span.bar {display:block;position:absolute;bottom:15px;left:0;right:auto;width:100%;height:1px;background:#ccd5dc;} .edu_program .sec4 .project_perform li .week span.bar i {display:block;position:absolute;bottom:-6px;left:auto;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:0;border-right:0;} .edu_program .sec4 .project_perform li .week span.bar .arrow_left {top:auto;left:0;border-bottom:6px solid transparent;border-right:6px solid #ccd5dc;} .edu_program .sec4 .project_perform li .week span.bar .arrow_right {bottom:-6px;right:0;border-top:6px solid transparent;border-left:6px solid #ccd5dc;} .edu_program .sec4 .project_perform li .project_name {display:block;float:none;width:auto;height:69px;line-height:69px;font-size:18px;font-weight:400;color:#1f1f1f;background:#fff;border-top:1px solid #ccd5dc;border-right:0;} .edu_program .sec4 .project_perform li:nth-child(1) .week {height:41px;} .edu_program .sec4 .project_perform li:nth-child(1) .week i {height:auto;line-height:1;} .edu_program .sec4 .project_perform li:nth-child(1) .project_name {height:69px;line-height:69px;} .edu_program .sec4 .project_perform li:nth-child(2) .week {height:41px;} .edu_program .sec4 .project_perform li:nth-child(2) .week i {height:auto;line-height:1;} .edu_program .sec4 .project_perform li:nth-child(2) .project_name {height:69px;line-height:69px;} .edu_program .sec4 .project_perform li:nth-child(3) .week {height:41px;} .edu_program .sec4 .project_perform li:nth-child(3) .week i {height:auto;line-height:1;} .edu_program .sec4 .project_perform li:nth-child(3) .project_name {height:69px;line-height:69px;} .edu_program .sec4 .project_perform li:nth-child(4) .week {height:41px;} .edu_program .sec4 .project_perform li:nth-child(4) .week i {height:auto;line-height:1;} .edu_program .sec4 .project_perform li:nth-child(4) .project_name {height:69px;line-height:69px;} } @media (min-width:1024px) { .edu_program .title_wrapper br {display:block;} .edu_program .sec3 .curriculum ol li .step_wrap .step_num {margin-left:3.436426%;width:24.226804%;background-size:auto;} .edu_program .sec3 .curriculum ol li .step_wrap .step_desc {float:left;padding-right:9%;width:72.336769%;} .edu_program .sec3 .curriculum ol li .step_wrap .step_desc p br {display:block;} .edu_program .sec3 .curriculum ol li .program_lang {display:table-cell;padding:15px 4.206896% 15px 1.965517%;width:49.827586%;vertical-align:middle;font-size:0;text-align:center;} .edu_program .sec3 .curriculum ol li .program_lang span {display:inline-block;width:90px;height:90px;font-size:16px;font-weight:700;color:#fff;border-radius:50%;background:#3c93e8;text-align:center;vertical-align:middle;line-height:90px;} .edu_program .sec3 .curriculum ol li .program_lang span.line2 {padding:25px 0;line-height:20px;} .edu_program .sec3 .curriculum ol li .program_lang span.line3 {padding:15px 0;line-height:20px;} .edu_program .sec3 .curriculum ol li:nth-child(1) .program_lang span {margin-left:15.391304%;} .edu_program .sec3 .curriculum ol li:nth-child(2) .program_lang {background:url('../images/ico_more_lang.png') no-repeat 97.4% 50%;} .edu_program .sec3 .curriculum ol li:nth-child(2) .program_lang span {margin-left:15.391304%;} .edu_program .sec3 .curriculum ol li:nth-child(3) .program_lang {background:url('../images/ico_more_lang.png') no-repeat 97.4% 50%;} .edu_program .sec3 .curriculum ol li:nth-child(3) .program_lang span {margin-left:3.347826%;} .edu_program .sec4 .project_select .project_order {display:inline-block;margin-right:10px;margin-bottom:0;width:542px;background:url('../images/big_arrow_right.png') no-repeat 100% 50%;vertical-align:top;background-size:auto;} .edu_program .sec4 .project_select .project_order ol {padding:65px 47px 65px;width:499px;} .edu_program .sec4 .project_select .project_desc {display:inline-block;margin-top:10px;padding:2px 0 0;width:720px;} .edu_program .sec4 .project_select .project_desc li span {width:20%;} .edu_program .sec4 .project_select .project_desc li p {width:80%;} .edu_program .sec4 .project_select .project_desc li p br {display:block;} } @media (min-width:1240px) { .edu_program .sec3 .curriculum ol li .program_lang {padding:15px 6.206896% 15px 3.965517%;} .edu_program .sec3 .curriculum ol li .program_lang span {width:100px;height:100px;line-height:100px;} .edu_program .sec3 .curriculum ol li .program_lang span.line2 {padding:29px 0;} .edu_program .sec3 .curriculum ol li .program_lang span.line3 {padding:19px 0;} .edu_program .sec3 .curriculum ol li:nth-child(1) .program_lang span {margin-left:17.391304%;} .edu_program .sec3 .curriculum ol li:nth-child(2) .program_lang {background:url('../images/ico_more_lang.png') no-repeat 95.4% 50%;} .edu_program .sec3 .curriculum ol li:nth-child(2) .program_lang span {margin-left:17.391304%;} .edu_program .sec3 .curriculum ol li:nth-child(3) .program_lang {background:url('../images/ico_more_lang.png') no-repeat 95.4% 50%;} .edu_program .sec3 .curriculum ol li:nth-child(3) .program_lang span {margin-left:4.347826%;} .edu_program .sec4 .project_select {text-align:left;} .edu_program .sec4 .project_select .project_order {float:left;display:block;} .edu_program .sec4 .project_select .project_realize {float:left;display:block;margin-right:41px;} .edu_program .sec4 .project_select .project_desc {float:left;display:block;margin-top:0;width:382px;} .edu_program .sec4 .project_select .project_desc li span {width:150px;} .edu_program .sec4 .project_select .project_desc li p {width:232px;} } /* About SSAFY - Job Apply */ .job_apply .visible_lg .sec2 {background:#f3f3f3;} .job_apply .visible_lg .sec3 {background:#fafafa;} /* About SSAFY - Professor */ .about_professor .sec_sw {margin-bottom:25px;} .about_professor .line {margin-bottom:17px;padding-bottom:9px;padding-left:11px;font-size:14px;font-weight:800;line-height:1;border-bottom:1px solid #2e2e2e;} .about_professor .list_box_wrap {overflow:hidden;} .about_professor .list_box {margin:0 0 9px;padding:13px 0 12px;width:100%;border:1px solid #efefef;background:#fefefe;overflow:hidden;} .about_professor .list_box:nth-child(odd) {float:left;} .about_professor .list_box:nth-child(even) {float:right;} .about_professor .list_box img {display:block;max-width:100%;height:81px;margin-left:auto;margin-right:auto;} .about_professor .list_box .name {display:block;margin-bottom:4px;padding-bottom:9px;border-bottom:1px solid #eeeeee;font-size:13px;line-height:1;} .about_professor .list_box .name b {font-size:inherit;font-weight:700;} .about_professor .list_box p {font-size:11px;color:#666666;line-height:19px;} .about_professor .list_box .img_wrap {float:left;width:37.461300%;/*max-width:108px;*/} .about_professor .list_box .info_wrap {float:left;padding:10px 13px 0 0;width:62.538699%;} @media only screen and (min-width:360px) { .about_professor .sec_sw {margin-bottom:29px;} .about_professor .line {margin-bottom:19px;padding-bottom:10px;padding-left:13px;font-size:16px;} .about_professor .list_box {margin:0 0 10px;padding:16px 0 14px;} .about_professor .list_box img {height:92px;} .about_professor .list_box .name {margin-bottom:4px;padding-bottom:9px;font-size:15px;} .about_professor .list_box p {font-size:12px;line-height:21px;} /*.about_professor .list_box .img_wrap {max-width:121px;}*/ .about_professor .list_box .info_wrap {padding:12px 15px 0 0;} } @media only screen and (min-width:375px) { .about_professor .sec_sw {margin-bottom:30px;} .about_professor .line {margin-bottom:20px;padding-bottom:11px;padding-left:13px;font-size:17px;} .about_professor .list_box {margin:0 0 10px;padding:16px 0 14px;} .about_professor .list_box img {height:96px;} .about_professor .list_box .name {margin-bottom:5px;padding-bottom:10px;font-size:16px;} .about_professor .list_box p {font-size:13px;line-height:22px;} /*.about_professor .list_box .img_wrap {max-width:126px;}*/ .about_professor .list_box .info_wrap {padding:11px 15px 0 0;} } @media only screen and (min-width:414px) { .about_professor .sec_sw {margin-bottom:36px;} .about_professor .line {margin-bottom:22px;padding-bottom:11px;padding-left:14px;font-size:18px;} .about_professor .list_box {margin:0 0 10px;padding:17px 0 15px;} .about_professor .list_box img {height:106px;} .about_professor .list_box .name {margin-bottom:5px;padding-bottom:12px;font-size:17px;} .about_professor .list_box p {font-size:14px;line-height:24px;} /*.about_professor .list_box .img_wrap {max-width:139px;}*/ .about_professor .list_box .info_wrap {padding:13px 17px 0 0;} } @media (min-width:768px) { .about_professor .sec_sw {margin-bottom:67px;} .about_professor .line {margin-bottom:40px;padding-bottom:20px;padding-left:1.833333%;font-size:22px;font-weight:800;line-height:1;border-bottom:2px solid #2e2e2e;} .about_professor .list_box_wrap {overflow:hidden;} .about_professor .list_box {margin:0 0 20px;padding:21px 3% 23px;width:48.626373%;border:1px solid #efefef;text-align:center;background:#fefefe;} .about_professor .list_box:nth-child(odd) {float:left;} .about_professor .list_box:nth-child(even) {float:right;} .about_professor .list_box img {display:block;max-width:100%;height:auto;margin-left:auto;margin-right:auto;margin-bottom:18px;} .about_professor .list_box .name {display:block;margin-bottom:15px;padding-bottom:21px;border-bottom:1px solid #eeeeee;font-size:24px;line-height:1;} .about_professor .list_box .name b {font-size:inherit;font-weight:700;} .about_professor .list_box p {font-size:16px;color:#666666;line-height:26px;} .about_professor .list_box .img_wrap {float:none;padding:0;width:100%;max-width:100%;} .about_professor .list_box .info_wrap {float:none;padding:0;width:100%;} } @media (min-width:1024px) { .about_professor .list_box_wrap {margin:0 -0.5494505%;font-size:0;text-align:center;} .about_professor .list_box {display:inline-block;margin:0 0.5494505% 12px;padding:21px 1.583333% 23px;width:23.9010989%;} .about_professor .list_box:nth-child(odd) {float:none;} .about_professor .list_box:nth-child(even) {float:none;} } /* About SSAFY - Benefit */ .benefit {padding:9px 3.086419%;background:#f0f5f8;} .benefit li {margin-top:9px;padding:22px 0 25px;background:#fff;overflow:hidden;} .benefit li:first-child {margin-top:0;} .benefit li .order_tit {float:left;margin-right:1.543209%;width:33.059210%;text-align:center;} .benefit li span {display:inline-block;position:relative;padding-bottom:10px;font-size:13px;font-weight:800;color:#000000;line-height:1;} .benefit li span i {display:inline-block;position:absolute;bottom:0;left:0;width:100%;height:1px;background:#000000;} .benefit li .desc_wrap {float:left;padding:1px 5% 0 0;width:65.296052%;} .benefit li .title {margin-bottom:9px;font-size:14px;font-weight:800;color:#000000;line-height:18px;} .benefit li .title i {font-size:inherit;font-weight:800;color:#3c90e2;} .benefit li .desc {font-size:12px;color:#666666;line-height:15px;} .benefit li .desc br {display:none;} @media only screen and (min-width:360px) { .benefit {padding:10px 3.086419%;} .benefit li {margin-top:10px;padding:27px 0 30px;} .benefit li span {padding-top:4px;padding-bottom:10px;font-size:15px;} .benefit li .desc_wrap {padding:0 5% 0 0;} .benefit li .title {margin-bottom:9px;font-size:16px;line-height:20px;} .benefit li .desc {font-size:13px;line-height:17px;} } @media only screen and (min-width:414px) { .benefit {padding:12px 3.086419%;} .benefit li {margin-top:12px;padding:30px 0 33px;} .benefit li span {padding-top:4px;padding-bottom:12px;font-size:17px;} .benefit li .desc_wrap {padding:0 5% 0 0;} .benefit li .title {margin-bottom:10px;font-size:18px;line-height:23px;} .benefit li .desc {font-size:15px;line-height:20px;} } @media (min-width:768px) { .benefit {padding:12px 3.086419%;} .benefit li {margin-top:12px;padding:31px 0 31px;} .benefit li span {padding-top:4px;padding-bottom:12px;font-size:20px;} .benefit li .desc_wrap {padding:0 11% 0 0;} .benefit li .title {margin-bottom:10px;font-size:24px;line-height:30px;} .benefit li .desc {font-size:17px;line-height:28px;} } @media (min-width:1024px) { .benefit {padding:20px 1.666666%;background:#f0f5f8;} .benefit ol {display:table;width:100%;table-layout:fixed;border-collapse:collapse;overflow:hidden;background:#fff;} .benefit li {display:table-cell;margin:0;padding:71px 0.724137% 33px 1.724137%;border-left:1px solid #eeeeee;} .benefit li:first-child {border-left:0;} .benefit li:nth-child(1) {width:20.086206%;} .benefit li:nth-child(2) {width:20%;} .benefit li:nth-child(3) {width:19.913793%;} .benefit li:nth-child(4) {width:20%;} .benefit li:nth-child(5) {width:20%;} .benefit li .order_tit {float:none;margin-bottom:85px;padding:0;width:auto;text-align:left;} .benefit li span {display:inline-block;position:relative;padding-top:0;padding-bottom:9px;font-size:20px;font-weight:800;color:#000000;line-height:1;} .benefit li span i {display:inline-block;position:absolute;bottom:0;left:0;width:100%;height:1px;background:#000000;} .benefit li .desc_wrap {float:none;padding:0;width:auto;} .benefit li .title {margin-bottom:20px;min-height:90px;font-size:24px;font-weight:800;color:#000000;line-height:30px;} .benefit li:nth-child(5) .desc_wrap .title br {display:none;} .benefit li .title i {font-size:inherit;font-weight:800;color:#3c90e2;} .benefit li .desc {font-size:17px;color:#666666;line-height:28px;} } @media(min-width:1160px) { .benefit li .desc br {display:block;} .benefit li:nth-child(5) .desc_wrap .title br {display:block;} } /* Job Apply */ .job_apply .title_wrap {padding:16px 0 15px 6.172839%;-webkit-box-shadow: 5px 5px 10px 1px rgba(0,0,0,.11); box-shadow: 5px 5px 10px 1px rgba(0,0,0,.11);} .job_apply .title_wrap span {font-size:13px;font-weight:800;line-height:18px;} .job_apply .title_wrap .top_desc {margin-top:10px;font-size:12px;line-height:18px;} .job_apply .title_wrap .top_desc i {font-size:inherit;color:#3b92e8;} .job_apply .cont_wrap {padding:0} .job_apply .cont_wrap .top_desc {display:none;} .job_apply .cont_wrap > div {border-top:1px solid #d3d3d3;} .job_apply .cont_wrap > div p {margin-bottom:8px;font-size:12px;font-weight:800;} .job_apply .cont_wrap > div li {font-size:11px;} .job_apply .cont_wrap > div li:first-child {margin-top:0;} .job_apply .sec1 {padding-bottom:7px;} .job_apply .sec1 .apply_three {display:block;margin-bottom:31px;width:100%;padding:0 7.253086%;background:#49a1e8;overflow:hidden;vertical-align:top;-webkit-box-shadow: 5px 5px 10px 1px rgba(0,0,0,.11);box-shadow: 5px 5px 10px 1px rgba(0,0,0,.11);} .job_apply .sec1 .apply_three > div {padding:24px 0;border-top:1px solid rgba(255,255,255,.2); text-align:center;} .job_apply .sec1 .apply_three > div:first-child {border-left:0;border-top:0;} .job_apply .sec1 .apply_three > div i {display:block;margin:0 0 4px;font-size:18px;color:#ffffff;text-align:center;line-height:1;} .job_apply .sec1 .apply_three > div span {display:block;margin-bottom:18px;font-size:18px;font-weight:800;color:#ffffff;text-align:center;line-height:1;} .job_apply .sec1 .apply_three > div li {font-size:12px;color:#ffffff;} .job_apply .sec1 .apply_three > div li:first-child {margin-top:0;} .job_apply .sec1 .apply_three > div ul {padding:0 8%; display:inline-block; margin:0 auto; } .job_apply .sec1 .apply_three > div ul li {padding-left:15px; position:relative; text-align: left;} .job_apply .sec1 .apply_three > div ul li:before {content:'-'; position:absolute; top:0px; left:0;} @media (max-width:768px) { .job_apply .sec1 .apply_three > div ul {display:block;} } .job_apply .sec1 .cont_wrap > div {padding:23px 0 22px 69px;} .job_apply .sec1 .cont_wrap > div.offer_box1 {border-top:0;background:url('../images/mob_ico_offer1.png') no-repeat 13px 50%;background-size:auto 40px;} .job_apply .sec1 .cont_wrap > div.offer_box2 {background:url('../images/mob_ico_offer2.png') no-repeat 13px 50%;background-size:auto 40px;} .job_apply .sec1 .cont_wrap > div.offer_box2 li {position:relative;padding-left:6px;} .job_apply .sec1 .cont_wrap > div.offer_box2 li i {position:absolute;top:0;left:0;font-size:inherit;} .job_apply .sec1 .cont_wrap > div.offer_box3 {background:url('../images/mob_ico_offer3.png') no-repeat 13px 50%;background-size:auto 40px;} .job_apply .sec2 {padding-bottom:7px;} .job_apply .sec2 .cont_wrap > div {padding:17px 0 20px;overflow:hidden;} .job_apply .sec2 .cont_wrap > div.step_box1 {border-top:0;} .job_apply .sec2 .cont_wrap > div.step_box1 .step_num {background:url('../images/round_step1.png') no-repeat 50% 50%;background-size:cover;} .job_apply .sec2 .cont_wrap > div.step_box2 .step_num {background:url('../images/round_step2.png') no-repeat 50% 50%;background-size:cover;} .job_apply .sec2 .cont_wrap > div.step_box3 .step_num {background:url('../images/round_step3.png') no-repeat 50% 50%;background-size:cover;} .job_apply .sec2 .cont_wrap > div.step_box4 .step_num {background:url('../images/round_step4.png') no-repeat 50% 50%;background-size:cover;} .job_apply .sec2 .cont_wrap > div .step_num {float:left;margin:6px 19px 0 5px;width:45px;height:41px;text-align:center;} .job_apply .sec2 .cont_wrap > div .step_num i {display:block;padding:9px 0 0;font-size:11px;font-weight:800;line-height:1;} .job_apply .sec2 .cont_wrap > div .step_num span {display:block;font-size:11px;font-weight:800;line-height:1;} .job_apply .sec2 .cont_wrap > div .step_desc {float:left;padding:2px 0 0;} .job_apply .sec3 .cont_wrap > div {padding:19px 0 21px 69px;} .job_apply .sec3 .cont_wrap > div.consult_box1 {border-top:0;background:url('../images/mob_ico_consult1.png') no-repeat 13px 25px;background-size:auto 40px;} .job_apply .sec3 .cont_wrap > div.consult_box2 {background:url('../images/mob_ico_consult2.png') no-repeat 13px 25px;background-size:auto 40px;overflow:hidden;} .job_apply .sec3 .cont_wrap > div.consult_box2 .consult_type {margin-top:22px;margin-left:6px;font-size:0;} .job_apply .sec3 .cont_wrap > div.consult_box2 .consult_type span {margin-left:21px;display:inline-block;padding:35px 0 0;font-size:11px;} .job_apply .sec3 .cont_wrap > div.consult_box2 .consult_type span:first-child {margin-left:0;} .job_apply .sec3 .cont_wrap > div.consult_box2 .consult_type span.type_visit {background:url('../images/mob_type_visit.png') no-repeat 50% 0;background-size:auto 27px;} .job_apply .sec3 .cont_wrap > div.consult_box2 .consult_type span.type_online {background:url('../images/mob_type_online.png') no-repeat 50% 2px;background-size:auto 27px;} .job_apply .sec3 .cont_wrap > div.consult_box2 .consult_type span.type_call {background:url('../images/mob_type_call.png') no-repeat 50% 2px;background-size:auto 27px;} @media only screen and (min-width:360px) { .job_apply .title_wrap {padding:19px 0 17px 6.172839%;} .job_apply .title_wrap span {font-size:15px;line-height:20px;} .job_apply .title_wrap .top_desc {margin-top:13px;font-size:13px;line-height:20px;} .job_apply .cont_wrap > div p {margin-bottom:8px;font-size:14px;} .job_apply .cont_wrap > div li {font-size:12px;} .job_apply .sec1 {padding-bottom:8px;} .job_apply .sec1 .apply_three {margin-bottom:36px;} .job_apply .sec1 .apply_three > div {padding:26px 0 28px;} .job_apply .sec1 .apply_three > div i {margin:0 0 5px;font-size:20px;} .job_apply .sec1 .apply_three > div span {margin-bottom:22px;font-size:20px;} .job_apply .sec1 .apply_three > div li {margin-top:1px;font-size:13px;} .job_apply .sec1 .cont_wrap > div {padding:26px 0 25px 78px;} .job_apply .sec1 .cont_wrap > div.offer_box1 {background:url('../images/mob_ico_offer1.png') no-repeat 14px 50%;background-size:auto 45px;} .job_apply .sec1 .cont_wrap > div.offer_box2 {background:url('../images/mob_ico_offer2.png') no-repeat 14px 50%;background-size:auto 45px;} .job_apply .sec1 .cont_wrap > div.offer_box2 li {padding-left:7px;} .job_apply .sec1 .cont_wrap > div.offer_box3 {background:url('../images/mob_ico_offer3.png') no-repeat 14px 50%;background-size:auto 45px;} .job_apply .sec2 {padding-bottom:11px;} .job_apply .sec2 .cont_wrap > div {padding:19px 0 21px;} .job_apply .sec2 .cont_wrap > div .step_num {margin:6px 21px 0 6px;width:51px;height:47px;} .job_apply .sec2 .cont_wrap > div .step_num i {padding:10px 0 0;font-size:12px;} .job_apply .sec2 .cont_wrap > div .step_num span {font-size:12px;} .job_apply .sec2 .cont_wrap > div .step_desc {padding:2px 0 0;} .job_apply .sec3 .cont_wrap > div {padding:21px 0 21px 78px;} .job_apply .sec3 .cont_wrap > div.consult_box1 {background:url('../images/mob_ico_consult1.png') no-repeat 14px 28px;background-size:auto 45px;} .job_apply .sec3 .cont_wrap > div.consult_box2 {background:url('../images/mob_ico_consult2.png') no-repeat 14px 28px;background-size:auto 45px;} .job_apply .sec3 .cont_wrap > div.consult_box2 .consult_type {margin-top:24px;margin-left:7px;} .job_apply .sec3 .cont_wrap > div.consult_box2 .consult_type span {margin-left:24px;padding:40px 0 0;font-size:12px;} .job_apply .sec3 .cont_wrap > div.consult_box2 .consult_type span.type_visit {background:url('../images/mob_type_visit.png') no-repeat 50% 0;background-size:auto 31px;} .job_apply .sec3 .cont_wrap > div.consult_box2 .consult_type span.type_online {background:url('../images/mob_type_online.png') no-repeat 50% 2px;background-size:auto 31px;} .job_apply .sec3 .cont_wrap > div.consult_box2 .consult_type span.type_call {background:url('../images/mob_type_call.png') no-repeat 50% 2px;background-size:auto 30px;} } @media only screen and (min-width:375px) { .job_apply .title_wrap {padding:19px 0 18px 6.172839%;} .job_apply .title_wrap span {font-size:16px;line-height:21px;} .job_apply .title_wrap .top_desc {margin-top:13px;font-size:14px;line-height:21px;} .job_apply .cont_wrap > div p {margin-bottom:8px;font-size:15px;} .job_apply .cont_wrap > div li {font-size:13px;} .job_apply .sec1 {padding-bottom:8px;} .job_apply .sec1 .apply_three {margin-bottom:36px;} .job_apply .sec1 .apply_three > div {padding:28px 0 28px;} .job_apply .sec1 .apply_three > div i {margin:0 0 5px;font-size:21px;} .job_apply .sec1 .apply_three > div span {margin-bottom:22px;font-size:21px;} .job_apply .sec1 .apply_three > div li {margin-top:0;font-size:14px;} .job_apply .sec1 .cont_wrap > div {padding:26px 0 25px 81px;} .job_apply .sec1 .cont_wrap > div.offer_box1 {background:url('../images/mob_ico_offer1.png') no-repeat 14px 50%;background-size:auto 47px;} .job_apply .sec1 .cont_wrap > div.offer_box2 {background:url('../images/mob_ico_offer2.png') no-repeat 14px 50%;background-size:auto 47px;} .job_apply .sec1 .cont_wrap > div.offer_box2 li {padding-left:7px;} .job_apply .sec1 .cont_wrap > div.offer_box3 {background:url('../images/mob_ico_offer3.png') no-repeat 14px 50%;background-size:auto 47px;} .job_apply .sec2 {padding-bottom:11px;} .job_apply .sec2 .cont_wrap > div {padding:19px 0 22px;} .job_apply .sec2 .cont_wrap > div .step_num {margin:6px 22px 0 6px;width:52px;height:48px;} .job_apply .sec2 .cont_wrap > div .step_num i {padding:10px 0 0;font-size:13px;} .job_apply .sec2 .cont_wrap > div .step_num span {font-size:13px;} .job_apply .sec2 .cont_wrap > div .step_desc {padding:2px 0 0;} .job_apply .sec3 .cont_wrap > div {padding:22px 0 22px 81px;} .job_apply .sec3 .cont_wrap > div.consult_box1 {background:url('../images/mob_ico_consult1.png') no-repeat 14px 28px;background-size:auto 47px;} .job_apply .sec3 .cont_wrap > div.consult_box2 {background:url('../images/mob_ico_consult2.png') no-repeat 14px 28px;background-size:auto 47px;} .job_apply .sec3 .cont_wrap > div.consult_box2 .consult_type {margin-top:26px;margin-left:7px;} .job_apply .sec3 .cont_wrap > div.consult_box2 .consult_type span {margin-left:25px;padding:41px 0 0;font-size:13px;} .job_apply .sec3 .cont_wrap > div.consult_box2 .consult_type span.type_visit {background:url('../images/mob_type_visit.png') no-repeat 50% 0;background-size:auto 32px;} .job_apply .sec3 .cont_wrap > div.consult_box2 .consult_type span.type_online {background:url('../images/mob_type_online.png') no-repeat 50% 2px;background-size:auto 32px;} .job_apply .sec3 .cont_wrap > div.consult_box2 .consult_type span.type_call {background:url('../images/mob_type_call.png') no-repeat 50% 2px;background-size:auto 31px;} } @media only screen and (min-width:414px) { .job_apply .title_wrap {padding:22px 0 20px 6.172839%;} .job_apply .title_wrap span {font-size:17px;line-height:23px;} .job_apply .title_wrap .top_desc {margin-top:13px;font-size:15px;line-height:23px;} .job_apply .cont_wrap > div p {margin-bottom:10px;font-size:16px;} .job_apply .cont_wrap > div li {font-size:14px;} .job_apply .sec1 {padding-bottom:8px;} .job_apply .sec1 .apply_three {margin-bottom:40px;} .job_apply .sec1 .apply_three > div {padding:31px 0 32px;} .job_apply .sec1 .apply_three > div i {margin:0 0 6px;font-size:23px;} .job_apply .sec1 .apply_three > div span {margin-bottom:25px;font-size:23px;} .job_apply .sec1 .apply_three > div li {margin-top:1px;font-size:15px;} .job_apply .sec1 .cont_wrap > div {padding:29px 0 29px 89px;} .job_apply .sec1 .cont_wrap > div.offer_box1 {background:url('../images/mob_ico_offer1.png') no-repeat 17px 50%;background-size:auto 52px;} .job_apply .sec1 .cont_wrap > div.offer_box2 {background:url('../images/mob_ico_offer2.png') no-repeat 17px 50%;background-size:auto 52px;} .job_apply .sec1 .cont_wrap > div.offer_box2 li {padding-left:8px;} .job_apply .sec1 .cont_wrap > div.offer_box3 {background:url('../images/mob_ico_offer3.png') no-repeat 17px 50%;background-size:auto 52px;} .job_apply .sec2 {padding-bottom:12px;} .job_apply .sec2 .cont_wrap > div {padding:21px 0 24px;} .job_apply .sec2 .cont_wrap > div .step_num {margin:7px 25px 0 6px;width:58px;height:53px;} .job_apply .sec2 .cont_wrap > div .step_num i {padding:11px 0 0;font-size:14px;} .job_apply .sec2 .cont_wrap > div .step_num span {font-size:14px;} .job_apply .sec2 .cont_wrap > div .step_desc {padding:2px 0 0;} .job_apply .sec3 .cont_wrap > div {padding:23px 0 25px 89px;} .job_apply .sec3 .cont_wrap > div.consult_box1 {background:url('../images/mob_ico_consult1.png') no-repeat 17px 30px;background-size:auto 52px;} .job_apply .sec3 .cont_wrap > div.consult_box2 {background:url('../images/mob_ico_consult2.png') no-repeat 17px 30px;background-size:auto 52px;} .job_apply .sec3 .cont_wrap > div.consult_box2 .consult_type {margin-top:28px;margin-left:8px;} .job_apply .sec3 .cont_wrap > div.consult_box2 .consult_type span {margin-left:27px;padding:45px 0 0;font-size:14px;} .job_apply .sec3 .cont_wrap > div.consult_box2 .consult_type span.type_visit {background:url('../images/mob_type_visit.png') no-repeat 50% 0;background-size:auto 35px;} .job_apply .sec3 .cont_wrap > div.consult_box2 .consult_type span.type_online {background:url('../images/mob_type_online.png') no-repeat 50% 2px;background-size:auto 35px;} .job_apply .sec3 .cont_wrap > div.consult_box2 .consult_type span.type_call {background:url('../images/mob_type_call.png') no-repeat 50% 2px;background-size:auto 34px;} } @media (min-width:768px) { .job_apply {padding:200px 0 0;} .job_apply .title_wrap {float:left;margin-bottom:0;margin-right:5.25%;padding:39px 2.5% 0 0;width:29.25%;height:153px;text-align:right;-webkit-box-shadow: 10px 10px 20px 1px rgba(0,0,0,.11); box-shadow: 10px 10px 20px 1px rgba(0,0,0,.11);background:#fff;} .job_apply .title_wrap span {font-size:24px;font-weight:800;line-height:36px;} .job_apply .title_wrap .top_desc {display:none;} .job_apply .cont_wrap {float:left;padding:22px 0 0;width:65.5%;} .job_apply .cont_wrap .top_desc {display:block;margin-bottom:59px;padding:16px 0 0 32px;font-size:22px;line-height:36px;} .job_apply .cont_wrap .top_desc i {font-size:inherit;color:#49a1e8;} .job_apply .cont_wrap .top_desc br {display:none;} .job_apply .cont_wrap > div {border-top:1px solid #d3d3d3;} .job_apply .cont_wrap > div p {margin-bottom:13px;font-size:18px;font-weight:800;} .job_apply .cont_wrap > div li {margin-top:2px;font-size:16px;} .job_apply .cont_wrap > div li:first-child {margin-top:0;} .job_apply .sec1 {padding-bottom:76px;background:#f3f3f3;} .job_apply .sec1 .apply_three {display:inline-block;margin-top:-200px;margin-bottom:90px;width:100%;padding:40px 0;background:#49a1e8;overflow:hidden;vertical-align:top;-webkit-box-shadow: 10px 10px 20px 1px rgba(0,0,0,.11); box-shadow: 10px 10px 20px 1px rgba(0,0,0,.11);} .job_apply .sec1 .apply_three > div {float:left;padding:16px 0;width:33.333333%;border-left:1px solid rgba(255,255,255,.2);border-top:0;} .job_apply .sec1 .apply_three > div:first-child {border-left:0;} .job_apply .sec1 .apply_three > div i {display:block;margin:0 0 10px;font-size:30px;color:#ffffff;text-align:center;line-height:1;} .job_apply .sec1 .apply_three > div span {display:block;margin-bottom:32px;font-size:28px;font-weight:800;color:#ffffff;text-align:center;line-height:1;} .job_apply .sec1 .apply_three > div li {margin-top:2px;font-size:14px;color:#ffffff;letter-spacing:0;} .job_apply .sec1 .apply_three > div li:first-child {margin-top:0;} .job_apply .sec1 .cont_wrap > div {padding:19px 0 21px 18.956743%;} .job_apply .sec1 .cont_wrap > div.offer_box1 {border-top:0;background:url('../images/ico_offer1.png') no-repeat 6.8% 50%;background-size:auto;} .job_apply .sec1 .cont_wrap > div.offer_box2 {background:url('../images/ico_offer2.png') no-repeat 6.6% 50%;background-size:auto;} .job_apply .sec1 .cont_wrap > div.offer_box2 li {position:relative;padding-left:0;} .job_apply .sec1 .cont_wrap > div.offer_box2 li i {position:static;} .job_apply .sec1 .cont_wrap > div.offer_box3 {background:url('../images/ico_offer3.png') no-repeat 6.8% 50%;background-size:auto;} .job_apply .sec2 {padding:63px 0 81px;background:#fafafa;} .job_apply .sec2 .cont_wrap > div {padding:17px 0 20px;overflow:hidden;} .job_apply .sec2 .cont_wrap > div.step_box1 {border-top:0;} .job_apply .sec2 .cont_wrap > div.step_box1 .step_num {background:url('../images/round_step1.png') no-repeat 50% 50%;background-size:cover;} .job_apply .sec2 .cont_wrap > div.step_box2 .step_num {background:url('../images/round_step2.png') no-repeat 50% 50%;background-size:cover;} .job_apply .sec2 .cont_wrap > div.step_box3 .step_num {background:url('../images/round_step3.png') no-repeat 50% 50%;background-size:cover;} .job_apply .sec2 .cont_wrap > div.step_box4 .step_num {background:url('../images/round_step4.png') no-repeat 50% 50%;background-size:cover;} .job_apply .sec2 .cont_wrap > div .step_num {float:left;margin:0 5.417302% 0 3.689567%;width:90px;height:83px;text-align:center;} .job_apply .sec2 .cont_wrap > div .step_num i {display:block;padding:19px 0 4px;font-size:30px;font-weight:800;line-height:1;} .job_apply .sec2 .cont_wrap > div .step_num span {display:block;font-size:14px;font-weight:800;line-height:1;} .job_apply .sec2 .cont_wrap > div .step_desc {float:left;padding:2px 0 0;} .job_apply .sec3 {padding:60px 0 0;} .job_apply .sec3 .cont_wrap > div {padding:19px 0 21px 20.956743%;} .job_apply .sec3 .cont_wrap > div.consult_box1 {border-top:0;background:url('../images/ico_consult1.png') no-repeat 7.2% 50%;background-size:auto;} .job_apply .sec3 .cont_wrap > div.consult_box2 {background:url('../images/ico_consult2.png') no-repeat 7.5% 50%;overflow:hidden;background-size:auto;} .job_apply .sec3 .cont_wrap > div.consult_box2 .consult_way {float:left;width:46.618524%;} .job_apply .sec3 .cont_wrap > div.consult_box2 .consult_type {float:left;margin-top:0;margin-left:0;padding:18px 0 0 20px;width:53.381475%;font-size:0;} .job_apply .sec3 .cont_wrap > div.consult_box2 .consult_type span {margin-left:4.974424%;display:inline-block;padding:51px 0 0;font-size:14px;} .job_apply .sec3 .cont_wrap > div.consult_box2 .consult_type span:first-child {margin-left:0;} .job_apply .sec3 .cont_wrap > div.consult_box2 .consult_type span.type_visit {background:url('../images/type_visit.png') no-repeat 50% 0;background-size:auto;} .job_apply .sec3 .cont_wrap > div.consult_box2 .consult_type span.type_online {background:url('../images/type_online.png') no-repeat 50% 0;background-size:auto;} .job_apply .sec3 .cont_wrap > div.consult_box2 .consult_type span.type_call {background:url('../images/type_call.png') no-repeat 50% 0;background-size:auto;} } @media (min-width:1024px) { .job_apply .title_wrap {height:171px;} .job_apply .title_wrap span {font-size:28px;} .job_apply .cont_wrap .top_desc br {display:block;} .job_apply .sec1 .apply_three > div span {margin-bottom:42px;font-size:30px;} .job_apply .sec1 .apply_three > div li {font-size:16px;} .job_apply .sec2 .cont_wrap > div .step_num {margin:0 2.417302% 0 3.689567%;width:101px;height:93px;} .job_apply .sec2 .cont_wrap > div .step_num i {padding:27px 0 4px;font-size:30px;} .job_apply .sec2 .cont_wrap > div .step_num span {font-size:14px;} .job_apply .sec3 .cont_wrap > div {padding:19px 0 21px 18.956743%;} .job_apply .sec3 .cont_wrap > div.consult_box2 .consult_way {width:38.618524%;} .job_apply .sec3 .cont_wrap > div.consult_box2 .consult_type {padding:18px 0 0 0;width:61.381475%;} .job_apply .sec3 .cont_wrap > div.consult_box2 .consult_type {padding:18px 0 20px;} .job_apply .sec3 .cont_wrap > div.consult_box2 .consult_type span {margin-left:9.974424%;} } @media (min-width:1240px) { .job_apply .sec3 .cont_wrap > div.consult_box2 .consult_type {padding:18px 0 0;} } /* Campus */ .intro_campus .campus_all {display:none;} .intro_campus .mob_campus_all {margin-bottom:14px;} .intro_campus .whole_map {display:block;position:relative;margin-bottom:31px;} .intro_campus .whole_map .locate_desc {width:100%;margin-bottom:9px;padding:9px 8px 6px;border:1px solid #dddddd;} .intro_campus .whole_map .locate_desc span {display:block;margin:9px 0 9px 9px;font-size:12px;color:#1f1f1f;} .intro_campus .whole_map .locate_desc span i {font-size:inherit;color:#0997ee;} .intro_campus .whole_map .locate_desc dl {margin-left:9px;overflow:hidden;} .intro_campus .whole_map .locate_desc dt {clear:both;float:left;margin-bottom:3px;width:19.557823%;font-size:11px;color:#777f88;} .intro_campus .whole_map .locate_desc dd {float:left;margin-bottom:3px;width:80.442176%;font-size:11px;color:#4f5a66;} .intro_campus .slider_wrap {margin-bottom:31px;} .intro_campus .slider_wrap li {display:block !important;} .intro_campus .slider_wrap li img {display:block;max-width:100%;height:auto;margin-left:auto;margin-right:auto;} /* .intro_campus .slider_wrap .slick-prev {z-index:1;left:9px;width:17px;height:32px;background:url('../images/btn_slider_prev.png') no-repeat;background-size:cover;opacity:0.75;} .intro_campus .slider_wrap .slick-next {z-index:1;right:9px;width:17px;height:32px;background:url('../images/btn_slider_next.png') no-repeat;background-size:cover;opacity:0.75;} */ .intro_campus .slider_wrap .slick-prev {z-index:1;left:15px;width:48px;height:60px;margin-top: 3px;background:url('../images/btn_slider_new.png') no-repeat 0 0;background-size:cover;opacity:0.75;} .intro_campus .slider_wrap .slick-next {z-index:1;right:15px;width:48px;height:60px;margin-top: 3px;background:url('../images/btn_slider_new.png') no-repeat -48px 0;background-size:cover;opacity:0.75;} .intro_campus .slider_wrap .slick-prev:hover {opacity:1;} .intro_campus .slider_wrap .slick-next:hover {opacity:1;} .intro_campus .slider_wrap .slick-prev:before {content:"";font-size:0;} .intro_campus .slider_wrap .slick-next:before {content:"";font-size:0;} .intro_campus .slider_wrap .slick-slide {outline:0;} .intro_campus .slider_wrap .slick-slide:active, .intro_campus .slider_wrap .slick-slide:focus, .intro_campus .slider_wrap .slick-slide:visited {border:0 !important;outline:0;} .intro_campus .slider_wrap .ssafy_slider_for {margin-bottom:4px;} .intro_campus .slider_wrap .ssafy_slider_nav {margin:0 -2px;} .intro_campus .slider_wrap .ssafy_slider_nav .slick-track {transform:translate3d(0px, 0px, 0px) !important;} .intro_campus .slider_wrap .ssafy_slider_nav .slick-slide {padding:0 2px;} .intro_campus .slider_wrap .ssafy_slider_nav li {cursor:pointer;} .intro_campus .maps_wrap .map_api {height:266px;} .intro_campus .maps_wrap .map_desc {padding:14px 3.086419% 9px;background:#3c93e8;} .intro_campus .maps_wrap .map_desc .title {padding-left:9px;padding-bottom:8px;font-size:12px;font-weight:800;color:#fff;border-bottom:1px solid rgba(255,255,255,.2);} .intro_campus .maps_wrap .map_desc span {display:block;padding:7px 0 8px 36px;font-size:11px;color:#fff;line-height:13px;border-bottom:1px solid rgba(255,255,255,.2);} .intro_campus .maps_wrap .map_desc span.campus_call {background:url('../images/mob_ico_call.png') no-repeat 9px 9px;background-size:22px 22px;} .intro_campus .maps_wrap .map_desc span.campus_addr {background:url('../images/mob_ico_map.png') no-repeat 9px 9px;background-size:22px 22px;border-bottom:0;} .intro_campus .ssafy_facility {margin:27px 0 0;} .intro_campus .ssafy_facility .title {display:block;padding-bottom:12px;font-size:13px;font-weight:800;color:#010101;} .intro_campus .ssafy_facility li img {display:block;max-width:100%;height:auto;margin-left:auto;margin-right:auto;} .intro_campus .ssafy_facility .facility {margin:0 0 9px;padding:9px 9px;background:#f0f5f8;} .intro_campus .ssafy_facility .facility img {display:block;max-width:100%;height:auto;margin-left:auto;margin-right:auto;} .intro_campus .ssafy_facility .facility .desc_wrap {padding:8px 0 0;overflow:hidden;} .intro_campus .ssafy_facility .facility .title {padding-bottom:7px;padding-left:8px;font-size:12px;font-weight:700;color:#1f1f1f;} .intro_campus .ssafy_facility .facility ul {padding:2px 0 0 9px;} .intro_campus .ssafy_facility .facility ul li {position:relative;margin-top:3px;padding-left:6px;font-size:11px;color:#666666;} .intro_campus .ssafy_facility .facility ul li:first-child {margin-top:0;} .intro_campus .ssafy_facility .facility ul li i {display:block;position:absolute;top:6px;left:0;width:2px;height:2px;background:#666666;} @media only screen and (min-width:360px) { .intro_campus .mob_campus_all {margin-bottom:15px;} .intro_campus .whole_map {margin-bottom:35px;} .intro_campus .whole_map .locate_desc {margin-bottom:10px;padding:10px 9px 8px;} .intro_campus .whole_map .locate_desc span {margin:10px 0 9px 9px;font-size:14px;} .intro_campus .whole_map .locate_desc dl {margin-left:10px;} .intro_campus .whole_map .locate_desc dt {margin-bottom:3px;font-size:12px;} .intro_campus .whole_map .locate_desc dd {margin-bottom:3px;font-size:12px;} .intro_campus .slider_wrap {margin-bottom:35px;} .intro_campus .slider_wrap .ssafy_slider_for {margin-bottom:5px;} .intro_campus .slider_wrap .ssafy_slider_nav {margin:0 -2px;} .intro_campus .slider_wrap .ssafy_slider_nav .slick-slide {padding:0 2px;} .intro_campus .maps_wrap .map_api {height:300px;} .intro_campus .maps_wrap .map_desc {padding:15px 3.086419% 9px;} .intro_campus .maps_wrap .map_desc .title {padding-left:10px;padding-bottom:8px;font-size:14px;} .intro_campus .maps_wrap .map_desc span {padding:7px 0 8px 40px;font-size:12px;line-height:16px;} .intro_campus .maps_wrap .map_desc span.campus_call {background:url('../images/mob_ico_call.png') no-repeat 10px 11px;background-size:25px 25px;} .intro_campus .maps_wrap .map_desc span.campus_addr {background:url('../images/mob_ico_map.png') no-repeat 10px 11px;background-size:25px 25px;} .intro_campus .ssafy_facility {margin:31px 0 0;} .intro_campus .ssafy_facility .title {padding-bottom:12px;font-size:15px;} .intro_campus .ssafy_facility .facility {margin:0 0 10px;padding:10px 10px 12px;} .intro_campus .ssafy_facility .facility .desc_wrap {padding:11px 0 0;} .intro_campus .ssafy_facility .facility .title {padding-bottom:7px;padding-left:8px;font-size:14px;} .intro_campus .ssafy_facility .facility ul {padding:1px 0 0 9px;} .intro_campus .ssafy_facility .facility ul li {margin-top:4px;padding-left:7px;font-size:12px;} .intro_campus .ssafy_facility .facility ul li i {top:8px;left:0;width:2px;height:2px;} } @media only screen and (min-width:375px) { } @media only screen and (min-width:414px) { .intro_campus .mob_campus_all {margin-bottom:18px;} .intro_campus .whole_map {margin-bottom:40px;} .intro_campus .whole_map .locate_desc {margin-bottom:12px;padding:12px 11px 8px;} .intro_campus .whole_map .locate_desc span {margin:10px 0 10px 11px;font-size:16px;} .intro_campus .whole_map .locate_desc dl {margin-left:11px;} .intro_campus .whole_map .locate_desc dt {margin-bottom:4px;font-size:14px;} .intro_campus .whole_map .locate_desc dd {margin-bottom:4px;font-size:14px;} .intro_campus .slider_wrap {margin-bottom:40px;} /* .intro_campus .slider_wrap .slick-prev {left:11px;width:22px;height:42px;} .intro_campus .slider_wrap .slick-next {right:11px;width:22px;height:42px;} */ .intro_campus .slider_wrap .ssafy_slider_for {margin-bottom:6px;} .intro_campus .slider_wrap .ssafy_slider_nav {margin:0 -3px;} .intro_campus .slider_wrap .ssafy_slider_nav .slick-slide {padding:0 3px;} .intro_campus .maps_wrap .map_api {height:345px;} .intro_campus .maps_wrap .map_desc {padding:17px 3.086419% 13px;} .intro_campus .maps_wrap .map_desc .title {padding-left:10px;padding-bottom:10px;font-size:16px;} .intro_campus .maps_wrap .map_desc span {padding:9px 0 8px 47px;font-size:14px;line-height:18px;} .intro_campus .maps_wrap .map_desc span.campus_call {background:url('../images/mob_ico_call.png') no-repeat 11px 11px;background-size:29px 29px;} .intro_campus .maps_wrap .map_desc span.campus_addr {background:url('../images/mob_ico_map.png') no-repeat 11px 11px;background-size:29px 29px;} .intro_campus .ssafy_facility {margin:35px 0 0;} .intro_campus .ssafy_facility .title {padding-bottom:14px;font-size:17px;} .intro_campus .ssafy_facility .facility {margin:0 0 10px;padding:12px 12px 14px;} .intro_campus .ssafy_facility .facility .desc_wrap {padding:11px 0 0;} .intro_campus .ssafy_facility .facility .title {padding-bottom:10px;padding-left:8px;font-size:16px;} .intro_campus .ssafy_facility .facility ul {padding:1px 0 0 9px;} .intro_campus .ssafy_facility .facility ul li {margin-top:4px;padding-left:9px;font-size:14px;} .intro_campus .ssafy_facility .facility ul li i {top:9px;left:0;width:3px;height:3px;} } @media (min-width:768px) { .intro_campus .whole_map {display:none;} .intro_campus .campus_all {display:block;} .intro_campus .mob_campus_all {display:none;} .intro_campus .slider_wrap {margin-bottom:80px;} .intro_campus .slider_wrap li {display:block !important;} .intro_campus .slider_wrap li img {display:block;max-width:100%;height:auto;margin-left:auto;margin-right:auto;} /* .intro_campus .slider_wrap .slick-prev {left:20px;width:39px;height:73px;background:url('../images/btn_slider_prev.png') no-repeat;} .intro_campus .slider_wrap .slick-next {right:20px;width:39px;height:73px;background:url('../images/btn_slider_next.png') no-repeat;} */ .intro_campus .slider_wrap .slick-prev:hover {opacity:1;} .intro_campus .slider_wrap .slick-next:hover {opacity:1;} .intro_campus .slider_wrap .slick-prev:before {content:"";font-size:0;} .intro_campus .slider_wrap .slick-next:before {content:"";font-size:0;} .intro_campus .slider_wrap .slick-slide {outline:0;} .intro_campus .slider_wrap .slick-slide:active, .intro_campus .slider_wrap .slick-slide:focus, .intro_campus .slider_wrap .slick-slide:visited {border:0 !important;outline:0;} .intro_campus .slider_wrap .ssafy_slider_for {margin-bottom:10px;} .intro_campus .slider_wrap .ssafy_slider_nav {margin:0 -5px;} .intro_campus .slider_wrap .ssafy_slider_nav .slick-track {transform:translate3d(0px, 0px, 0px) !important;} .intro_campus .slider_wrap .ssafy_slider_nav .slick-slide {padding:0 5px;} .intro_campus .slider_wrap .ssafy_slider_nav .slick-slide:first-child {padding:0 6.5px 0 4px;} .intro_campus .slider_wrap .ssafy_slider_nav li {cursor:pointer;} .intro_campus .maps_wrap {height:350px;} .intro_campus .maps_wrap .map_api {float:left;width:66.666666%;height:100%;} .intro_campus .maps_wrap .map_desc {float:left;padding:33px 3.333333% 0;width:33.333333%;height:100%;background:#3c93e8;} .intro_campus .maps_wrap .map_desc .title {padding-left:0;padding-bottom:18px;font-size:22px;font-weight:800;color:#fff;border-bottom:1px solid rgba(255,255,255,.2);} .intro_campus .maps_wrap .map_desc span {display:block;padding:11px 0 17px 48px;font-size:16px;color:#fff;line-height:25px;border-bottom:1px solid rgba(255,255,255,.2);} .intro_campus .maps_wrap .map_desc span.campus_call {background:url('../images/ico_call.png') no-repeat 0 17px;background-size:auto;} .intro_campus .maps_wrap .map_desc span.campus_addr {background:url('../images/ico_map.png') no-repeat 0 17px;background-size:auto;border-bottom:1px solid rgba(255,255,255,.2);} .intro_campus .ssafy_facility {margin:73px -0.8333333% 0;} .intro_campus .ssafy_facility .title {display:block;padding-left:29px;padding-bottom:16px;font-size:22px;font-weight:800;color:#010101;} .intro_campus .ssafy_facility li img {display:block;max-width:100%;height:auto;margin-left:auto;margin-right:auto;} .intro_campus .ssafy_facility .facility {float:left;margin:0 0.8196721% 20px;padding:20px 20px 0 20px;width:48.3606557%;height:328px;background:#f0f5f8;} .intro_campus .ssafy_facility .facility img {display:block;max-width:100%;height:auto;margin-left:auto;margin-right:auto;} .intro_campus .ssafy_facility .facility .desc_wrap {padding:22px 0 0;overflow:hidden;} .intro_campus .ssafy_facility .facility .title {float:left;padding-bottom:16px;padding-left:10px;width:50.181818%;font-size:18px;font-weight:700;color:#1f1f1f;} .intro_campus .ssafy_facility .facility ul {float:left;padding:2px 0 0;width:49.818181%;} .intro_campus .ssafy_facility .facility ul li {position:relative;margin-top:3px;padding-left:13px;font-size:14px;color:#666666;} .intro_campus .ssafy_facility .facility ul li:first-child {margin-top:0;} .intro_campus .ssafy_facility .facility ul li i {display:block;position:absolute;top:8px;left:0;width:3px;height:3px;background:#666666;} } @media (min-width:823px) { .intro_campus .ssafy_facility .facility {height:348px;} } @media (min-width:1024px) { .intro_campus .ssafy_facility .facility {height:386px;} } @media (min-width:1100px) { .intro_campus .ssafy_facility .facility {height:446px;} } @media (min-width:1240px) { .intro_campus .campus_all {display:none;} .intro_campus .whole_map {display:block;position:relative;margin-bottom:78px;height:692px;background:url('../images/whole_map.png') no-repeat 50% 83px;} .intro_campus .whole_map .locate_desc {position:absolute;margin-bottom:0;width:310px;height:340px;padding:9px 9px;border:1px solid #dddddd;} .intro_campus .whole_map .locate_desc span {display:block;margin:15px 0 13px 10px;font-size:20px;color:#1f1f1f;} .intro_campus .whole_map .locate_desc span i {font-size:inherit;color:#0997ee;} .intro_campus .whole_map .locate_desc dl {margin-left:10px;overflow:hidden;} .intro_campus .whole_map .locate_desc dt {clear:both;float:left;margin-bottom:2px;width:61px;font-size:14px;color:#777f88;} .intro_campus .whole_map .locate_desc dd {float:left;margin-bottom:2px;width:219px;font-size:14px;color:#4f5a66;} .intro_campus .whole_map .locate_desc.locate_seoul {top:0;left:21px;} .intro_campus .whole_map .locate_desc.locate_daejeon {bottom:2px;left:21px;} .intro_campus .whole_map .locate_desc.locate_gumi {top:0;right:20px;} .intro_campus .whole_map .locate_desc.locate_gwangju {bottom:2px;right:20px;} .intro_campus .ssafy_facility .facility .title {padding-left:19px;} } @media (max-width:767px) { .intro_campus .slider_wrap .slick-prev {left:10px;width: 24px;height: 30px;background-size: 48px auto;} .intro_campus .slider_wrap .slick-next {right:10px;width: 24px;height: 30px;background-size: 48px auto;background-position:-24px 0;} } /* Map Info */ .intro_campus .maps_wrap .map_api .map-info {position:relative;top:-105px;padding:16px 20px 17px 20px;border:1px solid #8c8c8c;border-radius:5px;background-color:#fff;color:#7d7d7d;font-size:14px;} .intro_campus .maps_wrap .map_api .map-info.no-number {top:-114px;} .intro_campus .maps_wrap .map_api .map-info p {margin:0 0 13px 0;color:#363636;font-size:18px;font-weight:500;} .intro_campus .maps_wrap .map_api .map-info .close {position:absolute;right:10px;top:10px;display:block;width:36px;height:35px;background:url(../images/btn_mapinfo_close.png) no-repeat center center;text-indent:-9999px;} .intro_campus .maps_wrap .map_api .map-info em {position:absolute;left:50%;bottom:-20px;display:block;width:18px;height:20px;margin:0 0 0 -9px;background:url(../images/arrow-mapinfo.png) no-repeat 0 0;background-size:100% auto;} @media screen and (max-width:1024px){ .intro_campus .maps_wrap .map_api .map-info {top:-72px;padding:8px 10px 7px 10px;font-size:12px;} .intro_campus .maps_wrap .map_api .map-info.no-number {top:-67px;} .intro_campus .maps_wrap .map_api .map-info p {display:none;} .intro_campus .maps_wrap .map_api .map-info .close {display:none;} .intro_campus .maps_wrap .map_api .map-info em {bottom:-10px;width:9px;height:10px;} } /* SSAFY LIFE - SSAFY News List */ .ssafy_news .tab_btn li {width:33.3333333% !important;} .ssafy_news .news_list {overflow:hidden;} .ssafy_news .news_list li {border-bottom:1px solid #eeeeee;} .ssafy_news .news_list li:first-child {border-top:1px solid #1f1f1f;} .ssafy_news .news_list li a {position:relative;display:block;padding:16px 0 19px;width:100%;height:100%;} .ssafy_news .news_list li a .title {margin-bottom:10px;font-size:12px;font-weight:700;color:#1f1f1f;line-height:1;letter-spacing:-0.8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .ssafy_news .news_list li a .title img {margin:0; margin-top:-5px} .ssafy_news .news_list li a .desc {margin-bottom:14px;font-size:11px;font-weight:100;color:#666666;line-height:1.7;letter-spacing:-0.8px;/*white-space:pre-line*/;} .ssafy_news .news_list li a .news_info {padding:0;} .ssafy_news .news_list li a .news_info:after {display:block;visibility:hidden;clear:both;content:""} .ssafy_news .news_list li a .news_info .date {float:right;font-size:11px;color:#999999;line-height:1;} .ssafy_news .news_list li a .news_info .ico_view {float:left;padding-left:18px;font-size:11px;font-weight:700;color:#6e7c8c;line-height:1;background:url('../images/mob_ico_view.png') no-repeat left center;background-size:auto 10px;} .ssafy_news .news_list li a img {margin-top:9px;margin-bottom:7px;max-height:162px;margin-left:auto;margin-right:auto;} .ssafy_news .news_list li.type_list a img {display:none;} .ssafy_news .news_list li.type_list a .title img {display:inline-block !important;} @media only screen and (min-width:360px) { .ssafy_news .news_list li a {padding:19px 0 23px;} .ssafy_news .news_list li a .title {margin-bottom:11px;font-size:14px;} .ssafy_news .news_list li a .desc {margin-bottom:16px;font-size:12px;} .ssafy_news .news_list li a .news_info .date {font-size:12px;} .ssafy_news .news_list li a .news_info .ico_view {padding-left:20px;font-size:12px;background-size:auto 12px;} .ssafy_news .news_list li a img {margin-top:11px;margin-bottom:7px;max-height:182px;} } @media only screen and (min-width:375px) { .ssafy_news .news_list li a {padding:20px 0 23px;} .ssafy_news .news_list li a .title {margin-bottom:11px;font-size:15px;} .ssafy_news .news_list li a .desc {margin-bottom:17px;font-size:13px;} .ssafy_news .news_list li a .news_info .date {font-size:13px;} .ssafy_news .news_list li a .news_info .ico_view {padding-left:21px;font-size:13px;background-size:auto 13px;} .ssafy_news .news_list li a img {margin-top:11px;margin-bottom:8px;max-height:190px;} } @media only screen and (min-width:414px) { .ssafy_news .news_list li a {padding:22px 0 25px;} .ssafy_news .news_list li a .title {margin-bottom:12px;font-size:16px;} .ssafy_news .news_list li a .desc {margin-bottom:18px;font-size:14px;} .ssafy_news .news_list li a .news_info .date {font-size:13px;} .ssafy_news .news_list li a .news_info .ico_view {padding-left:24px;font-size:14px;background-size:auto 14px;} .ssafy_news .news_list li a img {margin-top:12px;margin-bottom:9px;max-height:209px;} } @media (min-width:768px) { .ssafy_news .news_list {margin:0 -1%;overflow:hidden;} .ssafy_news .news_list li {float:left;margin:0 1% 15px;width:48%;height:458px;border:1px solid #eeeeee;} .ssafy_news .news_list li:first-child {border-top:1px solid #eeeeee;} .ssafy_news .news_list li a {position:relative;display:block;padding:24px 7.051546% 29px;width:100%;height:100%;} .ssafy_news .news_list li a .title {margin-bottom:10px;font-size:18px;font-weight:700;color:#1f1f1f;line-height:28px;letter-spacing:-0.8px;overflow:hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 2; /* 라인수 */-webkit-box-orient: vertical;word-wrap:break-word;height:56px;white-space:normal;} .ssafy_news .news_list li a .desc {margin-bottom:17px;font-size:14px;font-weight:400;color:#666666;line-height:24px;letter-spacing:-0.8px;} .ssafy_news .news_list li a .news_info {padding:18px 0 0;border-top:1px solid #eeeeee;} .ssafy_news .news_list li a .news_info .date {float:left;font-size:14px;color:#999999;line-height:1;} .ssafy_news .news_list li a .news_info .ico_view {float:right;padding-left:21px;font-size:12px;color:#6e7c8c;line-height:1;background:url('../images/ico_view.png') no-repeat left center;background-size:auto;} .ssafy_news .news_list li a img {margin-top:19px;max-height:200px;margin-left:auto;margin-right:auto;} .ssafy_news .news_list li.type_list a img {display:none;} .ssafy_news .news_list li.type_list a .news_info {position:absolute;bottom:29px;left:7.051546%;width:85.915492%;} } @media (min-width:1025px) { .ssafy_news .news_list {margin:0 -0.617283%;} .ssafy_news .news_list li {margin:0 0.617283% 15px;width:32.098765%;height:482px;} .ssafy_news .news_list li a {padding:34px 10.051546% 39px;} .ssafy_news .news_list li.type_list a .news_info {bottom:39px;left:10.051546%;width:79.896907%;} } /* SSAFY LIFE - SSAFY News View */ .ssafy_news_view .subject_wrap {padding:14px 0 19px;border-top:1px solid #1f1f1f;overflow:hidden;} .ssafy_news_view .subject {margin-bottom:18px;font-size:12px;} .ssafy_news_view .news_info {text-align:left;font-size:0;} .ssafy_news_view .news_info .date {display:inline-block;margin-right:9px;padding-right:8px;font-size:11px;color:#666666;line-height:1;vertical-align:top;border-right:1px solid #e3e7eb;} .ssafy_news_view .news_info .ico_view {display:inline-block;padding-left:18px;font-size:11px;font-weight:700;color:#6e7c8c;background:url('../images/mob_ico_view.png') no-repeat left center;background-size:auto 10px;line-height:1;vertical-align:top;} .ssafy_news_view .content {padding:21px 4% 18px;border-top:1px solid #e0e6ea;border-bottom:1px solid #e0e6ea;} .ssafy_news_view .content img {max-width:100%;height:auto !important;} @media only screen and (min-width:360px) { .ssafy_news_view .subject_wrap {padding:15px 0 21px;} .ssafy_news_view .subject {margin-bottom:20px;font-size:14px;} .ssafy_news_view .news_info .date {margin-right:10px;padding-right:9px;font-size:12px;} .ssafy_news_view .news_info .ico_view {padding-left:20px;font-size:13px;background-size:auto 11px;} .ssafy_news_view .content {padding:23px 4% 20px;} } @media only screen and (min-width:375px) { .ssafy_news_view .subject_wrap {padding:16px 0 21px;} .ssafy_news_view .subject {margin-bottom:22px;font-size:15px;} .ssafy_news_view .news_info .date {margin-right:11px;padding-right:10px;font-size:13px;} .ssafy_news_view .news_info .ico_view {padding-left:21px;font-size:13px;background-size:auto 12px;} .ssafy_news_view .content {padding:25px 4% 21px;} } @media only screen and (min-width:414px) { .ssafy_news_view .subject_wrap {padding:18px 0 24px;} .ssafy_news_view .subject {margin-bottom:24px;font-size:16px;} .ssafy_news_view .news_info .date {margin-right:12px;padding-right:11px;font-size:14px;} .ssafy_news_view .news_info .ico_view {padding-left:23px;font-size:14px;background-size:auto 14px;} .ssafy_news_view .content {padding:28px 4% 24px;} } @media (min-width:768px) { .ssafy_news_view .subject_wrap {padding:18px 0 22px;border-top:1px solid #1f1f1f;overflow:hidden;} .ssafy_news_view .subject {float:left;margin-bottom:0;padding-left:3%;width:72.333333%;font-size:18px;} .ssafy_news_view .news_info {float:left;padding-top:5px;padding-right:1.583333%;width:27.666666%;text-align:right;font-size:0;} .ssafy_news_view .news_info .date {display:inline-block;margin-right:0;padding-right:0;font-size:16px;color:#666666;line-height:1;vertical-align:top;border:0;} .ssafy_news_view .news_info .ico_view {display:inline-block;margin-top:2px;margin-left:20px;padding-left:21px;font-size:12px;font-weight:700;color:#6e7c8c;background:url('../images/ico_view.png') no-repeat left center;background-size:auto;line-height:1;vertical-align:top;} .ssafy_news_view .content {padding:44px 4% 52px;border:1px solid #e0e6ea;} } @media (min-width:1024px) { .ssafy_news_view .subject {width:80.333333%;} .ssafy_news_view .news_info {width:19.666666%;} } /* SSAFY News Source Logo */ .page_desc.news_page_desc {margin-bottom:17px;} .source_img {display:inline-block;margin-bottom:9px;} .source_img img {max-height:21px;} @media only screen and (min-width:360px) { .page_desc.news_page_desc {margin-bottom:22px;} .source_img {margin-bottom:10px;} .source_img img {max-height:24px;} } @media only screen and (min-width:375px) { .page_desc.news_page_desc {margin-bottom:22px;} .source_img {margin-bottom:10px;} .source_img img {max-height:25px;} } @media only screen and (min-width:414px) { .page_desc.news_page_desc {margin-bottom:25px;} .source_img {margin-bottom:11px;} .source_img img {max-height:28px;} } @media (min-width:768px) { .page_desc.news_page_desc {margin-bottom:7px;} .source_img {display:inline-block;margin-bottom:15px;} .source_img img {max-height:100%;} } /* SSAFY LIFE - Campus */ .intro_campus .tab_btn li {width:20% !important;} /* Apply Intro */ .apply_intro:after {display:block;visibility:hidden;clear:both;content:""} .apply_intro .apply_qualifi {margin-bottom:15px;} .apply_intro .apply_qualifi:after {display:block;visibility:hidden;clear:both;content:""} .apply_intro .apply_cont {margin-bottom:49px;} .apply_intro .apply_cont:after {display:block;visibility:hidden;clear:both;content:""} .apply_intro .title_wrap {margin-bottom:1px;padding:16px 0 15px 6.172839%;-webkit-box-shadow: 5px 5px 10px 1px rgba(0,0,0,.11); box-shadow: 5px 5px 10px 1px rgba(0,0,0,.11);} .apply_intro .title_wrap span {font-size:13px;font-weight:800;} .apply_intro .cont_wrap {padding:0} .apply_intro .cont_wrap .desc {padding:18px 0 18px 6.172839%;border-top:1px solid #e1e1e1;} .apply_intro .cont_wrap .desc:first-child {border-top:0;} .apply_intro .cont_wrap .desc .tit {display:block;margin-bottom:7px;font-size:12px;font-weight:800;} .apply_intro .cont_wrap .desc ul li {position:relative;margin-top:1px;padding-left:7px;font-size:11px;line-height:1.7;} .apply_intro .cont_wrap .desc ul li:first-child {margin-top:0;} .apply_intro .cont_wrap .desc ul li i {display:block;position:absolute;top:7px;left:0;width:2px;height:2px;background:#666666;} .apply_intro .cont_wrap .desc p {margin-top:1px;padding-left:7px;font-size:11px;color:#666;;line-height:1.7;} .apply_intro .apply_step_wrap {margin-bottom:28px;} .apply_intro .apply_step:after {display:block;visibility:hidden;clear:both;content:""} .apply_intro .apply_step .step_box {float:left;margin-bottom:40px;width:50%;border:1px solid #eeeeee;} .apply_intro .apply_step .step_box span.round_step {display:block;margin:-23px auto 0;width:46px;height:46px;font-size:11px;font-weight:700;color:#ffffff;background:#ccd5dc;border-radius:50%;text-align:center;line-height:1;} .apply_intro .apply_step .step_box span.round_step i {display:block;padding:7px 0 1px;font-size:18px;font-weight:800;color:#ffffff;line-height:1;} .apply_intro .apply_step .step_box p {padding:72px 0 1px;font-size:16px;text-align:center;} .apply_intro .apply_step .step_box .date {display:block;padding-bottom:21px;font-size:12px;color:#999999;text-align:center;} .apply_intro .apply_step .step_box .step2_date {display:block;padding-bottom:3px;font-size:12px;color:#999999;text-align:center;} .apply_intro .apply_step .step_box.step1 p {background:url('../images/mob_ico_apply_step1.png') no-repeat 50% 19px;background-size:auto 41px;} .apply_intro .apply_step .step_box.step2 {border-left:0;} .apply_intro .apply_step .step_box.step2 p {background:url('../images/mob_ico_apply_step2.png') no-repeat 50% 17px;background-size:auto 46px;} .apply_intro .apply_step .step_box.step3 {margin-bottom:0;} .apply_intro .apply_step .step_box.step3 p {background:url('../images/mob_ico_apply_step3.png') no-repeat 50% 21px;background-size:auto 40px;} .apply_intro .apply_step .step_box.step4 {margin-bottom:0;border-left:0;} .apply_intro .apply_step .step_box.step4 p {background:url('../images/mob_ico_apply_step4.png') no-repeat 50% 21px;background-size:auto 40px;} .apply_intro .apply_step_wrap .sub_desc {position:relative;margin-top:15px;padding-left:7px;font-size:11px;color:#666666;} .apply_intro .apply_step_wrap .sub_desc i {position:absolute;top:0;left:0;font-size:inherit;} .apply_intro .sw_test_desc {padding:13px 2.327160% 14px 6.327160%;background:#f0f5f8;overflow:hidden;} .apply_intro .sw_test_desc span {display:block;font-size:12px;font-weight:700;color:#3c90e2;} .apply_intro .sw_test_desc p {position:relative;font-size:12px;color:#1f1f1f;line-height:18px;letter-spacing:-1px;} .apply_intro .sw_test_desc p i {display:none;} .apply_intro .btn_box {clear:both;} @media only screen and (min-width:360px) { .apply_intro .apply_qualifi {margin-bottom:15px;} .apply_intro .apply_cont {margin-bottom:54px;} .apply_intro .title_wrap {margin-bottom:1px;padding:19px 0 17px 6.172839%;-webkit-box-shadow: 5px 5px 10px 1px rgba(0,0,0,.11); box-shadow: 5px 5px 10px 1px rgba(0,0,0,.11);} .apply_intro .title_wrap span {font-size:15px;} .apply_intro .cont_wrap .desc {padding:21px 0 22px 6.172839%;} .apply_intro .cont_wrap .desc .tit {margin-bottom:6px;font-size:14px;} .apply_intro .cont_wrap .desc ul li {margin-top:1px;padding-left:7px;font-size:12px;} .apply_intro .cont_wrap .desc ul li i {top:8px;left:0;width:3px;height:3px;} .apply_intro .cont_wrap .desc p {margin-top:1px;padding-left:7px;font-size:12px;} .apply_intro .apply_step_wrap {margin-bottom:32px;} .apply_intro .apply_step .step_box {margin-bottom:45px;} .apply_intro .apply_step .step_box span.round_step {margin:-26px auto 0;width:52px;height:52px;font-size:12px;} .apply_intro .apply_step .step_box span.round_step i {padding:8px 0 2px;font-size:20px;} .apply_intro .apply_step .step_box p {padding:82px 0 1px;font-size:18px;} .apply_intro .apply_step .step_box .date {padding-bottom:24px;font-size:13px;} .apply_intro .apply_step .step_box .step2_date {padding-bottom:5px;font-size:13px;} .apply_intro .apply_step .step_box.step1 p {background:url('../images/mob_ico_apply_step1.png') no-repeat 50% 21px;background-size:auto 46px;} .apply_intro .apply_step .step_box.step2 p {background:url('../images/mob_ico_apply_step2.png') no-repeat 50% 17px;background-size:auto 52px;} .apply_intro .apply_step .step_box.step3 p {background:url('../images/mob_ico_apply_step3.png') no-repeat 50% 21px;background-size:auto 45px;} .apply_intro .apply_step .step_box.step4 p {background:url('../images/mob_ico_apply_step4.png') no-repeat 50% 21px;background-size:auto 45px;} .apply_intro .apply_step_wrap .sub_desc {margin-top:16px;padding-left:8px;font-size:12px;} .apply_intro .apply_step_wrap .sub_desc i {top:1px;} .apply_intro .sw_test_desc {padding:17px 2.327160% 16px 6.327160%;} .apply_intro .sw_test_desc span {margin-bottom:3px;font-size:13px;} .apply_intro .sw_test_desc p {font-size:13px;line-height:20px;} } @media only screen and (min-width:375px) { .apply_intro .apply_qualifi {margin-bottom:15px;} .apply_intro .apply_cont {margin-bottom:57px;} .apply_intro .title_wrap {margin-bottom:1px;padding:19px 0 18px 6.172839%;-webkit-box-shadow: 5px 5px 10px 1px rgba(0,0,0,.11); box-shadow: 5px 5px 10px 1px rgba(0,0,0,.11);} .apply_intro .title_wrap span {font-size:16px;} .apply_intro .cont_wrap .desc {padding:22px 0 22px 6.172839%;} .apply_intro .cont_wrap .desc .tit {margin-bottom:5px;font-size:15px;} .apply_intro .cont_wrap .desc ul li {margin-top:1px;padding-left:8px;font-size:13px;} .apply_intro .cont_wrap .desc ul li i {top:9px;left:0;width:3px;height:3px;} .apply_intro .cont_wrap .desc p {margin-top:1px;padding-left:8px;font-size:13px;} .apply_intro .apply_step_wrap {margin-bottom:34px;} .apply_intro .apply_step .step_box {margin-bottom:47px;} .apply_intro .apply_step .step_box span.round_step {margin:-27px auto 0;width:54px;height:54px;font-size:13px;} .apply_intro .apply_step .step_box span.round_step i {padding:8px 0 2px;font-size:21px;} .apply_intro .apply_step .step_box p {padding:85px 0 1px;font-size:19px;} .apply_intro .apply_step .step_box .date {padding-bottom:24px;font-size:14px;} .apply_intro .apply_step .step_box .step2_date {padding-bottom:3px;font-size:14px;} .apply_intro .apply_step .step_box.step1 p {background:url('../images/mob_ico_apply_step1.png') no-repeat 50% 22px;background-size:auto 48px;} .apply_intro .apply_step .step_box.step2 p {background:url('../images/mob_ico_apply_step2.png') no-repeat 50% 18px;background-size:auto 54px;} .apply_intro .apply_step .step_box.step3 p {background:url('../images/mob_ico_apply_step3.png') no-repeat 50% 22px;background-size:auto 47px;} .apply_intro .apply_step .step_box.step4 p {background:url('../images/mob_ico_apply_step4.png') no-repeat 50% 22px;background-size:auto 47px;} .apply_intro .apply_step_wrap .sub_desc {margin-top:16px;font-size:13px;} .apply_intro .sw_test_desc {padding:17px 2.327160% 16px 6.327160%;} .apply_intro .sw_test_desc span {margin-bottom:3px;font-size:14px;} .apply_intro .sw_test_desc p {font-size:14px;line-height:21px;} } @media only screen and (min-width:414px) { .apply_intro .apply_qualifi {margin-bottom:15px;} .apply_intro .apply_cont {margin-bottom:64px;} .apply_intro .title_wrap {margin-bottom:1px;padding:22px 0 20px 6.172839%;-webkit-box-shadow: 5px 5px 10px 1px rgba(0,0,0,.11); box-shadow: 5px 5px 10px 1px rgba(0,0,0,.11);} .apply_intro .title_wrap span {font-size:17px;} .apply_intro .cont_wrap .desc {padding:24px 0 24px 6.172839%;} .apply_intro .cont_wrap .desc .tit {margin-bottom:7px;font-size:16px;} .apply_intro .cont_wrap .desc ul li {margin-top:2px;padding-left:9px;font-size:14px;} .apply_intro .cont_wrap .desc ul li i {top:9px;left:0;width:3px;height:3px;} .apply_intro .cont_wrap .desc p {margin-top:2px;padding-left:9px;font-size:14px;} .apply_intro .apply_step_wrap {margin-bottom:37px;} .apply_intro .apply_step .step_box {margin-bottom:53px;} .apply_intro .apply_step .step_box span.round_step {margin:-30px auto 0;width:60px;height:60px;font-size:14px;} .apply_intro .apply_step .step_box span.round_step i {padding:9px 0 2px;font-size:23px;} .apply_intro .apply_step .step_box p {padding:94px 0 2px;font-size:21px;} .apply_intro .apply_step .step_box .date {padding-bottom:28px;font-size:14px;} .apply_intro .apply_step .step_box .step2_date {padding-bottom:7px;font-size:14px;} .apply_intro .apply_step .step_box.step1 p {background:url('../images/mob_ico_apply_step1.png') no-repeat 50% 24px;background-size:auto 53px;} .apply_intro .apply_step .step_box.step2 p {background:url('../images/mob_ico_apply_step2.png') no-repeat 50% 20px;background-size:auto 60px;} .apply_intro .apply_step .step_box.step3 p {background:url('../images/mob_ico_apply_step3.png') no-repeat 50% 24px;background-size:auto 52px;} .apply_intro .apply_step .step_box.step4 p {background:url('../images/mob_ico_apply_step4.png') no-repeat 50% 24px;background-size:auto 52px;} .apply_intro .apply_step_wrap .sub_desc {margin-top:20px;padding-left:9px;font-size:14px;} .apply_intro .sw_test_desc {padding:19px 2.327160% 18px 6.327160%;} .apply_intro .sw_test_desc span {margin-bottom:4px;font-size:15px;} .apply_intro .sw_test_desc p {font-size:15px;line-height:23px;} } @media (min-width:768px) { .apply_intro:after {display:block;visibility:hidden;clear:both;content:""} .apply_intro .apply_qualifi {margin-bottom:69px;} .apply_intro .apply_qualifi:after {display:block;visibility:hidden;clear:both;content:""} .apply_intro .apply_cont {margin-bottom:117px;} .apply_intro .apply_cont:after {display:block;visibility:hidden;clear:both;content:""} .apply_intro .title_wrap {float:left;margin-bottom:0;margin-right:5.25%;padding:36px 30px 0 0;width:29.25%;height:171px;text-align:right;-webkit-box-shadow: 10px 10px 20px 1px rgba(0,0,0,.11); box-shadow: 10px 10px 20px 1px rgba(0,0,0,.11);} .apply_intro .title_wrap span {font-size:28px;font-weight:800;} .apply_intro .cont_wrap {float:left;padding:21px 0 0;width:65.5%;} .apply_intro .cont_wrap .desc {padding:19px 0 22px 33px;border-top:1px solid #e1e1e1;} .apply_intro .cont_wrap .desc:first-child {border-top:0;} .apply_intro .cont_wrap .desc .tit {display:block;margin-bottom:13px;font-size:18px;font-weight:800;} .apply_intro .cont_wrap .desc ul li {position:relative;margin-top:2px;padding-left:12px;font-size:16px;line-height:1.5;} .apply_intro .cont_wrap .desc ul li:first-child {margin-top:0;} .apply_intro .cont_wrap .desc ul li i {display:block;position:absolute;top:11px;left:0;width:3px;height:3px;background:#666666;} .apply_intro .cont_wrap .desc p {margin-top:2px;padding-left:12px;font-size:16px;color:#666;line-height:1.5;} .apply_intro .apply_step_wrap {margin-bottom:57px;} .apply_intro .apply_step {border-left:1px solid #eeeeee;border-top:1px solid #eeeeee;} .apply_intro .apply_step:after {display:block;visibility:hidden;clear:both;content:""} .apply_intro .apply_step .step_box {float:left;margin:0;width:25%;border:0;border-bottom:1px solid #eeeeee;border-right:1px solid #eeeeee;} .apply_intro .apply_step .step_box span.round_step {display:block;margin:-46px auto 0;width:92px;height:92px;font-size:16px;font-weight:700;color:#ffffff;background:#ccd5dc;border-radius:50%;text-align:center;line-height:1;} .apply_intro .apply_step .step_box span.round_step i {display:block;padding:14px 0 1px;font-size:40px;font-weight:800;color:#ffffff;line-height:1;} .apply_intro .apply_step .step_box p {padding:103px 0 4px;font-size:22px;text-align:center;} .apply_intro .apply_step .step_box .date {display:block;padding-bottom:67px;font-size:16px;color:#999999;text-align:center;} .apply_intro .apply_step .step_box .step2_date {display:block;padding-bottom:43px;font-size:16px;color:#999999;text-align:center;} .apply_intro .apply_step .step_box.step1 p {background:url('../images/ico_apply_step1.png') no-repeat 50% 33px;background-size:auto;} .apply_intro .apply_step .step_box.step2 p {background:url('../images/ico_apply_step2.png') no-repeat 50% 33px;background-size:auto;} .apply_intro .apply_step .step_box.step3 p {background:url('../images/ico_apply_step3.png') no-repeat 50% 33px;background-size:auto;} .apply_intro .apply_step .step_box.step4 p {background:url('../images/ico_apply_step4.png') no-repeat 50% 33px;background-size:auto;} .apply_intro .apply_step_wrap .sub_desc {position:relative;margin-top:15px;padding-left:10px;font-size:16px;color:#666666;} .apply_intro .apply_step_wrap .sub_desc i {position:absolute;top:0;left:0;font-size:inherit;} .apply_intro .sw_test_desc {padding:46px 4.25% 47px;background:#f0f5f8;overflow:hidden;} .apply_intro .sw_test_desc span {float:left;width:13.836065%;font-size:18px;font-weight:700;color:#3c90e2;} .apply_intro .sw_test_desc p {position:relative;float:left;padding-left:21px;width:86.163934%;font-size:16px;color:#1f1f1f;line-height:1.5;} .apply_intro .sw_test_desc p i {display:none;position:absolute;top:5px;left:0;width:1px;height:17px;background:#ccd5dc;} .apply_intro .btn_box {clear:both;margin-top:60px;} } @media (min-width:1024px) { .apply_intro .sw_test_desc span {width:11.836065%;} .apply_intro .sw_test_desc p {width:88.163934%;} .apply_intro .sw_test_desc p i {display:block;} } @media (min-width:1200px) { .apply_intro .sw_test_desc span {width:9.836065%;} .apply_intro .sw_test_desc p {width:90.163934%;} } /* Notice List */ .notice_list .board_th {display:none;} .notice_list .board_td {border-top:1px solid #1f1f1f;border-bottom:1px solid #1f1f1f;} .notice_list .board_td:after {display:block;visibility:hidden;clear:both;content:""} .notice_list .board_td li {position:relative;display:block;padding:15px 0;width:100%;font-size:0;border-bottom:1px solid #e0e6ea;} .notice_list .board_td li:hover {background:#fafbfd;} .notice_list .board_td li:last-child {border:0;} .notice_list .board_td li .td {display:block;color:#1f1f1f;vertical-align:middle;} .notice_list .board_td li .td1 .ico_noti {display:none;} .notice_list .board_td li .td1 {padding:0;width:100%;font-size:12px;text-align:left;} .notice_list .board_td li .td1 .new {display:none;margin-top:2px;margin-left:5px;padding-right:1px;width:16px;height:16px;font-size:11px;color:#fff;background:#3c90e2;text-align:center;border-radius:50%;line-height:16px;vertical-align:top;} .notice_list .board_td li .td1 .new.active {display:inline-block;} .notice_list .board_td li .td1 a {font-size:inherit;} .notice_list .board_td li .td1 a:hover {text-decoration:underline;} .notice_list .board_td li .td2 {padding-top:14px;right:0;font-size:11px;color:#777f88;text-align:right;line-height:1;} .notice_list .board_td li.top {border-color:#57c0eb;} .notice_list .board_td li.top .td1 .ico_noti {display:inline;font-size:inherit;color:#3c90e2;} @media only screen and (min-width:360px) { .notice_list .board_td li {padding:18px 0 18px;} .notice_list .board_td li .td1 {padding:0;font-size:14px;} .notice_list .board_td li .td1 .new {margin-top:3px;} .notice_list .board_td li .td2 {padding-top:18px;font-size:12px;} } @media only screen and (min-width:375px) { .notice_list .board_td li {padding:18px 0 18px;} .notice_list .board_td li .td1 {padding:0;font-size:14px;} .notice_list .board_td li .td2 {padding-top:18px;font-size:13px;} } @media only screen and (min-width:414px) { .notice_list .board_td li {padding:20px 0 19px;} .notice_list .board_td li .td1 {padding:0;font-size:16px;} .notice_list .board_td li .td1 .new {margin-top:5px;} .notice_list .board_td li .td2 {padding-top:18px;font-size:14px;} } @media (min-width:768px) { .notice_list .board_th {display:block;width:100%;height:70px;border-top:2px solid #1f1f1f;border-bottom:1px solid #1f1f1f;} .notice_list .board_th .th {display:block;padding:19px 0 0;float:left;font-size:18px;text-align:center;vertical-align:middle;} .notice_list .board_th .td1 {width:81.333333%;} .notice_list .board_th .th2 {width:18.666666%;} .notice_list .board_td {border-top:0;border-bottom:1px solid #1f1f1f;} .notice_list .board_td:after {display:block;visibility:hidden;clear:both;content:""} .notice_list .board_td li {position:static;display:block;padding:0;width:100%;border-bottom:1px solid #e0e6ea;overflow:hidden;} .notice_list .board_td li:hover {background:#fafbfd;} .notice_list .board_td li:last-child {border:0;} .notice_list .board_td li .td {display:block;float:left;height:69px;color:#1f1f1f;vertical-align:middle;} .notice_list .board_td li .td1 {padding:23px 0 0;width:81.333333%;font-size:16px;text-align:left;} .notice_list .board_td li .td1 .new {display:none;margin-top:3px;margin-left:8px;padding-right:2px;width:20px;height:20px;font-size:12px;color:#fff;background:#3c90e2;text-align:center;border-radius:50%;line-height:20px;vertical-align:top;} .notice_list .board_td li .td1 .new.active {display:inline-block;} .notice_list .board_td li .td1 a {display:inline-block;padding-left:4.610655%;max-width:94%;font-size:inherit;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;} .notice_list .board_td li .td1 a:hover {text-decoration:underline;} .notice_list .board_td li .td2 {position:static;padding:23px 0 0;width:18.666666%;font-size:16px;color:#1f1f1f;text-align:center;line-height:1.5;} } @media (min-width:1024px) { .notice_list .board_td li .td1 a {max-width:95%;} } @media (min-width:1200px) { .notice_list .board_td li .td1 a {max-width:96%;} } /* Notice View */ .board_view .board_title {padding:14px 0 14px;border-top:1px solid #1f1f1f;overflow:hidden;} .board_view .board_title p {position:relative;display:block;margin-bottom:6px;font-size:13px;} .board_view .board_title .date {display:block;margin-top:4px;font-size:11px;color:#666666;} .board_view .content {padding:15px 4% 15px;font-size:12px;line-height:1.75;border-top:1px solid #e0e6ea;border-bottom:1px solid #e0e6ea;} .board_view .content span {font-size: inherit} .board_view .content img {max-width:100%;height:auto !important;} .board_view .file_wrap {padding-top:13px;padding-bottom:6px;border-bottom:1px solid #e0e6ea;} .board_view .file_wrap .title {margin-bottom:13px;font-size:0;} .board_view .file_wrap .title span {margin-right:9px;font-size:11px;line-height:1;} .board_view .file_wrap .title span i {font-size:inherit;color:#3c90e2;line-height:1;} .board_view .file_wrap .title .save_all {position:relative;padding-left:9px;padding-right:15px;font-size:11px;line-height:1;background:url('../images/mob_ico_save_all.png') no-repeat right center;background-size:auto 10px;} .board_view .file_wrap .title .save_all .bar {position:absolute;left:0;top:3px;display:block;width:1px;height:11px;background:#e3e7eb;} .board_view .file_wrap .file_list {padding:0 3.395061%;font-size:0;} .board_view .file_wrap .file_list li {display:block;margin-bottom:9px;} .board_view .file_wrap .file_list li:last-child {margin-right:0;} .board_view .file_wrap .file_list li a {display:inline-block;margin-bottom:0;padding-left:26px;font-size:11px;color:#666666;line-height:1;background:url('../images/mob_ico_file.png') no-repeat left center;background-size:auto 11px;} .board_view .file_wrap .file_list li a:hover {text-decoration:underline;} .board_view .adm_answer {display:none;margin-top:10px;} .board_view .adm_answer.active {display:block;} .board_view .adm_answer .title {display:block;margin-bottom:11px;font-size:13px;font-weight:800;} .board_view .adm_answer .content {padding:15px 4% 15px;font-size:12px;line-height:1.75;border:1px solid #e3e7eb;white-space:pre-line;background:#f0f5f8;} @media only screen and (min-width:360px) { .board_view .board_title {padding:15px 0 16px;} .board_view .board_title p {margin-bottom:6px;font-size:15px;} .board_view .board_title .date {margin-top:4px;font-size:12px;} .board_view .content {padding:17px 4% 17px;font-size:14px;} .board_view .file_wrap {padding-top:15px;padding-bottom:5px;} .board_view .file_wrap .title {margin-bottom:16px;} .board_view .file_wrap .title span {margin-right:10px;font-size:12px;} .board_view .file_wrap .title .save_all {padding-left:10px;padding-right:18px;font-size:12px;background-size:auto 11px;} .board_view .file_wrap .title .save_all .bar {top:3px;height:12px;} .board_view .file_wrap .file_list li {margin-bottom:13px;} .board_view .file_wrap .file_list li a {padding-left:29px;font-size:12px;background-size:auto 13px;} .board_view .adm_answer {margin-top:12px;} .board_view .adm_answer .title {display:block;margin-bottom:12px;font-size:15px;} .board_view .adm_answer .content {padding:17px 4% 17px;font-size:14px;} } @media only screen and (min-width:375px) { .board_view .board_title {padding:15px 0 16px;} .board_view .board_title p {margin-bottom:6px;font-size:16px;} .board_view .board_title .date {margin-top:4px;font-size:13px;} .board_view .content {padding:17px 4% 17px;font-size:14px;} .board_view .file_wrap {padding-top:16px;padding-bottom:3px;} .board_view .file_wrap .title {margin-bottom:17px;} .board_view .file_wrap .title span {margin-right:10px;font-size:13px;} .board_view .file_wrap .title .save_all {padding-left:10px;padding-right:18px;font-size:13px;background-size:auto 11px;} .board_view .file_wrap .title .save_all .bar {top:3px;height:13px;} .board_view .file_wrap .file_list li {margin-bottom:15px;} .board_view .file_wrap .file_list li a {padding-left:30px;font-size:13px;background-size:auto 14px;} .board_view .adm_answer {margin-top:13px;} .board_view .adm_answer .title {display:block;margin-bottom:13px;font-size:15px;} .board_view .adm_answer .content {padding:17px 4% 17px;font-size:14px;} } @media only screen and (min-width:414px) { .board_view .board_title {padding:17px 0 17px;} .board_view .board_title p {margin-bottom:7px;font-size:17px;} .board_view .board_title .date {margin-top:4px;font-size:14px;} .board_view .content {padding:19px 4% 19px;font-size:16px;} .board_view .file_wrap {padding-top:18px;padding-bottom:3px;} .board_view .file_wrap .title {margin-bottom:21px;} .board_view .file_wrap .title span {margin-right:11px;font-size:14px;} .board_view .file_wrap .title .save_all {padding-left:11px;padding-right:20px;font-size:14px;background-size:auto 13px;} .board_view .file_wrap .title .save_all .bar {top:3px;height:14px;} .board_view .file_wrap .file_list li {margin-bottom:15px;} .board_view .file_wrap .file_list li a {padding-left:34px;font-size:14px;background-size:auto 15px;} .board_view .adm_answer {margin-top:14px;} .board_view .adm_answer .title {display:block;margin-bottom:14px;font-size:17px;} .board_view .adm_answer .content {padding:19px 4% 19px;font-size:16px;} } @media (min-width:768px) { .board_view .board_title {padding:18px 0 21px;border-top:1px solid #1f1f1f;overflow:hidden;} .board_view .board_title p {position:relative;display:block;float:left;margin:0;padding-left:3%;width:83.083333%;font-size:18px;color:#010101;} .board_view .board_title .date {display:block;float:left;margin-top:4px;padding-right:1.583333%;width:16.916666%;font-size:16px;color:#666666;text-align:right;} .board_view .content {margin-bottom:0;padding:34px 4% 51px;font-size:16px;line-height:32px;border:1px solid #e0e6ea;} .board_view .file_wrap {margin-top:25px;padding-top:0;padding-left:3%;padding-bottom:14px;border-bottom:1px solid #e0e6ea;} .board_view .file_wrap .title {margin-bottom:20px;font-size:0;} .board_view .file_wrap .title span {margin-right:10px;font-size:16px;line-height:1;} .board_view .file_wrap .title span i {font-size:inherit;color:#3c90e2;line-height:1;} .board_view .file_wrap .title .save_all {position:relative;padding-left:10px;padding-right:20px;font-size:16px;line-height:1;background:url('../images/ico_save_all.png') no-repeat right center;} .board_view .file_wrap .title .save_all .bar {position:absolute;left:0;top:7px;display:block;width:1px;height:12px;background:#e3e7eb;} .board_view .file_wrap .file_list {padding:0;font-size:0;} .board_view .file_wrap .file_list li {display:inline-block;margin-bottom:12px;margin-right:40px;} .board_view .file_wrap .file_list li:last-child {margin-right:0;} .board_view .file_wrap .file_list li a {display:inline-block;margin-bottom:0;padding-left:36px;min-height:18px;font-size:16px;color:#666666;line-height:1;background:url('../images/ico_file.png') no-repeat left center;background-size:auto;} .board_view .file_wrap .file_list li a:hover {text-decoration:underline;} .board_view .adm_answer {margin-top:54px;} .board_view .adm_answer .title {display:block;margin-bottom:16px;padding-left:1.833333%;font-size:22px;font-weight:800;} .board_view .adm_answer .content {margin-bottom:0;padding:34px 4% 51px;font-size:16px;line-height:32px;} } @media (min-width:320px) and (max-width:1023px) { .board_view table {width:100% !important;} } @media (min-width:1024px) { .board_view table {max-width:903px;} } @media (min-width:1152px) { .board_view table {max-width:1021px;} } @media (min-width:1240px) { .board_view table {max-width:1102px;} } /* input file */ .filebox {width:100%;font-size:0;} .filebox .filename {display:inline-block;padding-left:9px;width:76.851851%;height:35px;line-height:35px;font-size:12px;color:#323232;outline:0;border:1px solid #e3e7eb;border-right:0;} .filebox .btn_file {display:inline-block;width:23.148148%;height:35px;line-height:35px;font-size:12px;color:#fff;text-align:center;vertical-align:middle;background:#6e7c8c;cursor:pointer;} .filebox input[type="file"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0} @media only screen and (min-width:360px) { .filebox .filename {padding-left:9px;width:76.851851%;height:39px;line-height:39px;font-size:14px;} .filebox .btn_file {width:23.148148%;height:39px;line-height:39px;font-size:14px;} } @media only screen and (min-width:375px) { .filebox .filename {padding-left:9px;width:76.851851%;height:41px;line-height:41px;font-size:14px;} .filebox .btn_file {width:23.148148%;height:41px;line-height:41px;font-size:14px;} } @media only screen and (min-width:414px) { .filebox .filename {padding-left:9px;width:76.851851%;height:45px;line-height:45px;font-size:16px;} .filebox .btn_file {width:23.148148%;height:45px;line-height:45px;font-size:16px;} } @media (min-width:768px) { .filebox {width:354px;font-size:0;border:1px solid #e3e7eb;} .filebox .filename {padding-left:20px;width:71.468926%;height:55px;line-height:55px;font-size:16px;border:0;} .filebox .btn_file {width:28.531073%;height:55px;line-height:55px;font-size:16px;} } /* FAQ */ .faq_list .tab_btn li a i {font-size:12px;font-weight:800;color:#0997ee;} .faq_list .tab_contents ul {border-top:1px solid #1f1f1f;border-bottom:1px solid #1f1f1f;} .faq_list .tab_contents ul li {border-top:1px solid #e0e6ea;} .faq_list .tab_contents ul li:first-child {border-top:0;} .faq_list .tab_contents .faq_q {position:relative;padding:15px 11.8055555% 15px 0;overflow:hidden;cursor:pointer;} .faq_list .tab_contents .faq_q .ico_q {display:block;float:left;padding-top:1px;width:15.3543307%;font-size:13px;color:#ef2d2d;text-align:center;line-height:1;} .faq_list .tab_contents .faq_q .subject {display:block;float:left;width:84.6456692%;font-size:12px;color:#1f1f1f;} .faq_list .tab_contents .faq_q .ico_arrow {position:absolute;top:20px;right:3.5%;display:block;width:14px;height:8px;background:url('../images/mob_ico_faq_down.png') no-repeat right center;background-size:14px 8px;} .faq_list .tab_contents .faq_q.active {background:#fafbfd;} .faq_list .tab_contents .faq_q.active .ico_arrow {background:url('../images/mob_ico_faq_up.png') no-repeat 50% 50%;background-size:14px 8px;} .faq_list .tab_contents .faq_a {padding:10px 0 10px 0;overflow:hidden;border-top:1px solid #e0e6ea;} .faq_list .tab_contents .faq_a.active {background:#fafbfd;} .faq_list .tab_contents .faq_a .ico_a {display:block;float:left;padding:3px 0 0;width:13.5416666%;font-size:13px;color:#3c90e2;text-align:center;line-height:1;} .faq_list .tab_contents .faq_a .content {float:left;width:86.4583333%} .faq_list .tab_contents .faq_a .content p {font-size:12px;color:#1f1f1f;line-height:1.75;} .faq_list .tab_contents .faq_a .content .add_question {margin-top:10px;padding:10px 0 0;border-top:1px solid #e0e6ea;overflow:hidden;} .faq_list .tab_contents .faq_a .content .add_question a {display:block;padding:6px 0;font-size:12px;text-align:center;border:1px solid #afb8c0;background:#fff;} .faq_list .tab_contents .faq_a .content .add_question p {margin-top:6px;font-size:12px;color:#666666;} .faq_list .list_none {border-top:1px solid #1f1f1f;} @media only screen and (min-width:360px) { .faq_list .tab_btn li a i {font-size:14px;} .faq_list .tab_contents .faq_q {padding:17px 11.8055555% 17px 0;} .faq_list .tab_contents .faq_q .ico_q {padding-top:1px;font-size:15px;} .faq_list .tab_contents .faq_q .subject {font-size:14px;} .faq_list .tab_contents .faq_q .ico_arrow {top:23px;width:16px;height:9px;background-size:16px 9px;} .faq_list .tab_contents .faq_q.active .ico_arrow {background-size:16px 9px;} .faq_list .tab_contents .faq_a {padding:11px 0 11px 0;} .faq_list .tab_contents .faq_a .ico_a {padding:5px 0 0;font-size:15px;} .faq_list .tab_contents .faq_a .content p {font-size:14px;} .faq_list .tab_contents .faq_a .content .add_question {margin-top:11px;padding:11px 0 0;} .faq_list .tab_contents .faq_a .content .add_question a {padding:7px 0;font-size:14px;} .faq_list .tab_contents .faq_a .content .add_question p {margin-top:7px;font-size:14px;} } @media only screen and (min-width:414px) { .faq_list .tab_btn li a i {font-size:16px;} .faq_list .tab_contents .faq_q {padding:19px 11.8055555% 19px 0;} .faq_list .tab_contents .faq_q .ico_q {padding-top:1px;font-size:17px;} .faq_list .tab_contents .faq_q .subject {font-size:16px;} .faq_list .tab_contents .faq_q .ico_arrow {top:26px;width:18px;height:10px;background-size:18px 10px;} .faq_list .tab_contents .faq_q.active .ico_arrow {background-size:18px 10px;} .faq_list .tab_contents .faq_a {padding:13px 0 13px 0;} .faq_list .tab_contents .faq_a .ico_a {padding:4px 0 0;font-size:17px;} .faq_list .tab_contents .faq_a .content p {font-size:16px;} .faq_list .tab_contents .faq_a .content .add_question {margin-top:13px;padding:13px 0 0;} .faq_list .tab_contents .faq_a .content .add_question a {padding:8px 0;font-size:16px;} .faq_list .tab_contents .faq_a .content .add_question p {margin-top:8px;font-size:16px;} } @media(min-width:768px) { .faq_list .tab_btn li a i {font-size:18px;} .faq_list .tab_contents .faq_q {padding:22px 8.3333333% 22px 1.6666666%;} .faq_list .tab_contents .faq_q .ico_q {padding:0;width:7.4074074%;font-size:20px;} .faq_list .tab_contents .faq_q .subject {width:92.5925925%;font-size:16px;} .faq_list .tab_contents .faq_q .ico_arrow {top:19px;right:1.6666666%;width:31px;height:29px;border:1px solid #666666;background:url('../images/ico_select_down.png') no-repeat 50% 50%;background-size:auto auto;} .faq_list .tab_contents .faq_q.active .ico_arrow {background:url('../images/ico_select_up.png') no-repeat 50% 50%;background-size:auto auto;} .faq_list .tab_contents .faq_a {padding:16px 8.3333333% 18px 1.6666666%;} .faq_list .tab_contents .faq_a .ico_a {padding:4px 0 0;width:7.4074074%;font-size:20px;} .faq_list .tab_contents .faq_a .content {width:92.5925925%;} .faq_list .tab_contents .faq_a .content p {font-size:16px;line-height:32px;} .faq_list .tab_contents .faq_a .content .add_question {margin-top:17px;padding:16px 0 0;} .faq_list .tab_contents .faq_a .content .add_question a {float:left;margin-right:20px;padding:0;width:171px;height:45px;line-height:45px;font-size:14px;} .faq_list .tab_contents .faq_a .content .add_question p {float:left;margin-top:6px;font-size:14px;} } /* QNA List */ .qna_list {position:relative;} .qna_list .board_th {display:none;} .qna_list .board_td {border-top:1px solid #1f1f1f;border-bottom:1px solid #1f1f1f;} .qna_list .board_td:after {display:block;visibility:hidden;clear:both;content:""} .qna_list .board_td li {position:relative;display:block;padding:15px 2.333333% 0;width:100%;font-size:0;border-bottom:1px solid #e0e6ea;} .qna_list .board_td li:hover {background:#fafbfd;} .qna_list .board_td li:last-child {border:0;} .qna_list .board_td li .td {display:block;color:#1f1f1f;vertical-align:middle;} .qna_list .board_td li .td1 {padding:9px 0 40px;width:100%;font-size:12px;text-align:left;} .qna_list .board_td li .td1 a {font-size:inherit;} .qna_list .board_td li .td1 a:hover {text-decoration:underline;} .qna_list .board_td li .td2 {position:absolute;bottom:12px;right:2.333333%;font-size:11px;color:#777f88;text-align:center;line-height:1;} .qna_list .board_td li .td3 i {display:block;position:absolute;bottom:12px;left:2.333333%;font-size:12px;line-height:1;} .qna_list .board_td li .td3 i.on {color:#0997ee;} .qna_inner .btn_box {margin-top:0;margin-bottom:10px;text-align:center;} @media only screen and (min-width:360px) { .qna_list .board_td li {padding-top:17px;} .qna_list .board_td li .td1 {padding:10px 0 45px;font-size:14px;} .qna_list .board_td li .td2 {bottom:13px;font-size:12px;} .qna_list .board_td li .td3 i {bottom:13px;font-size:12px;} .qna_inner .btn_box {margin-bottom:11px;} } @media only screen and (min-width:375px) { .qna_list .board_td li {padding-top:18px;} .qna_list .board_td li .td1 {padding:10px 0 47px;font-size:14px;} .qna_list .board_td li .td2 {bottom:14px;font-size:13px;} .qna_list .board_td li .td3 i {bottom:14px;font-size:13px;} .qna_inner .btn_box {margin-bottom:11px;} } @media only screen and (min-width:414px) { .qna_list .board_td li {padding-top:20px;} .qna_list .board_td li .td1 {padding:11px 0 52px;font-size:16px;} .qna_list .board_td li .td2 {bottom:15px;font-size:14px;} .qna_list .board_td li .td3 i {bottom:15px;font-size:14px;} .qna_inner .btn_box {margin-bottom:12px;} } @media (min-width:768px) { .qna_list .board_th {display:table;width:100%;height:70px;border-top:2px solid #1f1f1f;border-bottom:1px solid #1f1f1f;} .qna_list .board_th .th {display:table-cell;font-size:18px;text-align:center;vertical-align:middle;} .qna_list .board_th .th1 {width:65.916666%;} .qna_list .board_th .th2 {width:16.5%;} .qna_list .board_th .th3 {width:17.583333%;} .qna_list .board_td {border-top:0;border-bottom:1px solid #1f1f1f;} .qna_list .board_td:after {display:block;visibility:hidden;clear:both;content:""} .qna_list .board_td li {position:static;display:table;padding:0;width:100%;border-bottom:1px solid #e0e6ea;} .qna_list .board_td li:hover {background:#fafbfd;} .qna_list .board_td li:last-child {border:0;} .qna_list .board_td li .td {display:table-cell;height:69px;color:#1f1f1f;vertical-align:middle;} .qna_list .board_td li .td1 {padding:20px 0;width:65.916666%;font-size:16px;text-align:left;} .qna_list .board_td li .td1 a {display:inline-block;padding-left:3.75%;padding-right:3.75%;font-size:inherit;} .qna_list .board_td li .td1 a:hover {text-decoration:underline;} .qna_list .board_td li .td2 {position:static;width:16.5%;font-size:16px;color:#1f1f1f;text-align:center;line-height:1.5;} .qna_list .board_td li .td3 {display:table-cell;padding-left:1.666666%;padding-right:1.666666%;width:17.583333%;vertical-align:middle;} .qna_list .board_td li .td3 i {display:block;position:static;width:100%;height:45px;line-height:45px;font-size:14px;border:1px solid #afb8c0;text-align:center;} .qna_list .board_td li .td3 i.on {color:#0997ee;} .qna_inner .page_desc {margin-bottom:42px;} .qna_inner .btn_box {margin-top:0;margin-bottom:20px;text-align:right;} } @media (min-width:1024px) { .qna_list #paging {min-height:40px;} } @media (min-width:1200px) { } /* QNA Write */ .sub_inner .board_write {border:0 !important;} .sub_inner .board_write .page_desc {margin-bottom:17px;} .board_write .require_desc {display:block;margin-bottom:7px;font-size:11px;color:#666;} .board_write .require_desc .require {font-size:inherit;color:#ef2d2d;} .board_write .form_group {display:block;padding:12px 0 16px;width:100%;border-bottom:1px solid #e3e7eb;} .board_write .form_group:after {display:block;visibility:hidden;clear:both;content:""} .board_write .form_group .title {position:relative;display:block;margin-bottom:6px;font-size:12px;color:#1f1f1f;} .board_write .form_group .title i {font-size:inherit;color:#ef2d2d;} .board_write .form_group .cont {display:block;} .board_write .form_group.name {border-top:1px solid #1f1f1f;} .board_write .form_group.mail .cont .input_box input {float:left;width:30.246913%;} .board_write .form_group.mail .cont .input_box .at {display:block;float:left;width:6.172839%;font-size:11px;text-align:center;height:35px;line-height:35px;} .board_write .form_group.mail .cont .input_box .selectric-select_box {float:left;margin-left:3.086419%;width:30.246913%;} .board_write .form_group.mail .cont .input_box .chk_wrap {clear:both;padding-top:8px;} .board_write .form_group.content .txt_white_space {position:relative;border:1px solid #e3e7eb;} .board_write .form_group.content .txt_white_space span {position:absolute;bottom:8px;right:8px;font-size:11px;color:#1f1f1f;} .board_write .form_group.content .txt_white_space span i {font-size:inherit;color:#ee0909} .board_write .form_group.content .txt_white_space span em {font-size:inherit;} .board_write .form_group.content textarea {padding:7px 9px;width:100%;height:133px;font-size:12px;color:#1f1f1f;border:0;outline:0;} .board_write .form_group .cont .filebox {width:100%;} .board_write .form_group .cont .file_desc {padding-top:5px;width:100%;} .board_write .form_group .cont .file_desc li {position:relative;padding-left:5px;font-size:11px;color:#666666;line-height:1.7;} .board_write .form_group .cont .file_desc li i {position:absolute;top:0;left:0;font-size:inherit;} .board_write .form_group .cont .file_list {display:none} .board_write .form_group .cont .file_list.active {clear:both;display:block;margin-top:10px;padding:0;width:100%;} .board_write .form_group .cont .file_list li {margin-top:4px;padding:6px 0 6px 9px;background:#fafbfc;} .board_write .form_group .cont .file_list li:first-child {margin-top:0;} .board_write .form_group .cont .file_list span {position:relative;display:block;padding-right:0;line-height:1.7;font-size:11px;} .board_write .form_group .cont .file_list span button {position:absolute;top:2px;right:9px;width:15px;height:14px;background:url('../images/mob_ico_file_del.png') no-repeat 50% 50%;background-size:cover;} .board_write .qna_agree .title {margin-top:22px;margin-bottom:8px;font-size:13px;font-weight:800;color:#010101;} .board_write .qna_agree .title span {font-size:inherit;font-weight:400;color:#010101;} .board_write .qna_agree .agree_th {display:table;padding:0 0.583333%;width:100%;} .board_write .qna_agree .agree_th span.th {display:none;} .board_write .qna_agree .agree_td {width:100%;border-left:1px solid #ccd5dc;border-top:1px solid #ccd5dc;} .board_write .qna_agree .agree_td li {display:table;width:100%;vertical-align:middle;} .board_write .qna_agree .agree_td span.th {display:table-cell;padding:11px 0 10px;padding-left:3.086419%;width:29.39393%;font-size:12px;background:#f0f5f8;border-bottom:1px solid #ccd5dc;border-right:1px solid #ccd5dc;} .board_write .qna_agree .agree_td span.td {display:table-cell;padding:11px 0 10px;padding-right:2%;padding-left:3.086419%;width:70.60606%;font-size:12px;color:#1f1f1f;border-bottom:1px solid #ccd5dc;border-right:1px solid #ccd5dc;} .board_write .qna_agree .agree_chk {margin-top:8px;} .board_write .qna_agree .agree_chk input[type="checkbox"] + label {height:auto;letter-spacing:-0.6px;} .board_write .qna_agree .agree_chk p {margin-top:8px;font-size:11px;color:#666;} @media only screen and (min-width:360px) { .sub_inner .board_write .page_desc {margin-bottom:19px;} .board_write .require_desc {display:block;margin-bottom:8px;font-size:12px;} .board_write .form_group {padding:14px 0 18px;} .board_write .form_group .title {margin-bottom:6px;font-size:14px;} .board_write .form_group.mail .cont .input_box .at {font-size:12px;height:39px;line-height:39px;} .board_write .form_group.mail .cont .input_box .chk_wrap {padding-top:9px;} .board_write .form_group.content .txt_white_space span {bottom:8px;right:8px;font-size:12px;} .board_write .form_group.content textarea {padding:7px 10px;height:150px;font-size:14px;} .board_write .form_group .cont .file_desc {padding-top:6px;} .board_write .form_group .cont .file_desc li {padding-left:6px;font-size:12px;} .board_write .form_group .cont .file_list.active {margin-top:13px;} .board_write .form_group .cont .file_list li {margin-top:5px;padding:7px 0 7px 9px;} .board_write .form_group .cont .file_list span {line-height:1.7;font-size:12px;} .board_write .form_group .cont .file_list span button {top:2px;right:9px;width:17px;height:16px;} .board_write .qna_agree .title {margin-top:24px;margin-bottom:9px;font-size:14px;} .board_write .qna_agree .agree_td span.th {padding:12px 0 11px;padding-left:3.086419%;font-size:13px;} .board_write .qna_agree .agree_td span.td {padding:12px 0 11px;padding-right:2%;padding-left:3.086419%;font-size:13px;} .board_write .qna_agree .agree_chk {margin-top:10px;} .board_write .qna_agree .agree_chk input[type="checkbox"] + label {letter-spacing:-0.6px;} .board_write .qna_agree .agree_chk p {margin-top:9px;font-size:12px;} } @media only screen and (min-width:375px) { .sub_inner .board_write .page_desc {margin-bottom:20px;} .board_write .require_desc {display:block;margin-bottom:9px;font-size:13px;} .board_write .form_group {padding:14px 0 18px;} .board_write .form_group .title {margin-bottom:7px;font-size:14px;} .board_write .form_group.mail .cont .input_box .at {font-size:13px;height:41px;line-height:41px;} .board_write .form_group.mail .cont .input_box .chk_wrap {padding-top:9px;} .board_write .form_group.content .txt_white_space span {bottom:9px;right:9px;font-size:13px;} .board_write .form_group.content textarea {padding:8px 10px;height:156px;font-size:14px;} .board_write .form_group .cont .file_desc {padding-top:6px;} .board_write .form_group .cont .file_desc li {padding-left:6px;font-size:13px;} .board_write .form_group .cont .file_list.active {margin-top:13px;} .board_write .form_group .cont .file_list li {margin-top:5px;padding:7px 0 7px 9px;} .board_write .form_group .cont .file_list span {line-height:1.7;font-size:13px;} .board_write .form_group .cont .file_list span button {top:2px;right:9px;width:18px;height:17px;} .board_write .qna_agree .agree_chk input[type="checkbox"] + label {letter-spacing:-0.8px;} } @media only screen and (min-width:414px) { .sub_inner .board_write .page_desc {margin-bottom:22px;} .board_write .require_desc {display:block;margin-bottom:10px;font-size:14px;} .board_write .form_group {padding:15px 0 20px;} .board_write .form_group .title {margin-bottom:8px;font-size:16px;} .board_write .form_group.mail .cont .input_box .at {font-size:14px;height:45px;line-height:45px;} .board_write .form_group.mail .cont .input_box .chk_wrap {padding-top:10px;} .board_write .form_group.content .txt_white_space span {bottom:12px;right:12px;font-size:14px;} .board_write .form_group.content textarea {padding:8px 12px;height:173px;font-size:16px;} .board_write .form_group .cont .file_desc {padding-top:7px;} .board_write .form_group .cont .file_desc li {padding-left:6px;font-size:14px;} .board_write .form_group .cont .file_list.active {margin-top:14px;} .board_write .form_group .cont .file_list li {margin-top:5px;padding:8px 0 8px 12px;} .board_write .form_group .cont .file_list span {line-height:1.7;font-size:14px;} .board_write .form_group .cont .file_list span button {top:3px;right:12px;width:20px;height:19px;} .board_write .qna_agree .title {margin-top:26px;margin-bottom:10px;font-size:16px;} .board_write .qna_agree .agree_td span.th {padding:12px 0 11px;padding-left:3.086419%;font-size:14px;} .board_write .qna_agree .agree_td span.td {padding:12px 0 11px;padding-right:2%;padding-left:3.086419%;font-size:14px;} .board_write .qna_agree .agree_chk {margin-top:11px;} .board_write .qna_agree .agree_chk input[type="checkbox"] + label {letter-spacing:-0.8px;} .board_write .qna_agree .agree_chk p {margin-top:10px;font-size:14px;} } @media (min-width:768px) { .sub_inner .board_write .page_desc {margin-bottom:12px;} .board_write .require_desc {display:block;margin-right:1.986097%;margin-bottom:17px;font-size:16px;text-align:right;} .board_write .form_group {display:table;padding:0;width:100%;border-bottom:0;} .board_write .form_group:after {display:block;visibility:hidden;clear:both;content:""} .board_write .form_group .title {position:relative;display:table-cell;margin-bottom:0;padding-left:5.25%;width:16.083333%;height:70px;font-size:16px;color:#1f1f1f;border-bottom:1px solid #1f1f1f;vertical-align:middle;} .board_write .form_group .title i {position:absolute;top:22px;left:26.083333%;font-size:inherit;color:#ef2d2d;} .board_write .form_group .cont {display:table-cell;padding:7px 0 7px 0;width:83.916666%;border-bottom:1px solid #f0f5f8;vertical-align:middle;} .board_write .form_group.name {border-top:0;} .board_write .form_group.name .title {border-top:2px solid #1f1f1f;} .board_write .form_group.name .cont {padding-left:0;padding-right:0;border-top:2px solid #f0f5f8;} .board_write .form_group.name .cont .input_box {margin-left:3.17%;margin-right:1.986097%;width:64.051638%;} .board_write .form_group.name .cont .input_box input:disabled {color:#1f1f1f;cursor:default;background:#f2f6fa;} .board_write .form_group.mail .title {padding-top:21px;vertical-align:top;} .board_write .form_group.mail .cont .input_box {margin-left:3.17%;margin-right:1.986097%;} .board_write .form_group.mail .cont .input_box:after {display:block;visibility:hidden;clear:both;content:""} .board_write .form_group.mail .cont .input_box input {float:left;width:20.942408%;} .board_write .form_group.mail .cont .input_box .at {display:block;float:left;width:3.664921%;font-size:16px;text-align:center;height:55px;line-height:55px;} .board_write .form_group.mail .cont .input_box .selectric-select_box {float:left;margin-left:1.047120%;margin-right:2.094240%;width:20.942408%;} .board_write .form_group.mail .cont .input_box .chk_wrap {clear:both;padding-top:13px;} .board_write .form_group.mail .cont .input_box .chk_wrap input[type="checkbox"] + label {font-size:14px;color:#666666;} .board_write .form_group.subject .cont .input_box {margin-left:3.17%;margin-right:1.986097%;} .board_write .form_group.content .title {padding-top:22px;vertical-align:top;} .board_write .form_group.content .cont {padding-left:0;padding-right:0;} .board_write .form_group.content .txt_wrap {padding:10px;margin-left:3.17%;margin-right:1.986097%;border:1px solid #e3e7eb;background:#f0f5f8;} .board_write .form_group.content .txt_white_space {position:relative;padding:10px;background:#fff;} .board_write .form_group.content .txt_white_space span {position:absolute;bottom:15px;right:40px;font-size:16px;color:#1f1f1f;} .board_write .form_group.content .txt_white_space span i {font-size:inherit;color:#ee0909} .board_write .form_group.content textarea {padding:14px 6px;width:100%;height:433px;font-size:16px;color:#1f1f1f;border:0;outline:0;} .board_write .form_group.filebox_group .title {padding-top:22px;vertical-align:top;} .board_write .form_group.filebox_group .cont {padding-left:2.666666%;padding-right:1.666666%;} .board_write .form_group .cont .filebox {float:left;max-width:354px;margin-right:1.570680%;width:100%;} .board_write .form_group .cont .file_desc {float:left;padding-top:10px;width:100%;} .board_write .form_group .cont .file_desc li {position:relative;padding-left:8px;font-size:14px;color:#666666;line-height:24px;} .board_write .form_group .cont .file_desc li i {position:absolute;top:0;left:0;font-size:inherit;} .board_write .form_group .cont .file_list {display:none} .board_write .form_group .cont .file_list.active {clear:both;display:block;margin-top:0;padding:25px 0 15px 20px;width:100%;} .board_write .form_group .cont .file_list li {margin-top:19px;padding:0;background:none;} .board_write .form_group .cont .file_list li:first-child {margin-top:0;} .board_write .form_group .cont .file_list span {position:relative;display:inline-block;padding-right:30px;line-height:16px;font-size:16px;} .board_write .form_group .cont .file_list span button {position:absolute;top:1px;right:0;width:18px;height:17px;background:url('../images/ico_file_del.png') no-repeat 50% 50%;} .board_write .qna_agree .title {margin-top:52px;margin-bottom:15px;padding-left:1.666666%;font-size:22px;font-weight:800;color:#010101;} .board_write .qna_agree .title span {font-size:inherit;font-weight:400;color:#010101;} .board_write .qna_agree .agree_th {display:table;padding:0 0.583333%;width:100%;border-top:1px solid #1f1f1f;border-bottom:1px solid #f0f5f8;} .board_write .qna_agree .agree_th span.th {display:table-cell;height:71px;font-size:16px;color:#1f1f1f;text-align:center;vertical-align:middle;} .board_write .qna_agree .agree_th span.th1 {width:32.715008%;} .board_write .qna_agree .agree_th span.th2 {width:34.654300%;} .board_write .qna_agree .agree_th span.th3 {width:32.630691%;} .board_write .qna_agree .agree_td {display:table;padding:0 0.583333%;width:100%;border-bottom:1px solid #f0f5f8;border-left:0;border-top:0;} .board_write .qna_agree .agree_td li {display:table-cell;float:none;height:71px;text-align:center;vertical-align:middle;} .board_write .qna_agree .agree_td li:nth-child(1) {width:32.715008%;} .board_write .qna_agree .agree_td li:nth-child(2) {width:34.654300%;} .board_write .qna_agree .agree_td li:nth-child(3) {width:32.630691%;} .board_write .qna_agree .agree_td span.th {display:none;} .board_write .qna_agree .agree_td span.td {display:inline;padding:0;width:auto;font-size:16px;color:#1f1f1f;border:0;} .board_write .qna_agree .agree_chk {margin-top:18px;padding-left:1.666666%;} .board_write .qna_agree .agree_chk p {margin-top:10px;font-size:16px;color:#666;} } @media (min-width:1024px) { .board_write .form_group .title i {left:27.083333%;} .board_write .form_group.field .cont ul {margin-left:0;} .board_write .form_group.field .cont ul li {margin-left:32px;margin-bottom:0;width:auto;} .board_write .form_group.field .cont ul li:first-child {margin-left:8px;} .board_write .form_group .cont .filebox {width:37.068062%;} .board_write .form_group .cont .file_desc {padding-top:0;padding:3px 0;width:61.361256%;} } @media (min-width:1150px) { .board_write .form_group.mail .title {padding-top:0;vertical-align:middle;} .board_write .form_group.mail .cont .input_box .chk_wrap {clear:none;float:left;padding-top:0;} .board_write .form_group.mail .cont .input_box .chk_wrap input[type="checkbox"] + label {line-height:55px;} .board_write .form_group.mail .cont .input_box .chk_wrap input[type="checkbox"] + label span.ico_fake {top:17px;} } /* 이용약관 */ .sub_inner .policy h4 {margin-bottom:15px;font-size:13px;font-weight:700;} .sub_inner .policy dl {margin-bottom:25px;} .sub_inner .policy .dl_last {margin-bottom:0;} .sub_inner .policy dt {margin-bottom:3px;font-size:12px;font-weight:700;color:#1f1f1f;} .sub_inner .policy dd {position:relative;font-size:11px;font-weight:400;color:#1f1f1f;line-height:22px;} .sub_inner .policy .sym_dd {padding-left:4.16666%;} .sub_inner .policy .sym {position:absolute;top:0;left:0;font-size:inherit;} .sub_inner .policy table {width:100%;} .sub_inner .policy table tbody td.last_td {border-bottom:1px solid #ddd !important;} .sub_inner .policy table .bd_none {border:0 !important;} .sub_inner .policy ol li, .sub_inner .policy ul li {font-size:11px;font-weight:400;color:#1f1f1f;line-height:22px;} .sub_inner .policy .p_ol1 {margin-left:4.12451%;} .sub_inner .policy .p_ol2 {margin-left:0;} .sub_inner .policy .p_ol2 li {position:relative;padding-left:5.68093%;} .sub_inner .policy .p_ul2 {margin-left:0;} .sub_inner .policy .p_ul2 li {position:relative;padding-left:5.68093%;} .sub_inner .policy .p_indent {margin-left:5.68093%;} .sub_inner .policy .supple_rule {font-size:11px;color:#666;line-height:22px;} @media only screen and (min-width:360px) { .sub_inner .policy h4 {margin-bottom:17px;font-size:15px;} .sub_inner .policy dl {margin-bottom:28px;} .sub_inner .policy dt {margin-bottom:4px;font-size:14px;} .sub_inner .policy dd {position:relative;font-size:12px;line-height:25px;} .sub_inner .policy ol li, .sub_inner .policy ul li {font-size:12px;line-height:25px;} .sub_inner .policy .supple_rule {font-size:12px;line-height:25px;} } @media only screen and (min-width:375px) { .sub_inner .policy h4 {margin-bottom:17px;font-size:16px;} .sub_inner .policy dl {margin-bottom:29px;} .sub_inner .policy dt {margin-bottom:4px;font-size:15px;} .sub_inner .policy dd {position:relative;font-size:13px;line-height:26px;} .sub_inner .policy ol li, .sub_inner .policy ul li {font-size:13px;line-height:26px;} .sub_inner .policy .supple_rule {font-size:13px;line-height:26px;} } @media only screen and (min-width:414px) { .sub_inner .policy h4 {margin-bottom:19px;font-size:17px;} .sub_inner .policy dl {margin-bottom:32px;} .sub_inner .policy dt {margin-bottom:4px;font-size:16px;} .sub_inner .policy dd {position:relative;font-size:14px;line-height:29px;} .sub_inner .policy ol li, .sub_inner .policy ul li {font-size:14px;line-height:29px;} .sub_inner .policy .supple_rule {font-size:14px;line-height:29px;} } @media all and (min-width:768px) { .sub_inner .policy h4 {margin-bottom:18px;font-size:22px;} .sub_inner .policy dl {margin-bottom:39px;} .sub_inner .policy dt {margin-bottom:4px;font-size:18px;} .sub_inner .policy dd {position:relative;font-size:16px;line-height:30px;} .sub_inner .policy .sym_dd {padding-left:16px;} .sub_inner .policy ol li, .sub_inner .policy ul li {font-size:16px;line-height:30px;} .sub_inner .policy .p_ol1 {margin-left:16px;} .sub_inner .policy .p_ol2 {margin-left:17px;} .sub_inner .policy .p_ol2 li {padding-left:21px;} .sub_inner .policy .p_ul2 {margin-left:17px;} .sub_inner .policy .p_ul2 li {padding-left:0;} .sub_inner .policy .p_indent {margin-left:16px;} .sub_inner .policy .supple_rule {font-size:16px;line-height:30px;} } /* Privacy */ .privacy p {font-size:11px;color:#666666;line-height:22px;} .privacy h3 {margin-bottom:13px;font-size:13px;font-weight:700;color:#1f1f1f;} .privacy h4 {margin-bottom:13px;font-size:12px;font-weight:400;color:#666666;} .privacy .top_desc {clear:both;margin-bottom:25px;} .privacy .pi_form_wrap {margin-bottom:30px;} .privacy .pi_form {margin-bottom:15px;} .privacy .pi_form .title {display:block;margin-bottom:5px;font-size:11px;font-weight:400;color:#666666;} .privacy .pi_form table {margin-top:7px;width:100%;table-layout:fixed;border-collapse:collapse;} .privacy .pi_form table th {padding:7px 5px 8px;font-size:11px;font-weight:700;color:#1f1f1f;text-align:center;vertical-align:middle;background:#f0f5f8;border:1px solid #ccd5dc;border-bottom:0;} .privacy .pi_form table td {padding:7px 5px 8px;font-size:11px;font-weight:400;color:#666666;text-align:center;vertical-align:middle;border:1px solid #ccd5dc;} .privacy .pi_form table td strong {font-size:inherit;font-weight:700;color:#1f1f1f;} .privacy .pi_form table td b {font-size:inherit;font-weight:700;color:#1f1f1f;} .privacy .pi_form ul li {font-size:11px;color:#666666;line-height:22px;} .privacy .pi_form ul li strong {font-size:inherit;font-weight:700;color:#1f1f1f;} .privacy .pi_form a {font-size:11px;color:#666666;line-height:22px;text-decoration:underline;} .privacy .tbl1_wrap {margin-bottom:15px;} .privacy .tbl2_wrap {margin-bottom:20px;} .privacy .pi_form .tbl_desc {margin-top:3px;} @media only screen and (min-width:360px) { .privacy p {font-size:12px;line-height:25px;} .privacy h3 {margin-bottom:15px;font-size:15px;} .privacy h4 {margin-bottom:15px;font-size:14px;} .privacy .top_desc {margin-bottom:28px;} .privacy .pi_form_wrap {margin-bottom:34px;} .privacy .pi_form {margin-bottom:17px;} .privacy .pi_form .title {margin-bottom:6px;font-size:12px;} .privacy .pi_form table {margin-top:8px;} .privacy .pi_form table th {padding:8px 5px 9px;font-size:12px;} .privacy .pi_form table td {padding:8px 5px 9px;font-size:12px;} .privacy .pi_form ul li {font-size:12px;line-height:25px;} .privacy .pi_form a {font-size:12px;line-height:25px;} .privacy .tbl1_wrap {margin-bottom:17px;} .privacy .tbl2_wrap {margin-bottom:23px;} .privacy .pi_form .tbl_desc {margin-top:4px;} } @media only screen and (min-width:375px) { .privacy p {font-size:13px;line-height:26px;} .privacy h3 {margin-bottom:16px;font-size:16px;} .privacy h4 {margin-bottom:16px;font-size:15px;} .privacy .top_desc {margin-bottom:29px;} .privacy .pi_form_wrap {margin-bottom:35px;} .privacy .pi_form {margin-bottom:18px;} .privacy .pi_form .title {margin-bottom:6px;font-size:13px;} .privacy .pi_form table {margin-top:8px;} .privacy .pi_form table th {padding:8px 5px 9px;font-size:13px;} .privacy .pi_form table td {padding:8px 5px 9px;font-size:13px;} .privacy .pi_form ul li {font-size:13px;line-height:26px;} .privacy .pi_form a {font-size:13px;line-height:26px;} .privacy .tbl1_wrap {margin-bottom:18px;} .privacy .tbl2_wrap {margin-bottom:24px;} .privacy .pi_form .tbl_desc {margin-top:4px;} } @media only screen and (min-width:414px) { .privacy p {font-size:14px;line-height:29px;} .privacy h3 {margin-bottom:16px;font-size:17px;} .privacy h4 {margin-bottom:16px;font-size:16px;} .privacy .top_desc {margin-bottom:32px;} .privacy .pi_form_wrap {margin-bottom:38px;} .privacy .pi_form {margin-bottom:20px;} .privacy .pi_form .title {margin-bottom:7px;font-size:14px;} .privacy .pi_form table {margin-top:9px;} .privacy .pi_form table th {padding:9px 5px 10px;font-size:14px;} .privacy .pi_form table td {padding:9px 5px 10px;font-size:14px;} .privacy .pi_form ul li {font-size:14px;line-height:29px;} .privacy .pi_form a {font-size:14px;line-height:29px;} .privacy .tbl1_wrap {margin-bottom:20px;} .privacy .tbl2_wrap {margin-bottom:26px;} .privacy .pi_form .tbl_desc {margin-top:4px;} } @media (min-width:768px) { .privacy p {font-size:16px;color:#666666;line-height:30px;} .privacy h3 {margin-bottom:28px;font-size:18px;font-weight:700;color:#1f1f1f;} .privacy h4 {margin-bottom:28px;font-size:16px;font-weight:400;color:#666666;} .privacy .top_desc {margin-bottom:31px;} .privacy .pi_form_wrap {margin-bottom:60px;} .privacy .pi_form {margin-bottom:25px;} .privacy .pi_form .title {display:block;margin-bottom:5px;font-size:16px;font-weight:400;color:#666666;} .privacy .pi_form table {margin-top:12px;width:100%;table-layout:fixed;border-collapse:collapse;} .privacy .pi_form table th {padding:16px 10px 19px;font-size:16px;font-weight:700;color:#1f1f1f;text-align:center;vertical-align:middle;background:#f0f5f8;border:1px solid #ccd5dc;border-bottom:0;} .privacy .pi_form table td {padding:16px 10px 19px;font-size:16px;font-weight:400;color:#666666;text-align:center;vertical-align:middle;border:1px solid #ccd5dc;} .privacy .pi_form table td strong {font-size:inherit;font-weight:700;color:#1f1f1f;} .privacy .pi_form table td b {font-size:inherit;font-weight:700;color:#1f1f1f;} .privacy .pi_form ul li {font-size:16px;color:#666666;line-height:30px;} .privacy .pi_form ul li strong {font-size:inherit;font-weight:700;color:#1f1f1f;} .privacy .pi_form a {font-size:16px;color:#666666;line-height:30px;text-decoration:underline;} .privacy .tbl1_wrap {margin-bottom:17px;} .privacy .tbl2_wrap {margin-bottom:45px;} .privacy .pi_form .tbl_desc {margin-top:4px;} } .published_date {float:right;margin-bottom:20px;} .published_date:after {display:block;visibility:hidden;clear:both;content:""} .published_date .selectric-select_box {width:150px;} @media only screen and (min-width:360px) { .published_date .selectric-select_box {width:180px;} } @media only screen and (min-width:375px) { } @media only screen and (min-width:414px) { .published_date .selectric-select_box {width:200px;} } @media (min-width:768px) { .published_date .selectric-select_box {width:210px;} } /* list_none */ .list_none {display:none;padding:73px 0 75px;font-size:12px;border-top:1px solid #1f1f1f;border-bottom:1px solid #1f1f1f;text-align:center;} .list_none.active {display:block;} @media only screen and (min-width:360px) { .list_none {padding:82px 0 85px;font-size:13px;} } @media only screen and (min-width:375px) { .list_none {padding:84px 0 88px;font-size:14px;} } @media only screen and (min-width:414px) { .list_none {padding:94px 0 98px;font-size:14px;} } @media all and (min-width:768px) { .list_none {padding:145px 0 149px;border-top:0;font-size:18px;} } @media (min-width:1025px) { .list_none {padding:165px 0 169px;} } /* Footer */ .main#footer {padding:0;} .main#footer .ft_top {display:block;} .main#footer .ft_bottom .fnb li.fnb_noti {display:none;} #footer {padding:14px 0 6px;background:#f5f5f5;} #footer .ft_top {display:none;padding-bottom:23px;overflow:hidden;border-bottom:1px solid #ddd;} #footer .ft_top .mob_title {display:block;margin-bottom:9px;font-size:14px;font-weight:700;text-align:center; position:relative;} /* 20211015 modify */ #footer .ft_top .mob_title .badge.new {width: 31px; height: 13px; background: url(../images/mob_ico_badge_new.png) no-repeat; background-size: 100% auto; vertical-align: top; position: absolute; margin-left: 8px; top:2px; display:inline-block;font-size:0;line-height:0;color:transparent} /* 20211015 add */ #footer .ft_top .ft_notice {margin-bottom:13px;overflow:hidden;height:44px;} #footer .ft_top .ft_notice .title {display:none;} /* 20211015 modify */ #footer .ft_top .ft_notice .title .badge.new {vertical-align:middle; margin-left: 8px; position:relative; top:-8px; width:38px;height:16px;background: url('../images/ico_badge_new.png') no-repeat; background-size:100% auto; display:inline-block;font-size:0;line-height:0;color:transparent} /* 20211015 add */ #footer .ft_top .ft_notice ul {position:relative;} #footer .ft_top .ft_notice li {height:44px;line-height:1;overflow:hidden;} #footer .ft_top .ft_notice li a {display:block;margin-bottom:12px;font-size:12px;font-weight:400;color:#1f1f1f;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;text-align:center;} #footer .ft_top .ft_notice li .date {display:block;font-size:11px;font-weight:100;color:#999999;text-align:center;} #footer .ft_top .ft_contact {overflow:hidden;text-align:center;font-size:0;} #footer .ft_top .ft_contact p {display:block;margin-bottom:3px;font-size:11px;font-weight:400;color:#666666;line-height:1.5;letter-spacing:-0.3px;} #footer .ft_top .ft_contact p + p {margin-bottom:0;} #footer .ft_top .ft_contact p span {font-size:inherit;font-weight:100;} #footer .ft_top .ft_contact p a {font-size:inherit;font-weight:100;} #footer .ft_bottom {position:relative;padding:12px 0 17px;} #footer .ft_bottom .mob_sns_list {display:none;z-index:1004;position:fixed;bottom:27px;left:0;right:0;} #footer .ft_bottom .mob_sns_list:after {display:block;visibility:hidden;clear:both;content:""} #footer .ft_bottom .mob_sns_list.active {display:block;} #footer .ft_bottom .mob_sns_list ul {margin-top:18px;font-size:0;text-align:center;} #footer .ft_bottom .mob_sns_list li {display:inline-block;margin-left:9px;} #footer .ft_bottom .mob_sns_list li:first-child {margin-left:0;} #footer .ft_bottom .mob_sns_list li a {display:block;width:34px;height:34px;font-size:0;text-indent:-999em;background-repeat:no-repeat;background-position:center center;border-radius:50%;background-color:#fff;} #footer .ft_bottom .mob_sns_list li a:hover {text-decoration:underline;} #footer .ft_bottom .mob_sns_list li a.sns_youtube {background-image:url('../images/mob_ico_youtube.png');background-size:18px auto;} #footer .ft_bottom .mob_sns_list li a.sns_kakao {background-image:url('../images/mob_ico_kakao.png');background-size:18px auto;} #footer .ft_bottom .mob_sns_list li a.sns_story {background-image:url('../images/mob_ico_story.png');background-size:9px auto;} #footer .ft_bottom .mob_sns_list li a.sns_fb {background-image:url('../images/mob_ico_fb.png');background-size:auto 13px;} #footer .ft_bottom .mob_sns_list li a.sns_line {background-image:url('../images/mob_ico_line.png');background-size:auto 18px;} #footer .ft_bottom .mob_sns_list li a.sns_band {background-image:url('../images/mob_ico_band.png');background-size:12px auto;} #footer .ft_bottom .mob_sns_list li a.sns_blog {background-image:url('../images/mob_ico_blog.png');background-size:18px auto;} #footer .ft_bottom .mob_sns_list .close_sns {display:block;margin:0 auto;width:15px;height:15px;font-size:0;text-indent:-999em;background:url('../images/mob_ico_close.png') no-repeat 50% 50%;background-size:cover;} #footer .ft_bottom .sns_list {display:none;} #footer .ft_bottom .fnb {margin-bottom:15px;overflow:hidden;font-size:0;text-align:center;} #footer .ft_bottom .fnb li {position:relative;display:inline-block;margin-right:10px;padding-right:10px;line-height:1;} #footer .ft_bottom .fnb li:last-child {margin:0;padding:0;} #footer .ft_bottom .fnb li a {font-size:11px;color:#333333;line-height:1;vertical-align:top; position:relative;} #footer .ft_bottom .fnb li.fnb_noti .badge.new {width: 31px; height: 13px; background: url(../images/mob_ico_badge_new.png) no-repeat; background-size: 100% auto; vertical-align: top; margin-left: 8px; display:inline-block;font-size:0;line-height:0;color:transparent} /* 20211015 add */ #footer .ft_bottom .fnb li i {position:absolute;top:2px;right:0;width:1px;height:9px;background:#dddddd;} #footer .ft_bottom .ft_sns {margin-bottom:16px;overflow:hidden;font-size:0;text-align:center;} #footer .ft_bottom .ft_sns li {display:inline-block;text-align:center;vertical-align:top;} #footer .ft_bottom .ft_sns li.sns_share button {padding-left:27px;height:23px;line-height:23px;font-size:11px;color:#666666;background:url('../images/mob_ico_share.png') no-repeat;background-size:23px 23px;letter-spacing:-1px;} #footer .ft_bottom .ft_sns li.sns_share button.on {background:url('../images/mob_ico_share.png') no-repeat;background-size:23px 23px;} #footer .ft_bottom .ft_sns li.sns_fb {margin-left:9px;} #footer .ft_bottom .ft_sns li.sns_fb a {display:block;padding-left:27px;height:23px;line-height:23px;font-size:11px;color:#666666;background:url('../images/mob_ico_facebook.png') no-repeat;background-size:23px 23px;letter-spacing:-1px;} #footer .ft_bottom .ft_sns li.sns_insta {margin-left:9px;} #footer .ft_bottom .ft_sns li.sns_insta a {display:block;padding-left:28px;height:23px;line-height:23px;font-size:11px;color:#666666;background:url('../images/mob_ico_instagram.png') no-repeat;background-size:23px 23px;letter-spacing:-1px;} #footer .ft_bottom .ft_sns li.sns_kakao {margin-left:9px;} #footer .ft_bottom .ft_sns li.sns_kakao a {display:block;padding-left:28px;height:23px;line-height:23px;font-size:11px;color:#666666;background:url('../images/mob_ico_kakao.png') no-repeat;background-size:23px 23px;letter-spacing:-1px;} #footer .ft_bottom .ft_sns li.sns_youtube {margin-left:9px;} #footer .ft_bottom .ft_sns li.sns_youtube a {display:block;padding-left:28px;height:23px;line-height:23px;font-size:11px;color:#666666;background:url('../images/mob_ico_youtube.png') no-repeat;background-size:23px 23px;letter-spacing:-1px;} #footer .ft_bottom p {font-size:11px;font-weight:100;color:#999999;text-align:center;line-height:1.45;} #footer .ft_bottom .addr {margin-bottom:8px;} @media only screen and (min-width:360px) { #footer {padding:15px 0 6px;} #footer .ft_top {padding-bottom:27px;} #footer .ft_top .mob_title {margin-bottom:10px;font-size:16px;} #footer .ft_top .ft_notice {margin-bottom:15px;height:49px;} #footer .ft_top .ft_notice li {height:49px;} #footer .ft_top .ft_notice li a {margin-bottom:13px;font-size:14px;} #footer .ft_top .ft_notice li .date {font-size:13px;} #footer .ft_top .ft_contact p {margin-bottom:3px;font-size:12px;} #footer .ft_bottom {padding:13px 0 19px;} #footer .ft_bottom .mob_sns_list {bottom:31px;} #footer .ft_bottom .mob_sns_list ul {margin-top:20px;} #footer .ft_bottom .mob_sns_list li {margin-left:10px;} #footer .ft_bottom .mob_sns_list li a {width:38px;height:38px;} #footer .ft_bottom .mob_sns_list li a.sns_kakao {background-size:18px auto;} #footer .ft_bottom .mob_sns_list li a.sns_story {background-size:9px auto;} #footer .ft_bottom .mob_sns_list li a.sns_fb {background-size:auto 13px;} #footer .ft_bottom .mob_sns_list li a.sns_line {background-size:auto 18px;} #footer .ft_bottom .mob_sns_list li a.sns_band {background-size:12px auto;} #footer .ft_bottom .mob_sns_list li a.sns_blog {background-size:18px auto;} #footer .ft_bottom .mob_sns_list .close_sns {width:17px;height:17px;} #footer .ft_bottom .fnb {margin-bottom:20px;} #footer .ft_bottom .fnb li {margin-right:12px;padding-right:12px;} #footer .ft_bottom .fnb li a {font-size:12px;} #footer .ft_bottom .fnb li i {top:2px;right:0;height:10px;} #footer .ft_bottom .ft_sns {margin-bottom:19px;} /* #footer .ft_bottom .ft_sns li.sns_share button {padding-left:31px;height:26px;line-height:26px;font-size:12px;background-size:26px 26px;} #footer .ft_bottom .ft_sns li.sns_share button.on {background-size:26px 26px;} #footer .ft_bottom .ft_sns li.sns_fb {margin-left:10px;} #footer .ft_bottom .ft_sns li.sns_fb a {padding-left:31px;height:26px;line-height:26px;font-size:12px;background-size:26px 26px;} #footer .ft_bottom .ft_sns li.sns_insta {margin-left:10px;} #footer .ft_bottom .ft_sns li.sns_insta a {padding-left:31px;height:26px;line-height:26px;font-size:12px;background-size:26px 26px;} */ #footer .ft_bottom p {font-size:12px;line-height:1.45;} #footer .ft_bottom .addr {margin-bottom:9px;} } @media only screen and (min-width:375px) { #footer {padding:15px 0 6px;} #footer .ft_top {padding-bottom:28px;} #footer .ft_top .mob_title {margin-bottom:11px;font-size:17px;} #footer .ft_top .ft_notice {margin-bottom:16px;height:51px;} #footer .ft_top .ft_notice li {height:51px;} #footer .ft_top .ft_notice li a {margin-bottom:12px;font-size:15px;} #footer .ft_top .ft_notice li .date {font-size:14px;} #footer .ft_top .ft_contact p {margin-bottom:3px;font-size:13px;} #footer .ft_bottom {padding:14px 0 19px;} #footer .ft_bottom .mob_sns_list {bottom:31px;} #footer .ft_bottom .mob_sns_list ul {margin-top:20px;} #footer .ft_bottom .mob_sns_list li {margin-left:10px;} #footer .ft_bottom .mob_sns_list li a {width:38px;height:38px;} #footer .ft_bottom .mob_sns_list li a.sns_kakao {background-size:18px auto;} #footer .ft_bottom .mob_sns_list li a.sns_story {background-size:9px auto;} #footer .ft_bottom .mob_sns_list li a.sns_fb {background-size:auto 13px;} #footer .ft_bottom .mob_sns_list li a.sns_line {background-size:auto 18px;} #footer .ft_bottom .mob_sns_list li a.sns_band {background-size:12px auto;} #footer .ft_bottom .mob_sns_list li a.sns_blog {background-size:18px auto;} #footer .ft_bottom .mob_sns_list .close_sns {width:17px;height:17px;} #footer .ft_bottom .fnb {margin-bottom:21px;} #footer .ft_bottom .fnb li {margin-right:12px;padding-right:11px;} #footer .ft_bottom .fnb li a {font-size:13px;} #footer .ft_bottom .fnb li i {top:2px;right:0;height:11px;} #footer .ft_bottom .ft_sns {margin-bottom:20px;} /* #footer .ft_bottom .ft_sns li.sns_share button {padding-left:32px;height:27px;line-height:27px;font-size:13px;background-size:27px 27px;} #footer .ft_bottom .ft_sns li.sns_share button.on {background-size:27px 27px;} #footer .ft_bottom .ft_sns li.sns_fb {margin-left:11px;} #footer .ft_bottom .ft_sns li.sns_fb a {padding-left:32px;height:27px;line-height:27px;font-size:13px;background-size:27px 27px;} #footer .ft_bottom .ft_sns li.sns_insta {margin-left:11px;} #footer .ft_bottom .ft_sns li.sns_insta a {padding-left:32px;height:27px;line-height:27px;font-size:13px;background-size:27px 27px;} */ #footer .ft_bottom p {font-size:13px;line-height:1.45;} #footer .ft_bottom .addr {margin-bottom:9px;} } @media only screen and (min-width:414px) { #footer {padding:18px 0 10px;} #footer .ft_top {padding-bottom:31px;} #footer .ft_top .mob_title {margin-bottom:11px;font-size:18px;} #footer .ft_top .ft_notice {margin-bottom:18px;height:56px;} #footer .ft_top .ft_notice li {height:56px;} #footer .ft_top .ft_notice li a {margin-bottom:16px;font-size:16px;} #footer .ft_top .ft_notice li .date {font-size:15px;} #footer .ft_top .ft_contact p {margin-bottom:3px;font-size:14px;} #footer .ft_bottom {padding:15px 0 19px;} #footer .ft_bottom .mob_sns_list {bottom:35px;} #footer .ft_bottom .mob_sns_list ul {margin-top:23px;} #footer .ft_bottom .mob_sns_list li {margin-left:11px;} #footer .ft_bottom .mob_sns_list li a {width:44px;height:44px;} #footer .ft_bottom .mob_sns_list li a.sns_kakao {background-size:auto 22px;} #footer .ft_bottom .mob_sns_list li a.sns_story {background-size:auto 22px;} #footer .ft_bottom .mob_sns_list li a.sns_fb {background-size:12px auto;} #footer .ft_bottom .mob_sns_list li a.sns_line {background-size:auto 23px;} #footer .ft_bottom .mob_sns_list li a.sns_band {background-size:auto 19px;} #footer .ft_bottom .mob_sns_list li a.sns_blog {background-size:auto 20px;} #footer .ft_bottom .mob_sns_list .close_sns {width:20px;height:20px;} #footer .ft_bottom .fnb {margin-bottom:25px;} #footer .ft_bottom .fnb li {margin-right:14px;padding-right:13px;} #footer .ft_bottom .fnb li a {font-size:14px;} #footer .ft_bottom .fnb li i {top:2px;right:0;height:12px;} #footer .ft_bottom .ft_sns {margin-bottom:20px;} /* #footer .ft_bottom .ft_sns li.sns_share button {padding-left:35px;height:30px;line-height:30px;font-size:14px;background-size:30px 30px;} #footer .ft_bottom .ft_sns li.sns_share button.on {background-size:30px 30px;} #footer .ft_bottom .ft_sns li.sns_fb {margin-left:12px;} #footer .ft_bottom .ft_sns li.sns_fb a {padding-left:35px;height:30px;line-height:30px;font-size:14px;background-size:30px 30px;} #footer .ft_bottom .ft_sns li.sns_insta {margin-left:12px;} #footer .ft_bottom .ft_sns li.sns_insta a {padding-left:35px;height:30px;line-height:30px;font-size:14px;background-size:30px 30px;} */ #footer .ft_bottom p {font-size:14px;line-height:1.45;} #footer .ft_bottom .addr {margin-bottom:9px;} } @media (min-width:768px) { #footer {padding:26px 0 22px;} } @media (min-width:320px) and (max-width:1023px) { #footer .ft_bottom .sns_list {display:none !important;} } @media (min-width:1024px) { .sns_dimmed.active {display:none;} #footer .ft_top {display:block;padding-bottom:0;overflow:hidden;border-bottom:1px solid #ddd;} #footer .ft_top .mob_title {display:none;} #footer .ft_top .ft_notice {float:left; display:flex; margin-bottom:0;width:47.5%;height:60px;overflow:hidden;} #footer .ft_top .ft_notice .title {display:inline-block; flex-shrink: 0; padding-right:20px;font-size:16px;font-weight:700;color:#333333;line-height:60px;text-align:left;} /* 20211015 modify */ #footer .ft_top .ft_notice .title a {font-size:inherit;} #footer .ft_top .ft_notice ul {position:relative; width:calc(100% - 77px)} /* 20211015 modify */ #footer .ft_top .ft_notice li {height:60px;line-height:60px;overflow:hidden;} #footer .ft_top .ft_notice .title.new + ul li a {max-width:62%;} #footer .ft_top .ft_notice li a {float:left;margin-right:19px;margin-bottom:0;max-width:75%;font-size:16px;font-weight:400;color:#1f1f1f;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;text-align:left;} #footer .ft_top .ft_notice li .date {float:left;font-size:16px;font-weight:100;color:#999999;text-align:left;} #footer .ft_top .ft_contact {float:right;width:52.5%;overflow:hidden;text-align:right;font-size:0;} #footer .ft_top .ft_contact p {display:inline-block;margin-bottom:0;font-size:14px;font-weight:400;color:#666666;height:60px;line-height:60px;letter-spacing:-0.3px;} #footer .ft_top .ft_contact p + p {margin-left:22px;margin-bottom:0;} #footer .ft_top .ft_contact p span {font-size:inherit;font-weight:100;} #footer .ft_top .ft_contact p a {font-size:inherit;font-weight:100;} #footer .ft_bottom {position:relative;padding:20px 0 25px;} #footer .ft_bottom .mob_sns_list {display:none;} #footer .ft_bottom .mob_sns_list.active {display:none;} #footer .ft_bottom .sns_list {display:none;position:absolute;top:-60px;right:0;padding:16px 20px 15px;background:#f5f5f5;border:1px solid #dddddd;} #footer .ft_bottom .sns_list li {float:left;margin-left:27px;} #footer .ft_bottom .sns_list li:first-child {margin-left:0;} #footer .ft_bottom .sns_list li a {display:block;height:27px;line-height:27px;font-size:14px;background-repeat:no-repeat;background-position:left center;} #footer .ft_bottom .sns_list li a:hover {text-decoration:underline;} #footer .ft_bottom .sns_list li a.sns_kakao {padding-left:37px;background-image:url('../images/ico_kakao.png');} #footer .ft_bottom .sns_list li a.sns_story {padding-left:27px;background-image:url('../images/ico_story.png');} #footer .ft_bottom .sns_list li a.sns_fb {padding-left:24px;background-image:url('../images/ico_fb.png');} #footer .ft_bottom .sns_list li a.sns_line {padding-left:39px;background-image:url('../images/ico_line.png');} #footer .ft_bottom .sns_list li a.sns_band {padding-left:27px;background-image:url('../images/ico_band.png');} #footer .ft_bottom .sns_list li a.sns_blog {padding-left:37px;background-image:url('../images/ico_blog.png');} #footer .ft_bottom .fnb {margin-bottom:16px;overflow:hidden;text-align:left;} #footer .ft_bottom .fnb li {position:relative;display:block;float:left;margin-right:13px;padding-right:15px;line-height:1;} #footer .ft_bottom .fnb li a {font-size:14px;color:#333333;line-height:1;} #footer .ft_bottom .fnb li i {position:absolute;top:1px;right:0;width:1px;height:14px;background:#dddddd;} #footer .ft_bottom .fnb li.fnb_noti {display:none;} #footer .ft_bottom .ft_sns {position:absolute;top:20px;right:0;margin-bottom:0;overflow:hidden;text-align:left;} #footer .ft_bottom .ft_sns li {float:left;display:block;} #footer .ft_bottom .ft_sns li.sns_share button {padding-left:45px;height:34px;line-height:34px;font-size:14px;color:#666666;background:url('../images/ico_share.png') no-repeat;background-size:auto;} #footer .ft_bottom .ft_sns li.sns_share button.on {background:url('../images/ico_share_close.png') no-repeat;} #footer .ft_bottom .ft_sns li.sns_share button.on:hover {background:url('../images/ico_share_close.png') no-repeat;} #footer .ft_bottom .ft_sns li.sns_share button:hover {color:#1f1f1f;background:url('../images/ico_share_on.png') no-repeat;} #footer .ft_bottom .ft_sns li.sns_fb {margin-left:30px;} #footer .ft_bottom .ft_sns li.sns_fb a {display:block;padding-left:45px;height:34px;line-height:34px;font-size:14px;color:#666666;background:url('../images/ico_facebook.png') no-repeat;background-size:auto;} #footer .ft_bottom .ft_sns li.sns_fb a:hover {color:#1f1f1f;background:url('../images/ico_facebook_on.png') no-repeat;} #footer .ft_bottom .ft_sns li.sns_insta {margin-left:30px;} #footer .ft_bottom .ft_sns li.sns_insta a {display:block;padding-left:45px;height:34px;line-height:34px;font-size:14px;color:#666666;background:url('../images/ico_instagram.png') no-repeat;background-size:auto;} #footer .ft_bottom .ft_sns li.sns_insta a:hover {color:#1f1f1f;background:url('../images/ico_instagram_on.png') no-repeat;} #footer .ft_bottom .ft_sns li.sns_youtube {margin-left:30px; position: relative;} #footer .ft_bottom .ft_sns li.sns_youtube a {display:block;padding-left:45px;height:34px;line-height:34px;font-size:14px;color:#666666;background:url('../images/ico_youtube.png') no-repeat;background-size:auto;} #footer .ft_bottom .ft_sns li.sns_youtube a:hover {color:#1f1f1f;background:url('../images/ico_youtube_on.png') no-repeat;} #footer .ft_bottom p {font-size:12px;font-weight:100;color:#999999;text-align:left;line-height:1.5;} #footer .ft_bottom .addr {margin-bottom:2px;} } /* pagination_wrap */ .pagination {position:relative;margin-top:19px;} .pagination .paging {font-size:0;text-align:center;} .pagination .paging li {display:inline-block;vertical-align:top;} .pagination .paging .blind {font-size:0;line-height:0;direction:ltr;text-indent:-999em;} .pagination .paging .first a, .pagination .paging .prev a, .pagination .paging .next a, .pagination .paging .last a {display:inline-block;} .pagination .paging .first.is-disabled a {background:url('../images/mob_paging_first_disabled.png') no-repeat 50% 50%;background-size:auto 9px;} .pagination .paging .prev.is-disabled a {background:url('../images/mob_paging_prev_disabled.png') no-repeat 50% 50%;background-size:auto 9px;} .pagination .paging .next.is-disabled a {background:url('../images/mob_paging_next_disabled.png') no-repeat 50% 50%;background-size:auto 9px;} .pagination .paging .last.is-disabled a {background:url('../images/mob_paging_last_disabled.png') no-repeat 50% 50%;background-size:auto 9px;} .pagination .paging .first a {margin-right:1px;width:24px;height:24px;background:url('../images/mob_paging_first.png') no-repeat 50% 50%;background-size:auto 9px;} .pagination .paging .prev a {margin-right:13px;width:24px;height:24px;background:url('../images/mob_paging_prev.png') no-repeat 50% 50%;background-size:auto 9px;} .pagination .paging .next a {margin-left:13px;width:24px;height:24px;background:url('../images/mob_paging_next.png') no-repeat 50% 50%;background-size:auto 9px;} .pagination .paging .last a {margin-left:1px;width:24px;height:24px;background:url('../images/mob_paging_last.png') no-repeat 50% 50%;background-size:auto 9px;} .pagination .paging .num a {display:inline-block;margin:0 1px;width:24px;height:24px;line-height:24px;font-size:11px;color:#1f1f1f;text-align:center;vertical-align:top;} .pagination .paging .num.is-active a {color:#ffffff;background:#3c93e8;} .pagination .paging .num.is-active a:hover {background:#3c93e8;} .pagination .paging .num a:hover {color:#ffffff;background:#3c93e8;} @media only screen and (min-width:360px) { .pagination {margin-top:21px;} .pagination .paging .first.is-disabled a {background-size:auto 10px;} .pagination .paging .prev.is-disabled a {background-size:auto 10px;} .pagination .paging .next.is-disabled a {background-size:auto 10px;} .pagination .paging .last.is-disabled a {background-size:auto 10px;} .pagination .paging .first a {width:27px;height:27px;background-size:auto 10px;} .pagination .paging .prev a {width:27px;height:27px;background-size:auto 10px;} .pagination .paging .next a {width:27px;height:27px;background-size:auto 10px;} .pagination .paging .last a {width:27px;height:27px;background-size:auto 10px;} .pagination .paging .num a {width:27px;height:27px;line-height:27px;font-size:12px;} } @media only screen and (min-width:375px) { .pagination {margin-top:23px;} .pagination .paging .first a {width:28px;height:28px;} .pagination .paging .prev a {margin-right:15px;width:28px;height:28px;} .pagination .paging .next a {margin-left:15px;width:28px;height:28px;} .pagination .paging .last a {width:28px;height:28px;} .pagination .paging .num a {width:28px;height:28px;line-height:28px;font-size:13px;} } @media only screen and (min-width:414px) { .pagination {margin-top:25px;} .pagination .paging .first.is-disabled a {background-size:auto 12px;} .pagination .paging .prev.is-disabled a {background-size:auto 12px;} .pagination .paging .next.is-disabled a {background-size:auto 12px;} .pagination .paging .last.is-disabled a {background-size:auto 12px;} .pagination .paging .first a {width:31px;height:31px;background-size:auto 12px;} .pagination .paging .prev a {margin-right:16px;width:31px;height:31px;background-size:auto 12px;} .pagination .paging .next a {margin-left:16px;width:31px;height:31px;background-size:auto 12px;} .pagination .paging .last a {width:31px;height:31px;background-size:auto 12px;} .pagination .paging .num a {width:31px;height:31px;line-height:31px;font-size:14px;} } @media (min-width:768px) { .pagination {position:relative;margin-top:30px;min-height:40px;} .pagination .paging {font-size:0;text-align:center;} .pagination .paging li {display:inline-block;vertical-align:top;} .pagination .paging .blind {font-size:0;line-height:0;direction:ltr;text-indent:-999em;} .pagination .paging .first a, .pagination .paging .prev a, .pagination .paging .next a, .pagination .paging .last a {display:inline-block;margin-top:13px;margin-bottom:12px;} .pagination .paging .first.is-disabled a {background:url('../images/paging_first_disabled.png') no-repeat 50% 50%;background-size:auto auto;} .pagination .paging .prev.is-disabled a {background:url('../images/paging_prev_disabled.png') no-repeat 50% 50%;background-size:auto auto;} .pagination .paging .next.is-disabled a {background:url('../images/paging_next_disabled.png') no-repeat 50% 50%;background-size:auto auto;} .pagination .paging .last.is-disabled a {background:url('../images/paging_last_disabled.png') no-repeat 50% 50%;background-size:auto auto;} .pagination .paging .first a {margin-right:36px;width:17px;height:15px;background:url('../images/paging_first.png') no-repeat 50% 50%;background-size:auto auto;} .pagination .paging .prev a {margin-right:50px;width:10px;height:15px;background:url('../images/paging_prev.png') no-repeat 50% 50%;background-size:auto auto;} .pagination .paging .next a {margin-left:50px;width:10px;height:15px;background:url('../images/paging_next.png') no-repeat 50% 50%;background-size:auto auto;} .pagination .paging .last a {margin-left:36px;width:17px;height:15px;background:url('../images/paging_last.png') no-repeat 50% 50%;background-size:auto auto;} .pagination .paging .num a {display:inline-block;margin:0 5px;width:40px;height:40px;line-height:40px;font-size:18px;color:#1f1f1f;text-align:center;vertical-align:top;} .pagination .paging .num.is-active a {color:#ffffff;background:#3c93e8;} .pagination .paging .num.is-active a:hover {background:#3c93e8;} .pagination .paging .num a:hover {color:#ffffff;background:#3c93e8;} } /* Tab btn style */ .tab_btn {margin-bottom:18px;overflow:hidden;} .tab_btn li {float:left;display:table;height:34px;background:#fafafa;border:1px solid #d9d9d9;border-bottom:1px solid #21a1f0;} .tab_btn li a {display:table-cell;width:100%;height:100%;font-size:11px;font-weight:800;vertical-align:middle;text-align:center;color:#1f1f1f;} .tab_btn li.on {background:#fff;border:1px solid #21a1f0;border-bottom:none;} .tab_btn li.on + li {border-left:none;} .tab_btn li:not(.on) {border-right:none;} .tab_btn li:not(.on):last-child {border-right:1px solid #d9d9d9;} .tab_btn2 {margin-bottom:18px;overflow:hidden;} .tab_btn2 li {float:left;display:table;height:34px;background:#fafafa;border:1px solid #d9d9d9; border-bottom: none;border-bottom:1px solid #21a1f0;} .tab_btn2 li a {display:table-cell;font-size:11px;font-weight:800;vertical-align:middle;text-align:center;color:#1f1f1f;} .tab_btn2 li.on {background:#fff;border:1px solid #21a1f0;border-bottom:none;} .tab_btn2 li.on + li {border-left:none;} .tab_btn2 li:not(.on) {border-right:none;} .tab_btn2 li:not(.on):last-child {border-right:1px solid #d9d9d9;} @media only screen and (min-width:360px){ .tab_btn {margin-bottom:16px;} .tab_btn li {height:39px;} .tab_btn li a {font-size:12px;} .tab_btn2 {margin-bottom:16px;} .tab_btn2 li {height:39px;} .tab_btn2 li a {font-size:12px;} } @media only screen and (min-width:375px){ .tab_btn {margin-bottom:17px;} .tab_btn li {height:40px;} .tab_btn li a {font-size:13px;} .tab_btn2 {margin-bottom:17px;} .tab_btn2 li {height:40px;} .tab_btn2 li a {font-size:13px;} } @media only screen and (min-width:414px){ .tab_btn {margin-bottom:18px;} .tab_btn li {height:45px;} .tab_btn li a {font-size:14px;} .tab_btn2 {margin-bottom:18px;} .tab_btn2 li {height:45px;} .tab_btn2 li a {font-size:14px;} } @media all and (min-width:768px){ .tab_btn {margin-bottom:30px;} .tab_btn li {height:60px;} .tab_btn li a {font-size:18px;} .tab_btn2 {margin-bottom:30px;} .tab_btn2 li {height:60px;} .tab_btn2 li a {font-size:18px;} } /* Layer Popup */ .layer_popup {position:fixed; top:0; left:0; z-index:10001; width:100%; height:100%; background:rgba(0,0,0,.6); opacity:0; visibility:hidden; -webkit-transition:opacity 0.3s 0s, visibility 0s 0.3s; -moz-transition:opacity 0.3s 0s, visibility 0s 0.3s; transition:opacity 0.3s 0s, visibility 0s 0.3s; } .layer_popup.visible {opacity:1; visibility:visible; -webkit-transition:opacity 0.3s 0s, visibility 0s 0s; -moz-transition:opacity 0.3s 0s, visibility 0s 0s; transition:opacity 0.3s 0s, visibility 0s 0s; } .popcontainer {position:fixed; top:50%; left:50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);min-width:288px;} .layer_popup .popcontainer {max-height:91.666666%;overflow-y:auto;background:#fff;border:1px solid #dcdcdc;} /* Layer Popup - msg pop*/ .layer_popup.msg_pop .popcontainer {width:90%;padding:33px 8.179012% 19px;} .layer_popup.msg_pop p {font-size:15px;font-weight:400;color:#1f1f1f;line-height:1.6;letter-spacing:-1.5px;text-align:center;} .layer_popup.msg_pop p i {font-size:inherit;color:#0997ee;} .layer_popup.msg_pop p b {font-size:inherit;} .layer_popup.msg_pop .btn_box {margin-top:35px;font-size:0;} .layer_popup.msg_pop .btn_box button {width:100%;} .layer_popup.msg_pop .btn_box.btn_box2 button {margin-left:2.283105%;width:48.858447%;} .layer_popup.msg_pop .btn_box.btn_box2 button:first-child {margin-left:0;} @media only screen and (min-width:360px) { .layer_popup.msg_pop .popcontainer {padding:38px 8.179012% 21px;} .layer_popup.msg_pop p {font-size:17px;} .layer_popup.msg_pop .btn_box {margin-top:40px;} } @media only screen and (min-width:414px) { .layer_popup.msg_pop .popcontainer {max-width:373px;padding:43px 30px 24px;} .layer_popup.msg_pop p {font-size:19px;} .layer_popup.msg_pop .btn_box {margin-top:46px;} } @media (min-width:768px) { .layer_popup.msg_pop .popcontainer {max-width:540px;width:540px;padding:42px 50px;} .layer_popup.msg_pop p {font-size:26px;font-weight:400;color:#1f1f1f;line-height:40px;letter-spacing:-1.5px;text-align:center;} .layer_popup.msg_pop p i {font-size:inherit;color:#0997ee;} .layer_popup.msg_pop .btn_box {margin-top:43px;font-size:0;} .layer_popup.msg_pop .btn_box button {width:100%;} .layer_popup.msg_pop .btn_box.btn_box2 button {margin-left:2.283105%;width:48.858447%;} .layer_popup.msg_pop .btn_box.btn_box2 button:first-child {margin-left:0;} } /* Layer Popup - img pop*/ .layer_popup.img_pop {background:none;} .layer_popup.img_pop .popcontainer {max-width:91.666666%;width:91.666666% !important;border:2px solid #6e7c8c;-webkit-transform: translateX(-50%, -50%); -ms-transform: translateX(-50%, -50%); -moz-transform: translateX(-50%, -50%); -o-transform: translateX(-50%, -50%); transform: translateX(-50%, -50%);} .layer_popup.img_pop .popcontainer img {display:block;width:100%;height:100%;} .layer_popup.img_pop .btn_wrap {overflow:hidden;} .layer_popup.img_pop .btn_wrap button {float:left;width:50%;height:35px;font-size:11px;color:#ffffff;text-align:center;} .layer_popup.img_pop .btn_wrap button.btn_today {background:#3c90e2;} .layer_popup.img_pop .btn_wrap button.btn_close {background:#4f5a66;} @media only screen and (min-width:360px) { .layer_popup.img_pop .btn_wrap button {height:40px;font-size:12px;} } @media only screen and (min-width:375px) { .layer_popup.img_pop .btn_wrap button {height:42px;font-size:13px;} } @media only screen and (min-width:414px) { .layer_popup.img_pop .btn_wrap button {height:46px;font-size:14px;} } @media (min-width:768px) { .layer_popup.img_pop .btn_wrap button {height:55px;font-size:18px;} .layer_popup.img_pop .popcontainer {width:auto !important;} .layer_popup.img_pop .popcontainer img {width:auto;height:auto;max-width:inherit;} } @media (min-width:320px) and (max-width:1023px) { .layer_popup.img_pop .popcontainer {top:50% !important;left:50% !important;} } @media (min-width:1024px) { .layer_popup.img_pop .popcontainer {max-width:100%;max-height:88%;-webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -moz-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0);} .layer_popup.img_pop .btn_wrap button {float:left;width:50%;height:55px;font-size:18px;color:#ffffff;text-align:center;} } /* layer pop btn shotcut*/ .layer_popup.img_pop .pop_shorcut {background:#fed650;text-align:center;} .layer_popup.img_pop .pop_shorcut .btn_wrap {font-size:0;} .layer_popup.img_pop .pop_shorcut a {display:inline-block;margin-left:2.222222%;width:42.666666%;vertical-align:top;} .layer_popup.img_pop .pop_shorcut a:first-child {margin-left:0;} @media (min-width:768px) { .layer_popup.img_pop .pop_shorcut {text-align:center;} .layer_popup.img_pop .pop_shorcut .btn_wrap {font-size:0;} .layer_popup.img_pop .pop_shorcut a {display:inline-block;margin-left:10px;} .layer_popup.img_pop .pop_shorcut a:first-child {margin-left:0;} .layer_popup.img_pop .pop_shorcut a img {display:block;max-width:inherit;height:auto;} } /* Layer_pop Survey Pop */ .layer_popup.survey_pop {z-index:0 !important;} .layer_popup.survey_pop .popcontainer {max-height:100%;overflow-y:auto;padding:33px 39px 39px;width:893px !important;max-width:893px;} .layer_popup.survey_pop .popcontainer .title {display:block;margin-bottom:34px;padding-bottom:18px;font-size:22px;border-bottom:1px solid #929395;line-height:1;} .layer_popup.survey_pop .popcontainer li {margin-top:34px;overflow:hidden;font-size:0;} .layer_popup.survey_pop .popcontainer li:first-child {margin-top:0;} .layer_popup.survey_pop .popcontainer li:last-child {margin-top:23px;} .layer_popup.survey_pop .popcontainer li .survey_q {margin-bottom:14px;font-size:20px;} .layer_popup.survey_pop .popcontainer li.q_depth_wrap .survey_q {margin-bottom:8px;} .layer_popup.survey_pop .popcontainer li .q_depth {margin-bottom:24px;} .layer_popup.survey_pop .popcontainer li .q_depth:last-child {margin-bottom:0;} .layer_popup.survey_pop .popcontainer li .q_depth p {margin-bottom:18px;margin-left:20px;font-size:20px;} .layer_popup.survey_pop .popcontainer li .q_depth.etc {margin-bottom:13px;} .layer_popup.survey_pop .popcontainer li .q_depth.etc .radio_wrap {margin-top:0;height:50px;line-height:48px;} .layer_popup.survey_pop .popcontainer li .q_depth.etc p {margin-bottom:3px;} .layer_popup.survey_pop .popcontainer .radio_wrap {display:inline-block;margin-left:18px;vertical-align:top;overflow:hidden;} .layer_popup.survey_pop .popcontainer .radio_wrap .radio_box {float:left;width:77px;} .layer_popup.survey_pop .popcontainer .radio_wrap .input_box {float:left;width:160px;} .layer_popup.survey_pop .popcontainer input[type="radio"] + label {padding-left:33px;font-size:18px;height:24px;line-height:24px;color:#4f5a66;letter-spacing:-1px;} .layer_popup.survey_pop .popcontainer input[type="radio"] + label span.ico_fake {width:24px;height:24px;background:url('../images/radio_off.png') no-repeat 50% 50%;background-size:auto;line-height:24px;} .layer_popup.survey_pop .popcontainer input[type="radio"]:checked + label span.ico_fake {background:url('../images/radio_on.png') no-repeat 50% 50%;background-size:auto;} .layer_popup.survey_pop .popcontainer .input_box input {height:50px;line-height:50px;font-size:18px;color:#4f5a66;} .layer_popup.survey_pop .popcontainer .btn_box {margin-top:40px;} .layer_popup.survey_pop .popcontainer .btn_box button {float:none;display:block;margin:0 auto;width:240px;height:60px;font-size:20px;} .waiting_pop .popcontainer {padding:0 0 38px;width:90.138888%;text-align:center;background:#fff;} .waiting_pop .popcontainer > div {padding:114px 0 0;background:url('../images/mob-icon-sandglass.png') no-repeat 50% 27px;background-size:auto 61px;letter-spacing:-0.8px;} .waiting_pop .popcontainer .pop_title {height:45px;line-height:43px;font-size:14px;font-weight:700;color:#24282b;border-bottom:1px solid #ccd5dc;} .waiting_pop .popcontainer .time_title {display:block;margin-bottom:6px;font-size:11px;font-weight:700;line-height:1;} .waiting_pop .popcontainer #NetFunnel_Loading_Popup_TimeLeft {display:block;font-size:27px;font-weight:700;line-height:1;letter-spacing:-1.7px;} .waiting_pop .popcontainer #NetFunnel_Loading_Popup_TimeLeft b {font-size:inherit;color:#3c90e2;} .waiting_pop .popcontainer .desc {margin-top:13px;font-size:12px;line-height:18px;} .waiting_pop .popcontainer .desc em {font-size:inherit;} .waiting_pop .popcontainer .desc em span {font-size:inherit;font-weight:700;color:#3c90e2;} .waiting_pop .popcontainer .sub_desc {margin-top:14px;font-size:11px;font-weight:300;color:#6e7c8c;line-height:15px;} @media only screen and (min-width:360px) { .waiting_pop .popcontainer {padding:0 0 40px;} .waiting_pop .popcontainer > div {padding:127px 0 0;background:url('../images/mob-icon-sandglass.png') no-repeat 50% 29px;background-size:auto 69px;} .waiting_pop .popcontainer .pop_title {height:50px;line-height:48px;font-size:16px;} .waiting_pop .popcontainer .time_title {margin-bottom:8px;font-size:12px;} .waiting_pop .popcontainer #NetFunnel_Loading_Popup_TimeLeft {font-size:30px;} .waiting_pop .popcontainer .desc {margin-top:15px;font-size:14px;line-height:20px;} .waiting_pop .popcontainer .sub_desc {margin-top:16px;font-size:12px;line-height:17px;} } @media only screen and (min-width:375px) { .waiting_pop .popcontainer {padding:0 0 40px;} .waiting_pop .popcontainer > div {padding:133px 0 0;background:url('../images/mob-icon-sandglass.png') no-repeat 50% 31px;background-size:auto 72px;} .waiting_pop .popcontainer .pop_title {height:52px;line-height:50px;font-size:17px;} .waiting_pop .popcontainer .time_title {margin-bottom:8px;font-size:13px;} .waiting_pop .popcontainer #NetFunnel_Loading_Popup_TimeLeft {font-size:31px;} .waiting_pop .popcontainer .desc {margin-top:16px;font-size:15px;line-height:21px;} .waiting_pop .popcontainer .sub_desc {margin-top:16px;font-size:13px;line-height:18px;} } @media only screen and (min-width:414px) { .waiting_pop .popcontainer {padding:0 0 48px;} .waiting_pop .popcontainer > div {padding:146px 0 0;background:url('../images/mob-icon-sandglass.png') no-repeat 50% 34px;background-size:auto 79px;} .waiting_pop .popcontainer .pop_title {height:58px;line-height:56px;font-size:18px;} .waiting_pop .popcontainer .time_title {margin-bottom:9px;font-size:14px;} .waiting_pop .popcontainer #NetFunnel_Loading_Popup_TimeLeft {font-size:35px;} .waiting_pop .popcontainer .desc {margin-top:16px;font-size:16px;line-height:25px;} .waiting_pop .popcontainer .sub_desc {margin-top:15px;font-size:14px;line-height:20px;} } @media (min-width:768px) { .waiting_pop .popcontainer {padding:0 0 97px;text-align:center;background:#fff;} .waiting_pop .popcontainer > div {padding:167px 0 0;background:url('../images/icon-sandglass.png') no-repeat 50% 28px;background-size:auto;letter-spacing:-0.8px;} .waiting_pop .popcontainer .pop_title {height:82px;line-height:82px;font-size:28px;font-weight:700;color:#24282b;border-bottom:1px solid #ccd5dc;} .waiting_pop .popcontainer .time_title {display:block;margin-bottom:0;font-size:20px;font-weight:700;line-height:1;} .waiting_pop .popcontainer #NetFunnel_Loading_Popup_TimeLeft {display:block;font-size:58px;font-weight:700;line-height:1;letter-spacing:-1.7px;} .waiting_pop .popcontainer #NetFunnel_Loading_Popup_TimeLeft b {font-size:inherit;color:#3c90e2;} .waiting_pop .popcontainer .desc {margin-top:42px;font-size:24px;line-height:36px;} .waiting_pop .popcontainer .desc em {font-size:inherit;} .waiting_pop .popcontainer .desc em span {font-size:inherit;font-weight:700;color:#3c90e2;} .waiting_pop .popcontainer .sub_desc {margin-top:40px;font-size:16px;font-weight:300;color:#6e7c8c;line-height:24px;} } @media (min-width:1024px) { .waiting_pop .popcontainer {width:800px;} } /* webkit Scroll Bar Design*/ .txt_wrap ::-webkit-scrollbar{width:8px;} .txt_wrap ::-webkit-scrollbar-track {background-color:#e3e7eb;} .txt_wrap ::-webkit-scrollbar-thumb {background-color:#666666;border-radius:0;} .txt_wrap ::-webkit-scrollbar-thumb:hover {background:#666666;} .txt_wrap ::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment {width:0;height:0;background:#ff0000;} @media only screen and (min-width:360px) { .txt_wrap ::-webkit-scrollbar{width:9px;} } @media only screen and (min-width:375px) { .txt_wrap ::-webkit-scrollbar{width:9px;} } @media only screen and (min-width:414px) { .txt_wrap ::-webkit-scrollbar{width:10px;} } @media (min-width:768px) { .txt_wrap ::-webkit-scrollbar{width:20px;} } /* btn_totop */ .go_top {display:none;position:fixed;z-index:1002;bottom:13px;right:13px;width:40px;height:40px;font-size:0;text-indent:-999em;background:#f5f5f5 url('../images/mob_to_top.png') no-repeat 50% 50%;background-size:8px auto;overflow:hidden;outline:0} @media only screen and (min-width:360px) { .go_top {bottom:15px;right:15px;width:45px;height:45px;background-size:auto 14px;} } @media only screen and (min-width:375px) { .go_top {bottom:16px;right:16px;} } @media only screen and (min-width:414px) { .go_top {bottom:17px;right:17px;width:50px;height:50px;background-size:auto 16px;} } @media (min-width:768px) { .go_top {bottom:25px;right:20px;width:50px;height:50px;background:#f5f5f5 url('../images/to_top.png') no-repeat 50% 50%;background-size:auto auto;} } @media (min-width:1025px) { .go_top {bottom:222px;right:35px;} } /* button style */ .btn_box {margin-top:22px;text-align:center;overflow:hidden;font-size:0;} .btn_box .inner {font-size:0;} .btn_box button {float:left;width:50%;height:44px;font-size:14px;} .btn_box button:first-child {margin-left:0;} .btn_box .btn_sm {margin-left:3.086419%;width:48.456790%;} .btn_box .btn_sm:first-child {margin-left:0;} .btn_box .btn_lg {width:100%;} .btn_blue {color:#fff;background-color:#3c90e2;} .btn_white {color:#1f1f1f;background-color:#fff;border:1px solid #acaeb0;} .btn_gray {color:#1f1f1f;background-color:#e3e7eb;} @media only screen and (min-width:360px) { .btn_box {margin-top:25px;} .btn_box button {height:50px;font-size:16px;} } @media only screen and (min-width:375px) { .btn_box {margin-top:26px;} .btn_box button {height:51px;font-size:16px;} } @media only screen and (min-width:414px) { .btn_box {margin-top:28px;} .btn_box button {height:58px;font-size:18px;} } @media all and (min-width:768px) { .btn_box {margin-top:40px;} .btn_box .btn_sm {margin-left:10px;width:240px;} .btn_box .btn_lg {margin:0 auto;width:240px;} .btn_box button {display:inline-block;float:none;margin-left:10px;width:240px;height:60px;font-size:20px;} .btn_box button:first-child {margin-left:0;} } /* input style */ .input_box:after {display:block;visibility:hidden;clear:both;content:""} .input_box input {display:block;padding-left:9px;width:100%;height:35px;line-height:35px;font-size:12px;color:#1f1f1f;border:1px solid #ccd5dc;} .input_box input:focus {border-color:#2a96fc;outline:0;} .input_box input:disabled {color:#1f1f1f;cursor:default;background:#fff;} input.err {border-color:#f30000;} input[type="radio"] {display:none;} input[type="radio"] + label {position:relative;display:inline-block;padding-left:22px;height:18px;line-height:18px;font-size:11px;cursor:pointer;} input[type="radio"] + label span.ico_fake {position:absolute;top:0;left:0;display:inline-block;width:19px;height:19px;background:url('../images/mob_radio_round_off.png') no-repeat left top;background-size:cover;cursor:pointer;vertical-align:middle;} input[type="radio"]:checked + label span.ico_fake {background:url('../images/mob_radio_round_on.png') no-repeat left top;background-size:cover;} input[type="radio"]:disabled + label {position:relative;padding-left:21px;font-size:11px;cursor:default !important;} input[type="radio"]:disabled + label span.ico_fake {position:absolute;top:0;left:0;width:19px;height:19px;background:url('../images/mob_radio_disabled_off.png') no-repeat left top;background-size:cover;vertical-align:middle;cursor:default;} input[type="checkbox"] {display:none;} input[type="checkbox"] + label {position:relative;display:inline-block;padding-left:22px;height:18px;line-height:18px;font-size:11px;cursor:pointer;} input[type="checkbox"] + label span.ico_fake {position:absolute;top:0;left:0;display:inline-block;width:18px;height:18px;background:url('../images/mob_chk_off.png') no-repeat left top;background-size:cover;cursor:pointer;vertical-align:middle;} input[type="checkbox"]:checked + label span.ico_fake {background:url('../images/mob_chk_on.png') no-repeat left top;background-size:cover;} /* input placeholder */ input::-webkit-input-placeholder {font-family:'Noto Sans';font-size:12px !important;font-weight:400;color:#bdc5cf;} input:-ms-input-placeholder {font-family:'Noto Sans';font-size:12px !important;font-weight:400;color:#bdc5cf;} input::-ms-input-placeholder {font-family:'Noto Sans';font-size:12px !important;font-weight:400;color:#bdc5cf;} input::placeholder {font-family:'Noto Sans';font-size:12px !important;font-weight:400;color:#bdc5cf;opacity:1;} @media only screen and (min-width:360px) { input::-webkit-input-placeholdfer {font-size:14px !important;} input:-ms-input-placeholder {font-size:14px !important;} input::-ms-input-placeholder {font-size:14px !important;} input::placeholder {font-size:14px !important;} } @media only screen and (min-width:414px) { input::-webkit-input-placeholder {font-size:16px !important;} input:-ms-input-placeholder {font-size:16px !important;} input::-ms-input-placeholder {font-size:16px !important;} input::placeholder {font-size:16px !important;} } input:disabled::-webkit-input-placeholder {font-family:'Noto Sans';font-weight:400;color:#bdc5cf;} input:disabled:-ms-input-placeholder {font-family:'Noto Sans';font-weight:400;color:#bdc5cf;} input:disabled::-ms-input-placeholder {font-family:'Noto Sans';font-weight:400;color:#bdc5cf;} input:disabled::placeholder {font-family:'Noto Sans';font-weight:400;color:#bdc5cf;opacity:1;} /* textarea placeholder */ textarea::-webkit-input-placeholder {font-family:'Noto Sans';font-weight:400;color:#bdc5cf;} textarea:-ms-input-placeholder {font-family:'Noto Sans';font-weight:400;color:#bdc5cf;} textarea::-ms-input-placeholder {font-family:'Noto Sans';font-weight:400;color:#bdc5cf;} textarea::placeholder {font-family:'Noto Sans';font-weight:400;color:#bdc5cf;opacity:1;} @media only screen and (min-width:360px) { .input_box input {padding-left:10px;height:39px;line-height:39px;font-size:14px;} input[type="radio"] + label {padding-left:25px;font-size:12px;height:20px;line-height:20px;} input[type="radio"] + label span.ico_fake {width:20px;height:20px;} input[type="radio"]:disabled + label {padding-left:33px;font-size:14px;} input[type="radio"]:disabled + label span.ico_fake {width:22px;height:22px;} input[type="checkbox"] + label {padding-left:25px;font-size:12px;height:20px;line-height:20px;} input[type="checkbox"] + label span.ico_fake {width:20px;height:20px;} } @media only screen and (min-width:375px) { .input_box input {padding-left:11px;height:41px;line-height:41px;font-size:14px;} input[type="radio"] + label {padding-left:26px;font-size:13px;height:21px;line-height:21px;} input[type="radio"] + label span.ico_fake {width:21px;height:21px;} input[type="radio"]:disabled + label {padding-left:34px;font-size:14px;} input[type="radio"]:disabled + label span.ico_fake {width:23px;height:23px;} input[type="checkbox"] + label {padding-left:26px;font-size:13px;height:21px;line-height:21px;} input[type="checkbox"] + label span.ico_fake {width:21px;height:21px;} } @media only screen and (min-width:414px) { .input_box input {padding-left:12px;height:45px;line-height:45px;font-size:16px;} input[type="radio"] + label {padding-left:29px;font-size:14px;height:23px;line-height:23px;} input[type="radio"] + label span.ico_fake {width:25px;height:25px;line-height:25px;} input[type="radio"]:disabled + label {padding-left:37px;font-size:16px;} input[type="radio"]:disabled + label span.ico_fake {width:25px;height:25px;} input[type="checkbox"] + label {padding-left:29px;font-size:14px;height:23px;line-height:23px;} input[type="checkbox"] + label span.ico_fake {width:23px;height:23px;} } @media all and (min-width:768px) { .input_box input {padding-left:19px;height:55px;line-height:55px;font-size:16px;} input[type="radio"] + label {padding-left:30px;font-size:16px;line-height:20px;} input[type="radio"] + label span.ico_fake {width:24px;height:24px;background:url('../images/radio_off.png') no-repeat 50% 50%;background-size:auto;} input[type="radio"]:checked + label span.ico_fake {background:url('../images/radio_on.png') no-repeat 50% 50%;background-size:auto;} input[type="radio"]:disabled + label {padding-left:41px;font-size:14px;} input[type="radio"]:disabled + label span.ico_fake {width:18px;height:18px;background:url('../images/radio_disabled_off.png') no-repeat left top;} input[type="checkbox"] + label {padding-left:30px;font-size:16px;line-height:20px;} input[type="checkbox"] + label span.ico_fake {margin:1px 0 0;width:20px;height:20px;background:url('../images/chk_off.png') no-repeat left top;} input[type="checkbox"]:checked + label span.ico_fake {width:20px;height:20px;background:url('../images/chk_on.png') no-repeat left top;} } /* Select Box style */ .selectric-select_box .selectric {height:35px;line-height:35px;} .selectric-select_box .selectric .label {display:block;margin:0 21px 0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;height: 35px;line-height:35px;color: #1f1f1f;letter-spacing:-0.5px;} .selectric-select_box .selectric .button {display:block;position:absolute;margin:auto;top:0;bottom:0;right:11px;width:10px;height:6px;background:url('../images/ico_select_down.png') no-repeat center center;background-size:10px 6px;} .selectric-select_box.selectric-open .selectric .button {background:url('../images/ico_select_up.png') no-repeat center center;background-size:cover;} .selectric-select_box .selectric-items li {padding:7px 10px;font-size:12px;border-color:#ccd5dc;} .sub_inner select option {font-size:12px;} /* selectric-disabled */ .selectric-select_box.selectric-disabled {color:#999;background-color:#f6f6f6;border:0;border-radius:0;opacity:1;cursor:default;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;} .selectric-select_box.selectric-disabled .selectric {background:#f6f6f6;border:0;border-radius:0;} .selectric-select_box.selectric-disabled .selectric .label {color:#999;} @media only screen and (min-width:360px) { .selectric-select_box .selectric {height:39px;line-height:39px;} .selectric-select_box .selectric .label {margin:0 24px 0 11px;font-size:14px;height:39px;line-height:39px;} .selectric-select_box .selectric .button {right:13px;width:11px;height:7px;background-size:11px 7px;} .selectric-select_box .selectric-items li {padding:9px 11px;font-size:14px;} .sub_inner select option {font-size:14px;} } @media only screen and (min-width:375px) { .selectric-select_box .selectric {height:41px;line-height:41px;} .selectric-select_box .selectric .label {margin:0 24px 0 11px;font-size:14px;height:41px;line-height:41px;} .selectric-select_box .selectric .button {right:13px;width:11px;height:7px;background-size:11px 7px;} .selectric-select_box .selectric-items li {padding:10px 11px;font-size:14px;} .sub_inner select option {font-size:14px;} } @media only screen and (min-width:414px) { .selectric-select_box .selectric {height:45px;line-height:45px;} .selectric-select_box .selectric .label {margin:0 27px 0 12px;font-size:16px;height:45px;line-height:45px;} .selectric-select_box .selectric .button {right:15px;width:12px;height:7px;background-size:12px 7px;} .selectric-select_box .selectric-items li {padding:12px 12px 11px;font-size:16px;} .sub_inner select option {font-size:16px;} } @media (min-width:768px) { .selectric-select_box .selectric {height:55px;background:#ffffff;} .selectric-select_box .selectric .label {margin:0 35px 0 21px;height:inherit;line-height:53px;font-size:16px;color:#1f1f1f;letter-spacing:-0.8px;} .selectric-select_box .selectric .button {right:20px;width:15px;height:9px;background:url('../images/ico_select_down.png') no-repeat center center;background-size:auto auto;} .selectric-select_box .selectric-items {background:#fff;border-top:0;} .selectric-select_box .selectric-items li {padding:17px 21px;font-size:16px;color:#1f1f1f;} .selectric-select_box .selectric-items li:last-child {border-bottom:0;} } /* 지원접수(구) css */ .container.apply .checkbox label {position:relative;display: inline-block;font-size: 18px; padding-left:38px;color: #24282b; line-height:28px;vertical-align: top;cursor:pointer;} /* 지원접수(구) - 지원현황 조회 */ #container .sub_inner .tbl-list td {font-size:18px;padding:20px 8px;vertical-align:middle;} #container .sub_inner .tbl-list td span {font-size:inherit;} #container .sub_inner .tbl-list td a {font-size:inherit;} #container .sub_inner .tbl-list td .align-type {font-size:inherit;} .text-link:after {top:7px !important;} /* 지원접수(구) - 지원하기 */ #container .sub_inner .tit-area2 .lead {font-size:18px;font-weight:400;} #container .sub_inner .tit-area2 .lead em {font-size:inherit;font-weight:400;color:#000000;} #container .sub_inner .tit-area2 .right.desc {font-size:14px;font-weight:400;} #container .sub_inner .tit-area2 .right.desc i {font-size:inherit;color:#3c90e2;} #container .sub_inner .tit-area2 .lead strong {font-size:18px;color:#000;font-weight:400;} #container .sub_inner label.label {font-weight:400;} #container .sub_inner .title3 {font-weight:400;} #container .step-area.last {margin-bottom:80px;height:auto;background:#fff;} #container .step-area.last .step {padding:0;} #container .wide.certification {background-color:#fff;} #container .wide.certification .msg-card {box-shadow:none;background:#f0f5f8;} #container .wide.applyComplete .msg-card {box-shadow:none;background:#f0f5f8;} #container .wide.applyComplete .msg-card .btn {background:#f0f5f8;} #container .wide.applyComplete .msg-card .btn.btn-primary {background:#3c90e2} #container .wide.applyComplete .msg-card p strong {font-size:inherit;} #container .contents.wide.applyList {background-color:#fff !important;} #container .wide.applyList .msg-card {box-shadow:none;background:#f0f5f8;} #container .msg-card p {font-weight:300;} #container .card-list .msg-card p {font-weight:400;} #container .card-list .msg-card p i {font-size:inherit;color:#3c90e2;} #container .section2 .chk_combine {margin-right:31px;} #container .section5 .lead.lead_long {letter-spacing:-1px;} #container .apply .contents {padding-bottom:0;} #container .checkbox input[type="checkbox"]:disabled + label span.fake {width:28px;height:28px;background:url('../images/ico_chk_disabled.png') no-repeat left top;} .btn-disabled {cursor:default !important;} /* 지원접수(구) - SW적성진단 진단안내 */ #container .tab-info .text {font-weight:300;} #container .tab-info span, #container .tab-info em {font-size:inherit;} #container .sub_inner .title3 {font-weight:700 !important;} #container .tbl-list th {font-weight:400;} #container .tbl-list td {font-weight:400;} #container .ulist1 li {font-weight:400;} #container .seq-install-wrap {font-weight:300;} #container .tab-container .tab-content .tbl-list.accordian td {padding:23px 10px;font-weight:300;} #container .tab-container .tab-content .tbl-list.accordian td .nodata {font-size:20px;font-weight:400;} #container .tab-container .tab-content .tbl-list.accordian .td_num {font-weight:300;} #container .tab-container .tab-content .tbl-list.accordian .subj {padding:0;} #container .tab-container .tab-content .tbl-list.accordian .subj a {padding:24px 40px;font-size:20px;font-weight:400;} #container .tab-container .tab-content .tbl-list.accordian .date {font-weight:300;} #container .sub_inner .tbl-list td a.icon.arrow {font-size:0;text-indent:-999em;} #container .tab-container .tab-content .tbl-list.accordian .reply td {padding:0;} #container .accordian .reply td {text-align:left;} #container .accordian .replyA {border-top:0;} #container .tab-container .tab-content .tbl-list.accordian .replyA * {font-size:20px;font-weight:400;} #container .tab-container .tab-content .tbl-list.accordian .replyA .cont * {font-size:20px;font-weight:400;} #container .tab-container .tab-content .tbl-list.accordian .replyA .cont > div {font-size:inherit;font-weight:400;} /** SW적성진단 PADDING 제거 **/ #header .hd #gnb li.gnb_1dli_2 a {padding-left:0 !important;padding-right:0 !important;letter-spacing:-3px;} @media (min-width:1080px) { #header .hd #gnb li.gnb_1dli_2 a {letter-spacing:-2px;} } #container .card-list .msg-card p.learning_info {margin: 41px auto 0;padding: 51px 0 53px 51px;width: 700px;background: #fff;text-align: left;letter-spacing: -0.8px;} /** 인터뷰 결과보기 **/ #container .apply.wide.applyList .entrance_status .decide_entrance {margin:35px 0 37px;font-size:0;} #container .apply.wide.applyList .entrance_status .radio_wrap {display:inline-block;margin-left:40px;} #container .apply.wide.applyList .entrance_status .radio_wrap:first-child {margin-left:0;} #container .apply.wide.applyList .entrance_status .radio_wrap label {font-size:18px !important;font-weight:400 !important;} #container .apply.wide.applyList .entrance_status .btn.btn-primary {width:160px;} #container .apply.wide.applyList .entrance_status .bar {display:block !important;margin-top:37px !important;margin-bottom:32px !important;} #container .apply.wide.applyList .entrance_status .add_info .txt_wrap {position: relative;padding:19px;max-width: 650px;width:100%;margin: 27px auto;background:#fafbfc;border:1px solid #e3e7eb;} #container .apply.wide.applyList .entrance_status .add_info .txt_wrap textarea {padding: 15px 10px;height: 131px;width: 100%;border: 1px solid #e3e7eb;font-size: 14px;} #container .apply.wide.applyList .entrance_status .add_info .txt_wrap button {position: absolute;bottom: 19px;right: 19px;height: 34px;width: 100px;text-align: center;font-size: 12px;font-weight: 700;} #container .apply.wide.applyList .entrance_status .bar, #container .apply.wide.applyList .card-list .msg-card .bar {max-width: 650px;width:100%;} /* textarea placeholder */ #container .apply.wide.applyList .entrance_status .add_info .txt_wrap textarea::-webkit-input-placeholder {font-size:14px !important;font-family:'Noto Sans';font-weight:400;color:#bfc7ce;} #container .apply.wide.applyList .entrance_status .add_info .txt_wrap textarea:-ms-input-placeholder {font-size:14px !important;font-family:'Noto Sans';font-weight:400;color:#bfc7ce;} #container .apply.wide.applyList .entrance_status .add_info .txt_wrap textarea::-ms-input-placeholder {font-size:14px !important;font-family:'Noto Sans';font-weight:400;color:#bfc7ce;} #container .apply.wide.applyList .entrance_status .add_info .txt_wrap textarea::placeholder {font-size:14px !important;font-family:'Noto Sans';font-weight:400;color:#bfc7ce;opacity:1;} /** 체험단 팝업 .research {background: url("../images/popup/img_top_bg.png") 0 top repeat-x;} .research > ul {padding: 20px; font-weight: bold;} .research ul .radio {padding-top: 10px;} .research ul li {padding-left: 15px; line-height: 25px; font-weight: normal;} .research .logo {padding: 33px 20px 40px 20px; background:url("../images/popup/img_top.png") no-repeat; height: 141px;} .research .logo img {display: inline-block; float: left;} .research h1 {font-size: 44px; line-height: 40px; padding-left: 104px; padding-top: 18px;font-weight: bold;} .research .top {padding: 35px 20px 10px 20px; font-size: 16px;} .research .group {padding: 6px 20px;} .research .group > .label {display: block; font-weight: bold; padding-top: 10px; position: static; margin-left: 0; margin-bottom: 0;} .research .btn_box {padding:20px; margin:0;} .research .btn_box button {width: 100%;} .research hr {border-top: 1px dashed #cacaca; width: 100%; position: inherit; border-left: none; margin-top: 15px;} .research .group input {margin-top: 10px;} input[type="radio"] {display:none;} input[type="radio"] + label {position:relative;display:inline-block;padding-left:29px;min-height:19px;font-size:16px;cursor:pointer;margin-top: 10px;} input[type="radio"] + label span {position:absolute;top:0;left:0;display:inline-block;width:20px;height:20px;background:url('../images/radio_round_off.png') no-repeat left top;background-size:cover;cursor:pointer;vertical-align:middle;} input[type="radio"]:checked + label span {background:url('../images/radio_round_on.png') no-repeat left top;background-size:cover;} input[type="radio"]:disabled + label {position:relative;padding-left:21px;font-size:16px;cursor:default !important;} input[type="radio"]:disabled + label span {position:absolute;top:0;left:0;width:19px;height:19px;background:url('../images/mob_radio_disabled_off.png') no-repeat left top;background-size:cover;vertical-align:middle;cursor:default;} input[type="checkbox"] {display:none;} input[type="checkbox"] + label {position:relative;display:inline-block;padding-left:29px;font-size:16px;cursor:pointer;margin-top: 10px;} input[type="checkbox"] + label span {position:absolute;top:0;left:0;display:inline-block;width:20px;height:20px;background:url('../images/mob_chk_off.png') no-repeat left top;background-size:cover;cursor:pointer;vertical-align:middle;} input[type="checkbox"]:checked + label span {background:url('../images/mob_chk_on.png') no-repeat left top;background-size:cover;} **/ @media all and (max-width: 414px) { .research .top {font-size: 14px;} .research h1 {font-size: 32px; padding-top: 3px; line-height: 32px;} .research .top {padding: 15px 20px 10px 20px;} .research .logo img {background-size: 60%;} } /* 191004 ABOUT 내 TAP 추가 */ @media all and (min-width: 1024px) { .about_ssafy > .about_img {width: 1200px; height: 735px; background: url("../images/img_program_tap01.png") 100% 100% no-repeat; display:block; margin-left:auto;margin-right:auto;} } @media all and (max-width: 1023px) { .about_ssafy {max-width: 649px; margin: 0 auto;} .about_ssafy > .about_img {width: 649px; height: 1461px; background: url("../images/00_program3_mob_1.png") 100% 100% no-repeat; display:block; margin-left:auto;margin-right:auto;} } /*191023 SSFY 교육생 주요 취업 기업 추가 */ .visible_xs2 {display:block !important;} .visible_lg2 {display:none !important;} @media (min-width:768px) { .visible_xs2 {display:none !important;} .visible_lg2 {display:block !important;} } .visible_lg2 .title_wrap {position: absolute; max-width: 351px;} /*191024 지원서확인 크롬 오류 수정 */ #pop-applyView {word-wrap: break-word;word-break: keep-all;word-break: break-word;} /* 200305 타임라인 */ .ssafy_intro .ssafy_timeline .title {font-size: 18px;text-align:center;color:#1f1f1f;display:block;font-weight:800;border-bottom:1px solid #1f1f1f;} .ssafy_intro .ssafy_timeline .year_wrap dt {display: none;} .ssafy_intro .ssafy_timeline .year_wrap li {display: none} .ssafy_intro .ssafy_timeline .year_wrap dt.base, .ssafy_intro .ssafy_timeline .year_wrap dt.more {display: block;} .ssafy_intro .ssafy_timeline .year_wrap li.base, .ssafy_intro .ssafy_timeline .year_wrap li.more {display: block} @media only screen and (min-width:360px) { .ssafy_intro .ssafy_timeline .title{font-size: 20px} } @media only screen and (min-width:414px) { .ssafy_intro .ssafy_timeline .title{font-size: 23px} } @media (max-width:767px) { .ssafy_intro .ssafy_timeline .btn-area {text-align: center; margin-top: 4.16666666667vw} .ssafy_intro .ssafy_timeline .btn-more {position:relative; display: inline-block; width: 20.83333333333vw; padding-right: 2.08333333333vw; height: 6.25vw; color:#fff; text-align:center; background:#3c93e8; font-size: 2.5vw; font-weight: 700;} .ssafy_intro .ssafy_timeline .btn-more:after {display: inline-block; content:''; position:absolute; top:50%; transform:translateY(-50%); width: 2.08333333333vw; height: 1.25vw; background: url(../images/icon-right-arrow-white-m.png) no-repeat; margin-left: 2.08333333333vw; background-size: 100% auto;} .ssafy_intro .ssafy_timeline .btn-more.on:after {background-image: url(../images/icon-right-arrow-white-m-on.png);} .ssafy_intro .ssafy_timeline .title {padding:0 0 2vw 0;} .ssafy_intro .ssafy_timeline .year_wrap {position: relative; margin-top: 4.16666666667vw; overflow: hidden;} .ssafy_intro .ssafy_timeline .year_wrap:before {content: ''; position: absolute; top: 4.5vw; left: 50%; width: 1px; height: 100%; background: url(../images/timeline-mob-line.png) repeat 0 0;} .ssafy_intro .ssafy_timeline .year_wrap dt {margin-bottom: 3.6vw;} .ssafy_intro .ssafy_timeline .year_wrap dt:after {content: ''; display: block; clear: both;} .ssafy_intro .ssafy_timeline .year_wrap dt:not(:first-child) {margin-top: 1vw;} .ssafy_intro .ssafy_timeline .year_wrap dt .year {position: relative; width: 50%;} .ssafy_intro .ssafy_timeline .year_wrap dt .year:before {content: ''; position: absolute; top: 50%; margin-top: -4px; width: 50%; height: 9px; } .ssafy_intro .ssafy_timeline .year_wrap dt.right .year:before {left: 0; background: url(../images/timeline-year-right.png) no-repeat 100% 50%;} .ssafy_intro .ssafy_timeline .year_wrap dt.left .year:before {right: 0; background: url(../images/timeline-year-left.png) no-repeat 0% 50%;} .ssafy_intro .ssafy_timeline .year_wrap dt .year:after {content: ''; position: absolute; top: 50%; margin-top: -7px; width: 22px; height: 22px; background: url(../images/timeline-year-dot.png) no-repeat 50% 50%; background-size: 100%;} .ssafy_intro .ssafy_timeline .year_wrap dt.right .year:after {left: -10px;} .ssafy_intro .ssafy_timeline .year_wrap dt.left .year:after {right: -12px;} .ssafy_intro .ssafy_timeline .year_wrap dt.right .year {text-align: left; float: right;} .ssafy_intro .ssafy_timeline .year_wrap dt.left .year{text-align: right;} .ssafy_intro .ssafy_timeline .year_wrap dt .year span {display: inline-block; font-size: 6.94444444444vw; color: #3C93E8; font-weight: 900; letter-spacing: -0.3px; line-height: 1;} .ssafy_intro .ssafy_timeline .year_wrap dt.right .year span {margin-left: 52%;} .ssafy_intro .ssafy_timeline .year_wrap dt.left .year span {margin-right: 52%;} .ssafy_intro .ssafy_timeline .year_wrap ul {position: relative; padding: 0;} .ssafy_intro .ssafy_timeline .year_wrap li {margin-top: -5.55555555556vw; width: 50%} .ssafy_intro .ssafy_timeline .year_wrap li:first-child {margin-top: 0;} .ssafy_intro .ssafy_timeline .year_wrap li.right {text-align: right; padding-left: 54.16666666667%} .ssafy_intro .ssafy_timeline .year_wrap li.left {text-align: right; padding-right: 4.16666666667vw} .ssafy_intro .ssafy_timeline .year_wrap li .timeline_img_wrap {width: 34.58333333333vw; display: inline-block;} .ssafy_intro .ssafy_timeline .year_wrap li .timeline_img { position: relative; width: 100%; height: 0; overflow: hidden; padding-bottom: 57%;} .ssafy_intro .ssafy_timeline .year_wrap li .timeline_img .timeline_img_in {position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .ssafy_intro .ssafy_timeline .year_wrap li .timeline_img img {width: 100%;} .ssafy_intro .ssafy_timeline .year_wrap li .month_wrap {text-align: center; margin: 1.38888888889vw 0; line-height: 1.2;} .ssafy_intro .ssafy_timeline .year_wrap li .month {display: inline; font-size: 2.22222222222vw; color: #666; margin-right: 1vw;} .ssafy_intro .ssafy_timeline .year_wrap li .cont {display: inline; font-size: 2.22222222222vw; color: #666;} } @media (min-width:768px) { .ssafy_intro .ssafy_timeline .btn-area {text-align: center; margin-top: 30px} .ssafy_intro .ssafy_timeline .btn-more {display: inline-block; width: 230px; height: 67px; color:#fff; text-align:center; background:#3c93e8 url(../images/icon-right-arrow-white.png) no-repeat 100% 50%; font-size: 23px; font-weight: 700; padding-right: 36px} .ssafy_intro .ssafy_timeline .btn-more.on {background-image: url(../images/icon-right-arrow-white-on.png);} .ssafy_intro .ssafy_timeline .title {padding:0 0 20px 25px;font-size:38px;margin-bottom: 18px;} .ssafy_intro .ssafy_timeline .year_wrap {position: relative; margin-top: 75px; overflow: hidden;} .ssafy_intro .ssafy_timeline .year_wrap:before {content: ''; position: absolute; top: 20px; left: 50%; width: 1px; height: 100%; background: url(../images/timeline-pc-line.png) repeat 0 0;} .ssafy_intro .ssafy_timeline .year_wrap dt:after {content: ''; display: block; clear: both;} .ssafy_intro .ssafy_timeline .year_wrap dt:not(:first-child) {margin-top: 20px;} .ssafy_intro .ssafy_timeline .year_wrap dt .year {position: relative; width: 50%;} .ssafy_intro .ssafy_timeline .year_wrap dt .year:before {content: ''; position: absolute; top: 50%; margin-top: -3px; width: 170px; height: 9px; } .ssafy_intro .ssafy_timeline .year_wrap dt.right .year:before {left: 0; background: url(../images/timeline-year-right.png) no-repeat 100% 50%;} .ssafy_intro .ssafy_timeline .year_wrap dt.left .year:before {right: 0; background: url(../images/timeline-year-left.png) no-repeat 0% 50%;} .ssafy_intro .ssafy_timeline .year_wrap dt .year:after {content: ''; position: absolute; top: 50%; margin-top: -7px; width: 24px; height: 24px; background: url(../images/timeline-year-dot.png) no-repeat 50% 50%; background-size: 100%;} .ssafy_intro .ssafy_timeline .year_wrap dt.right .year:after {left: -11px;} .ssafy_intro .ssafy_timeline .year_wrap dt.left .year:after {right: -13px;} .ssafy_intro .ssafy_timeline .year_wrap dt.right .year {text-align: left; float: right;} .ssafy_intro .ssafy_timeline .year_wrap dt.left .year{text-align: right;} .ssafy_intro .ssafy_timeline .year_wrap dt .year span {display: inline-block; font-size: 40px; color: #3C93E8; font-weight: 900; letter-spacing: -0.3px; line-height: 1;} .ssafy_intro .ssafy_timeline .year_wrap dt.right .year span {margin-left: 182px;} .ssafy_intro .ssafy_timeline .year_wrap dt.left .year span {margin-right: 182px;} .ssafy_intro .ssafy_timeline .year_wrap ul {position: relative; padding: 20px 0 0;} .ssafy_intro .ssafy_timeline .year_wrap li.right {text-align: left; padding-left: 50%;} .ssafy_intro .ssafy_timeline .year_wrap li.left {text-align: right; padding-right: 50%;} .ssafy_intro .ssafy_timeline .year_wrap li .timeline_img_wrap {width: 100%; display: flex; align-items: center; flex-wrap: wrap} .ssafy_intro .ssafy_timeline .year_wrap li.right .timeline_img_wrap {padding-left: 30px; } .ssafy_intro .ssafy_timeline .year_wrap li.left .timeline_img_wrap {padding-right: 30px; direction: rtl;} .ssafy_intro .ssafy_timeline .year_wrap li .timeline_img { flex-basis: 310px; flex-shrink: 0;} .ssafy_intro .ssafy_timeline .year_wrap li .timeline_img .timeline_img_in {border: 1px solid #fff;} .ssafy_intro .ssafy_timeline .year_wrap li .timeline_img img {width: 100%;} .ssafy_intro .ssafy_timeline .year_wrap li .month_wrap {line-height: 1.2; flex-basis: 260px; vertical-align: middle;} /* 20200319 */ .ssafy_intro .ssafy_timeline .year_wrap li.left .month_wrap {direction: rtl;} .ssafy_intro .ssafy_timeline .year_wrap li .month {display: inline-block; font-size: 16px; color: #666; } .ssafy_intro .ssafy_timeline .year_wrap li.right .month {margin: 0 0px 0 10px;vertical-align: top;} .ssafy_intro .ssafy_timeline .year_wrap li.left .month {margin: 0 10px 0 0px;vertical-align: top;} /* 20211201 modify */ .ssafy_intro .ssafy_timeline .year_wrap li .cont {display: inline-block; font-size: 16px; color: #666; } .ssafy_intro .ssafy_timeline .year_wrap li.right .cont {margin: 0 0px 0 10px;} .ssafy_intro .ssafy_timeline .year_wrap li.left .cont {margin: 0 10px 0 0px;} .ssafy_intro .ssafy_timeline .year_wrap li.left .cont.drt-l {direction: initial;} /* 20211227 add */ } /* 20200306 스케쥴표(공지사항) */ .board_view .schedule .class {font-size: 20px; font-weight: 500; margin-bottom: 15px;} .board_view .schedule .tbl-schedule {min-width: 320px; overflow-x: auto;} .board_view .schedule .tbl-schedule table {table-layout: fixed; width: 100%; border-top: 2px solid #000;} .board_view .schedule .tbl-schedule thead th { font-size: 15px; color: #000; text-align: center; height: 50px; vertical-align: middle; border-bottom: 1px solid #E8E9F5} .board_view .schedule .tbl-schedule tbody th {height: 85px; border-bottom: 1px solid #DEC5D4; text-align:left; padding-left: 5px; vertical-align:middle;} .board_view .schedule .tbl-schedule tbody td {height: 85px; border-bottom: 1px solid #DEC5D4; text-align:center; vertical-align:middle; white-space: nowrap;} .board_view .schedule .tbl-schedule tbody td span {display: block} .board_view .schedule .tbl-schedule tbody td em {display: inline-block} .board_view .schedule .tbl-schedule .time1 th, .board_view .schedule .tbl-schedule .time1 td {background-color: #FFF9F9; border-color:#DEC5D4} .board_view .schedule .tbl-schedule .time2 th, .board_view .schedule .tbl-schedule .time2 td {background-color: #F9FDFF; border-color:#C5D5E1} .board_view .schedule .tbl-schedule .time3 th, .board_view .schedule .tbl-schedule .time3 td {background-color: #F7FFFC; border-color:#B2D6C9} .board_view .schedule .tbl-schedule .time4 th, .board_view .schedule .tbl-schedule .time4 td {background-color: #FFFFF9; border-color:#D9DBBE} .board_view .schedule .class ~ .class {margin-top: 40px} .board_view .schedule .onair {display: block; margin: 0 auto; width: 72px; height: 25px; background: url(../images/btn_onair.png); color: transparent; font-size: 0; line-height: 0; margin-top: 4px} /* 20200319 SSAFY REVIEW */ @media only screen and (min-width: 360px){ .ssafy_intro .ssafy_model {margin-bottom: 50px;} } @media only screen and (min-width: 414px){ .ssafy_intro .ssafy_model {margin-bottom: 57px;} } @media (min-width: 768px){ .ssafy_intro .ssafy_model {margin-bottom: 144px;} } @media (min-width: 1024px){ .ssafy_intro .ssafy_model {margin-bottom: 144px;} } .ssafy_review .page_desc {background: url(../images/review_title.png) no-repeat 50% 0; margin: 0 auto 5.27777777778vw !important; width: 64.16666666667vw; height: 8.88888888889vw; max-height: 64px; max-width: 462px; background-size: auto 100%; font-size: 0; line-height: 0; color:transparent;} .ssafy_review .ssafy_news .news_list li a img {max-height: 182px} .ssafy_review .ssafy_news .news_list li a .title {margin-bottom: 4.16666666667vw; font-size: 16px} @media all and (min-width:768px) { /* SSAFY REVIEW */ .ssafy_review .page_desc {margin: 0 auto 52px !important; width: 462px; height: 64px;} .ssafy_review .ssafy_news .news_list li {position:relative} .ssafy_review .ssafy_news .news_list li:before {display:inline-block; content:''; width: 28px; height: 29px; background: url(../images/ico_board_corner.png) no-repeat 0 0; background-size: 28px auto; position:absolute; top: -1px; left: -1px} .ssafy_review .ssafy_news .news_list li a .title {font-size: 21px;margin-bottom: 15px } .ssafy_review .ssafy_news .news_list li a img {max-height: 228px} } /* sns_kakao */ #header .badge.new {display:inline-block;font-size:0;line-height:0;color:transparent} #footer .ft_bottom .ft_sns li.sns_kakao .badge.new {display:inline-block;font-size:0;line-height:0;color:transparent} @media (min-width:1025px){ #header .hd #gnb li {position:relative} #header .hd #gnb li a {top:22px;right:-20px;} #header .badge.new {position:absolute;width:38px;height:16px;background: url('../images/ico_badge_new.png') no-repeat; background-size:100% auto;} #header #snb_bg .gnb_2d .gnb_2dul li {display:flex;margin-top:15px;align-items: center;} #header #snb_bg .gnb_2d .gnb_2dul li a .badge.new {background:url('../images/ico_badge_new_s.png') no-repeat;width:16px;height:16px;background-size:100% auto;vertical-align:top;margin-left:6px;} } @media (min-width:1240px) { #header .hd #gnb li a .badge.new {right:-14px;} } #m_gnb .mnav .dropdown > ul > li > a .badge.new {display:inline-block;width:31px;height:13px;background:url('../images/mob_ico_badge_new.png') no-repeat;background-size:100% auto;vertical-align:top;position: absolute;margin-left:8px;top: 50%;transform: translateY(-50%);} #m_gnb .mnav .dropdown .gnb_1da .badge.new {display:inline-block;width:31px;height:13px;background:url('../images/mob_ico_badge_new.png') no-repeat;background-size:100% auto;vertical-align:top;position: absolute;margin-left:8px;top: 50%;transform: translateY(-50%);} #m_gnb .mnav .dropdown .gnb_2dul a {display:block;padding:0 25px;height:39px;line-height:39px;font-size:12px;color:#666666;position: relative;} #m_gnb .mnav .dropdown .gnb_2dul a .badge.new {width:13px;height:13px;background:url('../images/mob_ico_badge_new_s.png') no-repeat; background-size:100% auto;position: absolute;margin-left:8px;top: 50%;transform: translateY(-50%);} .non_respons #footer .ft_bottom .addr br {display:block !important} .non_respons #footer .ft_bottom .ft_sns {overflow:inherit} .non_respons #footer .ft_bottom .ft_sns li.sns_fb {margin-left:30px} .non_respons #footer .ft_bottom .ft_sns li.sns_kakao {margin-left:40px;} .non_respons #footer .ft_bottom .ft_sns li.sns_kakao a {display:block;padding-left:45px;height:34px;line-height:34px;font-size:14px;color:#666666;background:url('../images/ico_kakao2.png') no-repeat;background-size:auto;} .non_respons #footer .ft_bottom .ft_sns li.sns_kakao a:hover {color:#1f1f1f;background:url('../images/ico_kakao2_on.png') no-repeat;} .non_respons #footer .ft_bottom .ft_sns li.sns_youtube {margin-left:40px;} .non_respons #footer .ft_bottom .ft_sns li.sns_youtube a {display:block;padding-left:45px;height:34px;line-height:34px;font-size:14px;color:#666666;background:url('../images/ico_youtube.png') no-repeat;background-size:auto;} .non_respons #footer .ft_bottom .ft_sns li.sns_youtube a:hover {color:#1f1f1f;background:url('../images/ico_youtube_on.png') no-repeat;} #footer .ft_bottom .ft_sns {overflow: inherit;} #footer .ft_bottom .ft_sns li.sns_share button {padding-left:0;width:26px;height:26px;font-size:0;line-height:0;color:transparent;background:url('../images/mob_ico_share.png') no-repeat;background-size:26px 26px;letter-spacing:-1px;} #footer .ft_bottom .ft_sns li.sns_share button.on {background:url('../images/mob_ico_share.png') no-repeat;background-size:26px 26px;} #footer .ft_bottom .ft_sns li.sns_fb {margin-left:11px;} #footer .ft_bottom .ft_sns li.sns_fb a {padding-left:0;width:26px;height:26px;font-size:0;line-height:0;color:transparent;background:url('../images/mob_ico_facebook.png') no-repeat;background-size:26px 26px;} #footer .ft_bottom .ft_sns li.sns_insta {margin-left:11px; position:relative} #footer .ft_bottom .ft_sns li.sns_insta a {padding-left:0;width:26px;height:26px;font-size:0;line-height:0;color:transparent;background:url('../images/mob_ico_instagram.png') no-repeat;background-size:26px 26px;} #footer .ft_bottom .ft_sns li.sns_kakao {margin-left:11px;position: relative;} #footer .ft_bottom .ft_sns li.sns_kakao a {padding-left:0;width:26px;height:26px;font-size:0;line-height:0;color:transparent;background:url('../images/mob_ico_kakao2.png') no-repeat;background-size:26px 26px;} #footer .ft_bottom .ft_sns li.sns_kakao .badge.new {position:absolute;top:-4px;right:-4px;width:13px;height:13px;background:url('../images/mob_ico_badge_new_s.png') no-repeat;background-size:100% auto;} #footer .ft_bottom .ft_sns li.sns_youtube {margin-left:11px; position:relative} #footer .ft_bottom .ft_sns li.sns_youtube .badge.new {position:absolute;top:-4px;right:-4px;width:13px;height:13px;background:url('../images/mob_ico_badge_new_s.png') no-repeat;background-size:100% auto;} #footer .ft_bottom .ft_sns li.sns_youtube a {padding-left:0;width:26px;height:26px;font-size:0;line-height:0;color:transparent;background:url('../images/mob_ico_youtube.png') no-repeat;background-size:26px 26px;} #footer .ft_bottom .ft_sns li.sns_youtube a:hover {background-image: url('../images/mob_ico_youtube_on.png')} @media only screen and (min-width:414px) { #footer .ft_bottom .ft_sns li.sns_share button {width:30px;height:30px;line-height:30px;background-size:30px 30px;} #footer .ft_bottom .ft_sns li.sns_share button.on {background-size:30px 30px;} #footer .ft_bottom .ft_sns li.sns_fb {margin-left:12px;} #footer .ft_bottom .ft_sns li.sns_fb a {width:30px;height:30px;line-height:30px;background-size:30px 30px;} #footer .ft_bottom .ft_sns li.sns_insta {margin-left:12px;} #footer .ft_bottom .ft_sns li.sns_insta a {width:30px;height:30px;line-height:30px;background-size:30px 30px;} #footer .ft_bottom .ft_sns li.sns_kakao {margin-left:12px;} #footer .ft_bottom .ft_sns li.sns_kakao a {width:30px;height:30px;line-height:30px;background-size:30px 30px;} #footer .ft_bottom .ft_sns li.sns_youtube {margin-left:12px; display: inline-block; position: relative;} #footer .ft_bottom .ft_sns li.sns_youtube a {width:30px;height:30px;line-height:30px;background-size:30px 30px;} } @media (min-width:1024px) { /* #footer .ft_bottom .ft_sns {width:603px;} */ #footer .ft_bottom .ft_sns li.sns_share button {padding-left:34px;width:auto;height:34px;line-height:34px;font-size:14px;color:#666666;background:url('../images/ico_share.png') no-repeat;background-size:auto;} #footer .ft_bottom .ft_sns li.sns_fb {margin-left:20px;} #footer .ft_bottom .ft_sns li.sns_fb a {letter-spacing:-1px;padding-left:34px;width:auto;height:34px;line-height:34px;font-size:14px;color:#666666;background:url('../images/ico_facebook.png') no-repeat;background-size:auto;} #footer .ft_bottom .ft_sns li.sns_fb a:hover {color:#1f1f1f;background:url('../images/ico_facebook_on.png') no-repeat;} #footer .ft_bottom .ft_sns li.sns_insta {margin-left:20px;} #footer .ft_bottom .ft_sns li.sns_insta a {padding-left:34px;width:auto;height:34px;line-height:34px;font-size:14px;color:#666666;background:url('../images/ico_instagram.png') no-repeat;background-size:auto;} #footer .ft_bottom .ft_sns li.sns_insta a:hover {color:#1f1f1f;background:url('../images/ico_instagram_on.png') no-repeat;} #footer .ft_bottom .ft_sns li.sns_kakao {margin-left:20px;} #footer .ft_bottom .ft_sns li.sns_kakao a {letter-spacing:-1px;padding-left:34px;width:auto;height:34px;line-height:34px;font-size:14px;color:#666666;background:url('../images/ico_kakao2.png') no-repeat;background-size:auto;} #footer .ft_bottom .ft_sns li.sns_kakao a:hover {color:#1f1f1f;background:url('../images/ico_kakao2_on.png') no-repeat;} #footer .ft_bottom .ft_sns li.sns_kakao .badge.new {width:38px;height:16px;top:-11px;right:-18px;background: url('../images/ico_badge_new.png') no-repeat;background-size:100% auto;font-size:0;line-height:0;color:transparent} #footer .ft_bottom .ft_sns li.sns_youtube {margin-left:20px;} #footer .ft_bottom .ft_sns li.sns_youtube a {padding-left:34px;width:auto;height:34px;line-height:34px;font-size:14px;color:#666666;background:url('../images/ico_youtube.png') no-repeat;background-size:auto;} #footer .ft_bottom .ft_sns li.sns_youtube a:hover {color:#1f1f1f;background:url('../images/ico_youtube_on.png') no-repeat;} #footer .ft_bottom .ft_sns li.sns_youtube .badge.new {width:18px;height:17px;top:-7px;right:-9px;background: url('../images/ico_badge2_new_s.png') no-repeat;background-size:100% auto;font-size:0;line-height:0;color:transparent} } /* 20200330 SSAFY Campus Web */ .intro_campus .whole_map .map_api_new {display: none} .intro_campus .whole_map .btn-map {display: none} @media (min-width:768px) { .intro_campus .campus_all {display:none} .intro_campus .mob_campus_all {display: block;} .intro_campus .whole_map {display:none} } @media all and (min-width:768px) { .intro_campus .mob_campus_all {display:none;} .intro_campus .campus_all {display:none;} .intro_campus .whole_map {display:block;position:relative;margin-bottom:48px;height:692px;background:url('../images/whole_map_new.png') no-repeat 50% 50%; background-size: 45% auto;background-position: 50% -84px;} .intro_campus .whole_map .locate_desc {position:absolute;margin-bottom:0;width:260px;width:26.72413793103vw;max-width:310px;height:340px;padding:9px 9px;border:1px solid #dddddd;background-color:#fff} .intro_campus .whole_map .locate_desc.selected {border-color:#3c93e8} .intro_campus .whole_map .locate_desc span {margin:10px 0; font-size:14px; letter-spacing: -1px;} .intro_campus .whole_map .locate_desc dl {margin-left:0;overflow:hidden;} .intro_campus .whole_map .locate_desc dt {clear:both;float:left;margin-bottom:2px;width:61px;font-size:14px;color:#777f88;} .intro_campus .whole_map .locate_desc dd {float:left;margin-bottom:2px;width:219px;font-size:14px;color:#4f5a66;} .intro_campus .whole_map .locate_desc.locate_seoul {top:0;left:0;} .intro_campus .whole_map .locate_desc.locate_daejeon {bottom:2px;left:0;} .intro_campus .whole_map .locate_desc.locate_gumi {top:0;right:0;} .intro_campus .whole_map .locate_desc.locate_gwangju {bottom:2px;right:50%;margin-right:-13.362068965515vw} .intro_campus .whole_map .locate_desc.locate_buulgyeong {bottom:2px;right:0;} .intro_campus .whole_map .locate_desc.locate_buulgyeong span {letter-spacing: -2px;} .intro_campus .ssafy_facility .facility .title {padding-left:19px;} .intro_campus .whole_map .map_api_new {position: relative; width:38vw; max-width:509px; height: 340px; margin: 0 auto 0; top: 0;overflow: hidden;} .intro_campus .whole_map .map_api_new * {box-sizing: content-box;} .intro_campus .whole_map .map_api_new .map-info p {white-space:nowrap} .intro_campus .whole_map .map_api_new.show {display: block} .tab_contents .maps_wrap {display:none} .intro_campus .whole_map .btn-map {display:inline-block; border: 0; padding: 0 10px; height: 29px; line-height: 29px; background:#3c93e8; color:#fff; font-size: 13px; text-align:center; position: absolute; bottom: 9px; right: 9px;} .intro_campus .whole_map .btn-close {display:inline-block; border: 0; width: 38px; height: 38px; background:#3c93e8 url('../images/btn_mapinfo_close_pc.png');font-size:0;line-height:0; position: absolute; top: 20px; right: 20px;z-index: 999;} } @media all and (min-width:960px) { .intro_campus .whole_map {background-position: 50% -160px;} .intro_campus .whole_map .locate_desc span {font-size:15px;} .intro_campus .whole_map .btn-map {height: 34px; line-height: 34px;} .intro_campus .whole_map .locate_desc.locate_daejeon {bottom:0;left:0;} .intro_campus .whole_map .locate_desc.locate_gwangju {bottom:0;} .intro_campus .whole_map .locate_desc.locate_buulgyeong {bottom:0;right:0;} } @media all and (min-width:1024px) { .intro_campus .whole_map {height:922px; padding-top: 54px; margin-bottom:78px; background: url(../images/whole_map_new.png) no-repeat 50% 50%; background-size: 45% auto; background-position: 50% -90px;} .intro_campus .whole_map .locate_desc {height: 386px; padding:9px;} .intro_campus .whole_map .locate_desc span {font-size:16px} .intro_campus .whole_map .btn-map {width: 98px; height: 38px; font-size: 14px;line-height:38px;min-width: 80px;} .intro_campus .whole_map .map_api_new {-webkit-box-shadow: 6px 2px 5px 0px rgba(0,0,0,0.2); -moz-box-shadow: 6px 2px 5px 0px rgba(0,0,0,0.2); box-shadow: 6px 2px 5px 0px rgba(0,0,0,0.2); height: 390px; top:-56px;} .intro_campus .whole_map .locate_desc.locate_daejeon {bottom:70px;} .intro_campus .whole_map .locate_desc.locate_gwangju {bottom:70px;} .intro_campus .whole_map .locate_desc.locate_buulgyeong {bottom:70px;} } @media all and (min-width:1025px) { #header .link_edu.mb_apply {display:none} } @media all and (min-width:1100px) { .intro_campus .whole_map {background-position: 50% -160px;} } @media all and (min-width:1240px) { .intro_campus .whole_map {background-position: 50% -150px;} .intro_campus .whole_map .locate_desc.locate_seoul {top:54px;left:20px; background-size: 100% auto;} .intro_campus .whole_map .locate_desc.locate_daejeon {bottom:2px;left:20px;} .intro_campus .whole_map .locate_desc.locate_gumi {top:54px;right:20px;} .intro_campus .whole_map .locate_desc.locate_gwangju {bottom:2px;margin-right:-155px;} .intro_campus .whole_map .locate_desc.locate_buulgyeong {bottom:2px;right:20px;} .intro_campus .whole_map .locate_desc span {display:block;margin:15px 0 13px 10px;font-size:20px;color:#1f1f1f;} .intro_campus .whole_map .locate_desc dl {margin-left:10px;} .intro_campus .whole_map .map_api_new {width: 509px; height: 465px;top:0;} } /* 20200810 main-notice-rolling */ #footer .ft_top .ft_notice li {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;} #footer .ft_top .ft_notice li > a {max-width: calc(100% - 27px)} #footer .ft_top .ft_notice li img {width: 13px; height: 13px; margin-left: 5px; vertical-align: middle; margin-top:2px;} /* 20211015 modify*/ #footer .ft_top .ft_notice li .date {width: 100%} @media (min-width:1024px) { #footer .ft_top .ft_notice li {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center;-webkit-box-lines: single; -ms-flex-wrap: nowrap; flex-wrap: nowrap;} #footer .ft_top .ft_notice .title.new + ul li a {max-width:62%;} #footer .ft_top .ft_notice li a {float:none; margin-left:0; margin-right: 0; max-width: 75%} #footer .ft_top .ft_notice li a + span {margin-left: 5px} #footer .ft_top .ft_notice li img {width: 16px; height: 16px; margin-right: 5px; margin-top: 1px} #footer .ft_top .ft_notice li .date {width: auto} } /* 20200818 main-rolling */ .main#header.new {background: none !important} .main#header.new .hd {position: relative; z-index: 999;} .main#header.new .inner {width: auto} .main#header.new .visual_title {bottom: 30px; z-index: 99} .main_visual {position: absolute; top: 0 !important; width: 100%; min-height: 297px; height: 92.91666666667vw} .main_visual .swiper-container {margin: 0 auto; position: relative; overflow: hidden; z-index: 1; width: 100%; height: 100%;} .main_visual .swiper-slide {position: relative; background: #fff; width: 100%; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; pointer-events: none; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity } .main_visual .pc_only {display: none} .main_visual .swiper-slide {height:92.91666666667vw; min-height: 297px;} .main_visual .slick-slide img {display: block; object-fit: cover; width: 100%; height: 100%; max-width: 100%;} .main_visual .slick-slide img { max-width: 100%; max-height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);} .main_visual .visual01 {background-image: url(../images/mob_main_visual01_250627_1.jpg)} .main_visual .visual02 {background-image: url(../images/mob_main_visual02_250627.jpg)} .main_visual .visual03 {background-image: url(../images/mob_main_visual04_250627.jpg)} .main_visual .visual04 {background-image: url(../images/mob_main_visual06_250627.jpg)} .main_visual .slick-dots {position: absolute; z-index: 99999; bottom: 8px; left: 7.91666666667vw; text-align: left;} .main_visual .slick-dots > li {display: inline-block; width: auto; height: auto; margin: 0 2px;} .main_visual .slick-dots li button {display: inline-block; width: 7px; height: 7px; padding: 0; border-radius: 100%; background: transparent; border: 1px solid #fff; cursor: pointer; margin: 0;} .main_visual .slick-dots li.slick-active button {background: #fff;} .main_visual .slick-dots li button:before {display: none} @media only screen and (min-width:360px) { .main_visual {width: 100%; height:335px;} .main_visual .swiper-slide {width: 100%; height:335px;} } @media only screen and (min-width:375px) { .main_visual {width: 100%; height:348px;} .main_visual .swiper-slide {width: 100%; height:348px;} } @media only screen and (min-width:414px) { .main_visual {width: 100%; height: 385px;} .main_visual .swiper-slide {width: 100%; height: 385px;} .main_visual .slick-dots {left: 31px} } @media (min-width:768px){ .main#header.new .visual_title {bottom: 55px} .main_visual {width: 100%; height: 656px} .main_visual .swiper-slide {width: 100%; height: 655px} .main_visual .slick-dots {left: 40px; bottom: 15px} .main_visual .slick-dots li button {width: 12px; height: 12px;} } @media (min-width:1024px){ .main_visual .pc_only {display: block} .main_visual .mob_only {display: none} .main#header.new .visual_title {position:relative; left: 0} .main_visual {height: 655px} .main_visual .swiper-slide {max-width: 1920px; height: 655px; background-size: auto auto; } .main_visual .visual01 {background-image: url(../images/main_visual01_250627_1.jpg)} .main_visual .visual02 {background-image: url(../images/main_visual02_250627.jpg)} .main_visual .visual03 {background-image: url(../images/main_visual04_250627.jpg)} .main_visual .visual04 {background-image: url(../images/main_visual06_250627.jpg)} .main_visual .slick-dots {bottom: 90px; left: 20px} } @media (min-width:1240px){ .main_visual .slick-dots {left: 50%; max-width: 1240px; margin-left: -600px;} } @media (min-width: 768px) { .ssafy_news .news_list li a .title {word-break:break-all} .ssafy_review .ssafy_news_view.board_view .content table {margin-left:auto; margin-right: auto} /* LCUX-1821 */ } /* 지원하기(LCUX-835) */ .w-400 {width: 400px} .select-vertical ~ .select2-container--default .select2-selection--single .select2-selection__rendered {padding-top: 15px} .select-vertical ~ .select2-container--default .select2-selection--single .select2-selection__arrow {top: 22px; right: 18px} /* 개인정보 팝업 */ @media only screen and (max-width:767px) { .model-privacy .model-content {padding: 0 10px 20px; width: 90%; height: calc(100% - 40px); overflow-y: auto; border-radius: 0; margin-top: 20px; margin-bottom: 20px;} .model-privacy .policy-check-privacy .title3 {margin-top: 25px; font-size: 16px; line-height: 1.3; letter-spacing: -1px;} .model-privacy .policy-check-privacy .scroll-box {padding: 15px} .model-privacy .scroll-box .desc-group strong {font-size: 16px} .model-privacy .desc-table-col th {font-size: 14px; line-height: 1.3;} .model-privacy .desc-table-col td {font-size: 13px; line-height: 1.3;} .model-privacy .desc-group p {font-size: 13px; line-height: 1.5; margin-top: 10px;} .model-privacy .form-field {margin-top: 10px;} .model-privacy .form-field input[type="checkbox"] + label {padding-left: 35px; font-size: 13px; height: auto; line-height: 21px;} .model-privacy .btn_box {display:flex} .model-privacy .btn_box button + button {margin-left: 10px} } @media only screen and (min-width:768px) { .model-privacy .model-content {width: 80%; height: auto;} .model-privacy .btn_box button + button {margin-left: 10px} } @media only screen and (max-width:767px) { .tab-nav.tech {margin-top:30px} .tab-nav.tech ul li a {font-size: 12px; height: 40px; line-height: 40px; } } /* 20201012 LCUX-1138 */ .container.apply .form-group .btn-form {width: 80px} .section2.eduGrade .form-group > ul + ul {margin-top:0;} .section2.eduGrade li.unit_gubun {display: -webkit-box; display: -ms-flexbox; display: flex;} .section2.eduGrade li.unit_gubun .form-control {width: 40%;} .section2.eduGrade li.unit_gubun .select2 {width: 60% !important;} input:focus, textarea:focus, select:focus, option:focus {outline:none !important;} span.select2:focus, span.select2 *:focus {outline:none !important;} /* LCSRC-19869 */ .en-name::-webkit-input-placeholder {font-family:'Noto Sans';font-size:13px !important;font-weight:400;color:#bdc5cf;} .en-name:-ms-input-placeholder {font-family:'Noto Sans';font-size:13px !important;font-weight:400;color:#bdc5cf;} .en-name::-ms-input-placeholder {font-family:'Noto Sans';font-size:13px !important;font-weight:400;color:#bdc5cf;} .en-name::placeholder {font-family:'Noto Sans';font-size:13px !important;font-weight:400;color:#bdc5cf;opacity:1;} @media only screen and (min-width:360px) { .en-name::-webkit-input-placeholdfer {font-size:13px !important;} .en-name:-ms-input-placeholder {font-size:13px !important;} .en-name::-ms-input-placeholder {font-size:13px !important;} .en-name::placeholder {font-size:13px !important;} } @media only screen and (min-width:414px) { .en-name::-webkit-input-placeholder {font-size:13px !important;} .en-name:-ms-input-placeholder {font-size:13px !important;} .en-name::-ms-input-placeholder {font-size:13px !important;} .en-name::placeholder {font-size:13px !important;} } /* sw적성진단 안내 */ .swpType1 .tab-info {padding-right:30px} .swpType1 .tab-info .line-t {font-size:19px} .swpType1 .tab-info .btn-group {display: -webkit-box; display: -ms-flexbox; display:flex; -webkit-box-align: end; -ms-flex-align: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center;align-items: center; margin: 0} .swpType1 .tab-info .btn-area > p {font-size: 16px; white-space: nowrap;} .swpType1 .tab-info .btn-area .period {margin-top: 10px; font-size: 20px;} .swpType1 .tab-info .btn-group .btn {position: inherit; font-size:20px !important; padding: 20px 0} .swpType1 .tab-info .btn-group .btn span {display:block; font-size:16px !important; opacity:0.8} .swpType1 .tab-info .btn-group .btn + .btn {background-color:#1c64d0} .swpType1 .tab-info .btn-group2 {text-align: right;} .swpType1 .tab-info .btn-group2 .btn {position: inherit; font-size:20px !important; padding: 20px 0} .swpType1 .tab-info .btn-group2 .btn span {display:block; font-size:16px !important; opacity:0.8;} .swpType1 .tab-info .btn-group2 .btn + .btn {background-color:#1c64d0; margin-top: 5px} .swpType1 .tab-info .btn-group2 .btn + .btn span {padding-bottom: 0;} .swpType1 .tab-info .btn-group2 .btn + .btn span:after {display:none;} .upload-wrap {position: relative; margin-top:15px;overflow: hidden;} .upload-wrap input.upload_text {float:left;width:220px;height:50px;line-height:48px;padding:0 13px;border:1px solid #394a5e;} .upload-wrap .upload-btn_wrap input.input_file {position:absolute;top:0;right:0;cursor:pointer;opacity:0;filter:alpha(opacity=0);-ms-filter:"alpha(opacity=0)";-moz-opacity:0;height:50px} .upload-wrap .upload-btn_wrap {overflow:hidden;position:relative;float:left;width:160px;height:50px;} .upload-wrap .upload-btn_wrap button {width:160px;height:50px;font-weight:bold;background:#394a5e;color:#fff;} .pop-diag-info.layer-pop {width: 870px !important; padding-bottom:0} .pop-diag-info .layer-pop-con {padding:0 35px 30px !important;} .pop-diag-info .time-info {border-bottom:1px solid #000; text-align: center;color:#f00;overflow: hidden;} .pop-diag-info .time-info span {display:inline-block;vertical-align: top;text-align:center;font-size:150px;font-weight:800;letter-spacing: -4px;float:left} .pop-diag-info .time-info span#cur-hour {margin-left: 30px} .pop-diag-info .time-info span.dash {margin-top:-6px;} .pop-diag-info h2.title2 {font-size: 17px;padding-bottom: 10px;margin-top:10px; border-bottom: 0} .pop-diag-info .profile1 {overflow: visible; padding-top:0} .pop-diag-info .profile1 .rB {height: auto; margin-left:0} .pop-diag-info ul.ex {padding-top:0 !important} .pop-diag-info ul.ex li {font-size:16px;display:block; padding-left:7px; position: relative; color:#6e7c8c; position: relative} .pop-diag-info ul.ex li li {font-size:14px;display:block; padding-left:7px; position: relative; color:#6e7c8c} .pop-diag-info ul.ex > li + li {margin-top: 3px} .pop-diag-info ul.ex > li:before {display:inline-block; content:''; background:#6e7c8c; width: 2px; height: 2px; position: absolute; top:10px; left: 0} .pop-diag-info ul.ex > li .btn-sm {height: 40px; line-height: 40px; min-width: 130px} .pop-diag-info .profile1 .rB .upload-wrap {overflow:inherit} .pop-diag-info .profile1 .rB .upload-btn_wrap + .btn {background:#6e7c8c; border: 0; margin-left:20px} .pop-diag-info .profile1 .desc {margin-top:10px; color: #6e7c8c; font-size:16px} .pop-diag-info .desc-table-col td {padding: 5px 10px} .pop-diag-info .check-item-wrap {margin-top:20px} .pop-diag-info .check-item-wrap .check-item1 {overflow-y: auto;max-height: 200px;} .pop-diag-info .check-item-wrap .check-item1 .desc-group {padding: 10px 20px} .pop-diag-info .check-item-wrap .check-item1 .desc-group h2 {text-align:center; font-size: 18px; margin-bottom: 15px; font-weight: 500; color:#1f1f1f} .pop-diag-info .check-item-wrap .check-item1 .desc-group p {line-height: 22px;} .pop-diag-info .check-item-wrap .check-item1 .desc-table-col {margin-top:10px; margin-bottom:10px} .pop-diag-info .check-item-wrap .check-item1 .desc-table-col td {vertical-align:middle} .pop-diag-info .profile1 .rB .btn-group .btn + .btn:hover + .img-sample {display: block;} .pop-diag-info .profile1 .rB ul.ex .btn-sample-wrap {position: absolute; top: 0; right: 150px;} .pop-diag-info .img-sample {position:absolute;top: 45px; left:0; z-index: 9} .pop-diag-info .img-sample img {max-width: 300px; border: 1px solid #333;} .pop-diag-info .checkbox-line {padding-left:30px;margin-top:10px;margin-bottom:10px} .pop-diag-info .checkbox-line label {text-indent:-40px; font-size:16px;line-height:22px; height:auto} .pop-diag-info .checkbox-line label span {display:inline-block; margin-left:10px} .pop-diag-info .btn-group {margin-top:10px} .pop-idcard-info.layer-pop {width: 870px !important;} .pop-idcard-info .layer-pop-con {padding:0 35px 30px !important;} .pop-idcard-info .profile1 .rB {height: auto; margin-left:0} .pop-idcard-info ul.ex {padding-top:0 !important;} .pop-idcard-info ul.ex li {font-size:16px;display:block; padding-left:7px; position: relative; color:#6e7c8c} .pop-idcard-info ul.ex li:before {display:inline-block; content:''; background:#6e7c8c; width: 2px; height: 2px; position: absolute; top:10px; left: 0} .pop-idcard-info ul.ex li em {color:#3c90e2; font-size:16px;} .pop-idcard-info ul.ex li strong {color:#000; font-size:16px; font-weight:700} .pop-idcard-info .profile1 .desc {margin-top:5px; color: #6e7c8c; font-size:16px} .pop-idcard-info .profile1 .upload-wrap {margin-top: 5px;} .pop-idcard-info .view_sample {margin-top:20px;} .pop-idcard-info .view_sample ul.ex {margin-bottom:-20px;} .pop-idcard-info .view_sample p {margin-top:10px; color: #6e7c8c; font-size:16px} .pop-idcard-info .check-item-wrap .check-item1 {overflow-y: auto;max-height: 200px;margin-top:0 } .pop-idcard-info .check-item-wrap .check-item1 .desc-group {padding: 10px 20px} .pop-idcard-info .check-item-wrap .check-item1 .desc-group h2 {text-align:center; font-size: 18px; margin-bottom: 15px; font-weight: 500; color:#1f1f1f} .pop-idcard-info .check-item-wrap .check-item1 .desc-group p {line-height: 22px;} .pop-idcard-info .check-item-wrap .check-item1 .desc-table-col {margin-top:10px; margin-bottom:10px} .pop-idcard-info .check-item-wrap .check-item1 .desc-table-col td {vertical-align:middle} .pop-idcard-info .checkbox-line {padding-left:30px;margin-top:10px;margin-bottom:10px} .pop-idcard-info .checkbox-line label {text-indent:-40px; font-size:16px;line-height:22px; height:auto} .pop-idcard-info .checkbox-line label span {display:inline-block; margin-left:10px} .pop-idcard-info .btn-group {margin-top:10px} .pop-idcard-info .profile.profile1 {overflow:inherit} .pop-idcard-info .upload-wrap {overflow:inherit;} .pop-idcard-info .upload-wrap::after { content: ''; display:block; clear: both } .pop-idcard-info .upload-wrap .btn-sample-wrap {position: absolute; top: 0; right: 250px;} .pop-idcard-info .img-sample {position:absolute;top: 55px; left:0; z-index: 9} .pop-idcard-info .img-sample img {max-width: 300px; border: 1px solid #333;} .pop-idcard-info .desc-table-col td {padding: 5px 10px} /*LCUX-4315*/ .about_ssafy .tab_btn2 {display:flex;width:100%} /* 20210915 */ #m_gnb .mnav .dropdown .btn_recom {padding:18px 25px; background-color:#fff;} #m_gnb .mnav .dropdown .btn_recom a {display:block;height:47px;border-radius:8px;background-color:#538edb;text-align:center;color:#fff;line-height:47px;font-weight:bold;} .apply_notice .notice_view {text-align:center;} .apply_notice .notice_view img {max-width:100%;height:auto;} .apply_notice .notice_view.pc {display:none;position:relative;} .apply_notice .notice_view.pc a {position:absolute;left:50%;bottom:26px;width:434px;transform: translateX(-50%);} .apply_notice .notice_view.pc a.type2 {width:608px;bottom:272px;} .apply_notice .notice_view.pc a.type3 {width:auto;bottom:0; position:relative; left:0;transform: translateX(0);} .apply_notice .notice_view.mo .foot_txt {color:#333333; font-size:3.2vw; padding:20px 0;} .apply_notice2 .notice_view {text-align:center;} .apply_notice2 .notice_view img {max-width:100%;height:auto;} .apply_notice2 .notice_view.pc {display:none;position:relative;} .apply_notice2 .notice_view.pc a {position:absolute;left:50%;bottom:234px;width:434px;transform: translateX(-50%);} @media (min-width:1025px) { .apply_notice .notice_view.pc {display:block;} .apply_notice .notice_view.mo {display:none;} .apply_notice2 .notice_view.pc {display:block;} .apply_notice2 .notice_view.mo {display:none;} } /* 210928 TOTALSR-14270 공유하기 버튼 추가 */ .blind {position:absolute;top:-99999px;width:0;height:0;overflow:hidden;} /* 20250107 수정 */ .source_wrap {position:relative; border-bottom: 1px solid #1f1f1f; padding-top:15px; min-height:60px;} .source_wrap .btn_sns_share {position:absolute; top:13px; right:0;} .source_wrap .btn_sns_share .btn_share {width:34px;height:34px;line-height:34px;color:#666666;background:url('../images/ico_share.png') no-repeat;background-size:auto;} .source_wrap .sns_list {display:none; position:absolute; top:-13px; right:0; padding:11px 17px 11px 3px; background:#f5f5f5; border:1px solid #dfdfdf} .source_wrap .sns_list ul {display:flex;} .source_wrap .sns_list li a {display:block;width:36px; height:36px; background:url('../images/btn_sns_share.png') no-repeat; margin-left:12px;} .source_wrap .sns_list li a.sns_story {background-position:-48px 0;} .source_wrap .sns_list li a.sns_fb {background-position:-96px 0;} .source_wrap .sns_list li a.sns_line {background-position:-144px 0;} .source_wrap .sns_list li a.sns_band {background-position:-192px 0;} .source_wrap .sns_list li a.sns_blog {background-position:-240px 0;} .source_wrap .sns_list li a.btn_url {background-position:-288px 0;} .source_wrap .sns_list li a.btn_close {background-position:-336px 0;} .news_page_desc + .source_wrap {border-bottom: 0;} .sub_inner .inner .source_wrap {margin-top:-50px; margin-bottom:50px;} .sub_inner .inner .page_desc + .source_wrap {margin-top:0; margin-bottom:0;} .sub_inner .inner .source_wrap + .board_view {margin-top:-50px;} .sub_inner .inner .source_wrap + .board_view .board_title {border-top:0;} .source_wrap .mob_sns_list {display:none;z-index:1004;position:fixed;bottom:27px;left:0;right:0;} .source_wrap .mob_sns_list.active {display:block;} .source_wrap .mob_sns_list {display:none; text-align:center;} .source_wrap .mob_sns_list {display:none;z-index:1004;position:fixed;bottom:27px;left:0;right:0;} .source_wrap .mob_sns_list.active {display:block;} .source_wrap .mob_sns_list ul {margin-top:15px;font-size:0;text-align:center;} .source_wrap .mob_sns_list li {display:inline-block;margin-left:12px;} .source_wrap .mob_sns_list li:first-child {margin-left:0;} .source_wrap .mob_sns_list li a {display:block;width:36px;height:36px;background:url('../images/btn_sns_share_m.png') no-repeat; background-size:auto 36px;} .source_wrap .mob_sns_list li a.sns_story {background-position:-40px 0;} .source_wrap .mob_sns_list li a.sns_fb {background-position:-80px 0;} .source_wrap .mob_sns_list li a.sns_line {background-position:-120px 0;} .source_wrap .mob_sns_list li a.sns_band {background-position:-160px 0;} .source_wrap .mob_sns_list li a.sns_blog {background-position:-200px 0;} .source_wrap .mob_sns_list li a.btn_url {background-position:-240px 0;} .source_wrap .mob_sns_list .btn_close {display:inline-block;width:36px;height:36px;background:url('../images/btn_sns_share_m.png') no-repeat; background-size:auto 36px; background-position:-280px 0;} @media (min-width:1024px) { .source_wrap .mob_sns_list {display:none;} .source_wrap .mob_sns_list.active {display:none;} } @media (min-width:320px) and (max-width:1023px) { .sub_inner .inner .source_wrap {margin-top:-24px; margin-bottom:24px;} .sub_inner .inner .source_wrap + .board_view {margin-top:-24px;} .source_wrap .sns_list {display:none !important;} } @media (max-width:320px) { .source_wrap .mob_sns_list li {display:inline-block;margin-left:6px;} } /* 20220411 TOTALSR-40561 내배카, K-digital 설문 팝업 */ .pop-servey-wrap .header-box {background: #f1f5f8; padding:15px; padding-right:220px; margin-top:30px; position:relative;} .pop-servey-wrap .header-box p {font-size:17px; color:#6e7c8c; padding:2px 0;} .pop-servey-wrap .header-box .hrd-net-link {text-align:center; width: 208px; height: 53px; padding:0; line-height:52px; border-radius: 4px; background-color: #4f5a66; position:absolute; top:15px; right:15px; font-size:20px; } .pop-servey-wrap .header-box .hrd-net-link:after {content:''; display:inline-block; vertical-align: middle; width:9px; height:15px; background:url('../images/ico_arrow_w.png') no-repeat; position:relative; margin-left:8px; } .pop-servey-wrap .in-input {display:flex; justify-content: space-between; padding-top:40px;} .pop-servey-wrap .in-input h3 {font-size:22px; color:#000; font-weight: 700 !important;} .pop-servey-wrap .radio .radio-box + label:before {content:''; display:inline-block; position: absolute; left: 0; top: 0; width: 28px; height: 28px; background: url('../images/ico-radio.png') no-repeat;} .pop-servey-wrap .radio .radio-box:checked + label:before {content:''; display:inline-block; position: absolute; left: 0; top: 0; width: 28px; height: 28px; background: url('../images/ico-radio.png') no-repeat; background-position: -72px 0;} .pop-servey-wrap .radio .radio-box:disabled + label:before {content:''; display:inline-block; position: absolute; left: 0; top: 0; width: 28px; height: 28px; background:#e0e6ea; border:1px solid #ccd5dc; border-radius:14px; } .pop-servey-wrap .radio .radio-box:disabled + label {font-size:18px; color:#ccc;} .pop-servey-wrap .sub-txt {color:#4f5a66; font-size:16px; padding-top:5px; } .pop-servey-wrap .sub-txt img {vertical-align: middle; margin:0 3px;} .pop-servey-wrap .sub-txt em {color:#000; font-size:16px;} .pop-servey-wrap .foot-info-box {background:#f1f5f8; padding:30px; margin-top:40px; color:#4f5a66;} .pop-servey-wrap .foot-info-box h3 {font-size:20px; font-weight:700; } .pop-servey-wrap .foot-info-box dt {font-size:18px; font-weight:bold; padding-top:20px;} .pop-servey-wrap .foot-info-box dd, .pop-servey-wrap .foot-info-box li {font-size:16px;} .pop-servey-wrap .foot-info-box li {padding:3px 0;} .pop-servey-wrap .foot-info-box li > ul {margin-left:10px; } .pop-servey-wrap .foot-info-box dd .link {color:#3c90e2;} .pop-servey-wrap .foot-info-box + .btn-group {margin-top:40px !important;} .pop-servey-wrap .foot-info-box .icon_arrow {vertical-align: middle; margin:0 3px;} /* 20220919 응시화면제출 추가 */ .layer-pop-con.scorll-type {height:700px; overflow:auto;} .sw-test-pic-info {padding-top:30px;} .sw-test-pic-info h3 {font-size:22px; font-weight:bold; padding-bottom:10px;} .sw-test-pic-info p {font-size:16px; color:#4f5a66; line-height:24px; } .sw-test-pic-info ul.blue-txt {padding-top:5px;} .sw-test-pic-info ul.blue-txt > li {font-size:16px; color:#3c90e2; line-height:24px; } .sw-test-pic-info .arrow {display:inline-block; vertical-align: middle; width:6px; height:12px; margin:0 7px; background:url('../images/icon_arrow_6x12.png') no-repeat; } .sw-test-pic-info .mt20 {margin-top:20px; } .sw-test-pic-info .filebox {border-color:#505a66; width:386px; margin:5px 0;} .sw-test-pic-info .filebox .filename {width:224px; height:48px; } .sw-test-pic-info .filebox .btn_file {background:#505a66; font-size:13px; width:160px; height:48px; line-height:48px; } .sw-test-pic-info .file_desc p {font-size:14px; color:#4f5a66;} .sw-test-pic-info .file_desc + dl {margin-top:40px; } .sw-test-pic-info dl {padding-bottom:14px;} .sw-test-pic-info dl > dt {font-size:16px; color:#4f5a66; font-weight:bold; padding-bottom:8px; } .sw-test-pic-info dl > dt > dd > p {font-size:16px; color:#4f5a66; line-height:24px; } .sw-test-pic-info .img-sample-wrap {display:flex; justify-content: space-between; padding-top:12px;} .sw-test-pic-info .img-sample-wrap .title {color:#fff; font-size:16px; background:#80bc54; text-align:center; padding:3px 0; } .sw-test-pic-info .img-sample-wrap > div:last-child .title {background:#d15252;} .sw-test-pic-info .desc-group {background:#f1f5f8; padding:30px;} .sw-test-pic-info .desc-group h3 {font-size:20px; font-weight:bold; color:#4f5a66; text-align:center; } .sw-test-pic-info .desc-table-col {border-top: 1px solid #666; margin-top:12px; margin-bottom:10px; } .sw-test-pic-info .desc-table-col thead th {font-size:14px; color:#505a66; background:#fafafa; height:51px; padding:0; font-weight:bold; vertical-align: middle; border-bottom:1px solid #999;} .sw-test-pic-info .desc-table-col tbody td {background:#fff; border-bottom:1px solid #999; font-size:16px; color:#4f5a66; line-height:24px; vertical-align: middle; padding:11px 0; text-align: center;} .sw-test-pic-info .desc-table-col + p {font-size:14px; color:#4f5a66; line-height:20px; text-indent: -20px; padding-left:20px; } .pop-diag-info .sw-test-pic-info .check-item-wrap {margin-top:15px; padding-bottom:30px;} .pop-diag-info .sw-test-pic-info .checkbox-line {padding-left:0; display:flex; justify-content: center;} .pop-diag-info .sw-test-pic-info .checkbox-line label {text-indent:0; padding-left:0; text-align: center;} .pop-diag-info .sw-test-pic-info .checkbox-line span {margin-right:0;} .pop-diag-info .file-box-wrap {display:flex;} .pop-diag-info .file-box-wrap .btn-sample-wrap {position:relative; margin:5px 0 5px 10px;} /* 20220929 SW적성진단 희망차수 선택*/ .layer-wrap .layer-pop.sw-test-sel-order .layer-pop-con {padding:30px;} .layer-pop.sw-test-sel-order {width:600px;} .layer-pop.sw-test-sel-order dt {font-size:22px; color:#000; padding-bottom:12px; } .layer-pop.sw-test-sel-order dd {font-size:16px; line-height:24px; color:#000000;} .layer-pop.sw-test-sel-order .test-time-sel-wrap {display:flex; padding-top:8px; padding-bottom:150px;} .layer-pop.sw-test-sel-order .test-time-sel-wrap > div {width:50%; position:relative;} .layer-pop.sw-test-sel-order .test-time-sel-wrap .sel-text {font-size:12px; color:#4f5a66; position:absolute; top:5px; left:23px; z-index:30;} .layer-pop.sw-test-sel-order .test-time-sel-wrap .sel-text em {color:#ff0000;} .layer-pop.sw-test-sel-order .test-time-sel-wrap .disabled .sel-text, .layer-pop.sw-test-sel-order .test-time-sel-wrap .disabled .sel-text em {color:#999;} .layer-pop.sw-test-sel-order .selectric {border-color:#505a66} .layer-pop.sw-test-sel-order .selectric-open {z-index:20;} .layer-pop.sw-test-sel-order .test-time-sel2 .selectric {border-left:0;} .layer-pop.sw-test-sel-order .selectric-select_box .selectric .label {line-height:66px;} .layer-pop.sw-test-sel-order .selectric-items ul {background:#f1f5f8 !important;} .layer-pop.sw-test-sel-order .selectric-select_box .selectric-items li {border:0} .layer-pop.sw-test-sel-order .selectric-items li.highlighted, .layer-pop.sw-test-sel-order .selectric-items li:hover {background: #3c90e2; color:#fff;} .layer-pop.sw-test-sel-order .selectric-select_box.selectric-disabled .selectric {border:1px solid #999; border-left:0;} .layer-pop.sw-test-sel-order .selectric-select_box.selectric-disabled .selectric .button {opacity: 0.2;} @media only screen and (min-width: 414px) { .layer-pop.sw-test-sel-order .selectric-select_box .selectric .label {margin: 0 35px 0 21px; font-size: 16px; height: inherit; line-height: 66px;} .layer-pop.sw-test-sel-order .selectric-select_box .selectric {height:55px;} } /* 20230621 함께하는 기관기업 추가 */ .job_apply.company_together {padding:0} .job_apply.company_together .title_wrap {height:113px;} .company_together .bg-gray {background:#f3f3f3} .company_together .sec3 {min-height:232px;} .company_together .sec3:nth-child(2) {min-height:300px;} .company_together .sec3 ul {padding-left:37%; padding-top:20px;} .company_together .sec3 ul > li {font-size:19px; line-height:1.6; padding-bottom:7px; font-weight: 800; padding-left:15px; position:relative} .company_together .sec3 ul > li:before {content:'• '; position:absolute; top:0; left:0;} @media screen and (max-width:1023px) { .company_together .sec3 ul {padding-left:35vw; padding-top:15px;} .company_together .sec3 ul > li {font-size:1.89vw;} } @media screen and (max-width:767px) { .job_apply.company_together {padding-top:20px;} .company_together .bg-gray {background:#fff} .company_together .sec3 ul {padding-left:0; padding-top:30px; padding-left:20px;} .company_together .sec3 ul > li {font-size:2.8090vw;} .job_apply.company_together .title_wrap {height:auto; padding:6.4607vw 0 7.2247vw 6.172839%; } .job_apply.company_together .title_wrap span {font-size:4.2135vw;} } /* 20230731 Twin Campus 버튼 추가 */ #header .link_edu.link_campus a {right:0; top:-20px; background:transparent;} #header .link_edu.link_campus > a:before {content:''; display:inline-block; width:16px; height:16px; background:url('../images/icon_blank_link.png') no-repeat; vertical-align: middle; margin-right:5px; margin-top:-2px;} .main#header.on .link_edu.link_campus a {color:#1f2328; background:transparent;} #header.sub .link_edu.link_campus a {top:-10px;} @media (min-width:1025px) { .main#header.on .link_edu.link_campus a {color:#1f2328; background:transparent;} } @media (max-width: 1024px) { #header .link_edu.link_campus {display:none;} } #m_gnb .mnav .dropdown .btn_recom .btn_campus {margin-top:5px;} #m_gnb .mnav .dropdown .btn_recom .btn_campus:before {content:''; display:inline-block; width:16px; height:16px; background:url('../images/icon_blank_link.png') no-repeat; vertical-align: middle; margin-right:5px; margin-top:-2px;} /* 모집홍보 랜딩페이지 */ .ssafy_recruit_info_wrap .blind * {font-size:0;} .ssafy_recruit_info_wrap .section01 .visual {text-align:center;} .ssafy_recruit_info_wrap .section01 .mobile {display:none;} .ssafy_recruit_info_wrap .section01 .time-box-wrap {background:#2949f6; padding:60px 0;} .ssafy_recruit_info_wrap .section01 .time-box-wrap .inner {display:flex; justify-content: center;} .ssafy_recruit_info_wrap .section01 .time-box-wrap .inner .txt1 {margin-right:20px; } .ssafy_recruit_info_wrap .section01 .time-box-wrap .inner .txt2 {margin-right:20px;} .ssafy_recruit_info_wrap .section01 .time-box-wrap .inner .txt1 + div {display:flex;} .ssafy_recruit_info_wrap .section01 .time-box {display:flex;} .ssafy_recruit_info_wrap .section01 .time-box-wrap .time-box {background:#000; padding:0 20px;} .ssafy_recruit_info_wrap .section01 .time-box-wrap .time-box .days { display:flex; justify-content: center; align-items: center;} .ssafy_recruit_info_wrap .section01 .time-box-wrap .time-box .days * {font-family: 'Roboto'; font-weight: 700; font-size:62px; color:#fff81e; line-height:1; } .ssafy_recruit_info_wrap .section02 {background:#f9fafc; padding:140px 0;} .ssafy_recruit_info_wrap .section02 .inner {text-align:center; } .ssafy_recruit_info_wrap .section02 .pc img {width:100%;} .ssafy_recruit_info_wrap .section02 .mobile {display:none;} .ssafy_recruit_info_wrap .section03 {background:#3877e6; padding:140px 0; text-align: center;} .ssafy_recruit_info_wrap .section03 .mobile {display:none;} .ssafy_recruit_info_wrap .section04 {background:#1a1e27; padding:110px 0;} .ssafy_recruit_info_wrap .section04 .inner {text-align:center; } .ssafy_recruit_info_wrap .section04 .mobile {display:none;} .ssafy_recruit_info_wrap .section04 h2 {margin-bottom:36px; } .ssafy_recruit_info_wrap .section04 .chat-bubble {opacity:0; margin-top:40px;} .ssafy_recruit_info_wrap .section05 {background:#2a3038 ;padding:110px 0;} .ssafy_recruit_info_wrap .section05 .inner {text-align:center; } .ssafy_recruit_info_wrap .section05 .mobile {display:none;} .ssafy_recruit_info_wrap .section05 h2 {margin-bottom:82px; } .ssafy_recruit_info_wrap .company_list_wrap {width:1068px; margin:0 auto 68px;} .ssafy_recruit_info_wrap .company_list_wrap .swiper-slide {width:222px !important; border-radius:15px; background:#fff; overflow:hidden;} .ssafy_recruit_info_wrap .company_list_wrap .slick-prev, .ssafy_recruit_info_wrap .company_list_wrap .slick-next {width:70px; height:70px; z-index:10;} .ssafy_recruit_info_wrap .company_list_wrap .slick-prev {left:-35px;} .ssafy_recruit_info_wrap .company_list_wrap .slick-next {right:-35px;} .ssafy_recruit_info_wrap .company_list_wrap .slick-prev:before {opacity: 1; content:''; font-size:0; display:block; width:70px; height:70px; background:url('../images/recruit/btn_swiper_prev.png') no-repeat; background-size:100% auto;} .ssafy_recruit_info_wrap .company_list_wrap .slick-next:before {opacity: 1; content:''; font-size:0; display:block; width:70px; height:70px; background:url('../images/recruit/btn_swiper_next.png') no-repeat; background-size:100% auto;} .ssafy_recruit_info_wrap .section06 {background:#1a1e27; padding:110px 0;} .ssafy_recruit_info_wrap .section06 .inner {text-align:center; } .ssafy_recruit_info_wrap .section06 .mobile {display:none;} .ssafy_recruit_info_wrap .section06 .foot-btn {margin-top:8%; text-align:center; } .ssafy_recruit_info_wrap .section06 .foot-btn > a {display:inline-block; background:transparent; border:3px solid #165efe; border-radius:13px; max-width:373px; width:28.8333vw; padding:18px 0; font-size:32px; color:#fff; text-align:center; font-weight:bold;} .ssafy_recruit_info_wrap .section06 .foot-btn > a.type02 {background:#165efe; color:#fff;} .ssafy_recruit_info_wrap .section06 .foot-btn > a span {font-size:24px; vertical-align:top; position:relative; top:5px; } .ssafy_recruit_info_wrap .section06 .foot-btn > a + a {margin-left:20px; } .ssafy_recruit_info_wrap .section07 {padding:110px 0;} .ssafy_recruit_info_wrap .section07 .inner {text-align:center; } .ssafy_recruit_info_wrap .section07 .mobile {display:none;} .ssafy_recruit_info_wrap .section07 .contents-box {padding-top:100px} .ssafy_recruit_info_wrap .section07 .contents-box ul {overflow:hidden;} .ssafy_recruit_info_wrap .section07 .contents-box ul li:first-child {width:67.5%; float:left;} .ssafy_recruit_info_wrap .section07 .contents-box ul li {width:30.5%; float:right;} .ssafy_recruit_info_wrap .section07 .contents-box ul li img {width:100%;} .ssafy_recruit_info_wrap .section07 .contents-box ul li p {font-size:18px; font-weight:bold; padding-top:8px; margin-bottom:11px;} .ssafy_recruit_info_wrap .foot_floating_btn {position:fixed; bottom:0; left:50%; z-index:10; transform:translateX(-50%); background:#122695;} .ssafy_recruit_info_wrap .foot_floating_btn a {display:block;} .ssafy_recruit_info_wrap .foot_floating_btn .mobile {display:none;} .ssafy_recruit_info_wrap .side_floating_box {display:none; position:fixed; z-index:1003; bottom:145px; right:30px; width:62px;} .ssafy_recruit_info_wrap .side_floating_box ul {text-align:center; background:#fff; border-radius:31px; padding:0; height:0; margin-bottom:10px; overflow:hidden; box-shadow: 0 0 24px 1px rgba(72,72,72,0.15); transition: all .25s ease-in-out;} .ssafy_recruit_info_wrap .side_floating_box ul a {display:block;} .ssafy_recruit_info_wrap .side_floating_box ul a:hover {text-decoration: underline;} .ssafy_recruit_info_wrap .side_floating_box ul li + li {padding-top:25px; } /* 20241016 간격 수정 */ .ssafy_recruit_info_wrap .side_floating_box ul a > span {display:block; font-size:12px; line-height:14px; padding-top:7px;} .ssafy_recruit_info_wrap .side_floating_box a.more {position: relative; display: block; width: 62px; height: 62px; background-color: #191919; box-shadow: 0 0 24px 1px rgba(72,72,72,0.15);} .ssafy_recruit_info_wrap .side_floating_box a.more:after {content: ''; position: absolute; top: 50%; left: 50%; margin-top: -10px; margin-left: -10px; width: 20px; height: 20px; background-image: url('../images/recruit/side_floating_ic.png'); background-repeat: no-repeat; background-position: 50% 50%; background-size: auto; transform: rotate(0deg); transition: transform .25s ease-in-out;} .ssafy_recruit_info_wrap .side_floating_box.on {bottom:63px} .ssafy_recruit_info_wrap .side_floating_box.on a.more:after { transform: rotate(135deg);} .ssafy_recruit_info_wrap .side_floating_box.on ul {height:456px; padding:26px 0; box-sizing: border-box;} .ssafy_recruit_info_wrap .side_floating_box .top_btn {position:relative; width:62px; height: 62px; text-indent: -999em; background-color: #fff; background-image: url('../images/recruit/side_floating_top.png'); background-repeat: no-repeat; background-position: 50% 50%; margin-top:10px; box-shadow: 0 0 24px 1px rgba(72,72,72,0.15);} @media (max-width: 1240px) { .ssafy_recruit_info_wrap .section07 .contents-box ul li p {font-size:1.452vw; padding-top:5px;} .ssafy_recruit_info_wrap .company_list_wrap {width:95%;} .ssafy_recruit_info_wrap .company_list_wrap .swiper-slide {width:17.9032vw !important;} .ssafy_recruit_info_wrap .company_list_wrap .swiper-slide img {width:100%;} } @media (max-width: 1024px) { .ssafy_recruit_info_wrap .pc_floating {display:none;} .ssafy_recruit_info_wrap .foot_floating_btn {left:0; width:100%; transform: translateX(0); z-index:1003} .ssafy_recruit_info_wrap .foot_floating_btn .pc {display:none;} .ssafy_recruit_info_wrap .foot_floating_btn .mobile {display:block; padding:1.2vw 0;} .ssafy_recruit_info_wrap .foot_floating_btn .mobile img {width:100%;} .ssafy_recruit_info_wrap .m_hide {display:none !important;} .ssafy_recruit_info_wrap .section01 .pc {display:none;} .ssafy_recruit_info_wrap .section01 .mobile {display:block;} .ssafy_recruit_info_wrap .section01 .mobile img {width:100%;} .ssafy_recruit_info_wrap .section01 .time-box-wrap {padding:20px 0;} .ssafy_recruit_info_wrap .section01 .time-box-wrap .inner {flex-direction: column; justify-content: center; align-items: center;} .ssafy_recruit_info_wrap .section01 .time-box-wrap .inner .txt1 {margin-right:0; width:68vw;} .ssafy_recruit_info_wrap .section01 .time-box-wrap .inner .txt1 img {width:100%;} .ssafy_recruit_info_wrap .section01 .time-box-wrap .inner .txt2 {margin-right:2vw} .ssafy_recruit_info_wrap .section01 .time-box-wrap .inner .txt2 {width:46vw;} .ssafy_recruit_info_wrap .section01 .time-box-wrap .inner .txt2 img {width:100%;} .ssafy_recruit_info_wrap .section01 .time-box-wrap .time-box {padding:0 2vw;} .ssafy_recruit_info_wrap .section01 .time-box-wrap .time-box .days * {font-size:7.8652vw;} .ssafy_recruit_info_wrap .section02 {background:#fcfcfc; padding:0;} .ssafy_recruit_info_wrap .section02 .inner {padding:0;} .ssafy_recruit_info_wrap .section02 .pc {display:none;} .ssafy_recruit_info_wrap .section02 .mobile {display:block;} .ssafy_recruit_info_wrap .section02 .mobile img {width:100%} .ssafy_recruit_info_wrap .section03 {padding:0;} .ssafy_recruit_info_wrap .section03 .pc {display:none;} .ssafy_recruit_info_wrap .section03 .mobile {display:block;} .ssafy_recruit_info_wrap .section03 .mobile img {width:100%} .ssafy_recruit_info_wrap .section04 {padding:10vw 0;} .ssafy_recruit_info_wrap .section04 .pc {display:none;} .ssafy_recruit_info_wrap .section04 .mobile {display:block;} .ssafy_recruit_info_wrap .section04 .mobile img {width:100%} .ssafy_recruit_info_wrap .section04 h2 {margin-bottom:30px; } .ssafy_recruit_info_wrap .section04 .chat-bubble {opacity:0; margin-top:8px;} .ssafy_recruit_info_wrap .section05 {padding:10vw 0;} .ssafy_recruit_info_wrap .section05 .pc {display:none;} .ssafy_recruit_info_wrap .section05 .mobile {display:block;} .ssafy_recruit_info_wrap .section05 .mobile img {width:100%} .ssafy_recruit_info_wrap .section05 h2 {margin-bottom:36px; } .ssafy_recruit_info_wrap .company_list_wrap {width:95%; margin:0 auto 13.764vw;} .ssafy_recruit_info_wrap .company_list_wrap .swiper-slide {width:23.736vw !important; border-radius:8px;} .ssafy_recruit_info_wrap .company_list_wrap .swiper-slide img {width:100%;} .ssafy_recruit_info_wrap .company_list_wrap .slick-prev, .ssafy_recruit_info_wrap .company_list_wrap .slick-next {width:7.444vw; height:7.444vw; z-index:10;} .ssafy_recruit_info_wrap .company_list_wrap .slick-prev {left:-3.7vw;} .ssafy_recruit_info_wrap .company_list_wrap .slick-next {right:-3.7vw;} .ssafy_recruit_info_wrap .company_list_wrap .slick-prev:before {width:7.444vw; height:7.444vw; background:url('../images/recruit/btn_swiper_prev.png') no-repeat; background-size:100% auto;} .ssafy_recruit_info_wrap .company_list_wrap .slick-next:before {width:7.444vw; height:7.444vw; background:url('../images/recruit/btn_swiper_next.png') no-repeat; background-size:100% auto;} .ssafy_recruit_info_wrap .section06 {padding:10vw 0;} .ssafy_recruit_info_wrap .section06 .inner {text-align:center;} .ssafy_recruit_info_wrap .section06 .pc {display:none;} .ssafy_recruit_info_wrap .section06 .mobile {display:block;} .ssafy_recruit_info_wrap .section06 .mobile img {width:100%} .ssafy_recruit_info_wrap .section06 .foot-btn > a {font-size:3.511vw; max-width:inherit; width:90%; border-radius:6px; padding:12px 0;} .ssafy_recruit_info_wrap .section06 .foot-btn > a span {font-size:2.4vw;display:inline-block; margin-left:10px; } .ssafy_recruit_info_wrap .section06 .foot-btn a + a {margin-left:0; margin-top:14px} .ssafy_recruit_info_wrap .section07 {padding:10vw 0;} .ssafy_recruit_info_wrap .section07 .inner {text-align:center; } .ssafy_recruit_info_wrap .section07 .pc {display:none;} .ssafy_recruit_info_wrap .section07 .mobile {display:block;} .ssafy_recruit_info_wrap .section07 .mobile img {width:100%} .ssafy_recruit_info_wrap .section07 .contents-box {padding-top:25px} .ssafy_recruit_info_wrap .section07 .contents-box ul {overflow:hidden; width:90%; margin:0 auto;} .ssafy_recruit_info_wrap .section07 .contents-box ul li:first-child {width:100%; float:none;} .ssafy_recruit_info_wrap .section07 .contents-box ul li {width:100%; float:none; margin-top:4.511vw} .ssafy_recruit_info_wrap .section07 .contents-box ul li img {width:100%;} .ssafy_recruit_info_wrap .section07 .contents-box ul li p {font-size:3.511vw;} } @media (max-width: 768px) { .ssafy_recruit_info_wrap .section01 .mark {top:108vw;} } @media (max-width: 320px) { .ssafy_recruit_info_wrap .company_list_wrap .swiper-slide {width:23.736vw !important; border-radius:4px;} } .pop-in { animation-fill-mode: forwards; animation-name: message; animation-duration: 9s; } .pop-in:nth-of-type(2) { -webkit-animation-delay: 1s; animation-delay: 1s; } .pop-in:nth-of-type(3) { -webkit-animation-delay: 2s; animation-delay: 2s; } .pop-in:nth-of-type(4) { -webkit-animation-delay: 3s; animation-delay: 3s; } @keyframes message { 0%, 10% { opacity: 0; transform: translateY(50%); } 20%, 100% { opacity: 1; transform: translateY(0%); } }