@charset "utf-8";
/* CSS Document */

@font-face {
 font-family: 'NanumSquare';
 src: url(../font/NanumSquareR.eot);
 src: url(../font/NanumSquareR.eot?#iefix) format('embedded-opentype'),
      url(../font/NanumSquareR.woff) format('woff'),
      url(../font/NanumSquareR.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumGothic';
 src: url(../font/NanumGothic.eot);
 src: url(../font/NanumGothic.eot?#iefix) format('embedded-opentype'),
      url(../font/NanumGothic.woff) format('woff'),
      url(../font/NanumGothic.ttf) format('truetype');
}

html {-ms-text-size-adjust:100%; -webkit-text-size-adjust:100%;}
body {width:100%; min-width:360px; font-family:'NanumSquare'; margin:0 auto;}

* {margin:0; padding:0;}
a {cursor:pointer; border:none; text-decoration:none;}
p, span, h1, h2, h3, h4, h5, li, th, td, a {word-break:keep-all;}
img {border:none;}
li {list-style:none; float:left;}
.btn-default {display: inline-block; box-sizing: border-box; padding: 0 7px; border: 1px solid #a8bad5; color: #3d3d3d; font-size: 10px; font-size: 0.9em;line-height: 1.8em; text-align: center; vertical-align: middle; background: #e8f1ff; letter-spacing:-1.5px; font-weight:600;}
.text_left {text-align:left;}
.text_right {text-align:right;}
.f_left {float:left;}
.f_right {float:right; margin-right:5px;}
.img_width{width:100%;}
.hidden {overflow:hidden;}
.checkbox {width:14px; height:14px; border-radius:0; vertical-align:middle;}
.h_22 {height:22px;}
.mTop_13 {margin-top:13px;}
.red {color:#df2828;}
.orange {color:#f14f06;}
.hide {display:none;}
.clear {clear:both;}
.btn_area {text-align:center; margin:20px auto; width:190px; height:60px;}
.btn_area2 {width:90px; text-align:center; margin:20px auto; height:60px;}
.btn_area div, .btn_area2 div {height:45px; line-height:45px; color:#fff; font-size:15px; font-weight:600; cursor:pointer;}
.btn_ok {background-color:#f07138; width:90px;}
.btn_cancel {background-color:#4e4e4e; width:90px; margin-left:10px;}
.btn_long{background-color:#21a6dd; width:130px; margin-left:30px;}
select, input {background:#fff; border:1px solid #767676; border-radius:0; padding-left:3px;}

/*table*/
table {border-collapse:collapse; border-spacing:0;}
.type1 {font-family:'NanumSquare'; font-size:0.8em; color:#666666; margin-bottom:10px; vertical-align:middle; border-top:1px solid #a5cde8;}
.type1 th {background:#f7fcfe; border-bottom:1px solid #e1e1e1; border-right:1px solid #e1e1e1; padding:4px;}
.type1 th:last-child, .type1 td:last-child{border-right:none;}
.type1 td {font-weight:normal; border-bottom:1px solid #e1e1e1; border-right:1px solid #e1e1e1; padding:4px;}

.type2 {font-family:'NanumSquare'; font-size:11px; color:#666666; margin-bottom:10px; vertical-align:middle; border-top:1px solid #a5cde8;}
.type2 th {background:#f7fcfe; border-bottom:1px solid #e1e1e1; border-right:1px solid #e1e1e1; padding:2px;}
.type2 th:last-child, .type2 td:last-child{border-right:none;}
.type2 td {font-weight:normal; border-bottom:1px solid #e1e1e1; border-right:1px solid #e1e1e1; padding:2px;}


header {position:relative; width:100%; height:47px; margin-top:3px;}
header p {text-align:center; vertical-align:middle;}
header .join {position:absolute; right:15px; top:10px; width:55px;}

nav {width:100%; height:40px; background-color:#2b508c;}
nav ul {width:100%; min-width:360px; }
nav ul li {float:left; text-align:center; min-width:70px;}
nav ul li:nth-child(1) {width:28%;}
nav ul li:nth-child(2) {width:28%;}
nav ul li:nth-child(3) {width:22%;}
nav ul li:nth-child(4) {width:22%;}
nav ul li a {font-size:14px; color:#fff; font-weight:600; line-height:40px;}

#main_sec {width:100%;}
#main_sec #flexslider {width:100%;}
#main_sec #flexslider img {width:100%;}
#main_sec #main_box ul{width:99%; margin:0% 0.5%;}
#main_sec #main_box li {width:33%; float:left; display:block;}
#main_sec #main_box li img {width:100%;}
#main_sec #main_box ul li.m_box4, #main_box ul li.m_box5, #main_box ul li.m_box6 {margin-top:-5px;}



footer{width:100%; color:#ffffff; text-align:left; margin-bottom:100px; clear:both; text-align:center;}
footer .copy {width:100%;background-color:gray; font-size:0.8em;line-height:40px;}
footer .f_btn {width:100%; background-color:#2c2c2c;}

#fix_area {width:100%; position:fixed; bottom:-6px; font-size:0.8em; font-weight:600;}
#fix_area .fix_input table {width:100%; color:#ffffff; height:57px; margin-top:9px; background-color:rgba(21,64,132,0.8);}
#fix_area .fix_input table td {text-align:left; vertical-align:middle; height:28px;}
#fix_area .fix_input table .line1 td:first-child {width:13%; min-width:45px; height:52px; text-align:center; vertical-align:bottom;}
#fix_area .fix_input table .line1 td:nth-child(2), .line1 td:nth-child(4) {width:14.5%; min-width:52px;}
#fix_area .fix_input table .line1 td:nth-child(3) {width:25%; min-width:89px;}
#fix_area .fix_input table .line1 td:nth-child(5) {width:33%; min-width:116px;}
#fix_area .fix_input table .fix_box {width:85%; height:20px;}
#fix_area .fix_btn {width:100%; background-color:#113e81;}
#fix_area .fix_btn li{float:left;}
#fix_area .fix_btn li img{width:100%;}

/*회원가입*/
#join_nav {color:#fff; text-align:center; line-height:40px; font-weight:600; background-color:#2b508c;}
#join_sec {width:100%; margin-bottom:10px;}
#join_sec .join_flow {width:100%; background:#e8f1ff; height:33px; border-bottom:1px solid #a8bad5;}
#join_sec .join_flow ul li{width:25%; text-align:center; line-height:33px; font-size:0.8em; background:url(../img/arrow_01.png) no-repeat; background-position:right; background-size:auto 33px;}
#join_sec .join_flow ul li:last-child {background-image:none;}
#join_sec .agree {padding-top:13px; width:100%;}
#join_sec .agree p span {right:10px;}
#join_sec .agree textarea {width:96%; margin:0 2% 15px 2%; font-family:"NanumGothic"; font-size:0.7em; border:1px solid #D4D4D4; color:#404040; overflow-y: auto; overflow-x:hidden;}
#join_sec .agree .agree_table {width:100%;}
#join_sec .agree .agree_table td {text-align:center;}
#join_sec .agree .agree_table dt {background-color:#5a77a2; height:28px; padding-top:6px; border-bottom:1px solid #6f8cb7;}
#join_sec .agree .agree_table dt p {font-weight:600; font-size:1.1em; color:#fff; display:inline-block; padding-top:3px;} 
#join_sec .agree table td p {padding-top:2px;}

/*소개*/
#intro_sec {width:100%; margin-bottom:10px;}
.choice p{float:left; width:50%; background-color:#ebe8f3; padding-top:10px; padding-bottom:10px; display:inline-block;}
.choice p a {color:#4e4e4e;}
.choice_1 p{float:left; width:100%; background-color:#ebe8f3; padding-top:10px; padding-bottom:10px; display:inline-block;}
#intro_sec div h2 {margin:15px 0 0 15px;}
#intro_sec #history {width:91.5%; margin:10px 2% 15px 2%; border:1px solid #eeeeee; border-radius:10px; padding:2%;}
#intro_sec #history h1 {color:#71a0a5; font-size:1.7em; margin:10px 0 2px 10px; letter-spacing:-3px;}
#intro_sec #history .his_content {font-size:0.8em; margin-left:11px; text-indent:-8px;}
#intro_sec #history .his_content span {font-weight:600; color:#59a1a9;}

/*과목소개*/
.carenote {background-color:#ffe1e1; width:91%; margin:3px 3% 5px 3%; padding:1.5%; font-size:0.8em;}
.carenote>h3 {color:#eb7b82; font-weight:bold; margin-bottom:5px; text-indent:-20px; padding-left:20px;}
.carenote>p {color:#464e54; font-weight:normal;}

/*강좌리스트*/
#list_sec {width:100%; background-color:#eee;}
.list_choice p{float:left; width:25%; background-color:#ebe8f3; padding-top:10px; padding-bottom:10px; display:inline-block; border-right:1px solid #fff; border-bottom:1px solid #fff; font-size: 0.8em; color:#4e4e4e; box-sizing:border-box;}
.list_choice p:nth-child(4), .list_choice p:nth-child(8) {border-right:none;}
.list_choice p:nth-child(5), .list_choice p:nth-child(6), .list_choice p:nth-child(7), .list_choice p:nth-child(8) {border-bottom:none;}
#list_sec .sub_list{width:100%;}
#list_sec .sub_list ul {margin-top:15px;}
#list_sec .sub_list ul li{width:90%; margin:3px 3%; padding:10px 2% 10px 2%; background-color:#fff; border-radius:10px;}
#list_sec .sub_list ul li p {font-size:1em;}
#list_sec .sub_list ul li .prof {margin-left:8px; font-size:14px; color:#666;}


/*공지사항&학사일정*/
#noti_sec .board_list {width:100%;}
#noti_sec .board_list ul li {float:none; border-bottom:1px solid #eee;padding:15px 0 12px 10px; display:block; background:url(../img/arrow.png) no-repeat; background-position:98% 49%;}
#noti_sec .board_list ul li a p{width:90%;}
#noti_sec .board_list .page {padding: 25px 0; text-align:center;}
#noti_sec .board_list .page a {border:1px solid #bbb; margin-left:-1px; padding:7px 15px; color:#666666;}
#noti_sec .board_list .page .pre {background-color:#eee; border-radius:8px 0 0 8px;}
#noti_sec .board_list .page .nxt {background-color:#eee; border-radius:0 8px 8px 0;}
#noti_sec .board_list .page .active {color:#df2828; font-weight:bold;}

#noti_sec .title {color:#666666; font-size:14px; font-weight:bold;}
#noti_sec .date {margin-left:5px; color:#aaa; font-size:12px; font-weight:normal;}

#noti_sec .noti_view {margin:15px 8px 10px 8px; padding:15px 12px 25px 12px; background-color:#f6f6f6; border-radius:10px;}
#noti_sec .noti_view hr {border:1px thin #ddd; margin: 5px 0 10px 0;}
#noti_sec .noti_view .view_con {font-size:0.8em; line-height:1.3em;}

/*공통사항*/
.p1 {font-size:0.8em; color:#252525; font-family:"NanumGothic"; font-weight:600; margin-bottom:7px; line-height:1.3em; letter-spacing:-1px;}
.p2 {font-size:0.8em; color:#fff; font-weight:500; vertical-align:middle;}
.p3 {font-size:1em; color:#252525; font-family:"NanumSquare"; font-weight:600; text-align:center; display:block;}
.p4 {font-size:1.2em; background:url(../img/common/dot_01.png) 4px 6px no-repeat; font-weight:bold; padding-left:15px; margin:15px 0 4px 0;}
.subject1 {font-size:1.3em; color:#0f5eab; font-weight:bold; margin-left:6px;}
.content {padding-left:10px; text-indent:-8px; line-height:1.3em;}
.text {width:92%; margin:15px 4% 15px 4%; letter-spacing:-1px; font-size: 0.9em;}
.text h3 {color:#144184; font-weight:600; font-size:1.3em; margin-bottom:4px;}