/*============================ 공통 ============================*/
/* html{background-color: #f4f4f4;}
body{background-color: #f4f4f4;} */
.wrap.bg2{background-color: #f4f4f4;}
.m_on{display: none !important;}
.mt0{margin-top: 0 !important;}
.align_c{text-align: center;}
i{background-repeat: no-repeat;display: inline-block;}
.lead21_i{width: 115px;height: 50px;background-image: url(../images/sub/lead21_i.png);vertical-align: top;}
.abdo_i{width: 159px;height: 53px;background-image: url(../images/sub/abdo_i.png);vertical-align: top;}

.book_i{width: 33px; height: 25px; background-image: url(../images/main/book_i.png);margin-right: 28px;}
.book_i02{width: 23px; height: 20px; vertical-align: middle; background-image: url(../images/main/book_i.png); margin: 0 8px 2px 0 ; -webkit-background-size: 23px; background-size: 23px;}
.play_i{vertical-align: middle; width: 49px; height: 49px; background-image: url(../images/sub/play_i.png); margin: -15px 0 0 25px;}
.md_chk_i{vertical-align: middle; width: 28px; height: 28px; background-image: url(../images/sub/md_chk_i.png); margin: 0 5px 3px 0; -webkit-background-size: 28px; background-size: 28px;}
.md_x_i{vertical-align: middle; width: 28px; height: 28px; background-image: url(../images/sub/md_x_i.png); margin: 0 5px 3px 0; -webkit-background-size: 28px; background-size: 28px;}
.point_i{vertical-align: middle; width: 28px; height: 28px; background-image: url(../images/sub/point_i.png); margin: 0 5px 3px 0; -webkit-background-size: 18px; background-size: 18px;}

.btn_area{text-align: center; padding-top: 60px;}
.btn_area .btn{display: inline-block; background-color: #ff9800; width: 320px; height: 60px; line-height: 60px; padding: 0;color: #fff; font-size: 18px; -webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px;}
.btn_area .btn.gray{background-color: #666;}

.chk_area {position: relative; display: inline-block; vertical-align: top;}
.chk_area input {width: 1px; height: 1px; display: none;}
.chk_area .chk {font-size: 16px; color: #444; font-weight: 300;c	}
.chk_area .chk i{display: inline-block;}
.chk_area .ico_chk{width: 20px; height: 20px; border: 1px solid #eaeaea; background-color: #fff;-webkit-border-radius: 2px;-moz-border-radius: 2px; border-radius: 2px; vertical-align: middle; margin: -3px 8px 0 0;}
.chk_area input:checked + .chk .ico_chk{background-image: url(../images/sub/ico_chk_on.png); background-position: center;}
.chk_area input:checked + .picture{border: 2px solid #ff9800; color: #ff9800; font-weight: 600;}
.chk_area.c_sky .chk{color: #00bcd4; font-size: 20px; font-weight: 400;}

.input_area input{width: 100%; border-width: 0; border-bottom: 1px solid #ccc; height: 50px;}
.input_wrap .input_area{padding-top: 18px;}

table th, table td{border-bottom: 1px solid #eaeaea; font-size: 15px;line-height: 1.4;color: #444; background-color: #fff; padding: 12px 10px; text-align: center;}
table tr:first-child th, table tr:first-child td{border-top: 1px solid #eaeaea;}
table th{border-right: 1px solid #eaeaea; font-weight: 600;}
table td{border-right: 1px solid #eaeaea; background-color: #fff; padding: 15px 10px; color: #666;}
table tr > *:first-child{border-left: 1px solid #eaeaea;}
table .txt_small{display: block; font-size: 14px; font-weight: 400; -ms-word-break: keep-all; word-break: keep-all;}
table .t_btn{display: block; max-width: 120px; margin: 0 auto;height: 30px; line-height: 30px; color: #fff; background-color: #ff9800; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px;}
table .pd_txt{text-align: left;padding: 10px 0;-ms-word-break: keep-all; word-break: keep-all;}
table .c_num{color: #00bcd4;font-weight: 600;}
table .num_box .c_num{float: right;}
table .num_box .num_x{float: left;text-align: left;position: relative;width: 130px;}
table .num_box .num_x:after{position: absolute;content:"";display: block;clear: both;height: 11px;width: 100%;top: 50%;margin-top: -5px;background-image: url(../images/sub/right_i.png);background-position: right 0 top 50%;}
table .num_box .num{float: left;}
table .bg_td td{background-color: #fbf6e5;}

/* 작업하실때 header 여기 관련된 부분은  스타일 지워주시면 됩니다. */
.header{position: relative; background-color: #00bcd4; color: #fff; height: 80px; line-height: 80px; text-align: center; padding: 23px 0 28px; -webkit-box-shadow: 0px 0px 25px 0px #ccc; -moz-box-shadow: 0px 0px 25px 0px #ccc; box-shadow: 0px 0px 25px 0px #ccc;}
.header .title_name{font-size: 24px; font-family: 'Muli', sans-serif; font-weight: 600;}

/* ==================메인================== */
.main_visual{height: 390px;background-position: 50% 0;}
.img_box{background-repeat: no-repeat;}
.img_box img{max-width: 100%;}

.main_content{max-width: 1140px;margin: 0 auto 80px;padding: 104px 0 0 0;}
.main_content .write_box{margin-top: 70px; padding: 100px 200px;}
.main_content .side_btn{position: fixed;bottom: 200px;left:90%;	display: inline-block;z-index: 100;width: 120px;height: 120px;background-image: url(../images/main/side_btn2.png);-webkit-box-shadow: 0px 0px 20px 0px #999; -moz-box-shadow: 0px 0px 20px 0px #999; box-shadow: 0px 0px 20px 0px #999;}
.book_list:after{content:"";display: block;clear: both;}
.book_list li{position: relative;float: left;width: 31.58%;margin-right: 2.63%;}
.main_content .book_list li:before{position: absolute;top: -4px;left: 16px;content:"";display: inline-block;clear: both;width: 40px;height: 45px;
background-image: url(../images/main/book_list_be.png);-webkit-background-size: contain;background-size: contain;}
.book_list li:last-child{margin-right: 0;}
.book_list li .img_box{padding-bottom: 72.225%;-webkit-background-size: contain;background-size: contain;-webkit-box-shadow: 0px 0px 20px 0px #999; -moz-box-shadow: 0px 0px 20px 0px #999; box-shadow: 0px 0px 20px 0px #999;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;}
.book_list li .tit{font-size: 24px;color: #ff9800;text-align: center;font-family: BMJUA;padding-top: 22px;-ms-word-break: keep-all;word-break: keep-all;}

.main_title_wrap{text-align: center;padding-top: 110px;}
.main_title_wrap .tit{display: inline-block;font-size: 36px;color: #222;line-height: 1.4;font-weight: 400;}
.main_title_wrap .border_c{font-weight: 600;}
.main_title_wrap .border_c:after{height: 15px;}
.main_title_wrap .txt{font-size: 24px;font-weight: 400;}

.main_box{position: relative;text-align: center;padding: 0 0 100px; margin-top: 70px;background-color: #f8f8f8;-webkit-box-shadow: 0px 0px 25px 0px #ccc; -moz-box-shadow: 0px 0px 25px 0px #ccc; box-shadow: 0px 0px 25px 0px #ccc;}
.main_box .title{font-size: 28px;color: #222;text-align: center;font-weight: 500;line-height: 1.3;padding-top: 85px;-ms-word-break: keep-all;word-break: keep-all;font-weight: 600;}
.main_box .main_tit2{font-size: 24px;color: #222;text-align: center;font-family: BMJUA;padding: 58px 0 30px;}
.main_box .title .c_on{color: #ff9c10;text-decoration: underline;text-underline-position: under;}
.main_box .img_box.c1{padding-top: 65px;}
.main_box .img_box.c2{padding-bottom: 116%;margin: -5% 0 -33% 0;-webkit-background-size: contain;background-size: contain;}
.main_box .naver_btn{display: inline-block;padding-bottom: 100px;}
.main_box .btn-after-reading{position: absolute;width: 200px;height: 200px;font-size: 0;left: 17.5%;bottom: 35%;}

.main_box .box_list{padding: 0 80px;padding-bottom: 15px;}
.main_box .box_list:after{content:"";display: block;clear: both;}
.main_box .box_list li{position: relative;float: left;margin-top: 100px;text-align: center;width: 25.511%;margin-right: 11.735%;padding: 10px;background-color: #fff;-webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px;}
.main_box .box_list li:nth-child(3n){margin-right: 0;}
.main_box .box_list li:after{position: absolute;content:"";display: block;clear: both;bottom: -19px;left: 50%;margin-left: -16px;width: 32px;height: 30px;background-image: url(../images/main/box_c2.png);}
.main_box .box_list li .box{border: 1px dashed #f3a41b;background-color: #fff;padding: 35px 5px 12px;-webkit-border-radius: 23px;-moz-border-radius: 23px;border-radius: 23px;}

.main_box .box_list li .box .tit{display: block;font-size: 18px;font-family: BMJUA;color: #ff9800;height: 42px;line-height: 1.2; letter-spacing: -0.3px;}
.main_box .box_list li .box .txt{font-size: 16px;color: #888;height: 100px;line-height: 1.3;padding-top: 5px;}
.main_box .box_list li .box .btn{height: 40px;line-height: 40px;font-size: 16px;padding: 0 20px;color: #fff;background-color: #ff9800;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;}
.main_box .box_list li .face{top: 0;left: 50%;position: absolute;margin-top: -38px;margin-left: -38px;width: 76px;height: 76px;}
.main_box .box_list li .box .txt i{width: 14px;height: 12px;}
.main_box .box_list li .i_first{;height: 12px;background-image: url(../images/main/i_first.png);margin-right: 5px;margin-bottom: 2px;}
.main_box .box_list li .i_last{background-image: url(../images/main/i_last.png);margin-left: 3px;}
.main_box .box_list li:nth-child(2n) .box{border-color: #e91e63;}
.main_box .box_list li:nth-child(2n) .box .tit{color: #e91e63;}
.main_box .box_list li:nth-child(2n)::after{background-image: url(../images/main/box_c1.png);}
.main_box .box_list li:nth-child(2n) .box .btn{background-color: #e91e63;}

.main_box .link_list{margin-top: 18px;padding: 0 80px;}
.main_box .link_list:after{content:"";display: block;clear: both;}
.main_box .link_list li{position: relative;width: 50%;float: left;background-color: #fff;text-align: center;padding: 0 0 36px;}
.main_box .link_list li .box{padding-top: 32px;padding-bottom: 15px;}
.main_box .link_list li:first-child .box{border-right: 1px dashed #ddd;}
.main_box .link_list li .tit{position: relative;display: block;font-family: BMJUA;background-color: #4db8a4;height: 40px;font-size: 24px;line-height: 40px;margin: -18px auto 0;color: #fff;width: 296px;border-bottom-right-radius: 21px;border-bottom-left-radius: 21px;}
.main_box .link_list li .tit:after, .main_box .link_list li .tit:before{position: absolute;content:"";display: inline-block;top: 0;width: 14px;height: 18px;background-image: url(../images/main/link_tit_af1.png);}
.main_box .link_list li .tit:after{right: -14px;}
.main_box .link_list li .tit:before{left: -14px;background-image: url(../images/main/link_tit_be1.png);}
.main_box .link_list li:last-child .tit{background-color: #00bcd5;}
.main_box .link_list li:last-child .tit:after{background-image: url(../images/main/link_tit_af2.png);}
.main_box .link_list li:last-child .tit:before{background-image: url(../images/main/link_tit_be2.png);}
.main_box .link_list li:last-child .btn_box .btn{background-color: #00bcd5;}

.main_box .link_list li i{width: 112px;height: 112px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}
.main_box .link_list li .txt{font-size: 16px;color: #444;line-height: 1.3;font-weight: 400;}
.main_box .link_list li .btn_box{padding-top: 18px;font-size: 0;}
.main_box .link_list li .btn_box .btn{width: 176px;height: 40px;margin: 0 2px;line-height: 40px;padding: 0;color: #fff;font-size: 16px;background-color: #4db8a4;-webkit-border-radius: 40px;-moz-border-radius: 40px;border-radius: 40px;}

.main_box .book_list2{padding: 0 80px;padding-top: 65px;}
.main_box .book_list2:after{content:"";display: block;clear: both;}
.main_box .book_list2 li{width: 23%;float: left;margin-right: 15%;text-align: center;}
.main_box .book_list2 li:last-child{margin-right: 0;}
.main_box .book_list2 .img{width: 168px;height: 168px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}
.main_box .book_list2 .tit{display: block;font-size: 24px;font-family: BMJUA;color: #ff9800;padding-bottom: 5px;line-height: 1.2;}
.main_box .book_list2 .be_box{padding-top: 0;height: 225px;margin-top:  10px;}
.main_box .book_list2 .be_box p.be{display: inline-block;padding-bottom: 5px;padding-left: 0;font-weight: 400;color: #444;font-size: 16px;line-height: 1.4;-ms-word-break: keep-all;word-break: keep-all;}
.main_box .book_list2 .be_box p.be:before{position: static;background-color: #ff9800;display: inline-block;margin: 0 5px 4px 0;}
.main_box .book_list2 .btn{height: 40px;line-height: 40px;width: 176px;color: #fff;padding: 0;font-size: 16px;border-width: 400px;background-color: #ff9800;-webkit-border-radius: 40px;-moz-border-radius: 40px;border-radius: 40px;}
.main_box .book_list2 li .img2{width: 100%;padding-bottom: 61.5%;-webkit-background-size: cover;background-size: cover;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;-webkit-box-shadow: 0px 0px 20px 0px #999; -moz-box-shadow: 0px 0px 20px 0px #999; box-shadow: 0px 0px 20px 0px #999;}
.main_box .book_list2 .tit2{display: block;font-size: 20px;color: #444;height: 83px;font-family: Noto Sans KR;font-weight: 500;text-align: left;margin-top: 15px;line-height: 1.3;padding: 0 20px 0 40px;-ms-word-break: keep-all;word-break: keep-all;}

.main_box .book_list2.type2 .tit{text-align: center;font-size: 28px;padding-bottom: 20px;letter-spacing: -0.5px;}
.main_box .book_list2.type2 .be_box{height: 165px;margin-top: 5px;}
.main_box .book_list2.type2 .be_box p.be{display: block;padding-left: 15px;font-size: 18px;color: #666;text-align: left;line-height: 1.3;}
.main_box .book_list2.type2 .be_box p.be:before{position: absolute;top: 8px;}
.main_box .book_list2.type2 li{width: 27.245%;margin-right: 9.1333%;text-align: left;}
.main_box .book_list2.type2 li .top_img{text-align: center;padding-bottom: 3px;}
.main_box .book_list2.type2 li:last-child{margin-right: 0;}
.main_box .book_list2.type2 li .btn{width: 100%;max-width: 220px;margin-top: 20px;padding: 0;margin-left: 15px;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;border-top-left-radius: 0;border-bottom-right-radius: 0;}
.main_box.type2{padding: 105px 64px 90px;}

.pencil_list{padding: 120px 80px 0;}
.pencil_list ul{padding: 0 6% 0 2%;margin-top: 15px;}
.pencil_list ul:after{content:"";display: block;clear: both;}
.pencil_list ul li{width: 25%;float: left;padding: 0 10px;}
.pencil_list ul li .tit{font-family: BMJUA;font-size: 20px;line-height: 1.2;height: 46px;}
.pencil_list ul li .btn{height: 40px;line-height: 40px;color: #fff;font-size: 16px;padding: 0;width: 176px;-webkit-border-radius: 40px;-moz-border-radius: 40px;border-radius: 40px;}
.pencil_list ul li:nth-child(1) .tit{color: #b2d96f;}
.pencil_list ul li:nth-child(1) .btn{background-color: #b2d96f;}
.pencil_list ul li:nth-child(2) .tit{color: #3ebcbb;}
.pencil_list ul li:nth-child(2) .btn{background-color: #3ebcbb;}
.pencil_list ul li:nth-child(3) .tit{color: #4198b7;}
.pencil_list ul li:nth-child(3) .btn{background-color: #4198b7;}
.pencil_list ul li:nth-child(4) .tit{color: #46a8d7;}
.pencil_list ul li:nth-child(4) .btn{background-color: #46a8d7;}
.pencil_list ul li .txt{height: 90px;margin-top: 20px;font-size: 16px;line-height: 1.2;color: #666;}

/* ==================서브================== */
.border_c{position: relative;z-index: 1;}
.border_c:after{position: absolute; content:""; display: block; clear: both; bottom: 1px; left: 0; width: 100%; z-index: -1; background-color: #ffe466;}

.sub_content{max-width: 1140px;margin: 0 auto;padding-bottom: 160px;}
.sub_content .big_sub_title{font-size: 52px;color: #3c4858;font-weight: 600;padding-top: 110px;text-align: center;}
.sub_content .big_sub_title .small{font-size: 30px;font-weight: 400;display: block;}
.sub_content .big_sub_title .border_c{position: relative;z-index: 1;}
.sub_content .big_sub_title .border_c:after{height: 30px;}
.sub_content .big_sub_title.fw300{font-weight: 300;}
.sub_content .write_box{max-width: 800px;}

.sub_content .title_wrap_mark{position: relative;margin-bottom: 50px;}
.sub_content .title_wrap_mark .big_sub_title{width: calc(100% - 176px); padding-top: 90px;}
.sub_content .title_wrap_mark .mark{position: absolute; width: 176px; height: 155px; right: 0; bottom: -8px;}
.sub_content .bd_title{font-size: 36px; color: #3c4858; font-weight: 300; border-bottom: 1px solid #d6d6d6; padding-bottom: 15px; padding-top: 80px;}

.sub_content .main_box .img_box{padding-top: 65px;}
.sub_content .main_box.type2 .img_box{padding-top: 0;}
.sub_content .main_title_wrap .tit{color: #3c4858;}

.num_apply_info{margin-top: 65px;width: 100%;}
.num_apply_info:after{content:"";display: block;clear: both;}
.num_apply_info li{position: relative;float: left;width: 21.931%;margin-right:14.211%; ;}
.num_apply_info li:after{position: absolute;top: 24%;right: -40%;content:"";display: block;clear: both;display: inline-block;height: 35px;  width: 41px;background-image: url(../images/sub/double_right.png);background-repeat: no-repeat;}
.num_apply_info li:first-child{margin-left: 2.89%;}
.num_apply_info li:last-child{margin-right: 2.89%;}
.num_apply_info li:last-child:after{display: none;}
.num_apply_info li .img_box{width: 100%; padding-bottom: 100%; -webkit-background-size: cover; background-size: cover; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;-webkit-box-shadow: 7px 7px 19px -2px #ddd; -moz-box-shadow: 7px 7px 19px -2px #ddd; box-shadow: 7px 7px 19px -2px #ddd;}
.num_apply_info li .txt_box{text-align: center;padding-top: 26px;font-weight: 400;}
.num_apply_info li .num{display: block; font-size: 30px; color: #ffd88d; font-weight: 600;}
.num_apply_info li .tit{display: block; font-size: 24px; color: #3c4858; padding-top: 20px; font-weight: 600;}
.num_apply_info li .txt{font-size: 20px; color: #3c4858; line-height: 1.3; padding-top: 10px;}
.table_box{background-color: #f6f7f9;padding: 50px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 0px 25px 0px #ccc; -moz-box-shadow: 0px 0px 25px 0px #ccc; box-shadow: 0px 0px 25px 0px #ccc;}
.table_box > img{width: 100%;}
.table_box .bg_title{text-align: center;background-color: #ee1d23;color: #fff;padding: 10px;font-size: 20px;margin-top: 30px;}
.table_box .bg_title.c2{background-color: #fff101;color: #f2a003;}
.table_box .bg_title.c3{background-color: #3999d4;}
.table_box .bg_title.c4{background-color: #40ae49;}
.table_box.mt{margin-top: 68px;}
.table_box .img_box{}
.table_box .m_on table thead th{border-top-width: 0;}

.small_tit{display: inline-block; font-size: 24px; color: #222; margin-bottom: 30px; margin-top: 40px; font-weight: 600;}
.small_tit .border_c{display: inline-block;}
.small_tit .border_c:after{height: 15px;}

.write_box{padding: 40px;margin: 100px auto 0;margin-top: 100px;background-color: #f8f8f8;-webkit-box-shadow: 0px 0px 25px 0px #ccc; -moz-box-shadow: 0px 0px 25px 0px #ccc; box-shadow: 0px 0px 25px 0px #ccc;}
.write_box .title{font-size: 30px;color: #000;border-bottom: 1px solid #e2e2e2;padding-bottom: 20px;font-weight: 300;margin-bottom: 20px;}
.write_box .title em{font-size: 24px;color: #e91e63;}

.be_box{padding-top: 45px;}
.be_box:after{content:"";display: block; clear: both;}
.be_box .chk_area{padding-bottom: 18px;}
.be_box p.be{position: relative; padding-left: 15px; font-size: 16px; color: #888;}
.be_box p.be:before{position: absolute; top: 11px; left: 0; content:""; display: block; clear: both; width: 5px; height: 5px; -webkit-border-radius: 50%; -moz-border-radius: 50%;border-radius: 50%; background-color: #888;}
.be_box.type2{padding-top: 15px;}
.be_box.type2 p.be{font-size: 14px; color: #3c4858; padding-left: 40px;}
.be_box.type2 p.be:before{background-color: #3c4858; top: 8px; left: 20px;}

.be_box.type3 p.be{color: #222;font-size: 20px;}
.be_box.type3 p.be:before{background-color: #222;top: 12px;}

.be_box .left_box,
.be_box .right_box{display: inline-block;}
.be_box .left_box{float: left;}
.be_box .right_box{margin-top: 5px;margin-left: 32px;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;-webkit-box-shadow: 0px 0px 20px 0px #999; -moz-box-shadow: 0px 0px 20px 0px #999; box-shadow: 0px 0px 20px 0px #999;}
.be_box .right_box img{overflow: hidden;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;}
.chk_box_list{margin-top: 28px;}
.chk_box_list .chk_area:after{content:"";display: block;clear: both;}
.chk_box_list .chk_area{display: block;background-color: #fff;border: 1px solid #d6d6d6;border-bottom-width: 0;padding: 15px 20px;}
.chk_box_list .chk_area:first-child{border-top-right-radius: 4px;border-top-left-radius: 4px;}
.chk_box_list .chk_area:last-child{border-width: 1px;border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;}
.chk_box_list .chk_area .chk{float: left;font-weight: 400;}
.chk_box_list .chk_area .open{float: right;font-size: 14px;color: #888;border-bottom: 1px solid #888;}


.book_cnt .book_title{font-size: 26px;color: #222;padding-top: 65px}
.book_cnt .book_title i{width: 69px; height: 56px; background-image: url(../images/sub/tit_book_i.png); margin: 0 15px 5px 0; vertical-align: middle;}
.book_cnt .book_title2{padding-bottom: 2px;padding-top: 65px;}
.book_cnt .book_title2 .tit{font-size: 26px; color: #222; display: inline-block;letter-spacing: -0.7px;}
.book_cnt .book_title2 .tit .c_on{font-size: 20px; color: #00bcd4; display: block; padding-bottom: 8px;}
.book_cnt .book_title2 i{margin-left: 55px;}

.book_cnt .orange_tit{font-size: 26px;color: #ff9800; font-weight: 400; padding-top: 22px;}
.book_cnt .book_wrap .txt{font-size: 14px; font-weight: 300; color: #3c4858;}
.book_cnt .book_wrap .bg_tit em{display: inline-block; height: 30px; line-height: 30px; font-size: 14px; font-weight: 500; color: #fff;margin-top: 30px;background-color: #e91e63;padding: 0 10px;-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 12px;}
.book_cnt .book_wrap .book_img{position: relative;display: inline-block;margin-top: 25px; -webkit-border-radius: 7px; -moz-border-radius: 7px;border-radius: 7px;
-webkit-box-shadow: 0px 0px 20px 0px #999; -moz-box-shadow: 0px 0px 20px 0px #999; box-shadow: 0px 0px 20px 0px #999;}

.book_cnt .book_wrap .book_img.first{margin-top: 22px;}
.book_cnt .book_wrap .book_img img{overflow: hidden;-webkit-border-radius: 7px;-moz-border-radius: 7px; border-radius: 7px;}
.book_cnt .book_wrap .book_img .mask{position: absolute;top: 50%; left: 50%; width: 100px; height: 100px;color: #000; line-height: 100px;text-align: center;font-size: 24px;font-weight: 500;margin-top: -50px;margin-left: -50px;background-color: rgba(255, 255, 255, 0.8);-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}
.book_cnt .book_wrap .book_img .mask.black{background-color: rgba(0, 0, 0, 0.7);color: #fff;}



.book_cnt .book_list:after{content:"";display: block;clear: both;}
.book_cnt .book_list{margin-top: -10px;}
.book_cnt .book_list li{float: left;width: 48%;}
.book_cnt .book_list li:nth-child(2n){margin-right: 0;}
.book_cnt .book_list li .bg_tit{text-align: center;margin-top: 10px;}

.book_cnt .book_list.mt2{margin-top: -25px;}
.book_cnt .book_list.mt2 li .book_img{margin-top: 50px;}



/* #mask, .modal_cnt {display: none; position: fixed;  z-index:200;}
#mask{top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6);}
.modal_cnt{background-color: #fff; padding: 40px 20px 25px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;width: 330px;}
.modal_cnt .tit_wrap{font-size: 20px; color: #020202; text-align: center; font-weight: 600; padding-bottom: 10px;}
.modal_cnt .txt{font-size: 20px; color: #00bcd4; text-align: center;}
.modal_cnt .txt.c_orange{color: #ff9800;}
.modal_cnt .txt2{font-size: 19px; color: #00bcd4; text-align: center;}
.modal_cnt .btn_box{padding-top: 25px; text-align: center;}
.modal_cnt .btn_box .btn{width: 110px; color: #fff; font-size: 15px; height: 32px; line-height: 32px; background-color: #b5b5b5; -webkit-border-radius: 32px; -moz-border-radius: 32px; border-radius: 32px;margin: 0 4px;}
.modal_cnt .btn_box .btn.blue{background-color: #00bcd4;}
.modal_cnt .img_info{padding: 0 20px;margin-top: 20px;}
.modal_cnt .img_info:after{content:""; display: block; clear: both;}
.modal_cnt .img_info .img_box{float: left; width: 56px; height: 56px; border: 1px solid #eaeaea; background-repeat: no-repeat;-webkit-background-size: contain; background-size: contain; background-position: center;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;}
.modal_cnt .img_info .txt_box{float: left; display: table; width: calc(100% - 56px); height: 56px; padding-left: 15px; font-size: 14px; color: #666; font-weight: 500;}
.modal_cnt .img_info .txt_box p{display: table-cell; vertical-align: middle;}
.modal_cnt .img_info .txt_box2{font-size: 14px; color: #666; font-weight: 500; text-align: center;}
.modal_cnt .num_wrap{position: relative;border: 1px solid #e5eff0; padding: 37px 0 22px; margin-top: 42px; text-align: center;}
.modal_cnt .num_wrap .top_num{position: absolute; top: -32px; left: 50%; margin-left: -32px; display: block; width: 64px; height: 64px; line-height: 1.2; padding-top: 15px; background-color: #d7f3f7;font-size: 13px;color: #777; -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}
.modal_cnt .num_wrap .top_num em{font-size: 19px;color: #00bcd4;display: block;}
.modal_cnt .num_wrap p{width: 107px;margin: 5px auto 0;}
.modal_cnt .num_wrap p i{width: 18px;height: 18px;-webkit-background-size: 18px;background-size: 18px;background-repeat: no-repeat;}
.modal_cnt .num_wrap p span{display: inline-block; float: right;margin-left: 15px;} */

/*============================ 메인 ============================*/


/*============================ 서브 페이지 ============================*/
@media all and (max-width: 1400px) {
	.main_content .side_btn{right: 10px;left: auto;}
}



@media all and (max-width: 1140px) {

	.main_visual{height: auto;padding-bottom: 20.2%;-webkit-background-size: contain;background-size: contain;}
	.main_title_wrap .tit{font-size: 30px;}
	.main_title_wrap{padding-top: 80px;}
	
	
	.sub_content.m_wrap{padding: 0 15px 75px;}
	.sub_content.m_wrap .table_box{padding: 0 ;}
	.main_content .book_list{padding: 0 15px;}

	.main_box{margin-top: 50px;}
	.main_box.type2{padding: 70px 15px 90px;}
	.main_box .box_list{padding: 0 15px;}
	.main_box .box_list li{width: 29%;margin-right: 6.5%;margin-top: 70px;}
	.main_box .book_list2{padding: 40px 15px 0;}
	.main_box .book_list2 li{width: 32%;margin-right: 2%;}
	.main_box .link_list{padding: 0 15px;}
	

	.main_box .book_list2.type2 li{width: 32%;margin-right: 2%;}
	.main_box .book_list2.type2 .tit{font-size: 26px;}
	.main_box .book_list2 .tit2{padding: 0 10px;font-size: 18px;}
	.main_box .book_list2.type2 .be_box p.be{font-size: 16px;}
	
	
	.pencil_list{padding: 50px 15px;}
	.pencil_list ul li .tit{font-size: 18px;}
	

	.main_content .write_box{margin-top: 50px;padding: 40px;-webkit-box-shadow: 0px 0px 25px -5px #ccc; -moz-box-shadow: 0px 0px 25px -5px #ccc; box-shadow: 0px 0px 25px -5px #ccc;}
	
	.pencil_list ul li .btn{width: 100%;padding: 0;}
	.pencil_list ul li .txt{font-size: 15px;}
}


@media all and (max-width: 1040px) {
	.main_box .img_box.c1{padding: 30px 15px 0;}
	.pencil_list ul li .tit{-ms-word-break: keep-all;word-break: keep-all;}
	.pencil_list ul li .tit br{display: none;}

	.num_apply_info li:after{right: -42%;top: 20%;}
	
	table th{font-size: 12px;}
	table td{font-size: 12px;}
	.ov_wrap{overflow-x: auto;}
	.ov_wrap table{width: auto;min-width: 100%;}
	.ov_wrap table th{ white-space: nowrap;}
	.ov_wrap table td{ white-space: nowrap;}
	.be_box .left_box{float: none;}
	.be_box .right_box{margin: 15px 0 10px;}
	table .num_box .num_x{width: auto;padding-right: 20px;}
}

@media all and (max-width: 950px) {
.main_box .btn-after-reading{left: 13.5%;bottom: 38%;}
}


@media all and (max-width: 768px) {
	.m_on{display: block !important;}
	.m_off{display: none;}
	
	.main_visual {padding-bottom: 73.8%;}
	.main_title_wrap{padding-top: 55px;}
	.main_title_wrap.m_top{padding-top: 36px;}
	.main_title_wrap .border_c:after{height: 10px;}
	.main_title_wrap .tit{font-size: 24px;letter-spacing: -1.2px;padding: 0 10px;}
	.main_title_wrap .txt{font-size: 16px;margin-top: 2px;}
	.main_content{margin-bottom: 60px;}
	.main_content .side_btn{width: 85px;height: 85px;bottom: 155px;-webkit-background-size: contain;
	background-size: contain;}
	.main_content .write_box{margin-top: 42px;}
	.main_content .write_box .btn_area{padding-top: 25px;}
	
	.main_box .main_tit2{font-size: 20px;}
	.main_box .naver_btn{padding: 0 15px 45px;}
	
	.main_box .link_list{padding: 0;}
	.main_box .link_list li .tit{width: 120px;font-size: 20px;height: 35px;line-height: 35px;}
	.main_box .link_list li .btn_box{padding-top: 10px;}
	.main_box .link_list li .btn_box .btn{width: 100%;margin: 5px 0 0;}
	.main_box .link_list li .box{padding-top: 15px;padding: 0 15px;}
	.main_box .link_list li i{width: 64px;height: 64px;-webkit-background-size: contain;background-size: contain;}
	.main_box .link_list li .txt{height: 120px;margin-top: 10px;font-size: 12px;line-height: 1.7;}
	.main_box .link_list li .txt br{display: none;-ms-word-break: keep-all;word-break: keep-all;}
	.main_box .link_list li .btn_box .btn{height: 33px;line-height: 33px;font-size: 13px;}

	.main_box {margin-top: 44px;padding-bottom: 45px;-webkit-box-shadow: 0px 0px 25px -5px #ccc; -moz-box-shadow: 0px 0px 25px -5px #ccc; box-shadow: 0px 0px 25px -5px #ccc;}
	.main_box.type2{text-align: center;padding: 42px 15px 40px;}
	.main_box.type2 > img{width: 220px;margin: 0 auto;}

	.main_box .title{padding-top: 42px;font-size: 19px;line-height: 1.3;}
	.main_box .title .c_on{display: inline-block;margin-bottom: 2px;}
	.main_box .box_list{padding: 0 10px;}
	.main_box .box_list li{width: 49%;margin-right: 2%;margin-top: 50px;}
	.main_box .box_list li:nth-child(3n){margin-right: 2%;}
	.main_box .box_list li:nth-child(2n){margin-right: 0;}
	.main_box .box_list li .box{padding-top: 26px;}
	.main_box .box_list li .box .tit{font-size: 12px;height: 32px;}
	.main_box .box_list li .box .txt{font-size: 11px;height: 72px;padding-top: 0;}
	.main_box .box_list li .box .txt i{width: 10px;height: 9px;-webkit-background-size: contain;background-size: contain;}
	.main_box .box_list li .box .btn{height: 26px;line-height: 26px;font-size: 11px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
	.main_box .box_list li .face{width: 50px;height: 50px;margin-top: -25px;margin-left: -25px;-webkit-background-size: contain;background-size: contain;}
	.main_box .box_list li:after{width: 22px;height: 21px;margin-left: -11px;bottom: -10px;-webkit-background-size: contain;background-size: contain;}
	
	.main_box .book_list2{font-size: 0;text-align: center;padding: 0 0 ;}
	.main_box .book_list2 li{display: inline-block;float: none;width: 48%;margin: 0 1%;padding-top: 45px;}
	.main_box .book_list2 .img{width: 88px;height: 88px;-webkit-background-size: contain;background-size: contain;}
	.main_box .img_box.c2{ margin: -9% 0 -36% 0; padding-bottom: 160.1%;}
	.main_box .book_list2 .tit{font-size: 17px;margin-top: 13px;margin-bottom: 12px;}
	.main_box .book_list2 .be_box{height: 170px;}
	.main_box .book_list2 .be_box p.be{font-size: 11px;}
	.main_box .book_list2 .btn{width: 112px;height: 30px;line-height: 30px;font-size: 13px;}
	
	.main_box .book_list2.type2 li{width: 44%;margin: 0 3%;padding-top: 42px;}
	.main_box .book_list2.type2 .tit{font-size: 16px;margin: 0;padding-bottom: 15px;}
	.main_box .book_list2 li .img2{-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
	.main_box .book_list2 .tit2{font-size: 14px;height: 55px;padding: 0 0 0 10px;}
	.main_box .book_list2.type2 .be_box{height: 125px;}
	.main_box .book_list2.type2 .be_box p.be{font-size: 11px;padding-left: 10px;padding-bottom: 3px;}
	.main_box .book_list2.type2 .be_box p.be:before{top: 4px;}
	.main_box .book_list2.type2 li .btn{display: block;width: 125px;margin: 0 auto;}
	.main_box .btn-after-reading{left: 50%;width: 150px;height: 150px;margin-left: -75px;bottom: 13%;}
	
	.pencil_list{padding: 48px 15px 0; }
	.pencil_list ul{padding: 0;margin-top: 0;}
	.pencil_list ul li{width: 49%;margin-right: 2%;padding-top: 23px;}
	.pencil_list ul li:nth-child(2n){margin-right: 0;}
	.pencil_list ul li .tit{font-size: 14px;height: 32px;}
	.pencil_list ul li .txt{font-size: 12px;height: 85px;margin-top: 3px;line-height: 1.5;}
	.pencil_list ul li .btn{width: 93px;height: 30px;line-height: 30px;font-size: 12px;margin-top: 3px;}
	.pencil_list ul li .tit br{display: block;}
	.pencil_list ul li .num{margin: 0 auto 7px;width: 25px;height: 25px;-webkit-background-size: contain;
	background-size: contain;}
	.pencil_list ul li:nth-child(1) .num{background-image: url(../images/main/m_pencil_num01.png);}
	.pencil_list ul li:nth-child(2) .num{background-image: url(../images/main/m_pencil_num02.png);}
	.pencil_list ul li:nth-child(3) .num{background-image: url(../images/main/m_pencil_num03.png);}
	.pencil_list ul li:nth-child(4) .num{background-image: url(../images/main/m_pencil_num04.png);}

	.main_content{padding-top: 48px;}
	.main_content .book_list li:before{position: absolute;top: -2px;left: 4px;content:"";display: inline-block;clear: both;width: 20px;height: 22px;}
	.book_list li:before{top: -3px;left: 5px;width: 13px;height: 15px;}
	.book_list li .tit{font-size: 14px;padding-top: 5px;}
	.book_list li .img_box{-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}


	/* 서브 */
	.sub_content{padding-bottom: 75px;}
	.sub_content .big_sub_title{font-size: 25px;padding-top: 65px;}
	.sub_content .big_sub_title.type2{font-size: 32px;}
	.sub_content .big_sub_title .small{font-size: 20px;}
	.sub_content .big_sub_title .border_c:after{height: 16px;}
	.sub_content .main_box{padding: 0 15px 40px;}
	.sub_content .main_box.type2{padding: 35px 10px 40px;}
	.sub_content .main_box .img_box{padding-top: 35px;}
	.sub_content .title_wrap_mark{margin-bottom: 5px;}
	.sub_content .title_wrap_mark .mark{width: 77px;height: 77px;-webkit-background-size: contain;background-size: contain;}
	.sub_content .title_wrap_mark .big_sub_title{width: 100%;padding-top: 45px;font-size: 30px;line-height: 1.3;}
	.sub_content .bd_title{font-size: 27px;padding-top: 45px;}

	.write_box{margin-top: 50px;}
	.write_box .title{font-size: 18px;padding-bottom: 15px;margin-bottom: 0;}
	.write_box .title em{display: block;font-size: 15px;}
	
	.small_tit{font-size: 18px;margin-bottom: 25px;margin-top: 33px;}
	.small_tit .border_c:after{height: 10px;}
	
	.be_box p.be{font-size: 11px;padding-left: 12px;}
	.be_box p.be:before{width: 4px;height: 4px;top: 6px;}
	.be_box.type2{padding-top: 8px;}
	.be_box.type2 p.be{padding-left: 20px;}
	.be_box.type2 p.be:before{left: 10px;}
	.be_box.type3{padding-top: 15px;}
	.be_box.type3 p.be{font-size: 13px;}
	.be_box.type3 p.be:before{top: 7px;}

	.input_wrap .input_area{padding-top: 30px;}
	.input_area input{height: 38px;}

	.chk_area.c_sky .chk{font-size: 15px;}
	.chk_area .chk{font-size: 11px;}
	.chk_area .ico_chk{width: 15px;height: 15px;margin: -3px 5px 0 0;}
	.chk_box_list{margin-top: 15px;}
	.chk_box_list .chk_area{padding: 11px 10px;}
	.chk_box_list .chk_area .open{font-size: 10px;}
	
	.btn_area{padding-top: 55px;}
	.btn_area .btn{width: 240px;height: 45px;line-height: 45px;font-size: 15px;}

	.table_box{padding: 35px 15px;}

	.num_apply_info{margin-top: 55px;}
	.num_apply_info li{width: 100%;margin: 0;margin-bottom: 130px;}
	.num_apply_info li:first-child{margin-left: 0;}
	.num_apply_info li .img_box{width: 150px;height: 150px;padding-bottom: 0;margin: 0 auto;}
	.num_apply_info li .txt_box{padding-top: 32px;}
	.num_apply_info li .num{line-height: 1;font-size: 23px;}
	.num_apply_info li .tit{font-size: 18px;}

	.num_apply_info li .txt{padding-top: 7px; font-size: 15px;}
	.num_apply_info li:after{left: 50%; bottom: -78px; top: auto; margin-left: -17px; width: 34px; height: 40px; -webkit-background-size: contain; background-size: contain; background-image: url(../images/sub/m_double_right.png);}
	.num_apply_info li:last-child{margin-bottom: 0;margin-right: 0;}
	

	.table_box.mt{margin-top: 40px;webkit-box-shadow: inherit; -moz-box-shadow: inherit; box-shadow: inherit;background-color: #fff;padding-top: 0;}
	.table_box .bg_title{font-size: 13px;padding:7px;margin-top: 20px;}
	.table_box .img_box2{margin: 0 auto;padding: 25px 15px 40px;text-align: center;}
	.table_box .img_box2 img{max-width: 160px;margin: 0 auto;width: 100%;}
	
	.book_cnt .book_title{font-size: 22px;padding-top: 50px;}
	.book_cnt .book_title i{width: 46px;height: 35px;margin-right: 8px;-webkit-background-size: contain;
	background-size: contain;}
	.book_cnt .book_wrap .txt{font-size: 13px;}

	.book_cnt .book_title2 .tit{font-size: 22px;}
	.book_cnt .book_title2 .tit .c_on{font-size: 16px;}
	.book_cnt .book_title2 i{display: block;margin-left: 0;margin-top: 10px;}

	.lead21_i{width: 80px;height: 40px;-webkit-background-size: contain;
	background-size: contain;}
	
	.book_cnt .book_list li{width: 100%;margin-right: 0;}
	.book_cnt .orange_tit{font-size: 22px;padding-top: 18px;}
	.book_cnt .book_list li .bg_tit{padding: 0 15px;}
	.book_cnt .book_wrap .bg_tit em{margin-top: 25px;font-size: 12px;width: 100%;-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;}
	.book_cnt .book_wrap .book_img{margin-top: 12px;}
	.book_cnt .book_list.mt2 li .book_img{margin-top: 32px;}
	
	.ov_wrap col{width: auto !important;}
	table .t_btn{width: 90px;}
	table .num_box{width: 160px;}

}

@media all and (max-width: 480px) {
	.main_content .write_box{padding: 40px 20px;}
	.write_box{padding: 40px 15px;}

}
@media all and (max-width: 350px) {
	.main_title_wrap .tit{font-size: 22px;}
	.main_box .book_list2 .tit2{font-size: 13px;}
	.pencil_list ul li{padding: 22px 0 0;}
	.pencil_list ul li .txt{line-height: 1.43;}

}