a,div,img,button,area,input,select,audio{outline:none;}

#wrap{position:relative;overflow:hidden;}
.container{text-align:center;}
.aside{display:none;margin:30px 0 80px 0;}
.show_aside .container{max-width:1300px;margin-left:auto;margin-right:auto;}
.show_aside .aside{display:block;float:left;width:17%;}
.show_aside .content{float:right;width:78%;}
.db{position:relative;max-width:1300px;margin:0 auto;text-align:left;}

.youtube-wrap{position:relative;height:0;padding-bottom:56.25%;}
.youtube-wrap iframe{position:absolute;top:0;left:0;width:100%;height:100%;}

.skip_navigation{position:relative;}
.skip_navigation a{position:absolute;display:block;top:-10000px;left:0;padding:10px 0;text-align:center;font-size:15px;line-height:15px;color:#fff;background:#000;}
.skip_navigation a:focus{position:static;top:0;}

.content{width:100%;margin:30px 0 80px 0;}
.content.no_margin{margin:0;}

.header .gnb{height:30px;border-bottom:1px solid #d6d6d6;background:#fbfbfb;}
.header .gnb .left{position:absolute;top:0;left:0;border-right:1px solid #d6d6d6;}
.header .gnb .left a{display:block;float:left;height:12px;line-height:12px;padding:9px 18px;font-size:12px;letter-spacing:-1px;color:#666;border-left:1px solid #d0d0d0;border-bottom:1px solid #d0d0d0;}
.header .gnb .left a.act{border-bottom:1px solid #fff;font-weight:bold;background:#fff;}
.header .gnb .right{position:absolute;top:0;right:10px;}
.header .gnb .right li{float:left;}
.header .gnb .right li a{display:block;padding:9px 3px 9px 3px;color:#828282;font-size:12px;line-height:12px;}
.header .gnb .right li a:hover{text-decoration:underline;color:#000;}
.header .gnb .right li.line{width:1px;height:12px;margin:10px 5px 0 5px;background:#d0d0d0;}

.header .navi_wrap_outer{min-height:81px;}
.header .navi_wrap{border-bottom:1px solid #dfdfdf;}
.header .navi_wrap .db{position:relative;z-index:30;}
.header .navi_wrap .logo{display:block;float:left;margin-top:10px;}
.header .navi_wrap .navi_box{position:relative;z-index:1;float:right;}
.header .navi_wrap .navi_box .s1_box{float:left;}
.header .navi_wrap .navi_box .s1 a{display:block;position:relative;height:15px;padding:32px 25px;text-align:center;font-size:15px;line-height:15px;}
.header .navi_wrap .navi_box .s1 a:hover{color:#145092;}
.header .navi_wrap .navi_box .s1_box.active .s1 a{color:#145092;}
.header .navi_wrap .navi_box .s2_wrap{display:none;}
.header .navi_wrap .navi_box .show_child{display:none;}

.header .navi_wrap.fixed{position:fixed;z-index:1002;top:0;left:0;width:100%;border:none;border-bottom:1px solid #ddd;background:#fff;box-shadow:rgba(0, 0, 0, 0.15) 0px 1px 10px;}
.header .navi_wrap.fixed .logo{margin-top:5px;}
.header .navi_wrap.fixed .logo img{max-height:50px;}
.header .navi_wrap.fixed .navi_box .s1 a{padding:22px 25px;}

.header .navi_wrap .navi_box.sub_layer .navi .s1_box{position:relative;float:left;}
.header .navi_wrap .navi_box.sub_layer .navi .s2_wrap{position:absolute;z-index:1;top:100%;left:0;width:100%;min-width:150px;}
.header .navi_wrap .navi_box.sub_layer .navi .s1_box:hover .s2_wrap,
.header .navi_wrap .navi_box.sub_layer .navi .s1_box.focused .s2_wrap{display:block;}
.header .navi_wrap .navi_box.sub_layer .navi .s2_box{padding:6px 0;text-align:center;background:#fff;border:1px solid #ececec;border-top:none;}
.header .navi_wrap .navi_box.sub_layer .navi .s2_box a{display:block;padding:7px 0;font-weight:bold;color:#191919;}
.header .navi_wrap .navi_box.sub_layer .navi .s2_box a:hover{background:#f4f4f4;}

.aside .navi{position:relative;}
.aside .navi .s_wrap{display:none;}
.aside .navi .s_wrap.act_wrap{display:block;}
.aside .navi .s{position:relative;}
.aside .navi .s a{display:block;text-align:left;color:#333338;}
.aside .navi .s1 a{padding:0 0 15px 10px;margin-bottom:8px;font-size:18px;font-weight:bold;text-align:left;color:#000 !important;border-bottom:3px solid #454548;background:none !important;}
.aside .navi .s2 a{padding:12px 0 10px 10px;font-weight:bold;border-top:1px solid #eee;}
.aside .navi .s2:nth-child(1) a{border-top:none;}
.aside .navi .s3_box{padding:0 0 6px 0;}
.aside .navi .s3 a{padding:8px 0 8px 10px;color:#767676;}
.aside .navi .s3 a:hover{font-weight:bold;}
.aside .navi .s4 a{padding:8px 0 8px 18px;color:#767676;}
.aside .navi .s4 a:hover{font-weight:bold;}
.aside .navi .show_child{display:block;position:absolute;top:1px;right:0;width:40px;height:15px;padding:10px 0;text-align:center;font-size:15px;font-weight:bold;cursor:pointer;}
.aside .navi .show_child:hover{background:#f0f0f0;}
.aside .navi .s1 .show_child{display:none;}

.aside .cs_wrap{margin-top:10px;text-align:left;border:1px solid #ddd;border-right:1px solid #e2e2e2;border-left:1px solid #e2e2e2;border-bottom:1px solid #ddd;}
.aside .cs_wrap .title{padding:15px 0 20px 10px;font-size:19px;font-weight:bold;line-height:19px;border-bottom:1px solid #ddd;}
.aside .cs_wrap .desc{padding:15px 10px 0 10px;}
.aside .cs_wrap .desc .tel{font-size:17px;font-weight:bold;}
.aside .cs_wrap .desc .office_hours{padding:10px 0;line-height:19px;}
.aside .cs_wrap .inquiry{display:block;padding:17px 10px;font-size:15px;border-top:1px solid #ddd;}
.aside .display_img_wrap img{margin-top:10px;}

.content_left_end_box{position:absolute;z-index:20;top:0;left:-120px;width:110px;}
.content_right_end_box{position:absolute;z-index:20;top:0;right:-120px;width:110px;}

.footer{margin-top:80px;}
.footer .navi_section{background:#8A9CA8;}
.footer .navi_section .navi{overflow:hidden;}
.footer .navi_section .navi li{float:left;}
.footer .navi_section .navi li a{display:block;height:13px;padding:16px 25px;color:#fff;font-weight:bold;}
.footer .navi_section .navi li:first-child a{padding-left:0;}
.footer .navi_section .navi li a:hover{text-decoration:underline;color:#f2f2f2;}
.footer .txt_section{padding:40px 0;color:#fefefe;line-height:22px;background:#A1AFB8;overflow:hidden;}
.footer .txt_section a{color:#fefefe;}
.footer .info_wrap{float:left;width:70%;padding:15px 0;}
.footer .info_wrap a.reg_number{text-decoration:underline;cursor:pointer;}
.footer .tel_wrap{position:relative;float:right;width:30%;margin-top:22px;text-align:right;}
.footer .tel_wrap .line{display:inline-block;width:80px;height:2px;background:#fff;}
.footer .tel_wrap .tel{font-size:32px;font-weight:bold;color:#fff;}

@media screen and (max-width:1099px) {
.aside{margin:0;}
.show_aside .aside{display:none;float:none;width:100%;background:#fff;}
.show_aside .content{float:none;width:100%;margin:0;}
.db{max-width:100%;margin:0;}

.header{position:relative;}
.header .gnb{display:none;}
.header .logo_mobile img{height:42px;}

.show_aside .aside{display:none;float:none;width:100%;background:#fff;}
.show_aside .content{float:none;width:100%;margin:0;}

.header .mobile_top.basic{height:55px !important;margin-bottom:0 !important;overflow:visible !important;background:#fff !important;}
.header .mobile_top.basic .db{position:fixed !important;z-index:1001;top:0;width:100%;text-align:center;border-bottom:1px solid #f4f4f4;background:#fff;}

.header .mobile_top.basic .mobile_nav_show_btn{float:left;width:20%;height:54px;cursor:pointer;}
.header .mobile_top.basic .mobile_nav_show_btn div.box_wrap{text-align:center;}
.header .mobile_top.basic .mobile_nav_show_btn div.box{display:inline-block;margin-top:9px;}
.header .mobile_top.basic .mobile_nav_show_btn ul{display:inline-block;margin-top:6px;}
.header .mobile_top.basic .mobile_nav_show_btn ul li{display:block;width:19px;height:3px;margin-top:4px;border-radius:8px;background:#ababab;}

.header .mobile_top.basic .logo_mobile{float:left;width:60%;height:54px;line-height:54px;margin:0;text-align:center;font-weight:bold;}
.header .mobile_top.basic .logo_mobile img{max-height:52px;vertical-align:middle;}
.header .mobile_top.basic .logo_mobile .txt{font-size:28px;}

.header .mobile_top.basic .open_search_btn{position:relative;float:right;width:20%;cursor:pointer;}
.header .mobile_top.basic .open_search_btn div.box_wrap{text-align:center;}
.header .mobile_top.basic .open_search_btn div.box{display:inline-block;position:relative;width:30px;height:30px;margin-top:15px;}
.header .mobile_top.basic .open_search_btn span:nth-child(1){display:block;position:absolute;z-index:2;top:0;left:0;width:16px;height:16px;border-radius:10px;border:2px solid #ababab;background:#fff;}
.header .mobile_top.basic .open_search_btn span:nth-child(2){display:block;position:absolute;z-index:1;top:12px;left:17px;width:6px;height:16px;border-radius:6px;background:#ababab;
transform:rotate(135deg);-ms-transform:rotate(135deg);-webkit-transform:rotate(135deg);}
.header .mobile_top.basic .open_search_btn_act span:nth-child(1){border-color:#418ccc;}
.header .mobile_top.basic .open_search_btn_act span:nth-child(2){background:#418ccc;}

.header .mobile_nav_layer{position:absolute;z-index:1002;top:0;left:-100%;width:85%;text-align:left;background:#292929;}
.header .mobile_nav_layer .inner_box{padding:10px 5px 5px 5px;}
.header .mobile_nav_layer .navi{background:#292929;}
.header .mobile_nav_layer .navi.line_top{padding:4px 0;margin:4px 0;border-top:1px solid #414141;}
.header .mobile_nav_layer .navi.line_bot{padding:4px 0;margin:4px 0;border-bottom:1px solid #414141;}
.header .mobile_nav_layer .navi .s{position:relative;}
.header .mobile_nav_layer .navi .s a{display:block;text-align:left;color:#fff;font-weight:bold;}
.header .mobile_nav_layer .navi .s.color a{color:#F8F526;}
.header .mobile_nav_layer .navi .s.active a{color:#fff !important;}
.header .mobile_nav_layer .navi .s_wrap{display:none;}
.header .mobile_nav_layer .navi .s2_box{padding:5px 0;}
.header .mobile_nav_layer .navi .show_child{display:block;position:absolute;top:0;right:0;width:50px;height:22px;line-height:22px;padding:5px 0 7px 0;text-align:center;
font-size:22px;color:#fff !important;font-weight:bold;}
.header .mobile_nav_layer .navi .s1 a{height:18px;line-height:18px;padding:12px 50px 12px 15px;font-size:18px;}
.header .mobile_nav_layer .navi .s1 .show_child{padding:10px 0 10px 0;line-height:18px;}
.header .mobile_nav_layer .navi .s2 a{height:14px;padding:10px 50px 10px 24px;font-size:14px;color:#ccc;}
.header .mobile_nav_layer .navi .s3 a{height:14px;padding:10px 50px 10px 36px;font-size:14px;color:#ccc;}
.header .mobile_nav_layer .navi_layer_back{position:fixed;z-index:-1;top:0;left:85%;width:15%;height:200%;background:#333;filter:alpha(opacity=80);opacity:0.8;-moz-opacity:0.8;}
.header .mobile_nav_layer .navi_layer_close_btn{position:fixed;top:34px;right:0;width:15%;padding:.8em 0;text-align:center;font-size:2em;color:#fff;font-weight:bold;}
.header .mobile_nav_layer .navi_show_all_name{display:none;}

.header .mobile_nav_layer .quick_navi{margin-top:1.2em;overflow:hidden;background:#2F3334;}
.header .mobile_nav_layer .quick_navi li{float:left;width:50%;}
.header .mobile_nav_layer .quick_navi li a{display:block;padding:1.3em;color:#fff;font-weight:bold;border-bottom:1px solid #2E3236;border-left:1px solid #2E3236;background:#383C40;}
.header .mobile_nav_layer .quick_navi li:nth-child(even) a{border-right:1px solid #2E3236;}

.header .navi_wrap_outer{display:none;}
.header .navi_wrap{height:auto;padding:0;margin:0;border:none;}

.aside .navi{margin-bottom:1em !important;}
.aside .navi dt{position:relative;}
.aside .navi dt a{display:block;height:14px;padding:15px 50px 15px 15px !important;text-align:left;font-size:14px !important;border-bottom:1px solid #e6e6e6 !important;}
.aside .navi dt .show_child{display:block;position:absolute;top:0;right:0;width:50px;height:21px;padding:11px 0 12px 0;text-align:center;font-size:21px;color:#418ccc;font-weight:bold;
border-right:1px solid #e6e6e6;border-left:1px solid #e6e6e6;background:#f6f6f6;}
.aside .navi dd{display:none;}
.aside .navi .s1{display:none;}
.aside .navi .s1 a{color:#454545;background:none;}
.aside .navi .s2_box{border:none;}
.aside .navi .s2 a{background:#fff;border:none;}
.aside .navi .s3 a{padding-left:2em !important;background:#f8f8f8;}
.aside .navi .s3_box a:hover,
.aside .navi .s3_box .act a{color:#454545;background:#f8f8f8;}
.aside .navi .mark{display:none;}

.footer{padding:.5em 0 55px 0;border-top:1px solid #ececec;background:#fff;}
.footer .navi_section{padding:0;margin:8px;}
.footer .navi_section ul.navi{float:none;width:100%;padding:0;overflow:hidden;}
.footer .navi_section ul.navi li{display:block;float:left;width:50%;}
.footer .navi_section ul.navi li a{display:block;position:relative;padding:1.2em 1em !important;color:#f2f2f2;font-weight:normal;border-top:1px solid #7F919D;}
.footer .navi_section ul.navi li a:after{position:absolute;top:1.1em;right:1.5em;content:'>';font-size:1em;color:#ccc;font-weight:bold;}
.footer .navi_section ul.navi li:nth-child(odd) a{border-right:1px solid #7F919D;}
.footer .navi_section ul.navi li:nth-child(1) a,
.footer .navi_section ul.navi li:nth-child(2) a{border-top:none;}
.footer .navi_section .btn_top_box{display:none;}
.footer .txt_section{padding:15px;margin:8px;}
.footer .info_wrap{float:none;width:100%;}
.footer .tel_wrap{float:none;width:100%;margin-top:20px;}
}

@media screen and (max-width:767px) {
.content{margin:0 0 30px 0;}
}

.page-top-img{position:relative;height:280px;margin-bottom:50px;text-align:center;}
.page-top-img ul{position:relative;display:inline-block;padding:30px 40px;margin-top:70px;}
.page-top-img ul li:nth-child(1){position:relative;z-index:2;display:inline-block;font-size:30px;color:#000;font-weight:bold;}
.page-top-img ul li:nth-child(2){position:relative;z-index:2;margin-top:20px;font-size:17px;line-height:22px;color:#000;}
.page-top-img ul li:nth-child(3){position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;background:#fff;opacity:0.8;border-radius:5px;}
.page-top-img .back-image img{position:absolute;top:0;left:50%;margin-left:-960px;right:0;width:auto !important;max-width:none !important;}

.img-box.width-fit img{width:100%;height:auto;top:50%;left:0;transform:translate(0, -50%);}
.img-box.height-fit img{width:auto;max-width:none;height:100%;top:0;left:50%;transform:translate(-50%, 0);}

.intro .left{float:left;width:26%;}
.intro .left img{width:100%;}
.intro .right{float:right;width:65%;}
.intro .right .box1{font-size:24px;color:#3838fc;font-weight:bold;}
.intro .right .box2{margin-top:30px;font-size:19px;color:#676767;line-height:30px;}
.intro .right .box2 strong{color:#006C28;}
.intro .right .box3{margin-top:45px;font-size:17px;color:#333;font-weight:bold;}

.desc-page .page-desc{max-width:800px;margin:0 auto;text-align:center;font-size:18px;line-height:28px;}
.desc-page .block-entry{margin-top:60px;font-size:22px;font-weight:bold;}
.desc-page .desc-block{margin-top:20px;font-size:15px;line-height:22px;}
.desc-page .desc-block strong{color:#2b2eeb;}
.desc-page dl{margin-top:40px;}
.desc-page dl dt{margin-top:14px;font-size:15px;font-weight:bold;}
.desc-page dl dd{margin:14px 0 0 22px;font-size:15px;line-height:22px;}
.desc-page table{margin-top:30px;}
.desc-page table th,
.desc-page table td{padding:18px 0 !important;font-size:16px;}

@media screen and (max-width:1099px) {
.list_bottom_btn{margin:1.2em .6em 1.2em 0;}
.list_bottom_btn .btn{padding:.7em 1.5em;}
}

@media screen and (max-width:767px) {
.header .gnb{display:none;}
.show_aside .aside{margin-top:0;}

.page-top-img{margin:0 15px 20px 15px;}
.page-top-img ul{margin-top:40px;}

.intro .left{float:none;width:auto;margin:0 12px;}
.intro .right{float:none;width:auto;margin:60px 12px 0 12px;}

.desc-page{margin:0 15px;}
.desc-page table colgroup{display:none;}
.desc-page table th,
.desc-page table td{padding:12px 0 !important;font-size:14px;}
}

.img-resize img.width-fit{width:100%;height:auto;top:50%;left:0;transform:translate(0, -50%);}
.img-resize img.height-fit{width:auto;max-width:none;height:100%;top:0;left:50%;transform:translate(-50%, 0);}

.item-list .search-wrap{padding:0 0 10px 0;}
.item-list .search-wrap .order-box{position:relative;height:38px;border-bottom:2px solid #333;overflow:hidden;}
.item-list .search-wrap .r-num{padding-top:6px;font-size:15px;font-weight:bold;color:#333;}
.item-list .search-wrap .right-box{position:absolute;top:0;right:0;}
.item-list .search-wrap .src-order{float:left;padding-top:5px;overflow:hidden;}
.item-list .search-wrap .src-order a{display:block;float:left;position:relative;padding:0 9px;font-size:15px;color:#666;}
.item-list .search-wrap .src-order a.act{font-weight:bold;color:#000;}
.item-list .search-wrap .src-order a:after{content:'';position:absolute;top:2px;right:0;width:1px;height:12px;background:#ddd;}
.item-list .search-wrap .src-order a:last-child:after{display:none;}

.item-list-pla .row{position:relative;display:block;border-bottom:1px solid #ddd;overflow:hidden;}
.item-list-pla .col1{position:absolute;top:0;left:0;width:220px;}
.item-list-pla .col1 .col-inside{padding:15px 0;}
.item-list-pla .col1 .img-box{position:relative;width:85%;height:0;padding-bottom:62%;}
.item-list-pla .col1 .img-box img{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:6px;}
.item-list-pla .col2{float:left;width:80%;}
.item-list-pla .col2 .col-inside{padding:20px 20px 15px 240px;}
.item-list-pla .col2 .name a{font-size:15px;font-weight:bold;color:#36363e;}
.item-list-pla .col2 .cats{margin-top:9px;line-height:1.5;color:#616161;}
.item-list-pla .col2 .excerpt{min-height:80px;padding-top:12px;margin-top:12px;line-height:1.5;color:#8f8f8f;border-top:1px dotted #ddd;}
.item-list-pla .col3{float:right;width:20%;text-align:right;}
.item-list-pla .col3 .col-inside{padding:15px 0;border-left:1px solid #ddd;}
.item-list-pla .col3 .btn-box{margin-top:25px;text-align:right;}

.item-list-cla .row{position:relative;display:block;border-bottom:1px solid #ddd;overflow:hidden;}
.item-list-cla .col1{position:absolute;top:0;left:0;width:220px;}
.item-list-cla .col1 .col-inside{padding:15px 0;}
.item-list-cla .col1 .img-box{position:relative;width:85%;height:0;padding-bottom:62%;}
.item-list-cla .col1 .img-box img{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:6px;}
.item-list-cla .col2{float:left;width:80%;}
.item-list-cla .col2 .col-inside{padding:20px 20px 15px 240px;}
.item-list-cla .col2 .name a{font-size:15px;font-weight:bold;color:#36363e;}
.item-list-cla .col2 .cats{margin-top:9px;line-height:1.5;color:#616161;}
.item-list-cla .col2 .excerpt{min-height:80px;padding-top:12px;margin-top:12px;line-height:1.5;color:#8f8f8f;border-top:1px dotted #ddd;}
.item-list-cla .col3{float:right;width:20%;text-align:right;}
.item-list-cla .col3 .col-inside{padding:15px 0;border-left:1px solid #ddd;}
.item-list-cla .col3 .btn-box{margin-top:25px;text-align:right;}

@media screen and (max-width:767px) {
.item-list .search-wrap{padding:20px 8px 10px 8px;}
.item-list .search-wrap .mobile-src-order{float:left;}

.item-list-pla{padding:0 6px;}
.item-list-pla .row{padding:0;margin:1em 0;border:1px solid #ddd;background:#fff;}
.item-list-pla .col1{top:3px;left:3px;width:100px;}
.item-list-pla .col1 .col-inside{padding:8px;}
.item-list-pla .col2{width:100%;}
.item-list-pla .col2 .col-inside{padding:15px 0 15px 100px;}
.item-list-pla .col3{clear:both;float:none;width:auto;padding:12px 12px;margin:0;text-align:right;border-top:1px dotted #ddd;}
.item-list-pla .col3 .col-inside{border:none;}
.item-list-pla .col3 .btn-box .btn{display:block;width:100%;padding:12px 0;}

.item-list-cla{padding:0 6px;}
.item-list-cla .row{padding:0;margin:1em 0;border:1px solid #ddd;background:#fff;}
.item-list-cla .col1{top:3px;left:3px;width:100px;}
.item-list-cla .col1 .col-inside{padding:8px;}
.item-list-cla .col2{width:100%;}
.item-list-cla .col2 .col-inside{padding:15px 0 15px 100px;}
.item-list-cla .col3{clear:both;float:none;width:auto;padding:12px 12px;margin:0;text-align:right;border-top:1px dotted #ddd;}
.item-list-cla .col3 .col-inside{border:none;}
.item-list-cla .col3 .btn-box .btn{display:block;width:100%;padding:12px 0;}
}