@charset "utf-8";

@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);



html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, img, strong, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, address, a, select, input, textarea,
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption, button{
  margin:0; padding:0; 
  font-family:'Nanum Gothic', 'Malgun Gothic', 'Dotum', '돋움', sans-serif; line-height:1.2; letter-spacing:-0.05em;
}

html, body{min-height:100%;}

body{background-color: #212121;}

ol, ul, li{list-style:none;}

table{width:100%; border-collapse:collapse; border-spacing:0; table-layout:fixed;}


a, a:hover, a:focus{text-decoration:none;}
a:visited {text-decoration:none;}
a{color: inherit;}

img{border:0;}

input, select{border:0;}
input, select, label, img{vertical-align:middle;}
input[type="button"]{cursor:pointer;}

.blind{position:absolute; left:-999em; top:-999em; font-size:0px; line-height:0px; height:0px;}
.blind_tb{font-size:0px; line-height:0px; height:0px; text-indent:-9999px;}

.clear{*zoom:1;}
.clear:after{content:""; display:block; clear:both;}

.skipnavi{position:absolute; left:0; top:-5000px;}
.skipnavi:hover, .skipnavi:focus, .skipnavi:active{width:100%; height:30px; background-color:#383838; 
  font-size:12px; color:#fff; text-align:center; line-height:30px; position:absolute; left:0; top:0; z-index:3;
}

/******************************* 전체 레이아웃 ******************************************/
.wrap{min-width:1024px; min-height:100%; margin:0 auto; background-color:#202020; position:relative;}


/* header */
.user_link_area{height:30px;}

.user_link{width:1008px; padding-right:16px; margin:0 auto; text-align:right;}
.user_link > li{display:inline; margin-left:18px; font-size:13px; color:#bcbcbc; line-height:31px; position:relative;}
.user_link > li > a > img{margin-right:3px; vertical-align:-5px;}
.user_link > li > a{color:#bcbcbc;}
.user_link > li > .user{color:#fff; font-weight:bold;}
.user_link > li > .program{color:#f60005; line-height:18px;}

/* user_menu 변경사항 = height:136px; padding:15px 4px 0; 삭제*/
.user_menu{width:118px; padding:0 4px 0; background-color:#f1f1f1; border:1px solid #cecece; position:absolute; left:-40px; top:29px; z-index:3; display:none;}
.user_menu li{padding-left:18px; border-top:1px solid #d1d1d1; text-align:left;}
.user_menu li:first-child{border-top:0;}
.user_menu li a{font-size:12px; color:#000; line-height:30px;}
.user_menu li a:hover{border-bottom:1px solid #b61d20; color:#b61d20; font-weight:bold;}
.user_menu:before{display:block; content:""; width:13px; height:6px; background-image:url("https://img.studycode.com/homepage_re/images/header/arrow_user_menu.png"); position:absolute; left:56px; top:-11px;}

.user_name_arrow_img {
    position: relative;
    top: -3px;
    display: inline-block;
}


.gnb_bg{width:100%; height:83px; background:url("https://img.studycode.com/homepage_re/images/header/gnb_bg.png") repeat-x left top; position:absolute; left:0; top:30px; z-index:2;}
.gnb_area{width:1024px; margin:0 auto;}

.logo{float:left; padding-top:16px; margin-left:17px;}
.logo img{vertical-align:top;}

.gnb_list{float:left; margin-left:68px; padding-right:21px; background:url("https://img.studycode.com/homepage_re/images/header/line_gnb_last.jpg") no-repeat right center;}
.gnb_list li{float:left; padding-left:25px; margin-left:18px; background:url("https://img.studycode.com/homepage_re/images/header/line_gnb.jpg") no-repeat left center; position:relative;}
.gnb_list li:first-child{padding-left:0; margin-left:0; background-image:none;}
.gnb_list li a{display:block; width:103px; height:67px; text-align:center; line-height:70px;}
.gnb_list li a:hover, .gnb_list li a:focus, .gnb_list li .on{border-bottom:3px solid #f60005;}

.gnb_banner_area{float:right; width:190px; height:70px; margin-right:24px; position:relative;}
.gnb_banner_area .bx-controls-direction a{}
.gnb_banner_area .bx-prev{}
.gnb_banner_area .bx-next{background-image:url("https://img.studycode.com/homepage_re/images/header/arrow_next.jpg"); right:-8px;}

.gnb_banner{}
.gnb_banner a{display:block; width:172px; height:50px; padding-top:20px; padding-right:18px; 
  font-size:14px; color:#9c9c9c; text-align:right;
}
.gnb_banner a span{display:block; margin-right:3px; margin-top:3px; font-size:11px;}

.slick-arrow{border:0; background-color:transparent; text-indent:-9999px; cursor:pointer; position:absolute;}

.gnb_banner_area .slick-arrow{width:8px; height:12px; margin-top:-6px; top:50%;}
.gnb_banner_area .slick-prev{background-image:url("https://img.studycode.com/homepage_re/images/header/arrow_prev.jpg"); left:-8px;}
.gnb_banner_area .slick-next{background-image:url("https://img.studycode.com/homepage_re/images/header/arrow_next.jpg"); right:-8px;}



/* container */
.container{min-height:850px; padding-top:70px;}

.cont_center{width:1024px; margin:0 auto;}


/* footer */
.footer{height:68px; padding-top:21px; background-color:#0f0f0f; border-top:1px solid #474747;}
.footer_area{width:948px; margin:0 auto; padding:0 38px;}

.footer_info{float:left; width:681px; margin-top:-3px;}
.footer_info li{float:left; height:13px; padding-left:10px; margin-left:8px; margin-top:3px;
  background:url("https://img.studycode.com/homepage_re/images/footer/line_footer.jpg") no-repeat left center;
}
.footer_info li:first-child, .footer_info li.first{margin-left:0; padding-left:0; background-image:none;}
.footer_info li img{vertical-align:top;}

.btn_inipay{float:left; margin-left:20px;}

.btn_offline{float:right; padding-left:23px; position:relative;}
.btn_offline:before{display:block; content:""; width:1px; height:32px; background-color:#535353; position:absolute; left:0; top:7px;}


/* 20180213 상단메뉴-sub */
.user_menu0131{position:absolute;left:350px;top:58px;padding:5px 40px 7px; background-color:#636363;border:1px solid #717171;}
.user_menu0131 li{display:block;}
.user_menu0131 li:first-child{border-top:0;}
.user_menu0131 li a{font-size:12px; color:#d4d4d4; line-height:35px;}
.user_menu0131 li a:hover{border-bottom:1px solid #fff; color:#fff; font-weight:bold;}
.user_menu0131:before{display:block; content:""; width:13px; height:6px;position:absolute; left:56px; top:-11px;}


/* 20180213 푸터 */
/*.footer_re{background-color:#0f0f0f;border-top:1px solid #474747;display:block;padding:5px 0;}*/
/*.footer_area_re{margin:0 auto;}*/
/*.footer_info_re{color:#7b7b7b;font-size:10px;line-height:14px;width:1024px;margin:0 auto;}*/



/* 20180221 상단메뉴 */
.top_menubg{top:0;background:transparent;}
.top_menusub{float:left;background:none;position:relative;margin-left:30px;}
.top_menusub_title{color:#fff;font-size:14px;line-height:66px;}


/* 20180221 등록하기 메뉴 [ tger ] 수정*/
/*.sub_gnb_bg{width:100%; height:45px; position:absolute; left:0; top:70px; z-index:1;display:block;}*/
.sub_gnb_bg{width:100%; height:45px; position:absolute; left:0; top:68px; z-index:2;}
.sub_gnb_div{
    width:100%; height:45px; z-index:1;background:rgba(255, 255, 255, 0);

    /*transition-property:background;*/
    /*transition-duration: 0.7s;*/
    /*transition-timing-function: ease;*/
}
.sub_gnb_area{width:1024px; margin:0 auto;}

.sub_gnb_div.on{
    background:rgba(255, 255, 255, 0.8);
}

.sub_gnb_top{float:right; color:#5d5d5d;}
.sub_gnb_top li{display:inline-block;line-height:42px;color:#828282;}
.sub_gnb_top li a{font-size:13px;margin-right:14px;font-weight:bold;}
.sub_gnb_top li:last-child a{font-weight:normal;}

.sub_gnb_top .on{font-weight:bold;color:#525252;}


/* 수정  */
.gnb_list{float:left; margin-left:68px; padding-right:21px;padding-top:10px;}
.gnb_list li{float:left; padding-left:25px; margin-left:18px; background:url("https://img.studycode.com/homepage_re/images/header/line_gnb.jpg") no-repeat left center; position:relative;}
.gnb_list li:first-child{padding-left:0; margin-left:0; background-image:none;}
.gnb_list li a{display:block; width:103px; height:45px; text-align:center; line-height:45px;}
.gnb_list li a:hover, .gnb_list li a:focus, .gnb_list li .on{border-bottom:3px solid #f60005;}


/* 20180322 프로그램 용 */
.sub_gnb_title{float:left;font-size:14px;color:#828282;line-height:45px;margin-left:16px;}
.sub_gnb_topbt{clear:both;background:rgba(160, 11, 11, 0.72);display:block;padding:3px 7px;color:#fff;border:1px solid #b10e0e;}

.sub_gnb_topbt:hover{
    background: rgba(183, 16, 16, 0.7);
    border-color: rgb(183, 16, 16);
}

/* 20180322 푸터  - 수정*/
.footer_re{background-color:transparent;display:block;position:absolute;bottom:0;width:100%;}
.footer_area_re{margin:0 auto;left:50%;border-top:1px solid rgba(187, 187, 187, 0.21);width:970px;padding:15px 20px 35px 20px;}
.footer_info_re{color:#7b7b7b;font-size:10px;line-height:14px;width:1024px;margin:0 auto;}

/* 20180322 교과목 용 */
.sub_gnb_subtitle{float:left;font-size:14px;color:#828282;line-height:45px;margin-left:20px;}
.sub_gnb_subtopbt_k{background:#094a86;display:block;padding:3px 7px;margin-top:10px;border:1px solid rgba(9, 73, 128, 0.66);line-height:17px;color:#fff;}
.sub_gnb_subtopbt_m{background:#af7700;display:block;padding:3px 7px;margin-top:10px;border:1px solid rgb(183, 143, 67);line-height:17px;color:#fff;}
.sub_gnb_subtopbt_e{background:#37630e;display:block;padding:3px 7px;margin-top:10px;border:1px solid rgba(46, 86, 4, 0.84);line-height:17px;color:#fff;}

.sub_gnb_subtopbt_etc{clear:both;background:rgba(160, 11, 11, 0.72);display:block;padding:3px 7px;color:#fff;margin-top:10px;border:1px solid #b10e0e;}
    
.sub_gnb_subtopbt_etc:hover{
    background: rgba(183, 16, 16, 0.7);
    border-color: rgb(183, 16, 16);
}

.sub_gnb_subtopbt_k:hover{
    background: #0a59a2;
}

.sub_gnb_subtopbt_e:hover{
    background: #498314;
}
.sub_gnb_subtopbt_m:hover{
    background: #c58600;
}

/* 20180323 상단메뉴 */
.top_menubg{top:0;background:transparent;text-align:center;z-index: 3;}
.top_menusub{float:left;background:none;position:relative;margin-left:30px;}
.top_menusub_title{color:#fff;font-size:14px;line-height:66px;}

/* 20180323 상단메뉴-sub */
.new_topmeun{width:1024px;display:inline-block;position:relative;font-weight:bold;}

.new_topmenu_left{float:left;color:#fff;font-size:15px;padding-left:30px;margin-top:15px;}
.new_topmenu_left_ul{display:inline-block;width:130px;text-align:center;line-height:46px;height:46px;}
.new_topmenu_left a{color:#e9e9e9;letter-spacing:-0.06em;}
.new_topmenu_left a:hover{color:#fff;}

.new_topmenu_right{float:right;color:#bbb;font-size:12px;margin-top:15px;}
.new_topmenu_right_ul{display:inline-block;width:70px;text-align:center;line-height:46px;height:46px;}
.new_topmenu_right a{color:#ddd;letter-spacing:-0.06em;}
.new_topmenu_right a:hover{color:#fff;}
.new_topmenu_right .program{color:#f60005; line-height:18px;}

.new_submenu{background-color:rgba(187, 187, 187, 0.37);color:#fff;}
.new_submenu_warp{position:absolute;top:61px;width:130px;text-align:left;background-color:rgba(187, 187, 187, 0.37);padding-bottom:7px;display: none;}
.new_submenu_warp ul{color:#fff;font-size:13px;padding:15px 0 16px 19px;letter-spacing:-0.06em;font-weight:normal;}
.new_submenu_warp ul:hover{background-color:rgba(187, 187, 187, 0.5);font-weight:bold;}

.new_submenu_r{background-color:rgba(187, 187, 187, 0.37);color:#fff;}
.new_submenu_warp_r{position:absolute;top:61px;width:130px;text-align:left;background-color:rgba(187, 187, 187, 0.37);padding-bottom:7px;display: none;}
.new_submenu_warp_r ul{color:#fff;font-size:12px;padding:12px 0 13px 13px;letter-spacing:-0.06em;font-weight:normal;}
.new_submenu_warp_r ul:hover{background-color:rgba(187, 187, 187, 0.5);font-weight:bold;}

.new_submenu_warp_l{position:absolute;top:61px;width:190px;text-align:left;background-color:rgba(187, 187, 187, 0.37);padding-bottom:7px;display: none;}
.new_submenu_warp_l ul{color:#fff;font-size:13px;padding:15px 0 16px 19px;letter-spacing:-0.06em;font-weight:normal;}
.new_submenu_warp_l ul:hover{background-color:rgba(187, 187, 187, 0.5);font-weight:bold;}

.new_topmenu_left_ul.dropdown:hover{
    background-color:rgba(187, 187, 187, 0.37);color:#fff;
}

.new_topmenu_left_ul.dropdown:hover a{
    color:#fff;
}

/*.new_topmenu_left_ul.dropdown .new_submenu_warp{*/
    /*overflow: hidden;*/
    /*/!*opacity: 0;*!/*/
    /*-webkit-transition: all 0.3s ease-in-out;*/
    /*-moz-transition: all 0.3s ease-in-out;*/
    /*-o-transition: all 0.3s ease-in-out;*/
    /*transition: all 0.3s ease-in-out;*/
/*}*/
.new_topmenu_left_ul.dropdown:hover .new_submenu_warp, .new_topmenu_left_ul.dropdown:hover .new_submenu_warp_l{
    display: block;
}

.new_topmenu_right_ul.dropdown:hover{
    background-color:rgba(187, 187, 187, 0.37);color:#fff;
}

.new_topmenu_right_ul.dropdown:hover a{
    color:#fff;
}

.new_topmenu_right_ul.dropdown:hover .new_submenu_warp_r{
    display: block;
}

.new_topmenu_right_ul:hover .program{
    color: #fe3034;
}

/* Mobile hide */
.about_m, .detail_m, .header_m, .main_m, .footer_m, .continue_m, .special_m{
    display: none;
}

.sub_gnb_subtopbt_m2{background:#b82735;display:block;padding:3px 7px;margin-top:10px;border:1px solid #b82735;line-height:17px;color:#fff;}
.sub_gnb_subtopbt_m2:hover{background-color: #c82d3c;}


/* 20180605 */
.sub_gnb_div{
    background:rgba(112, 112, 112, 0.46);
}
.sub_gnb_div .sub_gnb_title{color:#b8b8b8;}
.sub_gnb_div .sub_gnb_top .on{color:#cacaca;}
.sub_gnb_div .sub_gnb_top li{color:#b8b8b8;}
.sub_gnb_div .sub_gnb_topbt{border:1px solid rgba(160, 11, 11, 0.72);color:#c0c0c0;}

.sub_gnb_div .sub_gnb_subtitle{color:#b8b8b8;}
.sub_gnb_div .sub_gnb_subtopbt_k{color:#c0c0c0;}
.sub_gnb_div .sub_gnb_subtopbt_m{color:#c0c0c0;}
.sub_gnb_div .sub_gnb_subtopbt_e{color:#c0c0c0;}


.sub_gnb_div.on{
    background:rgba(255, 255, 255, 0.8);
    -webkit-transition: background .5s ease-out;
    -moz-transition: background .5s ease-out;
    -o-transition: background .5s ease-out;
    transition: background .5s ease-out;
}
.sub_gnb_div.on .sub_gnb_title{color:#828282;}
.sub_gnb_div.on .sub_gnb_top{color:#5d5d5d;}
.sub_gnb_div.on .sub_gnb_top li{color:#828282;}
.sub_gnb_div.on .sub_gnb_top .on{color:#525252;}
.sub_gnb_div.on .sub_gnb_topbt{border:1px solid rgba(160, 11, 11, 0.72);color:#fff;}


.sub_gnb_div.on .sub_gnb_subtitle{color:#828282;}
.sub_gnb_div.on .sub_gnb_subtopbt_k{color:#fff;}
.sub_gnb_div.on .sub_gnb_subtopbt_m{color:#fff;}
.sub_gnb_div.on .sub_gnb_subtopbt_e{color:#fff;}

/* ======================================== */
.row{ margin: 0;}
.col-lg-12, .col-12{max-width: 1024px;margin: 0 auto !important;padding: 0;}
.max900{max-width:900px;padding:0;margin: 0 auto !important;}
.padding15{padding:0 15px;}