@charset "utf-8";

#wrap {position:relative; width:100%; margin:0 auto;}
#headerWrap {position:relative; width:100%; height:141px; background:#fff; z-index:99999;}
.headerInner {position:relative;width:100%; margin:0 auto; height:110px;}
#contentWrap {position:relative; width:100%; overflow:hidden;}
.content01 {position:relative; width:100%; margin:0px auto; padding:0; clear:both;}
#footer {clear:both; position:relative; width:100%; margin-top:20px; height:200px;}

/*Header*/
.headerTop {position:relative; width:100%; height:30px; border-bottom:1px solid #505b61; background:#505b61;}
.topInner {position:relative; width:100%; margin:0 auto;}

ul.hlm {position:relative; float:left;}
ul.hlm li {float:left; padding:0 37px 0 20px; background:url(/images/common/t_arrow.png) no-repeat 95px 9px;}
ul.hlm li a {font-size:0.91em; color:#fff; line-height:30px;}
ul.hlm li.start {background-color:#c7c7c7;}
ul.hlm li.fav {background-color:#8b8b8b;}
ul.hlm li.time {background:#cb004f url(/images/common/t_arrow.png) no-repeat 150px 9px;}

ul.hrm {position:relative; float:right;}
ul.hrm li {float:left; padding:0 14px 0 13px; background:url(/images/common/t_bar.png) no-repeat right 10px;}
ul.hrm li a {font-size:0.91em; line-height:30px; color:#f0f0f0;}
ul.hrm li.lch {padding:0 0 0 13px; background:none;}

li.tlogo {position:absolute; top:30px; left:0; z-index:999999;}


/* Targeting the first level menu */
#gnb { display: block; height: 35px; padding:46px 0 0 230px; width:859px; z-index:888888; position: absolute;}
#gnb > li > a {color: #000; font-weight:bold;}

/* Targeting both first and second level menus */
#gnb li { float: left; position: relative; height:37px;}
#gnb li:first-child { background:none; }
#gnb li.fch { background:none; }
#gnb li a {color: #000; font-size:16px; letter-spacing:-.02em; display: block; margin: 0 px 0 0; line-height:37px; padding:0 0 23px; width:95px; text-align:center;}
#gnb li a:hover {  text-decoration: none; color:#cb004f;}

/* Targeting the second level menu */
#gnb li ul { background: #fff; color: #7b7b7b; display: none; margin: 0px 0 0 -15px; position: absolute; border:1px solid #dadada; border-top:3px solid #cb004f; padding:10px 0; z-index:999999;}
#gnb li ul li { width: 100%;}
#gnb li ul li a { background:#fff; border: none; font-size:1.08em !important; letter-spacing:-.02em; color:#7b7b7b;line-height: 34px; margin: 0;padding:0; width:95px; height:34px; text-align:left; text-indent:15px;}
#gnb li ul li a:hover { background: #f3f3f3; color:#323232;}

/* A class of current will be added via jQuery */
#gnb li.current > a {color:#cb004f; }
#gnb li.current > a:hover {color:#cb004f; }
#gnb li:hover > a {color:#cb004f ; }

/* CSS fallback */
#gnb li:hover > ul.child { display: block; }


/*contents*/
#main_visual_area {position:relative; margin:0 auto; padding:0px 0; height:450px; z-index:111;}
#main_visual_area .m_banner01 {position:relative; float:left; width:817px; height:290px; margin-right:10px;}
#main_visual_area .m_banner01 h3 {position:absolute; top:186px; left:0; z-index:999999;}
#main_visual_area .m_poster {position:relative; float:left; width:278px; height:508px; border:1px solid #d9d9d9;}
#main_visual_area .m_poster p.year {position:absolute; top:0; left:0; z-index:5;}
#main_visual_area .m_poster p.poster {position:absolute; top:14px; left:14px; box-shadow:0 5px 0 #e8e8e8; z-index:1;}
#main_visual_area .m_poster ul {position:absolute; top:375px; left:14px; width:250px;}
#main_visual_area .m_poster li {text-align:right; line-height:26px; font-size:25px; color:#e94609;}
#main_visual_area .m_poster li.date {font-size:20px; color:#242424; font-weight:600; letter-spacing:-0.05em; line-height:22px; padding:14px 0;}
#main_visual_area .m_poster li.area {font-size:14px; color:#242424; line-height:15px;}


/* login  */
#login_box {position:relative; float:right; width:267px; height:289px; border:1px solid #dedede; background:#fff; margin-bottom:9px;}
#login_box h3 {float:left; font-size:18px; color:#007dcd; font-weight:bold; margin:19px 0 0 15px;}
#login_box .input {float:left; width:178px; height:30px; border:1px solid #c5c5c5}
#login_box .input02 {float:left; width:14px; height:14px;}
#login_box .login {float:left; width:183px; height:30px; border:0px solid #c5c5c5}
#login_box dl.logbox {position:relative; float:left; margin:13px 0 0 13px; width:278px;}
#login_box dl.logbox p {position:relative; float:left; height:37px; line-height:37px; margin:0px 0 0px 0px; color:#6d6d6d; font-size:13px;}
#login_box dl.logbox dt {float:left; width:183px; margin-bottom:10px;}
#login_box dl.logbox dd.id {float:left; width:183px; height:35px; margin:15px 0 7px 20px;}
#login_box dl.logbox dd.pw {float:left; width:183px;margin:0px 0 10px 8px; }

#login_box .box {position:relative; float:left; clear:both; width:266px; margin-bottom:7px;}
#login_box .box p {position:relative; float:left; height:37px; line-height:37px; margin:0px 0 0px 0px; color:#6d6d6d; font-size:13px;}
#login_box .box li a {color:#666;}

#login_box .login_btn {float:left; clear:both; width:278px;margin:10px 0 0 16px; }
#login_box .login_btn li {float:left; padding-right:10px;}
#login_box .login_btn li a {color:#666;}

#login_box .login_txt {float:left; clear:both; width:278px;margin:5px 0 0 12px; }
#login_box .login_txt li {float:left; padding-right:5px;}
#login_box .login_txt li a {color:#666;}
#login_box .login_txt li.txt01 {color:#666; margin-left:30px; margin-top:10px;}
#login_box .login_txt li.txt02 {color:#666; margin-left:50px; margin-top:10px;}

#login_box .login_txt_1 {float:left; clear:both; width:278px;margin:15px 0 0 15px; }
#login_box .login_txt_1 li {float:left; padding-right:5px;}
#login_box .login_txt_1 li a {color:#666;}
#login_box .login_txt_1 li.txt01 {color:#666; margin-left:30px; margin-top:10px;}
#login_box .login_txt_1 li.txt02 {color:#666; margin-left:50px; margin-top:10px;}

/* 주요서비스 바로가기 */
.mqmenu {position:relative; width:1098px; height:94px; padding:25px 0 20px; border:1px solid #dedede; background:#fff;}
.mqmenu p {float:left;  padding:25px 30px 20px; font-size:15px; color:#1f9ebf; letter-spacing:-0.25px; font-weight:bold;}
.mqmenu li {position:relative; float:left; width:120px; text-align:center; padding-top:69px; height:25px;}
.mqmenu li span {font-size:13px; color:#787878; line-height:25px; font-weight:600;}
.mqmenu li span:hover {font-size:13px; color:#39F; line-height:25px; font-weight:600;}
.mqmenu li.mq01 {background:url(/images/main/mq01.png) no-repeat center top;}
.mqmenu li.mq02 {background:url(/images/main/mq02.png) no-repeat center top;}
.mqmenu li.mq03 {background:url(/images/main/mq03.png) no-repeat center top;}
.mqmenu li.mq04 {background:url(/images/main/mq04.png) no-repeat center top;}
.mqmenu li.mq05 {background:url(/images/main/mq05.png) no-repeat center top;}
.mqmenu li.mq06 {background:url(/images/main/mq06.png) no-repeat center top;}
.mqmenu li.mq07 {background:url(/images/main/mq07.png) no-repeat center top;}
.mqmenu li.mq08 {background:url(/images/main/mq08.png) no-repeat center top;}

.notice {position:relative; width:1098px; height:56px; margin-top:10px; border:1px solid #dedede;background:#fff;}
.notice p {float:left;  padding:20px 30px 20px; font-size:15px; color:#F90; letter-spacing:-0.25px; font-weight:bold;}
.notice li {position:relative; float:left;}
.notice li.tit {position:relative; float:left; margin-top:20px; padding-left:40px;}
.notice li.day {position:relative; float:right; margin-top:20px; padding-right:40px;}
.notice li.more {position:relative; float:right; border-left:1px solid #dedede;}
.notice li a {position:relative; float:left; font-size:15px; color:#767574;}
.notice li span {font-size:13px; color:#787878; line-height:25px; font-weight:600;}
.notice li.mq01 {}



/*학점은행제 슬라이드*/
#treatBox {position:relative; float:left; width:100%; height:213px; padding-top:10px;}

.amazon_scroller {float:left; padding:0px; margin:0; border:0; overflow:hidden;}
.amazon_scroller .amazon_scroller_nav {position:absolute; top:0; left:0;}
.amazon_scroller .amazon_scroller_nav li {cursor:pointer; position: absolute;}
.amazon_scroller .amazon_scroller_mask {position:absolute; overflow: hidden;}
.amazon_scroller ul {padding:0px; margin:0px; float:left;}
.amazon_scroller ul li {padding:0px; margin:0px; list-style: none; float:left; text-align:center; display:inline;}
.amazon_scroller ul li a { text-decoration:none; }
.amazon_scroller ul li a amazon_scroller_title {overflow:hidden;}
.amazon_scroller ul li a:hover {text-decoration:none; color:#333}
.amazon_scroller ul li a img {border:none;}

/*원격지원, 무료학습*/
.btn01{position:relative; float:left;}
.btn01 li { position:relative; float:left; border:1px solid #CCC;}
.btn01 li.btn02{ position:relative; float:left; margin-left:-47px;}
.btn01 li.btn03{ position:relative; float:left; margin-left:12px;}


/*입금계좌, 고객센터*/
#treatBox02 {position:relative; float:left; width:100%; height:187px; padding-top:12px;}

.bank {position:relative; float:left;}
.bank li{position:relative; float:left;  border:1px solid #CCC;}

.cs {position:relative; float:left; }
.cs li{position:relative; float:left; margin-left:11px; border:1px solid #CCC;}

.bin {position:relative; float:left; }
.bin li{position:relative; float:left; margin-left:12px;}

.btn04 {position:relative; float:left; }
.btn04 li{position:relative; }
.btn04 li.bot01{ margin-left:12px; margin-bottom:11px;}
.btn04 li.bot02{margin-left:12px;}



#logos {position:relative; width:100%; height:70px;}
#logos ul {position:relative; width:100%; margin:0 auto;}
#logos li {float:left; padding:30px 1px; text-align:center;}


/* footer */
#footer_bottom{clear:both; width:100%; height:250px;  margin:0 auto;  background:url(/images/common/bot_bg1.png);}
#footer_bottom ul{ position:relative; width:100%; height:30px; margin:0 auto; padding-top:18px; }
#footer_bottom ul li {position:relative;}
#footer_bottom ul li a { float:left; color:#fff; height:12px; padding-right:14px; font-size:14px;}
#footer_bottom ul li a.first {color:#fff; height:12px; padding-right:14px; font-size:14px; padding-left:14px;}
#footer_bottom ul li a:hover{ text-decoration:underline;}

#footer_bottom ul p { position:absolute; width:100%; color:#666; float:left; margin-top:30px; font-size:12px;}
#footer_bottom ul p.bot_logo { position:relative; width:250px; color:#666; float:left; margin-top:42px;}
#footer_bottom ul p.bott01 { position:absolute; width:650px; color:#565657; float:left; margin-top:120px;  padding-left:3px; font-weight:600;}
#footer_bottom ul p.bott02 { position:absolute; width:650px; color:#565657; float:left; margin-top:145px;  padding-left:3px; font-weight:600;}
#footer_bottom ul p.bott03 { position:absolute; width:570px; color:#565657; float:left; margin-top:170px;  padding-left:3px; font-weight:600;}
#footer_bottom ul p.copy { position:absolute; width:550px; color:#565657; float:left; margin-top:195px;  padding-left:3px; }
#footer_bottom ul p.family { position:absolute; width:150px; color:#565657; float:left; margin-top:70px;  padding-left:750px; }
#footer_bottom ul p.logo1 { position:absolute; width:450px; color:#565657; float:left; margin-top:135px;  padding-left:565px; }
#footer_bottom ul p.logo2 { position:absolute; width:450px; color:#565657; float:left; margin-top:175px;  padding-left:565px; }

/*화면좌측배너*/
#lnb_bn_wrap_b {position:absolute;top:140px; left:50%; margin-left:-650px; width:75px; height:auto; z-index:999999;}
.lnb_go01 {position:relative; width:75px; padding-left:100px;}
.lnb_go02 {position:relative; width:75px; padding-left:-15px; margin-top:10px;}
.lnb_go03 {position:relative; width:75px; padding-left:-15px; margin-top:10px;}

/*화면우측배너*/
#rnb_bn_wrap_c {position:absolute; top:200px; right:50%; margin-right:-625px; width:75px; height:auto; z-index:1;}
.rnb_pic {position:relative; width:75px; padding-left:100px;}