@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Exo+2:300,500');

.btn_area{ text-align:center;font-size:0;line-height:0;padding-bottom:30px; }
.btn_area .btn{ display:inline-block; height:66px;line-height:66px;background:#fff;width:166px;text-align:center; font-size:16px;border:1px solid #fff;margin-left:10px;font-family:'NBG_R' , sans-serif}
.btn_area a:hover{ text-decoration:none; }
.btn_area .btn:first-child{ margin-left:0; }
.btn_area .btn.type1{ color:#c2000b;border-color:#c2000b;font-family:'NBG_B' , sans-serif}
.btn_area .btn.type2{ color:#fff;border-color:#000;background-color:#000; }

.ctt_admin{ text-align:center; }
#bo_v,
#bo_w,
#ctt_con{ width:1470px;margin:0 auto; }
#bo_v h3,
#bo_w h3,
#ctt_con h3{position:relative; text-align:center;font-size:42px;line-height:42px;padding:65px 0 35px;font-family:Nanum Myeongjo,sans-serif;font-weight:500;letter-spacing:-1px;font-weight:500}
#bo_v h3:after,
#bo_w h3:after,
#ctt_con h3:after{ border-left:1px solid #ccc;content:"";display:block;height:33px;position:absolute;left:50%;top:0; }
#ctt_con .location{ font-size:0;line-height:0;text-align:center; position:relative;padding-bottom:40px;}
#ctt_con .location:after{ content:"";display:block;width:60px;position:absolute;left:50%;bottom:0;margin-left:-30px;border-bottom:1px solid #000;}
#ctt_con .location li{  display:inline-block; }
#ctt_con .location li.last a{ font-weight:bold; font-family:'NBG_B' , sans-serif}
#ctt_con .location li a{font-size:13px;line-height:25px;;display:block;padding:0 10px;background:url(/theme/basic/img/bg_location.png) 0 center no-repeat;}
#ctt_con .location li:first-child a{background:url(/theme/basic/img/bg_home.png) left 0 no-repeat;padding-left:35px;background-size:22px 22px;}

#bo_v .tbl_frm01,
#bo_w .tbl_frm01{ padding-top:80px }
#bo_w .location{ font-size:0;line-height:0;text-align:center; position:relative;padding-bottom:40px;}
#bo_w .location:after{ content:"";display:block;width:60px;position:absolute;left:50%;bottom:0;margin-left:-30px;border-bottom:1px solid #000;}
#bo_w .location li{  display:inline-block; }
#bo_w .location li.last a{ font-weight:bold; font-family:'NBG_B' , sans-serif}
#bo_w .location li a{font-size:13px;line-height:22px;;display:block;padding:0 10px;background:url(/theme/basic/img/bg_location.png) 0 center no-repeat;}
#bo_w .location li:first-child a{background:url(/theme/basic/img/bg_home.png) left 0 no-repeat;padding-left:35px;background-size:22px 22px;}
#bo_w .tbl_frm01 textarea{ box-sizing:border-box; }

#bo_v .location{ font-size:0;line-height:0;text-align:center; position:relative;padding-bottom:40px;}
#bo_v .location:after{ content:"";display:block;width:60px;position:absolute;left:50%;bottom:0;margin-left:-30px;border-bottom:1px solid #000;}
#bo_v .location li{  display:inline-block; }
#bo_v .location li.last a{ font-weight:bold; font-family:'NBG_B' , sans-serif}
#bo_v .location li a{font-size:13px;line-height:22px;;display:block;padding:0 10px;background:url(/theme/basic/img/bg_location.png) 0 center no-repeat;}
#bo_v .location li:first-child a{background:url(/theme/basic/img/bg_home.png) left 0 no-repeat;padding-left:35px;background-size:22px 22px;}
#bo_v .tbl_frm01 textarea{ box-sizing:border-box; }


.sub_con .pc{ display:block; width:100%;}
.sub_con .m{ display:none;width:100%;}

.sub_con{ font-size:16px; padding-top:80px;position:relative;}
.sub_con.c{ text-align:center; }
.sub_con h4{ margin:0px 0 0; }
.sub_con h5{ font-weight:bold;font-size:16px;line-height:17px;margin:45px 0 25px;}
.sub_con p{ line-height:28px;font-size:16px; }
.sub_con ol{}
.sub_con ol li{ margin-top:30px;font-size:16px; }
.sub_con ol li strong{ display:block;margin-bottom:5px;font-weight:700 }
.sub_con > span{ display:block;font-size:16px;; }

.paging{ font-size:0;line-height:0;text-align:center; padding:30px 0 0  }
.paging > span{vertical-align:middle; cursor:pointer;display:inline-block;margin:0 4px; }
.paging > ol{ display:inline-block; padding:0 10px;vertical-align:middle; }
.paging > ol li{ display:inline-block;margin:0 4px ;vertical-align:top;}
.paging > ol li a{font-size:16px; color:#6a6a6a;display:block;height:42px;line-height:44px;width:42px; }
.paging > ol li.on a{ color:#fff;background:#ed1b2f; }


.sub1_2{}
.sub1_2 .img_left{ overflow:hidden; }
.sub1_2 .img_left > span.pc{ float:left; width:53%; }
.sub1_2 .img_left > span.pc img{ width:100%; }
.sub1_2 .img_left > div{ float:left;width:37%;padding:5% 5% 0;  }
.sub1_2 .img_left > div .pc{ margin-bottom:10%; }
.sub1_2 .img_left > div .pc img{ width:100% }

.sub1_2 .img_right{ overflow:hidden; }
.sub1_2 .img_right p{ float:left;width:48%;padding:5% 5% 0 0 }
.sub1_2 .img_right ul{ float:left; width:47%}
.sub1_2 .img_right ul li{margin-left:10px;float:left;width:49%; }
.sub1_2 .img_right ul li img{ width:100%; }
.sub1_2 .img_right ul li:first-child{margin-left:0px; }


.sub1_2 .map_area{}
.sub1_2 .map_area ul.btn_tab{ overflow:hidden;position:relative; }
.sub1_2 .map_area ul.btn_tab:after{ content:"";display:block;border-top:2px solid #000;position:absolute;left:40%;top:50%;right:0;z-index:3; }
.sub1_2 .map_area ul.btn_tab li{background:#fff;position:relative; float:left;color:#000;cursor:pointer; padding:18px 0px;font-weight:bold;margin:0 30px 0 37px;z-index:5;}
.sub1_2 .map_area ul.btn_tab li:before{ content:"";display:block;background:url(/theme/basic/img/bg_tab_blur.gif) 0 center no-repeat;width:6px;height:16px;position:absolute;left:-37px;top:50%;margin-top:-9px; }
.sub1_2 .map_area ul.btn_tab li:first-child{ margin-left:0; }
.sub1_2 .map_area ul.btn_tab li:first-child:before{ background:none;margin:0;}
.sub1_2 .map_area ul.btn_tab li:hover,
.sub1_2 .map_area ul.btn_tab li.on{ color:#ed1b2f; }
.sub1_2 .map_area ul.btn_tab li:hover:after,
.sub1_2 .map_area ul.btn_tab li.on:after{ content:"";display:inline-block;border-top:5px solid #ed1b2f;border-left:5px solid transparent;border-right:5px solid transparent; position:absolute;left:50%;bottom:0;margin-left:-2px;}

.sub1_2 .map_area .map_info{}
.sub1_2 .map_area .map_info .map_list{ padding:0px 0 0 30%;position:absolute;left:0;top:0;margin-top:80px;visibility:hidden;width:70%;}
.sub1_2 .map_area .map_info .map_list.on{ visibility:visible;position:relative; }
.sub1_2 .map_area .map_info .map_list dl{ position:absolute;left:0;top:0; }
.sub1_2 .map_area .map_info .map_list dl dt{ font-weight:bold;margin-bottom:5px;}
.sub1_2 .map_area .map_info .map_list dl dd{}
.sub1_2 .map_area .map_info .map_list dl dd ul{ padding-top:35px; }
.sub1_2 .map_area .map_info .map_list dl dd ul li{ line-height:30px; }
.sub1_2 .map_area .map_info .map_list dl dd ul li span{ font-weight:bold }

.sub1_3{}
.sub1_3 h4{ text-align:center; }
.sub1_3 h4 img{ max-width:100% }
.sub1_3 p{ margin:50px 0 60px;padding-left:460px; }
.sub1_3 p strong{ color:#e2252f;font-weight:normal;display:block; }
.sub1_3 p em{ font-weight:bold;display:block;  font-family:'NBG_B' , sans-serif}

.sub1_4{}
.sub1_4 .img_type{}
.sub1_4 .img_type .img_box{ padding-bottom:90px; }
.sub1_4 .img_type  strong{ display:block; margin-bottom:40px; }

.sub1_5{ position:relative; }
.sub1_5 p{ font-family:'exo 2' , sans-serif; font-size:222px;color:#e0e0e0;font-weight:bold;letter-spacing:-0.25px}
.sub1_5 .history_nav{ width:164px;position:fixed;top:644px; }
.sub1_5 .history_nav.on{ position:fixed;top:10px; }
.sub1_5 .history_nav ul{ }
.sub1_5 .history_nav ul li{ font-weight:600;letter-spacing:-0.5px; font-family:'exo 2' , sans-serif; cursor:pointer;font-size:42px;line-height:41px;color:#c7c7c7; padding:10px 0 ;margin-top:40px;}
.sub1_5 .history_nav ul li:first-child{margin-top:0px;}
.sub1_5 .history_nav ul li.on{ color:#000; border-bottom:3px solid #ed1b2f;}

.sub1_5 .history{ padding-left:300px; margin-top:-30px;}
.sub1_5 .history .his_box{ position:relative; overflow:hidden;padding-bottom:90px;}
.sub1_5 .history .his_box h4{font-size:223px;line-height:200px;;font-family:'exo 2' , sans-serif;font-weight:bold;color:#e0e0e0; letter-spacing:-12px;padding-top:65px;}
.sub1_5 .history .his_box:first-child h4{ padding-top:0;margin-top:-13px }
.sub1_5 .history .his_box > div{ float:left;padding:90px 0 0  }
.sub1_5 .history .his_box > div h5{ font-size:32px;line-height:33px;color:#ed1b2f; font-family:'exo 2' , sans-serif;font-weight:bold; letter-spacing:-2.5px;margin:0;padding:0px 0 30px;}
.sub1_5 .history .his_box > div ul{ width:540px;box-sizing:border-box }
.sub1_5 .history .his_box > div ul li{ margin-top:20px;letter-spacing:-0.5px;overflow:hidden;box-sizing:border-box;}
.sub1_5 .history .his_box > div ul li:first-child{ margin-top:0px; }
.sub1_5 .history .his_box > div ul li strong{float:left;width:18%;line-height:150%;}
.sub1_5 .history .his_box > div ul li span{float:left;width:82%;line-height:150%;word-break:keep-all}
.sub1_5 .history .his_box div > img{ margin-top:60px;display: block; }
.sub1_5 .history .his_box div > img.bottom{ margin-top:15px; }
.sub1_5 .history > div:first-child div > img{ margin-top:25px; }
.sub1_5 .history .his_box > div:after{ content:"";display:block;border-bottom:3px solid #000;width:26px;position:absolute;left:0;bottom:0; }
.sub1_5 .history .his_box.none{ padding-bottom:0; }
.sub1_5 .history .his_box.none > div:after{ display:none; }

.sub3_1{text-align:center;padding:110px 0 360px; background:#f6f4f7 url(/theme/basic/img/bg_sub3.jpg) center bottom no-repeat; width:1070px;margin:0 auto;background-size:100% auto;}

.sub3_1 {}
.sub3_1 p.top{ font-size:26px;line-height:36px;letter-spacing:-1.8px; font-weight:600;display:inline-block;border-bottom:1px solid #000;padding:0 20px 40px;word-break:keep-all;font-family:Nanum Myeongjo,sans-serif}
.sub3_1 > span{ display:block; font-weight:500;padding:35px 0 0 ;font-family:'NBG_R' , sans-serif;}
.sub3_1 > strong{ font-weight:bold;padding:50px 0 25px;display:block;font-family:'NBG_L' , sans-serif; color:#000;}
.sub3_1 ol{}
.sub3_1 ol li{ margin-top:30px; }
.sub3_1 .middle_li{ width:570px;margin:0 auto; text-align:left;}
.sub3_1 .middle_li li{ position:relative;padding-left:80px;margin-top:25px; line-height:28px;letter-spacing:-0.5px}
.sub3_1 .middle_li li:first-child{ margin-top:0; }
.sub3_1 .middle_li li span{ position:absolute;left:0;top:0; color:#ed1b2f;}
.sub3_1 .middle_li li span:after{ content:"";display:block;width:6px;border-bottom:2px solid #444;position:absolute;right:-15px;top:50%;margin-top:-2px; }
.sub3_1 .list{ font-size:0;line-height:0;; }
.sub3_1 .list li{position:relative;display:inline-block;padding-top:30px;border:1px solid #030303;border-radius:50%;width:130px;height:100px;vertical-align:top;text-align:center;margin:0 20px;}
.sub3_1 .list li:after{ content:"";display:block;border-left:5px solid #ed1b2f;border-top:5px solid transparent;border-bottom:5px solid transparent; position:absolute;left:-22px;top:50%;margin-top:-3px;}
.sub3_1 .list li:first-child:after{ display:none; }
.sub3_1 .list li strong{font-family:'exo 2' , sans-serif;color:#ed1b2f;font-size:16px;line-height:17px; }
.sub3_1 .list li p{margin-top:20px; font-size:16px;line-height:110%; }

.product_acodian{ display:none;  }

.sub_con .gellery_list{ text-align:center;font-size:0;line-height:0;; }
.sub_con .gellery_list li{ position:relative;display:inline-block;width:31%;margin:0 1% 8%;vertical-align:top; }
.sub_con .gellery_list li > div{ height:inherit; }
.sub_con .gellery_list li > div div{ position:relative;z-index:5;width:98%;height:98%;border:5px solid #000; }
.sub_con .gellery_list li > div div iframe{ width:100%;height:100%;display:block;position:relative;z-index:5;}

/*.sub_con .gellery_list li a:before{ content:"";display:block;width:80px;height:80px;position:absolute;left:50%;top:50%;margin:-40px 0 0 -40px;background:url(/theme/basic/img/img_play.png) 0 0 no-repeat;z-index:6;}*/
.sub_con .gellery_list li > div:after{ content:"";display:block;position:absolute;width:100%;height:100%;left:15px;top:15px;z-index:3;right:0;bottom:0;background:url(/theme/basic/img/bg_tv.gif) 0 0 repeat;; }

.sub_con .gellery_list li p{ margin-top:30px; text-align:left;}

/* .minster_jin{ text-align:center;} */
.minster_jin .top{ position:relative;background:url(/theme/basic/img/img_misterjin.jpg) center 0 no-repeat; padding:60px 0 50px;;position:relative; background-size: cover}
.minster_jin .top span{ position:absolute;right:95px;top:0; }
.minster_jin .top img{display: block;margin: 0 auto;}
.minster_jin ul{ overflow:hidden;font-size:0;line-height:0;}
.minster_jin ul li{ display:inline-block;cursor:pointer;margin:0 5px 10px }
.minster_jin ul li img{ width:100%; }
.minster_jin strong{ display:block;padding:50px 0 60px; }
.minster_jin strong img{display: block;margin: 0 auto;}
.minster_jin .mister_list{ background:#fcf2e4; padding:30px 18px 0 18px}
/* 팝업 */

#popup-close{position:absolute;top:30px;right:50%;margin-right:-630px;background-color:transparent;z-index:999;display:none;}
.popup{ display:none;position:absolute;left:50%;top:50%;margin-left:-215px;width:430px;background:#fff;z-index:20; }
.popup .in{ padding:30px 30px 0; }
.popup h4{ font-size:24px;font-family:'NBG_B' , sans-serif; color:#333; }
.popup h4 span{ display:block;font-size:18px;font-family:'NBG_L' , sans-serif;margin-bottom:5px;}
.popup > button{ position:absolute;right:30px;top:30px; background:none;}
.popup .input_area{}
.popup .input_area .input_list{ padding:45px 0; }
.popup .input_area .input_list li{ margin-top:10px;position:relative; }
.popup .input_area .input_list li:first-child{ margin-top:0px; }
.popup .input_area .input_list li input{ height:48px;line-height:48px;width:100%;border:1px solid #bababa;box-sizing:border-box; padding:0 20px;  }
.popup .input_area .input_list li input[type='file']{ height:39px;line-height:32px; }
.popup .input_area .input_list li:first-child input{}
.popup .input_area .input_list li.phone{ font-size:0;line-height:0; }
.popup .input_area .input_list li.phone select{ height:48px;line-height:48px; width:32%;border:1px solid #bababa;font-size:15px; }
.popup .input_area .input_list li.phone input{ width:32%;text-align:center;padding:0;font-size:15px }
.popup .input_area .input_list li.phone input.phone1{ position:absolute;left:50%;top:0;margin-left:-16%;}
.popup .input_area .input_list li.phone input.phone2{ float:right; }
.popup .input_area .input_list li.email{ font-size:0;line-height:0;; }
.popup .input_area .input_list li.email input{ display:inline-block; }
.popup .input_area .input_list li.email span{ display:inline-block;  height:46px;line-height:46px;border:1px solid #bababa;border-left:0;border-right:0; width:4%;font-size:15px;vertical-align:middle;}
.popup .input_area .input_list li.email .emain_txt{ width:48% ;line-height:48px;font-size:15px;border-right:0;}
.popup .input_area .input_list li.email .emain_add{ width:48%;line-height:48px;font-size:15px;border-left:0; }
.popup .input_area .input_list li.file input{border:0;height:26px;line-height:32px;padding-left:0;}
.popup .input_area .input_list li.file strong{ margin:35px 0 10px;;display:block;padding-left:18px;background:url(/theme/basic/img/icon_01.gif) 0 0 no-repeat; }
.popup .input_area .input_list li.file.f2 strong{ background:url(/theme/basic/img/icon_02.gif) 0 0 no-repeat; }
.popup .input_area .input_list li.file .file_box{ border:1px solid #bababa;padding:10px }
.popup .input_area .input_list li.file .file_box{}

.popup .btn_area{ padding:0; }
.popup .btn_area a{ border-color:#ccc !important;margin:0;width:50%;box-sizing:border-box;}
.popup .btn_area a:first-child{ margin:0;border-right:0; }

.popup.layer{ text-align:center;width:540px;margin-left:-270px; }
.popup.layer strong{font-family:'NBG_B' , sans-serif; color:#aaa;font-size:40px;display:block;padding:75px 0 30px; }
.popup.layer p{ font-size:18px; line-height:28px; padding-bottom:75px}
.popup.layer .in{ padding:125px 80px 30px; }
.popup.layer .btn_area{ }
.popup.layer .btn_area a{ border-left:0;width:100%; }

.popup.site{ width:940px;margin-left:-470px;background:#fff url(/theme/basic/img/bg_sitemap.jpg) right bottom no-repeat;}
.popup.site .in { padding:50px; }
.popup.site h2{ font-size:42px;font-family:NanumMyeongjo,sans-serif; font-weight:normal}
.popup.site ul.sitemap{}
.popup.site ul.sitemap > li{ overflow:hidden; margin-top:40px;}
.popup.site ul.sitemap > li > a{width:110px; float:left;font-size:17px;font-weight:bold; font-family:'NBG_B' , sans-serif;}
.popup.site ul.sitemap li .site_sub{ float:left; }
.popup.site ul.sitemap li .site_sub li{ float:left; position:relative;}
.popup.site ul.sitemap li .site_sub li:after{ content:"";display:block;border-left:1px solid #000;height:10px;position:absolute;left:0;top:50%;margin-top:-5px; }
.popup.site ul.sitemap li .site_sub li a{ display:block; font-size:16px;padding:0 15px;}
.popup.site ul.sitemap li .site_sub li:first-child a{ padding-left:0; }
.popup.site ul.sitemap li .site_sub li:first-child:after{ display:none; }
.popup.site ul.bottom_list{ overflow:hidden; margin-top:40px;}
.popup.site ul.bottom_list li{ float:left; margin-right:30px; }
.popup.site ul.bottom_list li a{ font-size:17px;font-weight:bold; font-family:'NBG_B' , sans-serif; }


.popup.mister_product{ width:1100px;margin-left:-550px; padding-bottom:30px;-moz-border-radius:10px; -webkit-border-radius: 10px; border-radius:10px;}
.popup.mister_product .in{ overflow:hidden; display:none;}
.popup.mister_product .in.on{ display:block;}
.popup.mister_product .in .left_img{ float:left;width:45%;height:552px;position:relative; }
.popup.mister_product .in .left_img img{ position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;max-width:100%; }
.popup.mister_product .in .right_txt{ float:right;width:51%;padding-top:45px; padding-right:20px;}
.popup.mister_product .in .right_txt h4{ font-size:20px; font-weight:normal; font-family:'NBG_R' , sans-serif;f }
.popup.mister_product .in .right_txt h4 strong{  font-family:'NBG_R' , sans-serif;font-size:34px;font-weight:bold; display:block;margin-bottom:5px;word-break:keep-all; }
.popup.mister_product .in .right_txt ul.list_type1{ padding-top:50px }
.popup.mister_product .in .right_txt ul.list_type1:after{ content:"";display:block;clear:both; }
.popup.mister_product .in .right_txt ul.list_type1 > li{ float:left;width:30%;padding-left:15px;margin-bottom:35px;}
.popup.mister_product .in .right_txt ul.list_type1 > li.w50{ width:45%; }
.popup.mister_product .in .right_txt ul.list_type1 > li.last{ width:100%; }
.popup.mister_product .in .right_txt ul.list_type1 li dl{ }
.popup.mister_product .in .right_txt ul.list_type1 li dl dt{font-size:16px; position:relative;font-family:'NBG_L' , sans-serif; margin-bottom:10px; font-weight:bold;}
.popup.mister_product .in .right_txt ul.list_type1 li dl dt:after{ content:"";display:block;border:3px solid #000;position:absolute;left:-15px;top:50%;margin-top:-3px; border-radius:50%;}
.popup.mister_product .in .right_txt ul.list_type1 li dl dd{font-size:16px; line-height:28px;word-break:keep-all; letter-spacing:-0.5px}
.popup.mister_product .in .right_txt ul.list_type1 li dl dd span{font-family:'NBG_B' , sans-serif; text-decoration:underline;display:block;margin-top:30px; }
.popup.mister_product .in .right_txt ul.list_type1 li dl dd a{ color:#075fb8; }

.popup.mister_product.products{ width:1260px;margin-left:-630px;height:820px;overflow-y:scroll; }
.popup.mister_product.products .in.on{ padding:30px 60px 0; }
.popup.mister_product.products .in .right_txt{ width:50%; }
.popup.mister_product.products .in .product_info{ clear:both; }
.popup.mister_product.products .in .product_info h3{ font-size:24px;padding-bottom:6px;border-bottom:2px solid #000;margin-bottom:20px; font-weight:bold}
.popup.mister_product.products .in .product_info > img{ width:100%; }


.block-pc{display: block;}
.block-t{display: none !important;}