@charset "utf-8";
@import url(./nanumgothic.min.css);

@font-face {
    font-family: 'notokr-medium';
    src: url('../fonts/NotoKR-Medium/notokr-medium.eot');
    src: url('../fonts/NotoKR-Medium/notokr-medium.eot?#iefix') format('embedded-opentype'),
    url('../fonts/NotoKR-Medium/notokr-medium.woff2') format('woff2'),
    url('../fonts/NotoKR-Medium/notokr-medium.woff') format('woff'),
    url('../fonts/NotoKR-Medium/notokr-medium.ttf') format('truetype'),
    url('../fonts/NotoKR-Medium/notokr-medium.svg#notokr-medium') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* css reset */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,dl,dd,form,textarea,button,img,fieldset{margin:0;padding:0}
ul,ol{list-style:none}
body{font-size:12px; color:#000; font-family:'맑은 고딕',Malgun Gothic,AppleSDGothicNeo,Helvetica,sans-serif,Dotum,'돋움'}

a{text-decoration:none; color:#292929}
input,textarea{box-sizing:content-box; font-size:inherit}
button{background:none; border:none; padding:0; font-family:Dotum,'돋움',Helvetica,AppleSDGothicNeo,sans-serif;cursor:pointer}

.cp { cursor:pointer}

.inner{position:relative;width:1200px; left:50%; margin-left:-600px;}
.wrap{height:100%; }

.paging{margin-top:20px;text-align:center;}
.paging ul{display:inline-block;}
.paging li{display:inline-block;width:24px;height:24px;line-height:26px;border:1px solid #e2e2e2;text-align:center; margin: 0 1px;}
.paging li.prev{width:80px;}
.paging li.next{width:80px;}
.paging li.on{border-color:#d22828}

#header{position:relative;top:0;background:#fff;overflow:hidden;border-bottom:1px solid #be251e}

#header .logo{position:absolute;left:0;top:0}
#header .logo a{display:block;overflow:hidden;padding:24px 0}
#header .logo img{display:block;height:32px;width:auto;float:left;}
#header .logo span{display:block;float:left;line-height:32px;font-size:20px;letter-spacing:-1px;margin-left:10px;}

#header nav{float:right;overflow:hidden;}
#header nav ul{overflow:hidden;float:left;}
#header nav li{float:left;}
#header nav > ul > li > a{width:130px;display:block;font-size:16px;line-height:16px;letter-spacing:-1px;padding:32px 0;text-align:center;}
#header nav > ul > li:hover > a{padding-bottom:29px;border-bottom:3px solid #be251e;color:#be251e}

#header nav .sns_btn{float:left;margin-left:40px;}
#header nav .sns_btn a{display:block;float:left;width:30px;height:30px;margin-right:5px;margin-top:25px;text-align:center;}
#header nav .sns_btn a img{height:30px;width:auto;}

#header .sub{height:0px;margin-top:80px;border-top:1px solid #e2e2e2;overflow:hidden}
#header .sub ul {overflow:hidden;text-align:right;}
#header .sub ul li{display:inline-block;margin-left:40px;}
#header .sub ul li a{display:block;height:40px;line-height:40px;font-size:14px;letter-spacing:-1px;}
#header .sub ul li a:hover{color:#be251e;}

#container { overflow:hidden}
#container .num_line {border-bottom:1px solid #b81212;text-align:center;padding:20px 0;}
#container .num_line h3{display:inline-block;font-size:18px;}
#container .num_line p{display:inline-block;font-size:16px;letter-spacing:-1px;margin-left:30px;}
#container .num_line p strong{padding-left:15px;letter-spacing:2px}

#container .ban_wrap{background:#fff url('http://image.hrdch.co.kr/studych/image/mirror/ban_line_bg.png') 0px 0px;padding:70px 0;border-bottom:1px solid #e2e2e2;}
#container .ban_wrap h3{margin-bottom:40px;}
#container .ban_wrap ul{overflow:hidden;}
#container .ban_wrap li{position:relative;width:250px;height:425px;background:#fff;float:left;padding:20px;border-radius:5px}
#container .ban_wrap dt{font-size:24px;letter-spacing:-2px;line-height:30px;color:#000;font-weight:bold;}
#container .ban_wrap dd{color:#000;line-height:22px;font-size:14px;letter-spacing:-1px;margin-top:15px;font-weight:bold;}
#container .ban_wrap li a{display:block;background:rgba(0,0,0,0.3);width:46px;height:46px;border-radius:50%;position:absolute;bottom:20px;right:20px;text-align:center;}
#container .ban_wrap li a:hover{background:rgba(0,0,0,0.9);}
#container .ban_wrap li a img{margin-top:10px;}
#container .ban_wrap .bar{width:30px;height:3px;background:#fff;margin-bottom:15px;}


#container .ban_wrap .box_wrap{overflow:hidden;}
#container .ban_wrap h3{text-align:center;font-size:24px;letter-spacing:25px;}


#container .ban_wrap .ban_l {width:600px;float:left;}
#container .ban_wrap .ban_l .box1{background:#cf9caf;}
/*#container .ban_wrap .ban_l .box1{background:#797979}*/
#container .ban_wrap .ban_l .box2{margin-left:10px;background:#32576f;}
#container .ban_wrap .ban_l .box3{margin-left:10px;background:#aaaddb; width: 250px;}
#container .ban_wrap .ban_l .box4{margin:10px 0 0 10px;background:#c8bea5;}

#container .ban_wrap .ban_r {width:600px;float:right;}
#container .ban_wrap .ban_r .box1{background:#93ccc0; width: 250px;}
/*#container .ban_wrap .ban_l .box1{background:#797979}*/
#container .ban_wrap .ban_r .box2{margin-left:10px;background:#32576f;}
#container .ban_wrap .ban_r .box3{margin-left:10px;background:#c8bea5; width: 250px;}
#container .ban_wrap .ban_r .box4{margin:10px 0 0 10px;background:#c8bea5;}


/*#container .ban_wrap .ban_r {width:520px;float:right;}*/
/*#container .ban_wrap .ban_r .box1{ width:480px; height:442px;background:#18a689;}*/
/*#container .ban_wrap .ban_r .box2{margin-left:10px;background:url('http://image.hrdch.co.kr/studych/image/mirror/right_box02_bg.png') no-repeat 0 0;}*/
/*#container .ban_wrap .ban_r .box2 .d-day{font-size:50px;height:50px;line-height:50px;font-weight:800;color:#fff}*/
/*#container .ban_wrap .ban_r .box3{margin:10px 0 0 10px;background:url('http://image.hrdch.co.kr/studych/image/mirror/right_box03_bg.png') no-repeat 0 0;}*/
/*#container .ban_wrap .ban_r .box3{margin:10px 0 0 10px;background:#ad2e5e}*/


#container .board_line h3{font-size:18px;letter-spacing:-1px;font-weight:400;color:#000}
#container .board_line p{margin-top:6px;letter-spacing:-1px;border-bottom:1px solid #e2e2e2;padding-bottom:20px;color:#0a7cab;}
#container .board_line .more{position:absolute;right:0px;top:0px;display:block;width:40px;height:40px;text-align:center;line-height:36px;border-bottom:1px solid #e2e2e2;border-left:1px solid #e2e2e2;font-size:24px;}
#container .board_line .more:hover{color:#b81212;}
#container .board_line .inner{overflow:hidden;}
#container .board_line .inner > div{float:left;position:relative;padding:30px;height:249px;}
#container .board_line .inner ul{margin-top:20px;}
#container .board_line .inner li{margin-bottom:12px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
#container .board_line .inner li a{color:#696969;letter-spacing:-1px;font-size:14px;}
#container .board_line .inner li:hover a{color:#292929}
#container .board_line .inner .data{padding-left:0px;width:279px;}
#container .board_line .inner .news{width:279px;border-left:1px solid #e2e2e2;}
#container .board_line .inner .sample{float:right;border-left:1px solid #e2e2e2;padding-right:0px;}
#container .board_line .inner .sample > div{margin-top:15px;}


#container .bottom_ban {border-top:1px solid #e2e2e2;background:#fff;}
#container .bottom_ban .inner {overflow:hidden;}
#container .bottom_ban .ban_box{overflow:hidden;float:left;}
#container .bottom_ban .ban_box > div{float:left;}
#container .bottom_ban .ban_box > div img{border-radius:5px;}
#container .bottom_ban .ban2{margin-left:10px;}


#container .bottom_ban .notice{float:right;width:310px;}
#container .bottom_ban .notice li{margin-bottom:5px;font-size:14px;}
#container .bottom_ban .notice h3{position:relative;font-size:18px;letter-spacing:-1px;font-weight:400;color:#000;margin-bottom:10px;}
#container .bottom_ban .notice h3 > a{display:block;position:absolute;right:0;top:5px;font-size:12px;}
#container .bottom_ban .notice b{margin-right:10px;}
#container .bottom_ban .notice li > a{display:block;background:#f6f6f6;padding:5px 10px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;letter-spacing:-1px;color:#696969;border-radius:3px;}

#container .line{height:20px;margin:30px 0;background:url('http://image.hrdch.co.kr/studych/image/mirror/line_bg.png') 0 0; opacity:0.4}

#footer {position:relative;bottom:0;border-top:1px solid #e2e2e2;}
#footer .family{height:60px;}
#footer .family ul{overflow:hidden;}
#footer .family ul li{float:left;}
#footer .family ul li.tit{width:120px;height:60px;line-height:60px;text-align:center;background:#191919;color:#fff;}
#footer .family ul li.f_logo{margin-left:40px;margin-top:16.5px}

#footer .f_info{height:110px;background:#191919;color:#fff;overflow:hidden;padding-top:50px;}
#footer .f_info .inner{text-align:center;}
#footer .f_info .b_logo{float:left;}

/*#footer .f_info p{margin-left:70px;float:left;line-height:20px;color:#a2a2a2;}*/
#footer .f_info p{color:#a2a2a2;}


/* 자료신청 CSS */

#container .board{background:#fff;padding:100px 0}
#container .board .board_list{margin-top:30px;}
#container .board .board_list dl{border-bottom:1px solid #292929;}
#container .board .board_list dl > dt{background:#595959;color:#fff;font-size:14px;font-weight:800;letter-spacing:-1px;height:42px;line-height:42px;border-bottom:1px solid #292929;}
#container .board .board_list dl > dt > ul{overflow:hidden;}
#container .board .board_list dl > dt > ul li{float:left;text-align:center;}
#container .board .board_list dl > dt > ul li.a{width:60px;}
#container .board .board_list dl > dt > ul li.b{width:700px;}
#container .board .board_list dl > dt > ul li.c{width:100px;}
#container .board .board_list dl > dt > ul li.d{width:120px;}
#container .board .board_list dl > dd ul{height:42px;line-height:42px;border-bottom:1px solid #e2e2e2;background:#fff}
#container .board .board_list dl > dd > ul{overflow:hidden;}
#container .board .board_list dl > dd > ul li{float:left;text-align:center;}
#container .board .board_list dl > dd > ul li.a{width:60px;}
#container .board .board_list dl > dd > ul li.b{width:700px;text-align:left;text-indent:20px;}
#container .board .board_list dl > dd > ul li.c{width:100px;}
#container .board .board_list dl > dd > ul li.d{width:120px;}

#container .board .paging_line{margin-top:20px;overflow:hidden;}
#container .board .paging_line > .w_btn{display:block;float:right;width:150px;height:32px;border:2px solid #da2032;background:#fff;text-align:center;line-height:32px;font-weight:800;font-size:14px;letter-spacing:-2px;border-radius:5px;background:#da2032;color:#fff}
#container .board .paging_line ol{overflow:hidden;float:left;height:34px;padding-top:4px;}
#container .board .paging_line ol li{float:left;margin-right:3px;}
#container .board .paging_line ol li a{display:block;width:28px;height:28px;line-height:28px;text-align:center;}
#container .board .paging_line ol li a.on{width:24px;height:24px;line-height:24px;border:2px solid #595959;}
#container .board .paging_line ol li.next a{font-weight:800;}

#container .board_view {position:relative;background:#fff;border-bottom:1px solid #c2c2c2;border-top:1px solid #e2e2e2; display: none;}
#container .board_view .con ol {overflow:hidden;border:1px solid #e2e2e2;height:32px;line-height:32px;}
#container .board_view .con ol li{float:left;}
#container .board_view .con ol li span{margin-left:10px;}
#container .board_view .con ol li.num{margin-left:20px;}
#container .board_view .con ol li.mail{margin-left:40px;}
#container .board_view .con ol li.ad{margin-left:40px;}
#container .board_view .con p{margin:20px;}

#container .board_view .btn_menu{overflow:hidden;position:absolute;right:30px;bottom:57px;font-weight:800}
#container .board_view .btn_menu a{display:block;width:80px;height:30px;border:1px solid #a2a2a2;float:left;line-height:30px;text-align:center;margin-left:5px;}

#container .board_w_box{position:relative;border:1px solid #e2e2e2;border-top:3px solid #292929;background:#fff;padding:49px;width:1080px; margin:20px auto}
#container .board_w_box > .pri > textarea{width:1080px;height:90px;border:1px solid #e2e2e2;}
#container .board_w_box > .pri > .check_box {margin-top:20px;text-align:right;}
#container .board_w_box > .pri > .c4heck_box input{width:18px;height:18px;border:1px solid #a2a2a2;vertical-align:middle}
#container .board_w_box > form > .pri_input_box{margin-top:50px;border-top:1px solid #e2e2e2}
#container .board_w_box > form > .pri_input_box > div > dl{overflow:hidden;border-bottom:1px solid #e2e2e2;}
#container .board_w_box > form > .pri_input_box > div > dl > dt{float:left;width:140px;height:48px;line-height:48px;text-align:center;font-size:12px;font-weight:800;letter-spacing:-1px;background:#f2f2f2}
#container .board_w_box > form > .pri_input_box > div > dl > dd{float:left;}
#container .board_w_box > form > .pri_input_box > div > dl > dd input{;border:1px solid #d2d2d2;margin:8px 0 0 8px;text-indent:10px;height:30px}
#container .board_w_box > form > .pri_input_box > div.line01{overflow:hidden}
#container .board_w_box > form > .pri_input_box > div.line01 dl{float:left;}
#container .board_w_box > form > .pri_input_box > div.line01 dl dd{width:300px;}
#container .board_w_box > form > .pri_input_box > div.line01 dl dd input{width:280px;}
#container .board_w_box > form > .pri_input_box > div.line02 dl dd{overflow:hidden;}
#container .board_w_box > form > .pri_input_box > div.line02 dl dd input{width:134px;float:left;}
#container .board_w_box > form > .pri_input_box > div.line02 dl dd a{float:left;display:block;width:90px;height:32px;border:1px solid #292929;background:#595959;margin:8px 0 0 10px;color:#fff;font-size:13px;font-weight:800;text-align:center;line-height:32px;}
#container .board_w_box > form > .pri_input_box > div.line03 dl dd input{width:720px;}
#container .board_w_box > form > .pri_input_box > div.line04 dl dd input{width:720px;}

#container .board_w_box > form > .con_w{margin-top:30px;border-top:1px solid #e2e2e2;}
#container .board_w_box > form > .con_w > div > dl{overflow:hidden;border-bottom:1px solid #e2e2e2;}
#container .board_w_box > form > .con_w > div > dl > dt{float:left;width:140px;height:48px;line-height:48px;text-align:center;font-size:12px;font-weight:800;letter-spacing:-1px;background:#f2f2f2}
#container .board_w_box > form > .con_w > div > dl > dd{float:left;}
#container .board_w_box > form > .con_w > div > dl > dd input{;border:1px solid #d2d2d2;margin:8px 0 0 8px;text-indent:10px;height:30px;width:720px;}
#container .board_w_box > form > .con_w > div.line02 dl dt{height:218px;line-height:218px;}
#container .board_w_box > form > .con_w > div > dl > dd textarea{width:700px;margin:8px 0 0 8px;border:1px solid #d2d2d2;height:180px;padding:10px;}

#container .board_w_box > .btn{text-align:center;margin-top:30px;}
#container .board_w_box > .btn a{display:inline-block;width:200px;height:38px;border:1px solid #a2a2a2;line-height:38px;letter-spacing:-1px;font-size:14px;font-weight:800;border-radius:5px;}
#container .board_w_box > .btn a.ok{background:#da2032;color:#fff;border:1px solid #da2032}
.con02{ position:relative; left:50%; margin-left:-952px; width:1903px;background-color:#e7dbca;padding:70px 0 87px 0;}
/*.con02{background-color:#e7dbca;padding:70px 0 87px 0; margin:auto;}*/
.con02 h3{letter-spacing:-4px;text-align:left;font-size:36px;line-height:45px;color:#454442;text-align:center;}
.con02_01{width:1200px;margin:40px auto 0;padding:0 0 60px;background-color:rgba(255, 255, 255, 0.8)}
.con02_02{width:534px;margin:0 auto;padding:50px 0 0}
.con02_02 p{letter-spacing:-3.2px;text-align:center;font-size:24px;line-height:30px;color:#454442}
.con02_02 table{margin:40px auto 0;width:100%;letter-spacing:-4px;text-align:left;font-size:24px;line-height:45px;color:#454442}
.con02_02 .t1{width:100px}
.con02_02 .t2{width:434px}
.con02_02 input[type=text]{letter-spacing:0;text-align:left;font-size:20px;line-height:30px;color:#454442;width:100%}
.con02_02 select{letter-spacing:0;text-align:left;font-size:20px;line-height:40px;color:#454442;margin-left:5px}
.con02_02 .btn{margin:33px 0 0;font-weight:700;letter-spacing:-2px;font-size:24px;line-height:67px;color:#fbfaf7;text-align:center;background-color:#76655e;border-radius:25px;-moz-border-radius:25p;-webkit-border-radius:25p;box-shadow:0 3px #3e3e3e;-moz-box-shadow:0 3px #3e3e3e;-webkit-box-shadow:0 3px #3e3e3e}
.con02_02 .ico{margin:0 auto 50px;width:99px}
.con02_02 .ico i{font-size:99px;color:#76655e}
.con02 textarea{width:100%;height:90px; font-size:11px;resize:none;}

#container .data_top{height:180px;width:100%;border-bottom:1px solid #e2e2e2;background:#f2f2f2 /*url('http://image.hrdch.co.kr/studych/image/mirror/data_bg.png') no-repeat center/100% auto*/;}
#container .data_top h2{font-size:42px;line-height:42px;letter-spacing:-2px;font-weight:400;padding-top:65px;}
#container .data_top h2 span{color:#be251e}
#container .data_top p{margin-top:10px;letter-spacing:-1px;font-size:14px;}

.main .visual_area{position:relative;overflow:hidden;height:720px;}
.main .main_visual{position:relative;width:2000px;margin-left:-1000px;left:50%;height:auto;}
.main .main_visual ul{}
.main .main_visual ul li{height:720px;}

.main .main_visual .bx-pager{display:none;}
.main .main_visual .bx-controls .bx-prev{position:absolute;top: 50%;left: 100px;z-index: 200;background: url(http://mirror.hrdch.co.kr/common/image/arrow_l.png) no-repeat;text-indent: -99999px;width: 40px;height: 50px;}
.main .main_visual .bx-controls .bx-next{position:absolute;top: 50%;right: 100px;z-index: 200;background: url(http://mirror.hrdch.co.kr/common/image/arrow_r.png) no-repeat;text-indent: -99999px;width: 40px;height: 50px;}

/* 팝업관련 */

#popup_wrap_main {position:absolute;top:195px;left:90px;z-index:999999;}
#popup_wrap_main > div{position:relative;float:left;cursor:pointer;margin-right:20px;}
#popup_wrap_main .close_btn{background:transparent;position:absolute;top:10px;right:10px;}
#popup_wrap_main .footer_box{position: relative; height: 40px; background-color: #292929; color:#ffffff; font-size: 16px; font-family: notokr-medium; line-height: 40px; text-align: center; letter-spacing: -1px}



.wrap .class_list{padding:0 0 80px 0}
.wrap .class_list .inner{ position:relative; left:50%; width: 1200px; margin-left:-600px; margin-top:40px;}
.wrap .class_list h3.list_title{font-family: 'notokr-light';font-size:24px;letter-spacing:-1px;text-align:center;background:#f8f8f8;height:80px;line-height:80px;margin-top:30px;}
.wrap .class_list h3.list_title strong{font-family: 'notokr-medium';font-weight:normal;color:#d22828}

.wrap .class_list table{width:1200px;border-top:1px solid #292929;margin-top:30px;}
.wrap .class_list th{width:190px;font-family: 'notokr-medium';font-size:16px;letter-spacing:-1px;border-bottom:1px solid #e2e2e2;text-align:left;padding:15px 0;color:#393939; padding-left: 20px;}
.wrap .class_list td{border-bottom:1px solid #e2e2e2;padding:5px 0}
.wrap .class_list  td  ul{overflow:hidden;}
.wrap .class_list  td  ul  li{float:left; height:22px;}
.wrap .class_list  td  ul  li a{display:block;width:188px;padding: 5px 10px 5px 0px;}
.wrap .class_list  td  ul  li a span.title{display:inline-block;font-family: 'notokr-medium';font-size:14px;letter-spacing:-0.5px;color:#595959}
.wrap .class_list  td  ul  li a:hover span.title{color:#000;}
.wrap .class_list  td  ul  li a span.icon{display:inline-block;}
.wrap .class_list  td  ul  li a span.icon img{margin-top:4px;}