* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-text-size-adjust: none !important; } body { margin:0; position:relative; -webkit-text-size-adjust: none; font-family:NotoSansCJKkr-Regular; } body .wrap { max-width:640px; margin:0 auto; } .container { width:100%; clear:both; } body { font-size:14px; line-height:1.267em; } a { display:block; text-decoration:none !important; color:black; text-decoration-color:#404040 !important; } ul, li { list-style:none; padding:0; margin:0; } img { max-width:100%; height:auto; display:block; } input { display:block; padding-left:5px; width:100%; border:none; border-radius:0px; appearance:none; -webkit-appearance: none; -moz-appearance: none; } textarea { border:none; border-radius:0px; appearance:none; -webkit-appearance: none; -moz-appearance: none; resize:none; } table { border-collapse:collapse; width:100%; } tr { border-bottom:1px solid #c3c3c3; } tr th { height:50px; background-color:#f7f7f7; font-weight:normal; } tr td { height:50px; color:#666; } select { display:block; padding-left:5px; width:100%; border:1px solid #c3c3c3; border-radius:2px; height:40px; font-size:0.75rem; } button { border:none; font-size:0.9375rem; } label{ height:16px; line-height:16px; padding-left:20px; display:inline-block; background:url(/m/images/ch_off.png) no-repeat 0 0; font-size:15px; vertical-align:middle; cursor:pointer; } .blocker { z-index:99999 !important; } .modal { } .modal a.close-modal{ } .radioLable { height:16px; line-height:16px; padding-left:16px; display:inline-block; font-size:15px; vertical-align:middle; cursor:pointer; background:url("/m/images/radio_off.png") no-repeat 0 0; } .radioLable.on { background:url("/m/images/radio_on.png") no-repeat 0 0; } .line_break { -webkit-line-clamp:1; white-space:nowrap; overflow:hidden; text-overflow:clip; -webkit-box-orient:vertical; display:-webkit-box; } .line_break2 { -webkit-line-clamp:2; overflow:hidden; -webkit-box-orient:vertical; display:-webkit-box; } .title_line_break { -webkit-line-clamp:1; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; height:100%; display:-webkit-box; } .title_line_break2 { -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; height:100%; display:-webkit-box; } .txt_line_break { overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; height:100%; display:-webkit-box; } .txt_line_break1 { overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; height:100%; display:-webkit-box; } .txt_line_break2 { overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; height:100%; display:-webkit-box; } .hTable tr th { text-align:center; font-weight:bold; } .hTable tr td { padding:5px; } .vTable tr th { text-align:center; padding:0; border-right:1px solid #c3c3c3; font-weight:bold; } .vTable tr td { text-align:center; padding:0; border-right:1px solid #c3c3c3; } .fx { max-width:100%; } .fx1 { max-width:70%; } .row { *zoom:1; } .row:after { clear:both; content:""; display:block; } .pull-left { float:left; } .pull-right { float:right; } .cursor_focus { cursor:pointer; } .c_align { text-align:center !important; } .l_align { text-align:left !important; } .text-center { text-align:center; } .r_align { text-align:right; } .InBlock { display:inline-block; } .l_padding5 { padding-left:5px !important; } .status { text-align:center; border-radius:20px; height:30px; line-height:30px; width:90px; } .bf_btn_P { background-color:#fff; color:#da215a; border:1px solid #da215a; cursor:pointer; } .bf_btn_R { background-color:#ff2c6d !important; color:#fff !important; cursor:pointer; text-align:center; } .bf_btn_G { background-color:#555555; color:#fff; cursor:pointer; text-align:center; } .bf_btn_B { background-color:#6f87c9; color:#fff; cursor:pointer; text-align:center; } .bf_btn_LG { background-color:#c3c3c3; color:#fff; cursor:pointer; } .bf_btn_GN { background-color:#17c855; color:#fff; cursor:pointer; } .bf_btn_PP { background-color:#6533cd; color:#fff; cursor:pointer; } .bf_bbs_btn_P { background-color:#ff5c8e; padding:15px 0px; text-align:center; color:#fff; } .bold { font-weight:bold; } .black { color:#000; } .pink { color:#ff2c6d !important; } .red { color:#da215a !important; } .line-through { text-decoration:line-through; } .wd40 { width:40px; } .wd50 { width:50px; } .wd55 { width:55px; } .wd60 { width:60px; } .wd65 { width:65px; } .wd70 { width:70px; } .wd75 { width:75px; } .wd80 { width:80px; } .wd90 { width:90px; } .wd95 { width:95px; } .wd100 { width:100px; } .wd105 { width:105px; } .wd120 { width:120px; } .wd150 { width:150px; } .wd200 { width:200px; } .wd16p { width:16%; } .wd20p { width:20% !important; } .wd25p { width:25% !important; } .wd32p { width:32.666%; } .wd40p { width:40%; } .wd45p { width:45% !important; } .wd46p { width:46%; } .wd48p { width:48%; } .wd49p { width:49%; } .wd50p { width:50%; } .wd55p { width:55% !important; } .wd60p { width:60%; } .wd70p { width:70%; } .wd74p { width:74%; } .wd80p { width:80%; } .wd90p { width:90%; } .wd83p { width:83% !important; } .wd90p { width:90%; } .wd100p { width:100% !important; } .hig28 { height:28px; } .hig30 { height:30px; } .hig32 { height:32px; } .hig35 { height:35px; } .hig38 { height:38px; } .hig40 { height:40px !important; } .hig45 { height:45px; } .hig50 { height:50px; } .hig200 { height:200px !important; } .bRadius2 { border-radius:2px; } .bRadius5 { border-radius:5px; } .s_btn {color: #fff; width: 55px; background-color: #555; border-radius: 25px; text-align: center; font-size: 13px; padding: 3px 0px; margin-right: 3px; } .bgRed { background-color: #f00; padding: 4px 10px; border-radius: 25px; margin-top: 10px; margin-right:10px; display: inline-block; color:#fff; } .bgYellow { background-color: #f90;padding: 4px 10px; border-radius: 25px; margin-top: 10px; margin-right:10px; display: inline-block; color:#fff; } .bgGreen { background-color: #009900; padding: 4px 10px; border-radius: 25px; margin-top: 10px; margin-right:10px; display: inline-block; color:#fff; } .noPadding { padding:0 !important; } .noMargin { margin:0 !important; } .border0 { border:0px !important; } .select_arrow { -webkit-appearance: none; -moz-appearance: none; appearance:none; background: url('/m/images/arrow_555.png') no-repeat 90% 50%; background-size:8px; } .select_arrow_95p { -webkit-appearance: none; -moz-appearance: none; appearance:none; background: url('/m/images/arrow_555.png') no-repeat 95% 50%; background-size:8px; } .select_arrow_97p { -webkit-appearance: none; -moz-appearance: none; appearance:none; background: url('/m/images/arrow_555.png') no-repeat 97% 50%; background-size:8px; } .input-group { border-top:1px solid #c3c3c3; height:50px; } .inputArea .input-group:first-child { border-top:1px solid #000; } .input-group .th { border-right:1px solid #c3c3c3; width:30%; color:#000; background-color:#f7f7f7; text-align:left; padding:16px 0px 16px 10px; } .input-group .td { color:#666; line-height:50px; width:70%; padding-left:5px; } .input-group .td select { font-size:0.8125rem; color:#555; } .input-group .td input { font-size:0.8125rem; color:#555; } .input-group .td .select_arrow { height:38px !important; background: url('/m/images/arrow_555.png') no-repeat 95% 50%; background-size:8px; } .input-group .td .margin5 { margin:5px 0px; } .input-group .th2 { width:33%; } .input-group .td2 { width:67%; } .not_scroll{ height:100%; min-height:100%; overflow:hidden !important; touch-action:none; } .itag_searc { width: 15px; vertical-align: top; margin: 0 auto; } .itag_searc_home { width: 19px; vertical-align: top; margin: 0 auto; } /* 유저정보 인풋 경고창 */ /* 비밀번호 보안*/ #mem_pw_box { position:relative; } #mem_pw_box > #verdict { position:absolute; right:0px; top:0px; } #mem_pw_okbox { position:relative; } #mem_pw_okbox > #passwdcheck { position:absolute; right:0px; top:0px; margin: 15px; color:#f00; } /* 아이디찾기,패스워드 변경 */ #pw_change { position:relative; } #pw_change > #verdict { position:absolute; right:0px; top:0px; margin: 15px; } #pw_change > #verdict > p { display:none; } /*마이페이지 패스워드 변경 */ #my_pw_change { position:relative; } #my_pw_change > #verdict { position:absolute; right:0px; top:0px; margin: 15px; } #my_pw_change > #verdict > p { display:none; } #my_pw_change > #verdict > span { margin-top:5px; margin-right:5px; } /* 헤더 */ #header { } #header .hBanner { font-size:14px; position:relative; border-bottom:4px solid #ec1857; width:100%; height:76px; } #header .hBanner .main_logo { line-height:76px; width:25%; } #header .hBanner img { display:inline-block; } #header .hBanner a { color:#777; } #header .hBanner .ll_icon { position:absolute; top:0; line-height:50px; left:2%; color:#777; font-size:0.6875rem; margin:8px 0px; } #header .hBanner .ll_icon img { width:25px; } #header .hBanner .rr_icon { width:103px; position:absolute; top:0; right:2%; color:#fff; font-size:0.6875rem; margin:11px 0px; } #header .hBanner .rr_icon img { width:30px; } #header .hBanner .rr_icon .ll { margin-left:4px; width:55px; vertical-align:middle; } #header .hBanner .rr_icon .mm { width:44px; vertical-align:middle; margin-top:2px; } #header .hBanner .rr_icon .tt { width:100%; } #header .hNav .top_nav { width:100%; } #header .hNav .top_nav ul { width:100%; height:50px; } #header .hNav .top_nav ul li { height:50px; } #header .hNav .top_nav ul li a { padding:17px 0px;} #header .hNav .top_nav ul .txt_li { font-weight:bold; text-align:center; width:19.77%; font-size:1em; height:50px; font-family:NotoSansCJKkr-Medium; } #header .hNav .top_nav ul .txt_li.on a { color:#ee3645; } #header .hNav .top_nav ul .txt_li.on { border-bottom:1px solid #ee3645; } #header .hNav .line { width:1px; height:50px; background-image:linear-gradient(to bottom, #ffffff, #dddddd 49%, #ffffff); } /* 푸터 */ #footer {} #footer .grayArea { /*background-color:#f1f1f1;*/ height:50px; } #footer .serviceMenu { width:100%; position:relative; height:45px; border:1px solid #ddd; } #footer .serviceMenu .menus { width:192px; height:45px; } #footer .serviceMenu .menus .txt_li { margin:15px 0px; padding:0px 5px; border-right:1px solid #ddd; } #footer .serviceMenu .menus .txt_li:last-child { border-right:0px; } #footer .serviceMenu .goToTop { position:absolute; top:15px; right:2%; height:45px; } #footer .serviceMenu .goToTop .t_bg { margin-left:3px; margin-top:-2px; font-size:0.6875rem; color:#707070; border:1px solid #707070; border-radius:100px; padding:1px 4px 0px; } #footer .companyInfo { height:auto; padding:20px 0px; } #footer .companyInfo .tt { color:#555; font-size:0.875rem; } #footer .companyInfo .tt a { color:#555; } #footer .companyInfo .ll_ul .txt_li { margin:0px 3px; } #footer .companyInfo .ttt { margin-top:5px; font-size:0.8125rem; color:#777; } #aboutCompany {} #aboutCompany .infoArea { background-color:#f1f1f1; color:#555; font-size:12px; padding:20px 15px; line-height:20px; } /* 왼쪽 메뉴 */ #leftMenu { width:100%; } #leftMenu .barArea { width:100%; } #leftMenu .barArea .titleBar { width:100%; height:60px; background-color:#ec1857; color:#fff; padding:0px 2%; font-size:1rem; } #leftMenu .barArea .titleBar .user_img { width:56px; height:56px; overflow:hidden; border-radius:50px; } #leftMenu .barArea .titleBar .user_img img { } #leftMenu .barArea .titleBar .title { color:#000; background-color:#fff; line-height:40px; margin:10px 0px; } #leftMenu .barArea .titleBar a { color:#fff; padding:17px 5px 17px 10px; } #leftMenu .barArea .titleBar .nn { line-height:60px; margin-left:5px; font-size:1rem; } #leftMenu .barArea .titleBar .xBtn { font-size:25px; } #leftMenu .barArea .titleBar img { width:25px; } #leftMenu .menuBar > .navRow { width:100%; } #leftMenu .menuBar > .navRow .navs { width:32.66666%; margin-right:1%; border-radius:5px; height:40px; line-height:40px; border:1px solid #ec1857; } #leftMenu .menuBar > .navRow .navs a { color:#ec1857; } #leftMenu .menuBar > .navRow .navs:last-child { margin-right:0; } #leftMenu .menuArea { width:100%; } #leftMenu .menuArea > .menuRow { width:100%; border-top:1px solid #888; } #leftMenu .menuArea > .menuRow .menu .mm { width:100%; line-height:40px; border-bottom:1px solid #ddd; } #leftMenu .menuArea > .menuRow .menu1 { width:27%; background-color:#eee; text-align:center; padding-top:10px; } #leftMenu .menuArea > .menuRow .menu2 { width:38%; border-right:1px solid #ddd; border-left:1px solid #ddd; } #leftMenu .menuArea > .menuRow .menu2 .mm:last-child { border-bottom:0px; } #leftMenu .menuArea > .menuRow .menu3 { width:35%; } #leftMenu .menuArea > .menuRow .menu a { height:40px; color:#666; padding:0px 6px 0px 10px; } #leftMenu .menuArea > .menuRow .menu a .ii { color:#ccc; } #leftMenu .bottomBar { background-color:#555; margin:10px 0px; padding:10px 2%; width:100%; } #leftMenu .bottomBar > .navRow .navs { background-color:#fff; border:0px; } #leftMenu .bottomBar > .navRow .navs a { color:#000; } /* subMenu */ .subMenu { width:100%; height:40px; background-color:#f1f1f1; } .subMenu ul { height:40px; width:100%; } .subMenu ul li { height:40px; } .subMenu .ll_ul .txt_li { margin-left:2.5%; height:40px; font-size:0.875rem; color:#333; line-height:40px; } .subMenu .ll_ul .txt_li .bullet { font-size:4px; vertical-align:middle; } .subMenu .ll_ul .txt_li.on a { color:#ff2c6d; } .menuBar { width:96%; margin:10px 2%; } .navParent .navs { border-right:1px solid #da215a; height:40px; } .navParent .navs a { color:#666; width:100%; padding:12px 0px; } .navParent .navs:last-child { border-right:0px; } .navParent .navs.selected { background-color:#ff2c6d; } .navParent .navs.selected a { color:#fff; } #newsTab .navParent { width:100%; border:1px solid #da215a; border-radius:5px; } #newsTab .navs { width:20%; } #plazaTab .navParent { width:68%; border:1px solid #da215a; border-radius:5px; } #plazaTab .navs { width:33%; } #plazaTab2 .navParent { width:100%; border:1px solid #da215a; border-radius:5px; } /* 메인 / 미술대학 */ #newsTab {} #newsTab .searchArea { padding:0px 2% 10px; position:relative; } #newsTab .searchArea .search_icon { font-size:15px; margin-left:5px; background-color:#ddd; color:#666; width:29px; height:29px; text-align:center; line-height:29px; border-radius:100px; } #newsTab .searchArea .search_icon img { margin-top: 6px; } #newsTab .searchArea .sel_box { color:#666; margin:5px 0px; height:20px; } #newsTab .searchArea .searchBox { position:absolute; bottom:-45px; width:96%; height:auto; background-color:#707070; padding:4px 0px 4px 4px; z-index:999; } #newsTab .searchArea .searchBox input { height:42px; width:85%; font-size:0.875rem; padding-left:5px; } #newsTab .searchArea .searchBox .ss { width:15%; color:#fff; font-size:0.875rem; text-align:center; line-height:42px; } #newsTab .contentsArea {} #newsTab .contentsArea .list_box { padding:10px 0px; width:96%; margin:0px 2%; border-bottom:1px solid #ddd; } #newsTab .contentsArea .list_box:first-child { border-top:1px solid #000; } #newsTab .contentsArea .list_box .row_box { position:relative; } #newsTab .contentsArea .list_box .row_box .dd_box { position:absolute; bottom:0px; } #newsTab .contentsArea .list_box .ll_img { width:35%; height: 113px; overflow: hidden; text-align: center; position:relative; } #newsTab .contentsArea .list_box .ll_img .img_box { position: absolute; text-align:center; left: 50%; top: 50%; transform: translate(-50%,-50%); overflow: hidden; height:113px; } #newsTab .contentsArea .list_box .ll_img img { width:auto; height: 113px; margin: 0 auto; } #newsTab .contentsArea .list_box .rr_txt { width:65%; padding:1px 0px 1px 10px; color:#666; } #newsTab .contentsArea .list_box .title { font-size:0.9375rem; color:#000; } #newsTab .contentsArea .list_box .txt { font-size:0.75rem; margin:2px 0px; color:#666; } #newsTab .contentsArea .list_box .rr_txt .dd { line-height:0.75rem; font-size:0.75rem; padding:0px 7px; border-right:1px solid #ddd; } #newsTab .contentsArea .list_box .rr_txt .dd:first-child { padding-left:0px; } #newsTab .contentsArea .list_box .rr_txt .dd:last-child { border-right:0px; } #newsTab .btnArea { width:100%; height:100px; padding:20px 25%; } .btnArea .more_btn { text-align:center; font-size:0.9375rem; width:100%; padding:15px 50px; border:1px solid #555; border-radius:30px; box-shadow:0 3px 6px 0 rgba(0,0,0,0.16); } /* 미술대학 - 입시뉴스 view */ #newsView {} #newsView .viewArea { width:96%; margin:0px 2%; } #newsView .viewArea .title { font-size:1rem; margin:15px 0px; } #newsView .viewArea .infoBox { width:100%; } #newsView .viewArea .infoBox .info { width:88%; background-color:#f7f7f7; height:40px; border-top:1px solid #c3c3c3; border-bottom:1px solid #c3c3c3; } #newsView .viewArea .infoBox .info .dd { margin:11px 0px; color:#666; font-size:0.8125rem; padding:0px 7px; border-right:1px solid #ddd; } #newsView .viewArea .infoBox .info .dd:last-child { border-right:0px; } #newsView .viewArea .infoBox .share_icon { width:12%; padding:5px 5px 5px 5px; text-align:center; height:40px; background-color:#f7f7f7; border:1px solid #c3c3c3; border-right:0px; } #newsView .viewArea .infoBox .share_icon img { width:28px; display:inline-block; } #newsView .viewArea .contentsArea { width:100%; margin-bottom:100px; } #newsView .viewArea .contentsArea .txtArea { width:100%; margin:15px 0px; font-size:0.9375rem; color:#555; line-height:19px; } #newsView .viewArea .contentsArea .imgArea { width:100%; } /* TODO 정성 공지사항 합격자 발표 하단 줄 삭제 */ .__se_tbl_ext tr { border-bottom:0px !important; } #newsView .viewArea .comment { font-size:0.9375rem; width:100%; height:155px; padding:10px 10px; background-color:#f7f7f7; border-top:1px solid #777; border-bottom:1px solid #ddd; } #newsView .viewArea .comment .textareaForm { height:90px; resize:none; border:none; width:100%; color:#555; font-size:0.9375rem; margin-bottom:5px; padding:10px; border-radius:0px; } #newsView .viewArea .comment .textareaForm::placeholder { color:#c3c3c3; } #newsView .viewArea .comment .comBtnArea { height:35px; } #newsView .viewArea .comment .wordsCount { color:#666; line-height:35px; } #newsView .viewArea .comment .bf_btn_G { width:70px; height:35px; border-radius:5px; font-size:0.9375rem; } #newsView .viewArea .commentTotal { width:100%; padding:20px 0px; font-size:0.9375rem; color:#666; } #newsView .viewArea .commentBox { width:100%; margin:5px 0px; border-top:1px solid #707070; } #newsView .viewArea .commentBox .commentList { padding:10px 0px 5px; border-bottom:1px solid #ddd; } #newsView .viewArea .commentBox .commentList .content { color:#000; margin-bottom:10px; } #newsView .viewArea .commentBox .commentList .icon_user { width:20px; } #newsView .viewArea .commentBox .commentList .user_name { line-height:20px; padding:0px 5px; } #newsView .viewArea .commentBox .commentList .upDate { line-height:20px; padding:0px 5px; border-left:1px solid #ddd; } #newsView .btnArea { width:100%; height:80px; } #newsView .btnArea .btns { font-size:0.9375rem; padding:14px 0px; margin-right:8px; border-radius:} #newsView .btnArea .btns:last-child { margin-right:0px; } /* 미술대학 - 입시요강 list */ #examList {} #examList .tableArea { width:96%; margin:10px 2%; border-top:1px solid #000; } #examList .tableArea td .txt_box { padding:5px; height:40px; width: 80%; border:1px solid #c3c3c3; border-radius:2px; } #examList .tableArea td .txt_box .input_box { height:30px; padding:5px; width:85%; } #examList .tableArea td .txt_box .icon_search { text-align:right; font-size:16px; padding-right:5px; width:15%; line-height:30px; } #examList .tableArea td .txt_box .icon_search img { margin-top:4px;} #examList .tableArea td .more_search { border-radius: 2px; line-height: 40px; height: 40px; background-color:#666; width:19%; margin-left:1%; text-align:center; } #examList .tableArea td .more_search .ms { color:#fff; } #examList .searchArea { padding:0px 2% 10px; position:relative; } #examList .searchArea .search_icon { font-size:15px; margin-left:5px; background-color:#ddd; color:#666; width:29px; height:29px; text-align:center; line-height:29px; border-radius:100px; } #examList .searchArea .sel_box { color:#666; margin:5px 0px; height:20px; } #examList .searchArea .searchBox { position:absolute; bottom:-45px; width:96%; height:auto; background-color:#707070; padding:4px 0px 4px 4px; z-index:999; } #examList .searchArea .searchBox input { height:42px; width:85%; font-size:0.875rem; padding-left:5px; } #examList .searchArea .searchBox .ss { margin-left: 42.5%; margin-right: 42.5%; width:15%; color:#fff; font-size:0.875rem; text-align:center; line-height:42px; background-color:#ff2165 !important; } .tab_box { width:96%; margin:10px 2% 0px; } .tab_box .types { padding:10px 0px; width:33%; background-color:#f7f7f7; color:#555; text-align:center; border:1px solid #b7b7b7; border-bottom:0px; border-left:0px; } .tab_box .types:first-child { border-left:1px solid #b7b7b7; } .tab_box .types.on { margin-bottom:-2px; margin-left:-1px; background-color:#fff; border-left:1px solid #000; border-top:1px solid #000; border-right:1px solid #000; border-bottom:1px solid #fff; color:#000; } .bLine { width:96%; margin:0px 2%; border-top:1px solid #000; } #examList .vTable { font-size:0.8125rem; } #examList .vTable tr th { font-size:0.75rem; } #examList .vTable tr td a { color:#666; } #examList .btnArea { width:100%; height:100px; padding:20px 25%; } /* 미술대학 - 입시요강 view */ #newsView .viewArea .univName { width:96%; margin:10px 2%; } #newsView .viewArea .univName .title { font-size:1.125rem; margin:0px 0px 0px 15px; line-height:65px; } #newsView .viewArea .univName a { font-size:0.9375rem; padding:12px 0px; margin:5px 0px; } #examList .tableArea .red { font-size:0.75rem; line-height:15px; margin-top:3px;} #examList .pointArea { width:96%; margin:20px 2%; } #examList .pointArea .tt { font-size:1.0625rem; margin-bottom:15px; } #examList .pointArea .ttt { font-size:1rem; color:#666; margin-bottom:5px; font-size:14px; } /* 미술대학 - 학교찾기 list */ #newsTab .contentsArea .list_box_padding { padding:10px 0px; } #newsTab .contentsArea .list_box .ci_img { width:60px; } #newsTab .contentsArea .list_box .ll_txt_width { width:45%; padding-left:5px; padding-top:5px; } #newsTab .contentsArea .list_box .ll_txt_width .title { font-size:0.9375rem; margin:3px 0px; } #newsTab .contentsArea .list_box .ll_txt_width .txt { font-size:0.6875rem; width:100%; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #newsTab .contentsArea .list_box .rr_link { margin-top: 12px; width:35%; height:36px; } #newsTab .contentsArea .list_box .rr_link .icon_phone { padding:5px 0px; background-color:#f7f7f7; line-height: 30px; text-align: center;width:30px; height:30px; font-size:0.825rem; color:#666; border-radius:100px; border:1px solid #c3c3c3; } #newsTab .contentsArea .list_box .rr_link .icon_phone a { color:#666; } #newsTab .contentsArea .list_box .rr_link .dd { line-height:36px; margin-left:3px; } #newsTab .contentsArea .list_box .rr_link .icon_bg1 { margin-left:10px; font-size: 20px; padding: 5px 0px; text-align: center; width:30px; height:30px; background-color:#f7f7f7; border-radius:100px; border:1px solid #c3c3c3; } #newsTab .contentsArea .list_box .rr_link .icon_bg1 img { width:13px; margin:0 auto; } #newsTab .contentsArea .list_box .rr_link .icon_bg2 { margin-left:10px; font-size: 20px; padding: 5px 0px; text-align: center; width:30px; height:30px; color:#666; background-color:#f7f7f7; border-radius:100px; border:1px solid #c3c3c3; } /* 합격정보 - 연재강좌 list */ #newsTab .contentsArea .list_box .types { padding:4px 6px; line-height:20px; margin-right:3px; height:27px; border:1px solid #c3c3c3; border-radius:21px; } #newsTab .contentsArea .list_box .upload { background-color:#6f87c9; border:0px; color:#fff; padding:4px 7px; } #newsTab .contentsArea .list_box .icons { position:relative; width:27px; margin-right:3px; } #newsTab .contentsArea .list_box .icons .icon_img { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); } #newsTab .contentsArea .list_box .mm { margin:5px 0px 2px; } #newsTab .contentsArea .list_box .ll_img .upload { position:absolute; left:3px; top:3px; } /* 합격정보 - 연재강좌 view */ #newsView .viewArea .contentsArea .typeArea { padding:5px 0px; width:100%; border-bottom:1px solid #c3c3c3; } #newsView .viewArea .contentsArea .typeArea .types { padding:4px 6px; line-height:20px; margin-right:3px; height:27px; border:1px solid #c3c3c3; border-radius:21px; } #newsView .viewArea .contentsArea .typeArea .upload { background-color:#6f87c9; border:0px; color:#fff; padding:4px 7px; } #newsView .viewArea .contentsArea .snsArea { padding:10px 0px; } #newsView .viewArea .contentsArea .snsArea .sns_tt { line-height:27px; margin-right:5px; } #newsView .viewArea .contentsArea .snsArea .icons { position:relative; width:27px; margin-right:3px; } #newsView .viewArea .contentsArea .snsArea .icons .icon_img { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); } /* 합격정보 - 합격생인터뷰 list */ #newsTab .contentsArea .list_box .rr_txt .sName { color:#000; font-size:1rem; } #newsTab .contentsArea .list_box .rr_txt .info { color:#666; font-size:0.75rem; } #newsTab .contentsArea .list_box .rr_txt .acedemy { color:#000; font-size:0.8125rem; } /* 합격정보 - 합격생인터뷰 view */ #newsView .viewArea .infoArea { width:100%; padding:10px 0px; } #newsView .viewArea .infoArea .ll_img { width:100px; } #newsView .viewArea .infoArea .rr_txt { padding:23px 0px 23px 10px; } #newsView .viewArea .infoArea .rr_txt .sName { color:#000; font-size:1.0625rem; margin-bottom:3px; } #newsView .viewArea .infoArea .rr_txt .info { color:#666; font-size:0.8125rem; } #newsView .viewArea .infoArea .rr_txt .acedemy { color:#000; font-size:0.875rem; } #examList .tableTitle { width:96%; margin:20px 2% 10px; font-size:1.0625rem; } #examList .mixTable table tr th { border-right:1px solid #c3c3c3; } #examList .mixTable table tr td { text-align:center; border-right:1px solid #c3c3c3; } #examList .mixTable table tr td:last-child { border-right:0px; } #newsView .viewArea .areaTitle { margin:20px 0px 10px; font-size:1.0625rem; } #newsView .viewArea .qnaArea { border-top:1px solid #000; margin-bottom:20px; } #newsView .viewArea .qnaArea .qnaList { border-bottom:3px solid #ddd; } #newsView .viewArea .qnaArea .qnaList .qq { border-bottom:1px dashed #c3c3c3; height:45px; padding:7px 0px; } #newsView .viewArea .qnaArea .qnaList .qq .qq_icon { width:32px; padding:7px 8px 7px 10px; font-size:1.125rem; color:#fff; background-color:#8ea4e5; border-radius:100px; } #newsView .viewArea .qnaArea .qnaList .qq .qq_txt { width:80%; line-height:31px; margin-left:5px; font-size:0.9375rem; } #newsView .viewArea .qnaArea .qnaList .aa { padding:7px 0px; } #newsView .viewArea .qnaArea .qnaList .aa .aa_icon { width:32px; padding:8px 3px 6px 10px; font-size:1.125rem; border:1px solid #ff2165; color:#ff2165; border-radius:100px; } #newsView .viewArea .qnaArea .qnaList .aa .aa_txt { width:88%; height:auto; color:#666; margin:5px 0px 5px 5px; font-size:0.9375rem; line-height:18px; } #newsView .btnArea { width:100%; height:100px; padding:20px 0px; } /* 미술교양 - 참여광장 - 게시판 */ #newsTab .tableArea { width:96%; margin:0px 2%; border-top:1px solid #000; } #newsTab .vTable table tr th { border-right:0px; } #newsTab .vTable table tr td { border-right:0px; } #newsTab .inputArea { width:96%; margin:10px 2%; } #newsTab .inputArea .form-group { width:100%; margin:5px 0px; } #newsTab .inputArea .inputForm { height:40px; border:1px solid #c3c3c3; width:100%; color:#555; font-size:0.9375rem; padding:10px; border-radius:2px; } #newsTab .inputArea .inputForm::placeholder { color:#c3c3c3; } #newsTab .inputArea .textareaForm { height:150px; resize:none; border:1px solid #c3c3c3; width:100%; color:#555; font-size:0.9375rem; padding:10px; border-radius:2px; } #newsTab .inputArea .textareaForm::placeholder { color:#c3c3c3; } #newsTab .inputArea .file_btn { padding:12px 0px; height:40px; } #newsTab .btnArea .save_btn { font-size:0.9375rem; padding:17px 0px; } /* 고객센터 - 공지사항 */ #newsTab .contentsArea .list_box .txt1 { font-size:0.8125rem; color:#666; margin-bottom:4px; } #helpNav { position:relative; width:100%; height:50px; } #helpNav .barArea { position:absolute; top:-54px; width:100%; } #helpNav .titleBar { width:100%; height:50px; background-color:#ec1857; color:#fff; padding:0px 2%; line-height:50px; font-size:1rem; } #helpNav .menuBar { width:100%; height:50px; background-color:#ec1857; margin:0; } #helpNav .navParent { display:inline-block; background-color:#fff; width:96%; border:1px solid #da215a; border-radius:5px; overflow:hidden; } #helpNav .navParent .navs a { color:#000; } #helpNav .navParent .navs.selected { background-color:#fff; } #helpNav .navParent .navs.selected a { color:#ec1857; } /* 고객센터 - FAQ */ #newsTab .contentsArea .list_box .ll_txt .catBox { width:75px; border:1px solid #c2c2c2; padding:2px 0px; text-align:center; } #newsTab .contentsArea .list_box .rr_arrow .down_arrow { margin:6px 0px; font-size:14px; color:#666; border:1px solid #707070; border-radius:100px; height:25px; width:25px; text-align:center; } #newsTab .contentsArea .list_box .rr_arrow .down_arrow i { line-height:25px; } #newsTab .contentsArea .list_box .rr_arrow .up_arrow { color:#da215a; border:1px solid #da215a; } #newsTab .top_line { width:96%; margin:0px 2%; } #newsTab .contentsArea .bottom_box .list_box { border-top:0px; } #newsTab .contentsArea .answer_box { width:96%; margin:0px 2%; padding:10px 0px; border-bottom:1px solid #ddd; background-color:#f7f7f7; } #newsTab .contentsArea .answer_box .aa { color:#555; line-height:18px; } #newsTab .contentsArea .font_red .txt1 { color:#da215a; } #newsTab .contentsArea .font_red .title { color:#da215a; } #newsTab .contentsArea .font_red .down_arrow { color:#da215a; border:1px solid #da215a; } /* 고객센터 - Q&A */ #newsTab .contentsArea .rr_status .status { text-align:center; border-radius:20px; height:30px; line-height:30px; margin:3px 0px; width:65px; } #newsTab .contentsArea .noContents { color:#000; padding:70px 0px; } #newsView .viewArea .commentBox { background-color:#f7f7f7; width:100%; padding:10px; } #newsView .viewArea .commentBox .wBox { width:100%; margin-top:5px; background-color:#fff; padding:10px 5px; line-height:18px; } #newsView .viewArea .commentBox .wBox .wTxt { color:#000; } /* 실기대회 - 대회접수 */ #newsTab .contest_tab .types { width:50%; } #newsTab .contentsArea .contest_row { width:100%; } #newsTab .contentsArea .contest_row .ll_logo { width:69px; position: relative; overflow: hidden; text-align: center;} #newsTab .contentsArea .contest_row .ll_logo .aa { } #newsTab .contentsArea .contest_row .ll_logo .aa img { position:absolute; width: auto; max-width: none !important; height: 69px;left:50%; transform:translate(-50%,0%); } #newsTab .contentsArea .contest_row .ll_txt { padding:12px 0px 12px 10px; width: 55%; } #newsTab .contentsArea .contest_row .ll_txt .title { /*font-size:1rem;*/ margin-bottom:7px; } #newsTab .contentsArea .contest_row .ll_txt .txt1 { margin:2px 0px 0px; font-size:0.875rem; } #newsTab .contentsArea .contest_row .rr_status { padding:16px 0px; } #newsTab .contentsArea .contest_row .rr_status .ee { color:#666; } /* 실기대회 - 대회결과 */ #newsTab .contentsArea .contest_row .ll_cType .cType { text-align:center; border-radius:20px; height:30px; line-height:30px; margin:15px 0px; width:70px; } #newsTab .contentsArea .contest_row .rr_result .result { margin:10px 5px 10px 0px; color:#da215a; line-height:22px; } /* 실기대회 - 대회결과 - 수상자 조회 */ #popupSearch { z-index:9999999; } #popupSearch .contestSearch { margin:80px 2% 0px !important; } #popupSearch .contestSearch .contentArea { padding:0 !important; height:auto; } #popupSearch .contestSearch .contentArea .top .ss { font-size:14px; margin-right:5px; line-height:30px; height:30px; text-align:center; width:70px; border-radius:20px; } #popupSearch .contestSearch .contentArea .top .title { margin-top:8px; font-size:1.0625rem; color:#000; width:100%; } #popupSearch .contestSearch .contentArea .tab_box { } #popupSearch .contestSearch .contentArea .tab_box .types { width:50%; } #popupSearch .contestSearch .contentArea .inputArea { width:96%; margin:0px 2%; height:300px; position:relative; } #popupSearch .contestSearch .contentArea .inputArea .input-group .td { padding-left:5px !important; } #popupSearch .contestSearch .contentArea .btnArea { position:absolute; bottom:10px; width:100%; } #popupSearch .contestSearch .contentArea .inputArea .pinkBox { width:100%; margin-top:10px; padding:30px 0px; line-height:18px; color:#000; background-color:#ffe8f3; border:1px solid #e5b8ce; } #popupSearch .contestSearch .contentArea .resultArea { height:400px; } #popupSearch .contestSearch .contentArea .resultArea .pinkBox { padding:15px 0px; margin-bottom:10px; } #popupSearch .contestSearch .contentArea .resultArea .tableArea table tr:first-child { border-top:1px solid #000; } #popupSearch .contestSearch .contentArea .resultArea .tableArea table tr td { text-align:left; } /* 실기대회 - 대회수상작 */ #newsTab .contentsArea .contest_row .rr_txt .ll_cType .cType { margin:0px; } #newsTab .contentsArea .contest_row .rr_txt .ll_cType .title { line-height:30px; padding-left:0px; } #newsTab .searchArea .award_searchBox { bottom:-275px; } #newsTab .searchArea .searchBox .inputArea { background-color:#fff; height:auto; padding:10px; } #newsTab .searchArea .searchBox .inputArea > .formArea { border-bottom:1px solid #c3c3c3; width:100%; height:auto; } #newsTab .searchArea .searchBox .inputArea .btnArea { height:auto; } /* 실기대회 - 대회수상작 view */ #newsView .viewArea .titleArea {} #newsView .viewArea .titleArea .status { margin-top:8px; width:20%; } #newsView .viewArea .titleArea .title { width:78%; margin-left:2%; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; height: 100%; display: -webkit-box;} #newsView .viewArea .contentsArea .picTitle { margin:20px 0px 10px; } #newsView .viewArea .contentsArea .picTitle .win_part{ font-size:1rem; border-bottom:2px solid #f797b3; padding-bottom: 3px; color: #666; font-weight: bold; } /* 실기대회 - 대회접수 view */ #contestView {} #contestView .contentsArea { width:96%; margin:10px 2%; } #contestView .contentsArea > .logoArea { width:100%; position:relative; } #contestView .contentsArea > .logoArea .statusBox { position:absolute; top:0; left:0; } #contestView .contentsArea > .logoArea .iconBox { position:absolute; top:0; right:0; width:40px; padding:6px 5px 7px 7px; border:1px solid #c3c3c3; } #contestView .contentsArea > .logoArea .logoBox { } #contestView .contentsArea > .logoArea .logoBox img { width:100px; display:inline-block; } #contestView .contentsArea .title { font-size:1.0625rem; line-height:20px; } #contestView .contentsArea .btnRow { width:100%; margin-top:10px; } #contestView .contentsArea .btnRow .aBtn { width:110px; margin-right:5px; line-height:50px; } #contestView .contentsArea .btnRow .aBtn:last-child { margin-right:0px; } #examList .guideArea { width:96%; margin:10px 2%; } #examList .guideArea > .boxRow { width:100%; } #examList .guideArea > .boxRow .pinkBox { height:60px; position:relative; background-color:#ffe8f3; border:1px solid #e5b8ce; margin-right:4px; margin-bottom:4px; } #examList .guideArea > .boxRow .pinkBox > a { padding:12px 10px; } #examList .guideArea > .boxRow .pinkBox > a .tt { font-size:0.75rem; margin-bottom:2px; } #examList .guideArea > .boxRow .pinkBox > a .ttt { font-size:0.875rem; } #examList .guideArea > .boxRow .pinkBox > a .arrow { position:absolute; top:20px; right:10px; padding:1px 0px 0px 2px; font-size:0.75rem; width:16px; height:16px; line-height:16px; color:#fff; background-color:#da215a; border-radius:100px; } #examList .textArea { width:96%; margin:10px 2%; word-break:break-all;word-wrap:break-word; overflow:hidden; } #examList .textArea > .txt { color:#666; line-height:18px; overflow-x: scroll; } #examList .textArea p { width:100%; word-break:break-all;word-wrap:break-word;} #examList .textArea b { width:100%; word-break:break-all;word-wrap:break-word;} #examList .textArea span { width:100%; word-break:break-all;word-wrap:break-word;} #topBtnArea { } #topBtnArea .blackBg { width:100%; } #topBtnArea .blackBg > .btnArea { position:fixed; bottom:0px; z-index:999; width:100%; left:0; right:0; padding:10px 2%; background-color:rgba(0,0,0,0.4); } #topBtnArea .blackBg > .btnArea .ll_btn { width:65%; background-color:#da215a; line-height:50px; } #topBtnArea .blackBg > .btnArea .ll_btn { color:#fff; } #topBtnArea .blackBg > .btnArea .ll_btn a { color:#fff; } #topBtnArea .blackBg > .btnArea .rr_btn { width:33%; background-color:#fff; color:#555; } #topBtnArea .blackBg > .btnArea .rr_btn .top_btn { padding:16px 0px; } #topBtnArea .blackBg > .btnArea .rr_btn .goToTop .t_bg { margin-left:5px; margin-top:-2px; font-size:0.6875rem; color:#707070; border:1px solid #707070; border-radius:100px; padding:1px 4px 0px; } /* #popUp { width:300px; height:400px; background:#fff; color:#000; position:absolute; top:10px; left:100px; text-align:center; border:2px solid #000; } */ /* 실기대회 - 접수 */ #applyHeader { width:100%; position:relative; height:6px; } #applyHeader .headerArea { width:100%; position:absolute; top:-54px; color:#fff; /*height:60px;*/ background-color:#ec1857; } #applyHeader .headerArea .title { font-size:1.15rem; margin:0px 10px; line-height:60px; } #applyHeader .headerArea a.closeBtn { color:#fff; font-size:1.25rem; padding:0px 10px; line-height:60px; } #applyHeader .headerArea .timeArea { font-size:1rem; color:#000; background-color:#fff; padding:0px 10px; line-height:28px; margin:15px 0px; border-radius:21px; border:1px solid #c3c3c3; } #applyStep {} #applyStep .stepArea { width:100%; position:relative; border-bottom:1px solid #c3c3c3; } #applyStep .stepArea .st { padding:10px 0px; width:16.666%; } #applyStep .stepArea .st .num { line-height:22px; margin:0 auto; width:22px; height:22px; text-align:center; border-radius:25px; color:#fff; background-color:#c3c3c3; } #applyStep .stepArea .st.on .num { background-color:#da215a; } #applyStep .stepArea .st.done .num { background-color:#777; } #applyStep .stepArea .st .txt { color:#666; text-align:center; margin-top:10px; } #applyStep .stepArea .st.on .txt { color:#da215a; } #applyStep .stepArea .st.done .txt { color:#777; } #applyStep .stepArea .line { width:84%; border-bottom:1px solid #c3c3c3; z-index:-1; position:absolute; top:20px; left:8%; } #applyStep .stepArea7 .st { padding:10px 0px; width:14.266%; } #applyStep .stepArea7 .st .txt { font-size:0.8125rem; } #policyAgree {} #policyAgree .policy_agree { width:96%; margin:10px 2%; } #policyAgree .policy_agree label { color:#000; } #policyAgree .policy_agree .all { font-size:1rem; } #policyAgree .policy_agree .all label { height:19px; } #policyAgree .policy_agree .agree_box { margin-top:20px; } #policyAgree .policy_agree .agree_box .title { font-size:16px; color:#000; } #policyAgree .policy_agree .agree_box .modalMag { margin-left:5px; margin-top:2px; } #policyAgree .policy_agree .agree_box .modalMag > a { line-height:12px; padding:2px 4px; display:block; font-size:12px !important; } #policyAgree .policy_agree .agree_box .box { background-color:#f1f1f1; padding:15px; margin-top:10px; border:1px solid #c3c3c3; border-radius:2px; color:#666; font-size:14px; } #policyAgree .policy_agree .form_btn { width:100%; margin:20px 0px;} #policyAgree .policy_agree .form_btn a { line-height:50px; } #policyAgree .policy_agree .form_btn .save_btn { font-size:0.9375rem; line-height:50px; } #selectDate {} #selectDate .selectArea { width:96%; margin:10px 2%; } #selectDate .selectArea .title { font-size:1rem; color:#000; } #selectDate .selectArea .subtitle { font-size:0.9375rem; color:#000; margin:15px 0px 5px; } #selectDate .selectArea .save_btn { text-align:center; margin:10px 0px; line-height:40px; } #selectDate .selectArea .save_btn .plus_icon { margin-bottom:2px; border:1px solid #fff; border-radius:100px; font-size:10px; padding:3px 3px 2px 3px; } #selectDate .selectArea .ttt { color:#666; margin:10px 4%; font-size:0.8125rem; } #inputInfo {} #inputInfo .infoArea { width:96%; margin:10px 2%; } #inputInfo .infoArea .subtitle { font-size:0.9375rem; color:#000; margin:15px 0px 5px; } #inputInfo .infoArea .title { font-size:1rem; color:#000; } #inputInfo .infoArea .picArea { width:100%; font-size:0.8125rem; } #inputInfo .infoArea .picArea .ll { position:relative; } #inputInfo .infoArea .picArea .ll .info_pic { width:110px; height:110px; margin-right:10px; overflow:hidden; border-radius:100px; } #inputInfo .infoArea .picArea .ll .icon { position:absolute; bottom:0; right:5px; background-color:#da215a; border-radius:100px; padding:8px 7px 7px 7px; width:35px; height:35px; } #inputInfo .infoArea .picArea .rr { width:65%; color:#666; } #inputInfo .infoArea .picArea .rr .tt { margin:5px 0px; } #inputInfo .infoArea .subject { margin-bottom:5px; } #inputInfo .infoArea .subject .st { font-size:0.8125rem; color:666; } #inputInfo .infoArea .subject .st .star { color:#da215a; } #inputInfo .infoArea .inputArea .input-group .th .star { color:#da215a; } #inputInfo .infoArea .inputArea .input-group .th .star i { font-size:11px; margin-top:-3px; } #inputInfo .infoArea .inputArea .input-group .td input { height:38px; border:1px solid #c3c3c3; color:#000; } #inputInfo .infoArea .inputArea .input-group .td input::placeholder { color:#c3c3c3; } #inputInfo .infoArea .inputArea .input-group .td .ee { width:8%; } #inputInfo .infoArea .inputArea .input-group .td i { margin:14px 3px; } #inputInfo .infoArea .inputArea .input-group .td .address_serach { line-height:40px; } #inputInfo .infoArea .inputArea .input-group .td textarea { border:1px solid #c3c3c3; height:100px; font-size:0.8125rem; padding:10px 0px 0px 5px; } #inputInfo .infoArea .inputArea .input-group .td textarea::placeholder { font-size:0.8125rem; color:#c3c3c3; } #inputInfo .infoArea .checkArea { margin:10px 0px 20px; } #inputInfo .infoArea .tableArea .hTable tr th { border-right:1px solid #c3c3c3; padding-left:10px; } #inputInfo .infoArea .tableArea .hTable tr th { color:#000; } #inputInfo .infoArea .tableArea .hTable tr td { padding-left:10px; } #inputInfo .infoArea .tableArea .vTable tr th:last-child { border-right:0px; } #inputInfo .infoArea .tableArea .vTable tr td:last-child { border-right:0px; } #inputInfo .infoArea .pinkBox { font-size:0.875rem; height:160px; background-color:#ffe8f3; border:1px solid #e5b8ce; padding:35px 8%; } #inputInfo .infoArea .pinkBox .tt { color:#666; font-weight:normal; margin-top:15px; } #inputInfo .infoArea .result { border:5px solid #ec1857; padding:20px; text-align:center; margin-top:10px; font-size:0.9375rem; } /* 마이페이지 - 실기대회 */ #mypageNav { position:relative; width:100%; height:50px; } #mypageNav .barArea { position:absolute; top:-54px; width:100%; } #mypageNav .titleBar { width:100%; height:50px; background-color:#ec1857; color:#fff; padding:0px 2%; line-height:50px; font-size:1rem; } #mypageNav .menuBar { width:100%; height:50px; background-color:#ec1857; margin:0; } #mypageNav .navParent { display:inline-block; overflow:hidden; background-color:#fff; width:96%; border:1px solid #da215a; border-radius:5px; } #mypageNav .navParent .navs { width:25%; } #mypageNav .navParent .navs a { color:#000; } #mypageNav .navParent .navs.selected { background-color:#fff; } #mypageNav .navParent .navs.selected a { color:#ec1857; } #mypageTab .tab_box .types { width:25%; } #mypageTab .tableArea { width:96%; margin:10px 2%; border-bottom:1px solid #c3c3c3; margin-bottom:50px; } #mypageTab .tableArea .input-group .th { padding-left:0; text-align:center; } #mypageTab .tableArea .input-group .th:last-child { border-right:0px; } #mypageTab .tableArea .input-group .tdRow { color:#666; line-height:22px; height:120px; border-right:1px solid #c3c3c3; text-align:center; } #mypageTab .tableArea .input-group .tdRow:last-child { border-right:0px; } #mypageTab .tableArea .input-group .tdRow .ll { width:24%; padding:30px 0px; } #mypageTab .tableArea .input-group .tdRow .ll img { width:80px; } #mypageTab .tableArea .input-group .tdRow .rr { width:76%; padding:0px 10px; text-align:left; } #mypageTab .tableArea .input-group .tdRow .rr .aa { color:#000; -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; height:100%; display:-webkit-box; } #mypageTab .tableArea .input-group .tdRow .btns { line-height:35px; text-align:center; font-size:12px; margin-top:5px; } #mypageTab .tableArea .input-group .xx { width:55%; position:relative; } #mypageTab .tableArea .input-group .xx .ll { position:relative; height:120px; } #mypageTab .tableArea .input-group .xx .ll img { position:absolute; top:50%; transform:translate(0, -50%); } #mypageTab .tableArea .input-group .xx .rr { position:absolute; left:25%; top:50%; transform:translate(0, -50%); } #mypageTab .tableArea .input-group .yy { width:28%; position:relative; } #mypageTab .tableArea .input-group .yy .bb { line-height:18px; position:absolute; left:50%; top:50%; width:90%; transform:translate(-50%, -50%); } #mypageTab .tableArea .input-group .zz { width:17%; position:relative; } #mypageTab .tableArea .input-group .zz .btns { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); } /* 마이페이지 - 실기대회 - 접수현황 */ #mypageTab .tableArea .picArea { width:25%; position:relative; height:200px; } #mypageTab .tableArea .picArea .pp { position:absolute; top:50%; transform:translate(0, -50%); } #mypageTab .tableArea .picArea .pp img { width:90%; margin-bottom:10px; } /* 마이페이지 - 실기대회 - 학생관리 */ #inputInfo .infoArea .inputArea .input-group .td .tdTxt { width:49%; line-height:13px; height:40px;font-size:11px; margin:5px 0px; } /* 마이페이지 - 정기구독 */ #mypageTab .tableTitle { width:96%; margin:20px 2% 10px; font-size:1.0625rem; } #mypageTab .tableArea { border-top:1px solid #000; } #mypageTab .r_border table tr th { border-right:1px solid #c3c3c3; } #mypageTab .r_border table tr td { border-right:1px solid #c3c3c3; } #mypageTab .r_border table tr td:last-child { border-right:0px; } #mypageTab .vTable table tr th:last-child { border-right:0px; } #mypageTab .vTable table tr td:last-child { border-right:0px; } #mypageTab .vTable table tr td a { color:#666; } #mypageTab .btnArea { width:100%; height:100px; padding:20px 25%; } #mypageTab .btnArea a { padding:15px 0px; font-size:0.9375rem; } /* 마이페이지 - 회원정보 - 문의현황 */ #newsTab .contentsArea .list_box .ll_txt .ttt { margin-bottom:5px; } #newsTab .contentsArea .list_box .ll_txt .ttt .txt2 { line-height:25px; } #newsTab .contentsArea .list_box .ll_txt .ttt .ss { margin-left:5px; color:#666; padding:5px 0px; text-align:center; width:70px; border-radius:20px; border:1px solid #666; } #newsTab .contentsArea .list_box .rr_arrow .dd { margin:16px 0px; } #newsTab .contentsArea .list_box .txt2 { font-size:0.8125rem; color:#666; margin:2px 0px; } #newsTab .contentsArea .bottom_box .answer_box .btnRow { margin-top:10px; } #newsTab .contentsArea .bottom_box .answer_box .btnRow .bf_btn_G { padding:12px 0px; } #newsTab .btnArea a { padding:15px 0px; font-size:0.9375rem; } /* 마이페이지 - 회원정보 - 회원정보변경 */ #newsTab .contentsArea .tableArea .picArea { width:25%; height:203px; position:relative; } #newsTab .contentsArea .tableArea .picArea .pp { width:100%; height:auto; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); } #newsTab .contentsArea .tableArea .picArea .bf_btn_G { padding:12px 0px; margin-top:10px; } #newsTab .contentsArea .tableArea .picArea img { } #newsTab .contentsArea .list_box .ll_txt .lll { font-size:1rem; color:#000; line-height:39px; } #newsTab .contentsArea .list_box .rr_arrow .ii { margin:7px 0px; } #mypageTab .searchArea { padding:0px 2%; position:relative; } #mypageTab .searchArea .search_icon { font-size:15px; margin-left:5px; background-color:#ddd; color:#666; width:29px; height:29px; text-align:center; line-height:29px; border-radius:100px; } #mypageTab .searchArea .searchBox { position:absolute; bottom:-45px; width:96%; height:auto; background-color:#707070; padding:4px 0px 4px 4px; z-index:999; } #mypageTab .searchArea .searchBox input { height:42px; width:85%; font-size:0.875rem; padding-left:5px; } #mypageTab .searchArea .searchBox .ss { width:15%; color:#fff; font-size:0.875rem; text-align:center; line-height:42px; } /* 마이페이지 - 실기대회 */ #mypageTab .tableArea .input-group .ll_aa { color:#666; margin:16px 0px; } #mypageTab .tableArea .input-group .rr_bb { margin:5px 0px; } #mypageTab .tableArea .input-group .rr_bb .bf_btn_G { padding:10px 0px; } #mypageTab .tableArea .input-group .tdRow50 { color:#666; height:50px; line-height:50px; border-right:1px solid #c3c3c3; text-align:center; } #mypageTab .tableArea .input-group .tdRow50:last-child { border-right:0px; } #mypageTab .infoArea { width:96%; margin:0px 2%; height:160px; } #mypageTab .infoArea .infoPic {} #mypageTab .infoArea .infoPic img {} #mypageTab .infoArea .infoTxt { height:160px; padding:36px 5px; } #mypageTab .infoArea .infoTxt .tt { font-size:1rem; color:#000; } #mypageTab .infoArea .infoTxt .ttt { font-size:0.875rem; color:#666; margin:7px 0px; } #mypageTab .infoArea .infoTxt a { padding:10px 0px; } #mypageTab .infoArea .infoPic { width:30%; height:160px; position:relative; } #mypageTab .infoArea .infoPic .mem_thumb {overflow:hidden; position:absolute; border-radius:100px; top:50%; left:50%; transform:translate(-50%,-50%); width:90px; height:90px; } #mypageTab .infoArea .infoPic img { width:100%;height:auto; } #mypageTab .tableArea .boxRow { width:100%; } #mypageTab .tableArea .boxRow .boxBg { width:50%; padding:12px; background-color:#f1f1f1; border-right:1px solid #c3c3c3; border-bottom:1px solid #c3c3c3; } #mypageTab .tableArea .boxRow .boxBg:last-child { border-right:0px; } #mypageTab .tableArea .boxRow .boxBg .box { border:1px solid #707070; padding:24px 4%; background-color:#fff; border-radius:10px; height:80px; } #mypageTab .tableArea .boxRow .boxBg .box .tt { line-height:31px; font-size:0.75rem; } #mypageTab .tableArea .boxRow .boxBg .box .nn { color:#fff; background-color:#ff2c6d; width:30px; height:30px; line-height:30px; text-align:center; border-radius:100px; } #mypageTab .contentsArea .titleRow { width:96%; margin:0px 2% 10px; } #mypageTab .contentsArea .titleRow a { color:#666; } #mypageTab .contentsArea .titleRow a i { font-size:16px; } #mypageTab .contentsArea .list_box { padding:10px 0px; width:96%; margin:0px 2%; border-bottom:1px solid #ddd; } #mypageTab .contentsArea .list_box:nth-child(2) { border-top:1px solid #c3c3c3; } #mypageTab .contentsArea .list_box .ll_txt .ttt { margin-bottom:5px; } #mypageTab .contentsArea .list_box .ll_txt .ttt .txt2 { line-height:25px; color:#666; } #mypageTab .contentsArea .list_box .ll_txt .ttt .re_type { color: #666; width: 70px; text-align: center; padding: 5px 0px; border:1px solid #666; border-radius:100px; } #mypageTab .contentsArea .list_box .rr_arrow .ss { margin:10px 0px; color:#fff; padding:5px 0px; text-align:center; width:70px; border-radius:20px; background-color:#666; } #mypageTab .contentsArea .list_box .rr_arrow .bf_btn_R { background-color:#ff2c6d; color:#fff; cursor:pointer; } /* 실기대회 - 회원정보 - 문의하기 */ #mypageNav .barArea .popupTitle { width:100%; height:54px; background-color:#ec1857; color:#fff; padding:0px 2%; line-height:54px; font-size:1.125rem; } #mypageNav .barArea .popupTitle a { color:#fff; font-size:24px; } #mypageTab .alarmBox { width:96%; margin:10px 2%; border:1px solid #c3c3c3; padding:10px; margin-bottom:50px; } #mypageTab .alarmBox .top { margin-bottom:5px; } #mypageTab .alarmBox .top .ii { padding:1px 7px; border:1px solid #000; border-radius:100px; font-size:12px; } #mypageTab .alarmBox .top .tt { line-height:21px; margin-left:5px; } #mypageTab .alarmBox .ttt { color:#666; line-height:18px; } #mypageTab .signout { color:#666; } #mypageTab .grayBox { width:96%; margin:10px 2%; background-color:#f1f1f1; padding:40px 10px; } #mypageTab .grayBox .nn { font-size:1rem; margin-bottom:10px; } #mypageTab .grayBox .ttt { color:#666; } #inputInfo .infoArea .alarmBox { width:100%; margin:10px 0px; border:1px solid #c3c3c3; padding:10px; margin-bottom:50px; } #inputInfo .infoArea .alarmBox .top { margin-bottom:5px; } #inputInfo .infoArea .alarmBox .top .ii { padding:1px 7px; border:1px solid #000; border-radius:100px; font-size:12px; } #inputInfo .infoArea .alarmBox .top .tt { line-height:21px; margin-left:5px; } #inputInfo .infoArea .alarmBox .ttt { color:#666; line-height:18px; } /* 로그인 */ #loginPage {} #loginPage .loginArea { width:100%; } #loginPage .loginArea .logoArea { padding:50px 0px; } #loginPage .loginArea .logoArea .ttt { color:#555; font-size:1rem; margin-top:10px; } #loginPage .loginArea .inputArea { width:90%; margin:0px 5%; } #loginPage .loginArea .inputArea .input_TT { text-align:center; line-height:26px; margin-bottom:10px; } #loginPage .loginArea .inputArea .input_TT .boxs { margin:0px 2px; } #loginPage .loginArea .inputArea .input_TT .boxs i { transform:rotate(45deg); font-size:0.625rem; } #loginPage .loginArea .inputArea .input_TT .boxColorR i { color:#ee3645; } #loginPage .loginArea .inputArea .input_TT .boxColorP i { color:#5b3e98; } #loginPage .loginArea .inputArea .input_TT .tt { font-size:26px; margin:0px 10px; } #loginPage .loginArea .inputArea .inputBox { margin:15px 0px; border:1px solid #c3c3c3; background-color:#f9f9f9; height:60px; padding:6px 10px; width:100%; } #loginPage .loginArea .inputArea .inputBox i { color:#c3c3c3; font-size:30px; line-height:46px; margin-right:10px; } #loginPage .loginArea .inputArea .inputBox input { width:85%; height:46px; background-color:#f9f9f9; font-size:1rem; } #loginPage .loginArea .inputArea .inputBox input::placeholder { font-size:1rem; color:#c3c3c3; } #loginPage .loginArea .inputArea .check label { color:#555; } #loginPage .loginArea .inputArea .btnArea { margin:15px 0px; } #loginPage .loginArea .inputArea .btnArea button { font-size:1rem; } #loginPage .loginArea .navRow { width:90%; margin:0px 5% 50px; } #loginPage .loginArea .navRow .navs { width:32.33333%; margin-right:1.5%; border-radius:5px; height:40px; line-height:40px; border:1px solid #666; } #loginPage .loginArea .navRow .navs a { color:#666; } #loginPage .loginArea .navRow .navs:last-child { margin-right:0; } /* 아이디 찾기 & 결과 */ #inputInfo .alarmBox { width:96%; margin:10px 2%; text-align:center; } #inputInfo .alarmBox .top { margin-bottom:5px; } #inputInfo .alarmBox .top .ii { padding:1px 7px; border:1px solid #000; border-radius:100px; font-size:12px; } #inputInfo .alarmBox .top .tt { line-height:20px; margin-left:5px; } #inputInfo .tab_box .types { width:50%; } #inputInfo .grayBox { width:96%; margin:10px 2%; background-color:#f1f1f1; border:1px solid #ddd; padding:35px 10px; } #inputInfo .grayBox .nn { font-size:1rem; margin-bottom:10px; } #inputInfo .grayBox .bb { background-color:#fff; border:1px solid #ddd; display:inline-block; margin-bottom:5px; font-size:1rem; width:auto; padding:5px 10px; } #inputInfo .grayBox .ttt { color:#666; } #inputInfo .btnArea a { font-size:0.9375rem; padding:16px 0px; } /* 비밀번호 변경 */ #loginPage .alarmBox { width:96%; margin:10px 2% 50px; text-align:center; } #loginPage .alarmBox .top { margin-bottom:5px; } #loginPage .alarmBox .top .ii { padding:1px 7px; border:1px solid #000; border-radius:100px; font-size:12px; } #loginPage .alarmBox .top .tt { line-height:20px; margin-left:5px; } #loginPage .btnArea a { font-size:0.9375rem; padding:16px 0px; } /* 회원가입 */ #loginPage .alarmBox .gg { color:#666; width:100%; line-height:18px; } #loginPage .loginArea .selectArea { margin:0px 2%; } #loginPage .loginArea .selectArea .tableTitle { font-size:1.0625rem; margin:20px 0px 10px; } #loginPage .loginArea .selectArea .selectBox { width:100%; border-radius:5px; } #loginPage .loginArea .selectArea .selectBox a { width:33.3333%; } #loginPage .loginArea .selectArea .selectBox .box { padding:10px 0px; } #loginPage .loginArea .selectArea .selectBox a:last-child .box { border-right:0px; } #loginPage .loginArea .selectArea .selectBox .box .tt { font-size:1rem; margin:8px 0px 4px; } #loginPage .loginArea .selectArea .selectBox .box .ttt { font-size:0.875rem; color:#666; } #loginPage .loginArea .selectArea .boxPink { background-color:#ffe8f3; border:1px solid #e6b8ce; } #loginPage .loginArea .selectArea .boxPink .box { border-right:1px solid #e6b8ce; } #loginPage .loginArea .selectArea .boxPurple { background-color:#e8ebff; border:1px solid #b2bdff; } #loginPage .loginArea .selectArea .boxPurple .box { border-right:1px solid #b2bdff; } #loginPage .loginArea .txt { color:#666; line-height:18px; text-align:center; margin:70px 0px 30px; } #joinStep {} #joinStep .stepArea { width:96%; margin:0px 2%; position:relative; border-bottom:1px solid #c3c3c3; } #joinStep .stepArea .st { padding:10px 0px; width:20%; } #joinStep .stepArea .st .num { line-height:22px; margin:0 auto; width:22px; height:22px; text-align:center; border-radius:25px; color:#fff; background-color:#c3c3c3; } #joinStep .stepArea .st.on .num { background-color:#da215a; } #joinStep .stepArea .st.done .num { background-color:#777; } #joinStep .stepArea .st .txt { color:#666; font-size:12px; text-align:center; margin-top:10px; } #joinStep .stepArea .st.on .txt { color:#da215a; } #joinStep .stepArea .st.done .txt { color:#777; } #joinStep .stepArea .line { width:82%; border-bottom:1px solid #c3c3c3; z-index:-1; position:absolute; top:20px; left:9%; } #joinStep .stepArea .tt { width:25%; } #joinStep .stepArea .line2 { width:75%; left:12%; } #inputInfo .infoArea .inputArea .input-group .wd50p { width:50%; } #inputInfo .infoArea .pinkBox { height:auto; } #inputInfo .infoArea .pinkBox .ttt { color:#666; font-size:12px; margin-top:3px; } /* 회원가입 검색 팝업 */ #popupSearch { position:fixed; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.3); } #popupSearch .schoolSearch { width:96%; margin:150px 2% 0px; border-radius:5px; } #popupSearch .schoolSearch .titleBar { width:100%; height:50px; border-top-left-radius:5px; border-top-right-radius:5px; background-color:#ec1857; color:#fff; padding:0px 2%; font-size:1.125rem; } #popupSearch .schoolSearch .titleBar .title { color:#fff; line-height:50px; } #popupSearch .schoolSearch .titleBar a { color:#fff; padding:17px 2% 17px 10px; } #popupSearch .schoolSearch .titleBar .xBtn { font-size:25px; line-height:50px; } #popupSearch .schoolSearch .contentArea { background-color:#fff; width:100%; padding:0px 2%; } #popupSearch .schoolSearch .contentArea .top { margin:10px 0px 7px; font-size:12px; } #popupSearch .schoolSearch .contentArea .top .ii { padding:2px 7px 0px; border:1px solid #da215a; border-radius:100px; font-size:10px; } #popupSearch .schoolSearch .contentArea .top .tt { line-height:21px; margin-left:5px; } #popupSearch .schoolSearch .contentArea .inputArea .input-group .td { padding:0; } #popupSearch .schoolSearch .contentArea .inputArea .input-group input { border:1px solid #c3c3c3; } #popupSearch .schoolSearch .contentArea .inputArea .txt { color:#666; font-size:12px; margin-top:100px; } #popupSearch .schoolSearch .contentArea .inputArea .btnArea { line-height:50px; } /* 입시컨설팅 - 참가정보 입력 */ #sessionApplyStep {} #sessionApplyStep .stepArea { width:100%; padding:10px 2%; } #sessionApplyStep .stepArea .box { width:32%; margin-right:2%; font-size:12px; height:40px; padding:10px; border:1px solid #c3c3c3; border-radius:30px; background-color:#f1f1f1; } #sessionApplyStep .stepArea .box:last-child { margin-right:0px; } #sessionApplyStep .stepArea .box .num { color:#fff; background-color:#c3c3c3; padding:1px 6px; border-radius:100px; } #sessionApplyStep .stepArea .box .txt { margin-left:3px; color:#666; font-size:12px; padding:1px 0px; } #sessionApplyStep .stepArea .box.on { border:1px solid #e5b8ce; background-color:#ffe8f3; } #sessionApplyStep .stepArea .box.on .num { color:#fff; background-color:#da215a; } #sessionApplyStep .stepArea .box.on .txt { color:#da215a; } #sessionApplyStep .stepArea .box.done { border:1px solid #c3c3c3; background-color:#f1f1f1; } #sessionApplyStep .stepArea .box.done .num { color:#fff; background-color:#777; } #sessionApplyStep .stepArea .box.done .txt { color:#000; } #contestView .contentsArea .pinkBox { font-size:0.875rem; height:auto; background-color:#ffe8f3; border:1px solid #e5b8ce; padding:35px 8%; } #contestView .contentsArea .pinkBox .red { font-size:1rem; } #contestView .contentsArea .pinkBox .tt { color:#666; font-weight:normal; margin-top:10px; } #inputInfo .tableTitle { width:96%; margin:20px 2% 10px; font-size:1.0625rem; } #inputInfo .textArea { width:96%; margin:10px 2%; } #inputInfo .textArea > .txt { color:#666; line-height:18px; } /* 입시컨설팅 - 우수학원 */ #newsTab .academy_tab .types { width:12.5%; } #newsTab .listArea { width:96%; margin:0px 2% 10px; } #newsTab .listArea .listRow { width:100%; margin-bottom:20px; } #newsTab .listArea .listRow .box { width:48%; border:1px solid #ddd; } #newsTab .listArea .listRow .box .aa { text-align:center; font-size:16px; margin:10px 0px; } #newsTab .listArea .listRow .box .bb { background-color:#f1f1f1; min-height:79px; border-top:2px solid #eb1757; border-bottom:2px solid #eb1757; } #newsTab .listArea .listRow .box .bb img { height:75px; } #newsTab .listArea .listRow .box .bb_none img { height:auto; margin-top:18px; } #newsTab .listArea .listRow .box .cc { width:92%; margin:15px 4% 10px; } #newsTab .listArea .listRow .box .cc .fLink { margin:15px 0px; } #newsTab .listArea .listRow .box .cc .snsLink .homeBtn { padding:4px 2px 1px 3px; width:28px; height:28px; background-color:#f1f1f1; border:1px solid #777; border-radius:100px; } #newsTab .listArea .listRow .box .cc .snsLink ul li { margin-right:3px; } #newsTab .listArea .listRow .box .cc .snsLink ul li:last-child { margin-right:0px; } #newsTab .listArea .listRow .box .cc .tt { margin:5px; color:#555; } #newsTab .listArea .listRow .box .cc .btns { margin:10px 0px; } #newsTab .listArea .listRow .box .cc .btns .btn_PW { background-color:#fff; line-height:40px; text-align:center; color:#eb1757; border:1px solid #da215a; cursor:pointer; } #newsTab .listArea .listRow .box .cc .btn_WP { background-color:#eb1757; line-height:40px; text-align:center; color:#fff; cursor:pointer; } #newsTab .viewArea { width:96%; margin:0px 2%; } #newsTab .viewArea .topRow { width:100%; margin:10px 0px; } #newsTab .viewArea .topRow .ll_logo { width:50%; } #newsTab .viewArea .topRow .ll_logo img { max-height:76px; } #newsTab .viewArea .topRow .rr_sns { width:50%; padding-left:5px; } #newsTab .viewArea .topRow .rr_sns .title { font-size:15px; margin-bottom:5px; } #newsTab .viewArea .topRow .rr_sns .snsLink { } #newsTab .viewArea .topRow .rr_sns .snsLink ul li { margin-right:3px; } #newsTab .viewArea .topRow .rr_sns .snsLink ul li:last-child { margin-right:0px; } #newsTab .viewArea .txtRow { width:100%; padding-bottom:15px; margin-bottom:20px; border-bottom:1px solid #c3c3c3; } #newsTab .viewArea .txtRow .ll_txt { color:#646464; width:80%; padding-right:5px; } #newsTab .viewArea .txtRow .ll_txt .tt { line-height:20px; } #newsTab .viewArea .txtRow .rr_btn { width:20%; } #newsTab .viewArea .txtRow .rr_btn .btn_WP { background-color:#eb1757; line-height:40px; text-align:center; color:#fff; cursor:pointer; } #newsTab .viewArea .textTitle { font-size:1rem; } #newsTab .viewArea .textTT { color:#666; line-height:18px; margin:5px 0px 50px; } #inputInfo .infoArea .agree_box { margin-top:20px; } #inputInfo .infoArea .agree_box .title { font-size:16px; color:#000; } #inputInfo .infoArea .agree_box .box { background-color:#f1f1f1; padding:15px; margin-top:10px; border:1px solid #c3c3c3; border-radius:2px; color:#666; font-size:14px; } #newsTab .viewArea .block { width:100%; margin-bottom:20px;} #newsTab .viewArea .block .textArea { width:48%; } #newsTab .viewArea .block .textArea .img_a { display:block; position:relative; height:150px; overflow:hidden; } #newsTab .viewArea .block .textArea .book_img { position:absolute; left:50%; transform:translate(-50%,0%); } #newsTab .viewArea .block .textArea .book_img img { max-width:unset; height:150px; width:auto; } /*우수학원 리스트*/ #newsTab .listArea.fnList { } #newsTab .listArea.fnList > div { display:block; border:1px solid #e4e4e4; width:48%; margin-right: 4%; margin-bottom:4%; } #newsTab .listArea.fnList > div:nth-child(2n) { margin-right: 0%; } #newsTab .listArea.fnList > div > .logo { width:100%; overflow:hidden; margin-bottom:5px; } #newsTab .listArea.fnList > div > .title { margin-bottom:5px; font-size: 16px; color: #000; text-align: center; font-weight: bold; padding: 5px 0px; } #newsTab .listArea.fnList > div > .category { margin-bottom:10px; color:#555; font-size:13px; text-align:center; } #newsTab .listArea.fnList > div > .snsLink { margin-bottom:10px; height:28px; text-align: center; } #newsTab .listArea.fnList > div > .snsLink .row { display:inline-block;} #newsTab .listArea.fnList > div > .snsLink ul { width:auto; margin:0 auto; } #newsTab .listArea.fnList > div > .snsLink li { margin-right:7px; } #newsTab .listArea.fnList > div > .snsLink li a { display:block; } #newsTab .listArea.fnList > div > .snsLink li a img { width:20px; } #newsTab .listArea.fnList > div > .snsLink li:last-child { margin-right:0px; } #newsTab .listArea.fnList > div > .conBtns { } #newsTab .listArea.fnList > div > .conBtns > div { padding:10px 0px; } #newsTab .listArea.fnList > div > .conBtns > div { padding:10px 0px; } #newsTab .listArea.fnList > div > .conBtns > div a { display:block; text-align:center; } #newsTab .listArea.fnList > div > .conBtns > div a i { margin-right:5px; } #newsTab .listArea.fnList > div > .conBtns .off { border-top:1px solid #e4e4e4; } #newsTab .listArea.fnList > div > .conBtns .on { width:100%; background-color:#fff7f8; border:1px solid #ee3645; } #newsTab .listArea.fnList > div > .conBtns .on a { color:#ee3645; } #newsTab .listArea.fnList > div > .conBtns .on a i { color:#ee3645; border-bottom: 1px solid #ee3645; } /* 구독신청 - 월간미대입시 */ #subscriptionInfo { margin-top:-4px; } #subscriptionInfo .topArea { width:100%; background-color:#f4f4f4; padding:20px 0px; margin-bottom:20px; } #subscriptionInfo .topArea .txtRow { margin-bottom:20px; } #subscriptionInfo .topArea .txtRow .ll { width:35%; } #subscriptionInfo .topArea .txtRow .rr { width:65%; padding:0px 10px; } #subscriptionInfo .topArea .txtRow .rr .title { font-size:18px; line-height:23px; color:#000; margin:10px 0px 5px; } #subscriptionInfo .topArea .txtRow .rr .txt { font-size:13px; line-height:18px; color:#666; } #subscriptionInfo .topArea .btnRow { width:80%; margin:0 auto; } #subscriptionInfo .topArea .btnRow .btn { line-height:40px; } #subscriptionInfo .midArea { width:96%; margin:0px 2% 20px; } #subscriptionInfo .midArea .tableTitle { font-size:1.0625rem; margin-bottom:10px; } #subscriptionInfo .midArea .boxArea { width:100%; } #subscriptionInfo .midArea .boxArea .box { width:100%; padding:20px 0px; border:1px solid #ddd; border-bottom:0px; } #subscriptionInfo .midArea .boxArea .box:last-child { border-bottom:1px solid #ddd; } #subscriptionInfo .midArea .boxArea .box .ll { width:21%; text-align:center; } #subscriptionInfo .midArea .boxArea .box .rr { width:79%; } #subscriptionInfo .midArea .boxArea .box .rr .title { color:#da215a; font-size:18px; } #subscriptionInfo .midArea .boxArea .box .rr .txt { color:#666; font-size:12px; line-height:18px; margin:5px 5px 0px 0px; } #subscriptionInfo .bottomArea { width:96%; margin:0px 2% 20px; } #subscriptionInfo .bottomArea .tableTitle { font-size:1.0625rem; margin-bottom:10px; } #subscriptionInfo .bottomArea .boxArea { margin-bottom:20px; } #subscriptionInfo .bottomArea .boxArea .list_box { padding:20px 0px; border-bottom:1px solid #ddd; } #subscriptionInfo .bottomArea .boxArea .list_box:first-child { border-top:1px solid #ddd; } #subscriptionInfo .bottomArea .boxArea .list_box .ss { margin-right:5px; color:#da215a; background-color:#ffe8f3; line-height:29px; height:30px; text-align:center; width:60px; border-radius:20px; border:1px solid #da215a; } #subscriptionInfo .bottomArea .boxArea .list_box .txt { color:#666; margin:6px 0px; width:75%; } #subscriptionInfo .bottomArea .boxArea .list_box .rr_arrow .down_arrow { margin:2px 0px; font-size:14px; color:#666; border:1px solid #707070; border-radius:100px; height:25px; width:25px; text-align:center; } #subscriptionInfo .bottomArea .boxArea .list_box .rr_arrow .down_arrow i { line-height:25px; } #subscriptionInfo .bottomArea .boxArea .list_box .rr_arrow .up_arrow { color:#da215a; border:1px solid #da215a; } #subscriptionInfo .bottomArea .boxArea .bottom_box .list_box { padding:20px 0px 5px; border-top:0px; border-bottom:0px; } #subscriptionInfo .bottomArea .boxArea .answer_box { border-bottom:1px solid #ddd; } #subscriptionInfo .bottomArea .boxArea .answer_box.answer1 { padding:0px 0px 10px 65px; } #subscriptionInfo .bottomArea .boxArea .answer_box.answer1 .tt { color:#666; line-height:20px; } #subscriptionInfo .bottomArea .boxArea .answer_box.answer2 { padding-bottom:10px; } #subscriptionInfo .bottomArea .boxArea .answer_box.answer2 .rowImg { width:15%; } #subscriptionInfo .bottomArea .boxArea .answer_box.answer2 .rowTxt { width:35%; color:#666; font-size:13px; padding:10px; } #subscriptionInfo .bottomArea .boxArea .answer_box.answer3 { padding:10px 0px; } #subscriptionInfo .bottomArea .boxArea .answer_box.answer3 a.box { width:50%; margin-bottom:20px; padding:0px 5px; } #subscriptionInfo .bottomArea .boxArea .answer_box.answer3 a.box .bookImg { height:156px; margin-bottom:5px; } #subscriptionInfo .bottomArea .boxArea .answer_box.answer3 a.box .tt { color:#666; margin:3px 0px; } #subscriptionInfo .bottomArea .boxArea .answer_box.answer3 a.box .tt .line-through { text-decoration:line-through; } #subscriptionInfo .bottomArea .boxArea .answer_box.answer4 .tableArea { border-top:1px solid #000; } #subscriptionInfo .bottomArea .boxArea .answer_box.answer4 .tableArea table tr th { border-right:1px solid #c3c3c3; } #subscriptionInfo .bottomArea .boxArea .answer_box.answer4 .alarmBox { border:1px solid #c3c3c3; padding:10px; margin:10px 0px; color:#666; font-size:13px; } #subscriptionInfo .bottomArea .btnRow { width:80%; margin:0 auto; } #subscriptionInfo .bottomArea .btnRow .btn { line-height:40px; } /* 월간미대입시 소개 */ #subscriptionInfo { position:relative; } #subscriptionInfo .img_map { position:absolute; border:1px solid #000; height:100px; width:200px; } #subscriptionInfo .img_map a { display:block; width:100%; height:100%; cursor:pointer; } #subscriptionInfo .img_map1 { top: 1.97%; left: 13.2%; width: 18%;; height: 27px; border: 0px; } #subscriptionInfo .img_map2 { top: 80%; left: 36%; width: 16%; height: 19px; border: 0px; } #subscriptionInfo .img_map3 { top: 84.5%; left: 39%; width: 79px; height: 22px; border: 0px; } /* 구독신청 - ebook */ #newsTab .ebook { width:96%; margin:0px 2%; } #newsTab .ebook .listRow { width:100%; } #newsTab .ebook .listRow:first-child .box:first-child { border-top-left-radius:5px; } #newsTab .ebook .listRow:first-child .box:last-child { border-top-right-radius:5px; } #newsTab .ebook .listRow:last-child .box:first-child { border-bottom-left-radius:5px; } #newsTab .ebook .listRow:last-child .box:last-child { border-bottom-right-radius:5px; } #newsTab .ebook .listRow .box { background-color:#f1f1f1; border:1px solid #ddd; border-bottom:0px; padding:10px; } #newsTab .ebook .listRow:last-child .box { border-bottom:1px solid #ddd; } #newsTab .ebook .listRow .box:last-child { border-left:0px; } #newsTab .ebook .listRow .box .bTitle { margin:8px 0px; } #newsTab .ebook .listRow .box .link { line-height:40px; } #newsTab .ebook .listRow .box .link .tt { width:65%; } #newsTab .ebook .listRow .box .link .ii { width:35%; font-size:16px; } /* 구독신청 - 정기구독 */ #inputInfo .infoArea .inputArea .input-group .td .apply { margin:12px 0px; } #inputInfo .infoArea .inputArea .input-group .td label { font-size:14px; } #inputInfo .infoArea .redText { font-size:13px; } /* 구독신청 - 단행본구매 리스트, 상세, 장바구니 */ #newsTab .searchArea .row .searchTitle { line-height:30px; color:#000; } #newsTab .bookContentsArea {} #newsTab .bookContentsArea .list_box { padding:10px 0px; width:96%; margin:0px 2%; border-bottom:1px solid #ddd; } #newsTab .bookContentsArea .list_box:first-child { border-top:1px solid #ddd; } #newsTab .bookContentsArea .list_box .row_box { position:relative; } #newsTab .bookContentsArea .list_box .row_box .dd_box { position:absolute; bottom:0px; } #newsTab .bookContentsArea .list_box .ll_img { width:25%; height: 113px; overflow: hidden; text-align: center; position:relative; } #newsTab .bookContentsArea .list_box .ll_img .img_box { position: absolute; text-align:center; left: 50%; top: 50%; transform: translate(-50%,-50%); overflow: hidden; height:113px; } #newsTab .bookContentsArea .list_box .ll_img img { width:auto; height: 113px; margin: 0 auto; } #newsTab .bookContentsArea .list_box .rr_txt { width:75%; padding:1px 0px 1px 5px; color:#666; } #newsTab .bookContentsArea .list_box .rr_txt .title { font-size:0.9375rem; color:#000; } #newsTab .bookContentsArea .list_box .rr_txt .txt { font-size:13px; margin:2px 0px; color:#666; } #newsTab .bookContentsArea .list_box .rr_txt .tt { font-size:12px; margin-top:8px; width:100%; } #newsTab .tableTitle { width:96%; margin:20px 2% 10px; color:#000; } #secPurchase .viewTitle { width:96%; margin:20px 2% 10px; color:#000; } #secPurchase .viewArea { width:96%; margin:0px 2%; border-top:1px solid #c3c3c3; border-bottom:1px solid #c3c3c3; padding:10px 0px; } #secPurchase .viewArea .ll_img { width:25%; overflow:hidden; text-align:center; position:relative; } #secPurchase .viewArea .ll_img .img_box { position: absolute; text-align:center; left: 50%; top: 50%; transform: translate(-50%,-50%); overflow: hidden; height:113px; } #secPurchase .viewArea .ll_img img { width:auto; margin: 0 auto; } #secPurchase .viewArea .rr_txt { width:75%; padding:1px 0px 1px 10px; color:#666; } #secPurchase .viewArea .rr_txt .title { font-size:0.9375rem; color:#000; margin-bottom:5px;} #secPurchase .viewArea .rr_txt .txt { font-size:14px; margin:4px 0px; color:#666; } #secPurchase .viewArea .rr_txt .sTxt { font-size:13px; } #secPurchase .viewArea .rr_txt .ss { margin-left:5px; font-size:13px; color:#da215a; background-color:#ffe8f3; line-height:23px; height:25px; text-align:center; width:50px; border-radius:20px; border:1px solid #da215a; } #secPurchase .viewArea .rr_txt .order_box { margin-top:5px; } #secPurchase .viewArea .rr_txt .order_box .txt { font-size:13px; line-height:35px; margin:0px 5px 0px 0px; color:#000; } #secPurchase .viewArea .rr_txt .order_box input { padding:0; font-size:12px; color:#000; border:1px solid #c3c3c3; width:60px; height:35px; text-align:center; } #secPurchase .viewArea .rr_txt .order_box .icon { margin-left:3px; width:35px; height:35px; border:1px solid #c3c3c3; text-align:center; line-height:34px; } #secPurchase .btnArea { width:96%; margin:10px 2%; } #secPurchase .btnArea a { line-height:40px; } #secPurchase .tableTitle { width:96%; margin:10px 2%; color:#000; font-size:1.0625rem; border-top:1px solid #c3c3c3; padding-top:20px; } #secPurchase .textArea { width:96%; margin:10px 2% 40px; } #secPurchase .textArea .txt { color:#666; line-height:18px; } #secPurchase .viewArea .rr_txt .title label { font-size:14px; } #secPurchase .viewArea .rr_txt .order_box .fnChangeAmount { line-height:35px; font-size:13px; } #secPurchase .viewArea .rr_txt .order_box .fnDelBasket { line-height:35px; font-size:13px; } #secPurchase .viewArea .rr_txt .txt1 { margin:15px 0px; } #secPurchase .viewArea .rr_txt .txt2 { margin:6px 0px; } #secPurchase .basketList { padding:10px 0px; border-bottom:1px solid #c3c3c3; } #secPurchase .totalArea { background-color:#ddd; font-size:13px; padding:7px 0px; height:50px; border-bottom:1px solid #c3c3c3; } #secPurchase .totalArea .item { line-height:35px; margin:0px 5px; } #secPurchase .totalArea .delete { color:#555; border:1px solid #707070; background-color:#fff; text-align:center; line-height:34px; } #secPurchase .totalArea .total { line-height:35px; margin:0px 5px; } #secPurchase .totalArea .total .price { color:#000; font-size:15px; } #secPurchase .totalArea .dd { line-height:20px; } /* 메인 */ #secMain {} #secMain .noticeBar { width:100%; height:36px; background-color:#3c3c3c; } #secMain .noticeBar .ss { color:#fff; text-align: center; font-weight: bold; padding: 0px 10px; margin: 10px; border-right: 1px solid #777; } #secMain .noticeBar .txt { font-weight: bold; color:#fff; width:75%; line-height:35px; } #secMain .bannerArea .swiper-container .swiper-button-prev { width:10px; left:5px !important; } #secMain .bannerArea .swiper-container .swiper-button-prev::after { font-size:17px !important; font-weight:bold; color:#fff !important; } #secMain .bannerArea .swiper-container .swiper-button-next { width:10px; right:5px !important; } #secMain .bannerArea .swiper-container .swiper-button-next::after { font-size:17px !important; font-weight:bold; color:#fff !important; } #secMain .midMenu { margin:15px 0px; width:100%; border-top:1px solid #cdcdcd; border-bottom:1px solid #cdcdcd; } #secMain .midMenu ul { width:100%; } #secMain .midMenu ul li { width:16.666666%; border-right:1px solid #cdcdcd; } #secMain .midMenu ul li:last-child { border-right:0px; } #secMain .midMenu ul li a { background-color: #faf7f8; } #secMain .midMenu ul li a img { } #secMain .midMenu ul li a .tt { color:#555; font-size:12px; padding-top:3px; font-weight:bold; padding-bottom: 5px; } #secMain .univArea { width:100%; background-color:#e7e7e7; padding:10px 0px;} #secMain .univArea .swiperArea { width:100%; background-color:#fff; border-top:1px solid #c0c0c0; border-bottom:1px solid #c0c0c0; } #secMain .univArea .swiperArea .swiper-wrapper { } #secMain .univArea .swiperArea .swiper-wrapper .swiper-slide { } #secMain .univArea .swiperArea .swiper-wrapper .swiper-slide .box { border-right:1px solid #c0c0c0; } #secMain .univArea .swiperArea .swiper-wrapper .swiper-slide .box .ll { text-align:center; } #secMain .univArea .swiperArea .swiper-wrapper .swiper-slide .box .ll img { width:auto; padding: 10px 0px;} #secMain .univArea .swiperArea .swiper-wrapper .swiper-slide .box .rr { width:105px; padding:10px 0px 10px 5px; } #secMain .univArea .swiperArea .swiper-wrapper .swiper-slide .box .rr .aa { color:#000; font-size:14px; } #secMain .univArea .swiperArea .swiper-wrapper .swiper-slide .box .rr .bb { color:#555; font-size:12px; } #secMain .univArea .swiperArea .swiper-button-prev { width:10px; left:0px !important; background-color:rgba(0,0,0,0.5); height:88px; padding:0px 12px; top:22px; } #secMain .univArea .swiperArea .swiper-button-prev::after { font-size:17px !important; font-weight:bold; color:#fff !important; } #secMain .univArea .swiperArea .swiper-button-next { width:10px; right:0px !important; background-color:rgba(0,0,0,0.5); height:88px; padding:0px 12px; top:22px; } #secMain .univArea .swiperArea .swiper-button-next::after { font-size:17px !important; font-weight:bold; color:#fff !important; } #secMain .bottomArea { width:100%; } #secMain .bottomArea .boxRow { width:96%; margin:20px 2% 10px; } #secMain .bottomArea .boxRow .box { width:49%; } #secMain .bottomArea .boxRow .box .topRow { width:100%; margin-bottom:5px; height:17px; } #secMain .bottomArea .boxRow .box .topRow .title { color:#000; } #secMain .bottomArea .boxRow .box .inBox { border:1px solid #ddd; height:170px; padding:5px; } #secMain .bottomArea .boxRow .box .inBox ul li { margin:12px 0px; width:100%; } #secMain .bottomArea .boxRow .box .inBox ul li a { color:#555; } #secMain .bottomArea .boxRow .box .inBox ul .conRow { width:100%; margin:5px 0px; } #secMain .bottomArea .boxRow .box .inBox ul .conRow .ss { font-size:13px; color:#fff; background-color:#ec1857; line-height:25px; height:25px; text-align:center; width:50px; border-radius:20px; } #secMain .bottomArea .boxRow .box .inBox ul .conRow .tt { width:68%; padding-left:5px; line-height:25px; } #secMain .bottomArea .adsArea { width:100%; background-color:#e7e7e7; padding:10px 2%; } #secMain .bottomArea .adsArea .imgRow { width:49%; } /* #secMain .bottomArea .boxRow .box .inBox1 { border:1px solid #ddd; } #secMain .bottomArea .boxRow .box .inBox1 .aa { text-align:center; font-size:15px; color:#000; margin:10px 0px; } #secMain .bottomArea .boxRow .box .inBox1 .bb { border-top:2px solid #eb1757; border-bottom:2px solid #eb1757; } #secMain .bottomArea .boxRow .box .inBox1 .bb img { width:100%; } #secMain .bottomArea .boxRow .box .inBox1 .cc { width:92%; margin:10px 4%; } #secMain .bottomArea .boxRow .box .inBox1 .cc .snsLink { height:31px; } #secMain .bottomArea .boxRow .box .inBox1 .cc .snsLink .homeBtn { padding:4px 2px 1px 3px; width:28px; height:28px; background-color:#f1f1f1; border:1px solid #777; border-radius:100px; } #secMain .bottomArea .boxRow .box .inBox1 .cc .snsLink ul li { margin-right:3px; } #secMain .bottomArea .boxRow .box .inBox1 .cc .snsLink ul li:last-child { margin-right:0px; } #secMain .bottomArea .boxRow .box .inBox1 .cc .tt { margin:5px; color:#555; } #secMain .bottomArea .boxRow .box .inBox1 .cc .btns { margin:10px 0px 5px; } #secMain .bottomArea .boxRow .box .inBox1 .cc .btns .btn_PW { background-color:#fff; line-height:30px; text-align:center; color:#eb1757; border:1px solid #da215a; cursor:pointer; } #secMain .bottomArea .boxRow .box .inBox1 .cc .btn_WP { background-color:#eb1757; line-height:30px; text-align:center; color:#fff; cursor:pointer; } */ #newsTab .listArea.fnList { } #secMain .bottomArea .boxRow .box .inBox1 { display:block; border:1px solid #e4e4e4; } #secMain .bottomArea .boxRow .box .inBox1:nth-child(2n) { margin-right: 0%; } #secMain .bottomArea .boxRow .box .inBox1 .logo { width:100%; overflow:hidden; margin-bottom:5px; } #secMain .bottomArea .boxRow .box .inBox1 .title { margin-bottom:5px; font-size: 16px; color: #000; text-align: center; font-weight: bold; padding: 5px 0px; } #secMain .bottomArea .boxRow .box .inBox1 .category { margin-bottom:10px; color:#555; font-size:13px; text-align:center; } #secMain .bottomArea .boxRow .box .inBox1 .snsLink { margin-bottom:10px; height:28px; text-align: center; } #secMain .bottomArea .boxRow .box .inBox1 .snsLink .row { display:inline-block;} #secMain .bottomArea .boxRow .box .inBox1 .snsLink ul { width:auto; margin:0 auto; } #secMain .bottomArea .boxRow .box .inBox1 .snsLink li { margin-right:7px; } #secMain .bottomArea .boxRow .box .inBox1 .snsLink li a { display:block; } #secMain .bottomArea .boxRow .box .inBox1 .snsLink li a img { width:20px; } #secMain .bottomArea .boxRow .box .inBox1 .snsLink li:last-child { margin-right:0px; } #secMain .bottomArea .boxRow .box .inBox1 .conBtns { } #secMain .bottomArea .boxRow .box .inBox1 .conBtns > div { padding:10px 0px; } #secMain .bottomArea .boxRow .box .inBox1 .conBtns > div { padding:10px 0px; } #secMain .bottomArea .boxRow .box .inBox1 .conBtns > div a { display:block; text-align:center; } #secMain .bottomArea .boxRow .box .inBox1 .conBtns > div a i { margin-right:5px; } #secMain .bottomArea .boxRow .box .inBox1 .conBtns .off { border-top:1px solid #e4e4e4; } #secMain .bottomArea .boxRow .box .inBox1 .conBtns .on { width:100%; background-color:#fff7f8; border:1px solid #ee3645; } #secMain .bottomArea .boxRow .box .inBox1 .conBtns .on a { color:#ee3645; } #secMain .bottomArea .boxRow .box .inBox1 .conBtns .on a i { color:#ee3645; border-bottom: 1px solid #ee3645; } #secMain .bottomArea .boxRow .box .inBox2 { border:1px solid #ddd; } #secMain .bottomArea .boxRow .box .inBox2 a {} #secMain .bottomArea .boxRow .box .inBox2 a .imgBox { position:relative; height:120px; overflow:hidden } #secMain .bottomArea .boxRow .box .inBox2 a .imgBox .upload { position:absolute; top:5px; left:5px; font-size:13px; line-height:25px; width:60px; text-align:center; height:23px; border-radius:21px; background-color:#6f87c9; color:#fff; } #secMain .bottomArea .boxRow .box .inBox2 a .imgBox .snsRow { position:absolute; bottom:5px; right:5px; } #secMain .bottomArea .boxRow .box .inBox2 a .snsRow img { margin-left:3px; height:auto !important; width:auto !important; } #secMain .bottomArea .boxRow .box .inBox2 a .txtBox { position:relative; height:100px; color:#555; padding:7px; font-size:13px; } #secMain .bottomArea .boxRow .box .inBox2 a .txtBox .tag { width:100%; } #secMain .bottomArea .boxRow .box .inBox2 a .txtBox .tt { color:#000; font-size:14px; margin-top:3px; line-height:20px; } #secMain .bottomArea .boxRow .box .inBox2 a .txtBox .red { font-size:14px; position:absolute; bottom:5px; } #secMain .bottomArea .boxRow .box .inBox2 a .txtBox2 { height:75px; } #secMain .bottomArea .boxRow .contestBox:first-child { margin-right:2%; } #secMain .bottomArea .boxRow .best_ac {} #secMain .bottomArea .boxRow .contestBox .logo {} #secMain .bottomArea .boxRow .contestBox .logo .best_ac { position:relative; width:100%; height:80px;} #secMain .bottomArea .boxRow .contestBox .logo .best_ac div { position:absolute; overflow:hidden; width:100%; height:80px; text-align:center; left:50%; transform:translate(-50%, 0%); } #secMain .bottomArea .boxRow .contestBox .logo .best_ac div img { width:auto; height:100%; margin: 0 auto; } .noticeArea .swiper-wrapper { height:40px !important; } .noticeWrapper .noticeSlide { height:40px !important; } .noticeWrapper .noticeSlide a { color:#fff; } /* 공유하기 팝업 */ #popupShare { position:fixed; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.3); } #popupShare .snsShare { width:90%; margin:200px 5% 0px; border-radius:5px; } #popupShare .snsShare .titleBar { width:100%; height:50px; border-top-left-radius:5px; border-top-right-radius:5px; background-color:#ec1857; color:#fff; padding:0px 2%; font-size:1.125rem; } #popupShare .snsShare .titleBar .title { color:#fff; line-height:50px; } #popupShare .snsShare .titleBar a { color:#fff; padding:17px 2% 17px 10px; } #popupShare .snsShare .titleBar .xBtn { font-size:25px; line-height:50px; } #popupShare .snsShare .contentArea { background-color:#fff; width:100%; padding:60px 0px; border-bottom-left-radius:5px; border-bottom-right-radius:5px; } #popupShare .snsShare .contentArea .row span { margin-right:5px; } #popupShare .snsShare .contentArea .row span:last-child { margin-right:0px; } #popupShare .snsShare .contentArea .row span img { width:50px; } /* 약관 */ #policy_title { margin-top: 5px; } #policy_title span { margin-left: 10px; font-size: 20px; border-bottom:2px solid #333; padding-bottom:5px; } #policy { border:1px solid #e1e1e1; margin:10px 15px; height:635px; overflow:hidden; } #policy .p_area { padding:20px 15px 40px 15px; height:650px; overflow-x:scroll; } #policy .p_area .contents { } /* 네비 하단 보더 */ .nab_bopttom_line { border-top:1px solid #000; width:100%; margin-top: 0px;} /* 띠 배너 영역 */ #bf_t_banner { margin:15px 0px; } #bf_t_banner a { display:block; } #bf_t_banner a img { width:100%; } /* 박스배너 영역 */ #bf_b_banner { margin:15px 0px; } #bf_b_banner .banners { width:48%; } #bf_b_banner .banners img { width:100%; } /* 추천우수학원 - 일반학원 */ #n_academy {margin-top:20px; } #n_academy > .academy_area {} #n_academy > .academy_area > .academys { padding:10px 0px 5px 0px; display: block; border: 1px solid #e4e4e4; width: 48%; margin-right: 4%; margin-bottom: 4%; } #n_academy > .academy_area > .academys:nth-child(2n) { margin-right: 0%; } #n_academy > .academy_area > .academys > a { display:block; } #n_academy > .academy_area > .academys > a > .title { margin-bottom: 5px; font-size: 16px; color: #000; text-align: center; font-weight: bold; padding: 5px 0px; } #n_academy > .academy_area > .academys > a > .con { margin-bottom: 10px; color: #555; font-size: 13px; text-align: center; } /* list 페이지 - 텍스트 line-break & 대회접수 viewpage box width */ @media all and (max-width:470px){ .txt_line_break1 { -webkit-line-clamp:1; } .txt_line_break { -webkit-line-clamp:2; } .txt_line_break2 { -webkit-line-clamp:4; } #examList .guideArea > .boxRow .pinkBox { width:49%; } #examList .guideArea > .boxRow .pinkBox:nth-child(2n) { margin-right:0; } } @media all and (min-width:470px) and (max-width:560px) { .txt_line_break1 { -webkit-line-clamp:2; } .txt_line_break { -webkit-line-clamp:3; } .txt_line_break2 { -webkit-line-clamp:5; } #examList .guideArea > .boxRow .pinkBox { width:49%; } #examList .guideArea > .boxRow .pinkBox:nth-child(2n) { margin-right:0; } } @media all and (min-width:560px){ .txt_line_break1 { -webkit-line-clamp:3; } .txt_line_break { -webkit-line-clamp:4; } .txt_line_break2 { -webkit-line-clamp:6; } #examList .guideArea > .boxRow .pinkBox { width:32.5%; } #examList .guideArea > .boxRow .pinkBox:nth-child(3n) { margin-right:0; } } /* 학생 개인접수 - 3.참가정보입력 사진 텍스트 부분 */ @media all and (max-width:399px){ #inputInfo .infoArea .picArea .rr { margin:5px 0px; } } @media all and (min-width:400px){ #inputInfo .infoArea .picArea .rr { margin:14px 0px; } } @media all and (min-width:430px){ #inputInfo .infoArea .picArea .rr { margin:22px 0px; width:70%; } } @media all and (min-width:520px){ #inputInfo .infoArea .picArea .rr { margin:22px 0px; width:75%; } } @media all and (min-width:640px){ #inputInfo .infoArea .picArea .rr { margin:30px 0px; width:80%; } } /* 학생 개인접수 - 6.접수완료 - 완료안내문 */ @media all and (max-width:439px){ #inputInfo .infoArea .pinkBox { padding:35px 8%; } } @media all and (min-width:440px){ #inputInfo .infoArea .pinkBox { padding:43px 8%; } } /* 마이페이지 - 접수현황 */ @media all and (max-width:402px){ #mypageTab .tableArea .input-group .tdRow { font-size:0.8125rem; } #mypageTab .tableArea .input-group .tdRow .ll { padding:45px 0px; } #mypageTab .tableArea .input-group .tdRow .rr .bb { font-size:0.75rem; } } @media all and (min-width:403px){ #mypageTab .tableArea .input-group .tdRow { font-size:0.8125rem; } #mypageTab .tableArea .input-group .tdRow .ll { padding:43px 0px; } #mypageTab .tableArea .input-group .tdRow .rr .bb { font-size:0.8125rem; } } @media all and (min-width:430px){ #mypageTab .tableArea .input-group .tdRow { font-size:0.875rem; } #mypageTab .tableArea .input-group .tdRow .ll { padding:40px 0px; } #mypageTab .tableArea .input-group .tdRow .rr .bb { font-size:0.875rem; } } @media all and (min-width:480px){ #mypageTab .tableArea .input-group .tdRow .ll { padding:38px 0px; } } @media all and (min-width:520px){ #mypageTab .tableArea .input-group .tdRow .ll { padding:35px 0px; } } @media all and (min-width:560px){ #mypageTab .tableArea .input-group .tdRow .ll { padding:33px 0px; } } @media all and (min-width:600px){ #mypageTab .tableArea .input-group .tdRow .ll { padding:30px 0px; } } /* 아이디찾기 탭박스 */ @media all and (max-width:420px){ .id_box .type2 { padding:18px 0px 19px; } } @media all and (min-width:421px){ .id_box .type2 { padding:10px 0px; } } @media screen and ( max-width: 320px) { #secMain .midMenu ul li a .tt {height:40px;} } @media screen and ( max-width: 375px) { #secMain .midMenu ul li a .tt {height:40px;} } @media screen and ( max-width: 420px) { #newsTab .academy_tab .types { height:38px;} } @media screen and ( max-width: 400px) { #newsTab .academy_tab .types { height:55px;} } /* layer popup */ .layerpop{display:none; opacity:0; filter:alpha(opacity=0); z-index:1000; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../../images/common/bg_mask.png) repeat;} .layerpop .wrp_pop{position:relative; position:absolute; left:50%; background:#fff; border:1px solid #e31b3f; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box;} .layerpop .wrp_pop.center{transform:translateX(-50%); -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%);} .layerpop .wrp_pop .btn_close{position:absolute; top:-1px; right:-1px; display:block; width:51px; height:51px; line-height:51px; text-align:center; background:#e31b3f;} .layerpop .wrp_pop .btn_close .sp_common{display:inline-block; width:12px; height:12px; background-position:-100px -100px; vertical-align:middle;} .layerpop .wrp_pop h4{height:49px; line-height:49px; padding-left:30px; font-size:16px; font-weight:700; color:#282828; letter-spacing:-1px; background:#f8f8f8;} .layerpop .wrp_pop .pop_con{padding:0 29px 30px 29px;} .layerpop .wrp_pop .pop_footer{padding:28px 30px; line-height:20px; font-weight:700; letter-spacing:-0.5px; background:#f8f8f8;} .layerpop .wrp_pop .pop_footer2{padding:0 12px; line-height:48px; font-weight:700; letter-spacing:-0.5px; background:#f8f8f8;} .layerpop .wrp_pop .lst_pop{line-height:30px; font-size:14px; color:#282828; letter-spacing:-0.5px;} .layerpop .wrp_pop .lst_pop li{padding-left:10px; background:url(../../images/ico/ico_dot3.png) 0 15px no-repeat;} .layerpop .wrp_pop .pop_imgviw{padding:50px;} .layerpop .wrp_pop .pop_imgviw .controls a{position:absolute; top:50%; margin-top:-36px;} .layerpop .wrp_pop .pop_imgviw .controls a.prev{left:-85px;} .layerpop .wrp_pop .pop_imgviw .controls a.next{right:-85px;} .layerpop .wrp_pop .pop_imgviw .controls a span{width:36px; height:72px;} .layerpop .wrp_pop .pop_imgviw .controls a.prev span{background-position:0 -80px;} .layerpop .wrp_pop .pop_imgviw .controls a.next span{background-position:-40px -80px;}