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


/* common */
a { text-decoration:none; }
h1, h2, h3, h4, h5, h6, p, ul { padding:0; margin:0; }
h3 { display: block;font-weight: bold; }
li { list-style:none; }
h1, h2, h3, h4, h5, h6, p, ul, ol, dl, input, textarea, pre, * { font-family: 'NanumBarunGothic', "나눔바른고딕", NanumGothic, "돋움", dotum, sans-serif; }
/*
html,body { padding:0; margin:0; height:100%; font-family: 'NanumBarunGothic', "나눔바른고딕", NanumGothic, "돋움", dotum, sans-serif; }
*/
.clear { clear:both; }
label { font-weight: normal; }
/*
.btn { border: 0px solid transparent; border-radius: 0px; width:100%; height:40px; padding:0; line-height:40px; background-color:#ADB9C2; color:#2F4B61; font-size:15px; font-weight:600; text-align:center; display:block; margin:9px 0; }
.btn-default { border-width:0; }
*/

.btn-ub-guest { height:30px; line-height:30px; font-size:13px; }
.dropdown-menu { border-radius:0px; min-width:150px; }
div[role="main"] ul, div[role="main"] ol { padding:0; }
div#page, div#page-content, div#region-main, div[role="main"] { height:100%; }

/******************************/
/******** main_wrapper ********/
/******************************/

#page-login-index { padding:0; margin:0; height:100%; font-family: 'NanumBarunGothic', "나눔바른고딕", NanumGothic, "돋움", dotum, sans-serif; }
#page-site-index #page-content { margin:0; }
#page-site-index #page-content #region-main { padding:0; }
#page-login-index #page-content { margin:0; }
#page-login-index #page-content #region-main { padding:0; }

.main_login_wrapper { width:100%; height:100%; position:relative; min-width:1020px; min-height:660px; font-family: 'Nanum Gothic' !important; }

.main_login_bg { height:100%; background-size:cover !important; position:relative; margin-right: 420px; }

.loginpage_1 .main_login_bg { background:url(../pix/login/loginpage_1.png) top center no-repeat; }
.loginpage_2 .main_login_bg { background:url(../pix/login/loginpage_2.jpg) top center no-repeat; }
.loginpage_3 .main_login_bg { background:url(../pix/login/loginpage_3.png) top center no-repeat; }
/*.loginpage_4 .main_login_bg { background:url(../pix/login/loginpage_4.jpg) top left no-repeat; }*/


