@charset "utf-8"; #detail_con ol.step {overflow:hidden; background-image:url(/lll/images/sub/step_bg.gif);} #detail_con ol.step li {background-image:url(/lll/images/sub/ic_step.gif); background-repeat:no-repeat; color:#666;} #detail_con ol.step li.str {background-image:url(/lll/images/sub/ic_step_str.gif);} #detail_con ol.step li.end {background-image:url(/lll/images/sub/ic_step_end.gif);} #detail_con ol.step li.str .num {color:#3767b5;} #detail_con ol.step li.end .num {color:#e25a1e;} #detail_con ol.step .num {display:block; color:#555; font-size:16px; font-weight:800;} #detail_con ol.step.row {background-position:6px top;background-repeat:repeat-y;} #detail_con ol.step.row li {margin-top:20px; padding-left:25px; background-position:left 5px;} #detail_con ol.step.row li:first-child {padding-left:25px;} #detail_con ol.step.col {background-position:left 10px; background-repeat:repeat-x;} #detail_con ol.step.col li {float:left; margin:0 .5%; padding-top:30px; background-position:center 5px; text-align:center;} #detail_con ol.step.col.col3 li {width:32.3%;} #detail_con ol.step.col.col5 li {width:19%;} #detail_con ol.step.col.col6 li {width:15%;} #detail_con .photo img {padding:5px; border:1px solid #ddd; box-shadow:0 3px rgba(0,0,0,.1);} #map {border:1px solid #d5d5d5;} .pop_result .pop_tit {background:none;} .pop_result .pop_result_lll {margin:3%;} .pop_result .photo {overflow:hidden; margin-left:20px; margin-top:10px;} .pop_result .photo li {overflow:hidden; float:left; width:31.3%; margin:0 1%;} .pop_result .photo li img {width:92%; padding:2%; border:1px solid #ddd; box-shadow:0 3px rgba(0,0,0,.1);} #detail_con .box_con .tit {margin-bottom:5%;} #detail_con .box_con dl {overflow:hidden;} #detail_con .box_con dt {float:left; width:30%; padding-top:50px; padding-bottom:50px; margin-bottom:2%; background:url(/lll/images/sub/yeonsu_con3_bg.gif); font-size:18px; font-weight:bold; color:#fff; text-shadow:1px 1px rgba(0,0,0,.5); text-align:center;} #detail_con .box_con dd {float:left; width:67%; margin-left:3%;} /* #detail_con .box_con dd.first {margin-top:30px;} */ #detail_con .box_con dd .ssblet {font-weight:bold;} #detail_con .greeting .title {margin-bottom:70px; padding-bottom:25px; background:url(/lll/images/sub/greeting_bg.gif) center bottom no-repeat; background-size:100%; text-align:center;} #detail_con .greeting .title .tit {font-size:33px; color:#e25a1e;} #detail_con .greeting .title .txt {font-size:25px; color:#292929;} #detail_con .greeting .con {overflow:hidden;} #detail_con .greeting .con .greeting_photo {float:left; width:50%; margin-top:10px;} #detail_con .greeting .con .greeting_photo img {max-width:100%;} #detail_con .greeting .con div {float:left; width:47%; margin-left:3%;} #detail_con .greeting .con div p {margin-top:15px;} #detail_con .greeting .con div .tit {margin-top:0; font-size:18px;} #detail_con .greeting .con div span {font-weight:bold;} #detail_con .yeonsu .tit {position:relative; padding-top:5px; font-size:36px; font-weight:bold; color:#3767b5; text-align:center;} #detail_con .yeonsu .tit:after, #detail_con .yeonsu .tit::after {position:absolute; left:50%; top:0; width:42px; height:4px; margin-left:-21px; background:#515151; content:"";} #detail_con .yeonsu .con1 .con {position:relative; margin-top:5%; text-align:center;} #detail_con .yeonsu .con1 .con:after, #detail_con .yeonsu .con1 .con::after {position:absolute; left:0; top:0; width:48px; height:155px; background:url(/lll/images/sub/yeonsu_con1_Lbg.gif) center no-repeat; content:"";} #detail_con .yeonsu .con1 .con:before, #detail_con .yeonsu .con1 .con::before {position:absolute; right:0; top:0; width:48px; height:155px; background:url(/lll/images/sub/yeonsu_con1_Rbg.gif) center no-repeat; content:"";} #detail_con .yeonsu .con1 .txt1 {padding-top:15px; margin-bottom:3%;} #detail_con .yeonsu .con1 .txt2 {margin-bottom:3%; font-size:16px; font-weight:bold;} #detail_con .yeonsu .con1 .txt2 span {font-size:18px;} #detail_con .yeonsu .con2 {padding-top:10%; margin-bottom:10%; background:url(/lll/images/sub/yeonsu_con2_bg.gif) center top no-repeat;} #detail_con .yeonsu .con2 ul {overflow:hidden; margin-top:10%;} #detail_con .yeonsu .con2 ul li {position:relative; font-size:14px; color:#858585; text-align:center; letter-spacing:-.5px;} #detail_con .yeonsu .con2 ul li span {display:block; padding-top:100px; margin-bottom:10px; font-size:18px; font-weight:bold;} #detail_con .yeonsu .con2 ul li.txt1 span {background:url(/lll/images/sub/yeonsu_con2_txt1.gif) center top no-repeat; color:#3767b5;} #detail_con .yeonsu .con2 ul li.txt2 span {background:url(/lll/images/sub/yeonsu_con2_txt2.gif) center top no-repeat; color:#8d37b5;} #detail_con .yeonsu .con2 ul li.txt3 span {background:url(/lll/images/sub/yeonsu_con2_txt3.gif) center top no-repeat; color:#097d84;} #detail_con .yeonsu .con2 ul li.txt4 span {background:url(/lll/images/sub/yeonsu_con2_txt4.gif) center top no-repeat; color:#4e8111;} #detail_con .yeonsu .con2 ul li.txt5 span {background:url(/lll/images/sub/yeonsu_con2_txt5.gif) center top no-repeat; color:#f06224;} #detail_con .declaration {position:relative; padding:8%; border:3px solid #dbdbdb;} #detail_con .declaration:after, #detail_con .declaration::after {position:absolute; left:0; top:0; border-top:110px solid #eeeeee; border-right:110px solid transparent; content:"";} #detail_con .declaration:before, #detail_con .declaration::before {position:absolute; right:0; bottom:0; border-bottom:110px solid #eeeeee; border-left:110px solid transparent; content:""} #detail_con .declaration .tit {position:relative; padding-bottom:30px; text-align:center;} #detail_con .declaration .tit:after, #detail_con .declaration .tit::after {position:absolute; left:50%; bottom:0; width:42px; height:4px; margin-left:-21px; background:#515151; content:""} #detail_con .declaration .con p {min-height:60px; padding-top:10px; padding-left:80px; margin-top:50px; background:url(/lll/images/sub/ic_declaration.gif) no-repeat;} #detail_con .declaration .con span {font-size:17px; font-weight:bold; letter-spacing:-1px;} #detail_con .ordinance {position:relative; padding-top:35px;} #detail_con .ordinance h4:nth-of-type(1) {margin-top:0;} #detail_con .ordinance .ordinance_list {position:absolute; right:0; top:0; cursor:pointer;} #detail_con .ordinance .ordinance_list:after, #detail_con .ordinance .ordinance_list:before {content:''; position:absolute; top:23px; width:2px; height:8px; background-color:#484848;} #detail_con .ordinance .ordinance_list:after{right:20px; transform:rotate(45deg);} #detail_con .ordinance .ordinance_list:before {right:25px; transform:rotate(-45deg);} #detail_con .ordinance .ordinance_list.on:after{transform:rotate(135deg);} #detail_con .ordinance .ordinance_list.on:before {transform:rotate(-135deg);} #detail_con .ordinance .ordinance_list li {display:none; font-size:13px; padding-right:15px;} #detail_con .ordinance .ordinance_list li:nth-last-of-type(1) {display:block;} #detail_con .ordinance .ordinance_list.on li {display:block;} /* #detail_con .history .con {margin-top:30px;} #detail_con .history .con dl {display:block; overflow:hidden;} #detail_con .history .con .long dt {padding-bottom:38px;} #detail_con .history .con .long2 dt {padding-bottom:60px;} #detail_con .history .con dt {float:left; width:17%; margin-top:-3px; padding-top:15px; padding-bottom:15px; margin-right:3%; border-bottom:1px solid #9cb1df; font-size:18px; font-weight:bold; color:#3767b5; text-align:right;} #detail_con .history .con dd {float:left; width:80%; padding-top:15px; padding-bottom:15px; border-bottom:1px solid #dfdfdf;} */ #detail_con .history dl {margin-bottom:20px;} #detail_con .history dl dt {height:45px; margin-bottom:12px; padding-left:10px; color:#3767b5; font-size:40px; font-weight:bold; border-bottom:2px solid #3767b5; overflow:hidden;} #detail_con .history dl:nth-child(even) dt {color:#e4693a; border-bottom:2px solid #e4693a;} #detail_con .history dl dd {display:table;} #detail_con .history dl p {padding:5px 0; display:table-cell;} #detail_con .history dl p.date {text-align:center; padding-left:20px; padding-right:40px; font-weight:bold;} #detail_con .important .vision {width:100%; background:url(/lll/images/sub/important_bg.jpg) no-repeat; background-size:100% 100%;} #detail_con .important .vision li {text-indent:-5000px; text-align:center; background-repeat:no-repeat;} #detail_con .important .vision .tit {padding-top:400px; background-image:url(/lll/images/sub/important_tit.png); background-position:center 60px;} #detail_con .important .vision li {overflow:hidden;} #detail_con .important .vision li ul li {float:left; width:24%; margin:0 .5%; padding-top:235px; padding-bottom:60px; background-position:center 10px;} #detail_con .important .vision .txt1 {background-image:url(/lll/images/sub/important_txt1.png);} #detail_con .important .vision .txt2 {background-image:url(/lll/images/sub/important_txt2.png);} #detail_con .important .vision .txt3 {background-image:url(/lll/images/sub/important_txt3.png);} #detail_con .important .vision .txt4 {background-image:url(/lll/images/sub/important_txt4.png);} #detail_con .important .box_con {margin-top:50px;} #detail_con .important .box_con dt {width:33%;} #detail_con .important .box_con dd {overflow:hidden; width:64%;} #detail_con .important .box_con dd.first {margin-top:50px;} #detail_con .important .box_con dd ul {float:left; width:47.5%;} #detail_con .important .box_con dd ul:first-child {margin-right:5%;} #detail_con .foreign_request.tbox {padding:5%;} #detail_con .club_info .box_con {margin-top:20px; margin-left:10px;} #detail_con .club_info .box_con dd {margin-top:25px;} #detail_con .self_request .para01 {overflow:hidden; margin-bottom:50px;} #detail_con .self_request .photo {float:left; width:33%; text-align:center;} #detail_con .self_request .photo span {display:block;} #detail_con .self_request .photo img {max-width:100%;} #detail_con .self_request .photo .end {margin-bottom:15px; padding:2%; background:#3B4652; font-weight:bold; color:#fff;} #detail_con .self_request .photo .sbtn {margin-top:10px;} #detail_con .self_request .con {float:left; margin-left:5%; width:62%;} #detail_con .self_request .self_request_img {max-width:140%;} #detail_con .location .con>div {position:relative; margin-top:10px; margin-bottom:25px; padding:0 4% 2% 4%; border:1px solid #dfdfdf; border-radius:10px; box-shadow:0 3px rgba(0,0,0,.1);} #detail_con .location .con>div>.sblet {margin-top:80px;} #detail_con .location .con>div>ul {margin-top:5px; margin-left:15px;} #detail_con .location .con .bus ul li ul {overflow:hidden;} #detail_con .location .con .bus ul li ul li {width:50%; float:left; font-weight:bold; } #detail_con .location .con .bus li>span {display:inline-block; padding:0 10px; margin:5px 10px 5px 5px; border-width:1px; border-style:solid; border-radius:30px; font-size:14px; text-align:center;} #detail_con .location .con .bus .bus1 span {background-color:#e1e6fa; color:#3c64c4;} #detail_con .location .con .bus .bus2 span {background-color:#edfae1; color:#497614;} #detail_con .location .con .bus .bus3 span {background-color:#e1eefa; color:#1a75a4;} #detail_con .location .con .bus .bus4 span {background-color:#fff3f4; color:#c94d68;} #detail_con .location .con .bus:before, #detail_con .location .con .bus::before {position:absolute; left:10px; top:-5px; width:100px; height:65px; background:url(/lll/images/sub/location_bus.gif) 0 0 no-repeat; content:"";} #detail_con .location .con .subway li:first-child {margin-top:15px;} #detail_con .location .con .subway dl {overflow:hidden; margin-bottom:18px;} #detail_con .location .con .subway dl dd {padding-top:10px;} #detail_con .location .con .subway dl dd span {font-weight:bold;} #detail_con .location .con .subway dt {float:left; width:45px; margin-right:10px; border-radius:45px; color:#fff; font-weight:bold; font-size:12px; letter-spacing:-1px; text-align:center;} #detail_con .location .con .subway dd span {color:#217dda;} #detail_con .location .con .subway .subway1 dt {padding-top:3px; padding-bottom:3px; background-color:#5daaf8;} #detail_con .location .con .subway .subway1 dt span {display:block; font-size:16px;} #detail_con .location .con .subway .subway2 dt {margin-bottom:0; padding-top:13px; padding-bottom:13px; background-color:#e9d20d;} #detail_con .location .con .subway .subway2 dd span {color:#a98401;} #detail_con .location .con .subway:before, #detail_con .location .con .subway::before {position:absolute; left:10px; top:-5px; width:100px; height:65px; background:url(/lll/images/sub/location_subway.gif) no-repeat; content:"";} #detail_con .location .con .car:before, #detail_con .location .con .car::before {position:absolute; left:10px; top:-5px; width:100px; height:65px; background:url(/lll/images/sub/location_car.gif) no-repeat; content:"";} #detail_con .location .location_qr {display:flex; align-items:center; justify-content:space-evenly;} #detail_con .kbs_info .txt p {text-align:center; font-size:25px;} #detail_con .kbs_info .txt .tit {color:#e25a1e; font-size:30px; font-weight:bold;} #detail_con .kbs_info .txt .tit span {color:#8216b9; font-size:35px;} #detail_con .kbs_info .h4_tbox>div .tbox_tit {padding-bottom:10px;color:#3767b5; text-align:center; font-size:22px; font-weight:bold;} #detail_con .kbs_info .h4_tbox>div .photo {margin:20px 0; text-align:center;} #detail_con .foreign_info .con1 {position:relative;} #detail_con .foreign_info .con1 .tit {margin-bottom:60px; padding-top:35px; text-align:center;} #detail_con .foreign_info .con1 .tit:after, #detail_con .foreign_info .con1 .tit::after {position:absolute; left:0; top:0; width:48px; height:155px; background:url(/lll/images/sub/yeonsu_con1_Lbg.gif) center no-repeat; content:"";} #detail_con .foreign_info .con1 .tit:before, #detail_con .foreign_info .con1 .tit::before {position:absolute; right:0; top:0; width:48px; height:155px; background:url(/lll/images/sub/yeonsu_con1_Rbg.gif) center no-repeat; content:"";} #detail_con .foreign_info .con1 .tit .tbox_txt { display:block; margin-top:30px; padding:14px 10px; font-size:18px; font-weight:600; background:#f5f5f5; } #detail_con .foreign_info .con1 .h4_tbox {position:relative;} #detail_con .foreign_info .con1 .h4_tbox:after, #detail_con .foreign_info .con1 .h4_tbox::after {position:absolute; left:57px; top:50%; width:153px; height:144px; margin-top:-72px; background:url(/lll/images/sub/h4_tbox_bg.gif) no-repeat; content:""} #detail_con .foreign_info .con1 .h4_tbox div {margin-left:209px; border-left:1px solid #dedfe1;} #detail_con .foreign_info .con1 .h4_tbox div p, #detail_con .foreign_book .h4_tbox div p{margin-top:25px; padding-left:30px; background:url(/lll/images/sub/h4_tbox_ic.gif) left top no-repeat; font-size:16px;} #detail_con .foreign_info .con1 .h4_tbox div p:first-child {margin-top:0;} #detail_con .foreign_info .con2 {margin-top:40px; margin-bottom:40px; text-align:center;} #detail_con .foreign_info .con2 .quot {width:27px; height:24px; margin:10px auto; background-repeat:no-repeat;} #detail_con .foreign_info .con2 .quot.quotL {background-image:url(/lll/images/sub/foreign_info_quotL.gif); text-indent:-5000px;} #detail_con .foreign_info .con2 .quot.quotR {background-image:url(/lll/images/sub/foreign_info_quotR.gif); text-indent:-5000px;} #detail_con .foreign_info .con2 .orange_color {font-size:40px; color:#ff7058; font-weight:bold; letter-spacing:-.5px;} #detail_con .foreign_info .con2 .txt {font-size:30px; letter-spacing:-.5px;} #detail_con .foreign_info .con2 .txt span {font-weight:bold; letter-spacing:-.5px;} #detail_con .foreign_info .con3 {margin-bottom:80px;} #detail_con .foreign_info .con3 .tit {padding-bottom:100px; background:url(/lll/images/sub/foreign_info_bg.gif) center 20px no-repeat; font-size:36px; font-weight:bold; color:#3767b5; text-align:center;} #detail_con .foreign_info .con3 .txt {margin-bottom:80px; margin-top:-90px; text-align:center;} #detail_con .foreign_info .con3 ul li {text-align:center;} #detail_con .foreign_info .con3 ul li span {display:block; padding-top:150px; margin-bottom:10px; font-size:18px; font-weight:bold;} #detail_con .foreign_info .con3 ul li.txt1 span {background:url(/lll/images/sub/foreign_info_con2_txt1.gif) center top no-repeat; color:#3767b5;} #detail_con .foreign_info .con3 ul li.txt2 span {background:url(/lll/images/sub/foreign_info_con2_txt2.gif) center top no-repeat; color:#8d37b5;} #detail_con .foreign_info .con3 ul li.txt3 span {background:url(/lll/images/sub/foreign_info_con2_txt3.gif) center top no-repeat; color:#097d84;} #detail_con .foreign_info .box_con .tit {margin-top:40px; padding-top:38px; padding-bottom:38px; background:url(/lll/images/sub/foreign_info_bg2.gif) center top no-repeat; text-align:center;} #detail_con .foreign_info .photo_box {overflow:hidden; margin-top:10px;} #detail_con .foreign_info .photo_box li {float:left; width:24%; margin:0 .5%;} #detail_con .foreign_info .photo_box li p {padding:5px; border:1px solid #ddd; text-align:center; box-shadow:0 3px rgba(0,0,0,.1);} #detail_con .foreign_info .photo_box li span {font-weight:bold;} #detail_con .photo_box img {padding:0; border:none; box-shadow:none;} #detail_con .foreign_info .center {overflow:hidden;} #detail_con .foreign_info .center>li {float:left; width:31.2%; margin:3% 1%;} #detail_con .foreign_info .center>li p {width:100%; border-left:1px solid #d5d5d5; border-right:1px solid #d5d5d5;} #detail_con .foreign_info .center>li .center_photo {width:100%; height:190px; border-top:1px solid #d5d5d5;} #detail_con .foreign_info .center>li .center_photo img {width:100%; height:100%;} #detail_con .foreign_info .center>li .tit {padding-top:1px; padding-bottom:1px; background-color:#2f3e61; color:#fff; font-size:18px; font-weight:bold;} #detail_con .foreign_info .center>li .con {width:100%; padding-top:20px; padding-bottom:20px; border-left:1px solid #d5d5d5; border-right:1px solid #d5d5d5; background-color:#496097;} #detail_con .foreign_info .center>li .con li {position:relative; margin-left:20px; margin-right:20px; color:#fff; text-align:left;} #detail_con .foreign_info .center>li .con .dot {padding-left:8px;} #detail_con .foreign_info .center>li .con .dot:after, #detail_con .foreign_info .center>li .con .dot::after {position:absolute; left:0; top:10px; width:2px; height:2px; background:#fff; content:"";} #detail_con .foreign_info .center>li .con li span {display:block; margin-left:42px;} #detail_con .foreign_info .center>li .con .center {margin-top:10px;} #detail_con .foreign_info .center>li .con .center a {display:inline-block; padding:0px 8px 3px 25px; border:1px solid #fff; background:url(/lll/images/sub/foreign_info_center_ic.gif) 8px center no-repeat; color:#fff; font-size:14px;} #detail_con .foreign_book .con1 {position:relative;} #detail_con .foreign_book .con1 .tit {margin-bottom:60px; padding-top:45px; text-align:center;} #detail_con .foreign_book .con1 .tit:after, #detail_con .foreign_book .con1 .tit::after {position:absolute; left:0; top:0; width:48px; height:155px; background:url(/lll/images/sub/yeonsu_con1_Lbg.gif) center no-repeat; content:"";} #detail_con .foreign_book .con1 .tit:before, #detail_con .foreign_book .con1 .tit::before {position:absolute; right:0; top:0; width:48px; height:155px; background:url(/lll/images/sub/yeonsu_con1_Rbg.gif) center no-repeat; content:"";} #detail_con .foreign_book .con1 .h4_tbox {position:relative;} #detail_con .foreign_book .con1 .h4_tbox:after, #detail_con .foreign_book .con1 .h4_tbox::after {position:absolute; left:57px; top:50%; width:153px; height:144px; margin-top:-72px; background:url(/lll/images/sub/h4_tbox_bg.gif) no-repeat; content:""} #detail_con .foreign_book .con1 .h4_tbox div {margin-left:209px; border-left:1px solid #dedfe1;} #detail_con .foreign_book .con1 .h4_tbox div p {margin-top:25px; padding-left:30px; background:url(/lll/images/sub/h4_tbox_ic.gif) left top no-repeat; font-size:16px;} #detail_con .foreign_book .con1 .h4_tbox div p:first-child {margin-top:0;} #detail_con .foreign_book .con2 {overflow:hidden; margin-top:30px;} #detail_con .foreign_book .con2>li {position:relative; float:left; width:23.2%; margin:0 .6%; padding-top:60px;} #detail_con .foreign_book .con2>li>div {border:1px solid #dbdbdb; border-radius:10px; background:#fcfcfc;} #detail_con .foreign_book .con2>li:after, #detail_con .foreign_book .con2>li::after {position:absolute; top:0; left:50%; width:112px; height:144px; margin-left:-56px; content:"";} #detail_con .foreign_book .con2>li.txt1:after, #detail_con .foreign_book .con2>li.txt1::after {background:url(/lll/images/sub/foreign_book_txt1.gif) no-repeat;} #detail_con .foreign_book .con2>li.txt2:after, #detail_con .foreign_book .con2>li.txt2::after {background:url(/lll/images/sub/foreign_book_txt2.gif) no-repeat;} #detail_con .foreign_book .con2>li.txt3:after, #detail_con .foreign_book .con2>li.txt3::after {background:url(/lll/images/sub/foreign_book_txt3.gif) no-repeat;} #detail_con .foreign_book .con2>li.txt4:after, #detail_con .foreign_book .con2>li.txt4::after {background:url(/lll/images/sub/foreign_book_txt4.gif) no-repeat;} #detail_con .foreign_book .con2>li>div {min-height:300px;} #detail_con .foreign_book .con2>li .tit {margin:66px 10px 0 10px; font-size:18px; font-weight:bold; text-align:center;} #detail_con .foreign_book .con2>li.txt1 .tit, #detail_con .foreign_book .con2>li.txt3 .tit {color:#3c66c5;} #detail_con .foreign_book .con2>li.txt2 .tit, #detail_con .foreign_book .con2>li.txt4 .tit {color:#536788;} #detail_con .foreign_book .con2>li ul {padding:10px 20px;} #detail_con .foreign_book .con2>li ul li {position:relative; padding-left:8px; font-size:14px; letter-spacing:-.5px;} #detail_con .foreign_book .con2>li ul li:after, #detail_con .foreign_book .con2>li ul li::after {position:absolute; left:0; top:10px; width:2px; height:2px; background:#5a5a5a; content:"";} #detail_con .foreign_book .con2>li ul li:first-child {margin-bottom:15px;} #detail_con .club_info .vision .tit_con .tit {padding-bottom:100px; background:url(/lll/images/sub/foreign_info_bg.gif) center 20px no-repeat; font-size:36px; font-weight:bold; color:#3767b5; text-align:center;} #detail_con .club_info .vision .tit_con .txt {margin-bottom:80px; margin-top:-90px; text-align:center;} #detail_con .club_info .vision li {text-align:center; letter-spacing:-1px;} #detail_con .club_info .vision li span {display:block; padding-top:150px; margin-bottom:10px; font-size:18px; font-weight:bold;} #detail_con .club_info .vision li.txt1 span {background:url(/lll/images/sub/club_info_txt1.gif) center top no-repeat; color:#3767b5;} #detail_con .club_info .vision li.txt2 span {background:url(/lll/images/sub/club_info_txt2.gif) center top no-repeat; color:#8d37b5;} #detail_con .club_info .vision li.txt3 span {background:url(/lll/images/sub/club_info_txt3.gif) center top no-repeat; color:#097d84;} #detail_con .club_info .vision li.txt4 span {background:url(/lll/images/sub/club_info_txt4.gif) center top no-repeat; color:#4e8111;} #detail_con .online {overflow:hidden;} #detail_con .online li {overflow:hidden; float:left; text-align:center; width:48%; margin:3% 1%; border-radius:5px;} #detail_con .online li p {width:100%;} #detail_con .online .online_photo {overflow:hidden; width:100%; height:200px; border:1px solid #d5d5d5; border-bottom:none; border-radius:5px; box-sizing:border-box;} #detail_con .online .online_photo img {width:100%;} #detail_con .online .tit {padding-top:10px; padding-bottom:10px; background-color:#2f3e61; color:#fff; font-size:18px; font-weight:bold;} #detail_con .online .tit span {display:block; margin-top:10px;} #detail_con .online .tit a {display:inline-block; padding:0px 8px 3px 40px; border:1px solid #fff; background:url(/main/images/contents/ic_link.png) 8px center no-repeat; color:#fff; font-size:15px;} /** 수강생 유의사항 **/ #detail_con .student_notice {margin-bottom:3%; padding:3%; border:1px solid #d8d8d8;} #detail_con .student_notice ol {margin-top:20px; list-style-position: inside; list-style-type: decimal; text-indent: -17px; padding-left:30px;} /* 외국어체험센터 */ h4 p.tit_sub {color:#a6a6a6; font-size:17px; font-weight: normal;} #detail_con .foreign_info .con2 .slogan, #detail_con .foreign_book .con2 .slogan {text-align:center; color:#a6a6a6; font-size:40px; font-weight:bold; letter-spacing:-.5px;} #detail_con .foreign_info .con2 .txt2 {margin-top:10px; font-weight:bold; font-size:20px;} #detail_con .foreign_info .con2 .txt3 {margin-top:30px; padding:0 10%; word-break:keep-all;} #detail_con .foreign_info .con2_2 ul {text-align:center; margin-bottom:30px;} #detail_con .foreign_info .con2_2 li {position:relative; display:inline-block; width:200px; height:200px; margin-left:-25px; border:1px solid #a6a6a6; border-radius:100%;} #detail_con .foreign_info .con2_2 li p{text-align:center; margin-top: 50%; transform: translateY(-50%);} #detail_con .foreign_info .con2_2 li p span {font-size:20px; font-weight:bold;} #detail_con .foreign_info .con2_2 li:first-child {margin-left:0;} #detail_con .foreign_info .con2_2 li.txt2 {border: 1px solid #40548c; background:#40548c; z-index:1;} #detail_con .foreign_info .con2_2 li.txt2 p {color:#fff;} #detail_con .foreign_info .img_list, #detail_con .foreign_book .foreign_book_intro ul {display:flex; flex-wrap:wrap; justify-content:space-between;} #detail_con .foreign_info .img_list li:nth-child(n+3) img {max-width:300px;} #detail_con .foreign_book .foreign_book_intro ul li {width:30%;} #detail_con .foreign_book .foreign_book_intro, #detail_con .foreign_book .foreign_book_club ul li {text-align:center; word-break: keep-all;} #detail_con .foreign_book .foreign_book_intro ul li p.tit {position:relative; display:block; margin-bottom:10px; padding-top:150px; font-size:18px; font-weight:bold;} #detail_con .foreign_book .foreign_book_intro ul li p.tit:after {position:absolute; top:27px; left:calc(50% - 57px);; width:110px; height:110px; content:""; border:2px solid #b7b7b7; border-radius:50%;} #detail_con .foreign_book .foreign_book_intro ul li p.intro_slogan {margin-bottom:10px; height:48px; font-weight:bold;} #detail_con .foreign_book .foreign_book_intro ul li.txt1 p.tit {background:url(/lll/images/sub/foreign_book_icon_01.png) center / 63px no-repeat; color:#383C4F;} #detail_con .foreign_book .foreign_book_intro ul li.txt2 p.tit {background:url(/lll/images/sub/foreign_book_icon_02.png) center / 62px no-repeat; color:#40548C;} #detail_con .foreign_book .foreign_book_intro ul li.txt3 p.tit {background:url(/lll/images/sub/foreign_book_icon_03.png) center / 63px no-repeat; color:#b7b7b7;} #detail_con .foreign_book .foreign_book_intro ul li.txt1 p.tit:after {border-color:#383C4F;} #detail_con .foreign_book .foreign_book_intro ul li.txt2 p.tit:after {border-color:#40548C;} #detail_con .foreign_book .foreign_book_intro dt {position:relative; padding-top:80px; font-size:18px;} #detail_con .foreign_book .foreign_book_dream ul.con {display:flex; justify-content: space-evenly;} #detail_con .foreign_book .foreign_book_dream ul.con>li {width:35%;} #detail_con .foreign_book .foreign_book_dream ul.con .tit {text-align:center; margin-bottom:20px; padding:10px 0; color:#383C4F; font-size:20px; font-weight:bold; background:#F2F2F2; border-radius:50px;} #detail_con .foreign_book .foreign_book_dream ul.con>li:last-child .tit {color:#fff; background:#40548C;} #detail_con .foreign_book .con2 {text-align:center; margin:40px 0;} #detail_con .foreign_book .con2 .quot {width:27px; height:24px; margin:10px auto; background-repeat:no-repeat;} #detail_con .foreign_book .con2 .quot.quotL {background-image:url(/lll/images/sub/foreign_info_quotL.gif); text-indent:-5000px;} #detail_con .foreign_book .con2 .quot.quotR {background-image:url(/lll/images/sub/foreign_info_quotR.gif); text-indent:-5000px;} #detail_con .foreign_book .con2 img {display:block; margin:0px auto;} #detail_con .foreign_book .learn .con2>li.txt1:after {background:url(/lll/images/sub/foreign_book_learn01.png) no-repeat; background-size:112px;} #detail_con .foreign_book .learn .con2>li.txt2:after {background:url(/lll/images/sub/foreign_book_learn02.png) no-repeat; background-size:112px;} #detail_con .foreign_book .learn .con2>li.txt3:after {background:url(/lll/images/sub/foreign_book_learn03.png) no-repeat; background-size:112px;} #detail_con .foreign_book .learn .con2>li.txt4:after {background:url(/lll/images/sub/foreign_book_learn04.png) no-repeat; background-size:112px;} #detail_con .foreign_book .learn .con2 p.tit {font-size:16px;} #detail_con .foreign_book .learn .con2 p.tit span {font-size:20px;} #detail_con .foreign_book .learn .con2>li>div {min-height:400px;} #detail_con .foreign_book .learn .con2>li ul li:after {display:none;} #detail_con .foreign_book .foreign_book_club ul {display:flex; justify-content:space-around; margin-bottom:30px;} #detail_con .foreign_book .foreign_book_club ul li span {position:relative; display:block; margin-bottom:10px; padding-top:150px; color:#222; font-size:18px; font-weight:bold;} #detail_con .foreign_book .foreign_book_club ul li span:before {position:absolute; top:33px; left:calc(50% - 55px); width:110px; height:110px; content:""; background-color:#eee; border-radius:50%; z-index:-1;} #detail_con .foreign_book .foreign_book_club ul li.txt1 span {background:url(/lll/images/sub/club_icon_01.png) center / 58px no-repeat;} #detail_con .foreign_book .foreign_book_club ul li.txt2 span {background:url(/lll/images/sub/club_icon_02.png) center / 58px no-repeat;} #detail_con .foreign_book .foreign_book_club ul li.txt3 span {background:url(/lll/images/sub/club_icon_03.png) 20px center / 57px no-repeat;} #detail_con .foreign_book .foreign_book_club ul li.txt4 span {background:url(/lll/images/sub/club_icon_04.png) center / 55px no-repeat;} #detail_con .foreign_book .foreign_book_club ul li.txt5 span {background:url(/lll/images/sub/club_icon_05.png) 4px center / 58px no-repeat;} #detail_con .foreign_book .box_con2 .tit {padding:50px 0; background:url(/lll/images/sub/foreign_info_bg2.gif) center top no-repeat; text-align:center;} #detail_con .foreign_book .box_con2 .tit span {display:block; color:#40548C; font-size:18px; font-weight:bold;} #detail_con .foreign_book .topic{display:flex; justify-content: space-evenly;} #detail_con .foreign_book .topic li {text-align:center;} #detail_con .foreign_book .topic p {color:#7a7a7c; font-size:20px; font-weight:bold;} #detail_con .foreign_book .topic li:last-child p {color:#383C4F;} #detail_con .foreign_book .topic p:before {display:block; content:''; width:180px; height:180px; margin-bottom:20px; border-radius:100%; background:#fff url(/lll/images/sub/foreign_book_topic_img01.png) center no-repeat;} #detail_con .foreign_book .topic li:last-child p:before {background:url(/lll/images/sub/foreign_book_topic_img02.png);} #detail_con .foreign_book .powerUp .con2, #detail_con .foreign_book .learn .con2 {margin-top:40px; margin-bottom:40px; text-align:center; display: flex;justify-content: center;} #detail_con .foreign_book .powerUp .con2>li.txt1:after {background:url(/lll/images/sub/foreign_book_power01.png) no-repeat;} #detail_con .foreign_book .powerUp .con2>li.txt2:after {background:url(/lll/images/sub/foreign_book_power02.png) no-repeat;} #detail_con .foreign_book .powerUp .con2>li.txt3:after {background:url(/lll/images/sub/foreign_book_power03.png) no-repeat;} #detail_con .foreign_book .powerUp .con2>li>div {min-height:220px;} .deep_color {color:#40548c;} .word {word-break:keep-all;} @media screen and (max-width:1020px){ #detail_con .yeonsu .con1 .con:after, #detail_con .yeonsu .con1 .con::after , #detail_con .yeonsu .con1 .con:before, #detail_con .yeonsu .con1 .con::before, #detail_con .foreign_info .con1 .con:after, #detail_con .foreign_info .con1 .con::after , #detail_con .foreign_info .con1 .con:before, #detail_con .foreign_info .con1 .con::before, #detail_con .foreign_info .con1 .tit:after, #detail_con .foreign_info .con1 .tit::after , #detail_con .foreign_info .con1 .tit:before, #detail_con .foreign_info .con1 .tit::before, #detail_con .foreign_book .con1 .con:after, #detail_con .foreign_book .con1 .con::after , #detail_con .foreign_book .con1 .con:before, #detail_con .foreign_book .con1 .con::before, #detail_con .foreign_book .con1 .tit:after, #detail_con .foreign_book .con1 .tit::after , #detail_con .foreign_book .con1 .tit:before, #detail_con .foreign_book .con1 .tit::before {background:none;} #detail_con .yeonsu .con1 .txt2, #detail_con .foreign_info .con1 .txt2, #detail_con .foreign_book .con1 .txt2 {padding:3%; background:#fafafa;} #detail_con .yeonsu .con1 .txt2 span, #detail_con .foreign_info .con1 .txt2 span, #detail_con .foreign_book .con1 .txt2 span {font-size:15px;} #detail_con .foreign_info .img_list li:nth-child(n+3) img {max-width:100%;} #detail_con .foreign_info .img_list {display:flex; flex-wrap:wrap;justify-content: center;} } @media screen and (min-width:769px){ #detail_con .yeonsu .con2, #detail_con .foreign_info .con3 ul, #detail_con .club_info .vision {overflow:hidden;} #detail_con .club_info .vision ul {display:flex;} #detail_con .foreign_info .con3 ul li.txt1:before, #detail_con .foreign_info .con3 ul li.txt1::before, #detail_con .yeonsu .con2 ul li.txt1:before, #detail_con .yeonsu .con3 ul li.txt1::before, #detail_con .club_info .vision li.txt1:before, #detail_con .foreign_info .con3 ul li.txt1::before {background:none;} #detail_con .yeonsu .con2 ul li:before, #detail_con .yeonsu .con2 ul li::before, #detail_con .foreign_info .con3 ul li:before, #detail_con .foreign_info .con3 ul li::before, #detail_con .club_info .vision li:before, #detail_con .foreign_info .con3 ul li::before {position:absolute; left:-4%; top:30px; width:2px; height:95px; background:#d1d1d1; content:"";} #detail_con .yeonsu .con2 ul li, #detail_con .foreign_info .con3 ul li, #detail_con .club_info .vision li {position:relative; float:left; padding-left:1%; padding-right:1%; margin-left:1%; margin-right:1%;} #detail_con .yeonsu .con2 ul li {width:16%;} #detail_con .foreign_info .con3 ul li {width:29.3%;} #detail_con .club_info .vision li {width:27.3%;} #detail_con .foreign_book .foreign_book_intro ul li {position:relative; width:48%;} #detail_con .foreign_book .foreign_book_intro ul li::before {position:absolute; left:-6%; top:104px; width:1px; height:190px; background:#d1d1d1; content:"";} } @media screen and (max-width:768px){ #map {height:200px !important;} #detail_con ol.step.col {background-position:6px top; background-repeat:repeat-y;} #detail_con ol.step.col li {width:100% !important; padding-top:0; padding-left:25px; margin:20px 0 0 0; background-position:left 5px; text-align:left;} #detail_con ol.step.col li:first-child {padding-left:25px;} #detail_con .box_con dt {width:100% !important; padding-top:20px; padding-bottom:20px; margin-bottom:0;} #detail_con .box_con dd {width:98% !important; margin-bottom:30px; margin-top:0 !important;} #detail_con .greeting .con .greeting_photo {width:100%; margin-bottom:20px; text-align:center;} #detail_con .greeting .con div {width:100%; margin-left:0;} #detail_con .yeonsu .con1 .txt2 {font-weight:normal;} #detail_con .yeonsu .con2 ul li {margin-bottom:5%;} #detail_con .ordinance {padding-top:0;} #detail_con .ordinance .tbox {position:static;} /* #detail_con .history .con dt {text-align:left;} #detail_con .history .con .long dt, #detail_con .history .con .long2 dt, #detail_con .history .con dt {width:100%; margin-top:20px; padding-top:10px; padding-bottom:10px;} #detail_con .history .con dd {width:100%; padding-top:10px; padding-bottom:10px;} */ #detail_con .history dl p.date {padding-left:10px; padding-right:10px;} #detail_con .history dl p span {display:none;} #detail_con .important .vision li ul li {width:49%;} #detail_con .important .box_con dd ul {width:100%;} #detail_con .important .box_con dd ul:first-child {margin-right:0;} #detail_con .self_request .photo, #detail_con .self_request .con {width:100%; margin-left:0;} #detail_con .self_request .self_request_img {max-width:100%;} #detail_con .location .con .bus ul li ul li {width:100%; } #detail_con .foreign_info .con1 .h4_tbox:after, #detail_con .foreign_info .con1 .h4_tbox::after {background:none;} #detail_con .foreign_info .con1 .h4_tbox div {margin-left:0; border-left:none;} #detail_con .foreign_info .con1 .tit {margin-bottom:20px;} /* #detail_con .foreign_info .con2 p {font-size:20px !important;} */ #detail_con .foreign_info .con3 ul li {margin-bottom:5%;} #detail_con .foreign_info .photo_box li {width:49%; margin-bottom:20px;} #detail_con .foreign_info .foreign_info_center {overflow:hidden;} #detail_con .foreign_info .foreign_info_center li {width:49%; margin-bottom:20px;} #detail_con .foreign_info .center>li {float:left; width:98%;} #detail_con .foreign_book .con1 .h4_tbox:after, #detail_con .foreign_book .con1 .h4_tbox::after {background:none;} #detail_con .foreign_book .con1 .h4_tbox div {margin-left:0; border-left:none;} #detail_con .foreign_book .con1 .tit { margin-bottom:20px;} #detail_con .foreign_book .con2>li {width:48%; margin-bottom:20px;} #detail_con .club_info .vision li {margin-bottom:5%;} #detail_con .club_info .vision li span {padding-top:130px; margin-bottom:0;} #detail_con .online li {float:left; width:98%;} #detail_con .foreign_info .con2_2 li {width:150px; height:150px;} } @media screen and (max-width:500px){ #detail_con .declaration:after, #detail_con .declaration::after, #detail_con .declaration:before, #detail_con .declaration::before {border:none;} #detail_con .foreign_book .con2>li {width:48%;} #detail_con .foreign_book .con2>li>div {padding-bottom:20px; min-height:auto;} #detail_con .foreign_info .con2 .slogan, #detail_con .foreign_book .con2 .slogan {font-size:30px;} #detail_con .foreign_info .con2_2 ul {display:flex; flex-direction:column; align-items:center;} #detail_con .foreign_info .con2_2 li {display:block; margin-left:0; margin-top:-20px;} #detail_con .foreign_book .con2 {margin:20px 0;} #detail_con .foreign_book .foreign_book_intro ul {display:flex; flex-direction:column; margin-bottom:30px;} #detail_con .foreign_book .foreign_book_intro ul li {width:100%;} #detail_con .foreign_book .foreign_book_intro ul li p.intro_slogan {height:auto;} #detail_con .foreign_book .con1 .tit {padding-top:0px;} #detail_con .foreign_book .foreign_book_dream ul.con {display:flex; flex-direction:column;} #detail_con .foreign_book .foreign_book_dream ul.con>li {width:100%;} #detail_con .foreign_book .foreign_book_dream>ul>li:first-child {margin-bottom:20px;} #detail_con .foreign_book .learn .con2 {display:flex; flex-wrap:wrap;} #detail_con .foreign_book .foreign_book_club ul {display:flex; flex-direction:column;} #detail_con .foreign_book .foreign_book_club ul li span {margin-bottom:0;} #detail_con .foreign_book .foreign_book_club ul li.txt3 span {background: url(/lll/images/sub/club_icon_03.png) center / 57px no-repeat;} #detail_con .foreign_book .foreign_book_club ul li.txt5 span {background: url(/lll/images/sub/club_icon_05.png) center / 58px no-repeat;} #detail_con .foreign_book .box_con2 .tit {padding:37px 0; word-break:keep-all;} #detail_con .foreign_book .topic p:before {width:150px; height:150px; background: #fff url(/lll/images/sub/foreign_book_topic_img01.png) center / 150px no-repeat;} #detail_con .foreign_book .topic li:last-child p:before {background: url(/lll/images/sub/foreign_book_topic_img02.png) center / 150px no-repeat;} #detail_con .foreign_book .powerUp .con2 {display:flex; flex-direction:column; align-items:center;} #detail_con .foreign_book .foreign_book_img {width:80%;} #detail_con .foreign_book .dream_img {width:50%;} #detail_con .location .location_qr {flex-direction: column;} #detail_con .location .location_qr div:last-child p {text-align:center;} } @media screen and (max-width:395px){ #detail_con .foreign_book .box_con2 .tit {padding:14px 0;} }