@charset "euc-kr"; /* 학과소개 */ .introduceLaw_lay p {font-size:17px; line-height:22px; margin:15px 0 15px 0; font-weight:300;} .introduceLaw_img {margin-top:40px; text-align:center;} .introduceLaw_box {margin:40px 0 30px 0;} .introduceLaw_box .inner_wrap {width:444px; min-height:400px; margin:0 auto; padding-bottom:10px; background-color:#5ca90a;} .introduceLaw_box .inner_wrap .IL_box_top {padding-top:40px; margin-bottom:20px;} .introduceLaw_box .inner_wrap .IL_box_top p {font-size:22px; line-height:32px; text-align:center; color:#fff; letter-spacing:-0.05em; font-weight:400;} .introduceLaw_box .inner_wrap .IL_box_top p em {font-size:30px; font-weight:500;} .introduceLaw_box .inner_wrap .IL_box_bottom {position:relative; padding-top:10px; margin-bottom:20px; margin:0 auto; width:328px; min-height:260px; background:url("../../images/contents/Law_innerbg.png") no-repeat 0 0;} .introduceLaw_box .inner_wrap .IL_box_bottom .con1 {position:absolute; font-size:18px; letter-spacing:-0.03em; color:#fff; top:2px; left:137px;} .introduceLaw_box .inner_wrap .IL_box_bottom .con2 {position:absolute; font-size:18px; letter-spacing:-0.03em; color:#fff; bottom:13px; left:16px;} .introduceLaw_box .inner_wrap .IL_box_bottom .con3 {position:absolute; font-size:16px; letter-spacing:-0.03em; color:#5ba700; top:120px; right:50px;} .introduceLaw_box .inner_wrap .IL_box_bottom .con4 {position:absolute; font-size:18px; letter-spacing:-0.03em; color:#fff; bottom:13px; right:15px;} @media screen and (max-width:360px) { .introduceLaw_box {background-size:cover;} .introduceLaw_box .inner_wrap {width:auto; min-height:300px;} .introduceLaw_box .inner_wrap .IL_box_top {padding-top:40px; margin-bottom:20px;} .introduceLaw_box .inner_wrap .IL_box_top p {padding-right:10px; padding-left:10px;} .introduceLaw_box .inner_wrap .IL_box_bottom {background-size:80%; width:300px; min-height:200px; background-position:center 0; margin-bottom:10px;} .introduceLaw_box .inner_wrap .IL_box_bottom .con1 {font-size:15px; top:2px; left:129px;} .introduceLaw_box .inner_wrap .IL_box_bottom .con2 {font-size:15px; bottom:22px; left:38px;} .introduceLaw_box .inner_wrap .IL_box_bottom .con3 {font-size:13px; top:87px; right:57px;} .introduceLaw_box .inner_wrap .IL_box_bottom .con4 {font-size:15px; bottom:22px; right:38px;} } /* 학과연혁 */ .law_history {margin-top:35px; background:url("../../images/contents/law_line.gif") repeat-y 92px top;} .law_history .cell {position:relative; margin-bottom:30px; padding-left:135px;} .law_history .cell h4 {position:absolute; left:0; top:0; width:100px; background:url("../../images/contents/law_h4bg.gif") no-repeat right 8px; color:#06495c; font-size:24px; font-weight:600; line-height:25px;} .law_history .cell.first h4 {background:url("../../images/contents/law_h4bg_first.gif") no-repeat right -8px;} .law_history .cell ol {position:relative;} .law_history .cell ol li {position:relative; padding:5px 0 5px 120px; clear:both;} .law_history .cell ol li li {padding:0 0 0 10px;} .law_history .cell ol li span.date {position:absolute; left:0; top:3px; text-align:center; font-size:15px; font-weight:600; color:#555; width:95px; height:27px; padding-top:2px; border:2px solid #e3e7d4;} .law_history .cell ol li .bu li {padding-left:10px;} .law_history .text {font-weight:300;} .law_history .text li::after {position:absolute; left:0; top:12px; content:""; width:3px; height:3px; background:#737477;} @media screen and (max-width:800px) { .law_intro {background-size:cover;} .law_titlebox .photobox .conbox{position:absolute; width:384px; margin-left:0; right:0;} } @media screen and (max-width:640px) { .law_history { background-position:5px top !important;} .law_history .cell { padding-left:20px;} .law_history .cell h4 { position:static; margin:0 0 10px -20px; padding-left:20px; background-position:left 8px !important; } .law_history .cell.first h4 { background-position:left -8px !important;} .law_history .cell ol li { padding-left:100px;} .law_history .text {margin:0 0 0 10px;} } /* 학과특징 */ .kang{position:relative; margin-bottom:20px;} .kang div.ico01{background:#f4f4f4 url("../../images/contents/kang_ico04.png") right center no-repeat; height:66px; width:100%; border-radius:28px;} .kang div.ico02{background:#f4f4f4 url("../../images/contents/kang_ico10.png") right center no-repeat; height:66px; width:100%;} .kang div.ico03{background:#f4f4f4 url("../../images/contents/kang_ico01.png") right center no-repeat; height:66px; width:100%;} .kang div.ico04{background:#f4f4f4 url("../../images/contents/kang_ico05.png") right center no-repeat; height:66px; width:100%;} .kang div.ico05{background:#f4f4f4 url("../../images/contents/kang_ico08.png") right center no-repeat; height:66px; width:100%;} .kang div.ico06{background:#f4f4f4 url("../../images/contents/kang_ico09.png") right center no-repeat; height:66px; width:100%;} .kang div.ico07{background:#f4f4f4 url("../../images/contents/kang_ico07.png") right center no-repeat; height:66px; width:100%;} .kang div.ico08{background:#f4f4f4 url("../../images/contents/kang_ico03.png") right center no-repeat; height:66px; width:100%;} .kang div.ico09{background:#f4f4f4 url("../../images/contents/kang_ico06.png") right center no-repeat; height:66px; width:100%;} .kang div.ico10{background:#f4f4f4 url("../../images/contents/kang_ico02.png") right center no-repeat; height:66px; width:100%;} .kang div span.type01 {float:left; background:url("../../images/contents/kang_bg.png") left top no-repeat; text-align:center; padding-top:20px; height:52px; width:135px; color:#fff; font-size:24px;} .kang div span.type02 {float:left; background:url("../../images/contents/kang_bg02.png") left top no-repeat; text-align:center; padding-top:20px; height:52px; width:130px; color:#fff; font-size:24px;} .kang div h1{font-size:22px; font-weight:400; padding-top:20px; padding-left:10px;} .kang p{padding:25px 0 0 10px;} @media all and (max-width:480px){ .kang div span.type01{font-size:18px; width:100px; padding:20px 0 0 0; background:url("../../images/contents/kang_bg_m.png") left 20% no-repeat;} .kang div span.type02{font-size:18px; width:100px; padding:20px 0 0 0; background:url("../../images/contents/kang_bg02_m.png") left 20% no-repeat;} .kang div h1 {font-size:16px; font-weight:400; padding-top:23px; padding-left:0; line-height:20px;} .kang div h1.pad {padding-top:15px !important;} .kang div h1.pad2 {font-size:15px !important; padding-top:15px !important;} .kang div.ico01{background:#f4f4f4; height:66px; width:100%; border-radius:27px;} .kang div.ico02{background:#f4f4f4; height:66px; width:100%; border-radius:27px;} .kang div.ico03{background:#f4f4f4; height:66px; width:100%; border-radius:27px;} .kang div.ico04{background:#f4f4f4; height:66px; width:100%; border-radius:27px;} .kang div.ico05{background:#f4f4f4; height:66px; width:100%; border-radius:27px;} .kang div.ico06{background:#f4f4f4; height:66px; width:100%; border-radius:27px;} .kang div.ico07{background:#f4f4f4; height:66px; width:100%; border-radius:27px;} .kang div.ico08{background:#f4f4f4; height:66px; width:100%; border-radius:27px;} .kang div.ico09{background:#f4f4f4; height:66px; width:100%; border-radius:27px;} .kang div.ico10{background:#f4f4f4; height:66px; width:100%; border-radius:27px;} } .box-style {margin-bottom:30px; padding:22px 50px 30px; overflow:hidden;} .box-style p {font-size:18px; color:#fff; line-height:22px;} .box-style span {font-size:25px; color:#fff; font-weight:600; line-height:50px;} .box_char {background:#00a151 url("../../images/contents/box_char_bg.png") no-repeat right top;} .box_law {background:#00a151 url("../../images/contents/box_law_bg.png") no-repeat right top;} @media screen and (max-width:640px) { .box-style {padding:15px 50px 20px; overflow:hidden;} .box-style p {font-size:15px; color:#fff; line-height:18px;} .box-style span {font-size:18px; font-weight:500; line-height:30px;} .box_char {background:#00a151;} .box_law {background:#00a151;} } .box-style2 {margin-bottom:30px; padding:55px 50px; overflow:hidden;} .box-style2 p {font-size:18px; color:#fff; line-height:22px;} .box-style2 span {font-size:25px; color:#fff; font-weight:600; line-height:50px;} .box_recom {background:#00a151 url("../../images/contents/box_recom_bg.png") no-repeat left top;} @media screen and (max-width:640px) { .box_recom {background:#00a151;} .box-style2 {padding:20px 20px;} .box-style2 p {font-size:16px; color:#fff; line-height:22px;} .box-style2 span {font-size:20px; font-weight:500; line-height:30px;} } /* 재학생분포 */ .chart_box {margin-bottom:20px; background-color:#f4f4f4;} .chart_box .inner_wrap01 {position:relative; width:444px; min-height:450px; margin:0 auto; background:url("../../images/contents/chartBg_01.png") no-repeat center 60%;} .chart_box .inner_wrap01 h3 {position:absolute; top:230px; left:186px;} .chart_box .inner_wrap01 li {position:absolute; font-size:19px; color:#000; font-weight:500; letter-spacing:-0.07em;} .chart_box .inner_wrap01 li span {font-size:16px;} .chart_box .inner_wrap01 li.list01 {top:43px; right:137px;} .chart_box .inner_wrap01 li.list02 {top:136px; right:116px;} .chart_box .inner_wrap01 li.list03 {top:300px; right:96px;} .chart_box .inner_wrap01 li.list04 {top:260px; left:71px;} .chart_box .inner_wrap01 li.list05 {top:122px; left:140px;} .chart_box .inner_wrap01 li.list06 {top:38px; left:174px;} .chart_box .inner_wrap02 {position:relative; width:444px; min-height:450px; margin:0 auto; background:url("../../images/contents/chartBg_02.png") no-repeat center 60%;} .chart_box .inner_wrap02 h3 {position:absolute; top:230px; left:186px;} .chart_box .inner_wrap02 li {position:absolute; font-size:19px; color:#000; font-weight:500; letter-spacing:-0.07em;} .chart_box .inner_wrap02 li span {font-size:16px;} .chart_box .inner_wrap02 li.list01 {top:40px; right:127px;} .chart_box .inner_wrap02 li.list02 {top:245px; right:91px; line-height:18px; text-align:center;} .chart_box .inner_wrap02 li.list03 {top:333px; right:215px; line-height:18px; text-align:center;} .chart_box .inner_wrap02 li.list04 {top:275px; left:83px; line-height:18px; text-align:center;} .chart_box .inner_wrap02 li.list05 {top:135px; left:82px; line-height:18px; text-align:center; color:#fff; text-shadow : 2px 2px 2px rgba(0,0,0,0.4);} .chart_box .inner_wrap02 li.list06 {top:101px; left:176px; line-height:18px; text-align:center;} .chart_box .inner_wrap03 {position:relative; width:444px; min-height:450px; margin:0 auto; background:url("../../images/contents/chartBg_03.png") no-repeat center 60%;} .chart_box .inner_wrap03 h3 {position:absolute; top:220px; left:197px;} .chart_box .inner_wrap03 li {position:absolute; font-size:19px; color:#000; font-weight:500; letter-spacing:-0.07em;} .chart_box .inner_wrap03 li span {font-size:16px;} .chart_box .inner_wrap03 li.list01 {top:140px; right:97px; line-height:18px; text-align:center;} .chart_box .inner_wrap03 li.list02 {top:265px; right:86px; line-height:18px; text-align:center;} .chart_box .inner_wrap03 li.list03 {top:339px; right:167px; line-height:18px; text-align:center;} .chart_box .inner_wrap03 li.list04 {top:314px; left:118px; color:#fff;} .chart_box .inner_wrap03 li.list05 {top:278px; left:-25px;} .chart_box .inner_wrap03 li.list06 {top:245px; left:-34px;} .chart_box .inner_wrap03 li.list07 {top:207px; left:-35px;} .chart_box .inner_wrap03 li.list08 {top:166px; left:-41px;} .chart_box .inner_wrap03 li.list09 {top:93px; left:-18px;} .chart_box .inner_wrap03 li.list10 {top:109px; left:153px;} .chart_box .inner_wrap04 {position:relative; width:444px; min-height:450px; margin:0 auto; background:url("../../images/contents/chartBg_04.png") no-repeat center 60%;} .chart_box .inner_wrap04 h3 {position:absolute; top:230px; left:199px;} .chart_box .inner_wrap04 li {position:absolute; font-size:19px; color:#000; font-weight:500; letter-spacing:-0.07em;} .chart_box .inner_wrap04 li span {font-size:16px;} .chart_box .inner_wrap04 li.list01 {top:166px; right:90px; line-height:18px; text-align:center;} .chart_box .inner_wrap04 li.list02 {top:331px; right:120px;} .chart_box .inner_wrap04 li.list03 {top:339px; right:240px; line-height:18px; text-align:center;} .chart_box .inner_wrap04 li.list04 {top:320px; left:136px; line-height:18px; text-align:center;} .chart_box .inner_wrap04 li.list05 {top:294px; left:100px; line-height:18px; text-align:center;} .chart_box .inner_wrap04 li.list06 {top:260px; left:-15px;} .chart_box .inner_wrap04 li.list07 {top:220px; left:-18px;} .chart_box .inner_wrap04 li.list08 {top:182px; left:-11px;} .chart_box .inner_wrap04 li.list09 {top:154px; left:0;} .chart_box .inner_wrap04 li.list10 {top:95px; left:53px;} .chart_box .inner_wrap04 li.list11 {top:72px; left:83px;} .chart_box .inner_wrap04 li.list12 {top:52px; left:121px;} .chart_box .inner_wrap04 li.list13 {top:28px; left:155px;} .chart_box .inner_wrap04 li.list14 {top:49px; left:221px;} .chart_box .inner_wrap04 li.list15 {top:42px; left:293px;} .chart_box .inner_wrap04 li.list16 {top:66px; left:340px;} .chart_box .inner_wrap04 li.list17 {top:85px; left:340px;} @media screen and (max-width:480px) { .chart_box .inner_wrap01 {position:relative; background:none; min-height:405px;} .chart_box .inner_wrap01 h3 {top:20px; left:30px;} .chart_box .inner_wrap01 ul {padding:60px 12% 0 8%; margin:0 auto;} .chart_box .inner_wrap01 li {position:relative; margin:10px 0 0 0; line-height:18px; padding:10px 20px; font-size:16px; color:#fff; font-weight:500; letter-spacing:-0.07em; height:20px; text-shadow:2px 2px 2px rgba(0,0,0,0.2);} .chart_box .inner_wrap01 li span {font-size:14px;} .chart_box .inner_wrap01 li.list01 {top:0; left:0; background-color:#f0902f; width:15%;} .chart_box .inner_wrap01 li.list02 {top:0; left:0; background-color:#13a5a0; width:30%;} .chart_box .inner_wrap01 li.list03 {top:0; left:0; background-color:#b5c81b; width:45%;} .chart_box .inner_wrap01 li.list04 {top:0; left:0; background-color:#0db160; width:42%;} .chart_box .inner_wrap01 li.list05 {top:0; left:0; background-color:#d4c860; width:25%;} .chart_box .inner_wrap01 li.list06 {top:0; left:0; background-color:#65645b; width:17%;} .chart_box .inner_wrap02 {position:relative; background:none; min-height:405px;} .chart_box .inner_wrap02 h3 {top:20px; left:30px;} .chart_box .inner_wrap02 ul {padding:60px 12% 0 8%; margin:0 auto;} .chart_box .inner_wrap02 li {position:relative; text-align:left !important; margin:10px 0 0 0; line-height:18px; padding:10px 20px; font-size:15px; color:#fff; font-weight:500; letter-spacing:-0.07em; height:20px; text-shadow:2px 2px 2px rgba(0,0,0,0.2); } .chart_box .inner_wrap02 li span {font-size:13px;} .chart_box .inner_wrap02 li br {display:none;} .chart_box .inner_wrap02 li.list01 {top:0; left:0; background-color:#f0902f; width:18%;} .chart_box .inner_wrap02 li.list02 {top:0; left:0; background-color:#0db160; width:56%;} .chart_box .inner_wrap02 li.list03 {top:0; left:0; background-color:#d4c860; width:22%;} .chart_box .inner_wrap02 li.list04 {top:0; left:0; background-color:#b5c81b; width:38%;} .chart_box .inner_wrap02 li.list05 {top:0; left:0; background-color:#65645b; width:35%;} .chart_box .inner_wrap02 li.list06 {top:0; left:0; background-color:#13a5a0; width:28%;} .chart_box .inner_wrap03 {position:relative; background:none; min-height:615px;} .chart_box .inner_wrap03 h3 {top:20px; left:30px;} .chart_box .inner_wrap03 ul {padding:60px 12% 0 8%; margin:0 auto;} .chart_box .inner_wrap03 li {position:relative; text-align:left !important; margin:10px 0 0 0; line-height:18px; padding:10px 20px; font-size:15px; color:#fff; font-weight:500; letter-spacing:-0.07em; text-shadow:2px 2px 2px rgba(0,0,0,0.2);} .chart_box .inner_wrap03 li span {font-size:13px;} .chart_box .inner_wrap03 li br {display:none;} .chart_box .inner_wrap03 li.list01 {top:0; left:0; background-color:#0b9852; width:50%;} .chart_box .inner_wrap03 li.list02 {top:0; left:0; background-color:#13a5a0; width:40%;} .chart_box .inner_wrap03 li.list03 {top:0; left:0; background-color:#b5c81b; width:35%;} .chart_box .inner_wrap03 li.list04 {top:0; left:0; background-color:#65645b; width:30%;} .chart_box .inner_wrap03 li.list05 {top:0; left:0; background-color:#f3bf52; width:20%;} .chart_box .inner_wrap03 li.list06 {top:0; left:0; background-color:#cb8ab7; width:18%;} .chart_box .inner_wrap03 li.list07 {top:0; left:0; background-color:#8ab6dd; width:18%;} .chart_box .inner_wrap03 li.list08 {top:0; left:0; background-color:#8181ba; width:28%;} .chart_box .inner_wrap03 li.list09 {top:0; left:0; background-color:#5abca5; width:20%;} .chart_box .inner_wrap03 li.list10 {top:0; left:0; background-color:#f0902f; width:30%;} .chart_box .inner_wrap04 {position:relative; background:none; min-height:1010px;} .chart_box .inner_wrap04 h3 {top:20px; left:30px;} .chart_box .inner_wrap04 ul {padding:60px 12% 0 8%; margin:0 auto;} .chart_box .inner_wrap04 li {position:relative; text-align:left !important; margin:10px 0 0 0; line-height:18px; padding:10px 20px; font-size:15px; color:#fff; font-weight:500; letter-spacing:-0.07em; text-shadow:2px 2px 2px rgba(0,0,0,0.2);} .chart_box .inner_wrap04 li span {font-size:13px;} .chart_box .inner_wrap04 li br {display:none;} .chart_box .inner_wrap04 li.list01 {top:0; left:0; background-color:#b5c81b; width:55%;} .chart_box .inner_wrap04 li.list02 {top:0; left:0; background-color:#13a5a0; width:45%;} .chart_box .inner_wrap04 li.list03 {top:0; left:0; background-color:#648b99; width:30%;} .chart_box .inner_wrap04 li.list04 {top:0; left:0; background-color:#e9b5b7; width:24%;} .chart_box .inner_wrap04 li.list05 {top:0; left:0; background-color:#8ab6dd; width:24%;} .chart_box .inner_wrap04 li.list06 {top:0; left:0; background-color:#8181ba; width:20%;} .chart_box .inner_wrap04 li.list07 {top:0; left:0; background-color:#e180ab; width:18%;} .chart_box .inner_wrap04 li.list08 {top:0; left:0; background-color:#5abca5; width:16%;} .chart_box .inner_wrap04 li.list09 {top:0; left:0; background-color:#f38b0e; width:16%;} .chart_box .inner_wrap04 li.list10 {top:0; left:0; background-color:#cb8ab7; width:16%;} .chart_box .inner_wrap04 li.list11 {top:0; left:0; background-color:#18b8ea; width:16%;} .chart_box .inner_wrap04 li.list12 {top:0; left:0; background-color:#65645b; width:14%;} .chart_box .inner_wrap04 li.list13 {top:0; left:0; background-color:#bdd581; width:16%;} .chart_box .inner_wrap04 li.list14 {top:0; left:0; background-color:#ba659d; width:14%;} .chart_box .inner_wrap04 li.list15 {top:0; left:0; background-color:#ede51c; width:14%;} .chart_box .inner_wrap04 li.list16 {top:0; left:0; background-color:#ec6d3b; width:14%;} .chart_box .inner_wrap04 li.list17 {top:0; left:0; background-color:#3f7b5e; width:14%;} } /* 학습로드맵 */ .loadmap_box .style01 li .float_left, .loadmap_box .style01 li .float_right {padding:20px; height:150px;} .loadmap_box .style01 li .float_left {width:20%; color:#fff; border-radius:10px; border-top-right-radius:0;} .loadmap_box .style01 li .float_right {display:table; width:77%; border:1px solid #ddd;} .loadmap_box .style01 li .float_right .bul_box {display:table-cell; vertical-align:middle;} .loadmap_box .style01 li .color05 .step {margin-bottom:10px;} .loadmap_box ul li.listbox{float:left; width:45.4%; margin:0 4% 32px 0;} .loadmap_box ul li.listbox .titlebox{position:relative; border-radius:10px; margin-bottom:14px;} .loadmap_box ul li.listbox .titlebox .decoration{position:absolute; width:17px; height:46px; left:50%; bottom:-38px; margin-left:-8px; background-repeat:no-repeat;} .loadmap_box ul li.listbox .titlebox p.table-cell{display:table-cell; width:426px; height:55px; text-align:center; vertical-align:middle; color:#FFF; font-size:18px;} .contentbox.con01 .loadmap_box ul li.listbox .titlebox{background-color:#1a9e4c;} .contentbox.con02 .loadmap_box ul li.listbox .titlebox{background-color:#e45a06;} .contentbox.con03 .loadmap_box ul li.listbox .titlebox{background-color:#0b8254;} .contentbox.con04 .loadmap_box ul li.listbox .titlebox{background-color:#5f1f90;} .contentbox.con01 .loadmap_box ul li.listbox .titlebox .decoration{background-image:url("/site/iacf/images/contents/cts4738_decoration1.png");} .contentbox.con02 .loadmap_box ul li.listbox .titlebox .decoration{background-image:url("/site/iacf/images/contents/cts4738_decoration2.png");} .contentbox.con03 .loadmap_box ul li.listbox .titlebox .decoration{background-image:url("/site/iacf/images/contents/cts4738_decoration3.png");} .contentbox.con04 .loadmap_box ul li.listbox .titlebox .decoration{background-image:url("/site/iacf/images/contents/cts4738_decoration4.png");} .loadmap_box ul li.listbox .conbox{border-style:solid; border-width:2px; min-height:100px; padding:23px 8% 24px;} .contentbox.con01 .loadmap_box ul li.listbox .conbox{border-color:#8bc4a1;} .contentbox.con02 .loadmap_box ul li.listbox .conbox{border-color:#e45a06;} .contentbox.con03 .loadmap_box ul li.listbox .conbox{border-color:#0b8254;} .contentbox.con04 .loadmap_box ul li.listbox .conbox{border-color:#5f1f90;} .loadmap_box ul li.listbox .conbox ul li{background:url("../../images/contents/ul_depth1_bu.gif") no-repeat left 9px; margin-bottom:4px; padding-left:12px; font-weight:300; line-height:22px;} @media screen and (max-width:800px) { .loadmap_box{padding:26px 4% 16px;} .loadmap_box .floatbox ul.table-row{display:table; table-layout:fixed; width:100%; margin-bottom:32px;} .loadmap_box .floatbox ul.table-row li.listbox{float:none; display:table-cell; width:50%; padding:0 2.3%; vertical-align:top;} .loadmap_box ul li.listbox .conbox ul li br{display:none;} .loadmap_box ul li.listbox .titlebox p.table-cell{padding:1px 8%; font-size:16px; line-height:20px;} } @media screen and (max-width:480px) { .loadmap_box .floatbox ul.table-row{display:block; margin-bottom:0;} .loadmap_box .floatbox ul.table-row li.listbox{display:block; width:auto; padding:0;} .loadmap_box ul li.listbox .conbox{min-height:0;} } /* 관련사이트 */ ul.site_link {margin-left:-10px;} ul.site_link li {float:left; width:180px; margin:0 0 0 9px; text-align:center;} ul.site_link li span.img_area {display:block;} ul.site_link li span.img_area img {border:1px solid #e0e0e0;} ul.site_link li a {display:block;} @media screen and (max-width:800px) { ul.site_link { margin-left:-2%;} ul.site_link li { width:23%; margin-left:2%;} ul.site_link li span.img_area img { width:100%; max-width:200px; box-sizing:border-box;} } @media screen and (max-width:640px) { ul.site_link { margin-left:-2%;} ul.site_link li { width:47%; margin-left:2%;} } /* 강의맛보기 */ .profInfo_list {width:100%; border-top:2px solid #bcbcc3; overflow:hidden; clear:both;} .profInfo_list .intro_basic {position:relative; overflow:hidden; width:50%; float:left; border-bottom:1px solid #dbdee1; padding-top:25px;} .profInfo_list .none {} .profInfo_list .last {border-bottom:1px solid #b7bcc3;} .profInfo_list .intro_basic .img {width:21%; min-height:140px; float:left; margin-right:5%;} .profInfo_list .intro_basic .img:after {clear:both; display:block; content:"";} .profInfo_list .intro_basic .txt {float:left; width:68%; padding-bottom:20px;} .profInfo_list .intro_basic .txt p.title {height:42px; border-bottom:1px dashed #e0e2e5; font-size:20px; color:#283345; font-weight:bold;} .profInfo_list .intro_basic .txt .txtlist {width:95%; padding-right:5%;} .profInfo_list table{border:0; width:100%; margin-top:35px;} .profInfo_list table td{padding:0; color:#555555; text-align:left; line-height:20px; vertical-align:top; background-color:#fff; border:0px; padding-bottom:9px;} .profInfo_list table td.head{font-weight:bold; background-color:#fff;} .profInfo_list .blue {position:absolute; top:100px; right:30px;} .profInfo_list .blue a{width:102px; display:inline-block; padding-top:9px; padding-bottom:9px; background-color:#06495c; color:#fff;line-height:1; text-align:center; margin-bottom:25px;} @media all and (max-width:767px) { .profInfo_list .intro_basic {width:100%;} .profInfo_list .intro_basic .img {width:35%; margin-right:0;} .profInfo_list .intro_basic .txt {width:65%;} .profInfo_list .intro_basic .txt p.title {font-size:19px;} .profInfo_list .blue {position:relative; top:0; right:0;} .profInfo_list table{border:0; width:100%; margin-top:15px;} } @media all and (max-width:320px) { .profInfo_list .intro_basic .txt p.title {font-size:18px;} } /* */ .profInfo_list2 {width:100%; border-top:2px solid #bcbcc3; overflow:hidden; clear:both;} .profInfo_list2 .intro_basic {overflow:hidden; width:50%; float:left; border-bottom:1px solid #dbdee1; padding-top:25px;} .profInfo_list2 .none {} .profInfo_list2 .last {border-bottom:1px solid #b7bcc3;} .profInfo_list2 .intro_basic .img {width:21%; min-height:185px; float:left; margin-right:5%;} .profInfo_list2 .intro_basic .img:after {clear:both; display:block; content:"";} .profInfo_list2 .intro_basic .txt {float:left; width:68%; padding-bottom:20px;} .profInfo_list2 .intro_basic .txt p.title {height:42px; border-bottom:1px dashed #e0e2e5; font-size:20px; color:#283345; font-weight:bold;} .profInfo_list2 .intro_basic .txt .txtlist {width:95%; padding-right:5%;} .profInfo_list2 table{border:0; width:100%; margin-top:15px;} .profInfo_list2 table td{padding:0; color:#555555; text-align:left; line-height:20px; vertical-align:top; background-color:#fff; border:0px; padding-bottom:9px;} .profInfo_list2 table td.head{font-weight:bold; background-color:#fff;} .profInfo_list2 .blue{margin-top:10px;} .profInfo_list2 .blue a{width:102px; display:inline-block; padding-top:9px; padding-bottom:9px; font-weight:bold; background-color:#4b5869; color:#fff;line-height:1; text-align:center; margin-bottom:25px;} @media all and (max-width:767px) { .profInfo_list2 .intro_basic {width:100%;} .profInfo_list2 .intro_basic .img {width:35%; margin-right:0;} .profInfo_list2 .intro_basic .txt {width:65%;} } .profInfo_view {width:100%; border-top:2px solid #bcbcc3; border-bottom:1px solid #b7bcc3; padding-top:25px; overflow:hidden; clear:both;} .profInfo_view .intro_basic {overflow:hidden;} .profInfo_view .intro_basic .img {width:15%; min-height:170px; float:left;} .profInfo_view .intro_basic .img:after {clear:both; display:block; content:"";} .profInfo_view .intro_basic .txt {float:left; width:85%; padding-bottom:25px;} .profInfo_view .intro_basic .txt p.title {height:42px; border-bottom:1px dashed #e0e2e5; font-size:20px; color:#283345; font-weight:bold;} .profInfo_view .intro_basic .txt .txtlist {width:100%;} @media all and (max-width:767px) { .profInfo_view .intro_basic .img {width:35%;} .profInfo_view .intro_basic .txt {width:65%;} } .black li span {color:#000;}