@charset "utf-8";

/* tbanner */
.tbanner{position: relative;}
.tbanner .sub_tt{position: absolute; width: 100%; top: 50%; transform:translateY(-50%); text-align: center; color:#fff; font-size: 28px; font-weight:500}

.page_route_box{border:1px solid #e9e9e9; border-width:1px 0}
.page_route{}
.page_route > li{border-right:1px solid #e9e9e9; float:left; font-size:15px; line-height: 58px; position: relative; padding: 0 20px; cursor:pointer}
.page_route .home{border-left:1px solid #e9e9e9; padding: 0 23px;}
.page_route .route{background:url(../img/icon_drop_route.png) no-repeat calc(100% - 20px) center;  min-width:230px}
.page_route .route.on{background-image: url(../img/icon_drop_route_on.png);}
.page_route .route_sub{position: absolute; border:1px solid #e9e9e9; left: -1px; right: -1px; top:100%; padding: 10px 0; display: none; z-index: 1; background: #fff;}
.page_route .route_sub li{line-height: 1;}
.page_route .route_sub li a{font-size:15px; line-height: 38px; display: block; padding:  0 20px; color:#666}
.page_route .route_sub li a:hover, .page_route .route_sub li.on a{color:#d71920}

.sub_text{padding: 0; margin: 120px 0 80px;}
.sub_text.margin_edit{margin-bottom: 20px;}
.sub_text h1{font-size:30px; font-weight:600; color:#222}
.sub_text p{margin-top: 40px; font-size:16px; color:#777}


/* m01_01 */
.m01_01{background:url(../img/m01_01_bg.png) no-repeat right bottom }

/* m01_02 */
.m01_02{position: relative;}
.map_api{position: absolute; right: 0; top: 0; width: 51.40%; height: 500px;}
.map_api iframe{width: 100%; height: 100%;}

/* board cate */
.category_modify{background: #f7f7f7; padding: 20px; margin-bottom: 30px;}
.category_modify_ul li{width: 23.79%; float:left; display: block; height: 50px; margin-right: 1.61%;}
.category_modify_ul li:nth-child(4n){margin-right: 0;}
.category_modify_ul li:nth-child(n+5){margin-top: 20px;}
.category_modify > ul.category_modify_ul > li > a{background: #fff; line-height: 50px; margin: 0; padding: 0 26px;}
.category_modify > ul.category_modify_ul > li:first-child > a{margin-right: 0;}
.category_modify > ul.category_modify_ul > li:last-child > a{margin-left: 0;}
.category_modify > ul.category_modify_ul > li > a::after{display: none;}

.category_modify > ul.category_modify_ul > li.active > a{color:#d71920; font-weight:400; position: relative;}
.category_modify > ul.category_modify_ul > li.active > a:before{content:''; display: block; width: 5px; position: absolute; left: 0; top: 0; bottom: 0; background: #d71920;}

.category_sec{margin: 30px 0 0; padding-bottom: 40px; }
.category_sec_ul{display: block; text-align: center;}
.category_sec_ul li{display: inline-block;height: 48px;margin: 10px 8px 0;}
.category_sec_ul li a{border:1px solid #e1e1e1;  display: block; line-height: 48px; border-radius:28px; padding: 0 28px;color:#666; font-size: 15px; font-weight:400;  }
.category_sec_ul li.active a{border-color:#d71920; color:#d71920;}

/* pagination */
.responsive .pagination-sm>li>a, .responsive .pagination-sm>li>span{border:none; padding: 0; margin: 0 12px; font-size:17px; color:#666 !important; font-weight:400}
.pagination-sm>li>a .fa, .pagination-sm>li>span .fa{ font-size:19px; color:#666;}
.responsive .list-wrap .pagination .active a, .view-wrap .pagination .active a{background: none !important; color:#d71920 !important; font-weight:500}
.text-center .pagination>.active>a, .text-center .pagination>.active>span, .text-center .pagination>.active>a:hover, .text-center .pagination>.active>span:hover, .text-center .pagination>.active>a:focus, .text-center .pagination>.active>span:focus .list-wrap .text-center .pagination .active a, .view-wrap .text-center .pagination .active a, .board-list .list-wrap .pagination .active a, .view-wrap .pagination .active a{background: transparent !important; border:none !important; color:#d71920 !important; }


/* custom_search */
.list-tsearch.custom_search_box{border:none; background: none; padding: 0; margin-bottom: 30px; margin-top: 40px;}
.custom_search_box .form-group{margin-bottom: 0;}
.custom_search_box .form{float:right; }
.custom_search{border:1px solid #e1e1e1; width: 330px;border-radius:3px}
.custom_search_input{float:left; width:calc(100% - 55px); }
.custom_search_input input{box-shadow: none;-webkit-box-shadow:none; border:none; line-height: 43px; height: 43px; padding: 0 18px; font-size:15px; font-family:'Noto Sans KR', sans-serif !important}
.custom_search_input input::placeholder{color:#999}
.custom_search_btn{float:right;}
.custom_search_btn button{border:none; background: transparent; line-height: 40px; height: 43px; padding: 0 18px;}
.custom_search_btn button img{vertical-align: top; margin-top: 10px; box-sizing: border-box;}


/* m02 */
.m02 .list-wrap{border-top: 1px solid #ebebeb; padding-top: 30px;}
.m02 .gallery_container.list-container{overflow: visible;}
.m02 .imgframe{border:1px solid #e1e1e1}
.m02 .fix_gallery_content{margin-top: 24px;}
.m02 .fix_gallery_content h5{font-size: 16px; font-weight:400; color:#222; line-height: 26px; height: 52px; overflow: hidden;text-overflow: ellipsis;}
.m02 .fix_gallery_content p{margin-top: 20px; font-size:16px; color:#666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.m02 .list-page{margin: 3px 0 100px !important;}


/* m02 write */
.inq_notice{font-size:13px; line-height: 1.4; margin-top: 5px;}
.m02 .inquiry_box .answer textarea{width: 50%;}

/* m02 view */
.m02_view_tt{margin: 120px 0 40px; font-size:30px; font-weight:600}
.m02.view-wrap section{}
.m02.view_style .view-padding{padding: 0;}
.m02.view_style .m02_view_head{padding: 40px 0; border: 1px solid #ebebeb; border-width:1px 0; margin-bottom: 80px;}

/* 상단 정보 */
.m02_img{float:left; border:1px solid #e1e1e1; width: 27.18%;}
.m02_img .view-img img{margin: 0; }
.m02_info{float:left; padding-left: 80px;width: 72.82%;}
.m02_info .m02_tt{font-size:26px; font-weight:600; color:#222; line-height: 40px;}
.m02_writer{margin-top: 17px; font-size: 17px; color:#222}
.m02_info_ul{margin-top: 40px; display: flex; flex-wrap: wrap; }
.m02_info_ul > li{display: flex; width: 53%; margin-top: 13px;line-height: 30px;}
.m02_info_ul > li:nth-child(2n){width: 47%;}
.m02_info_ul > li .m02_ul_tt{font-size:15px; font-weight:500; color:#222; width: 95px;}
.m02_info_ul > li .m02_ul_desc{font-size:15px; font-weight:400; color:#222; }
.m02_info_ul > li.full{width: 100%;}
.m02_info_ul > li.m02_buy_book_con{margin-top: 25px;}
.m02_buy_book_tt{line-height: 42px; align-items: center; display: flex;}
.m02_buy_book li{border:1px solid #e1e1e1; float:left; margin-left: -1px;position: relative; transition:.2s; z-index: 1;}
.m02_buy_book li a{padding: 0 32px; line-height: 40px; color:#222; font-size:14px; display: block; transition:.2s}
.m02_buy_book li:hover{border-color:#d71920; z-index: 2;}
.m02_buy_book li:hover a{color:#d71920}


/* 하단 탭 */
.m02_view_conh{position: relative; background: #fff; width: 1280px; max-width:100%}
.m02_view_conh.on{position: fixed; top: 0;}
.view_con_tt {border-bottom:2px solid #e1e1e1}
.view_con_tt li{float:left; position: relative; visibility: visible; cursor:pointer}
.view_con_tt li + li{margin-left: 45px;}
.view_con_tt li span{display: block; width: 100%; line-height: 50px; padding: 0 10px;  color:#222; font-size:17px; font-weight:500 }
.view_con_tt li.on:after{content:''; display: block; position: absolute; width: 100%; height: 2px; background: #d71920; bottom: -2px;}
.view_con_tt li.on span{color:#d71920}
.m02 .down_con{position: absolute; display: block; right: 0; bottom: 0; padding: 0 50px 0 32px; line-height: 50px; color:#fff; font-size: 16px; font-weight:500; background:#d71920 url(../img/icon_down.png) no-repeat calc(100% - 32px ) center; z-index: 1; cursor:pointer; transition:right .3s; width: 130px;}
.m02 .down_con.on{right:calc(100% - 130px); }
.m02 .down_con.on + .view_con_tt li{visibility: hidden;}
.m02 .btn_close_down{position: absolute; right: 0;  bottom: 0; line-height: 50px;padding: 0 15px; cursor:pointer}

.view_con{}
.view_con li{padding: 50px 0; display: flex;}
.view_con li + li{border-top:1px solid #e1e1e1}
.view_con li:last-child{padding-bottom: 10px;}
.view_con li .con_tt{width: 175px; color:#222; font-size:18px; font-weight:500}
.view_con li > div{width: calc(100% - 175px);}
.view_con li p{line-height: 27px; color:#666; font-size:15px}

.view_down_con{display: flex; flex-wrap: wrap; display: none; padding: 50px 0;}
.view_down_con .con_tt{width: 175px; color:#222; font-size:18px; font-weight:500}
.view_down_con p{line-height: 27px; font-size:15px; color:#666}
.view_down_con .down-file{width: 100%;}
.view_down_con .down-file a{color:#d71920; font-size:16px; font-weight:500; border:none; padding: 0; line-height: 1.6;}
.view_down_con .down-file a img{margin-left: 12px;}
a.list-group-item:hover, a.list-group-item:focus{background: none;}

.m02 .view-btn{margin-bottom: 120px;}
.m02 .list_btn_group{display: flex; justify-content: space-between; border:1px solid #e1e1e1; border-width:1px 0; padding: 0 12px;}
.m02 .list_btn_group .btn{padding: 0; line-height: 58px; font-size:15px; color:#222; opacity:.58}
.m02 .list_btn_group .btn.on{opacity:1}
.m02 .list_btn_group .btn:nth-child(1) img{margin-right: 20px;}
.m02 .list_btn_group .btn:nth-child(2) img{margin-right: 12px;}
.m02 .list_btn_group .btn:nth-child(3) img{margin-left: 20px;}


/* m03 */
.m03_01{}
.m03_01_con{margin-bottom: 100px; display: flex; align-items: center;}
.m03_01_con:last-child{margin-bottom: 120px; }
.m03_img{width: 66.40%; margin-right: 3.90%;}
.m03_img a{display: block;width: 100%; height: 100%;}
.m03_img img{width: 100%;}
.m03_slider{width: 29.7%;  padding: 53px 60px; border:1px solid #e1e1e1}
.m03_slider .bg-black{background: transparent;}
.carousel-control{left: -35px; opacity:1}
.carousel-control.right{right: -35px;}
.m03_slider .carousel-control{background: no-repeat center calc(50% - 25px);}
.m03_slider .carousel-control.left{background-image: url(../img/btn_m03_prev.png);}
.m03_slider .carousel-control.right{background-image: url(../img/btn_m03_next.png);}

/* faq */
.faq_box .faq_category{margin-bottom: 80px;}
.faq_box .faq_category ul li{padding: 0 7px;}
.faq_box .faq_category ul li.icon_img a{border:1px solid #e1e1e1; width:auto; height: auto; line-height: 46px; border-radius:24px; padding: 0 25px; color:#666; font-size:15px}
.faq_box .faq_category ul li.active a{border-color:#d71920; color:#d71920}

.faq_box .div-panel{border-top:1px solid #222}
.div-panel.panel-group{margin-bottom: 0;}
.panel-default>.panel-heading{border-color:#e1e1e1}
.div-panel.panel-group .panel-heading a{border-top: 1px solid #e1e1e1;}
.div-panel.panel-group .panel:last-child .panel-heading a{border-bottom: 1px solid #e1e1e1;}
.faq_box .div-panel.panel-group .panel-heading a.active{border-color:#e1e1e1}

.faq_box .div-panel .faq_q_content .faq_icon, .faq_box .div-panel .faq_a_content .faq_icon{width: 65px;}
.faq_box .div-panel .faq_q_content .faq_arrow_icon{right: 20px;}
.faq_box .div-panel .faq_q_content .faq_icon span, .faq_box .div-panel .faq_a_content .faq_icon span{width: auto; height: auto; border:none; line-height: 30px; background: none; font-size:18px; font-weight:600}
.faq_box .div-panel .faq_q_content .faq_icon span{color:#d71920}
.faq_box .div-panel .faq_q_content{padding: 16px 0 !important;}
.faq_box .div-panel .faq_q_content .text{margin-top: 0; line-height: 30px; font-size:16px; color:#222; font-weight:400}
.faq_box .div-panel .faq_a_content{padding: 18px 0; background: #fbfbfb;}
.faq_box .div-panel .faq_a_content .faq_icon span{color:#222}
.faq_box .div-panel .faq_a_content .text{margin-top: 0; line-height: 30px; font-size:15px; color:#777}
.faq_box + .text-center{margin: 50px 0 80px;}


/* m04_02 1:1 문의 */
.write-wrap.m04_02{border-top: 1px solid #222;}
.m04_02 .inquiry_box{margin-bottom: 0; padding: 20px 30px; border-bottom:1px solid #f4f4f4}
.m04_02 .inquiry_box label{font-size:17px; font-weight:500; color:#222; line-height: 54px; width: 102px;}
.m04_02 .inquiry_box.required label{padding-left: 12px; position: relative;}
.m04_02 .inquiry_box.required label:before{content:'*'; display: block; position: absolute; top: 50%; left: 0; color:#d71920; transform:translateY(-50%); font-size:12px; font-weight:500}

.m04_02 .inquiry_box .answer{width: calc(100% - 130px);}
.m04_02 .inquiry_box .answer input[type="text"], .m04_02 .inquiry_box .answer input[type="password"], .m04_02 .inquiry_box .answer input[type="email"]{height: 54px; border-radius:0; border:1px solid #e1e1e1; padding: 0 20px; line-height: 52px; font-size: 15px; font-weight:300; width: 51.376%;}
.m04_02 .inquiry_box .answer input[type="text"]::placeholder, .m04_02 .inquiry_box .answer input[type="password"]::placeholder, .m04_02 .inquiry_box .answer input[type="email"]::placeholder, .m04_02 .inquiry_box.full .answer textarea::placeholder{color:#bbb; }

.m04_02 .inquiry_box .answer textarea{height: 120px; border-radius:0 !important; border:1px solid #e1e1e1; padding: 15px 20px; line-height:1.6; font-size: 15px; font-weight:300; overflow-y:scroll}
.m04_02 .inquiry_box.full .answer input[type="text"], .m04_02 .inquiry_box.full .answer textarea{width: 100%;}

.inquiry_box.file_con .answer label{width: auto; font-size:12px; line-height:initial;}
.m04_02 .inquiry_box .answer .file_input{width: 51.376%}
.inquiry_box .answer .file_input .row .file_content{margin-bottom: 0;}
.inquiry_box .answer .file_input .row .file_content > label{border-radius: 0; background: #f4f4f4; color:#222; border:1px solid #e1e1e1; border-width:1px 0 1px 1px; line-height: 54px; height: 54px; font-size:15px; width: 120px;}
.m04_04 .inquiry_box .answer .file_input .row .file_content > div.right_file{width: calc(100% - 120px);}
.inquiry_box .answer .file_input .row .file_content > div.right_file input{border-color:#e1e1e1; line-height: 54px; height: 54px; font-size:15px; padding: 0 20px; border-radius:0}
.inquiry_box .answer .file_control{width: 45%;}


.inquiry_box.agree_box{padding: 60px 0 0; margin-bottom: 40px; border-bottom: none; position: relative;}
.agree_tt{font-size: 20px; font-weight:500}
.agree_con {border:1px solid #e1e1e1; margin-top: 25px; padding: 30px 35px;  height: 200px; overflow-y: scroll;}
.agree_con > *{font-family:'Noto Sans KR', sans-serif !important; font-size:14px; color:#888; line-height: 23px;}
.inquiry_box.agree_box .answer{margin-top: 20px; }
.inquiry_box.agree_box input{opacity: 0; appearance: none; -webkit-appearance: none; position: absolute; left: 0; bottom: 0;}
.inquiry_box.agree_box label{width: 100%; color:#666; font-size: 14px; font-weight:400; line-height: 17px; position: relative; padding-left: 25px; margin-top: 0; cursor:pointer}
.inquiry_box.agree_box label span{display: block; position: absolute; width: 17px;height: 17px; border:1px solid #e1e1e1; top:50%; left: 0; transform:translateY(-50%)}
.inquiry_box.agree_box label span:after{content:''; display: block; position: absolute; left: 0;right: 0;top: 0;bottom: 0; background:url(../img/icon_agree.png) no-repeat center center}
.inquiry_box.agree_box input[type='checkbox']:checked + label span{background: #d71920; border-color:#d71920}
.m04_02.write-wrap .write-btn.btn_write{margin: 80px 0 100px;}
.m04_02.write-wrap .write-btn.btn_write .btn{border-radius:0 !important; width: 192px;}
.write-wrap .write-btn.btn_write .btn span{line-height: 55px; font-size: 16px; color:#fff; font-weight:500}

/* basic m04_03 공지사항 */
.board_style .div-head{border-top:1px solid #252525; background: none; padding: 22px 0;}
.board_style .div-head > span{font-size: 16px; color:#222}
.board_style .list-board .list-body li.bg-light{background:#f9f9f9;}
.board_style .list-board .wr-notice{height: 21px; width: 40px;}
.board_style .list-board .list-body li > div{color:#222; font-size:15px; padding: 22px 0;}
.board_style .list-board .list-body li > div b{font-weight:500}
.notice_style .list-board .wr-date{width: 11%;}
.notice_style .list-board .wr-name{width: 11%;}
.list-page{margin: 30px 0 100px !important;}

/* m04_04 */
.m04_04_banner{background: #f7f7f7; margin-bottom: 100px;}
.m04_04{}


.m04_04.write-wrap .inquiry_box > label{color:#222; font-size:17px; font-weight:500; line-height: 54px;}
.m04_04.write-wrap .inquiry_box.required > label{padding-left: 12px; position: relative;}
.m04_04.write-wrap .inquiry_box.required > label:after{content:"*"; display: block; position: absolute; left: 0;top: 50%; transform:translateY(-50%); color:#d71920; font-size:12px}
.m04_04 .inquiry_box .answer input[type="text"],.m04_04 .inquiry_box .answer input[type="email"], .m04_04 .inquiry_box .answer textarea{border:1px solid #e1e1e1; border-radius:0 !important; padding: 0 20px;font-size: 15px; font-weight:300; width: 100%;}
.m04_04 .inquiry_box .answer input[type="text"]::placeholder,.m04_04 .inquiry_box .answer input[type="email"]::placeholder, .m04_04 .inquiry_box .answer textarea::placeholder{color:#bbb}
.m04_04 .inquiry_box .answer textarea{padding: 10px 20px; line-height: 1.6;}
.m04_04 .inquiry_box .answer input[type="text"],.m04_04 .inquiry_box .answer input[type="email"]{line-height: 54px; height: 54px;}

.m04_04.write-wrap .inquiry_box.full{float:none; margin-bottom: 60px;}
.m04_04.write-wrap .inquiry_box.full > label{width: 100%; line-height: 1;}
.m04_04 .inquiry_box.full .answer{width: 100%; margin-top: 25px;}
.m04_04 .inquiry_box.full .answer input[type="text"], .m04_04 .inquiry_box.full .answer textarea{width: 100%;}
.m04_04 .inquiry_box.full .answer textarea{height: 160px !important; overflow-y: scroll;}

.inquiry_hr{margin: 60px 0;}

.m04_04 .inquiry_box.half{margin-bottom: 30px; float:left; width: 48.43%;}
.m04_04 .inquiry_box.nth2n{margin-left: 3.14%;}
.m04_04 .inquiry_box.nth2n .answer{width: calc(100% - 90px);}
.m04_04 .inquiry_box.half.nth2n > label{width: 90px;}
.m04_04 .inquiry_box.file_con{margin-bottom: 0;}

.m04_04 .inquiry_box .answer .file_input{width: 100%;}
.m04_04 .inquiry_box .answer .file_input .row .file_content > div.right_file{width: calc(100% - 120px);}
.notice_file{color:#666; font-size:14px; line-height: 25px; margin-top: 6px; display: block;}
.m04_04 .notice_file span{color:#222; font-weight:500}
.m04_04 .notice_file a{color:#d71920; font-weight:500}

.m04_04 .inquiry_box.agree_box{padding-top: 0;}

.m04_04.write-wrap .write-btn.btn_write{margin: 80px 0 100px;}
.m04_04.write-wrap .write-btn.btn_write .btn{border-radius:0 !important; width: 192px;}
.write-wrap .write-btn.btn_write .btn span{line-height: 55px; font-size: 16px; color:#fff; font-weight:500}

/* m04_05 */
.m04_05{}
.m04_05 .category_sec{padding-bottom: 80px;}
.m04_05 .imgframe{border:1px solid #e1e1e1}
.m04_05 .imgframe a{display: block;width: 100%; height: 100%;}
.m04_05 .imgframe.end_event a{position: relative;}
.m04_05 .imgframe.end_event a:after{content:'이벤트가 종료되었습니다.'; display: block;position: absolute; top: 0; bottom: 0;right: 0;left: 0; background:rgba(34,34,34,.75); display: flex; align-items: center; justify-content: center; color:#e8e8e8; font-size:16px}
.m04_05 .fix_gallery_content{margin-top: 28px;}
.m04_05 .gallery_container .list-item:hover .fix_gallery_content h5{color:#d71920}
.m04_05 .fix_gallery_content h5{ color:#222; font-size:18px; font-weight:500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.m04_05 .fix_gallery_content p{font-size:15px; margin-top: 20px; color:#222;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.m04_05 .fix_gallery_content p.gallery_date{color:#666; font-size:14px; margin-top: 30px;}
.m04_05 .text-center{margin: -55px 0 100px !important;}

/* m05_01 */
.notice_style .list-board .wr-down{width: 12.5%;}
.m05_01.board_style .list-board .list-body li > div{padding: 15px 0;}
.board_style .list-board .list-body li > div.wr-down > a{background: #f1f1f1 url(../img/icon_list_down.png) no-repeat calc(100% - 11px) center; display: inline-block; line-height: 30px; padding: 0 28px 0 14px; color:#222; font-size:13px; transition: .3s;}
.board_style .list-board .list-body li > div.wr-down > a:hover{background-color:#d71920; background-image:url(../img/icon_list_down_on.png); color:#fff;}

/* iwanami */
.iwa_con03_tt{font-size:20px; font-weight:600; color:#222;}
.iwa_con03{padding-bottom: 105px;}


/* responsive */
@media(max-width:991px){
    .tbanner .sub_tt{font-size:23px;}

    /* page_route */
    .page_route_box > div{padding: 0;}
    .page_route > li{width: 50%; font-size:13px; line-height: 45px; }
    .page_route > li.route{background-position:calc(100% - 15px) center; padding: 0 15px; background-size: 10px 5.5px}
    .page_route > li:last-child{border-right:none; }
    .page_route .route_sub li a{padding: 0 15px; font-size: 13px; line-height: 2.1;}
    
    /* sub text */
    .sub_text{margin: 60px 0 40px;}
    .sub_text.margin_edit{margin-bottom: 10px;}
    .sub_text h1{font-size:24px;}
    .sub_text p{font-size:14px; line-height: 24px; margin-top: 20px;}
    .page_route .route{min-width:50%;}

    /* custom_search */
    .list-tsearch.custom_search_box{margin-bottom: 23px;}
    .custom_search_box .form{float:none; width: 100%;}
    .custom_search{width: 100%;}
    .custom_search_input input{padding: 0 15px; font-size:14px; line-height: 38px; height: 38px;}
    .custom_search_btn button{padding: 0 15px; line-height: 38px; height: 38px;}
    .custom_search_btn button img{height: 16px; width: auto; margin-top: 10px;}

    /* pagination */
    .responsive .pagination-sm>li>a, .responsive .pagination-sm>li>span{font-size:14px}
    .pagination-sm>li>a .fa, .pagination-sm>li>span .fa{font-size:14px}

    /* m01_01 */
    .m01_01{background-size: 53.75% auto;}

    /* m01_02 */
    .m01_02{}
    .m01_02 .map_api{position: static; width: 100%; height: 200px; padding-left: 15px;}
    .m01_02 img{width:100%}

    /* m02 list */
    .board_style{margin-bottom: 0;}

    .m02 .list-category{background: #f7f7f7; padding: 15px; margin-bottom: 35px; position: relative; left: -15px; right: -15px; width: calc(100% + 30px);}
    .m02 .list-category .dropdown{margin-bottom: 0; width: 50%; float:left; background: #fff }
    .m02 .list-category .dropdown:last-child{border-left:1px solid #e9e9e9}
    .m02 .list-category .dropdown> a{text-align: left; padding: 0 14px; line-height: 42px; font-size:13px; background: url(../img/icon_drop_m02.jpg) no-repeat calc(100% - 15px) center/8.5px 4px;}

    .m02 .list-wrap .list-container.gallery_container .list-item{margin-right: 30px; margin-bottom: 35px;}
    .m02 .fix_gallery_content h5{font-size: 14px; line-height: 23px; height:46px; }
    .m02 .fix_gallery_content p{margin-top: 20px; font-size: 13px}
    .m02 .list-page{margin: -17px 0 40px !important;}
    
    /* m02 view */
    .m02_view_tt{margin: 60px 0 25px; font-size:24px}
    .m02.view_style .m02_view_head{padding-top: 25px; padding-bottom: 25px; margin-bottom: 50px;}
    .m02_img{width: 100%; float:none;}
    .m02_img .view-img img{width: 100%;}
    .m02_info{float:none; width: 100%; padding-left: 0; margin-top: 37px;}
    .m02_info .m02_tt{font-size:20px; line-height: 32px;}
    .m02_writer{margin-top: 13px;font-size:14px}
    .m02_info_ul{margin-top: 22px;}
    .m02_info_ul > li{margin-top: 16px; width: 100%; }
    .m02_info_ul > li:nth-child(2n){width: 100%;}
    .m02_info_ul > li .m02_ul_tt{font-size: 13px; width: 72px; line-height: 20px;}
    .m02_info_ul > li .m02_ul_desc{font-size: 13px; line-height: 20px; width: calc(100% - 72px);}
    .m02_buy_book_tt{line-height: 35px;}
    .m02_buy_book li {width: 33.33%; text-align: center;}
    .m02_buy_book li a{line-height: 35px; font-size: 13px; padding: 0; }
    

    
    .view_con_tt{border-bottom-width:1px ;}
    .view_con_tt li{}
    .view_con_tt li + li{margin-left: 15px;}
    .view_con_tt li.on:after{height: 1px; bottom: -1px;}
    .view_con_tt li span{font-size:14px; padding: 0 5px; line-height: 40px;}
    .m02 .down_con{line-height: 40px; font-size: 14px; padding: 0 38px 0 24px; width: auto; background-size:10.5px 13px; background-position:calc(100% - 21px) center}
    .m02 .down_con.on{right: calc(100% - 103px);}
    .m02 .btn_close_down img{height: 13px; width: auto;}
    .view_con li{flex-direction: column; padding: 40px 0; }
    .view_con li .con_tt{margin-bottom: 27px;font-size:16px; width: 100%;}
    .view_con li > div{width: 100%;}
    .view_con li:last-child{padding-bottom: 0;}
    .view_con li p{line-height: 23px; font-size:13px}
    .m02 .view-btn{margin-bottom: 60px;}
    .m02 .list_btn_group{}
    .m02 .list_btn_group .btn{line-height: 50px; font-size:13px}
    .m02 .list_btn_group .btn:nth-child(1) img{margin-right: 17px;}
    .m02 .list_btn_group .btn:nth-child(2) img{margin-right: 9px;}
    .m02 .list_btn_group .btn:nth-child(3) img{margin-left: 14px;}


    /* m03_01 시리즈소개 */
    .m03_01_con{flex-direction: column-reverse; margin-bottom: 60px;}
    .m03_01_con:last-child{margin-bottom: 60px;}
    .m03_slider{width: 100%; padding: 42px 55px;}
    .m03_slider .carousel-control{left: -30px; background-position:center calc(50% - 20px) ;background-size: 23px 3.5px;}
    .m03_slider .carousel-control.right{left: initial; right: -30px;}
    .m03_img{margin-right: 0;width: 100%; margin-top: 45px;}


    /* m04 faq */
    .faq_box .faq_category{margin-bottom: 45px;}
    .faq_box .faq_btn{background: transparent url(../img/icon_drop_faq.png) no-repeat calc(100% - 15px) center/10px 5.5px; ; border:1px solid #d71920; border-radius: 22px; height: 43px; line-height: 43px;}
    .faq_box .faq_btn{font-size:13px; color:#d71920}

    .faq_box .div-panel .faq_q_content .faq_arrow_icon{right: 15px;}
    .faq_box .div-panel .faq_q_content .faq_arrow_icon img{width: auto; height: 6px;}
    .faq_box .div-panel .faq_q_content .faq_icon, .faq_box .div-panel .faq_a_content .faq_icon{width: 41px;}
    .faq_box .div-panel .faq_q_content .faq_icon span, .faq_box .div-panel .faq_a_content .faq_icon span{line-height: 26px; font-size:16px}
    .faq_box .div-panel .faq_q_content{padding: 17px 0 !important;}
    .faq_box .div-panel .faq_q_content .text{line-height: 26px; font-size:14px}
    .faq_box .div-panel .faq_a_content .text{line-height: 26px; font-size: 13px;}
    .faq_box + .text-center{margin: 25px 0 20px;}

    /* m04_02 1:1문의 */
    .m04_02 .inquiry_box{padding: 15px 0 12.5px;}
    .m04_02 .inquiry_box label{width: 83px; line-height: 40px; font-size:14px;}
    .m04_02 .inquiry_box.required label{padding-left: 10px; }
    .m04_02 .inquiry_box.required label:before{font-size:9px}
    .m04_02 .inquiry_box .answer{width: calc(100% - 83px);}
    .m04_02 .inquiry_box .answer input[type="text"], .m04_02 .inquiry_box .answer input[type="password"], .m04_02 .inquiry_box .answer input[type="email"]{width: 100%; line-height: 40px; height: 40px; font-size:14px; padding: 0 10px;}
    .m04_02 .inquiry_box .answer textarea{padding: 7px 10px; font-size:14px; line-height: 1.6; height: 120px;}
    .m04_02 .inquiry_box .answer .file_input{width: 100%;}
    .inquiry_box .answer .file_input .row .file_content > label{width: 34.343%; line-height: 38px; height: 38px; font-size:13px}
    .inquiry_box .answer .file_input .row .file_content > div.right_file{width: 65.657%; }
    .inquiry_box .answer .file_input .row .file_content > div.right_file input{line-height: 38px; height: 38px; padding: 0 12px; font-size:13px}
    .inquiry_box.agree_box{padding: 40px 0 0; margin-bottom: 32px;}
    .m04_02 .notice_file{margin-top: 5px; font-size:13px; line-height: 23px;}

    .agree_tt{font-size:16px}
    .agree_con{padding: 18px 23px; margin-top: 19px;}
    .agree_con > *{font-size: 13px; line-height: 23px;}
    .inquiry_box.agree_box .answer{margin-top: 18px;}
    .inquiry_box.agree_box label{width: 100%; line-height: 15px; font-size:13px;padding-left: 23px;}
    .inquiry_box.agree_box label span{width: 15px;height: 15px;}
    .inquiry_box.agree_box label span:after{background-image:url(../img/micon_agree.png); background-size:cover}
    .m04_02.write-wrap .write-btn.btn_write{margin:45px 0 40px;}
    .m04_02.write-wrap .write-btn.btn_write .btn{width: 150px;}
    .write-wrap .write-btn.btn_write .btn span{line-height: 42px; font-size:14px}

    /* m04_03 공지사항 */
    .board_style .div-head{padding: 18px 0;}
    .board_style .div-head > span{font-size:13px}
    .board_style .list-board .list-body li > div{padding: 10px 0; font-size:13px}
    .list-page{margin: 3px 0 40px !important;}

    /* m04_04 원고투고 */
    .m04_04_banner{margin-bottom: 70px;}
    .m04_04.write-wrap .inquiry_box.required > label{padding-left: 10px; font-size:14px; line-height: 23px;}
    .m04_04.write-wrap .inquiry_box.full > label{}
    .m04_04.write-wrap .inquiry_box.required > label:after{top: 11px; font-size:9px}
    .m04_04 .inquiry_box.full .answer{margin-top: 10px;}
    .m04_04 .inquiry_box .answer input[type="text"], .m04_04 .inquiry_box .answer input[type="email"]{line-height: 38px; height: 38px;}

    .m04_04.write-wrap .inquiry_box.full{margin-bottom: 35px;}
    .m04_04 .inquiry_box.full .answer textarea{height: 118px !important;}
    .inquiry_hr{margin: 20px 0 40px;}
    .m04_04 .inquiry_box.half{margin-left: 0; width: 100%; margin-bottom: 15px;}
    .m04_04 .inquiry_box.half > label{width: 83px;}
    .m04_04 .inquiry_box.half.nth2n > label{width: 83px;}
    .m04_04 .inquiry_box.half .answer{width: calc(100% - 83px);}
    .m04_04.write-wrap .inquiry_box.half > label{line-height: 40px; font-size:14px}
    .m04_04.write-wrap .inquiry_box.half > label:after{top: 45%;}

    .m04_04 .inquiry_box .answer input[type="text"], .m04_04 .inquiry_box .answer input[type="email"]{padding: 0 13px; font-size:13px}
    .m04_04 .inquiry_box.half .answer input[type="text"], .m04_04 .inquiry_box.half .answer input[type="email"]{height: 40px; line-height: 40px;}
    .m04_04 .inquiry_box .answer .file_input .row .file_content > div.right_file{width:65.657%}

    .m04_04 .notice_file{margin-top: 5px; font-size:13px; line-height: 23px;}
    .m04_04.write-wrap .write-btn.btn_write{margin: 45px 0 40px;}
    .m04_04.write-wrap .write-btn.btn_write .btn{width: 150px;}

    /* m04_05 이벤트 */
    .m04_05 .list-category{margin-top: 30px;}
    .m04_05 .list-category .dropdown{margin-bottom: 45px;}
    .m04_05 .list-category .dropdown > a{background: transparent url(../img/icon_drop_faq.png) no-repeat calc(100% - 15px) center/10px 5.5px; border-radius:22px !important; border:1px solid #d71920; color:#d71920; font-size:13px; padding: 0; line-height: 41px;}
    .open>.dropdown-menu{width: 100%; margin-top: 0; text-align: center;}
    .responsive .m04_05 .list-wrap .list-container.gallery_container .list-row{width: 100% !important;}
    .m04_05 .list-wrap .list-container.gallery_container .list-item{margin-bottom: 50px;}

    .m04_05 .fix_gallery_content{margin-top: 20px; }
    .m04_05 .gallery_container .list-item .fix_gallery_content h5{font-size:16px; line-height: 1.2;}
    .m04_05 .fix_gallery_content p{margin-top: 13px; font-size:13px}
    .m04_05 .fix_gallery_content p.gallery_date{margin-top: 23px; font-size:13px}
    .m04_05 .imgframe.end_event a:after{font-size:14px}
    .m04_05 .text-center{margin: -47px 0 40px !important;}

    /* m05_01 자료실 */
    .board_style .list-board .wr-down{width: 33.636%;}
    .board_style .list-board .list-body li > div.wr-down > a{font-size:13px; padding: 0 23px 0 12px; background-position:calc(100% - 8px) center; background-size: 10px 11px; line-height: 28px; height: 28px; background-image:url(../img/micon_list_down.png)}
    .board_style .list-board .list-body li > div.wr-down > a:hover{background-image:url(../img/micon_list_down_on.png)}

    /* m06_01 iwanami */
    .iwa_con03{padding-bottom: 20px;}
    .iwa_con03_tt{font-size:15px}
}

.custom-login .nav-tabs > li{width: 100%;}