@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css);
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);

*{margin:0; padding:0; box-sizing:border-box;}
ul, ol, li{list-style:none;}
a{text-decoration:none;}
input, textarea, select{outline:none;}
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder{color:transparent;}
input:focus:-moz-placeholder, textarea:focus:-moz-placeholder{color:transparent;}
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder{color:transparent;}
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder{color:transparent;}

select{padding-left:10px;}
textarea{font-family:'Noto Sans KR', sans-serif; text-align:justify; padding:10px;}

html,body{}
body{font-size:14px; font-family:'Noto Sans KR', sans-serif; line-height:1; color:#333; letter-spacing:0px;}

.ellipsis{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

@media all and (min-width:1280px){
body{font-size:16px;}
}

/** 버튼 모음 **/
.btn_orange_white{display:inline-block; width:100%; height:66px; line-height:66px; text-align:center; background-color:#f5a100; color:#fff; font-size:18px; font-weight:500;}
.btn_sea_white{display:inline-block; width:90%; height:32px; line-height:32px; text-align:center; background-color:#69c9d6; color:#fff; font-size:14px; border-radius:8px;}
.btn_gray_white{display:inline-block; width:140px; height:36px; line-height:35px; text-align:center; background-color:#888; color:#fff; font-size:16px; border-radius:8px;}
.btn_br_gray{display:inline-block; width:96px; height:36px; line-height:34px; text-align:center; border:1px solid #ddd; border-radius:8px; color:#666; font-size:16px; font-weight:500;}
.btn_search{display:inline-block; width:220px; height:46px; line-height:46px; text-align:center; background-color:#515151; color:#fff; font-size:18px; font-weight:400; border-radius:8px;}
.btn_search_icon{width:20px; margin-right:7px; vertical-align:-3px;}
.button_member_yellow{display:inline-block; width:140px; height:44px; line-height:44px; text-align:center; background-color:#f5a100; color:#fff; font-size:16px; border-radius:8px; margin:0 1px;}
.button_member_gray{display:inline-block; width:140px; height:44px; line-height:44px; text-align:center; background-color:#888; color:#fff; font-size:16px; border-radius:8px; margin:0 1px;}

/** 공통사항 **/
.mb{margin-bottom:30px;}
.btn_wrap{padding-top:30px;}
.text_center{text-align:center;}
.text_right{text-align:right;}
.table_overflow{overflow:auto; width:100%;}
@media all and (min-width:768px){
.mb{margin-bottom:35px;}    
.btn_wrap{padding-top:35px;}	
}
@media all and (min-width:1024px){
.mb{margin-bottom:40px;}    
.btn_wrap{padding-top:40px;}	
}
@media all and (min-width:1280px){
.mb{margin-bottom:45px;}    
.btn_wrap{padding-top:45px;}	
}

/** 글씨 색상 **/
.color_white{color:#fff;}
.color_333{color:#333;}

/** 배경 색상 **/
.bg_yellow{background-color:#fcf9f0;}

/** 체크박스 **/
.check_wrap .input_check{display:none;}
.check_wrap .label{padding-left:23px; position:relative; cursor:pointer;}
.check_wrap .label .bullet_check{position:absolute; width:17px; height:17px; border:1px solid #dadada; left:0; top:2px; border-radius:50%;}
.check_wrap .input_check:checked + .label .bullet_check{background-image:url(../images/input_radio_orange.png); background-size:100%;}

/** 라디오박스 **/
.radio_wrap .input_radio{display:none;}
.radio_wrap .label{padding-left:23px; position:relative; cursor:pointer;}
.radio_wrap .label .bullet_radio{position:absolute; width:17px; height:17px; border:1px solid #dadada; left:0; top:3px; border-radius:50%;}
.radio_wrap .input_radio:checked + .label .bullet_radio{background-image:url(../images/input_radio_orange.png); background-size:100%;}

/** 헤더 영역 **/
.header_wrap{width:100%; position:fixed; top:0; left:0; z-index:1000; transition:0.3s; height:80px; background-color:rgba(255,255,255,0.95); box-shadow:0 1px 8px rgba(0,0,0,0.1);}
.header_logo{position:absolute; width:114px; left:12px; top:28px;}
.navi_mobile_bar{position:absolute; font-size:26px; color:#333; right:12px; top:40px;}

.header_navi{width:100%;  position:absolute; top:80px; left:0; text-align:center; background-color:rgba(0,0,0,0.75); display:none;}

.header_navi .toggle_navi{line-height:46px;}
.header_navi .toggle_navi > a{display:block; color:#fff; font-size:15px; font-weight:500; transition:0.3s; padding:0;}
.header_navi .toggle_navi:hover > a{color:#ffd83f;}
.header_navi .toggle_navi.active > a{color:#ffd83f;}

.sub_navi{display:none; background-color:rgba(2,72,132,0.8); font-size:14px;}
.sub_navi li{}
.sub_navi li:last-child{border-bottom:0;}
.sub_navi a{color:#fff; transition:0.3s;}
.sub_navi li:hover a{color:#9aca12; font-weight:600;}
.sub_navi li.active a{color:#9aca12; font-weight:600;}

.navi_gnb{overflow:hidden; position:absolute; right:10px; top:10px;}
.navi_gnb li{float:left; line-height:20px; font-size:13px;}
.gnb_link{color:#4c73dc;}
.gnb_link:after{content:''; display:inline-block; width:3px; height:3px; background-color:rgba(76,115,220,0.9); margin:0 8px; border-radius:50%; vertical-align:4px;}
.navi_gnb li:nth-child(3) .gnb_link:after{display:none;}
.btn_order{color:#75bb29;}
@media all and (min-width:480px){

}
@media all and (min-width:640px){

}
@media all and (min-width:768px){

}
@media all and (min-width:1024px){	
.header_wrap{height:100px;}
.header_area{width:980px; margin:0 auto; position:relative;}
.header_logo{width:175px;left:0; top:19px;}
.navi_mobile_bar{display:none;}

.header_navi{display:block !important; background:none;  left:auto; top:60px; right:0; width:auto;}	
.header_navi .toggle_navi{float:left; line-height:1; font-weight:500; padding:0 28px 26px 28px; position:relative;}
.header_navi .toggle_navi > a{color:#333; display:block; font-size:16px;}
.header_navi .toggle_navi:hover > a{color:#4c73dc;}
.header_navi .toggle_navi.active > a{color:#4c73dc;}
    
.sub_navi{position:absolute; left:-12px; right:-12px; top:40px; background-color:rgba(255,255,255,0.9); padding:10px 0; display:none; box-shadow:0 5px 10px rgba(0,0,0,0.1);}
.sub_navi > li{line-height:32px; border:0;}  
.sub_navi a{color:#444;}
.sub_navi li:hover a{color:#82308e;}   
.sub_navi li.active a{color:#82308e;}  

.navi_gnb{right:29px; top:10px;}
.navi_gnb li{padding-left:5px; line-height:1;}
.gnb_link:after{display:none;}
.btn_login{display:block; width:82px; height:30px; line-height:30px; border-radius:15px; background-color:#4c73dc; color:#fff; text-align:center;}
.btn_join{display:block; width:82px; height:30px; line-height:26px; border-radius:15px; border:2px solid #4c73dc; color:#4c73dc; text-align:center;}
.btn_order{display:block; width:82px; height:30px; line-height:30px; border-radius:15px; background-color:#75bb29; color:#fff; text-align:center;}
}
@media all and (min-width:1280px){
.header_wrap{height:110px;}
.header_area{width:1100px;}
.header_logo{width:182px; top:24px;}

.header_navi{top:67px;}
.header_navi .toggle_navi{padding:0 35px 26px 35px;}
.header_navi .toggle_navi > a{font-size:17px;}    
    
.sub_navi{top:43px;}    

.navi_gnb{right:39px; top:12px;}
.navi_gnb li{padding-left:6px; font-size:14px;}
.btn_login, .btn_order{width:92px; height:32px; line-height:32px; border-radius:16px;}
.btn_join{width:92px; height:32px; line-height:28px; border-radius:16px;}
}

/** 메인 영역 **/
.main_wrap{padding-top:80px; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; flex-direction:row; flex-wrap:wrap;}
.main_visual{width:100%; height:190px; background:url(../images/main_bg_1.jpg) no-repeat center 30%; background-size:cover; transition:0.3s; order:10;}

.main_book_intro{background-image:url(../images/main_link_bg_1.jpg); background-repeat:no-repeat; background-position:center; background-size:cover; width:100%; transition:0.3s; order:20;}
.main_book_intro_link{height:170px; color:#fff; z-index:20; position:relative; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; flex-wrap:wrap; align-content:center; transition:0.3s;}
.main_book_intro_caption{width:100%; font-weight:500; font-size:28px; text-align:center; padding:0 0 15px 0;}
.main_book_intro_icon{display:inline-block; background-image:url(../images/main_icon_book_intro.png); background-repeat:no-repeat; background-size:100%; width:45px; height:46px; margin:0 0 -5px 10px; transition:0.3s;}
.main_book_intro_text{width:100%; text-align:center; line-height:1.6;}
.main_book_intro:hover{background-image:url(../images/main_link_bg_over_1.jpg);}
.main_book_intro:hover .main_book_intro_link{color:#333;}
.main_book_intro:hover .main_book_intro_icon{background-image:url(../images/main_icon_book_intro_over.png);}

.main_book_order{width:100%; background:url(../images/main_bg_2.jpg) no-repeat center; background-size:cover; transition:0.3s; order:30;}
.main_book_order_link{background-image:url(../images/main_link_bg_2.jpg); background-repeat:no-repeat; background-position:center; background-size:cover; height:170px; color:#fff; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; flex-wrap:wrap; align-items:center; transition:0.3s;}
.main_book_order_link:hover{background-color:#cd8dd5; color:#333;}
.main_book_order_caption{width:100%; font-weight:500; font-size:28px; text-align:center;}
.main_book_order_icon{display:block; background-image:url(../images/main_icon_book_order_big.png); background-repeat:no-repeat; background-size:100%; width:60px; height:63px; margin:0 auto 15px auto; transition:0.3s;}
.main_book_order_text{width:100%; text-align:center; line-height:1.6;}
.main_book_order_link:hover{background-image:url(../images/main_link_bg_over_2.jpg);}
.main_book_order_link:hover .main_book_order_icon{background-image:url(../images/main_icon_book_order_big_over.png);}

.main_incorrect_note{width:100%; background-image:url(../images/main_link_bg_3.jpg); background-repeat:no-repeat; background-position:center; background-size:cover; transition:0.3s; order:40; text-align:center;}
.main_incorrect_note_link{background-color:rgba(148,209,56,0.9);}
.main_incorrect_note_link:hover{background-color:rgba(148,209,56,0.8);}
.main_incorrect_note_link:hover .main_incorrect_note_caption, .main_incorrect_note_link:hover .main_incorrect_note_text{color:#333;}
.main_incorrect_test_link:hover{background-color:rgba(80,80,80,0.8);}
.main_incorrect_test_link:hover .main_incorrect_note_caption, .main_incorrect_test_link:hover .main_incorrect_note_text{color:#000;}
.main_link_ebook, .main_incorrect_note_link, .main_incorrect_test_link{height:170px; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; flex-wrap:wrap; justify-content:center; align-content:center; color:#fff; transition:0.3s;}
.main_incorrect_test_link{background-color:rgba(80,80,80,0.9);}
.main_link_ebook{background-color:rgba(255,255,255,0.8); color:#444; transition:0.3s;}
.main_link_ebook:hover{background-color:rgba(255,255,255,1);}
.main_link_ebook:hover .main_incorrect_note_caption{color:#111;}
.main_link_ebook:hover .main_incorrect_note_text{color:#222;}
.main_incorrect_note_caption{width:100%; font-weight:500; font-size:25px; text-align:center; padding:8px 0 5px 0; transition:0.3s;}
.main_incorrect_note_text{width:100%; text-align:center; line-height:1.5; transition:0.3s;}
.main_incorrect_icon{width:52px;}

.main_link{width:100%; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; flex-wrap:wrap; transition:0.3s; order:50;}
.main_link_img{width:100%; order:110;}
.main_link_img img{width:100%; display:block;}
.main_link_1, .main_link_4{background-color:#4c73dc; transition:0.3s;}
.main_link_1:hover, .main_link_4:hover{background-color:#819eeb;}
.main_link_2, .main_link_3{background-color:#f4f4f4; transition:0.3s;}
.main_link_2:hover, .main_link_3:hover{background-color:#ffedc4;}
.main_link_3{font-size:13px; letter-spacing:-0.5px;}
.main_link_list{display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; flex-direction:row; flex-wrap:wrap; order:120;}
.main_link_list li{width:50%; transition:0.3s;}
.main_link_list a{height:180px; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; flex-wrap:wrap; align-content:center; text-align:center;}
.main_link_icon{display:block; margin:0 auto; width:52px;}
.main_link_icon.zoom{width:68px;}
.main_link_caption{width:100%; font-size:17px; font-weight:500; padding:15px 0 10px 0;}
.main_link_text{width:100%; line-height:1.5;}
.main_link_1 .main_link_text, .main_link_4 .main_link_text{color:rgba(255,255,255,0.5);}
.main_link_2 .main_link_text, .main_link_3 .main_link_text{color:#606060;}
.main_link_bg{display:none;}
@media all and (min-width:480px){
.main_link_3{font-size:14px; letter-spacing:0;}
.main_link_list a{height:195px;}
}
@media all and (min-width:640px){
.main_book_intro_text .break{display:inline;}	

.main_incorrect_note_wrap{display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; flex-direction:row;}
.main_link_ebook, .main_incorrect_note_link, .main_incorrect_test_link{width:33.33%;}
}
@media all and (min-width:768px){
.main_book_intro_text .break{display:block;}		
	
.main_book_intro{width:50%; order:10;}
.main_book_intro_link{height:180px;}
.main_book_order{width:50%; order:20;}
.main_book_order_link{height:180px;}	
.main_visual{width:50%; height:190px; background-position:center 10%; order:30;}
.main_link{width:50%; order:40;}
.main_link_img{display:none;}
.main_link_3{font-size:13px; letter-spacing:-0.5px;}
.main_link_list a{height:190px;}
.main_incorrect_note{width:50%; order:50; margin-top:-190px;}
.main_link_ebook, .main_incorrect_note_link, .main_incorrect_test_link{height:190px;}
.main_incorrect_note_caption{font-size:20px;}
.main_incorrect_note_text{font-size:12px;}
.main_link_ebook, .main_incorrect_test_link{width:30%;}
.main_incorrect_note_link{width:40%;}
}
@media all and (min-width:1024px){	
.main_wrap{padding-top:100px;}
.main_visual{background-position:center 20%;}
.main_book_intro_link, .main_book_order_link, .main_visual, .main_link_list a, .main_link_ebook, .main_incorrect_note_link, .main_incorrect_test_link{height:200px;}
.main_incorrect_note{margin-top:-200px;}
.main_incorrect_note_caption{font-size:22px; padding:12px 0 8px 0;}
.main_link_icon{display:block; margin:0 auto; width:64px;}   
.main_link_icon.zoom{width:75px;}
    
.main_link_ebook, .main_incorrect_test_link{width:33%;}
.main_incorrect_note_link{width:34%;}
}
@media all and (min-width:1280px){	
.main_wrap{padding-top:110px;}

.main_book_intro{height:350px; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; justify-content:flex-end;}
.main_book_intro_link{width:550px; height:350px;}
.main_book_intro_caption{font-size:34px; text-align:left; padding:0 0 22px 0;}
.main_book_intro_icon{width:64px; height:66px; margin:0 0 -10px 15px;}
.main_book_intro_text{text-align:left;}
.main_book_intro_text .break{display:inline;}

.main_book_order_link{width:440px; height:440px;}
.main_book_order_caption{font-size:34px;}
.main_book_order_icon{width:100px; height:105px; margin:0 auto 25px auto;}
.main_book_order_text{text-align:left;}

.main_visual{height:400px; margin-top:-90px; background-position:center 5%;}

.main_link_list{width:440px;}
.main_link_3{font-size:14px; letter-spacing:0;}
.main_link_list a{height:250px;}
.main_link_bg{display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; background:url(../images/patent_img.png) no-repeat center; background-size:100%; order:130; width:calc(100% - 440px); height:500px; background-color:#008bd0;}
.main_link_icon.zoom{width:84px; margin-bottom:5px;}

.main_incorrect_note{margin-top:-190px; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; justify-content:flex-end; position:relative;}
.main_incorrect_note:after{content:''; position:absolute; left:0; right:0; top:0; bottom:0; background-color:rgba(255,255,255,0.5);}
.main_incorrect_note_wrap{width:550px;}
.main_link_ebook{background-color:rgba(255,255,255,0.8);}
.main_link_ebook, .main_incorrect_note_link, .main_incorrect_test_link{height:190px; z-index:10;}
.main_incorrect_note_link{}
.main_incorrect_test_link{}
.main_incorrect_note_caption{font-size:24px; padding:10px 0 8px 0;}
.main_incorrect_note_text{font-size:14px;}
}
@media all and (min-width:1920px){	
.main_link_bg{background-size:480px; background-position:left center;}
}

/** 푸터 영역 **/
.footer_sub{background-color:#f2f2f2;}
.footer_wrap{color:#737373; padding:15px 0 15px 0; text-align:center; line-height:1.7; font-weight:300; max-width:1100px; margin:0 auto; position:relative;}
.foot_right{padding:5px 0 0 0;}
.foot_left .break{display:inline-block; padding:0 5px;}

@media all and (min-width:480px){

}
@media all and (min-width:640px){
.foot_left .break{padding:0 7px;}
}
@media all and (min-width:768px){

}
@media all and (min-width:1024px){	
.footer_wrap{padding:35px 0 35px 20px; text-align:left;}
.foot_left{width:620px; margin-top:-8px;}
.foot_left .break{padding:0 15px 0 0;}
.foot_right{padding:0;}
}
@media all and (min-width:1280px){
footer{padding:0; font-size:14px;}
.foot_left{width:700px;}
}

/** 서브 비주얼 **/
.sub_visual_wrap{overflow:hidden; position:relative; height:280px;}
.sub_visual{width:100%; height:200px; background-size:cover; background-repeat:no-repeat; background-position:center; position:absolute; left:0; top:80px; display:none;}
.sub_visual_text_wrap{text-align:center; color:#fff;}
.sub_visual_caption{font-weight:500; font-size:18px; padding:65px 0 0 0;}
.sub_visual_small{padding:15px 0 0 0; line-height:1.5; letter-spacing:-0.5px; font-weight:400; font-size:11px;}

/** 서브 네비게이션 **/
.sub_visual_navi{position:absolute; width:100%; bottom:0; left:0; z-index:50; text-align:center; display:none;}
.sub_visual_navi li{display:inline-block; width:200px; height:50px; line-height:50px; margin:0 0;}
.sub_visual_navi.cs_center li{width:165px;}
.sub_visual_navi a{display:block; background-color:rgba(255,255,255,0.8); color:#333; font-size:15px; font-weight:500; transition:0.3s;}
.sub_visual_navi a:hover{background-color:rgba(255,255,255,0.9);}
.sub_visual_navi a.active{background-color:rgba(255,255,255,1);}

.sub_area{padding:45px 3%; max-width:1100px; margin:0 auto;}

/** 서브 타이틀 **/
.sub_title{text-align:center; font-size:28px; font-weight:400; padding-bottom:35px;}
.sub_title small{font-size:13px; display:block; padding-top:10px; color:#888;}

@media all and (min-width:480px){
.sub_visual_caption{font-size:21px;}
.sub_visual_small{padding:15px 0 0 0; font-size:12px;}
}
@media all and (min-width:640px){
.sub_area{padding:50px 3%;}    
    
.sub_visual_caption{font-size:24px;}
.sub_visual_small{font-size:13px;}
}
@media all and (min-width:768px){
.sub_area{padding:60px 3%;}       
    
.sub_visual_wrap{height:300px;}
.sub_visual{height:220px;}
.sub_visual_caption{font-size:28px;}
.sub_visual_small{font-size:14px;}   

.sub_title{font-size:35px; padding-bottom:45px;}
.sub_title small{font-size:15px; padding-top:15px;} 
}
@media all and (min-width:1024px){	
.sub_area{padding:70px 3%;}      
    
.sub_visual_wrap{height:360px;}
.sub_visual{height:260px; top:100px;}
.sub_visual_caption{font-size:30px;}
.sub_visual_small{font-size:15px;} 
    
.sub_visual_navi{display:block;}    
}
@media all and (min-width:1280px){
.sub_area{padding:90px 0;}      
    
.sub_visual_wrap{height:450px;}
.sub_visual{height:340px; top:110px;}
.sub_visual_caption{font-size:35px; padding:105px 0 0 0;}
.sub_visual_small{font-size:16px;} 

.sub_visual_navi.cs_center li{width:180px;}    
}

/** 1-1.교재소개 및 구성 **/
.book_info_caption{font-size:16px; font-weight:500; padding-bottom:15px; line-height:1.3;}
.book_info_caption big{font-size:16px; font-weight:400; color:#444; display:block; padding-top:15px;}
.book_info_caption div{font-size:14px; color:#444; line-height:1.3; font-weight:400; padding-top:10px; text-align:justify;}
.book_info_wrap{background-color:#f0f0f0; border-radius:8px; padding:30px 0; margin-bottom:35px;}
.book_info_wrap:last-child{margin-bottom:0;}
.book_info_wrap img{display:block; margin:0 auto; width:80%; max-width:360px;}
.books_info_book_1, .books_info_book_2{width:100%; display:block;}
.books_info_book_1{margin-bottom:20px;}
.books_info_book_2{margin-bottom:40px;}
@media all and (min-width:768px){
.book_info_caption{font-size:22px; padding-bottom:20px;}
.book_info_caption big{font-size:19px; padding-top:20px;}
.book_info_caption div{font-size:16px;}
.book_info_wrap{padding:35px 0; margin-bottom:60px;}
.books_info_book_1{margin-bottom:40px;}
.books_info_book_2{margin-bottom:65px;}
}

/** 1-2.커리큘럼 **/
.curriculum_caption{font-size:18px; font-weight:500; padding-bottom:15px;}
.curriculum_caption small{font-size:10px; vertical-align:3px; padding-left:5px;}

.ne_curriculum_table{width:100%; border-collapse:separate; border-spacing:4px; text-align:center; margin-bottom:30px; line-height:1.4;}
.ne_curriculum_table th, .ne_curriculum_table td{height:48px; border-radius:8px;}
.ne_curriculum_table th{background-color:#009bef; color:#fff; font-weight:400;}
.ne_curriculum_table td{letter-spacing:-0.5px;}
.ne_curriculum_table.pc{display:none;}
@media all and (min-width:768px){
.curriculum_caption{font-size:22px; padding-bottom:20px;}
.curriculum_caption small{font-size:11px; vertical-align:4px;} 

.ne_curriculum_table{margin-bottom:60px;}
}
@media all and (min-width:1024px){
.ne_curriculum_table th{height:46px;}
.ne_curriculum_table td{height:78px; line-height:1.4;}
.ne_curriculum_table.mobile{display:none;}
.ne_curriculum_table.pc{display:table;}
.ne_curriculum_table.pc small{line-height:1.3; display:block;}    
}

/** 1-3.온라인 시스템 **/
.online_info_list{display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; -webkit-justify-content:space-between;}
.online_info_list li{width:100%; margin-bottom:20px;}
.online_info_list img{width:100%;}
.online_info_list li:last-child{margin-bottom:0;}
@media all and (min-width:480px){
.online_info_list li{width:48%;}
.online_info_list li:nth-child(4) ~ li{margin-bottom:0;}
}
@media all and (min-width:768px){
.online_info_list li{width:32%;}
.online_info_list li:nth-child(3) ~ li{margin-bottom:0;}
}
@media all and (min-width:1024px){	
.online_info_list li{width:31.5%; margin-bottom:30px;}   
}

/** 1-4.BI/CI 소개 **/
.bici_caption{font-size:18px; font-weight:500; padding-bottom:15px;}
.bici_caption small{font-size:10px; vertical-align:3px; padding-left:5px;}
.bici_wrap{background-color:#f0f0f0; border-radius:8px; padding:30px 0; margin-bottom:35px;}
.bici_wrap:last-child{margin-bottom:0;}
.bici_wrap img{display:block; margin:0 auto; width:80%; max-width:360px;}
@media all and (min-width:768px){
.bici_caption{font-size:22px; padding-bottom:20px;}
.bici_caption small{font-size:11px; vertical-align:4px;}
.bici_wrap{padding:35px 0; margin-bottom:60px;}
}

/** 팝업 평가관리 **/
.mark_wrap{padding:30px 3%; max-width:1024px; margin:0 auto;}
.mark_title{color:#333; font-size:22px; font-weight:500; padding:0 0 10px 0; position:relative; border-bottom:1px solid #333; margin:0 0 20px 0;}
.logo_mark{position:absolute; width:86px; right:0; top:-5px;}
.mark_top{padding:0 0 20px 0; line-height:1.6;}
.mark_select_list{display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; -webkit-justify-content:space-between;}
.mark_select_list li{width:49%; margin:0 0 2% 0;}
.mark_select{width:100%; height:40px; border:0; background-color:#ffd96d; font-size:15px;}
.mark_name{display:block; width:100%; height:40px; border:0; border-bottom:1px solid #333; font-size:15px; margin:10px 0 25px 0;}
.mark_caption{font-weight:500; font-size:20px; padding:0 0 15px 0;}
.mark_table_wrap{display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; flex-direction:row; justify-content:space-between; -webkit-justify-content:space-between;}
.mark_table{width:100%; border-collapse:separate; border-spacing:3px;}
.mark_table_col_1{width:15%;}
.mark_table_col_2{width:60%;}
.mark_table.one{margin-left:-3px;}
.mark_table.two{margin-right:-3px;}
.mark_table th{background-color:#ffd96d; text-align:center; height:40px; font-weight:500; font-size:15px;}
.mark_table td{font-size:16px; text-align:center; height:40px; border-bottom:1px solid #dadada;}
.mark_icon{width:24px; margin:0 8px;}
.mark_btn{display:block; width:100%; height:42px; line-height:42px; text-align:center; background-color:#333; color:#ffd96d; font-size:18px; font-weight:500;}
@media all and (min-width:480px){
.mark_icon{margin:0 10px;}
}
@media all and (min-width:640px){
.mark_select_list li{width:24.5%; margin:0;}
.mark_icon{margin:0 15px;}
}
@media all and (min-width:768px){
.mark_title{font-size:25px; margin:0 0 25px 0; padding:0 0 15px 0;}
.logo_mark{width:100px; right:0; top:-5px;}
.mark_top{padding:0 0 100px 0; background:url(../images/img_report_top.png) no-repeat right bottom; background-size:contain;}
.mark_select, .mark_name{height:42px;}
.mark_name{margin:15px 0 30px 0;}
.mark_select_list li{width:24%; margin:0;}
.mark_table{border-spacing:6px;}
.mark_table.one{margin-left:-6px;}
.mark_table.two{margin-right:-6px;}
.mark_table th, .mark_table td{height:42px;}
.mark_icon{width:26px; margin:0 20px;}

.mark_btn{height:48px; line-height:48px; font-size:20px;}
}
@media all and (min-width:1024px){	
.mark_title{font-size:29px; margin:0 0 30px 0; padding:0 0 20px 0;}
.logo_mark{width:120px; right:0; top:-6px;}
.mark_top{padding:0 0 150px 0; background:url(../images/img_report_top.png) no-repeat right bottom; background-size:contain;}
.mark_select_list li{width:24%; margin:0;}
.mark_select, .mark_name{height:50px; font-size:16px;}
.mark_name{margin:20px 0 35px 0;}

.mark_table{border-spacing:10px;}
.mark_table.one{margin-left:-10px;}
.mark_table.two{margin-right:-10px;}
.mark_table th, .mark_table td{height:48px;}
.mark_table th{font-size:16px;}
.mark_table td{font-size:18px;}
.mark_icon{width:28px; margin:0 25px;}

.mark_btn{height:56px; line-height:56px; font-size:24px;}
}

/** 자주 묻는 질문 **/
.tab_faq{overflow:hidden; margin:0 auto 10px auto;}
.tab_faq li{float:left; width:32%; height:38px; line-height:36px; border:1px solid #e3e3e3; text-align:center; font-size:13px; margin:0 2% 2% 0;}
.tab_faq li:nth-child(3n){margin-right:0;}
.tab_faq a{display:block; padding:0 5px; color:#333;}
.tab_faq a:hover{font-weight:500; background-color:#58cb9e; border:1px solid #58cb9e; color:#fff;}
.tab_faq a.active{background-color:#48b78c; border:1px solid #48b78c; color:#fff; font-weight:500;}

.faq_sub_wrap{}
.faq_sub_area{}
.faq_sub_list{border-top:1px solid #333; text-align:justify; font-size:13px; line-height:1.5;}
.faq_sub_list li{border-bottom:1px solid #dadada;}
.faq_sub_list a{color:#444;}
.faq_q{display:flex; flex-direction:row; padding:10px 0;}
.faq_icon{width:60px; display:flex; justify-content:center; align-items:center;}
.faq_icon .icon{width:28px;}
.faq_a .icon{padding:5px 0 0 0;}
.faq_question{width:calc(100% - 100px); display:flex; align-items:center;}
.faq_arrow{width:40px; background-image:url(../images/arrow_down_gray.png); background-position:50% 50%; background-repeat:no-repeat; background-size:18px;}
.faq_arrow.active{background-image:url(../images/arrow_up_gray.png); background-position:50% 50%; background-repeat:no-repeat; background-size:18px;}

.faq_a{overflow:hidden; border-top:1px solid #dadada; background-color:#f9f9f9; padding:10px 0; display:none;}
.faq_icon, .faq_answer{float:left;}
.faq_answer{width:calc(100% - 60px); padding:0 12px 0 0;}
@media all and (min-width:480px){

}
@media all and (min-width:640px){
.tab_faq li{font-size:14px;}	
	
.faq_sub_area{padding:0 3% 35px 3%;}	
.faq_sub_list{font-size:14px;}
.faq_icon{width:70px;}
.faq_question{width:calc(100% - 120px);}
.faq_arrow{width:50px;}
.faq_answer{width:calc(100% - 70px);}
}
@media all and (min-width:768px){
.tab_faq li{width:23.5%; font-size:14px; margin:0 2% 2% 0;}
.tab_faq li:nth-child(3n){margin-right:2%;}
.tab_faq li:nth-child(4n){margin-right:0;}
	
.faq_sub_area{padding:0 0 40px 0; width:700px;}
.faq_q{padding:12px 0;}
.faq_a{padding:15px 18px 15px 0;}
}
@media all and (min-width:1024px){
.tab_faq{margin:0 auto 20px auto;}
.tab_faq li{width:19%; font-size:15px; margin:0 1.25% 1.25% 0; height:44px; line-height:42px;}
.tab_faq li:nth-child(3n){margin-right:1.25%;}
.tab_faq li:nth-child(4n){margin-right:1.25%;}	
.tab_faq li:nth-child(5n){margin-right:0;}
	
.faq_sub_area{padding:0 0 50px 0; width:900px;}
.faq_sub_list{line-height:1.6; font-size:15px;}
.faq_q{padding:15px 0;}
.faq_a{padding:18px 20px 18px 0;}
.faq_icon{width:80px;}
.faq_question{width:calc(100% - 140px);}
.faq_arrow{width:60px;}
.faq_answer{width:calc(100% - 80px);}
}
@media all and (min-width:1280px){	
.tab_faq li{font-size:16px; height:46px; line-height:44px;}

.faq_sub_area{padding:0 0 70px 0; width:980px;}
.faq_q{padding:16px 0;}
.faq_a{padding:20px 25px 20px 0;}
.faq_icon{width:90px;}
.faq_question{width:calc(100% - 160px);}
.faq_arrow{width:70px;}
.faq_answer{width:calc(100% - 90px);}
.faq_icon .icon{width:30px;}
}

/** 로그인 **/
.login_caption{font-size:32px; font-weight:500; text-align:center; padding:0 0 15px 0; color:#333;}
.login_caption .normal{font-weight:300;}
.login_caption_text{text-align:center; margin:0 0 25px 0; color:#666;}

.login_box{border-top:1px solid #333; border-bottom:1px solid #dadada; padding:20px 0; margin:0 0 19px 0;}
.input_login{display:block; border:1px solid #eee; height:54px; width:100%; margin:0 0 10px 0; padding:0 0 0 15px;}
.input_login:last-of-type{margin:0;}

.login_btn{display:block; background-color:#f5a100; color:#fff; text-align:center; height:58px; line-height:58px; font-size:20px; font-weight:500;}

.login_bottom{height:30px; padding:15px 0 0 0; font-size:13px;}
.login_save{float:left; color:#7a7a7a;}
.login_navi{float:right; overflow:hidden;}
.login_navi li{float:left;}
.login_navi li span{content:''; display:inline-block; width:1px; height:10px; background-color:#cdcdcd; margin:0 7px;}
.login_navi a{color:#555;}

@media all and (min-width:480px){
.login_area{width:400px; margin:0 auto;}
}
@media all and (min-width:640px){
.login_area{width:480px;}
}
@media all and (min-width:768px){
.login_area{width:500px;}
.login_bottom{font-size:14px;}
}
@media all and (min-width:1024px){
.login_caption{font-size:40px;}
.login_area{width:500px;}

.login_navi li span{margin:0 10px;}
}
@media all and (min-width:1280px){
.login_caption{font-size:52px;}
.login_caption_text{margin:0 0 50px 0;}
.login_area{width:520px;}
.input_login{height:58px;}
}

/** 회원가입 동의 **/
.member_wrap{}
.member_area{padding:0 3%; margin:0 auto;}
.member_caption{font-size:24px; font-weight:500; text-align:center; padding:0 0 15px 0; color:#333;}
.member_caption .normal{font-weight:400;}
.member_caption_text{text-align:center; margin:0 0 30px 0; color:#666; line-height:1.3;}

.member_agree_caption{font-weight:500; color:#333; padding:0 0 10px 1px; border-bottom:1px solid #333; position:relative; font-size:18px; margin:0 0 10px 0;}
.member_agree_caption span{position:absolute; right:1px; font-size:14px; top:4px; color:#666; font-weight:400; display:none;}

.member_iframe{width:100%; border:0; height:150px; background-color:#fff; border:1px solid #eee;}

.member_agree{text-align:right; border-top:1px solid #dadada; padding:10px 1px 0 0; margin:10px 0 30px 0;}
.check_wrap.member_agree .label{padding-left:26px;}
.check_wrap.member_agree .label .bullet_check{width:20px; height:20px; border:2px solid #eaeaea; left:0; top:1px; border-radius:0; background-color:#fff;}
.check_wrap.member_agree .input_check:checked + .label .bullet_check{background-image:url(../images/input_check_orange.png);}

@media all and (min-width:480px){
.member_area{padding:0 3.5%;}	
}
@media all and (min-width:640px){
.member_caption{font-size:29px;}
.member_agree_caption span{display:block;}
.member_iframe{height:180px;}
}
@media all and (min-width:768px){
.member_area{padding:0 4%;}
.member_caption{font-size:30px;}
.member_caption_text{margin:0 0 40px 0;}
.member_iframe{height:200px;}
.member_agree_caption{padding:0 0 15px 1px; margin:0 0 15px 0; font-size:20px;}
.member_agree{padding:15px 1px 0 0; margin:15px 0 40px 0;}
}
@media all and (min-width:1024px){
.member_caption{font-size:32px;}
.member_area{width:900px;}
.member_iframe{height:240px;}
}
@media all and (min-width:1280px){
.member_caption{font-size:36px;}
.member_caption_text{margin:0 0 55px 0;}
.member_area{width:1000px;}
.member_iframe{height:310px;}
.member_agree{margin:15px 0 50px 0;}
}

/** 회원가입 **/
.member_join_caption{font-weight:500; color:#333; padding:0 0 15px 1px; position:relative; font-size:18px;}
.member_join_caption span{position:absolute; right:1px; font-size:14px; top:4px; color:#666; font-weight:400; display:none;}
.member_red{color:#ff903b; padding:0 1px 0 1px; vertical-align:0.5px;}

.member_table{border-collapse:collapse; border-spacing:0; font-size:12px; width:100%; border-top:1px solid #333; margin:0 0 30px 0;}
.member_table th, .member_table td{border-bottom:1px solid #dadada;}
.member_table th{text-align:left; font-weight:500; color:#444; padding:0 0 0 5px; width:92px;}
.member_table td{color:#666; padding:10px 5px 10px 0; height:60px;}
.member_id, .member_common, .member_select_1, .member_select_2, .member_select_3, .member_input_small, .member_input_mid, .member_input_zip, .member_input_auto{border:1px solid #eee; height:42px; background-color:#fff; color:#555; padding-left:10px;}

.member_idpw_text{padding:7px 0 0 1px; line-height:1.3;}

.check_wrap.agree .label .bullet_check{top:1px;}

.radio_wrap.alram{padding:14px 0 0 10px; display:inline-block;}
.radio_wrap.alram .label .bullet_check{top:1px;}
.radio_wrap.alram .label:first-of-type{margin:0 7px 0 0;}

.radio_wrap.teacher .label .bullet_check{top:1px;}
.radio_wrap.teacher .label:first-of-type{margin:0 7px 0 0;}

.member_id{width:calc(100% - 95px); vertical-align:top;}
.member_btn_confirm{display:inline-block; width:90px; height:42px; line-height:42px; background-color:#9c9c9c; color:#fff; text-align:center; font-size:14px; vertical-align:top;}
.member_common{width:100%;}

.member_select_1{width:26%;}
.member_input_small{width:29%;}
.member_space{display:inline-block; width:10px; text-align:center;}
.member_select_1.change{width:26%; border:0;}
.member_input_small.change{width:29%; border:0;}

.member_input_mid{width:45%;}
.member_select_2{width:45%; vertical-align:top;}
.member_btn_confirm.email{width:75px;}

.member_input_zip{width:57%;}
.member_btn_confirm.zip{width:95px;}
.mameber_margin{margin:5px 0;}

.member_select_3{width:100%; margin:0 0 5px 0;}

.member_common.red::-webkit-input-placeholder{color:#ff903b;}
.member_common.red::moz-placeholder{color:#ff903b;}
.member_common.red::-moz-placeholder{color:#ff903b;}
.member_common.red::-ms-input-placeholder{color:#ff903b;}

.member_auto_prevention{display:inline-block; width:48%; background-color:#ff32cb; color:#fff; height:42px; line-height:42px; text-align:center; vertical-align:top; font-size:16px;}
.member_input_auto{width:48%;}

.member_input_mid.parent{width:46%;}
.member_select_2.parent{width:45%;}

@media all and (min-width:480px){
.member_table{font-size:13px;}
.member_table th{width:120px;}

.check_wrap.agree .label .bullet_check{top:2px;}

.radio_wrap.alram{padding:15px 0 0 20px;}
.radio_wrap.alram .label .bullet_check{top:2px;}
.radio_wrap.alram .label:first-of-type{margin:0 15px 0 0;}

.radio_wrap.teacher .label .bullet_check{top:2px;}
.radio_wrap.teacher .label:first-of-type{margin:0 25px 0 0;}

.member_btn_confirm.email{width:80px;}
}
@media all and (min-width:640px){
.member_join_caption span{display:block;}

.member_table{margin:0 0 35px 0;}
.member_table th{width:130px; padding:0 0 0 10px;}
.member_id{width:calc(100% - 145px);}
.member_btn_confirm{width:140px;}

.radio_wrap.teacher .label:first-of-type{margin:0 50px 0 0;}

.member_input_mid{width:25%;}
.member_select_2{width:25%;}
.member_btn_confirm.email{width:80px;}

.member_input_zip{width:170px;}
.member_btn_confirm.zip{width:140px;}

.member_auto_prevention{width:200px; font-size:18px; margin:0 10px 0 0;}
.member_input_auto{width:200px;}

.member_input_mid.parent{width:180px;}
.member_select_2.parent{width:170px;}
}
@media all and (min-width:768px){
.member_join_caption{padding:0 0 20px 1px; font-size:20px;}

.member_table{font-size:14px; margin:0 0 40px 0;}
.member_table th{width:150px; padding:0 0 0 20px;}

.member_idpw_text{padding:10px 0 0 1px;}

.member_select_1{width:150px;}
.member_input_small{width:150px;}
.member_space{width:24px;}

.member_input_mid{width:125px;}
.member_select_2{width:120px;}
.member_btn_confirm.email{width:120px;}

.member_input_mid.parent{width:170px;}
.member_select_2.parent{width:170px;}
}
@media all and (min-width:1024px){
.member_table{margin:0 0 50px 0;}
.member_table th{width:170px; padding:0 0 0 30px;}

.member_input_mid{width:170px;}
.member_select_2{width:170px;}
.member_btn_confirm.email{width:140px;}
}
@media all and (min-width:1280px){
.member_table{margin:0 0 60px 0; font-size:15px;}
.member_table th{width:200px; padding:0 0 0 40px;}
.member_table td{padding:15px 15px 15px 0;}

.mameber_margin{margin:7px 0;}

.member_select_3{margin:0 0 7px 0;}
}

/** 회원가입 약관 외 **/
.privacy_wrap{padding:0 3% 0 3%; margin:0 auto;}
.privacy_iframe{height:300px; border:0; width:100%; border:1px solid #eee;}
@media all and (min-width:480px){

}
@media all and (min-width:640px){
.privacy_wrap{padding:0 3% 5px 3%;}
.privacy_iframe{height:350px;}
}
@media all and (min-width:768px){
.privacy_iframe{height:400px;}
}
@media all and (min-width:1024px){
.privacy_wrap{padding:0 0 10px 0; width:1000px;}
.privacy_iframe{height:450px;}
}
@media all and (min-width:1280px){
.privacy_wrap{padding:0 0 10px 0; width:1080px;}
.privacy_iframe{height:500px;}
}

/** 아이디/패스워드 찾기 **/
.tab_idpw_wrap{height:71px;}
.tab_idpw{text-align:center; height:41px; width:98%; margin:0 auto;}
.tab_idpw li{float:left; width:50%; height:40px; line-height:40px; font-size:14px; letter-spacing:0; border-right:1px solid #e3e3e3; border-top:1px solid #e3e3e3; background-color:#fff; font-weight:500;}
.tab_idpw a{display:block; color:#333;}
.tab_idpw a:hover{color:#000; font-weight:700;}

.idpw_area{padding:0 3% 0 3%; margin:0 auto;}
.idpw_text{line-height:1.5; position:relative; padding:0 0 0 12px;}
.idpw_text:before{content:''; position:absolute; width:4px; height:4px; background-color:#ff903b; border-radius:50%; top:8px; left:0;}

.idpw_table{width:100%; border-collapse:collapse; border-top:1px solid #333; margin:10px 0;}
.idpw_table th, .idpw_table td{border-bottom:1px solid #dadada; padding:10px 0;}
.idpw_table th{font-weight:500; width:25%;}
.input_idpw{width:100%; border:1px solid #eee; height:40px;}

.btn_orange_white.idpw{width:100%; height:44px; line-height:44px; font-size:16px; font-weight:500;}

@media all and (min-width:480px){
}
@media all and (min-width:640px){
.tab_idpw_wrap{height:80px;}
.tab_idpw{height:45px; width:450px;}
.tab_idpw li{height:44px; line-height:44px;}

.idpw_area{width:450px; padding:0;}
}
@media all and (min-width:768px){
.tab_idpw_wrap{height:85px;}
.tab_idpw{width:500px;}
.idpw_table{margin:15px 0;}
   
.idpw_area{width:500px;} 
.btn_orange_white.idpw{height:50px; line-height:50px; font-size:18px;}    
}
@media all and (min-width:1024px){
.tab_idpw_wrap{height:100px;}
.tab_idpw{height:50px; width:600px;}
.tab_idpw li{height:49px; line-height:49px; font-size:15px;}

.idpw_area{width:600px;}
.idpw_table th, .idpw_table td{padding:15px 0;}
}
@media all and (min-width:1280px){
.tab_idpw_wrap{height:120px;}
.tab_idpw li{font-size:16px;}
}

/** 준비중 **/
.ready_wrap{text-align:center;}
.ready_caption{font-size:30px; font-weight:400;}
.ready_caption b{font-weight:500;}
.ready_text{padding:15px 0 40px 0; line-height:1.4;}
.img_ready{display:block; margin:0 auto; width:80%; max-width:510px;}

@media all and (min-width:480px){

}
@media all and (min-width:640px){

}
@media all and (min-width:768px){
.ready_caption{font-size:35px; font-weight:400;} 
.ready_text{font-size:16px; padding:20px 0 60px 0;}    
.ready_text .break{display:inline;}
}
@media all and (min-width:1024px){	
  
}
@media all and (min-width:1280px){

}

/** 기관장 레이아웃 **/
.location_wrap{background-color:#f6f6f6; border-bottom:1px solid #ededed;}
.location_area{display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; flex-direction:row; height:50px; line-height: 50px; position:relative; max-width:1100px; margin:0 auto;}
.location_title{border-right: 1px solid #ededed; width:140px; font-size:18px; font-weight:500; color:#555; padding-left:15px;}
.location_caption{font-size:17px; font-weight:400; color:#555; padding-left:20px;}
.location_box{position:absolute; top:51px; right:10px; line-height:40px; text-align:right;}
.chief_navi_mobile{height:40px; line-height:40px; border-bottom:1px solid #eee;}
.chief_navi_mobile_btn{font-size:21px; color:#333; padding-left:15px;}
.location_box{font-size:13px;}
.location_home{width:17px; vertical-align:-2px;}
.location_arrow{width:7px; margin:0 6px; vertical-align:0;}
.location_1{color:#888;}
.location_2{font-weight:500; color:#666;}

.chief_box{position:relative; max-width:1100px; margin:0 auto;}
.chief_navi{position:absolute; width:200px; padding:10px 20px; background-color:rgba(255,255,255,0.9); z-index:100; border:2px solid #4c73dc; border-radius:10px; font-size:15px; display:none;}
.chief_navi_list li{height:34px; line-height:34px;}
.chief_navi_list a{display:block; color:#777;}
.chief_navi_list a:hover{color:#444; font-weight:500;}
.chief_navi_list a.active{color:#444; font-weight:500; background:url("../images/left_navi_active.png") no-repeat 100% 51%; background-size:20px;}

.chief_content{padding:30px 3%;}

@media all and (min-width:480px){

}
@media all and (min-width:640px){

}
@media all and (min-width:768px){
.location_title{width:180px; padding-left:20px; font-size:19px;}
.location_caption{font-size:19px; padding-left:25px;}
.chief_navi_mobile_btn{padding-left:20px;}
.location_box{right:15px;}    
}
@media all and (min-width:1024px){
.location_area{height:60px; line-height:60px;}    
.location_title{width:200px;}
.location_caption{padding-left:30px;}    
.location_right{display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; flex-direction:row; justify-content:space-between; width:calc(100% - 200px);}
.location_box{position:static; height:60px; line-height:60px; padding-right:30px;}   
    
.chief_navi_mobile{display:none;}
.chief_box{display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; flex-direction:row;} 
.chief_navi{position:static; width:200px; padding:20px 20px 0 20px; background:none; border:0; border-radius:0; display:block!important; border-right:1px solid #ededed;}
.chief_navi_list li{height:40px; line-height:40px;}
.chief_content{width:calc(100% - 200px); padding:35px 30px;}
}
@media all and (min-width:1280px){
.location_area{height:70px; line-height:70px;}  
.location_title{width:206px; border-left:1px solid #ededed;}
.location_caption{padding-left:50px;} 
.location_right{width:calc(100% - 206px); border-right:1px solid #ededed;}    
.location_box{height:70px; line-height:70px; padding-right:50px; font-size:14px;}      
.chief_navi{width:206px; border-left:1px solid #ededed; font-size:17px; padding:20px 25px 0 25px;}
.chief_navi_list li{height:48px; line-height:48px;}    
.chief_content{width:calc(100% - 206px); padding:60px 50px 70px 50px; border-right:1px solid #ededed;}    
}

/** 기관장 자료실 **/
.data_option_table{width:100%; border-collapse:collapse; border-top:2px solid #ececec; border-bottom:2px solid #ececec;}
.data_option_table tr{border-bottom:1px solid #ececec;}
.data_option_table th{color:#666; font-weight:500; width:21%; text-align:left; padding-left:5px;}
.data_option_table td{padding:10px 0;}
.data_option_list{display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; flex-direction:row; flex-wrap:wrap; font-size:13px; letter-spacing:-0.5px;}

.data_option_list li{width:32%; margin:1% 2% 1% 0;}
.data_option_list li:nth-child(3n){margin-right:0;}
.data_option_list.book li, .data_option_list.data li{width:49%; margin:1% 2% 1% 0;}
.data_option_list.book li:nth-child(2n), .data_option_list.data li:nth-child(2n){margin-right:0;}

.data_option_list.two li{width:48%;}

.data_option_year, .data_option_semester, .data_option_book, .data_option_data{display:block; width:100%; height:36px; line-height:34px; text-align:center; border:1px solid #ececec; border-radius:8px; color:#888; transition:0.3s;}

.data_option_list.two .data_option_data{display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; align-items:center; justify-content:center; height:52px; line-height:1.3;}

.data_option_year:hover{background-color:rgba(184,138,225,0.8); border:1px solid rgba(184,138,225,0.8); color:#fff;}
.data_option_year.active{background-color:rgba(184,138,225,1); border:1px solid rgba(184,138,225,1); color:#fff; font-weight:500;}
.data_option_semester:hover{background-color:rgba(255,166,147,0.8); border:1px solid rgba(255,166,147,0.8); color:#fff;}
.data_option_semester.active{background-color:rgba(255,166,147,1); border:1px solid rgba(255,166,147,1); color:#fff; font-weight:500;}
.data_option_book:hover{background-color:rgba(249,141,164,0.8); border:1px solid rgba(249,141,164,0.8); color:#fff;}
.data_option_book.active{background-color:rgba(249,141,164,1); border:1px solid rgba(249,141,164,1); color:#fff; font-weight:500;}
.data_option_data:hover{background-color:rgba(255,190,129,0.8); border:1px solid rgba(255,190,129,0.8); color:#fff;}
.data_option_data.active{background-color:rgba(255,190,129,1); border:1px solid rgba(255,190,129,1); color:#fff; font-weight:500;}

.btn_wrap_search{padding-top:30px;}

.list_total{padding:0 0 15px 1px; color:#666;}
.list_total b{font-size:333; color:#333;}
.data_table{width:100%; border-collapse:collapse; min-width:640px;}
.data_table th{border-top:1px solid #acacac; border-bottom:1px solid #acacac; height:40px; color:#666; font-weight:500;}
.data_table td{border-bottom:1px solid #ededed; height:40px; color:#777; text-align:center; padding:10px 0;}
.download_data{width:24px;}

@media all and (min-width:480px){

}
@media all and (min-width:640px){
.data_option_list{font-size:15px;}
.data_option_table th{width:16%; padding-left:5px; font-size:16px;}   
.data_option_list.book li, .data_option_list.data li{width:32%; margin:1% 2% 1% 0;}
.data_option_list.book li:nth-child(2n), .data_option_list.data li:nth-child(2n){margin-right:1%;}
.data_option_list.book li:nth-child(3n), .data_option_list.data li:nth-child(3n){margin-right:0;}
    
.data_option_list.two li{width:32%;}    
}
@media all and (min-width:768px){
.data_option_table th{width:13%;}	
	
.data_option_list li{width:15.8%; margin:1% 1% 1% 0;}
.data_option_list li:nth-child(3n){margin-right:1%;}  
.data_option_list li:nth-child(6){margin-right:0;}   
.data_option_list.book li{width:15.8%; margin:1% 1% 1% 0;}
.data_option_list.book li:nth-child(2n), .data_option_list.book li:nth-child(3n){margin-right:1%;}
.data_option_list.book li:nth-child(6){margin-right:0;}
.data_option_list.data{font-size:13px;}
.data_option_list.data li{width:19.2%; margin:1% 1% 1% 0;}
.data_option_list.data li:nth-child(2n), .data_option_list.data li:nth-child(3n){margin-right:1%;}
.data_option_list.data li:nth-child(5){margin-right:0;}
.download_data{width:28px;}
}
@media all and (min-width:1024px){	

}
@media all and (min-width:1280px){
.data_option_table{border-top:3px solid #ececec; border-bottom:3px solid #ececec;}
.data_option_year, .data_option_book, .data_option_data{height:40px; line-height:38px;}
.data_option_list.data{font-size:14px;}
}

/** 기관장 오답노트 문제선택/출제바구니 **/
.wrong_question_search_table{width:100%; border-collapse:collapse; border-top:2px solid #ececec; border-bottom:2px solid #ececec;}
.wrong_question_search_table tr{border-bottom:1px solid #ececec;}
.wrong_question_search_table td{padding:10px 0;}

.wrong_option_list{display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between;}
.wrong_option_list li{width:100%; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; flex-direction:row; height:50px; line-height:50px;}
.wrong_option_caption{width:40%; text-align:center; font-weight:500; color:#666;}
.wrong_option_select_wrap{line-height:50px; width:100%;}
.wrong_option_select{width:100%; height:40px; line-height:40px; background-color:#f6f6f6; border-radius:8px; border:0; color:#777;}

.wrong_option_page_list li{display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; flex-direction:row; height:50px; line-height:50px;}
.wrong_option_page_caption{width:40%; text-align:center; font-weight:500; color:#666;}
.wrong_option_input_wrap{width:100%;}
.wrong_option_input{width:34%; height:40px; line-height:40px; background-color:#f6f6f6; border-radius:8px; border:0; text-align:center; padding:0; color:#777;}
.wrong_option_input_2{width:100%; height:40px; line-height:40px; background-color:#f6f6f6; border-radius:8px; border:0; text-align:center; padding:0; color:#777;}

.wrong_question_search_result{display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; border-top:2px solid #ececec; border-bottom:2px solid #ececec; padding:12px 10px 15px 10px; text-align:center;}
.wrong_question_search_result_text{width:100%; font-size:16px; line-height:1.6; color:#666; padding-bottom:10px;}
.wrong_question_search_result_text b{display:block; color:#69c9d6; font-weight:500;}
.btn_sea_white.wrong_save{width:210px; height:36px; line-height:35px; font-size:16px; margin:0 auto;}

.wrong_question_search_list li{margin-bottom:35px;}
.wrong_question_search_list li:last-child{margin-bottom:0;}

.check_wrap.wrong_search .label{padding-left:48px; line-height:36px; color:#666; font-size:18px; font-weight:500;}
.check_wrap.wrong_search .label .bullet_check{width:36px; height:36px; border:2px solid #ffbe81; left:0; top:-4px; border-radius:10px;}
.check_wrap.wrong_search .input_check:checked + .label .bullet_check{background-image:url(../images/input_check_white.png); background-size:100%; background-color:#ffbe81}

.wrong_question_info_table{width:100%; border-spacing:0; border-radius:10px; background-color:#f6f6f6; height:34px; text-align:center; margin:20px 0 15px 0;}
.wrong_question_info_table th{width:29%; color:#666; font-weight:400; font-size:15px;}
.wrong_question_info_table td{width:21%; color:#777; border:1px solid #ececec; border-radius:10px; background-color:#fff; font-weight:500; font-size:16px;}
.wrong_question_search_img{display:block; width:100%;}

.wrong_question_search_print{display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; padding:5px 0;}
.wrong_question_search_print_text{width:100%; font-size:16px; color:#69c9d6; padding-bottom:15px; text-align:center;}
.wrong_question_search_print_text b{font-weight:500;}
.wrong_question_search_print_btns{width:100%; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between;}
.btn_sea_white.wrong_print{width:49%; height:36px; line-height:35px; font-size:14px;}

.wrong_question_delete_text{padding:15px 0 10px 0; color:#666;}
@media all and (min-width:480px){
.btn_sea_white.wrong_print{font-size:16px;}
}
@media all and (min-width:640px){
.wrong_option_list li{width:30%;}
.wrong_option_caption{width:30%; text-align:left; padding-left:5px;}   
.wrong_option_select_wrap{width:70%;} 
.wrong_option_select, .wrong_option_input, .wrong_option_input_2{font-size:15px;}
.wrong_option_page_caption{width:16%; text-align:left; padding-left:5px;}
.wrong_option_input_wrap{width:84%;}
.wrong_option_input{width:130px;}
    
.wrong_question_search_list{display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; flex-direction:row; flex-wrap:wrap;}
.wrong_question_search_list li{width:48%; margin:0 4% 4% 0;}
.wrong_question_search_list li:nth-child(2n){margin-right:0;}
}
@media all and (min-width:768px){
.wrong_option_page_caption{width:120px;}

.wrong_question_search_result{padding:12px 10px;}
.wrong_question_search_result_text{width:70%; line-height:1; padding:0; line-height:36px; text-align:left;} 
.wrong_question_search_result_text b{display:inline;}

.wrong_question_search_print{padding:0 10px;}
.wrong_question_search_print_text{width:44%; text-align:left; line-height:36px; padding:0;} 
.wrong_question_search_print_btns{width:56%;} 
    
.wrong_question_wrap{display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between;}   
.wrong_question_delete_btns{display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between;}
.wrong_question_delete_text{padding:0 15px 0 0; line-height:36px;}
}
@media all and (min-width:1024px){	

}
@media all and (min-width:1280px){
.wrong_question_search_table{border-top:3px solid #ececec; border-bottom:3px solid #ececec;}   
.wrong_question_search_result{border-top:3px solid #ececec; border-bottom:3px solid #ececec;}  
    
.wrong_question_search_list li{width:30%; margin:0 5% 5% 0;}
.wrong_question_search_list li:nth-child(2n){margin-right:5%;}
.wrong_question_search_list li:nth-child(3n){margin-right:0;}

.wrong_question_search_print_btns{width:53%;} 
.btn_sea_white.wrong_print{width:200px;}   
}

/** 페이지네이션 **/
.bbs_page{text-align:center; padding:25px 0 0 0;}
.bbs_page a, .bbs_page span{color:#555; vertical-align:middle; display:inline-block; background:#fff; border:1px solid #ddd; height:30px; line-height:28px; width:30px; text-align:center; font-weight:500; margin:1px 0; transition:0.3s;}
.bbs_page a:hover{border:1px solid #5c5c5c; color:#333;}
.bbs_page .active{border:2px solid #5c5c5c; color:#333; line-height:26px;}
a.bbs_arrow, span.bbs_arrow{border:0; width:20px;}
a.bbs_arrow:hover, span.bbs_arrow:hover{border:0;}
.bbs_arrow .arrow{height:14px; vertical-align:-2px;}
.bbs_arrow.prev{margin-right:4px;}
.bbs_arrow.next{margin-left:4px;}
.bbs_page img{vertical-align:2px;}

@media all and (min-width:768px){
.bbs_page{padding:30px 0 0 0;}
.bbs_page a, .bbs_page span{height:34px; line-height:32px; width:34px; margin:0;}
.bbs_page .active{line-height:30px;}	
a.bbs_arrow, span.bbs_arrow{width:24px;}
.bbs_arrow.prev{margin-right:12px;}
.bbs_arrow.next{margin-left:12px;}
}
@media all and (min-width:1024px){
.bbs_page{padding:35px 0 0 0;}
}
@media all and (min-width:1280px){
.bbs_page{padding:40px 0 0 0;}
}

/** 교재 주문 **/
.book_tab{border-bottom:1px solid #4c73dc; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; flex-direction:row;}
.book_tab li{width:50%; height:40px; line-height:40px; text-align:center;}
.book_tab a{display:block; background-color:#aaa; color:#fff; border-radius:10px 10px 0 0; font-size:16px;}
.book_tab a:hover{background-color:rgba(76,115,220,0.8);}
.book_tab a.active{background-color:rgba(76,115,220,1);}

.book_order_caption{font-size:18px; color:#444; position:relative; height:40px; line-height:40px; padding-left:26px; font-weight:500; margin-top:12px;}
.book_order_caption:before{content:''; position:absolute; left:0; top:50%; width:18px; height:1px; background-color:#555;}

.book_list{display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; flex-direction:row; flex-wrap:wrap;}
.book_list li{width:47%; margin:1% 6% 9% 0;}
.book_list li:nth-child(2n){margin-right:0;}
.book_list_img{height:220px; background-position:center; background-repeat:no-repeat; background-size:cover; border-radius:10px;}

.book_list_caption_wrap{display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; flex-direction:row; justify-content:space-between; padding:0 1px; color:#333; line-height:40px; border-bottom:1px dotted #bbb;}
.book_list_caption_left{font-weight:500; font-size:16px;}
.book_list_caption_right{color:#555; font-weight:300;}
.book_list_price{text-align:right; color:#fe4853; font-weight:500; font-size:16px;}
@media all and (min-width:480px){
.book_list_img{height:300px;}	
}
@media all and (min-width:640px){
.book_list li{width:30%; margin:1% 5% 5% 0;}
.book_list li:nth-child(2n){margin-right:5%;}	
.book_list li:nth-child(3n){margin-right:0;}
.book_list_img{height:250px;}	
}
@media all and (min-width:768px){
.book_tab li{width:200px;}	

.book_list li{width:22.5%; margin:1% 3.33% 3% 0;}
.book_list li:nth-child(2n), .book_list li:nth-child(3n){margin-right:3.33%;}	
.book_list li:nth-child(4n){margin-right:0;}
.book_list_img{height:230px;}	
}
@media all and (min-width:1280px){
.book_list_img{height:240px;}
.book_list_caption_left{font-size:17px;}		
}

/** 교재 상세보기 **/
.book_detail_wrap{padding:30px 10px;}
.book_detail_title{font-size:20px; font-weight:500; padding:0 0 10px 2px; border-bottom:1px solid #ccc;}
.book_detail_title small{font-size:15px; color:#666;}
.book_detail_area{padding:20px 0;}
.book_detail_img_wrap{width:250px; margin:0 auto; text-align:center; padding-bottom:30px;}
.book_detail_img{height:330px; background-position:center; background-repeat:no-repeat; background-size:cover; border-radius:10px; margin-bottom:12px;}
.book_detail_btn{width:100%; height:44px; line-height:42px; display:block; font-size:18px; color:#333; border:1px solid #ccc; text-align:center;}
.book_detail_price{padding:10px 5px 0 0; text-align:right; color:#fe4853; font-weight:500; font-size:20px;}
.book_detail_table_wrap{}
.book_detail_table{border-collapse:collapse; width:100%;}
.book_detail_table th{font-weight:500;}
.book_detail_table th, .book_detail_table td{border:1px solid #ddd; border-radius:5px; height:40px; text-align:center}
th.book_detail_table_caption{font-size:16px; background-color:#eee; border-bottom:3px double #ccc;}
.book_detail_cont_input{width:70px; height:30px; border:0; background-color:#eee; border-radius:4px; text-align:center;}
.book_detail_cont{display:inline-block; height:30px; border:1px solid #ccc; vertical-align:top; width:24px; text-align:center; border-radius:4px; background-color:#f2f2f2;}
.book_detail_cont span{display:block; height:15px; padding-top:3px;}
.book_detail_count_top{border-bottom:1px solid #ccc;}
.book_detail_cont span img{display:block; margin:0 auto;}
.book_detail_table_price{color:#fe4853; font-size:16px;}
.btn_count_modify{border-radius:4px; display:inline-block; width:46px; height:30px; line-height:30px; text-align:center; background-color:#555; color:#fff; vertical-align:top;}

.btn_wrap_shop{display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; flex-direction:row; justify-content:space-between; padding-top:20px;}
.btn_cart, .btn_buy, .btn_cart_close{display:inline-block; width:120px; height:40px; line-height:40px; text-align:center; border-radius:5px; font-size:15px;}
.btn_cart{background-color:#5a5a5a; color:#fff;}
.btn_buy{background-color:#fe4853; color:#fff;}
.btn_cart_close{background-color:#B3B3B3; color:#888888;}

@media all and (min-width:640px){
.book_detail_wrap{padding:30px 30px 0 30px;}
.book_detail_area{display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; flex-direction:row; justify-content:space-between;}
.book_detail_img_wrap{margin:0; width:200px;}
.book_detail_img{height:270px;}
.book_detail_table_wrap{width:calc(100% - 230px);}
}

/** 장바구니 **/
.cart_text{text-align:right; padding-bottom:15px;}
.cart_text span{color:#fe4853;}

.cart_table{border-collapse:collapse; width:100%; border-top:1px solid #666; min-width:640px;}
.cart_table th{height:42px; background-color:#f9f9f9; font-weight:500; border-bottom:1px solid #ddd;}
.cart_table td{text-align:center; padding:10px 0; border-bottom:1px dashed #dfdfdf;}
.cart_book_img{width:120px; height:160px; background-position:center; background-repeat:no-repeat; background-size:cover; margin:0 auto 10px auto;}
.cart_book_img_2{width:40px; height:53px; background-position:center; background-repeat:no-repeat; background-size:cover; margin:0 auto 10px auto;}
.cart_book_name{color:#555; font-size:13px;}
.btn_cart_table_delete{width:70px; height:32px; line-height:32px; text-align:center; display:inline-block; background-color:#555; color:#fff; border-radius:4px;}
.btn_cart_table_delete .icon{width:12px; margin-right:5px; vertical-align:0px;}

.cart_total_wrap{background-color:#eee; height:52px; line-height:52px; text-align:right; padding-right:10px; color:#222; font-size:16px;}
.cart_total_wrap b{font-size:20px; font-weight:500; color:#fe4853; padding-left:5px;}

.btn_wrap_cart{display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; flex-direction:row; justify-content:space-between; padding-top:30px;}
.btn_cart_delete, .btn_cart_buy{display:inline-block; width:130px; height:40px; line-height:40px; text-align:center; border-radius:5px; font-size:15px;}
.btn_cart_delete{background-color:#5a5a5a; color:#fff;}
.btn_cart_buy{background-color:#fe4853; color:#fff;}

/** 구매목록 **/
.buy_list_table{border-collapse:collapse; width:100%; border-top:1px solid #666; min-width:640px;}
.buy_list_table th{height:52px; background-color:#f9f9f9; font-weight:500; border-bottom:1px solid #ddd;}
.buy_list_table td{text-align:center; padding:10px 0; border-bottom:1px dashed #dfdfdf;}
.buy_list_table small{display:block; font-weight:400; font-size:14px; padding-top:4px; color:#666;}

/** 통계관련 **/
.statistic_search_wrap{padding-bottom:25px; position:relative;}
.statistic_select{width:100%; height:39px; padding-left:10px; border-radius:3px; border:1px solid #c5c5c5;}
.statistic_search_date{padding:4px 0 11px 0;}
.statistic_input{width:180px; height:39px; padding-left:10px; border-radius:3px; border:1px solid #c5c5c5; vertical-align:top;}
.btn_search_statistic{display:inline-block; width:100px; height:39px; line-height:39px; border-radius:3px; background-color:#444; color:#fff; text-align:center; vertical-align:top; font-size:16px;}
.excel_icon{width:39px; position:absolute; right:0; bottom:}

.statistic_table{width:100%; border-collapse:collapse; min-width:700px; font-size:14px; line-height:1.4;}
.statistic_table th{font-weight:500; height:38px; background-color:#f5f5f5; border:1px solid #ddd;}
.statistic_table td{height:38px; padding:5px 6px; border:1px solid #ddd; text-align:center;}

@media all and (min-width:480px){
.statistic_select{width:130px; vertical-align:top; margin-bottom:5px;}
.statistic_search_date{padding:0; display:inline; vertical-align:top;}
}
@media all and (min-width:640px){
.statistic_select{width:100px; margin:0;}	
.statistic_input{width:110px;}
.btn_search_statistic{width:70px;}
}
@media all and (min-width:768px){
.statistic_select{width:130px; font-size:16px;}	
.statistic_input{width:160px; font-size:16px;}
.btn_search_statistic{width:90px;}
}
@media all and (min-width:1024px){
.statistic_select{width:130px;}	
.statistic_input{width:180px;}
.btn_search_statistic{width:100px;}
}