/* 이전 소스 */ header { background-color: #102132; display: table; position: relative; width: 100%; height: 45px; } header .title { display: table-cell; padding: 0 40px; color: #fff; font-size: 1.9rem; font-weight: 600; letter-spacing: -.05em; vertical-align: middle; text-align: center; } header .btn-menu:after{ background-position: -24px 0; } header .btn-search:after{ background-position: -24px -24px; } footer { background:#fafafa; } footer .link_area{display:table;table-layout:fixed;width:100%;padding:15px 0 7px;text-align:center;} footer .link_area a{padding:5px 13px;color:#707070;font-size:1.2rem;letter-spacing:-.05em;white-space:nowrap;position: relative;} footer .link_area a:last-child:before{display: none;} footer .copyright { color:#707070; } .mba-head {position: relative; min-height: 80px;} .mba-head.main {min-height: 40px; overflow: hidden;} /* case : main */ .mba-head .mba-menu {display: table; width: 100%;} .mba-head .mba-menu > li {display: table-cell; text-align: center; width: 25%;} .mba-head li a {display: block; font-size: 1.2rem; letter-spacing: -1px; line-height: 40px; color: #000;} .mba-head li.active a {background-color: #38383a; color: #fff; font-weight: 600;} .mba-head li .dep2 {position: absolute; width: 100%; display: table; left: 0;} .mba-head .dep2 li {display: table-cell;} .mba-head .dep2 li.active a {color: #78c4ff;} .mba-gold { padding: 10px 0; background-color: #dfdfdf; } .mba-gold .gold-img img { width: 100%; } .mba-noti { position: relative; height: 185px; } .mba-noti .noti-list:after { content: ""; clear: both; display: block; } .mba-noti .noti-list > li { border-top: 1px solid #ccc; width: 50%; float: left; background-color: #ececec; } .mba-noti .noti-list > li div { display: none; width: 100%; position: absolute; left: 0; } .mba-noti .noti-list > li.active { display: block; } .mba-noti .noti-list > li.active div { display: block; } .mba-noti .noti-list > li.active > a { font-weight: bold; border-bottom: 0; background-color: #fff; padding-bottom: 1px; } .mba-noti .noti-list > li > a { display: block; line-height: 40px; text-align: center; border-bottom: 1px solid #d2d2d2; border-left: 1px solid #d2d2d2; } .mba-noti .noti-list > li:first-child > a { border-left: 0; } .mba-noti .noti-list > li > div > ul > li { position: relative; } .mba-noti .noti-list > li > div > ul > li > a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-bottom: 1px solid #f1f1f1; position: relative; display: block; line-height: 3.6rem; padding-left: 28px; } .mba-noti .noti-list > li > div > ul > li > a:before { content: ""; position: absolute; left: 16px; top: 15px; width: 4px; height: 4px; background-color: #000; border-radius: 100%; } .mba-noti .noti-list > li > div > a { color: #000; position: absolute; top: 120px; right: 24px; padding-right: 10px; font-size:12px; } .mba-noti .noti-list > li > div > a:before { content: ""; position: absolute; right: 0; top: 4px; width: 4px; height: 4px; border-top: 1px solid #000; border-right: 1px solid #000; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); } .ct-box { border-top: 1px solid #a9a9a9; background:#fafafa url("http://m.hunet.co.kr/assets/img/mba/ct_bg.png") no-repeat 5px 20px; background-size: 64px 64px; padding: 20px 12px 20px 80px; letter-spacing: -.1rem; } .ct-box .h3-dl { border-bottom: 1px solid #d2d2d2; } .ct-box .h3-dl.nb { border-bottom: 0; margin-top: 10px; } .ct-box .h3-dl.nb dt { min-width: 84px; line-height: 2rem; padding-bottom: 0; } .ct-box .h3-dl.nb dd { line-height: 2rem; padding-bottom: 0; border-bottom: 0; } .ct-box .h3-dl > dt { min-width: 84px; float: left; margin-right: 17px; font-size: 1.5rem; font-weight: 600; line-height: 2.5rem; padding-bottom: 5px; } .ct-box .h3-dl > dd { font-size: 2rem; font-family:'AppleSDGothicNeo-Medium', sans-serif; font-weight: 700; line-height: 2.5rem; padding-bottom: 5px; } .ct-box .h3-dl.nor { border-bottom: 0; margin:5px 0; } .ct-box .h3-dl.nor dt { min-width: 84px; line-height: 1.5rem; } .ct-box .h3-dl.nor dd { line-height: 1.5rem; font-size: 1.3rem; font-weight: 600; } .ct-box .ct-btn { display: inline-block; font-size: 1.2rem; padding: 7px 20px; border: 1px solid #ccc; margin-top: 5px; border-radius: 2px; font-weight: 600; } .cf-body { background-color: #f9f9f9; } .cf-body .cf-text { text-align: center; color: #1b3a5b; text-align: center; padding: 30px 30px 0 30px; font-size: 1.4rem; line-height: 1.7rem; } .cf-body .cf-img { margin-top: 5px; } .cf-body .cf-img > img { width: 100%; } .section-bottom { overflow:hidden; } .section-bottom.none_bor { border:0 !important; } /******************************************************************************************************************************************************************************** 20151023 Smart BMA 개편 - Main ********************************************************************************************************************************************************************************/ #main { } #main .intro img { width:100%; vertical-align:top; } #main .event_banner img { width:100%; vertical-align:top; } #main .event_banner { position:relative; border-bottom:1px solid #ccc; } #main .event_banner .pagination { position:absolute; left:0; right:0; bottom:10px; text-align:center; z-index:10; } #main .event_banner .pagination span { display:inline-block; width:7px; height:7px; border:1px solid #c2c2c2; background:#f4f4f4; text-indent:-9999px; border-radius:100%; margin:0 2px; opacity:1; } #main .event_banner .pagination span.swiper-pagination-bullet-active { border-color:#f70800; background:#f70800; } #main .lecturer_section { min-height:344px; background:url(http://img.hunet.co.kr/m/mba_v2/main/bg_lecturer.gif) no-repeat 0 0; background-size:cover; position:relative; } #main .lecturer_section .title { text-align:center; padding:30px 0 9px; } #main .lecturer_section .title img { width:210px; } #main .lecturer_section .btn_link { text-align:center; } #main .lecturer_section .btn_link a { display:inline-block; padding:0 17px 0 12px; margin:0 auto; height:22px; line-height:22px; position:relative; border:1px solid #8b8984; text-align:center; font-size:11px; color:#282828; } #main .lecturer_section .btn_link a:after { content:''; position:absolute; right:6px; top:7px; width:6px; height:6px; border-right:1px solid #282828; border-bottom:1px solid #282828; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); } #main .lecturer_section .photo { position:absolute; left:0; bottom:0; right:0; text-align:center; } #main .lecturer_section .photo img { width:293px; } #main .talk_section { background:#cbac76; padding-bottom:23px; } #main .talk_section .title { padding:25px 0 5px; text-align:center; } #main .talk_section .title img { width:273px; } #main .talk_section .grade_box { text-align:center; color:#d83b08; margin-bottom:10px; } #main .talk_section .grade_box strong { font-size:23px; position:relative; top:2px; } #main .talk_section .grade_box .grade { margin-top:-2px; display:inline-block; vertical-align:middle;width:60px;height:11px; background:url(http://img.hunet.co.kr/m/mba_v2/common/icon.png) no-repeat; background-position:-65px 0; background-size:130px auto; } #main .talk_section .grade_box .grade span { display:block; height:11px; background:url(http://img.hunet.co.kr/m/mba_v2/common/icon.png) no-repeat; background-position:-65px -11px; background-size:130px auto; } #main .talk_section .talk_box { margin-bottom:14px; } #main .talk_section .talk_box ul { padding:0 10px; overflow:hidden; } #main .talk_section .talk_box ul li { float:left; width:50%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:0 5px; } #main .talk_section .talk_box ul li .article .txt { padding:8px 13px; background:#fff; border-radius:8px; line-height:17px; box-shadow:3px 3px 0 #a69167; position:relative; margin-bottom:13px; min-height:102px; } #main .talk_section .talk_box ul li .article .txt .thumb {text-align:center; margin-bottom:5px;} #main .talk_section .talk_box ul li .article .txt .thumb img {width:100%; height:80px;} #main .talk_section .talk_box ul li .article .txt p { max-height:34px; overflow:hidden; } #main .talk_section .talk_box ul li .article .txt:after { content:''; position:absolute; left:15px; bottom:-5px; width:10px; height:10px; background:#fff; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); transform:rotate(-45deg); } #main .talk_section .talk_box ul li .article .name { padding-left:35px; color:#211c13; line-height:17px; position:relative; letter-spacing:-1px; } #main .talk_section .talk_box ul li .article .name strong { display:block; } #main .talk_section .talk_box ul li .article .name:before { content:''; position:absolute; left:0px; top:0; width:31px;height:31px; background:url(http://img.hunet.co.kr/m/mba_v2/common/icon.png) no-repeat; background-position:-65px -25px; background-size:130px auto; } #main .talk_section .btn_link { text-align:center; } #main .talk_section .btn_link a { display:inline-block; padding:0 17px 0 12px; margin:0 auto; height:22px; line-height:22px; position:relative; border:1px solid #796a4f; text-align:center; font-size:11px; color:#3a4150; } #main .talk_section .btn_link a:after { content:''; position:absolute; right:6px; top:7px; width:6px; height:6px; border-right:1px solid #3a4150; border-bottom:1px solid #3a4150; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); transform:rotate(-45deg); } #main .network_section { background:#344763; padding-bottom:23px; margin-bottom:5px; } #main .network_section .title { padding:27px 0 7px; text-align:center; } #main .network_section .title img { width:216px; } #main .network_section .number { text-align:center; color:#ffd22d; margin-bottom:10px; } #main .network_section .number strong em { font-size:23px; position:relative; top:2px; } #main .network_section .photo { padding:0 19px; text-align:center; margin-bottom:15px; } #main .network_section .photo img { max-width:100%; } #main .network_section .btn_link{ text-align:center; } #main .network_section .btn_link a { display:inline-block; padding:0 20px 0 17px; margin:0 auto; height:22px; line-height:22px; position:relative; border:1px solid #9aa3b1; text-align:center; font-size:11px; color:#fff; } #main .network_section .btn_link a:after { content:''; position:absolute; right:6px; top:7px; width:6px; height:6px; border-right:1px solid #fff; border-bottom:1px solid #fff; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); transform:rotate(-45deg); } #main .partner_section { padding:18px 18px 9px; background:#fff; position:relative; } #main .partner_section .title { font-size:15px; font-weight:bold; color:#211c13; margin-bottom:3px; } #main .partner_section .rolling_box { } #main .partner_section .rolling_box img { width:100%; } #main .partner_section .btn_more { position:absolute; right:18px; top:15px; background:none; line-height:inherit; height:21px; } #main .partner_section .btn_more a { display:block; font-size:11px; color:#3a4150; padding:5px 7px; position:relative; } #main .partner_section .btn_more a:after { content:''; position:absolute; right:0px; top:50%; margin-top:-5px; width:6px; height:6px; border-right:1px solid #3a4150; border-bottom:1px solid #3a4150; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); transform:rotate(-45deg); } #main .intro_banner { padding-bottom:5px; } #main .intro_banner img { width:100%; } /************************************************************************************************************************************************************************************ 자주사용하는 코드 ************************************************************************************************************************************************************************************/ img.full_img { width:100%; } .text-black { color:#000 !important } .text-danger { color:#cd1315 !important } .text-under { text-decoration:underline !important; } /* Modal */ .modal-body { padding:15px; } /* 타이틀 */ .h2-tit { font-size:21px; line-height:25px; font-weight:bold; color:#2a2a2a; padding:15px 10px 7px; text-align:center; letter-spacing:-1px; } .h2-tit .normal {font-weight:normal; } .h3-tit { font-size:16px; font-weight:bold; color:#000; padding:20px 0 12px; text-align:center; letter-spacing:-1px; } .h2-desc { font-size:12px; line-height:16px; color:#2a2a2a; text-align:center; margin-bottom:14px; letter-spacing:-1px; } .h2_box { position:relative; min-height:55px; padding:0 18px; } .h2_box .left_col { float:left; } .h2_box .right_col { float:right; padding-top:16px; } .h2_box .left_col .h2-tit { text-align:left; padding-left:0; } /* 배너 */ .offline_banner { padding:13px 14px; background:#dfdfdf; } .offline_banner ul { overflow:hidden; } .offline_banner ul li { float:left; width:50%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:0 7px; } .offline_banner ul li img { width:100%; } /* Tab */ .mba_tab { margin-bottom:10px; clear:both; } .mba_tab ul { overflow:hidden; border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; background:#f3f3f3; } .mba_tab ul li { float:left; width:25%; } .mba_tab.col2 ul li { width:50%; } .mba_tab.table a, .mba_tab ul li a { display:block; border-left:1px solid #d2d2d2; line-height:17px; padding:8px 0 6px; text-align:center; color:#666; } .mba_tab ul li a span { display:block; } .mba_tab ul li:first-child a { border-left:0; } .mba_tab.table .active, .mba_tab ul li.active a { background:#7da4d1; color:#fff; font-weight:600; } .mba_tab.table {display:table; width:100%; border-bottom:1px solid #d2d2d2;} .mba_tab.table a {display:table-cell; vertical-align:middle;} .mba_tab.table.column5 a {width:19%;} .mba_tab.table.column5 a:last-child {width:24%;} .tab_banner img { width:100% } /* 버튼 */ .btn01 { display:inline-block; width:27px; height:27px; border:1px solid #cfcfcf; border-radius:2px; background:#fff; text-align:center; line-height:27px; vertical-align:middle; } .btn01 i { margin-top:3px; } .btn_more { display:block; background:#9b9994; font-size:13px; color:#fff; line-height:36px; height:35px; border-radius:3px; text-align:center; } .btn_more:after { content:''; display:inline-block; width:5px; height:5px; border-left:1px solid #fff; border-top:1px solid #fff; -webkit-transform:rotate(135deg); -moz-transform:rotate(135deg); transform:rotate(135deg); position:relative; top:-1px; margin-left:4px; } .btn_more.down:after { -webkit-transform:rotate(225deg); -moz-transform:rotate(225deg); transform:rotate(225deg); position:relative; top:-2px; } .btn_primary { display:block; background:#324161; font-size:13px; color:#fff; line-height:36px; height:35px; border-radius:3px; text-align:center; } .btn_primary:after { content:''; display:inline-block; width:5px; height:5px; border-left:1px solid #fff; border-top:1px solid #fff; -webkit-transform:rotate(135deg); -moz-transform:rotate(135deg); transform:rotate(135deg); position:relative; top:-1px; margin-left:4px; } .btn_success { display:block; background:#4f6ca8; font-size:13px; color:#fff; line-height:46px; height:45px; border-radius:3px; text-align:center; } .btn_success:after { content:''; display:inline-block; width:5px; height:5px; border-left:1px solid #fff; border-top:1px solid #fff; -webkit-transform:rotate(135deg); -moz-transform:rotate(135deg); transform:rotate(135deg); position:relative; top:-1px; margin-left:4px; } .btn_white { display:block; background:#fff; font-size:13px; color:#333; line-height:46px; height:45px; border-radius:3px; text-align:center; } .btn_white:after { content:''; display:inline-block; width:5px; height:5px; border-left:1px solid #414141; border-top:1px solid #414141; -webkit-transform:rotate(135deg); -moz-transform:rotate(135deg); transform:rotate(135deg); position:relative; top:-1px; margin-left:4px; } .btn_info { } .btn_warning { } .btn_danger { } .btn_box { padding:0 18px 15px; } /* Form */ .select { border:1px solid #d2d2d2; height:29px; line-height:normal; font-size:12px; color:#555; padding:0 5px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; background:#fff url(http://img.hunet.co.kr/m/mba_v2/common/form_select.png) no-repeat 100% 0; background-size:25px;-webkit-appearance:none; appearance:none; } .inp_chk { vertical-align:middle; } /* 아이콘 */ .mba_ico_new { display:inline-block; width:8px;height:8px; background:url(http://img.hunet.co.kr/m/mba_v2/common/icon.png) no-repeat; background-size:130px auto; background-position:-100px -45px; } .ico_btn_write { display:inline-block; width:19px;height:19px; background:url(http://img.hunet.co.kr/m/mba_v2/common/icon.png) no-repeat; background-size:130px auto; background-position:-30px -65px; } .ico_btn_srch { display:inline-block; width:20px;height:20px; background:url(http://img.hunet.co.kr/m/mba_v2/common/icon.png) no-repeat; background-size:130px auto; background-position:-55px -65px; } /* Etc */ .hide { position:absolute; left:-9999px; font-size:0; } .clear { clear:both; } /* 여백 */ .mb10 { margin-bottom:10px } .mb20 { margin-bottom:20px } .mb30 { margin-bottom:30px !important} /************************************************************************************************************************************************************************************ 01. MBA소개 ************************************************************************************************************************************************************************************/ /* 연혁 */ #history .caption_box { height:92px; background:url(http://img.hunet.co.kr/m/mba_v2/content/introduce/bg_captionbox_history.jpg) repeat-x 50% 0; background-size:cover; text-align:center; color:#2f2f2f; } #history .caption_box .tit_caption { font-size:12px; padding:15px 0 3px; } #history .caption_box .desc_caption { font-size:20px; line-height:23px; color:#2f2f2f; font-weight:bold; } .greeting_section { min-height:330px; background:#ececec url(http://img.hunet.co.kr/m/mba_v2/content/introduce/img_history_profile.png) no-repeat right bottom; background-size:110px 318px; padding-left:18px; padding-bottom:30px; } .greeting_section .txt01 { padding:18px 0; font-size:13px; line-height:19px; color:#cd1315; font-weight:bold; padding-right:120px; } .greeting_section .txt02 { font-size:12px; color:#3b3b3b; line-height:18px; padding-right:120px;} .history_section { padding:0 18px; background:#f2eee4; } .history_section h2 { font-size:21px; font-weight:bold; color:#102132; padding:25px 0 20px; text-align:center; } .history_section .history { padding-left:20px; position:relative; } .history_section .history:before { content:''; position:absolute; left:3px; top:0; width:3px; height:94%; background:#d5d1c7; } .history_section .history .section { padding-bottom:30px; position:relative; } .history_section .history .section:after { content:''; position:absolute; left:-18px; top:3px; width:5px; height:5px; background:#f2eee4; border-radius:100%; } .history_section .history .section:before { content:''; position:absolute; left:-21px; top:0; width:11px; height:11px; background:#e06363; border-radius:100%; } .history_section .history .section .year { position:absolute; left:0; top:-2px; font-size:18px; color:#cd1315; } .history_section .history .section dl { padding-left:50px; overflow:hidden; font-size:12px; line-height:18px; position:relative; top:-2px; } .history_section .history .section dl dt { float:left; width:18px; color:#102132; } .history_section .history .section dl dd { color:#4e4e4e; overflow:hidden;} #history .mba_btns { padding:0 18px 18px; } #history .mba_btns h2 { font-size:16px; line-height:25px; color:#102132; text-align:center; padding:20px 0 10px; } #history .mba_btns h2 strong { font-size:20px; } #history .mba_btns .btn_img { text-align:center; } #history .mba_btns .btn_img img { max-width:100%; } /* 레퍼런스 */ #reference .caption_box { height:147px; background:url(http://img.hunet.co.kr/m/mba_v2/content/introduce/bg_captionbox_reference.jpg) repeat-x 50% 0; background-size:cover; text-align:center; color:#f9be56; } #reference .caption_box .tit_caption { padding:21px 0 6px; font-size:12px; } #reference .caption_box .desc_caption { font-size:20px; line-height:23px; margin-bottom:17px; } #reference .caption_box .btn_box { text-align:center; } #reference .caption_box .btn_box a { display:inline-block; vertical-align:middle; width:95px; height:21px; line-height:22px; padding-right:8px; border:1px solid #859cab; position:relative; font-size:11px; color:#fff; } #reference .caption_box .btn_box a:after { position:absolute; right:10px; top:7px; content:''; display:inline-block; width:7px; height:7px; border-left:1px solid #fff; border-top:1px solid #fff; -webkit-transform:rotate(135deg); -moz-transform:rotate(135deg); transform:rotate(135deg); } #reference .list_box { padding:14px 18px; } #reference .list_box .title { padding:9px 0; text-align:center; background:#f5f5f5; border-top:2px solid #505050; font-weight:bold; } #reference .list_box ul { overflow:hidden; padding:12px 15px; background:#fff; border-bottom:2px solid #505050; margin-bottom:20px; } #reference .list_box ul li { float:left; width:50%; font-size:11px; line-height:21px; letter-spacing:-1px; color:#656565; } @media all and (min-width:600px) { #reference .list_box ul li { width:25%; } } /* 총동문회 */ #alumni .caption_box { background:url(http://img.hunet.co.kr/m/mba_v2/content/introduce/bg_caption.gif) no-repeat 0 0; background-size:cover; text-align:center; } #alumni .caption_box .tit_caption { font-size:21px; color:#fff; padding:13px 8px; } #alumni .caption_box .desc_caption { color:#fff; line-height:19px; padding-bottom:13px; letter-spacing:-1px; } #alumni .caption_box .desc_caption span { display:block; } #alumni .list_type01 { padding:17px; overflow:hidden; } #alumni .list_type01 .column { margin-bottom:17px; } #alumni .list_type01 .column a { display:block; border:1px solid #ddd; } #alumni .list_type01 .column a .article { display:block; padding:14px 12px; } #alumni .list_type01 .column a .article .title { display:block; font-size:14px; line-height:18px; font-weight:bold; max-height:36px; overflow:hidden; color:#494949; margin-bottom:7px; } #alumni .list_type01 .column a .article .title.notice_title { color:#cd1315; } #alumni .list_type01 .column a .article .title span { color:#cd1315; } #alumni .list_type01 .column a .text { display:block; line-height:17px; font-size:12px; color:#656565; max-height:34px; overflow:hidden; } #alumni .list_type01 .column a .info { display:block; text-align:right; padding:5px 12px; background:#f6f6f5; font-size:13px; color:#777; border-top:1px solid #ddd; } @media all and (min-width:600px) { #alumni .list_type01 .column { float:left; width:50%; padding:0 5px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } #alumni .list_type01 .column a .article .title { height:18px; } } /* Photostory */ #alumni .photostory_list ul li { padding:17px; border-bottom:1px solid #e3e3e3; } #alumni .photostory_list ul li a { display:block; } #alumni .photostory_list ul li a span { display:block; } #alumni .photostory_list ul li a .thum { margin-bottom:8px; } #alumni .photostory_list ul li a .thum img { width:100%; } #alumni .photostory_list ul li a .info .subj { font-size:13px; color:#333; margin-bottom:2px; } #alumni .photostory_list ul li a .info .date { font-size:13px; color:#777; text-align:right; } #alumni .photostory_list .clear { padding:17px; } #alumni .h2_box .left_col .h2-tit { font-size:17px; line-height:100%; padding:19px 13px 0 0; } @media all and (min-width:600px) { #alumni .photostory_list ul { overflow:hidden; padding:5px; } #alumni .photostory_list ul li { float:left; width:50%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:10px; } } /* 게시글 상세보기 */ .view_type01 { padding:20px 12px; } .view_type01 img { max-width:100%; } .view_type01:after { display:block; clear:both; content:''; } .view_type01 .subject{ font-size:16px; line-height:20px; color:#333; font-weight:600; margin-bottom:5px; padding:0 5px; } .view_type01 .info_box { overflow:hidden; float:right; padding-right:5px; margin-bottom:9px; } .view_type01 .info_box p { float:left;padding-left:17px; margin-left:16px; position:relative; color:#777; font-size:13px; } .view_type01 .info_box p:last-child:before { content:''; display:block; position:absolute; left:0; top:0; width:1px; height:11px; background:#777; } .view_type01 .view_box { clear:both; font-size:13px; line-height:21px; color:#333; padding:18px 5px; border-top:1px dotted #616161; border-bottom:1px dotted #616161; } .view_type01 .section-bottom { border-top:0; padding:16px 0 25px; } .view_type01 .section-bottom .btn-dark { background:#999; } .comment_box { background:#ececec; padding:14px 12px 0; border-top:1px solid #d2d2d2; } .comment_box .tit { font-size:12px; color:#333; margin-bottom:4px; } .comment_box .textarea_box { position:relative; padding-right:50px; } .comment_box .textarea_box textarea { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; width:100%; height:38px; padding:2px 5px; line-height:16px; border:1px solid #d2d2d2; border-right:0; font-size:12px; color:#777; } .comment_box .textarea_box .btn_text { position:absolute; right:0; top:0; width:50px; height:38px; background:#999; line-height:38px; text-align:center; font-size:12px; color:#fff; } .comment_box .list_box .list { padding:15px 3px; border-top:1px solid #d2d2d2; } .comment_box .list_box .list:first-child { border-top:0; } .comment_box .list_box .list .info_box { } .comment_box .list_box .list .info_box p { display:inline-block; vertical-align:middle; font-size:13px; padding:0; } .comment_box .list_box .list .info_box .name { color:#333; } .comment_box .list_box .list .info_box .date { padding-left:11px; margin-left:10px; color:#777; position:relative; } .comment_box .list_box .list .info_box .date:before { content:''; position:absolute; left:0; top:1px; width:1px; height:10px; background:#777; } .comment_box .list_box .list .txt_box { font-size:13px; color:#555; line-height:19px; } .comment_box .btn_del { display:inline-block; padding:5px; margin-top:1px; } .comment_box .btn_del > span{ display:block; width:13px; height:13px; background:#fff; border:1px solid #d2d2d2; position:relative; } .comment_box .btn_del > span:before { content:''; position:absolute; left:50%; top:50%; width:1px; height:10px; background:#666; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); transform:rotate(45deg); margin:-5px 0 0 -1px; } .comment_box .btn_del > span:after { content:''; position:absolute; left:50%; top:50%; width:1px; height:10px; background:#666; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); transform:rotate(-45deg); margin:-5px 0 0 -1px; } /* 언론보도 */ #media .caption_box { background:url(http://img.hunet.co.kr/m/mba_v2/content/introduce/bg_media.jpg) repeat-x 50% 0; background-size:cover; padding:12px 17px; } #media .caption_box .top_list { overflow:hidden; } #media .caption_box .top_list .list { float:left; width:50%; padding-left:4px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } #media .caption_box .top_list .list:first-child { padding-left:0; padding-right:4px; } #media .caption_box .top_list .list a { display:block; border:1px solid #c7c7cc; background:#fff; font-size:12px; } #media .caption_box .top_list .list a span { display:block; } #media .caption_box .top_list .list a .subj { padding:10px 11px 0; line-height:17px; height:34px; overflow:hidden; font-weight:600; margin-bottom:5px; } #media .caption_box .top_list .list a .txt { padding:0 11px; line-height:17px; color:#555; height:85px; overflow:hidden; margin-bottom:10px; } #media .caption_box .top_list .list a .info { padding:6px 0; text-align:center; color:#868686; background:#f6f6f5; border-top:1px solid #c7c7cc; white-space:nowrap; overflow:hidden; } #media .caption_box .top_list .list a .info span { display:inline; letter-spacing:-1px; } .board_list_srch { padding:12px 17px; text-align:center; position:relative; border-bottom:1px solid #d2d2d2; } .board_list_srch .title { font-size:13px; color:#555; vertical-align:middle; position:absolute; left:17px; top:12px; line-height:29px;} .board_list_srch .srch_box { padding-left:70px; position:relative; } .board_list_srch .srch_box input[type="text"] { width:100%; height:29px; line-height:29px; border:1px solid #d2d2d2; padding:0 10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-appearance:none; } .board_list_srch .srch_box .btn_srch { position:absolute; right:0; top:0; width:42px; height:29px; line-height:29px; background:#999; color:#fff; text-align:center; font-size:12px; } .board_list ul li { border-bottom:1px solid #d2d2d2; } .board_list ul li a { display:block; padding:15px 17px; } .board_list ul li a span { display:block; } .board_list ul li a .subj { font-size:14px; line-height:18px; color:#333; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-bottom:7px; font-weight:600; } .board_list ul li a .info span { display:inline; } .board_list ul li a .info { color:#777; font-size:13px; } .pagenate { text-align:center; padding:15px 0; } .pagenate a { display:inline-block; width:32px; height:27px; line-height:28px; font-size:13px; color:#777; text-align:center; border:1px solid #ccc; background:#fff; margin:0 -3px; vertical-align:middle; position:relative; } .pagenate a.active { z-index:10; border-color:#ef1a13; color:#ef1a13; } .pagenate a.prev { border-radius:3px 0 0 3px; background:#fafafa; } .pagenate a.prev:after, .pagenate a.prev:before { content:''; display:inline-block; width:7px; height:7px; border-left:1px solid #bebebe; border-top:1px solid #bebebe; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); transform:rotate(-45deg); } .pagenate a.prev:before { margin-right:-3px; margin-left:5px; } .pagenate a.next { border-radius:0 3px 3px 0; background:#fafafa; } .pagenate a.next:after, .pagenate a.next:before { content:''; display:inline-block; width:7px; height:7px; border-left:1px solid #bebebe; border-top:1px solid #bebebe; -webkit-transform:rotate(135deg); -moz-transform:rotate(135deg); transform:rotate(135deg); } .pagenate a.next:after { margin-left:-3px; } .pagenate a.on.prev:after, .pagenate a.on.prev:before, .pagenate a.on.next:after, .pagenate a.on.next:before { border-color:#333; } .board_write { padding:2px 12px; } .board_write dl { overflow:hidden; padding:6px 0; position:relative; border-bottom:1px solid #d2d2d2; } .board_write dl dt { position:absolute; left:8px; top:6px; line-height:29px; font-size:13px; color:#555; } .board_write dl dd { padding-left:86px; line-height:29px; font-size:13px; color:#555; } .board_write .textarea { padding-top:10px } .board_write .textarea textarea { width:100%; height:93px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; border:1px solid #d2d2d2; font-size:12px; line-height:16px; padding:5px; } .board_write .board_btn { text-align:center; padding:16px 0 22px; } .board_write .board_btn .btn-dark { line-height:31px; height:31px; background:#999; } .inp_txt { height:29px; line-height:29px; border:1px solid #d2d2d2; padding:0 5px; font-size:13px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .inp_file { display:inline-block; position:relative; } .inp_file p { padding:0 8px; height:29px; line-height:29px; background:#999; border-radius:3px; font-size:12px; color:#fff; text-align:center; } .inp_file input[type="file"] { opacity:0; position:absolute; left:0; top:0; width:100%; height:29px; -webkit-appearance:none; -moz-appearance:none; appearance:none; } /************************************************************************************************************************************************************************************ 02. SmartMBA ************************************************************************************************************************************************************************************/ /* 과정특징 */ #feature .caption_box { height:92px; background:url(http://img.hunet.co.kr/m/mba_v2/content/smartmba/feature/bg_captionbox.jpg) repeat-x 50% 0; background-size:cover; text-align:center; color:#ffebb4; } #feature .caption_box .title01 { font-size:12px; padding:15px 0 5px; } #feature .caption_box .title01 strong { font-size:20px; } #feature .caption_box .title02 { font-size:12px; line-height:16px; } #feature .caption_box .title02 strong { font-size:13px; color:#fff; } .tab_box_scroll.fixed { position:fixed; left:0; top:0; right:0; z-index:10; } .tab_box_scroll ul { overflow:hidden; background:#56514b; } .tab_box_scroll ul li { float:left; width:20%; } .tab_box_scroll.col3 ul li { width:33%; letter-spacing:-1px; } .tab_box_scroll.col3 ul li:nth-child(2) { width:34%; } .tab_box_scroll ul li a { display:block; height:45px; border-top:1px solid #76716a; border-left:1px solid #76716a; text-align:center; } .tab_box_scroll ul li a span { display:block; font-size:12px; line-height:17px; color:#d6d2ce; padding-top:5px; } .tab_box_scroll ul li a span em { font-style:normal; color:#c2b9ad; } .tab_box_scroll ul li a span .ico_link { display:block; line-height:17px; font-style:normal; } .tab_box_scroll ul li a span .ico_link:after { content:''; display:inline-block; vertical-align:top; width:12px; height:12px; background:url(http://img.hunet.co.kr/m/mba_v2/content/marketing/ico_tab_link.png) no-repeat 0 0; background-size:12px; margin-left:3px; margin-top:2px; } .tab_box_scroll ul li.active a span, .tab_box_scroll ul li.active a span em { color:#ff7132; } .tab_box_scroll ul li:nth-child(1) a{ border-left:0; } #feature .tab_box_scroll ul li:nth-child(4) a{ border-left:0; } #feature .tab_cont.scroll { padding-top:92px } #feature .tab_cont .cont01 { min-height:350px; background:#e0c9aa; } #feature .tab_cont .cont02 { min-height:228px; background:#fff; } #feature .tab_cont .cont03 { min-height:350px; background:url(http://img.hunet.co.kr/m/mba_v2/content/smartmba/feature/bg_cont03.jpg) repeat-x 50% 0; background-size:cover; } #feature .tab_cont .cont04 { min-height:274px; background:url(http://img.hunet.co.kr/m/mba_v2/content/smartmba/feature/bg_cont04.jpg) repeat-x 50% 0; background-size:cover; } #feature .tab_cont .cont05 { min-height:355px; background:url(http://img.hunet.co.kr/m/mba_v2/content/smartmba/feature/bg_cont05.jpg) repeat-x 50% 0; background-size:cover; } #feature .tab_cont > div p { text-align:center; } #feature .tab_cont .cont01 p, #feature .tab_cont .cont02 p, #feature .tab_cont .cont03 p, #feature .tab_cont .cont04 p, #feature .tab_cont .cont05 p { padding:25px 18px; } #feature .tab_cont > div p img { max-width:100%; } #feature .tab_cont .cont03 .txt01 { font-size:18px; color:#ffd76a; margin-bottom:10px; padding-bottom:0; } #feature .tab_cont .cont03 .txt02 { font-size:12px; line-height:17px; color:#f5dfa2; margin-bottom:-30px; padding-bottom:0; padding-top:0; letter-spacing:-1px; } @media all and (min-width:500px) { #feature .tab_cont .cont03 .txt01 { font-size:30px; } #feature .tab_cont .cont03 .txt02 { font-size:18px; line-height:24px; } } /* 커리큘럼 */ #curriculum .caption_box { height:692px; background:url(http://img.hunet.co.kr/m/mba_v2/content/smartmba/curriculum/bg_captionbox.jpg) repeat-x 50% 0; background-size:cover; overflow:hidden; } #curriculum .caption_box .title { padding-top:23px; height:83px; text-align:center; font-size:12px; line-height:17px; color:#ffebb4; } #curriculum .caption_box .title strong { font-size:20px; color:#ffd76a; } #curriculum .caption_box .top_img { text-align:center; } #curriculum .caption_box .top_img img { width:282px; } #curriculum .tab_cont.scroll { padding-top:46px } #curriculum.finance .caption_box .title { letter-spacing:-1px; } #curriculum.finance .caption_box { background-image:url(http://img.hunet.co.kr/m/mba_v2/content/smartmba/curriculum/bg_captionbox_finance.jpg); } #curriculum.finance .handbook h2 { text-align:center; padding:16px 0; font-size:16px; color:#000; letter-spacing:-1px; } #curriculum.finance .handbook {} /* 커리큘럼, 마케팅심화과정 교수소개 영역 */ .tab_cont.lecturer_tab_cont { padding:0 17px; } .tab_cont.lecturer_tab_cont h2 { text-align:center; font-size:17px; color:#333; padding-top:20px; } .tab_cont.lecturer_tab_cont h2:before { content:''; position:absolute; margin-left:-65px; margin-top:-3px; width:58px; height:46px; background:url(http://img.hunet.co.kr/m/mba_v2/content/smartmba/curriculum/label_ncs.png) no-repeat 0 0; background-size:58px 46px; } .tab_cont.lecturer_tab_cont h3 { text-align:center; font-size:16px; color:#333; margin-bottom:8px; text-decoration:underline; } .tab_cont.lecturer_tab_cont .h3_desc { font-size:12px; text-align:center; color:#C03; margin-bottom:12px; } .tab_cont.lecturer_tab_cont .name { text-align:center; font-size:13px; color:#333; padding:8px 0 12px; border-bottom:1px solid #dcdee2; margin-bottom:12px; } .tab_cont.lecturer_tab_cont .desc { font-size:12px; line-height:19px; color:#656565; margin-bottom:18px; text-align:justify; } .tab_cont.lecturer_tab_cont .movie_sample { margin-bottom:10px } .tab_cont.lecturer_tab_cont .movie_sample a { display:block; position:relative } .tab_cont.lecturer_tab_cont .movie_sample img { width:100%; } .tab_cont.lecturer_tab_cont .movie_sample .ico_play { position:absolute; left:50%; top:50%; margin-left:-18px; margin-top:-18px; width:37px; height:37px; background:url(http://img.hunet.co.kr/m/mba_v2/content/marketing/btn_movie_sample_play.png) no-repeat 0 0; background-size:37px; } .tab_cont.lecturer_tab_cont .table_index { margin-bottom:18px; } .tab_cont.lecturer_tab_cont .table_index table { width:100%; border-collapse:collapse; } .tab_cont.lecturer_tab_cont .table_index table tbody th { background:#e6ecf8; border:1px solid #d2d2d0; padding:6px 0; text-align:center; font-weight:bold; font-size:12px; color:#414141; line-height:15px; } .tab_cont.lecturer_tab_cont .table_index table tbody td { border:1px solid #d2d2d0; padding:6px 0 6px 10px; font-size:12px; color:#656565; letter-spacing:-1px; background:#fff; } .tab_cont.lecturer_tab_cont .table_index table tbody td p { padding-top:3px; overflow:hidden; position:relative; line-height:15px; } .tab_cont.lecturer_tab_cont .table_index table tbody td p .num { width:16px; position:absolute; left:0; } .tab_cont.lecturer_tab_cont .table_index table tbody td p .txt { padding-left:18px; display:block; } .tab_cont.lecturer_tab_cont .table_index table tbody td p:first-child { padding-top:0 } .tab_cont.lecturer_tab_cont .lecturer_img { text-align:center; padding-bottom:20px; } .tab_cont.lecturer_tab_cont .lecturer_img img { max-width:100%;} #curriculum .tab_cont.lecturer_tab_cont .table_index table tbody tr:first-child th, #curriculum .tab_cont.lecturer_tab_cont .table_index table tbody tr:last-child th { color:#40649d; } #curriculum .tab_cont.lecturer_tab_cont .table_index table tbody tr:first-child td .txt, #curriculum .tab_cont.lecturer_tab_cont .table_index table tbody tr:last-child td .txt { padding-left:0 } /* 체험관 */ #experience { background:#1b2535 url(http://img.hunet.co.kr/m/mba_v2/content/smartmba/experience/bg.jpg) repeat-x 50% 0; background-size:cover; } #experience .caption_box { height:145px; } #experience .caption_box .caption { text-align:center; font-size:12px; line-height:18px; color:#dccfaa; padding-top:18px; } #experience .caption_box .caption strong { font-size:20px; color:#ffe397; } #experience .caption_box .caption b { color:#fff; } #experience .ex_tab_box ul:after { display:block; content:''; clear:both; } #experience .ex_tab_box ul { background:url(http://img.hunet.co.kr/m/mba_v2/content/smartmba/experience/bg_tab.png) repeat 0 0; margin-bottom:16px;} #experience .ex_tab_box ul li { float:left; width:20%; } #experience .ex_tab_box ul li a { display:block; height:45px; font-size:12px; line-height:17px; color:#c2b9ad; border-left:1px solid #535a63; text-align:center; } #experience .ex_tab_box ul li a span { display:block; } #experience .ex_tab_box ul li a span:first-child { padding-top:6px; } #experience .ex_tab_box ul li:first-child a { border-left:0; } #experience .ex_tab_box ul li.active a { color:#ff7132; } .ex_tab_cont { min-height:600px; position:relative; overflow:hidden;} .ex_tab_cont > div {width:320px; margin:0 auto; text-align:center; } .ex_tab_cont > div p {position:absolute; left:0; top:0; right:0; } .ex_tab_cont > div.active { z-index:10; position:relative; } .ex_tab_cont > div img { position:relative; width:320px; opacity:0; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; transition:all 0.5s ease; -webkit-transform:translateZ(-300px) rotateX(0) rotateY(180deg); -moz-transform:translateZ(-300px) rotateX(0) rotateY(180deg); transform:translateZ(-300px) rotateX(0) rotateY(180deg) } .ex_tab_cont > div.active img { opacity:1; -webkit-transform:translateZ(0) rotateX(0) rotateY(0deg); -moz-transform:translateZ(0) rotateX(0) rotateY(0deg); transform:translateZ(0) rotateX(0) rotateY(0deg); } .ex_tab_cont .btn_guide { padding:600px 40px 20px 40px; box-sizing:border-box; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; } .ex_tab_cont .btn_guide a { background:#656565; } .ex_tab_cont .btn_guide a:before { content:''; display:inline-block; width:27px; height:21px; background:url(http://img.hunet.co.kr/m/mba_v2/content/smartmba/experience/ico_book.png) no-repeat 0 0; background-size:27px 21px; vertical-align:middle; margin:-1px 4px 0 0; } /* 오프라인강의 */ #offline_lecture img { max-width:100%; } #offline_lecture .lecturer_info_box { overflow:hidden; padding:0 18px; position:relative; margin-bottom:10px; } #offline_lecture .lecturer_box { position:absolute; left:15px; top:0; width:89px; height:115px; background:url(http://img.hunet.co.kr/m/mba_v2/content/smartmba/bg_month_lecturer_photo.jpg) no-repeat 0 0; background-size:89px 115px; } #offline_lecture .lecturer_box .photo { padding:11px 0 0 8px; } #offline_lecture .lecturer_box .photo img { width:73px; height:79px; } #offline_lecture .lecturer_info_box .info_box { padding-left:100px; } #offline_lecture .lecturer_info_box .info_box .category { font-size:12px; line-height:14px; color:#333; margin-bottom:5px; } #offline_lecture .lecturer_info_box .info_box .subject { font-size:15px; line-height:18px; color:#cd1315; font-weight:bold; margin-bottom:9px; } #offline_lecture .lecturer_info_box .info_box dl { position:relative; margin-bottom:5px; letter-spacing:-1px; } #offline_lecture .lecturer_info_box .info_box dl dt { position:absolute; left:0; width:58px; font-weight:600; color:#414141; font-size:12px; white-space:nowrap; text-align:justify } #offline_lecture .lecturer_info_box .info_box dl dd { padding-left:58px; font-size:12px; line-height:16px; color:#656565; } #offline_lecture .lecturer_section { margin-bottom:30px; padding:0 18px; line-height:18px; } #offline_lecture .lecturer_section .title { font-size:14px; color:#333; font-weight:bold; margin-bottom:8px; padding-left:6px; position:relative; } #offline_lecture .lecturer_section .title:before { content:''; display:block; width:2px; height:2px; background:#414141; position:absolute; left:0; top:5px; } #offline_lecture .lecturer_section .text { font-size:13px; line-height:21px; color:#555; margin-bottom:10px; } #offline_lecture .lecturer_section dl { overflow:hidden; position:relative; font-size:13px; line-height:22px; color:#555; letter-spacing:-1px; margin-bottom:10px; } #offline_lecture .lecturer_section dl dt { position:absolute; left:0; } #offline_lecture .lecturer_section dl dd { padding-left:95px; } #offline_lecture .location_map { border:1px solid #ddd; overflow:hidden; position:relative; margin-bottom:15px; } #offline_lecture .location_map img { width:100%; } #offline_lecture .location_map .btn_map { position:absolute; right:10px; bottom:10px; width:33px; height:33px; background:url(http://img.hunet.co.kr/m/mba_v2/content/smartmba/btn_map.png) no-repeat 0 0; background-size:33px; text-indent:-9999px; } #offline_lecture .map_desc { font-size:13px; line-height:21px; color:#555; padding-left:10px; } #offline_lecture .map_desc p { margin-bottom:22px; } #offline_lecture .map_desc p em { display:inline-block; text-indent:-10px; } .special_lecture_list { margin-bottom:13px; } .special_lecture_list ul li { padding:16px 18px; border-bottom:1px solid #e3e3e3; } .special_lecture_list ul li a { display:block; position:relative; min-height:83px; } .special_lecture_list ul li a span { display:block; } .special_lecture_list ul li a .photo { position:absolute; left:0; top:0; width:74px; height:83px; overflow:hidden; } .special_lecture_list ul li a .photo img { width:74px; height:83px; } .special_lecture_list ul li a .photo .ico_play { position:absolute; right:4px; bottom:4px; width:26px; height:26px; background:url(http://img.hunet.co.kr/m/mba_v2/content/smartmba/btn_lect_play.png) no-repeat 0 0; background-size:26px; text-indent:-9999px; } .special_lecture_list ul li a .info_box { padding-left:85px; } .special_lecture_list ul li a .info_box .subj { font-size:14px; line-height:17px; color:#324161; font-weight:bold; margin-bottom:7px; } .special_lecture_list ul li a .info_box .name, .special_lecture_list ul li a .info_box .date { font-size:13px; color:#656565; padding-bottom:7px; } .special_lecture_list ul li a .info_box .name strong, .special_lecture_list ul li a .info_box .date strong { color:#414141; } .special_lecture_list ul li a .info_box .link { font-size:11px; color:#000; padding-top:5px; } .special_lecture_list ul li a .info_box .link:after { content:''; display:inline-block; width:5px; height: 5px; border-top: 1px solid #000; border-right: 1px solid #000; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); } #offline_modal .modal-header { padding-top:40px; padding-bottom:5px; text-align:center; } #offline_modal .offline_modal_body {font-size:12px; line-height:19px; color:#777; } #offline_modal .offline_modal_body .qr_thum { width:50px; padding:8px; margin:0 auto; border:3px solid #dde3e4; margin-bottom:10px; } #offline_modal .offline_modal_body .qr_thum img { width:50px } #offline_modal .offline_modal_body .qr_desc { text-align:center; font-size:11px; margin-bottom:10px; } #offline_modal .offline_modal_body .qr_btn { text-align:center; } #offline_modal .offline_modal_body .desc01 { text-indent:-12px; padding-left:12px; margin-bottom:10px; } #offline_modal .offline_modal_body .desc01 .btn_regi_chk { margin-left:12px; display:inline-block; position:relative; color:#000; text-decoration:underline; } #offline_modal .offline_modal_body .desc01 .btn_regi_chk:after { content:''; display:block; position:absolute; right:-8px; top:6px; width:5px; height: 5px; border-top: 1px solid #000; border-right: 1px solid #000; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg) } /* 수강후기 */ #smartmba_reviews .caption_box { background:url(http://img.hunet.co.kr/m/mba_v2/content/smartmba/reviews/bg_caption_box.jpg) no-repeat 50% 0; background-size:cover; } #smartmba_reviews .caption_box .tit_caption { padding:22px 5px; font-size:18px; line-height:25px; color:#102132; letter-spacing:-3px; text-align:center; } #smartmba_reviews .caption_box .img_desc { display:block; padding:6px 30px 0; } #smartmba_reviews .caption_box .img_desc img { max-width:100%; } .reviews_list .title { padding:19px 50px 10px; text-align:center; } .reviews_list .title img { max-width:100%; } .reviews_list ul { overflow:hidden; padding:0 15px; } .reviews_list ul li { float:left; width:50%; } .reviews_list ul li a { display:block; padding:0 3px; } .reviews_list ul li a .photo { display:block; margin-bottom:5px; } .reviews_list ul li a .photo img { width:100%; } .reviews_list ul li a .text { display:block; font-size:12px; line-height:17px; color:#333; height:34px; margin-bottom:17px; overflow:hidden; } .mychange_list { background:#f2eee4; } .mychange_list .title { padding:19px 50px 10px; } .mychange_list .title img { max-width:100%; } .mychange_list ul { overflow:hidden; padding:0 15px; } .mychange_list ul li { float:left; width:50%; margin-bottom:10px; } .mychange_list ul li a { display:block; padding:0 3px; } .mychange_list ul li a span { display:block; } .mychange_list ul li a .count-num {display:inline-block;} .mychange_list ul li a .photo img { width:100%; } .mychange_list ul li .info_box { display:block; padding:13px 10px; border:1px solid #c7c7cc; border-top:0; background:#fff; margin:0 3px; } .mychange_list ul li .info_box .name { font-size:12px; color:#333; margin-bottom:6px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; letter-spacing:-1px; } .mychange_list ul li .info_box .grade_box { display:none; text-align:right; margin-bottom:6px; } .mychange_list ul li .info_box .grade_box .grade { margin-top:-2px; display:inline-block; vertical-align:middle;width:60px;height:11px; background:url(http://img.hunet.co.kr/m/mba_v2/common/icon.png) no-repeat; background-position:-65px 0; background-size:130px auto; } .mychange_list ul li .info_box .grade_box .grade span { display:block; height:11px; background:url(http://img.hunet.co.kr/m/mba_v2/common/icon.png) no-repeat; background-position:-65px -11px; background-size:130px auto; } .mychange_list ul li .info_box .text { font-size:12px; line-height:17px; height:34px; overflow:hidden; color:#656565; margin-bottom:6px; display:block; } .mychange_list ul li .info_box .ico-bar {display:none;} .mychange_list ul li .info_box .share {display:block; text-align:right; margin:3px 0;} .mychange_list .mba_tab ul {padding:0;} .mychange_list .mba_tab li {margin-bottom:0;} .mychange_list .mba_tab li a {padding:8px 0 6px;} .mychange_list .util-menu {padding-left:21px; letter-spacing:-1px;} .mychange_list .util-menu .on {color:#da2128; border-bottom:1px solid #da2128;} .mychange_list .util-menu .ico-bar {padding:0 10px;} .mychange_list .review-list li {float:none; width:100%; padding:15px 0; border-bottom:1px solid #d7d4cb;} .mychange_list .review-list li.last {border-bottom:0;} .mychange_list .review-list li .review {margin-bottom:10px;} .mychange_list .review-list li .info {padding-left:3px;} .mychange_list .review-list li .info:after {content:""; clear:both; display:block;} .mychange_list .review-list li .user-info {float:left;} .mychange_list .review-list li .user-info span {display:inline-block;} .mychange_list .review-list li .grade_box {float:right;} .mychange_list .ico-bar {display:inline-block; padding:0 5px;} .mychange_list .share {display:inline-block;} .mychange_list .share a {display:inline-block;} .mychange_list .share a.count:before {content:""; clear:both; display:inline-block; width:13px; height:12px; background:url(http://img.hunet.co.kr/m/mba_v2/common/ico-heart.png) no-repeat 0 0; background-size:13px 25px;} .mychange_list .share a.count.active:before {background-position:0 -13px;} .mychange_list .share .ico-facebook img {width:15px; vertical-align:middle;} .mychange_list .grade_box { text-align:center; color:#d83b08; margin-bottom:10px; } .mychange_list .grade_box strong { font-size:23px; position:relative; top:2px; } .mychange_list .grade_box .grade { margin-top:-2px; display:inline-block; vertical-align:middle;width:60px;height:11px; background:url(http://img.hunet.co.kr/m/mba_v2/common/icon.png) no-repeat; background-position:-65px 0; background-size:130px auto; } .mychange_list .grade_box .grade span { display:block; height:11px; background:url(http://img.hunet.co.kr/m/mba_v2/common/icon.png) no-repeat; background-position:-65px -11px; background-size:130px auto; } .review_view_section .review_view { padding:0 18px; } .review_view_section .review_view .title_box { padding-top:15px; border-bottom:1px solid #dcdee2; margin-bottom:13px; text-align:center; position:relative; } .review_view_section .review_view .title_box .title { font-size:16px; line-height:20px; color:#333; margin-bottom:8px; font-weight:bold; } .review_view_section .review_view .title_box .name { font-size:13px; color:#777; line-height:16px; margin-bottom:8px; } .review_view_section .review_view .title_box .name .grade { margin-right:5px; display:inline-block; vertical-align:top; margin-top:1px; width:60px;height:11px; background:url(http://img.hunet.co.kr/m/mba_v2/common/icon.png) no-repeat; background-position:-65px 0; background-size:130px auto; } .review_view_section .review_view .title_box .name .grade span { display:block; height:11px; background:url(http://img.hunet.co.kr/m/mba_v2/common/icon.png) no-repeat; background-position:-65px -11px; background-size:130px auto; } .review_view_section .review_view .article { border-bottom:1px solid #dcdee2; } .review_view_section .review_view .article img { max-width:100%; } .review_view_section .review_view .article p { margin-bottom:10px; font-size:13px; line-height:21px; color:#333; text-align:justify; word-break:break-all; } .review_view_section .reviews_list, .review_view_section .mychange_list { background:#f2eee4; padding-top:18px; } .review_view_section .review_view .section-bottom { padding:10px 0; border:0; } .review_view_section .review_view .section-bottom .btn-dark { background:#999; } .review_view .share {display:block; text-align:right; margin-bottom:10px;} .review_view .share a.count:before {content:""; clear:both; display:inline-block; width:13px; height:12px; background:url(http://img.hunet.co.kr/m/mba_v2/common/ico-heart.png) no-repeat 0 0; background-size:13px 25px;} .review_view .share a.count.active:before {background-position:0 -13px;} .review_view .share .ico-facebook img {width:15px;} /************************************************************************************************************************************************************************************ 03. 전략심화과정 ************************************************************************************************************************************************************************************/ #strategy { } #strategy .caption_box { background:url(http://img.hunet.co.kr/m/mba_v2/content/strategy/bg_captionbox.jpg) repeat-x 50% 0; background-size:320px auto; } #strategy .caption_box .caption01 { height:131px; } #strategy .caption_box .caption01 p { text-align:center; font-size:15px; line-height:23px; color:#ffebb4; padding-top:20px; } #strategy .caption_box .caption01 p span { color:#ffd76a; } #strategy .caption_box .caption02 { height:635px; } #strategy .caption_box .caption02 p { text-align:center; padding-top:28px; } #strategy .caption_box .caption02 p img { width:286px } #strategy .tab_cont.lecturer_tab_cont { background:#e6e3d9; padding:17px; } #strategy .tab_cont.lecturer_tab_cont h2 { background:#fff; } #strategy .tab_cont.lecturer_tab_cont .name { background:#fff; margin-bottom:0; padding-bottom:6px; border:0; color:#777; } #strategy .tab_cont.lecturer_tab_cont .movie_sample { padding:10px; background:#fff; margin-bottom:0; } #strategy .tab_cont.lecturer_tab_cont .desc { padding:0 10px 10px; background:#fff; } #strategy .tab_cont.lecturer_tab_cont .table_index table tbody th { background:#f7f5f0; } #strategy .tab_cont.scroll { padding-top:63px } #strategy .handbook h2 { text-align:center; padding:16px 0; font-size:16px; color:#000; letter-spacing:-1px; } #strategy .handbook {} /************************************************************************************************************************************************************************************ 04. 마케팅심화과정 ************************************************************************************************************************************************************************************/ #marketing { } #marketing .caption_box { height:822px; background:url(http://img.hunet.co.kr/m/mba_v2/content/marketing/bg_captionbox.jpg) repeat-x 50% 0; background-size:320px auto; } #marketing .caption_box .caption01 { height:131px; } #marketing .caption_box .caption01 p { text-align:center; font-size:15px; line-height:23px; color:#ffebb4; padding-top:20px; } #marketing .caption_box .caption01 p span { color:#ffd76a; } #marketing .caption_box .caption02 { height:691px; } #marketing .caption_box .caption02 p { text-align:center; padding-top:28px; } #marketing .caption_box .caption02 p img { width:286px } #marketing .tab_cont.lecturer_tab_cont { background:#e6e3d9; padding:17px; } #marketing .tab_cont.lecturer_tab_cont h2 { background:#fff; } #marketing .tab_cont.lecturer_tab_cont .name { background:#fff; margin-bottom:0; padding-bottom:6px; border:0; color:#777; } #marketing .tab_cont.lecturer_tab_cont .movie_sample { padding:10px; background:#fff; margin-bottom:0; } #marketing .tab_cont.lecturer_tab_cont .desc { padding:0 10px 10px; background:#fff; } #marketing .tab_cont.lecturer_tab_cont .table_index table tbody th { background:#f7f5f0; } #marketing .tab_cont.scroll { padding-top:63px } #marketing .handbook h2 { text-align:center; padding:16px 0; font-size:16px; color:#000; letter-spacing:-1px; } #marketing .handbook {} /************************************************************************************************************************************************************************************ 05. 수강안내 ************************************************************************************************************************************************************************************/ /* 수강신청 */ .entrance_apply_section .tab_content .info_section { padding:0 18px 5px; border-bottom:1px solid #e3e3e3; margin-bottom:12px; } .entrance_apply_section .tab_content .info_section .image { text-align:center; padding:0 42px 15px; } .entrance_apply_section .tab_content .info_section .image img { max-width:100%; } .entrance_apply_section .tab_content .info_section dl { position:relative; margin-bottom:10px; } .entrance_apply_section .tab_content .info_section dl dt { position:absolute; left:0; top:0; font-size:13px; color:#555; line-height:29px; } .entrance_apply_section .tab_content .info_section dl dd { padding-left:66px; line-height:27px; } .entrance_apply_section .tab_content .info_section dl dd .tooltip { display:inline-block; font-size:11px; vertical-align:top; color:#777; } .entrance_apply_section .tab_content .info_section dl dd .tooltip:before { content:''; display:inline-block; width:15px; height:15px; background:url(http://img.hunet.co.kr/m/mba_v2/common/icon.png) no-repeat; background-position:-80px -60px; background-size:130px auto; vertical-align:top; margin-right:4px; letter-spacing:-1px; margin-top:5px; } .entrance_apply_section .tab_content .info_txt_section { padding:0 18px 5px; border-bottom:1px solid #e3e3e3; margin-bottom:12px; } .entrance_apply_section .tab_content .info_txt_section > div { margin-bottom:8px; overflow:hidden; font-size:13px; line-height:20px; } /* .entrance_apply_section .tab_content .info_txt_section > div:first-child { color:#cd1315 !important; } */ .entrance_apply_section .tab_content .info_txt_section > div strong { float:left; width:64px; text-align:justify; } .entrance_apply_section .tab_content .info_txt_section > div p { overflow:hidden; color:#555; } .entrance_apply_section .tab_content .desc { font-size:13px; color:#777; line-height:22px; margin-bottom:12px; padding:0 18px; letter-spacing:-2px; } .entrance_apply_section .tab_content .ent_privacy_section { padding:0 18px; margin-bottom:14px; } .entrance_apply_section .tab_content .ent_privacy_section > div { background:#f2f2f2; padding:14px 10px 16px; } .entrance_apply_section .tab_content .ent_privacy_section > div .tit { font-size:13px; color:#333; margin-bottom:7px; font-weight:bold; } .entrance_apply_section .tab_content .ent_privacy_section > div .txt { font-size:12px; line-height:19px; color:#5b5b5b; margin-bottom:7px; } .entrance_apply_section .tab_content .ent_privacy_section > div .txt_area { padding:8px; background:#fff; font-size:12px; line-height:21px; color:#555; letter-spacing:-2px; margin-bottom:14px; } .entrance_apply_section .tab_content .ent_privacy_section > div .agree_chk { font-size:12px; color:#555; } .entrance_apply_section .tab_content > div { display:none; } .entrance_apply_section .tab_content > div.on { display:block; } /* 이벤트 */ #event h2 { font-size:16px; text-align:center; color:#2a2a2a; padding:23px 0; border-bottom:1px solid #e3e3e3; letter-spacing:-2px; } #event ul { margin-bottom:15px } #event ul li { padding:19px 12px; border-bottom:1px solid #e3e3e3; } #event ul li a { display:block; } #event ul li a span{ display:block; } #event ul li a .thum img { width:100%; } #event ul li a .subj { font-size:14px; line-height:18px; color:#333; padding:12px 0 5px; } #event ul li a .date { font-size:13px; color:#777; } #event .section-bottom { margin-bottom:30px; border:0; } /* 후기등록 이벤트 */ #event .btn_review01, #event .btn_review02 { padding:5% 25%; background:#e5d1aa; } #event .event_review img { width:100%; vertical-align:top; } .review_modal h3 { font-size:18px; line-height:25px; color:#000; font-weight:bold; margin-bottom:13px; } .review_modal h3 strong { color:#004d8b; } .review_modal { text-align:center; padding:35px 15px 0; } .alert_modal .modal-body { padding:0; } .review_modal .btns { margin-bottom:25px } .review_modal .btns .btn_review01 { display:inline-block; vertical-align:middle; height:31px; line-height:31px; padding:0 40px; border-radius:40px; border:1px solid #a7b4c9; text-align:center; font-size:13px; color:#4f6ca8; } .review_modal .btns .btn_review01:after{ content:''; display:inline-block; width:6px; height:6px; margin-left:9px; border-top: 1px solid #4f6ca8; border-right: 1px solid #4f6ca8; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); } .review_modal .btns .btn_review02 { display:inline-block; vertical-align:middle; height:31px; line-height:31px; padding:0 40px; border-radius:40px; border:1px solid #cfa972; text-align:center; font-size:13px; color:#bb8a4f; } .review_modal .btns .btn_review02:after{ content:''; display:inline-block; width:6px; height:6px; margin-left:9px; border-top: 1px solid #bb8a4f; border-right: 1px solid #bb8a4f; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); } .review_modal .desc { font-size:13px; line-height:18px; color:#777; margin-bottom:15px; } .review_modal .desc strong { color:#333; } #event .review_write h2 { font-size:16px; color:#2f2f2f; padding:17px 0 10px; text-align:center; letter-spacing:-2px; border-bottom:0; } #event .review_write .board_write { background:#efeeec } #event .review_write .board_write .textarea { border-bottom:1px solid #d2d2d2; } #event .review_write .board_write .textarea .key { font-size:12px; color:#777; padding:5px 0; } #event .review_write .board_write .file_desc { font-size:12px; color:#777; } #event .review_write .board_write .hp_num { padding-bottom:6px; border-bottom:1px solid #d2d2d2; } #event .review_write .board_write .hp_tit { font-size:13px; color:#555; padding:5px; } #event .review_write .board_write .num_box { overflow:hidden; } #event .review_write .board_write .num_box p { float:left; } #event .review_write .board_write .num_box p:nth-child(2) { padding:0 6px; box-sizing:border-box; } #event .review_write > div { display:none; } #event .review_write .board_write .note { font-size:12px; line-height:16px; color:#777; text-indent:-6px; padding-top:6px; } #event .review_write .board_write .note p { text-indent:-10px; padding-left:10px; } #event .review_write .board_write .note p:first-child { text-indent:0; padding-left:0; margin-bottom:5px; } .review_layer { padding:20px 15px; } .review_layer .user_info { position:relative; padding-bottom:10px; border-bottom:1px solid #d2d2d2; padding-right:72px; } .review_layer .user_info .subj { font-size:16px; line-height:20px; color:#333; margin-bottom:6px; font-weight:600; letter-spacing:-1px; } .review_layer .user_info .user { font-size:13px; line-height:20px; color:#777; } .review_layer .user_info .photo { position:absolute; right:0; top:0; width:60px; height:75px; border:1px solid #cfcfcf; overflow:hidden; } .review_layer .user_info .photo img { width:60px; height:75px; } .review_layer .view_box { padding:10px 5px; border-bottom:1px solid #cfcfcf; font-size:13px; line-height:21px; color:#333; } /* 모집요강 */ #smartmba_application .caption_box { height:236px; background:url(http://img.hunet.co.kr/m/mba_v2/content/smartmba/application/bg_captionbox.jpg) repeat-x 50% 0; background-size:cover; } #smartmba_application .caption_box .title { padding-top:32px; font-size:21px; color:#2a2a2a; margin-bottom:12px; text-align:center; font-weight:bold; } #smartmba_application .caption_box .img { text-align:center; } #smartmba_application .caption_box .img img { width:287px; } .curriculum_desc01 { text-align:center; padding:9px 0; font-size:12px; color:#333; line-height:16px; } .curriculum_desc02 { padding:3px 0; text-align:center; background:#e7e5e0; border-top:1px solid #d5d4d2; border-bottom:2px solid #505050; font-size:12px; color:#414141; line-height:26px; } .curriculum_desc02:after { vertical-align:top; content:''; display:inline-block; width:35px; height:26px; background:url(http://img.hunet.co.kr/m/mba_v2/content/smartmba/application/ico_license.png) no-repeat 0 0; background-size:36px 26px; margin-left:4px; } .curriculum_desc03 { font-size:12px; color:#777; line-height:17px; padding:7px 0 22px; text-align:center; } .edu_cost { padding:0 18px; background:#efe5d8; } .edu_cost:after {content:""; clear: both; display: block;} .edu_cost .edu_cost_desc { font-size:12px; line-height:19px; color:#656565; letter-spacing:-1px; margin-bottom:10px; } .edu_cost .edu_cost_desc a { display:inline-block; margin-left:5px; color:#777; position:relative; padding-right:7px; font-size:11px; } .edu_cost .edu_cost_desc a:after { content:''; position: absolute; right: 0; top: 7px; width: 4px; height: 4px; border-top: 1px solid #777; border-right: 1px solid #777; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); } #edu_cost_modal .modal-body .tit { font-size:14px; font-weight:bold; padding:6px 0 3px; } .insurance .title { position:relative; font-size:11px; color:#000; margin-bottom:10px; } .insurance .btn_box { position:absolute; right:0; top:0; padding:0; line-height:17px; } .insurance .btn_box .btn_tip { font-size:11px; } .insurance .insurance_desc { font-size:12px; color:#656565; padding-bottom:25px; } #smartmba_application .benefit { padding:0 13px; background:#344763; } #smartmba_application .benefit .h3-tit { color:#ffd76a; } #smartmba_application .benefit ul { overflow:hidden; } #smartmba_application .benefit ul li { float:left; width:50%;box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; padding:5px; } #smartmba_application .benefit ul li div { height:124px; border:1px solid #52627a; letter-spacing:-2px; } #smartmba_application .benefit ul li div p { text-align:center; padding-top:13px; text-align:center; font-size:13px; line-height:16px; color:#e8dfb2; } #smartmba_application .benefit ul li div span { display:block; text-align:center; font-size:11px; line-height:16px; color:#fff; } #smartmba_application .benefit ul li.bn01 div { background:url(http://img.hunet.co.kr/m/mba_v2/content/smartmba/application/ico_benefit01.png) no-repeat 50% 100%; background-size:50px 73px; } #smartmba_application .benefit ul li.bn02 div { background:url(http://img.hunet.co.kr/m/mba_v2/content/smartmba/application/ico_benefit02.png) no-repeat 50% 100%; background-size:55px 69px; } #smartmba_application .benefit ul li.bn03 div { background:url(http://img.hunet.co.kr/m/mba_v2/content/smartmba/application/ico_benefit03.png) no-repeat 50% 63px; background-size:81px 50px; } #smartmba_application .benefit ul li.bn04 div { background:url(http://img.hunet.co.kr/m/mba_v2/content/smartmba/application/ico_benefit04.png) no-repeat 50% 63%; background-size:71px 50px; } #smartmba_application .benefit ul li.bn05 div { background:url(http://img.hunet.co.kr/m/mba_v2/content/smartmba/application/ico_benefit05.png) no-repeat 50% 100%; background-size:101px 79px; } #smartmba_application .benefit ul li.bn06 div { background:url(http://img.hunet.co.kr/m/mba_v2/content/smartmba/application/ico_benefit06.png) no-repeat 50% 60px; background-size:71px 48px; } #smartmba_application .benefit .btn_box { padding:10px 5px; overflow:hidden; } #smartmba_application .benefit .btn_box a { margin-bottom:7px; } #layerPad .evlayer-body { padding:15px; } #layerPad .evlayer-body h3 {font-size:13px; font-weight:600; margin-bottom:10px;} #layerPad .evlayer-body p {font-size:13px; line-height:16px; color:#777; letter-spacing:-1px; margin-bottom:10px;} #layerPad .evlayer-body p strong {color:#333;} #layerPad .evlayer-body table {width:100%; margin-bottom:15px;} #layerPad .evlayer-body table thead th {background:#607ab1; border:1px solid #4f6490; border-left:0; color:#fff;} #layerPad .evlayer-body table thead th:first-child {border-left:1px solid #4f6490;} #layerPad .evlayer-body table th, #layerPad .evlayer-body table td {padding:10px 0; text-align:center; font-size:10px; } #layerPad .evlayer-body table td {border:1px solid #d2d2d0; border-left:0; border-top:0; background:#fff;} #layerPad .evlayer-body table td:first-child {border-left:1px solid #d2d2d0; text-align:left; padding-left:5px;} #layerPad .evlayer-body table td a {color:#5c5c5c; text-decoration:underline;} #layerPad .evlayer-body table td .ico-gt {display:inline-block; vertical-align:middle; font-style:normal; font-size:10px;} /* 자격증 */ #license .caption_box { height:92px; background:url(http://img.hunet.co.kr/m/mba_v2/content/smartmba/license/bg_captionbox.jpg) repeat-x 50% 0; background-size:cover; text-align:center; } #license .caption_box .title { padding:18px 0 6px; font-size:20px; color:#ffd76a; font-weight:bold; } #license .caption_box .desc { font-size:12px; line-height:15px; color:#ffebb4; } #license .level02_section { padding:10px 18px; background:#f2f0eb; } #license .level01_section { padding:10px 18px; background:#e2d3b5; } #license .level01_section .title, #license .level02_section .title { font-size:16px; color:#2a2a2a; text-align:center; text-decoration:underline; letter-spacing:-1px; font-weight:bold; margin-bottom:14px; padding-left:25px; } #license .level01_section .title:after, #license .level02_section .title:after { content:''; display:inline-block; width:66px; height:40px; background:url(http://img.hunet.co.kr/m/mba_v2/content/smartmba/license/balloon01.png) no-repeat 0 0; background-size:66px 40px; position:relative; top:8px; margin-left:4px; } #license .level01_section .title:after { background:url(http://img.hunet.co.kr/m/mba_v2/content/smartmba/license/balloon02.png) no-repeat 0 0; background-size:66px 40px; } #license .level02_section .desc { color:#414141; font-size:13px; line-height:18px; text-align:center; margin-bottom:11px; } #license .dia_box { padding:12px 10px 15px; background:#dcdbd7; margin-bottom:13px; } #license .level01_section .dia_box { background:none; margin-bottom:0; } #license .dia_box .tit { font-size:13px; line-height:17px; color:#777; padding:0 70px 0 10px; position:relative; margin-bottom:9px; min-height:34px; letter-spacing:-2px; } #license .dia_box .tit:before { content:''; position:absolute; right:5px; top:-1px; width:63px; height:52px; background:url(http://img.hunet.co.kr/m/mba_v2/content/smartmba/license/ico_cefit_20160516.png) no-repeat 0 0; background-size:63px 52px; } #license .dia_box ul { overflow:hidden } #license .dia_box ul li { float:left; width:50%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; padding:3px; } #license .dia_box ul li div { padding:18px 0; text-align:center; font-size:11px; line-height:16px; color:#fff; background:#93979a; border-radius:4px; letter-spacing:-1px; } #license .dia_desc { font-size:12px; line-height:21px; color:#656565; letter-spacing:-1px; margin-bottom:15px; } /* 테이블 공통 > 회색 */ .table_type01 table { width:100%; border-collapse:collapse; border-top:2px solid #505050; border-bottom:2px solid #505050; letter-spacing:-1px; } .table_type01 table thead th { background:#e7e5e0; font-size:12px; color:#414141; padding:8px 0; border-left:1px solid #d5d4d2; } .table_type01 table thead th:first-child { border-left:0; color:#414141; } .table_type01 table tbody th { background:#e7e5e0; font-size:12px; color:#414141; border-top:1px solid #d5d4d2; } .table_type01 table tbody td { color:#656565; font-size:12px; line-height:17px; border-top:1px solid #d5d4d2; padding:9px; } .table_type01 table small { font-size:11px } .table_type01 table tbody td .bullet { position:relative; padding:2px 0 2px 5px; } .table_type01 table tbody td .bullet:before { content:''; display:block; width:2px; height:2px; background:#cd1315; position:absolute; left:0px; top:10px; } .table_type01 table tbody tr:first-child th, .table_type01 table tbody tr:first-child td { border-top:0;} .table_type01.table_curriculum table tbody td { border-left:1px solid #d5d4d2; text-align:center; } .table_type01.table_curriculum table tbody td:first-child { border-left:0; color:#414141; } .table_type01.table_curriculum table thead th:first-child { background:#cac9c7; } .btn_tip { display:inline-block; font-size:12px; color:#777; vertical-align:top; } .btn_tip:before { content:''; display:inline-block; width:15px; height:15px; background:url(http://img.hunet.co.kr/m/mba_v2/common/icon.png) no-repeat; background-position:-80px -60px; background-size:130px auto; vertical-align:top; margin-right:4px; letter-spacing:-1px; } .table_type02 table { width:100%; border-collapse:collapse; border-top:2px solid #505050; border-bottom:1px solid #d2d2d2; } .table_type02 table thead th { background:#607ab1; font-size:12px; padding:10px 0; color:#fff; border-left:1px solid #d2d2d2; } .table_type02 table tbody td { background:#fff; font-size:12px; padding:9px 0; color:#656565; border-left:1px solid #d2d2d2; border-top:1px solid #d2d2d2; text-align:center; line-height:17px; } .table_type02 table thead th:first-child, .table_type02 table tbody td:first-child { border-left:0; } .table_type03 table { width:100%; border-collapse:collapse; } .table_type03 table thead th { background:#e2e0da; padding:10px 0; font-size:12px; color:#656565; border:1px solid #d2d2d0; } .table_type03 table tbody td { background:#fff; padding:10px 0; font-size:12px; color:#656565; border:1px solid #d2d2d0; text-align:center; } .table_type03 table thead th:first-child, .table_type03 table tbody td:first-child { border-left:0; } .table_type03 table .result {border-left: 2px solid #cd1315; border-right: 2px solid #cd1315;} .table_type03 table thead th.result {border-top: 2px solid #cd1315;} .table_type03 table .last-row {border-bottom: 2px solid #cd1315;} .csc-bbs-view .view-lay { border-bottom: 1px dashed #ddd; } /* 평생케어서비스(이벤트) */ #allcare .allcare_head img { width:100%; } #allcare .allcare_tab.fixed { position:fixed; top:0; left:0; right:0; z-index:5 } #allcare .allcare_tab ul:after { display:block; content:''; clear:both; } #allcare .allcare_tab ul {} #allcare .allcare_tab ul li { float:left; width:33.33%; height:48px; position:relative; } #allcare .allcare_tab ul li:nth-child(2) { width:33.34%; } #allcare .allcare_tab ul li a { display:block; height:48px; text-align:center; font-size:14px; line-height:18px; position:relative; background:#465470; box-sizing:border-box; } #allcare .allcare_tab ul li.on:before { content:''; position:absolute; width:9px; height:9px; left:50%; margin-left:-4px; bottom:-5px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); background:#465470; } #allcare .allcare_tab ul li a span { display:block; } #allcare .allcare_tab ul li a .txt01 { font-weight:600; } #allcare .allcare_tab ul li a .txt02 { font-size:13px; } #allcare .allcare_tab ul li.tab01 a { line-height:47px; background:#465470; } #allcare .allcare_tab ul li.tab01 a .txt01 { color:#a3aab8; } #allcare .allcare_tab ul li.tab01.on a .txt01 { color:#ffd76a; } #allcare .allcare_tab ul li.tab02 a { padding-top:5px; color:#dcc898; background:#bb8a4f; } #allcare .allcare_tab ul li.tab02.on a .txt01 { color:#ffd76a; } #allcare .allcare_tab ul li.tab02.on a .txt02 { color:#fff; } #allcare .allcare_tab ul li.tab02.on:before { background:#bb8a4f; } #allcare .allcare_tab ul li.tab03.on:before { background:#4f6ca8; } #allcare .allcare_tab ul li.tab03 a { padding-top:5px; color:#d6dae0; background:#4f6ca8; } #allcare .allcare_tab ul li.tab03.on a .txt01 { color:#ffd76a; } #allcare .allcare_tab ul li.tab03.on a .txt02 { color:#fff; } #allcare .allcare_cont > div { display:none; } #allcare .allcare_cont > div.on { display:block ; } #allcare .allcare_cont > div .h2-tit { font-size:20px; letter-spacing:-2px; } #allcare .allcare_cont .section { padding:0 15px; } #allcare .table_type02 table tbody td { padding-left:5px; padding-right:5px; } #allcare .entrance_apply_section .tab_content .info_section, #allcare .entrance_apply_section .tab_content .info_txt_section, #allcare .entrance_apply_section .tab_content .desc, #allcare .btn_box, #allcare .table_type02 { padding-left:15px; padding-right:15px; } #allcare .ent_privacy_section { padding:0 15px 18px; } #allcare .ent_privacy_section .title { font-size:13px; color:#555; margin-bottom:5px; font-weight:600; } #allcare .ent_privacy_section dl { overflow:hidden; font-size:12px; line-height:18px; color:#777; } #allcare .ent_privacy_section dl dt { float:left; width:18px; } #allcare .ent_privacy_section dl dd { overflow:hidden; } .btn_box .btn_white {width:calc(50% - 7px ); float:left; margin-left:5px; line-height:19px; position:relative; font-size:16px; padding-top:2px; border:1px solid #ddd;} .btn_box .btn_white span {font-size:12px;} .btn_box .btn_white.kor {margin:0 5px 0 0;} .btn_box .btn_white:after {position:absolute; top:50%; right:15px; margin-top:-2.5px;} .mb10 {margin-bottom:10px;} /* 동문추천혜택 */ #recommand img { } #recommand .event_img img { width:100%; } #recommand .tab_box { } #recommand .tab_box ul:after { display:block; content:''; clear:both; } #recommand .tab_box ul { background:#333; margin-bottom:13px; } #recommand .tab_box ul li { float:left; width:50%; } #recommand .tab_box ul li a { display:block; background:#7da4d1; border:1px solid #7da4d1; font-size:14px; height:43px; line-height:42px; text-align:center; color:#fff; font-weight:600; letter-spacing:-1px; } #recommand .tab_box ul li.active a { background:#fff; border-color:#333; border-bottom:1px solid #fff; height:44px; color:#333; } #recommand .cont { padding:0 10px; } #recommand .desc01 { font-size:14px; line-height:20px; color:#333; margin-bottom:5px; } #recommand .desc02 { font-size:12px; line-height:16px; color:#777; margin-bottom:9px; } #recommand .form_box { padding:0 15px 30px; background:#efeeec; } #recommand .form_box .input_area .input_box:first-child .btn_del { display:none; } #recommand .form_box dl { position:relative; } #recommand .form_box dl dt { float:left; width:70px; font-size:13px; color:#555; height:39px; line-height:38px; border-bottom:1px solid #d2d2d2; box-sizing:border-box; } #recommand .form_box dl dd { overflow:hidden; box-sizing:border-box; height:39px; padding:5px 0; position:relative; border-bottom:1px solid #d2d2d2; } #recommand .form_box dl dd .btn_del { position:absolute; right:0; top:5px; width:28px; height:29px; background:url(http://img.hunet.co.kr/m/mba_v2/content/etc/recommand/btn_inp_del.gif) no-repeat 0 0; text-indent:-9999px; background-size:28px 29px; } #recommand .form_box .btn_add { padding:5px 0 5px 70px; border-bottom:1px solid #d2d2d2; margin-bottom:5px; } #recommand .form_box .textarea textarea { box-sizing:border-box; width:100%; height:180px; padding:10px 6px; border:1px solid #d2d2d2; font-size:12px; line-height:18px; } #recommand .form_box .desc { padding:7px 0 18px; } #recommand .form_box .desc p { font-size:12px; line-height:16px; color:#777; text-indent:-12px; padding-left:12px; margin-bottom:4px; } #recommand .table_type02 table { border-top:0; } #recommand .table_type02 table td { border:1px solid #d2d2d2; } #recommand .table_type02 table thead th { border:1px solid #4f6490; } #recommand .btn_box { padding:0; text-align:center; } #recommand .page { text-align:center; padding:20px 0; } #recommand .page span, #recommand .page a { display:inline-block; vertical-align:top; } #recommand .page span { font-size:12px; line-height:23px; height:23px; color:#777; padding:0 9px; } #recommand .page .prev, #recommand .page .next { width:22px; height:22px; border:1px solid #d5d5d3; border-radius:2px; position:relative; background:none; text-indent:-9999px; } #recommand .page .prev:after { content:''; position: absolute; left:10px; top:7px; width: 6px; height: 6px; border-top: 1px solid #6c6c6c; border-right: 1px solid #6c6c6c; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); transform: rotate(-135deg); } #recommand .page .next:after { content:''; position: absolute; left:6px; top:7px; width: 6px; height: 6px; border-top: 1px solid #6c6c6c; border-right: 1px solid #6c6c6c; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); } #layerRecommand .re_cont { padding:15px 10px 30px; } #layerRecommand .re_cont h3 { text-align:center; font-size:16px; line-height:24px; color:#333; margin-bottom:15px; font-weight:normal; } #layerRecommand .re_cont h4 { font-size:14px; color:#000; margin-bottom:7px; } #layerRecommand .re_cont h4:before { content:''; display:inline-block; vertical-align:middle; width:5px; height:5px; border:3px solid #a7a7a7; border-radius:100%; margin-top:-3px; margin-right:3px; } #layerRecommand .re_cont .text { padding:10px; font-size:12px; line-height:15px; height:120px; background:#e7e7e8; color:#777; box-sizing:border-box; overflow:auto; margin-bottom:20px; } #layerRecommand .re_cont .coupon_img { text-align:center; margin-bottom:10px; padding:0 50px; } #layerRecommand .re_cont .coupon_img img { max-width:100%; } #layerRecommand .re_cont .btn_coupon { text-align:center; margin-bottom:15px; font-size:12px; color:#777; text-decoration:underline; } #layerRecommand .re_cont .coupon_desc { padding-left:16px; text-indent:-16px; font-size:12px; line-height:16px; color:#777; margin-bottom:15px; } #layerRecommand .re_cont .coupon_desc span { color:#333; } #layerRecommand .re_cont .feature_img { margin-bottom:18px; } #layerRecommand .re_cont .feature_img img { width:100%; } #layerRecommand .re_cont .btn_smart { text-align:center; } #layerRecommand .re_cont .btn_smart a { background:#102132; border-color:#102132; color:#fff; } #layerRecommand .re_cont .btn_smart a span { color:#fceb28; } /* 20160304 QUICK */ #quick { position:fixed; left:0; bottom:0; right:0; } #quick .btn_close { position:absolute; right:10px; bottom:55px; } #quick .btn_close a { display:block; font-size:11px; color:#fff; text-shadow:1px 1px 3px rgba(0,0,0,0.8); } #quick .btn_close a:after { content:''; display:inline-block; vertical-align:middle; margin-left:5px; width:25px; height:25px; background:url(http://img.hunet.co.kr/m/mba_v2/common/ico_quick_close.png) no-repeat 0 0; background-size:25px; } #quick ul {display:table; width:100%;} #quick ul:after { display:block; content:''; clear:both; } #quick ul li { display:table-cell; width:16.67%; } #quick ul li a { display:block; text-align:center; color:#fff; font-size:12px; height:39px;padding-top:10px; } #quick ul li a:before { content:''; display:block; margin:0 auto; } #quick ul li:nth-child(1) a { background:#324161; } #quick ul li:nth-child(1) a:before { width:18px; height:18px; background:url(http://img.hunet.co.kr/m/mba_v2/common/ico_quick1.png) no-repeat 0 0; background-size:18px; margin-bottom:5px; } #quick ul li:nth-child(2) a { background:#656565; } #quick ul li:nth-child(2) a:before { width:18px; height:17px; background:url(http://img.hunet.co.kr/m/mba_v2/common/ico_quick2.png) no-repeat 0 0; background-size:18px 17px; margin-bottom:6px; } #quick ul li:nth-child(3) a { background:#4f6ca8; } #quick ul li:nth-child(3) a:before { width:15px; height:18px; background:url(http://img.hunet.co.kr/m/mba_v2/common/ico_quick3.png) no-repeat 0 0; background-size:15px 18px; margin-bottom:5px; } #quick ul li:nth-child(4) a { background:#d6dae0; color:#737373; } #quick ul li:nth-child(4) a:before { width:20px; height:20px; background:url(http://img.hunet.co.kr/m/mba_v2/common/ico_quick4.png) no-repeat 0 0; background-size:20px; margin-top:-2px; margin-bottom:5px; } #quick ul li:nth-child(5) a { background:#999; color:#444; } #quick ul li:nth-child(5) a:before { width:20px; height:19px; background:url(http://img.hunet.co.kr/m/mba_v2/common/ico_quick5.png) no-repeat 0 0; background-size:20px 19px; margin-top:-1px; margin-bottom:5px; } #quick ul li:nth-child(6) a { background:#ffe800; color:#444; } #quick ul li:nth-child(6) a:before { width:27px; height:25px; background:url(http://img.hunet.co.kr/m/mba_v2/common/ico_quick6.png) no-repeat 0 0; background-size:27px auto; margin-top:-4px; margin-bottom:3px; } .qna_section {display:none;} .qna_section.on {display:block;} .qna_section .board_list table {width:100%; border-collapse:collapse; border-top:2px solid #505050;} .board_list table thead th { height:35px; background:#e7e5e0; font-size:13px; color:#595959; font-weight:600; } .board_list table tbody th { background:#e7e5e0; border-bottom:1px solid #d2d2d0; font-size:13px; color:#595959; font-weight:600; } .board_list table tbody td { padding:10px 0 11px; line-height:25px; text-align:center; font-size:14px; color:#656565; text-align:center; border-bottom:1px solid #e6e7e9; letter-spacing:-1px; } .board_list table tbody td a { color:#656566; } .board_list table tbody td.text-left { padding:15px; text-align:left; } .qna_section .board_list tr.q_on td{ display:none; } .qna_section .board_list tr.q_on td.on {display:block;} .qna_section .board_list table tbody tr.q_on td { text-align:left; line-height:22px; color:#656565; padding:35px 0; } .qna_section .board_list table tbody tr.q_on .text-left {padding:20px 15px;} /* 20160519 REVIEW */ .thum-tip { padding:0 18px 10px; } .thum-tip img { width:100%; } #story img { width:100%; } #story .tab-box ul { display:table; width:100%; border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; background:#f3f3f3; } #story .tab-box ul li { display:table-cell; width:25% } #story .tab-box ul li a { display:block; text-align:center; font-size:12px; line-height:16px; color:#333; padding:11px 0; border-left:1px solid #d2d2d2;#d2d2d2; } #story .tab-box ul li:first-child a { border-left:0; } #story .tab-box ul li.active a { background:#7da4d1; color:#fff; font-weight:600; } #story .affix { position:fixed; left:0; right:0; top:0; } #story .affix + .content-box { padding-top:56px; } #story .cont02, #story .cont03 { padding-bottom:20px; } #story .cont04 .img-head { margin-bottom:10px; } #story .cont04 .txt-box { background-color:#f6f6f6; border-top:2px solid #505050; padding:0 10px 25px; } #story .cont04 .txt-box.box1 { background-image:url(http://img.hunet.co.kr/m/mba_v2/content/introduce/img-story-tab4-2-profile.jpg); background-repeat:no-repeat; background-position:100% 0; background-size:320px auto; } #story .cont04 .txt-box .title { font-size:18px; line-height:25px; color:#333; font-weight:600; padding:20px 0 15px; letter-spacing:-1px; text-align:center; } #story .cont04 .txt-box .txt1 { text-align:right; } #story .cont04 .txt-box.box1 .title { font-size:18px; line-height:25px; color:#333; font-weight:600; padding:46px 0; margin-bottom:10px; letter-spacing:-1px; text-align:left; } #story .cont04 .txt-box.box1 .txt1 { text-align:left; } #story .cont04 .txt-box .txt1 { font-size:12px; line-height:16px; color:#81511c; margin-bottom:10px; } #story .cont04 .txt-box .txt2 { font-size:12px; line-height:15px; color:#666; margin-bottom:10px; max-height:300px; overflow:hidden; } #story .cont04 .txt-box .btn-more { display:block; width:100%; box-sizing:border-box; height:36px; line-height:32px; text-align:center; border:1px solid #ccc; font-size:14px; color:#333;} #story .cont04 .txt-box.active .txt2 { max-height:initial; } #story .cont04 .txt-box.active .btn-more { display:none; } #story .cont04 .txt-box .btn-more:after { content:''; display:inline-block; vertical-align:middle; width:9px; height:6px; background:url(http://img.hunet.co.kr/m/mba_v2/content/introduce/bu-btn-more.png) no-repeat 0 0; background-size:9px 6px; margin-left:4px; } /* 20160523 고용보험환급 */ #refund .img { position:relative; } #refund .img img { width:100%; } #refund .date-wrap { padding:25px 15px 55px; position:relative; background:#0c1c3e; letter-spacing:-2px; } #refund .date-wrap .txt1 { font-size:19px; line-height:25px; color:#e7bb52; position:relative; } #refund .date-wrap .txt1:before { content:''; width:20px; height:1px; background:#e7bb52; position:absolute; left:2px; top:-3px; } #refund .date-wrap .txt2 { font-size:12px; line-height:20px; color:#e7bc53; position:relative; padding:18px 0 8px; } #refund .date-wrap a { display:inline-block; padding:6px 7px; border:2px solid #e7bb52; font-size:10px; color:#e7bc53; } #refund .date-wrap .date { position:absolute; right:0; bottom:0; width:129px; height:271px; background:url(http://img.hunet.co.kr/m/mba_v2/content/etrance/refund/img-date.png) no-repeat 0 0; background-size:129px 271px; } #refund .date-wrap .date p { position:absolute; left:0; width:105px; top:20px; font-size:11px; color:#333; text-align:center; } #refund .date-wrap .date p strong { display:block; font-size:16px; color:#d83b08; padding-top:6px; } #refund .tabs { margin-top:-37px } #refund .tabs ul:after { display:block; content:''; clear:both; } #refund .tabs ul { max-width:320px; margin:0 auto; } #refund .tabs ul li { float:left; margin-left:-8px; position:relative; width:auto !important; } #refund .tabs ul li:first-child { margin-left:0; } #refund .tabs ul li a { display:block; height:37px; width:112px; font-size:9px; line-height:12px; color:#fff; text-decoration:none; } #refund .tabs ul li a b { font-size:12px; } #refund .tabs ul li a span { display:block; text-align:center; padding-top:7px; } #refund .tabs ul li.m2 { position:relative; z-index:3; } #refund .tabs ul li.m3 { position:relative; z-index:2; } #refund .tabs ul li.m1 a { background:url(http://img.hunet.co.kr/m/mba_v2/content/etrance/refund/tab1.png) no-repeat 0 0; background-size:112px 37px; } #refund .tabs ul li.m2 a { background:url(http://img.hunet.co.kr/m/mba_v2/content/etrance/refund/tab2.png) no-repeat 0 0; background-size:112px 37px; } #refund .tabs ul li.m3 a { background:url(http://img.hunet.co.kr/m/mba_v2/content/etrance/refund/tab3.png) no-repeat 0 0; background-size:112px 37px; } #refund .tabs ul li.active a { background-image:url(http://img.hunet.co.kr/m/mba_v2/content/etrance/refund/tab_on.png); color:#333; } #refund .tabs ul li.active { position:relative; z-index:10; } #refund .content { padding:0 10px; } #refund .content .title { text-align:center; font-size:12px; line-height:20px; color:#666; margin-bottom:13px; padding-top:20px; } #refund .content .title strong { color:#333; font-size:14px; } #refund .content .table .thead { position:relative; } #refund .content .table .thead ul:after { display:block; content:''; clear:both; } #refund .content .table .thead ul { display:table; width:100%; border-collapse:collapse; } #refund .content .table .thead ul li { display:table-cell; width:25%; vertical-align:middle; box-sizing:border-box; background:#eee; height:38px; vertical-align:middle; text-align:center; font-size:11px; line-height:14px; color:#102132; font-weight:600; border:1px solid #a0a0a0; text-align:center; } #refund .content .table .thead ul li.th1 { background-color:#eee; } #refund .content .table .thead ul li.th2 { background-color:#a7b4c9; } #refund .content .table .thead ul li.th3 { background-color:#d6dae0; } #refund .content .table .thead ul li.th4 { background-color:#c1c1c1; } #refund .content .table .tbody { position:relative; } #refund .content .table .tbody ul { display:table; width:100%; border-collapse:collapse; margin-top:-1px; } #refund .content .table .tbody ul:after { display:block; content:''; clear:both; } #refund .content .table .tbody ul li { display:table-cell; vertical-align:middle; width:25%; box-sizing:border-box; background:#fff; height:38px; vertical-align:middle; text-align:center; font-size:11px; line-height:14px; color:#444; border:1px solid #a0a0a0; } #refund .content .table .tbody.red ul li { height:50px; line-height:14px; font-weight:600; color:#cd1315; } #refund .content .table .tbody.red .bg { position:absolute; left:0; top:0; width:calc(100% - 1px); width:-webkit-calc(100% - 1px); box-sizing:border-box; height:100%; border:4px solid #cd1315; } #refund .content .table .tbody.yellow ul li { font-weight:600; color:#333; padding:5px; } #refund .content .table .tbody.yellow .bg { position:absolute; left:0; top:0; width:calc(100% - 1px); width:-webkit-calc(100% - 1px); height:100%; box-sizing:border-box; border:4px solid #e7bb52; } #refund .content .desc { font-size:11px; line-height:15px; color:#666; padding:8px 0 15px; padding-left:13px; text-indent:-13px; } #refund .btn-box { text-align:center; margin-bottom:40px; overflow:hidden; padding:0 8px; display:flex; display:-webkit-flex; flex:1; -webkit-flex:1; } #refund .btn-box a { flex:1; -webkit-flex:1; font-size:12px; line-height:14px; box-sizing:border-box; height:44px; padding-top:6px; text-align:center; margin:0 2px; position:relative; } #refund .btn-box a:after { content:''; display:block; width:8px; height:8px; border-left:1px solid #a7a7a7; border-top:1px solid #a7a7a7; transform:rotate(135deg); position:absolute; right:8px; top:50%; margin-top:-4px; } #refund .btn-box a.btn-blue { background:#4f6ca8; color:#fff; } #refund .btn-box a.btn-gray { background:#636363; color:#fff; } #refund .btn-box a.btn-white { border:1px solid #b2b2b2; color:#505050; } .mba-section .thumb img, .bnr-section img, .img img {width: 100%; vertical-align: top;} .mba-section {padding: 0 15px;} .mba-section:after {content:""; clear: both; display: block;} .mba-section .dot-list {width: 100%; margin-bottom: 15px; font-size: 13px; font-size: 1.3rem; line-height: 17px; line-height: 1.7rem; letter-spacing: -2px; color: #555;} .mba-section .dot-list:after {content:""; clear: both; display: block;} .mba-section .dot-list strong {font-size: 13px; font-size: 1.3rem; font-weight: 600; color: #242424;} .mba-section .dot-list .ico-dot {display: none;} .mba-section .dot-list li:before {margin: 0 5px 2px 0; vertical-align: middle;} .btn-group .btn-mba {background-color: #333; color: #fff; line-height: 40px; text-align: center; display: inline-block; width: 100%; margin-bottom: 7px;} .btn-group .btn-mba.half {width: calc(50% - 5px);} .btn-group .btn-mba em {display: inline-block; font-size: 10px; color: #a8a8a8; vertical-align: middle; margin-left: 3px; letter-spacing: -1px;} .btn-group .btn-darkblue {background-color: #324161;} .btn-group .btn-danger {background-color: #b21214;} .bg-d6dae0 {background: #d6dae0;} .table-fee {width: 100%; font-size: 12px; line-height: 30px; letter-spacing: -1px; color: #242424; margin-bottom: 10px;} .table-fee:after {content:""; clear: both; display: block;} .table-fee thead th {background: #4f6ca8; border-bottom: 1px solid #3c5280; border-left: 1px solid #3c5280; color: #fff; font-size: 13px; font-weight: 600;} .table-fee thead {border: 1px solid #705532;} .table-fee.gold thead th {background: #b28850; border-color: #87673d;} .table-fee.gold thead {border: 1px solid #324469;} .table-fee td {background: #fff; text-align: center; border-right: 1px solid #c2c2c2; border-bottom: 1px solid #c2c2c2;} .table-fee td:first-child {font-weight: 600; border-left: 1px solid #c2c2c2;} .table-fee thead th:first-child {border-left: 0;} .table-fee tfoot {border: 2px solid #cd1315;} .table-fee tfoot td {font-weight: 600; color: #ea1010;} .text-notice .dot-list {margin-bottom: 0; padding-bottom: 20px;} .btn-gold {background-color: #996c33; color: #fff; border-radius: 5px; font-size: 12px; font-weight: normal; height: 20px; line-height: 20px; padding: 0 7px; margin-left: 3px;} /* 20161020 main_v3 */ /*** Swiper 3.2.0 * Most modern mobile touch slider and framework with hardware accelerated transitions * * http://www.idangero.us/swiper/ * * Copyright 2015, Vladimir Kharlampidi * The iDangero.us * http://www.idangero.us/ * * Licensed under MIT * * Released on: November 7, 2015 */ .swiper-container{margin:0 auto;position:relative;overflow:hidden;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-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;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-white .swiper-pagination-bullet{background:#fff}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-container-vertical>.swiper-pagination{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination{bottom:10px;left:0;width:100%}.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{margin:0 5px}.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-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}.swiper-container-fade .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;width:100%;height:100%;z-index:1}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;-moz-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}} .tob-bnr {position: relative;} .tob-bnr .close {position: absolute; top: 24%; right: 4.5%; display: inline-block; width: 7.81%; height: 50%; background: transparent; text-indent: -9999px; font-size: 0;} .process-tab {display: table; width: 100%; background: #666;} .process-tab li { display:table-cell; width:30%; height:66px; vertical-align:middle; text-align:center; } .process-tab li a { display:block; padding:14px 0; font-size:16px; line-height:19px; color:#ebebeb; margin: 5px 7px 0;} .process-tab .active a { background:#393939; border-radius:4px 4px 0 0; position:relative; color:#fff; font-weight:bold; } .process-tab .active a:after {content:""; display: inline-block; position: absolute; left: 50%; margin-left: -7px; bottom: 0; width: 0; height: 0; border-width: 0 7px 7.5px 7px; border-style: solid; border-color: transparent transparent #fff transparent;} .preview,.insight,.trend {background: #eff2f7;} .mba-section h2 {font-size: 1.5rem; font-weight: 600; color: #222; margin-bottom: 10px;} .mba-section h2 .bubble-left {display: inline-block; padding: 0 5px; line-height: 16px; background: #484848; font-size: 1rem; color: #e0e0e0; border-radius: 3px; vertical-align: middle; position: relative; margin: 0 0 3px 3px;} .mba-section h2 .bubble-left:before {content:""; display: block; width: 0; height: 0; vertical-align: middle; position: absolute; top: 5px; left: -6px; border-right: 6px solid #484848; border-top: 3px solid transparent; border-bottom: 3px solid transparent;} .mba-section h2.text-center {color: #2a2a2a; text-align: center; margin-bottom: 15px;} .mba-section .article {font-size: 1.3rem; line-height: 1.7rem; color: #222; margin-bottom: 10px;} .mba-section .course-list .thumb {position: relative; margin-bottom: 10px;} .bnr-section:after, .mba-section .btn-area:after {content:""; clear: both; display: block;} .mba-section .btn-area {padding: 0 15px; clear: both;} .mba-section .btn-area a[type=button] {display: inline-block; text-align: center; font-size: 1.3rem;} .mba-section .btn-area a[type=button]:before, .current-mission .pull-right a:before, .mba-section .ico-small:after {content:""; display: inline-block; background: url(http://img.hunet.co.kr/m/mba_v3/icon/ico-small.png) no-repeat; background-size: 125px auto;} .mba-section .ico-big:after {content:""; display: inline-block; background: url(http://img.hunet.co.kr/m/mba_v3/icon/ico-big.png) no-repeat; background-size: 250px auto;} .mba-section .btn-area .half {float: left; width: calc(50% - 8px); margin-left: 8px; vertical-align: middle;} .mba-section .btn-area .half:first-child {margin-left: 0;} .mba-section .btn-area .gt {font-size: 0.8rem; display: inline-block; vertical-align: middle; margin: 0 0 0 2px; letter-spacing: -1px;} .mba-section .btn-default {width: 100%; color: #777; line-height: 35px; background: #fff;} .mba-section .btn-default span {color: #222;} .mba-section .arr-down:after {width: 10px; height: 5px; background-position: 0 -20px; vertical-align: middle; margin: 0 0 3px 3px; } .mba-section .dot {display: inline-block; width: 3px; height: 3px; background: #ccc; vertical-align: middle; margin: 0 3px 3px;} .mba-section.preview {padding: 0 0 25px; font-size: 1.3rem;} .mba-section.preview:after {content:""; clear: both; display: block;} .mba-section.preview .process {background: #fff; padding: 5px 0 3px; position: relative; text-align: center; overflow: hidden;} .mba-section.preview .process:after {content:""; position: absolute; bottom: 0; left: 50%; display: inline-block; width: 0; height: 0; border-width: 0 7px 4px 7px; border-style: solid; border-color: transparent transparent #eff2f7 transparent; margin-left: -7px;} .mba-section.preview .process a {display: inline-block; font-size: 1.4rem; margin-bottom: 3px;} .mba-section.preview .process .box {display: block; width: 50px; border: 1px solid #7e7e7e; line-height: 25px; border-radius: 50px; font-size: 1.1rem; margin: 0 auto; margin-bottom: 5px; text-align: center;} .mba-section.preview .process .box .num {font-size: 1.5rem;} .mba-section.preview .process .ico-g {display: block; width: 40px; height: 25px; background: url(http://img.hunet.co.kr/m/mba_v3/icon/ico-g-hat.png) no-repeat 0 0; background-size: 85px auto; margin: 6px auto 2px;} .mba-section.preview .process .box.circle {width: 25px; border-radius: 50%;} .mba-section.preview .process .btn-control {position: absolute; top: 0; width: 12px; height: 57px; z-index: 10;} .mba-section.preview .process .button-prev {left: 4px; background: url(http://img.hunet.co.kr/m/mba_v3/icon/controls-left.png) no-repeat left center; background-size: 12px auto; padding-right: 30%;} .mba-section.preview .process .button-next {right: 4px; background: url(http://img.hunet.co.kr/m/mba_v3/icon/controls-right.png) no-repeat right center; background-size: 12px auto; padding-left: 30%;} .mba-section.preview .process .swiper-slide-active {color: #309aff; font-weight: 600;} .mba-section.preview .process .swiper-slide-active .box {border-color: #309aff; background-color: #309aff; color: #fff; font-weight: normal;} .mba-section.preview .process .swiper-slide-active .ico-g {background-position: -44px 0;} .mba-section.preview .preview-list {padding: 18px 15px;} .mba-section.preview .preview-list .menu {display: table; width: 100%; margin-bottom: 10px;} .mba-section.preview .preview-list .menu a {display: table-cell; text-align: center; line-height: 39px; background: #fff; border: 1px solid #969696; border-left: 0; font-size: 1.3rem; color: #222;} .mba-section.preview .preview-list .menu a:first-child {border-left: 1px solid #969696; border-radius: 3px 0 0 3px;} .mba-section.preview .preview-list .menu a:last-child {border-radius: 0 3px 3px 0;} .mba-section.preview .preview-list .menu a.active {background-color: #1b3a5b; border-color: #1b3a5b; color: #fff; font-weight: 600;} .mba-section.preview .preview-list .thumb {position: relative; margin-bottom: 15px;} .mba-section.preview .preview-list .thumb .ico-play {position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.3);} .mba-section.preview .preview-list .thumb .ico-play:before {background: none;} .mba-section.preview .preview-list .thumb .ico-play:after {content:""; position: absolute; top: 50%; left: 50%; width: 56px; height: 56px; margin: -28px 0 0 -28px; background: url(http://img.hunet.co.kr/m/mba_v3/icon/ico-play.png) no-repeat; background-size: 100px auto;} .mba-section.preview .preview-list .thumb a span {position: absolute; top: 70%; font-size: 1.8rem; font-weight: 600; letter-spacing: -1px; color: #fff; display: inline-block; width: 100%; text-align: center;} .mba-section.preview .preview-list .dot-list {width: 58%;} .mba-section.preview .preview-list .dot-list:after {content:""; clear: both; display: block;} .mba-section.preview .preview-list .dot-list li:before {margin-right: 0;} .mba-section.preview .preview-list .dot-list .th {margin-right: 3px; font-weight: 600;} .mba-section.preview .social a {display: inline-block; width: 35px; height: 35px; border-radius: 50%; position: relative; margin-left: 3px;} .mba-section.preview .social a:after {position: absolute; top: 50%; left: 50%; content:""; display: inline-block; height: 15px; margin-top: -7.5px; background: url(http://img.hunet.co.kr/m/mba_v3/icon/ico-social.png) no-repeat; background-size: 50px auto; vertical-align: top;} .mba-section.preview .social .imgFacebook {background-color: #2c89fc; margin-left: 0;} .mba-section.preview .social .imgTwitter {background-color: #4bc8f3;} .mba-section.preview .social .imgKakao {background-color: #ffe800;} .mba-section.preview .social .imgFacebook:after {width: 7px; margin-left: -3.5px;} .mba-section.preview .social .imgTwitter:after {width: 14px; background-position: -12.5px 0; margin: -7px 0 0 -6.5px;} .mba-section.preview .social .imgKakao:after {width: 17.5px; background-position: -32.5px 0; margin-left: -8px;} .mba-section.preview .swiper-button-disabled {visibility: hidden;} .mba-section .orientation, .mba-section .certification {padding: 20px 15px 10px; line-height: 1.7rem; clear: both;} .mba-section .orientation p, .mba-section .orientation .img {margin-bottom: 10px;} .mba-section .orientation h4 {font-size: 1.3rem; font-weight: 600; margin-bottom: 5px;} .mba-section .certification p {margin-bottom: 15px;} .current-mission {text-align: center; margin: 0 15px; font-size: 1.3rem; letter-spacing: -2px;} .current-mission p {background: #484848; border-radius: 3px 3px 0 0; font-weight: 600; color: #fff; clear: both; line-height: 33px;} .current-mission i {display: inline-block; width: 16px; height: 17px; background: url(http://img.hunet.co.kr/m/mba_v3/icon/ico-num.png) no-repeat; background-size: 159px auto; vertical-align: middle; margin: 0 1px 2px;} .current-mission i.num1 {background-position: -16px 0;} .current-mission i.num2 {background-position: -32px 0;} .current-mission i.num3 {background-position: -48px 0;} .current-mission i.num4 {background-position: -64px 0;} .current-mission i.num5 {background-position: -80px 0;} .current-mission i.num6 {background-position: -96px 0;} .current-mission i.num7 {background-position: -112px 0;} .current-mission i.num8 {background-position: -128px 0;} .current-mission i.num9 {background-position: -144px 0;} .current-mission .ico-run {display: inline-block; width: 18px; height: 18px; background: url(http://img.hunet.co.kr/mba/main_v2/icon/running.gif) no-repeat;background-size: 18px auto; vertical-align: middle; margin: 0 3px 2px 0;} .current-mission .h-tool {background: #cbced2; border-radius: 0 0 3px 3px; padding: 10px;} .current-mission .h-tool:after {content:""; clear: both; display: block;} .current-mission .h-tool a {display: inline-block; font-weight: normal; color: #222; vertical-align: middle;} .current-mission .h-tool .btn-htool {width: 18%; line-height: 46px; border: 1px solid #a2a5a8; border-radius: 3px; float: left;} .current-mission .pull-right {width: 80%; padding: 0; clear: right;} .current-mission .pull-right a {margin: 3px 0;} .current-mission .pull-right a:before {vertical-align: middle; height: 15px; margin: 0 3px 0 5px;} .current-mission .pull-right .h-note:before {width: 10px; margin-left: 0;} .current-mission .pull-right .h-remind:before {width: 11px; background-position: -15px 0;} .current-mission .pull-right .h-insight:before {width: 14px; background-position: -31.5px 0; margin-bottom: 3px;} .current-mission .pull-right .h-class:before {width: 13px; background-position: -50px 0;} .current-mission .pull-right .h-library:before {width: 14px; background-position: -68.5px 0;} .mba-section.insight .course-list {float: left; margin: 0 0 25px -18px;} .mba-section.insight .course-list:after {content:""; clear: both; display: block;} .mba-section.insight .course-list li {float: left; margin-left: 18px; width: calc(50% - 18px);} .mba-section.insight .course-list li a .title {font-size: 1.3rem; font-weight: 600; line-height: 1.7rem; color: #222; margin-bottom: 10px;} .mba-section.insight .course-list li a .info {font-size: 1.1rem; color: #777;} .mba-section.insight .course-list .thumb:before {content:""; display: block; width: 100%; height: 100%; background: rgba(0,0,0,.2); position: absolute; top: 0; left: 0; border-radius: 5px; z-index: 1;} .mba-section.insight .course-list .thumb:after {content:""; position: absolute; top: 50%; left: 50%; display: block; width: 33px; height: 33px; margin: -16.5px 0 0 -16.5px; background: url(http://img.hunet.co.kr/m/mba_v3/icon/ico-play.png) no-repeat -62px 0; background-size: 100px auto; z-index: 2;} .mba-section.insight .course-list .thumb img {width: 100%; vertical-align: top; border-radius: 5px;} .mba-section.trend .photo {width: calc(25% - 5px); max-width: 160px; margin-left: 5px;} .mba-section.trend .photo img {width: 100%; vertical-align: top; border-radius: 50%;} .mba-section.trend .info {width: 70%;} .mba-section.trend .info table {width: 100%; font-size: 1.3rem; font-weight: 600; line-height: 1.7rem; color: #222;} .mba-section.trend .info table th:before {content:""; display: inline-block; width: 3px; height: 3px; background: #222; vertical-align: middle; margin: 0 3px 3px 0;} .mba-section.trend .info table th {width: 25%; vertical-align: top; font-weight: normal;} .mba-section.trend .btn-area {padding: 30px 0;} .mba-section.trend .btn-area a {float: left; border-radius: 5px; line-height: 3.6rem; border: 1px solid #a3a3a3; color: #222;} .mba-section.trend .btn-area a:before {width: 12px; height: 16px; vertical-align: middle; margin-right: 5px;} .mba-section.trend .btn-area a.btn-apply {background-color: #1b3a5b; border-color: #1b3a5b; color: #fff;} .mba-section.trend .btn-area a.btn-apply:before {width: 19px; height: 19px; background-position: -104.5px 0; margin-bottom: 3px;} .category-tab {display: table; width: 100%; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;} .category-tab li {display: table-cell; width: 20%; text-align: center; position: relative;} .category-tab li:before {content:""; display: inline-block; width: 1px; height: 8px; background: #ddd; position: absolute; left: 0; top: 50%; margin-top: -4px;} .category-tab li:first-child:before {background: none;} .category-tab li a {display: block; line-height: 36px; font-size: 1.3rem; letter-spacing: -2px; width: 86%; margin: 0 auto;} .category-tab .active a {border-bottom: 2px solid #214b90; color: #214b90; font-weight: 600;} .select-box {padding: 15px; background: #f8f8f8; border-bottom: 1px solid #ddd; position: relative; font-size: 1.3rem;} .select-box:after {content:""; clear: both; display: block;} .select-box dt {position: relative; line-height: 1.7rem; background: #fff; border: 1px solid #000; border-radius: 3px; padding: 8px;} .select-box dt a {font-weight: 600; color: #000; display: block; width: 95%; height: 34px; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word;} .select-box dt a:after {content:""; display: block; width: 0; height: 0; border-top: 6px solid #000; border-right: 4px solid transparent; border-left: 4px solid transparent; position: absolute; top: 50%; right: 4%; margin-top: -3px;} .select-box dd {position: absolute; top: 64px; left: 0; width: 100%; display: none;} .select-box dd ul {margin: 0 15px; background: #fff; border: 1px solid #000; border-top: 0;} .select-box dd li a {display: block; padding: 8px; color: #000; border-top: 1px solid #ddd;} .select-box dd li:first-child a {border-top: 2px solid #000;} .select-box dd li:first-child a:focus {background: #d6dae0;} .comment-list {padding: 0 15px; color: #222;} .comment-list li {padding: 15px 0; border-top: 1px solid #ddd; font-size: 1.3rem; line-height: 1.5rem;} .comment-list li:first-child {border-top: 0;} .comment-list .user-info {margin-bottom: 10px;} .comment-list p + .user-info {margin-bottom: 0; padding-top: 10px;} .comment-list .user-id {font-size: 1.1rem; color: #214b90;} .comment-list .date {font-size: 1rem; color: #777;} .comment-list a {color: #222;} .mba-section.discussion, .mba-section.story {padding: 25px 0; font-size: 1.3rem; line-height: 1.6rem;} .mba-section.story {padding: 25px 15px 10px;} .link-table {width: 100%;} .link-table td {text-align: left; border-top: 1px solid #ccc; padding: 15px 0; line-height: 1.6rem;} .link-table tr:first-child td {padding-top: 0; border-top: 0;} .link-box a, .link-table td a {font-size: 1.3rem; line-height: 1.6rem; color: #222;} .link-table td a .title, .link-box a .title {font-size: 1.4rem; font-weight: 600; color: #214b90; display: block; margin-bottom: 5px; position: relative;} .link-table td a .title i {font-style: normal; font-size: 1rem; position: absolute; top: 0; right: 0; color: #525252;} .ico-big.review:after {width: 76px; height: 73px;} .ico-big.license:after {width: 75px; height: 73px; background-position: -81.5px 0;} .bnr-section {background: #ececec; padding-top: 5px; overflow: hidden;} .bnr-section a {display: block; margin-bottom: 5px;} .bnr-section .half {width: 50%;} .mba-section.community {padding: 25px 15px 15px; text-align: center;} .mba-section.community h2:after {content:""; display: block; width: 9%; height: 1px; margin: 20px auto; background: #333;} .mba-section.community h3 {font-size: 1.4rem; font-weight: 600; color: #214b90; margin-bottom: 15px;} .mba-section .link-box {border: 1px solid #ccc; border-radius: 3px; padding: 18px 15px; margin-bottom: 10px; text-align: left; font-size: 1.3rem; line-height: 1.6rem;} .mba-section .link-box:after {content:""; clear: both; display: block;} .mba-section .link-box i {float: left; width: 16.25%;} .mba-section .link-box i:after {width: 53px; height: 53px;} .mba-section .link-box a {float: right; display: block; width: 75%; position: relative;} .mba-section .link-box a .gt {position: absolute; top: 25px; right: -25px; font-style: normal; font-size: 1rem;} .ico-big.story:after {background-position: 0 -79px;} .ico-big.care:after {background-position: -57px -79px; margin-top: 4px;} .mba-section.community-board {padding: 25px 0; border-bottom: 5px solid #ececec;} .mba-section.notice {padding: 0 0 25px 0; border-bottom: 5px solid #ececec;} .mba-section.notice .tab {display: table; width: 100%;} .mba-section.notice .tab a {display: table-cell; width: 50%; text-align: center; font-size: 1.4rem; line-height: 37px; background: #ececec; color: #222; border-bottom: 1px solid #ccc;} .mba-section.notice .tab a.active {border: 1px solid #ccc; border-right: 0; border-bottom: 0; background: #fff; color: #214b90; font-weight: 600;} .mba-section.notice .tab a.active:first-child {border-right: 1px solid #ccc; border-left: 0;} .mba-section.notice ol {padding: 15px 0; margin-left: 15px;} .mba-section.notice li {margin: 0 15px; list-style: decimal; color: #214b90; font-weight: 600;} .mba-section.notice li a {font-size: 1.3rem; font-weight: normal; line-height: 2.5rem; color: #222;} .mba-section.notice .btn_more {margin: 0 15px;} .mba-section.cs {padding: 25px 20px; font-size: 1.3rem; color: #000;} .mba-section.cs i {float: left; width: 22.5%;} .mba-section.cs .cs-info {float: right; width: 70%;} .mba-section.cs .cs-info > div {overflow: hidden; padding: 10px 0;} .mba-section.cs .cs-info .th {float: left; width: 45%; font-size: 1.4rem; font-weight: 600; color: #214b90;} .mba-section.cs .cs-info .td {float: right; width: 55%;} .mba-section.cs .cs-info .hrd {border-bottom: 1px solid #ccc; padding-top: 0;} .mba-section.cs .cs-center .info {clear: both; width: 100%; padding: 10px 0 15px; font-size: 1.3rem; line-height: 1.8rem; overflow: hidden;} .mba-section.cs .cs-center .info dt {float: left; width: 45%; font-weight: 600;} .mba-section.cs .cs-center .info dd {float: right; width: 55%;} .mba-section.cs .cs-center .btn-area {padding: 0;} .mba-section.cs .cs-center .btn-counsel {display: inline-block; width: 68%; text-align: center; border: 1px solid #a3a3a3; border-radius: 3px; line-height: 37px; font-size: 1.3rem; color: #222;} .mba-section.cs .cs-center .btn-counsel:before {width: 19px; height: 16px; background-position: -15px -20.5px; vertical-align: middle; margin: 0 3px 2px 0;} .ico-big.cs:after {width: 77px; height: 73px; background-position: -162.5px 0;} .platform {position: relative;} .platform a {position: absolute; top: 2%; left: 45%; display: inline-block; width: 28%; height: 9%; background: transparent; font-size: 0; text-indent: -9999px;} .study-layer .modal-content {padding: 45px 15px 20px; color: #222;} .study-layer h3 {text-align: center; font-size: 1.5rem; margin-bottom: 20px;} .study-layer p {margin-bottom: 14px; font-size: 1.3rem; line-height: 1.7rem;} .study-layer .img {margin-bottom: 15px;} .mb0 {margin-bottom: 0 !important;} .mb15 {margin-bottom: 15px;} .text-primary {color: #214b90;}