@charset "UTF-8";

/* 메인 */
main.index > div.grid {position:relative; padding:230px 0 125px; /*background:url(/images/bg_index1.png) no-repeat center; background-size:cover; transition:background 1s; */;}
main.index > div.grid > div.slide_bg {position:absolute; left:0; top:0; width:100%; height:100%;}
main.index > div.grid > div.slide_bg .slick-track,
main.index > div.grid > div.slide_bg .slick-list {height:100%;}
main.index > div.grid > div.slide_bg .slick-slide div {height:100%;}
main.index > div.grid > div.slide_bg .slick-active div.bg {opacity:1;}
main.index > div.grid > div.slide_bg div.bg {background-repeat:no-repeat; background-position:center; background-size:cover; opacity:0.3; transition:all 1s;}
main.index > div.grid > div.slide_bg div.bg1 {background-image:url(../images/bg_index1.png);}
main.index > div.grid > div.slide_bg div.bg2 {background-image:url(../images/bg_index2.png);}
main.index > div.grid > div.slide_bg div.bg3 {background-image:url(../images/bg_index3.png);}
main.index > div.grid div.spl {position:relative; font-size:0;}
main.index > div.grid div.spl > div[class^="col"] {display:inline-block; vertical-align:top; box-sizing:border-box; position:relative;}
main.index > div.grid div.spl > div.col70 {width:70%; font-size:14px;}
main.index > div.grid div.spl > div.col40 {width:40%; font-size:14px;}
main.index > div.grid div.spl > div.col30 {width:30%; font-size:14px;}
main.index > div.grid div.spl > div.slogan {height:355px;}
main.index > div.grid div.spl > div.slogan > strong {display:block; font-size:46px; line-height:62px; word-break:keep-all; color:#1f2733; letter-spacing:-2px;}
main.index > div.grid div.spl > div.slogan > strong > b {color:#de1d28;}
main.index > div.grid div.spl > div.profile {height:355px; background:#ff7a00;}


/* 로그인 전 */
main.index > div.grid div.spl > div.profile > div {box-sizing:border-box;}
main.index > div.grid div.spl > div.profile > div.login {padding:0 25px;}
main.index > div.grid div.spl > div.profile > div.login > h4 {font-size:20px; color:#fff; font-weight:normal; height:70px; line-height:70px;}
main.index > div.grid div.spl > div.profile > div.login > div.form > div[data-role=select] {height:46px; border:0 none;}
main.index > div.grid div.spl > div.profile > div.login > div.form > div[data-role=select] > ul.options {left:0; box-sizing:border-box;}
main.index > div.grid div.spl > div.profile > div.login > div.form > div[data-role=select] > ul.options.up {top:100%; bottom:auto;}
main.index > div.grid div.spl > div.profile > div.login > div.form > div[data-role=input] {margin-top:8px;}
main.index > div.grid div.spl > div.profile > div.login > div.form > div[data-role=input] > label {font-size:0;}
main.index > div.grid div.spl > div.profile > div.login > div.form > div[data-role=input] > label > input {box-sizing:border-box; width:100%; padding:0 10px; border:0 none; height:46px; line-height:46px;}

main.index > div.grid div.spl > div.profile > div.login > div.form > button {display:block; width:100%; height:56px; line-height:56px; margin-top:16px; vertical-align:top; border:0; background:#de1d28; color:#fff; font-size:20px; cursor:pointer;}
main.index > div.grid div.spl > div.profile > div.login > div.form > button:hover {background:#e8282f;}
main.index > div.grid div.spl > div.profile > div.login > div.form > div.util {margin-top:10px;}
main.index > div.grid div.spl > div.profile > div.login > div.form > div.util:after {content:''; display:block; clear:both;}
main.index > div.grid div.spl > div.profile > div.login > div.form > div.util > div[data-role=input] {float:left;}
main.index > div.grid div.spl > div.profile > div.login > div.form > div.util > div[data-role=input] > label {padding:0;}
main.index > div.grid div.spl > div.profile > div.login > div.form > div.util > div[data-role=input] > label > button {float:none; margin:0 3px 0 0;}
main.index > div.grid div.spl > div.profile > div.login > div.form > div.util > div[data-role=input] > label > button.on + span {color:#fff;}
main.index > div.grid div.spl > div.profile > div.login > div.form > div.util > div[data-role=input] > label > span {display:inline-block; font-size:13px; line-height:24px; color:rgba(255,255,255,.6); vertical-align:middle;}
main.index > div.grid div.spl > div.profile > div.login > div.form > div.util > div.srch {float:right;}
main.index > div.grid div.spl > div.profile > div.login > div.form > div.util > div.srch > a {display:inline-block; font-size:13px; line-height:24px; color:rgba(255,255,255,.6); vertical-align:middle;}
main.index > div.grid div.spl > div.profile > div.login > div.form > div.util > div.srch > i {display:inline-block; margin:0 5px; font-size:13px; line-height:24px; font-style:normal; color:rgba(255,255,255,.4); vertical-align:middle;}
main.index > div.grid div.spl > div.profile > div.login > div.form > div.util > div.srch > a:hover {color:#fff; text-decoration:underline;}

/* 로그인 후 */
main.index > div.grid div.spl > div.profile > div.logged {padding:30px;}
main.index > div.grid div.spl > div.profile > div.logged > div.profile:after {content:''; display:block; clear:both;}
main.index > div.grid div.spl > div.profile > div.logged > div.profile > img.photo {display:block; float:left; width:58px; height:58px; border-radius:50%; margin-right:15px;}
main.index > div.grid div.spl > div.profile > div.logged > div.profile > div.msg {overflow:hidden;}
main.index > div.grid div.spl > div.profile > div.logged > div.profile > div.msg > p {display:block; font-size:21px; line-height:26px; height:52px; word-break:keep-all; color:#fff;}
main.index > div.grid div.spl > div.profile > div.logged > div.profile > div.msg > div {margin-top:15px;}
main.index > div.grid div.spl > div.profile > div.logged > div.profile > div.msg > div > span {display:inline-block; font-size:14px; line-height:16px; color:rgba(255,255,255,.6); vertical-align:top;}
main.index > div.grid div.spl > div.profile > div.logged > div.profile > div.msg > div > span + span {margin-left:10px; padding-left:10px; border-left:1px solid rgba(255,255,255,.6);}
main.index > div.grid div.spl > div.profile > div.logged > div.button {margin-top:20px; background:#fff;}
main.index > div.grid div.spl > div.profile > div.logged > div.button:after {content:''; display:block; clear:both;}
main.index > div.grid div.spl > div.profile > div.logged > div.button > a {display:block; position:relative; box-sizing:border-box; width:50%; float:left; text-align:center;}
main.index > div.grid div.spl > div.profile > div.logged > div.button > a > i.push {position:absolute; left:50%; margin-left:5px; top:15px; box-sizing:border-box; padding:0 5px; min-width:19px; height:19px; line-height:19px; text-align:center; border-radius:50%; font-size:11px; background:#de1d28; color:#fff;}
main.index > div.grid div.spl > div.profile > div.logged > div.button > a.noti {height:98px; border-bottom:1px solid #dfdfdf; padding-top:60px; background:#fff url(/images/ico_profile_noti.png) no-repeat center 25px;}
main.index > div.grid div.spl > div.profile > div.logged > div.button > a.msg {height:98px; border-bottom:1px solid #dfdfdf; border-left:1px solid #dfdfdf; padding-top:60px; background:#fff url(/images/ico_profile_msg.png) no-repeat center 28px;}
main.index > div.grid div.spl > div.profile > div.logged > div.button > a.classroom {height:94px; padding-top:55px; background:#fff url(/images/ico_profile_classroom.png) no-repeat center 24px;}
main.index > div.grid div.spl > div.profile > div.logged > div.button > a.noti:hover {background-image:url(/images/ico_profile_noti_on.png?1);}
main.index > div.grid div.spl > div.profile > div.logged > div.button > a.msg:hover {background-image:url(/images/ico_profile_msg_on.png?1);}
main.index > div.grid div.spl > div.profile > div.logged > div.button > a.classroom:hover {background-image:url(/images/ico_profile_classroom_on.png?1);}
main.index > div.grid div.spl > div.profile > div.logged > div.button > a:hover {color:#505057; text-decoration:underline;}
main.index > div.grid div.spl > div.profile > div.logged > div.button > button {display:block; box-sizing:border-box; width:50%; height:94px; padding-top:55px; border:0 none; border-left:1px solid #dfdfdf; float:left; background:#fff url(/images/ico_profile_logout.png) no-repeat center 22px;}
main.index > div.grid div.spl > div.profile > div.logged > div.button > button > span {display:block; height:100%;}
main.index > div.grid div.spl > div.profile > div.logged > div.button > button:hover {color:#505057; text-decoration:underline; background-image:url(/images/ico_profile_logout_on.png?1);}

main.index > div.grid div.spl > div.board {height:250px; padding:0 25px; background:#fff;}
main.index > div.grid div.spl > div.board > strong {display:block; font-size:22px; line-height:70px;}
main.index > div.grid div.spl > div.board > a.more {display:block; position:absolute; right:10px; top:10px; font-size:0;}
main.index > div.grid div.spl > div.board > a.more > i {display:block; width:50px; height:50px; text-align:center; line-height:50px; font-size:25px; color:#666;}
main.index > div.grid div.spl > div.board > a.more:hover > i {color:#de1d28;}
main.index > div.grid div.spl > div.board {position:relative;}
main.index > div.grid div.spl > div.board > ul.list {list-style:none;}
main.index > div.grid div.spl > div.board > ul.list > li > a {display:block; position:relative; font-size:14px; line-height:34px; color:#262626; padding:0 80px 0 13px;}
main.index > div.grid div.spl > div.board > ul.list > li > a:after {content:''; display:block; width:3px; height:3px; position:absolute; left:0; top:15.5px; background:#999;}
main.index > div.grid div.spl > div.board > ul.list > li > a > strong {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:normal;}
main.index > div.grid div.spl > div.board > ul.list > li > a > span.date {display:block; position:absolute; right:0; top:0; color:#999;}
main.index > div.grid div.spl > div.board > ul.list > li > a.recent {color:#de1d28;}
main.index > div.grid div.spl > div.board > ul.list > li > a.recent:after {background:#de1d28;}
main.index > div.grid div.spl > div.board > ul.list > li > a.recent > span.date {color:#de1d28;}
main.index > div.grid div.spl > div.board > ul.list > li > a:hover {text-decoration:underline;}

main.index > div.grid div.spl > div.link {height:250px; background:#1380bf;}
main.index > div.grid div.spl > div.link:after {content:''; display:block; clear:both;}
main.index > div.grid div.spl > div.link > a {display:block; position:relative; box-sizing:border-box; float:left; width:50%; height:125px; padding-top:80px; text-align:center; font-size:15px; line-height:18px; color:#fff;}
main.index > div.grid div.spl > div.link > a:after {content:''; display:block; width:100%; height:85px; position:absolute; left:0; top:0; background-repeat:no-repeat; background-position:center;}
main.index > div.grid div.spl > div.link > a.change:after {background-image:url(/images/ico_link_change.png);}
main.index > div.grid div.spl > div.link > a:nth-child(2) {background-color:#2159a3;}
main.index > div.grid div.spl > div.link > a.enviroment:after {background-image:url(/images/ico_link_enviroment.png);}
main.index > div.grid div.spl > div.link > a:nth-child(3) {background-color:#2159a3;}
main.index > div.grid div.spl > div.link > a.manual:after {background-image:url(/images/ico_link_manual.png);}
main.index > div.grid div.spl > div.link > a.remote:after {background-image:url(/images/ico_link_remote.png);}

main.index > div.grid div.spl > div.cs {height:250px; padding:0 25px; position:relative; background:#00a677;}
main.index > div.grid div.spl > div.cs > strong {display:block; font-size:22px; line-height:70px; color:#fff;}
main.index > div.grid div.spl > div.cs > a.msg {display:block; position:absolute; top:20px; right:20px; width:42px; height:42px; border-radius:50%; background:#fff url(/images/ico_cs_msg.png) no-repeat center; font-size:0; text-indent:-9999px;}
main.index > div.grid div.spl > div.cs > a.msg:hover,
main.index > div.grid div.spl > div.cs > a.msg:focus {background:#067f5d url(/images/ico_cs_msg_on.png) no-repeat center;}
main.index > div.grid div.spl > div.cs > p.number {font-size:32px; color:#fff;}

main.index > div.grid div.spl > div.cs > div.center {margin-top:60px;}
main.index > div.grid div.spl > div.cs > div.center:after {content:''; display:block; clear:both;}
main.index > div.grid div.spl > div.cs > div.center > span {display:block; float:left; width:64px; height:40px; margin-right:10px; padding:3px 0; border:1px solid rgba(255,255,255,.6); border-radius:3px; font-size:16px; line-height:20px; text-align:center; color:#fff;}
main.index > div.grid div.spl > div.cs > div.center > p {padding:2px 0; font-size:14px; line-height:22px; color:rgba(255,255,255,.6); word-break:keep-all;}

main.index div.quick {overflow:hidden; position:absolute; top:0; left:100%; width:90px; border-radius:15px; margin-left:120px; font-size:14px; background:#fff; box-shadow:0 0 10px 3px rgba(0,0,0,.1);}
main.index div.quick > strong {display:block; height:36px; padding:22px 0; font-size:15px; line-height:18px; text-align:center; color:#fff; background:#2b2b33;}
main.index div.quick > a {display:block; position:relative; padding-top:60px; padding-bottom:13px; font-size:14px; line-height:17px; text-align:center;}
main.index div.quick > a:after {content:''; display:block; position:absolute; left:0; top:0; width:100%; height:60px; background-repeat:no-repeat; background-position:center;}
main.index div.quick > a.classroom:after {background-image:url(/images/ico_quick_classroom.png);}
main.index div.quick > a.haksa:after {background-image:url(/images/ico_quick_haksa.png);}
main.index div.quick > a.faq:after {background-image:url(/images/ico_quick_faq.png);}
main.index div.quick > a.remote:after {background-image:url(/images/ico_quick_remote.png);}
main.index div.quick > a.classroom:hover:after {background-image:url(/images/ico_quick_classroom_on.png?1);}
main.index div.quick > a.haksa:hover:after {background-image:url(/images/ico_quick_haksa_on.png?1);}
main.index div.quick > a.faq:hover:after {background-image:url(/images/ico_quick_faq_on.png?1);}
main.index div.quick > a.remote:hover:after {background-image:url(/images/ico_quick_remote_on.png?1);}
main.index div.quick > a + a {border-top:1px solid #e6e6e6;}
main.index div.quick > a:hover {color:#de1d28;}
main.index div.quick > button {width:100%; padding:10px 0; border:0 none; border-top:1px solid #ddd; background:#38383c; text-align:center; color:#fff;}
main.index div.quick > button:hover {background:#2b2b33;}
main.index div.quick > button > i {display:block;}

main.index > div.partner {padding:30px 0;}
main.index > div.partner div.partners {border-top:1px solid #ddd; border-left:1px solid #ddd;}
main.index > div.partner div.partners:after {content:''; display:block; clear:both;}
main.index > div.partner div.partners > a {display:block; position:relative; float:left; box-sizing:border-box; width:20%; height:63px; padding:0 5px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center;}
main.index > div.partner div.partners > a:before {content:''; display:inline-block; width:1px; height:100%; margin-right:-1px; vertical-align:middle;}
main.index > div.partner div.partners > a > img {max-width:100%; max-height:100%; vertical-align:middle;}
main.index > div.partner div.partners > a:hover:after {content:''; display:block; width:100%; height:100%; position:absolute; left:-1px; top:-1px; border:1px solid #de1d28;}
/* @@메인 */

/* 서브페이지 */
/* 서브페이지 공통*/
main.subpage {padding-top:140px;}

main.subpage > .breadcrumb {border-top:1px solid #cdcdcd; border-bottom:1px solid #cdcdcd; background:#f5f5f5; font-size:0;}
main.subpage > .breadcrumb a {display:inline-block; width:48px; height:48px; border-left:1px solid #cdcdcd; border-right:1px solid #cdcdcd; text-align:center; color:#ababab; font-size:0;}
main.subpage > .breadcrumb a > i {display:block; width:48px; height:48px; line-height:48px; text-align:center; font-size:20px;}
main.subpage > .breadcrumb span {display:inline-block; height:48px; line-height:48px; padding:0 25px; border-right:1px solid #cdcdcd; vertical-align:top; font-size:14px;}

main.subpage div.context {display:table; width:100%; margin-top:40px; table-layout:fixed; box-sizing:border-box;}
main.subpage div.context > nav {display:table-cell; width:220px; padding-bottom:100px;}
main.subpage div.context > nav > h2 {font-size:30px; line-height:42px; padding-bottom:20px; border-bottom:3px solid #222; color:#222;}
main.subpage div.context > nav > ul {list-style:none;}
main.subpage div.context > nav > ul > li {height:50px; line-height:50px; border-bottom:1px solid #ddd;}
main.subpage div.context > nav > ul > li > a {display:block; padding:0 10px 0 5px; height:50px; font-size:16px; line-height:50px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
main.subpage div.context > nav > ul > li.selected > a {color:#de1d28;}

main.subpage div.context > section {display:table-cell; position:relative; height:600px; padding:0 0 100px 60px;}
main.subpage div.context > section > h3 {padding-bottom:20px; margin-bottom:40px; border-bottom:1px solid #ccc; font-size:28px; line-height:42px; color:#222;}
main.subpage div.context > section > h3 > span.min {font-size:22px; color:#666; white-space:nowrap; word-break:keep-all;}

main.subpage div.context > section div.quick {overflow:hidden; position:absolute; top:0; left:100%; width:90px; border-radius:15px; margin-left:120px; font-size:14px; background:#fff; box-shadow:0 0 10px 3px rgba(0,0,0,.1);}
main.subpage div.context > section div.quick > strong {display:block; height:36px; padding:22px 0; font-size:15px; line-height:18px; text-align:center; color:#fff; background:#2b2b33;}
main.subpage div.context > section div.quick > a {display:block; position:relative; padding-top:60px; padding-bottom:13px; font-size:14px; line-height:17px; text-align:center;}
main.subpage div.context > section div.quick > a:after {content:''; display:block; position:absolute; left:0; top:0; width:100%; height:60px; background-repeat:no-repeat; background-position:center;}
main.subpage div.context > section div.quick > a.classroom:after {background-image:url(../images/ico_quick_classroom.png);}
main.subpage div.context > section div.quick > a.haksa:after {background-image:url(../images/ico_quick_haksa.png);}
main.subpage div.context > section div.quick > a.faq:after {background-image:url(../images/ico_quick_faq.png);}
main.subpage div.context > section div.quick > a.remote:after {background-image:url(../images/ico_quick_remote.png);}
main.subpage div.context > section div.quick > a.classroom:hover:after {background-image:url(/images/ico_quick_classroom_on.png?1);}
main.subpage div.context > section div.quick > a.haksa:hover:after {background-image:url(/images/ico_quick_haksa_on.png?1);}
main.subpage div.context > section div.quick > a.faq:hover:after {background-image:url(/images/ico_quick_faq_on.png?1);}
main.subpage div.context > section div.quick > a.remote:hover:after {background-image:url(/images/ico_quick_remote_on.png?1);}
main.subpage div.context > section div.quick > a + a {border-top:1px solid #e6e6e6;}
main.subpage div.context > section div.quick > a:hover {color:#de1d28;}
main.subpage div.context > section div.quick > button {width:100%; padding:10px 0; border:0 none; border-top:1px solid #ddd; background:#38383c; text-align:center; color:#fff;}
main.subpage div.context > section div.quick > button:hover {background:#2b2b33;}
main.subpage div.context > section div.quick > button > i {display:block;}

div.sub_cnts div.img_full {font-size:0;}
div.sub_cnts div.img_full > img {width:100%;}

div.sub_cnts div.box_dark {background-color:#de1d28; color:#fff;}
div.sub_cnts div.box_gray {background:#fafafa; text-align:center;}
div.sub_cnts div.box_gray > img {vertical-align:bottom; max-width:100%;}

div.sub_cnts div.border_gray {border:1px solid #e6e6e6; text-align:center;}
div.sub_cnts div.border_gray > img {vertical-align:bottom; max-width:100%;}
div.sub_cnts p.txt_blue > span {color:#de1d28; vertical-align:middle;}
div.sub_cnts p.txt_gray > span {color:#666; vertical-align:middle;}
div.sub_cnts div.clearfix:after {content:''; display:block; clear:both;}
div.sub_cnts div.tb {overflow:hidden; overflow-x:auto;}
div.sub_cnts div.tb > table {width:100%; border-collapse:collapse; box-sizing:border-box; font-size:14px; overflow:hidden;}
div.sub_cnts div.tb > table thead th {padding:12px 10px; height:28px; border:1px solid #e5e5e5; background:#f7f7f7; text-align:center; vertical-align:middle; color:#111; line-height:28px; word-break:keep-all; border-bottom-color:#565962;}
div.sub_cnts div.tb > table thead tr:first-child > th {border-top:2px solid #333;}
div.sub_cnts div.tb > table thead th:first-child {border-left:0 none;}
div.sub_cnts div.tb > table thead th:last-child {border-right:0 none;}

div.sub_cnts div.tb > table tbody th {padding:10px; height:28px; border:1px solid #e5e5e5; background:#f7f7f7; text-align:center; vertical-align:middle; color:#111; line-height:28px;}
div.sub_cnts div.tb > table tbody th:first-child {border-left:0 none;}

div.sub_cnts div.tb > table tbody td {height:28px; padding:12px 10px; border:1px solid #e5e5e5; text-align:center; vertical-align:middle; color:#666; line-height:28px; word-break:keep-all;}
div.sub_cnts div.tb > table tbody td:first-child {border-left:0 none;}
div.sub_cnts div.tb > table tbody td:last-child {border-right:0 none;}
div.sub_cnts div.tb > table tbody td.a_l {text-align:left; padding:10px 20px;}
div.sub_cnts div.tb > table tbody td.gohome {padding:0;}

div.sub_cnts div.tb > table tfoot td {height:28px; padding:12px 10px; border:1px solid #e5e5e5; text-align:center; vertical-align:middle; color:#111; line-height:28px; word-break:keep-all; font-weight:bold; background:#f0f7ff;}
div.sub_cnts div.tb > table tfoot td:first-child {border-left:0 none;}
div.sub_cnts div.tb > table tfoot td:last-child {border-right:0 none;}

div.sub_cnts div.tb > table p.dot {position:relative; padding:5px 0 5px 10px; font-size:14px; line-height:18px; word-break:keep-all;}
div.sub_cnts div.tb > table p.dot:after {content:''; display:block; position:absolute; width:3px; height:3px; top:13px; left:0; background-color:#666;}

/* @@서브페이지 공통 */


/* 사업소개 - 인사말 */
div.sub_cnts > div.greet {;}
div.sub_cnts > div.greet > strong {display:block; padding-bottom:40px; font-size:25px; line-height:34px; word-break:keep-all; background:url(../images/bg_greet_top.png) no-repeat right top;}
div.sub_cnts > div.greet > strong > b {color:#de1d28;}
div.sub_cnts > div.greet > div.txt {background:url(../images/bg_greet_bottom.png) no-repeat right top;}
div.sub_cnts > div.greet > div.txt > p {max-width:510px; padding-top:40px; word-break:keep-all; font-size:16px; line-height:28px; color:#262626;}
div.sub_cnts > div.greet > div.txt > strong.sign {display:block; margin-top:65px; font-size:18px; line-height:28px; color:#000;}

/* 사업소개 - 학점교류 소개 */
div.sub_cnts > div.intro {;}
div.sub_cnts > div.intro > strong {display:block; padding-bottom:40px; font-size:25px; line-height:34px; word-break:keep-all;}
div.sub_cnts > div.intro > ul.list_squre {list-style:none;}
div.sub_cnts > div.intro > ul.list_squre > li {position:relative; padding:30px 0 30px 20px; font-size:18px; line-height:28px; border-bottom:1px solid #e6e6e6; word-break:keep-all;}
div.sub_cnts > div.intro > ul.list_squre > li:after {content:''; display:block; position:absolute; left:0; top:41px; width:5px; height:5px; background:#e0313a;}
div.sub_cnts > div.intro > div.box_border {border:5px solid #f0f0f0;}
div.sub_cnts > div.intro > div.box_border > ul.list_bar {list-style:none; margin:20px 25px;}
div.sub_cnts > div.intro > div.box_border > ul.list_bar:after {content:''; display:block; clear:both;}
div.sub_cnts > div.intro > div.box_border > ul.list_bar > li {float:left; width:150px; margin:5px 0;}


/* 사업소개 - 참여 대학 안내 */
div.sub_cnts > div.join > div.bd_bot {padding:30px 0 25px; border-bottom:1px solid #e6e6e6;}
div.sub_cnts > div.join > div.bd_bot:first-child {padding-top:0;}
div.sub_cnts > div.join > div.bd_bot p {word-break:keep-all;}
div.sub_cnts > div.join > div.bd_bot > div.border_gray {width:240px; display:inline-block; padding:50px 30px; box-sizing:border-box; vertical-align:top;}
div.sub_cnts > div.join > div.bd_bot > div + div {width:570px; display:inline-block; padding-left:30px; box-sizing:border-box;}
div.sub_cnts > div.join > div.bd_bot  div.address {display:inline-block; width:380px; padding-top:10px;}
div.sub_cnts > div.join > div.bd_bot > div > p + p {padding-top:30px;}
div.sub_cnts > div.join > div.bd_bot > div > p {display:inline-block;}
div.sub_cnts > div.join > div.bd_bot div > p.txt_blue > span {display:inline-block; margin-right:15px; font-size:24px; line-height:28px; font-weight:600; color:#000;}
div.sub_cnts > div.join > div.bd_bot div > p.txt_blue > span > a {display:inline-block; width:74px; color:#de1d28; font-size:14px; text-align:center; line-height:32px; border:1px solid #de1d28; border-radius:5px; box-sizing:border-box; font-weight:normal;}
div.sub_cnts > div.join > div.bd_bot div > p.txt_gray {font-size:18px; font-weight:500;}
div.sub_cnts > div.join > div.bd_bot div > p.txt_gray > span {display:inline-block; margin-right:15px; font-size:16px; line-height:28px; font-weight:normal;}

/* rule */
div.sub_cnts > div.box_gray.rule {padding:60px 30px; margin-top:50px;}

/* 학점교류 일정 */
div.sub_cnts div.box_dark {position:relative; height:60px; padding:10px 15px; text-align:center; box-sizing:border-box;}
div.sub_cnts div.box_dark > button {position:absolute; top:10px; padding:10px 20px; color:#fff; border-radius:5px;}
div.sub_cnts div.box_dark > button.today {left:15px; border:1px solid rgba(255,255,255,.6);}
div.sub_cnts div.box_dark > button.modify {right:15px; color:#de1d28; background-color:#fff;}
div.sub_cnts div.box_dark > div.years {text-align:center; vertical-align:top;}
div.sub_cnts div.box_dark > div.years > p {display:inline-block; padding:0 45px; font-size:24px; line-height:28px; vertical-align:middle;}
div.sub_cnts div.box_dark > div.years > button {color:#fff; font-size:24px; width:30px;}
div.sub_cnts div.box_dark > div {display:inline-block; vertical-align:middle; overflow-y:auto;}

div.sub_cnts > div > ul.months {overflow-x:auto; margin-bottom:40px; padding:0 15px; text-align:center; font-size:0; border:1px solid #e6e6e6; box-sizing:border-box; overflow-y:auto; white-space:nowrap; background:#f7f7f7;}
div.sub_cnts > div > ul.months > li {position:relative; display:inline-block; width:65px; color:#666; font-size:16px;}
div.sub_cnts > div > ul.months > li > a {display:block; padding:20px 0px;}
div.sub_cnts > div > ul.months > li.active {color:#de1d28;}
div.sub_cnts > div > ul.months > li.active:after {content:''; position:absolute; bottom:0; left:0; width:100%; height:2px; background-color:#de1d28;}
div.sub_cnts > div.schedule {border-top:1px solid #565962;}
div.sub_cnts > div.schedule > table tbody th {font-size:30px; line-height:28px; color:#000; background:none;}
div.sub_cnts > div.schedule > table tbody tr:hover td {background-color:#fcf5f5; color:#de1d28;}
div.sub_cnts > div.schedule > table tbody td {padding-left:20px; color:#000; text-align:left; font-weight:400;}
div.sub_cnts > div.schedule > table tbody td:last-child {color:#666666; font-weight:300;}

/* 학점교류 교과목 */
div.sub_cnts > div.subject > div {vertical-align:middle; margin-bottom:15px;}
div.sub_cnts > div.subject  p.txt_blue {display:inline-block; font-size:18px; line-height:30px; font-weight:400; vertical-align:top;}
div.sub_cnts > div.subject  p.txt_blue > span {vertical-align:top;}
div.sub_cnts > div.subject .times {float:right; padding:0 10px 0 5px; border:1px solid  #ccc;}
div.sub_cnts > div.subject > div.page_list {text-align:center; margin-top:20px;}
div.sub_cnts > div.subject > div.page_list > button {width:25px; height:25px; margin:0 3px; border:1px solid #d8d8d8; vertical-align:middle;}
div.sub_cnts > div.subject > div.page_list > button > i {display:block; width:23px; height:23px; line-height:23px; text-align:center;}
div.sub_cnts > div.subject > div.page_list > ul {display:inline-block; padding:0 20px; vertical-align:middle;}
div.sub_cnts > div.subject > div.page_list > ul li {float:left;}
div.sub_cnts > div.subject > div.page_list > ul li > a {display:block; width:25px; height:25px; line-height:25px; color:#333333; text-align:center;}
div.sub_cnts > div.subject > div.page_list > ul li > a.on {background-color:#38383c; color:#fff;}

/* 수강 방법 */
div.sub_cnts > div.how > div.box_gray {padding:60px 50px;}
div.sub_cnts > div.how > div.box_gray > img {max-width:100%;}
div.sub_cnts > div.how > p.squre_blue {position:relative; padding:0 0 10px 10px; margin-top:30px; font-size:18px; line-height:28px; word-break:keep-all; color:#000; border-bottom:1px solid #e6e6e6;}
div.sub_cnts > div.how > p.squre_blue > span {display:block; margin:20px 0; color:#666666; font-size:16px; line-height:24px;}
div.sub_cnts > div.how > p.squre_blue:after {content:''; display:block; position:absolute; top:11px; left:0px; width:5px; height:5px; background-color:#de1d28;}

/* 학습환경 안내 */
div.sub_cnts > div.box_border {padding:30px 0; word-break:keep-all;}
div.sub_cnts > div.box_border + div.box_border {border-top:1px solid #e6e6e6;}
div.sub_cnts > div.box_border:first-child {padding-top:0;}
div.sub_cnts > div.box_border > strong {color:#1a1a1a; font-size:25px; line-height:34px;}
div.sub_cnts > div.box_border > span.txt_gray {display:block; margin-top:10px; font-size:16px; line-height:24px; color:#666; word-break:keep-all;}
div.sub_cnts > div.box_border > span.squre_blue {position:relative; display:block; padding-left:20px; color:#de1d28; font-size:18px; line-height:24px; padding:6px 0 6px 20px;}
div.sub_cnts > div.box_border > span.squre_blue > span {color:#333;}
div.sub_cnts > div.box_border > span.squre_blue .txt_lgray {margin-top:10px; margin-left:80px;}
div.sub_cnts > div.box_border > span.squre_blue:after {content:''; display:block; position:absolute; top:16px; left:0px; width:5px; height:5px; background-color:#de1d28;}
div.sub_cnts > div.box_border > .standar > span {position:absolute;}
div.sub_cnts > div.box_border .txt_aqua {color:#00a677;}
div.sub_cnts > div.box_border .txt_lgray {display:block; margin-top:5px; color:#999; font-size:14px; line-height:24px;}
div.sub_cnts > div.border_thick {padding:40px 15px; border:5px solid #f0f0f0; box-sizing:border-box;}
div.sub_cnts > div.border_thick > p {text-align:center; margin-bottom:40px; word-break:keep-all;}
div.sub_cnts > div.border_thick > div {width:20%; float:left; padding:20px 24px 5px; border-right:1px solid #e6e6e6; text-align:center; box-sizing:border-box;}
div.sub_cnts > div.border_thick > div:last-child {border:none;}
div.sub_cnts > div.border_thick > div > a {display:block; height:155px;}
div.sub_cnts > div.border_thick > div > a div {display:block; height:80px;}
div.sub_cnts > div.border_thick > div > a >span {display:block; height:75px;}
div.sub_cnts > div.border_thick > div img {max-width:100%;}
div.sub_cnts > div.border_thick a {color:#333;}

/* 사이트맵 */
div.sub_cnts dl.sitemap {display:table; width:100%; table-layout:fixed; box-sizing:border-box; border-collapse:collapse; border-bottom:1px solid #ddd;}
div.sub_cnts dl.sitemap > dt {display:table-cell; width:200px; padding:30px 0;}
div.sub_cnts dl.sitemap > dt > button {width:130px; height:114px; padding:0 8px 18px 8px; background:url(../images/bg_flag.png) no-repeat center; color:#fff; font-size:19px; line-height:28px; cursor:default; font-weight:500; word-break:keep-all;}
div.sub_cnts dl.sitemap > dd {display:table-cell; padding:30px 0; vertical-align:middle; font-size:0;}
div.sub_cnts dl.sitemap > dd > a { display:inline-block; position:relative; width:160px; line-height:20px; margin-right:45px; padding:10px 0 10px 17px; font-size:16px; font-weight:500; color:#111; vertical-align:top; word-break:keep-all;}
div.sub_cnts dl.sitemap > dd > a > i {position:absolute; left:0; top:0; height:40px; font-size:13px; line-height:40px; color:#999;}
div.sub_cnts dl.sitemap > dd > a:hover {color:#de1d28;}
div.sub_cnts dl.sitemap > dd > a:hover > i {color:#de1d28;}

div.sub_cnts dl.sitemap.nospace {margin-top:-40px;}

/* 개인정보처리방침 */
div.sub_cnts > div.border_thick.info {padding:25px;}
div.sub_cnts > div.border_thick.info > p {margin:0; text-align:left; font-weight:500; font-size:16px; line-height:24px;}
div.sub_cnts > ul.list_info > li {margin-top:25px;}
div.sub_cnts > ul.list_info > li + li {padding-top:25px; border-top:1px solid #e6e6e6;}
div.sub_cnts > ul.list_info > li > strong {display:block; margin-bottom:5px; font-size:16px; line-height:28px; word-break:keep-all; color:#333;}
div.sub_cnts > ul.list_info > li > p {padding:2px 0 2px 15px; text-indent:-15px; font-size:14px; line-height:24px; word-break:keep-all; color:#666;}


@media screen and (max-width:1550px) {
	main.index div.quick {margin-left:50px;}
	main.subpage div.context > section div.quick {margin-left:50px;}
}

@media screen and (max-width:1400px) {
	main.index div.quick {display:none;}
	main.subpage div.context > section div.quick {display:none;}
}

@media screen and (max-width:1200px) {
	div.sub_cnts > div.join > div.bd_bot > div.border_gray {width:200px;}
	div.sub_cnts > div.join > div.bd_bot > div + div {width:475px;}
	div.sub_cnts > div.join > div.bd_bot div.address {width:250px;}
}


@media screen and (max-width:992px) {

	main.index > div.grid div.spl > div.slogan {width:50%;}
	main.index > div.grid div.spl > div.slogan > strong {font-size:34px;}
	main.index > div.grid div.spl > div.profile {width:50%;}
	main.index > div.grid div.spl > div.board {width:100%;}
	main.index > div.grid div.spl > div.link {width:50%;}
	main.index > div.grid div.spl > div.cs {width:50%;}

	main.subpage div.context > nav {display:none;}
	main.subpage div.context > section {padding:0 0 50px 0;}

	div.sub_cnts > div.how > div.box_gray {padding:30px 40px;}
}

@media screen and (max-width:768px) {
	main.index > div.grid > div.slide_bg div.bg1 {background-image:url(../images/bg_index1_m.png);}
	main.index > div.grid > div.slide_bg div.bg2 {background-image:url(../images/bg_index2_m.png);}
	main.index > div.grid > div.slide_bg div.bg3 {background-image:url(../images/bg_index3_m.png);}

	main.index > div.grid {padding-top:180px; padding-bottom:30px;}
	main.index > div.grid div.spl > div.slogan {width:100%; height:170px; margin-bottom:250px;}
	main.index > div.grid div.spl > div.slogan > strong {font-size:34px; line-height:42px;}
	main.index > div.grid div.spl > div.profile {display:none; /*width:100%;*/}
	main.index > div.grid div.spl > div.link {width:100%;}
	main.index > div.grid div.spl > div.cs {width:100%;}
	main.index > div.partner div.partners > a {width:33.33%;}
	main.subpage div.context > section > h3 > span.min {font-size:16px;}
	div.sub_cnts > div.join > div.bd_bot > div.border_gray {display:block; width:auto;}
	div.sub_cnts > div.join > div.bd_bot > div + div {max-width:100%; margin-top:20px;}
	div.sub_cnts > div.join > div.bd_bot div > p.txt_gray {margin-top:10px;}
	div.sub_cnts > div.subject > div.page_list > ul {padding:0 5px;}
	div.sub_cnts > div.subject > div.page_list > ul li:nth-child(6) {display:none;}
	div.sub_cnts > div.subject > div.page_list > ul li:nth-child(7) {display:none;}
	div.sub_cnts > div.subject > div.page_list > ul li:nth-child(8) {display:none;}
	div.sub_cnts > div.subject > div.page_list > ul li:nth-child(9) {display:none;}
	div.sub_cnts > div.subject > div.page_list > ul li:nth-child(10) {display:none;}
	div.sub_cnts div.box_dark > div.years > p {padding:0 20px; font-size:20px;}
	div.sub_cnts div.box_dark > div.years > button {font-size:20px;}
	div.sub_cnts > div.how > div.box_gray {padding:10px 20px;}
	div.sub_cnts > div.border_thick > div {width:33%; padding:10px 9px 0;}
}

@media screen and (max-width:460px) {
	div.sub_cnts dl.sitemap > dt {display:block; width:auto; padding:20px 0; text-align:center;}
	div.sub_cnts dl.sitemap > dt > button {width:auto; height:auto; padding:10px 25px; border-radius:30px; background:#e73534;}
	div.sub_cnts dl.sitemap > dt > button > br {display:none;}
	div.sub_cnts dl.sitemap > dd {display:block; padding:20px 0;}
}