/* main_visual_txt */
/*
.main_visual_txt { position:absolute; width:100%; top:104px; text-align:center; }
.main_visual_txt p { color:#fff; font-size:34px; line-height:36px; background:url(../pix/login/slogan_bg.png) top right no-repeat; display:inline-block; margin:0 auto; padding:40px 160px 0; letter-spacing:2px; text-shadow: 2px 2px 4px #000000; font-weight:700; min-height:135px; }
.main_visual_txt p span { color: #565352; font-size: 12px; text-shadow: 0px 1px 1px #f9f7f7; }
*/
/* .main_visual_txt { position:absolute; top:120px; left:104px; width: 100%; height: 152px; background:url('../pix/login/loginpage_title.png') center center no-repeat; } */
.main_visual_txt { position:absolute; top:60px; left:104px; width: 100%; height: 222px; background:url('../pix/login/loginpage_title.png') center center no-repeat; } /* 220614 수정 */
/******************************/
/******* main_login_left ******/
/******************************/
.main_login_bar { background-color:#26282A; width:250px; height:100%; position:relative; opacity:0.95;}
.main_login_bar .main_login_log { padding:0 20px; background-color:#8B0B2D; }
.main_login_bar h1 { background:url(../pix/login/logo.png) no-repeat center #8B0B2D; background-size: 100% 100%; font-size:0; width:100%; height:68px; display:block; }
.main_login_bar img { width:100%; }
.main_login_bar .error_message.text-danger { font-weight:600; font-size:13px; background:#ff0606; color:#fff; margin:30px 20px -40px 20px; padding:10px; }




/******************************/
/****** main_login_bottom *****/
/******************************/
.main_login_bottom { position:absolute; bottom:0; width:250px; }

/* lang */
.langdropdown .dropdown-menu>li { position: relative; }
.langdropdown .dropdown-menu > li > a {	padding:5px 15px; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 12px; clear: both; font-weight: 400; line-height: 1.42857143; color: #333; }
.langdropdown .dropdown-menu > li .natinal_flag { position: absolute;top:0px; right: 15px; }
.main_login_lang { margin:0 0 25px 20px; }
.main_login_lang a { font-size:15px; color:#aeb9c5; font-weight: bold; }
.main_login_lang .caret { margin:10px 0 0 5px; display:inline-block; width:0; height:0; vertical-align:top; border-top:4px solid #aeb9c5; border-right:4px solid transparent; border-left:4px solid transparent; content:""}

/* sns */
.main_login_sns { position:absolute; bottom:230px; right:20px; }
.main_login_fb { background:url(../pix/login/sns_fb.png) no-repeat; width:30px; height:30px; display:inline-block; font-size:0; }
.main_login_twit { background:url(../pix/login/sns_twit.png) no-repeat; width:30px; height:30px; display:inline-block; font-size:0; }

.main_login_line { padding:0 20px 0 20px; }
.main_login_line .line { border-top:1px solid #4B4C4F; height:1px; }

.main_login_privacy { padding-top:10px; text-align: center; font-weight: 600; color: #fff; }
.main_login_privacy a { color:#aeb9c5;  }

/* copy */
.main_login_copy { height:240px; /* background:url(../pix/login/bottom_bg.png); */ padding:20px 20px 0 20px; font-size:11px; color:#ccc; line-height:20px; }
.main_login_copy p { font-size:9px; color:#ccc; line-height:16px; padding-top:13px; }


/******************************/
/****** main_login_right ******/
/******************************/
.main_login_right { position:absolute; right:0; top:0; width:420px; height:100%; background-color: #F2F4F5; }
#page-login-index #page-content .main_login_wrapper .main_login_right { overflow:hidden; }

/* link */
.main_login_link a { color:#333; font-weight:600; font-size:12px; line-height:50px; height:50px; width:/*85px*/113px; border-right:1px #e6e6e6 solid; padding:0 5px 0 /*35px*/55px; display:inline-block; background-position:/*15px*/30px center; }
.main_login_link a:hover { color:#326ca6; }
.main_link_qna { background:url(../pix/login/icon_qna.png) no-repeat; display:none !important; }
.main_link_faq { background:url(../pix/login/icon_faq.png) no-repeat; }
.main_link_manual { background:url(../pix/login/icon_manual.png) no-repeat; }
.main_link_library { background:url(../pix/login/icon_library.png) no-repeat; }

/* main_login_list */
.main_login_list { padding:20px 20px 0 20px; height:235px; /* background-color:#fff; border-radius:8px 0 8px 0; */ }
.main_login_list h4 { font-size:16px; color:#326ca6; font-weight:600; margin-bottom:30px; }
.main_login_list ul li a { color:#333; font-weight:600; font-size:13px; line-height:26px; padding-right:10px; /*background:url(../pix/login/arrow.png) no-repeat right center;*/ }
.main_login_list ul li a:hover { color:#6a9920; }

.main_login_menu01 { background:#e7e9eb; }
.main_login_menu02 { background:#cfd6de; }
.main_login_notice .tab-content ul.board_article>li { background:none; line-height:28px; font-weight:600; color:#333; text-decoration:none; font-size:13px;  overflow: hidden; white-space: nowrap; text-overflow: ellipsis; border-bottom:1px dotted #e6e6e6; }
.main_login_notice .tab-content ul.board_article>li:last-child { border-bottom-width: 0; }
.main_login_notice .tab-content ul.board_article>li>a { background:none; color:#666; line-height:28px;}
.main_login_notice .tab-content ul.board_article>li>a:hover { font-weight:600; color:#333; text-decoration:none; }
.main_login_notice .tab-content ul.board_article>li>a.first { font-weight: bold; }
.main_login_notice .tab-content ul.board_article>li>a span.title { vertical-align: middle; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin-right: 10px; }
.main_login_notice .tab-content ul.board_article>li .first_article { margin:2px 0 5px 13px; color:#A7A7A7; font-size:11px; line-height: 18px; font-weight:normal;}

/* main_login_info */
#page-login-index .main_login_info { margin-top:5px; }
#page-login-index .main_login_info .info_title { position:relative; font-size:20px; color:#8C0028; font-weight:600; padding-left: 18px; margin-bottom:10px; }
#page-login-index .main_login_info .main_more a {
    position: absolute;
    right: 20px;
    top: 0px;
    width: 54px;
    padding: 5px 0 2px;
    text-align: center;
    color: #666;
    background-color: #e7e9eb;
    border-radius: 3px;
    font-size: 12px;
    font-weight: normal;
    text-decoration:none;
}
#page-login-index .main_login_info .main_more a:hover { background-color:#d9dbde;  }
#page-login-index .main_login_info .product_list { padding: 20px; height: calc(100vh - 380px); overflow-x: hidden; overflow-y: auto; }
#page-login-index .main_login_info .product_list>a {
    clear: both;
    margin-bottom: 10px;
    display: block;
    padding-bottom: 10px;
    border-bottom: 1px solid #e6e6e6;
    min-height: 90px;
    position:relative; 
}
#page-login-index .main_login_info .product_list .grid-item-header { width:115px; margin-right:15px; float:left; }
#page-login-index .main_login_info .product_list .grid-item-header .paid-thumbnail img#category_preview_thumbnail { width: 100%; }
#page-login-index .main_login_info .product_list .grid-item-header span.tip-status {
    position: absolute;
    top: 0;
    background-color: #33b75c;
    font-size: 12px;
    padding: 3px 5px;
    color: #FFFFFF;
    font-weight: 600;
}
#page-login-index .main_login_info .product_list .grid-item-content {
    position:absolute;
    top:0;
    width: calc(100% - 130px);
    margin-left:130px;
}
#page-login-index .main_login_info .product_list .grid-item-content span.course_name {
    color: #666;
    font-size: 13px;
    font-weight: 700;
    display: block;
}
#page-login-index .main_login_info .product_list .grid-item-content span.course_intro { display:none; }
#page-login-index .main_login_info .product_list .grid-item-footer {
    position: absolute;
    width: calc(100% - 130px);
    margin-left: 130px;
    bottom: 12px; }
#page-login-index .main_login_info .product_list .grid-item-footer .period { }
#page-login-index .main_login_info .product_list .grid-item-footer .period label {
    display: block;
    color: #A7A7A7;
    font-size: 12px;
    font-weight: 600;
    padding:0;
    margin:0;
}
#page-login-index .main_login_info .product_list .grid-item-footer .period .content {
    display: block;
    font-size:12px;
    color: #A7A7A7;
}
/*
.main_login_info div { position:relative; box-shadow:1px 1px 2px #d9dbdc; background-color:#fff; }
.main_login_info div:before,
.main_login_info div:after { content:""; display:block; position:absolute; background-color:#f2f4f5; }
.main_login_info a { color:#333; }
.main_login_info a:hover { text-decoration:none; }
.main_login_info div:before { width:1px; height:260px; top:0; left:50%; }
.main_login_info div:after { width:100%; height:1px; top:50%; left:0; }
.main_login_info div li { float:left; width:50%; font-size:14px; font-weight:600; }
.main_login_info .info_use { height:260px; margin-bottom:30px; }
.main_login_info .info_use li { height:130px; text-align:center; padding-top:20px; }
.main_login_info .info_use li:before { content:""; display:block; width:62px; height:62px; border-radius:50%; background-color:#ebf2f5; background-position:center; background-repeat:no-repeat; margin:0 auto 10px;  }
.main_login_info .info_use li:nth-child(1):before { background-image:url(../pix/login/main_icon01.png); }
.main_login_info .info_use li:nth-child(2):before { background-image:url(../pix/login/main_icon02.png); }
.main_login_info .info_use li:nth-child(3):before { background-image:url(../pix/login/main_icon03.png); }
.main_login_info .info_use li:nth-child(4):before { background-image:url(../pix/login/main_icon04.png); }
*/
.main_login_info .related_site { height:106px; }
.main_login_info .related_site li { line-height:53px; background-position:15px center; background-repeat:no-repeat; padding-left:40px; color:#666; }
.main_login_info .related_site li a { color:#666; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; }
.main_login_info .related_site li:nth-child(1) { background-image:url(../pix/login/main_icon01_s.png); }
.main_login_info .related_site li:nth-child(2) { background-image:url(../pix/login/main_icon02_s.png); }
.main_login_info .related_site li:nth-child(3) { background-image:url(../pix/login/main_icon03_s.png); }
.main_login_info .related_site li:nth-child(4) { background-image:url(../pix/login/main_icon04_s.png); }



/*  main_list_tab  */
.main_list_tab { position:relative; }
.main_list_tab .nav-tabs { border-bottom:0; margin-bottom:15px; }
.main_list_tab .nav-tabs>li:first-child { border-right:1px #e5e5e5 solid !important; margin-right:10px; padding-right:10px; }
.main_list_tab .nav-tabs>li>a { color:#999; font-size:18px; font-weight:600; line-height:20px; border:none; padding-right:0; margin-right:0; padding:0; }
.main_list_tab .nav-tabs>li>a:hover { background:none; color:#333; font-weight:600; }
.main_list_tab .nav-tabs>li.active>a { color:#8C0028; border:none; background:none; border-bottom:1px #8C0028 solid;  }
.main_list_tab .main_more a { position:absolute; right:0; top:-2px; width:54px; padding:5px 0 2px; text-align:center; color:#666; background-color:#e7e9eb; border-radius:3px; font-size:12px; }
.main_list_tab .main_more a:hover { background-color:#d9dbde; text-decoration:none; }

.main_list_tab .main_course_more a { position:absolute; right:0; top:-2px; width:54px; padding:5px 0 2px; text-align:center; color:#666; background-color:#e7e9eb; border-radius:3px; font-size:12px; margin-right:20px;}
.main_list_tab .main_course_more a:hover { background-color:#d9dbde; text-decoration:none; }

/* main_login_course */
.main_login_course { background:#F2F4F5; /*overflow-y: scroll;  height: calc(100% - 250px);*/ width: calc(100% + 20px); height: 100%; padding:15px 20px; }
.main_login_course .tab-pane li { height:104px; border-bottom:1px #dfe1e2 solid; padding:12px 0; }
.main_login_course .tab-pane li:after { content:""; clear:both; display:block; }
.main_login_course .tab-pane .contents_img,
.main_login_course .tab-pane .contents_title_box { float:left; }
.main_login_course .tab-pane .contents_img img { width:125px; height:80px; }

.main_login_course .tab-pane .contents_title_box { position:relative; height:100%; width:53%; margin-left:15px; }
.main_login_course .tab-pane .contents_title_box .contents_title { font-size:14px; color:#000; line-height:18px; height:45px; padding-top:5px; overflow:hidden; }
.main_login_course .tab-pane .contents_title_box .contents_name { font-size:12px; color:#808080; line-height:20px; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;  }
.main_login_course .tab-pane .contents_title_box .contents_date { font-size:12px; color:#999; line-height:12px; position:absolute; bottom:0; }


/* loginpage */
.loginpage .login-box .login_form { }
.loginpage .login-box .login_form .form-group { margin-bottom: 5px; position: relative}
.loginpage .login-box .login_form .input-ubstrap { width:100%; border-radius:0px; height:40px; box-shadow:none; margin:0px; }
.loginpage .login-box .login_form .btn-default { height:50px; font-weight:bold; font-size:16px; width:100%; border-radius:0px; margin-top:5px; background-color:#0d4e96; color:white; border-color:#0d4e96; }

.loginpage { background-position: center top; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; }
.loginpage.loginpage_1 { background:url('/theme/coursemosv2/pix/login/loginpage_1.png') no-repeat; background-size: cover; }
.loginpage.loginpage_2 { background:url('/theme/coursemosv2/pix/login/loginpage_2.png') no-repeat; background-size: cover; }
.loginpage.loginpage_3 { background:url('/theme/coursemosv2/pix/login/loginpage_3.png') no-repeat; background-size: cover; }
.loginpage.loginpage_4 { background:url('/theme/coursemosv2/pix/login/loginpage_4.png') no-repeat; background-size: cover; }
.loginpage #page { background-color:transparent; }
.loginpage #page-header { padding:30px; height:100px; background-color: #8B0B2D; }
.loginpage #page-header .logo { background:url('/theme/coursemosv2/pix/layout/logo.png') no-repeat; display: block; height: 68px; width: 190px;}
.loginpage #page-content { margin-left:0px; margin:60px 0; }
.loginpage #region-main { width:90%; text-align:right; min-height:inherit; }

#page-site-index .col-login-default { display:block; }
#page-site-index .col-login-person { display:none; }
#page-login-index .col-login-default { display:block; }
#page-login-index .col-login-person { display:none; }


.col-login-person .login-form-close .nobtn {
    background: url(/theme/coursemosv2/pix/login/login-form-close.png) no-repeat center center;
    border-radius: 0px;
    border: 0px;
    padding: 2px 10px;
    float : right;
}

#page-login-index .main_login_bar .error_message.text-danger { font-weight: normal; font-size: 11px; background-color:#7b7676; margin: 0;}
.login_page_course_title { font-size:20px; color:#074390; font-weight:600; background-color:#e7e8e8; padding: 15px 20px;}
.scroll_div { overflow-y: scroll;  height: 520px; width: calc(100% + 15px); }

/** 고려사이버대학교 디자인 **/
#page-login-index .main_login_wrapper { min-width:670px; }
#page-login-index div#page-content { height: calc(100% - 50px); min-height:auto; padding:0; }
#page-login-index .main_visual_controls { position: absolute; width: 100%; padding-left: 250px; bottom: 30px; text-align: center; }
#page-login-index .main_visual_controls a.btn-login-control { opacity: 0.8; width: 15%; min-width: 160px; height: 110px; background-color: #FFFFFF; border:1px solid #FFFFFF; border-radius: 8px; display:inline-block; position:relative; margin-right: 12px; cursor: pointer; }
#page-login-index .main_visual_controls a.btn-login-control .btn-icon { width: 48px; height: 48px; position: absolute; top: 10px; left: calc(50% - 24px); }
#page-login-index .main_visual_controls a.btn-login-control .btn-icon-01 { background:url('/template_/pix/btn-icon-01.png') center center no-repeat; }
#page-login-index .main_visual_controls a.btn-login-control .btn-icon-02 { background:url('/template_/pix/btn-icon-02.png') center center no-repeat; }
#page-login-index .main_visual_controls a.btn-login-control .btn-icon-03 { background:url('/template_/pix/btn-icon-03.png') center center no-repeat; }
#page-login-index .main_visual_controls a.btn-login-control>span.title { color: #000; position: absolute; bottom: 20px; width: 100%; display: block; font-size:15px; font-weight:600; }
#page-login-index .main_visual_controls a.btn-login-control>span.title>i { margin-left:8px; font-weight:700; font-size:16px; color: #8C132D; }
#page-login-index .main_visual_controls a.btn-login-control:hover { background-color:#8C132D; color:#FFFFFF; }
#page-login-index .main_visual_controls a.btn-login-control:hover .btn-icon-01 { background:url('/template_/pix/btn-icon-01-over.png') center center no-repeat; }
#page-login-index .main_visual_controls a.btn-login-control:hover .btn-icon-02 { background:url('/template_/pix/btn-icon-02-over.png') center center no-repeat; }
#page-login-index .main_visual_controls a.btn-login-control:hover .btn-icon-03 { background:url('/template_/pix/btn-icon-03-over.png') center center no-repeat; }
#page-login-index .main_visual_controls a.btn-login-control:hover>span.title { color: #FFFFFF; }
#page-login-index .main_visual_controls a.btn-login-control:hover>span.title>i { color:#FFFFFF; }
@media (max-width: 1210px) {
    #page-login-index .main_visual_controls a.btn-login-control { width:90%; margin-left: 12px; }
}
@media (max-width: 830px) {
    #page-login-index .main_visual_controls a.btn-login-control { display:none; }
}

/* login_box */
#page-login-index .main_login_box .btn { border: 0px solid transparent; border-radius: 0px; width:100%; height:40px; padding:0; line-height:40px; color:#2F4B61; font-size:15px; font-weight:600; text-align:center; display:block; margin:9px 0; }
.main_login_box { padding:0 20px; }
.main_login_box h3 { font-size:17px; color:#fff; margin:25px 0 18px; }
.form-group { margin-bottom:0; }
form select, form input[type="text"], form input[type="password"], form.atto_form input[type="url"], select.singleselect,
.main_login_input { width:100%; height:40px; border:none; font-size:13px; background-color:#ffffff; color:#999; margin-bottom:1px; padding-left:10px; border-radius: 0px;  border-radius:3px;}
#page-login-index .main_login_box .main_login_btn { width:100%; height:40px; padding:0; line-height:40px; background-color:#bf7e0f; color:#fff; font-size:15px; font-weight:600; text-align:center; display:block; margin:9px 0; border-radius:3px;}
#page-login-index .main_login_box .btn-default:hover, 
#page-login-index .main_login_box .btn-default:focus, 
#page-login-index .main_login_box .btn-default.focus, 
#page-login-index .main_login_box .btn-default:active, 
#page-login-index .main_login_box .btn-default.active, 
#page-login-index .main_login_box .open>.dropdown-toggle.btn-default { color:#fff; background-color:#ea8307; }

.main_login_txt { font-size:11px; color:#adb9c2; position:relative; padding:0 0 20px 20px; }
.main_login_txt input { position:absolute; left:0; top:0; margin:0; }

/* sso login */
.main_login_sso { margin-top:0; margin-bottom:5px;}
.main_login_sso a { font-size:12px; color:#adb9c2; border-bottom:1px #9ba8b3 solid; }
.main_login_sso a:hover { text-decoration:noen; }

/* find_idpw */
/*
.main_login_find_idpw { margin-top:0; }
.main_login_find_idpw a { font-size:12px; border-bottom:1px #9ba8b3 solid; }
*/

/** 회원가입, 암호찾기 **/
#page-login-index .main_login_box .btn-custom-default { color: #333; background-color: #bbbbbb; border-color: #bbbbbb; }
#page-login-index .main_login_box .btn-custom-default:hover { color: #303131; background-color: #dedede; border-color: #dedede; }

/** 우측 디자인 **/
hr.split-line { border-top: 1px solid #d6d6d6; border-bottom: 1px solid #FFF; }

/**    **/
#page-login-index .product_list .product-types { display:inline-block; margin-bottom:7px; line-height:100%; }
#page-login-index .product_list .product-types span.product-type { display: inline-block; color: #FFF; font-size: 11px; background-color: #ea3472; border: 1px solid #da2e61; /* border-radius: 15px;  */padding: 2px 6px; margin: 1px; }