.wrap {width:100%;height:100%;}


.wrap_mobile {width: 100%;height: 100%;margin:0 auto;text-align:center}

.top_banner01 { width: 100%;height:100px;background: url(/images/common/top_1.png) no-repeat center 0;   }
.t_bnr_wrap {width: 1200px;margin: 0 auto;position: relative; height:70px;}
.close_box {width: 1200px;margin: 0 auto;position: relative;}
.day_close {position: absolute;top: 7px;right: 32px;}
.day_close label {font-size: 12px;color: #fff;letter-spacing: -0.5px;cursor: pointer;}
.day_close input {margin: 0px;border-radius: 0;vertical-align: middle;cursor: pointer;position: relative;top: -1px}
.t_bnr_close img {vertical-align: middle; cursor: pointer;position: absolute; top: 0px;right: 0px;}
.check{width:18px;height:18px;}

@media screen and (max-width:1200px) {
.top_banner01 { width: 100%;height:50px;background: url(/images/common/top_1.png) no-repeat center 0;background-size:cover;}
.top_banner01 img {max-width:100%;}
.top_banner02 img {max-width:100%;}
.t_bnr_wrap {width: 100%;height:55px}
.close_box {width: 100%;}
}

@media screen and (max-width:600px) {
.top_banner01 { width: 100%;height:50px;background: url(/images/common/m_top_1.png) no-repeat center 0;background-size:cover;}
.top_banner01 img {max-width:100%;}
}

/*header st*/
.header{width:100%;position:relative;z-index:10000;background-color:#34302d }

.nav_box {position:relative; width:1100px;height:100px; margin:0 auto;background-color:#34302d}
.header h1{position:absolute;left:0px;top:7px;width:20%;}
.navbox{ width:80%; margin:0 auto;text-align:center;overflow:hidden; position:absolute;right:0px;}
.navbox li{display:inline-block;width:16%;vertical-align:top;padding-top:8px;padding-left:0px}

.navbox li a{display:block;width:100%;line-height:85px;font-size:18px;color:#fff;cursor:pointer;font-weight:500;letter-spacing:-1px}
.navbox li a:hover {color:#fff;text-decoration:underline}

.gnb_a{font-size:14px;padding:5px 0px; position:absolute;top:36px; right:80px;color:#171b28;width:72px;border:1px solid #171b28}
.gnb_a a{color:#171b28}
.gnb_b{font-size:14px;padding:5px 0px;position:absolute;top:36px;right:0px;color:#171b28;width:72px;border:1px solid #171b28}
.gnb_b a{color:#171b28}

.header_view_bigbox{width:1100px;margin:0 auto;position:relative}
.header_view_box {width:1100px;margin:0 auto; background-color:#34302d;height:200px; position: absolute;z-index: 1200; top:0px;border-bottom:2px solid #171b1d }
.header_v_box {max-width:950px; height:auto;right:10px; position: absolute;text-align:center; border:0px solid red}
.header_v_box div{display:inline-block; vertical-align:top; margin:0px 35px}
.header_v_box li a {color: #959697;font-size:17px;line-height:200%;text-align:center;padding-top:10px;font-weight:500}
.header_v_box li a:hover {color: #fff;text-decoration:underline; font-family: 'Noto Sans KR';font-weight: 500;}
.mobile_header_box{display:none}

.iph_banner{position:fixed;right:0px;top:110px; z-index:20000}

@media screen and (max-width:1200px) {
.header {width:100%;position:relative;z-index:100000;height:60px;background-color:#fff;border-bottom:1px solid #eee}
.he_110{height:60px;}
.gnb {width:100%;height:30px;background-color:#282828;position:relative}
.gnb_box{width:100%;margin:0 auto;text-align:center;right:0px; }
.gnb li{display:inline-block;width:25%; text-align:center; font-size:13px;color:#fff;padding:4px 0px;}

.nav_box{display:none;}
.header h1{position:absolute;left:5px;top:28px;}
.header h1 img{width:102.5px;height:23.5px;}

.header_view_box{display:none;}
.navtel{display:none;}
.navtel a{display:none;}
.iph_ba{display:none}
.iph_banner{display:none}

/*mobile 메뉴*/
.mobile_header_box { width:100%; margin:0px; position:absolute;z-index:10000;top:3px ;border-bottom:1px solid #fefefe; display:block; }
.header_m_menu {width:100%; margin:0px auto;height:40px;padding:0px 0px;position:relative;z-index:10000;background-color:#fff}
.header_m_menu_img{ position:absolute;top:10px;left:0px;z-index:22000}
.header_m_menu_img img{width:120px;padding:0px 0 0 6px;}
.header_m_menu_bu img{width:37px;position:absolute;top:16px;right:8px; z-index:10000}

nav {display:none;width:100%;height:auto;position: absolute;z-index:20000; top:55px;background-color:#fff;}
nav .memu{height:auto;font-weight:bold; padding:9px 20px;border-bottom:1px solid #c7c7c7;font-size:14px;font-family: 'Noto Sans KR';letter-spacing:-1px; color:#525252}
nav .memu:hover {background-color: #323232;color:#fff;font-weight:bold;}
nav .memu a:hover {color:#796e58; font-weight:bold;}
nav .memu_a{width:100%;height: auto; padding:9px 0px;background-color: #ebebeb; border-bottom: 1px solid #fff;font-weight:bold;font-size:13px;letter-spacing:-1px;color:#626262}
nav .memu_a a{color:#626262;padding-left:20px;font-weight:bold;font-size:13px;}
nav .memu_a a:hover {color:#d8421f;font-weight:bold;font-size:13px;}
}
/*mobile 메뉴*/
/*header end*/




#introMain {position:relative; width:100%; height:730px; background:#f5f5f5; }
#introMain .mainCont {width:1100px; margin:0 auto; padding:50px;}
#introMain .mainCont .noticeForm { position:relative; width:308px; max-height:168px; padding:40px 25px; background:#fff; float:left; margin-right:4px; border:1px solid #e9e9e9; }
#introMain .mainCont .noticeForm .tit li:first-child {float:left; margin-right:150px;  }
#introMain .mainCont .noticeForm .list {margin-top:30px;}

.movieform { position:relative; width:358px;height:248px;  background:#fff; float:left; margin-right:4px; border:1px solid #e9e9e9;}

video{width:340px;height:220px;padding:18px  8px 0px  8px}

#introMain .mainCont .award {  position:relative; width:400px; height:250px;background:url(/images/intro/main_award.jpg) no-repeat center 0 ;float:left;margin-right:4px; }
#introMain .mainCont .consultList { position:relative; width:278px; height:168px; padding:40px 25px; background:#bda487; float:left; border:1px solid #e9e9e9; }
#introMain .mainCont .consultList .tit li:first-child {float:left; margin-right:80px;  }
#introMain .mainCont .consultList .list {margin-top:30px;}

#introMain .mainCont .tvslide  { position:relative; width:765px; height:370px; float:left; background:#000; margin:10px 5px 0 0; }
#introMain .mainCont .tvslide  .slide {overflow:hidden;position:relative;}
#introMain .mainCont .tvslide  .slide li {display:block; }
#introMain .mainCont .tvslide  .slide li a {display:block}
#introMain .mainCont .tvslide .page{z-index:100;position:absolute; bottom:20px; left:50%; margin-left:-50px; list-style:none}
#introMain .mainCont .tvslide .page li{display:inline-block; display:inline ;margin:0 3px;_zoom:1; float:left;}
#introMain .mainCont .tvslide .page li a{display:block;overflow:hidden;width:12px;height:12px; background:url(/images/intro/sp_page.png) 0 0 no-repeat;line-height:999px;vertical-align:top}
#introMain .mainCont .tvslide .page li.current a{background-position:0 -12px}

.consultLatest {height:30px; }
.consultLatest li a{list-style-type: disc; }
.consultLatest a {font-size:16px; color:#f3f3f3;}
.consultLatest p {font-size:16px; color:#f3f3f3;}

.list_notice{padding-top:30px;min-height:250px;}
.list{padding-top:30px;}

.listT  {padding-left:20px;}
.listT li a{list-style: disc; }
.it {height:30px;}
.it a {font-size:13px; color:#303030;}
.it span {float:right; font-size:12px; color:#b3b3b3;}


.open_popup_success {
    width: 850px;
    height: 1015px;
    margin: 0 auto;
}



@media screen and (max-width:1200px) {
#introMain {position:relative; width:100%; height:auto; background:#fff; }
#introMain .mainCont {width:100%; margin:0 auto; padding:0px;}
#introMain .mainCont .noticeForm { position:relative; width:100%;margin:0 auto; max-height:150px; padding:15px 0px 0px 0px ; float:none; margin-right:0px; border:0px solid #e9e9e9; }
#introMain .mainCont .noticeForm .tit li:first-child {float:left; margin-right:0px;padding-left:20px;  }
#introMain .mainCont .noticeForm .list {margin-top:5px;padding-left:20px;}
#introMain .mainCont .award {  position:relative; width:100%; height:250px; float:none;  margin-right:0px;background:url(/images/intro/main_award.jpg) no-repeat center 0 ;background-size:cover }
#introMain .mainCont .consultList { width:100%;margin:0 auto; height:168px; padding:20px 0px; float:none; border:0px solid #e9e9e9; }
#introMain .mainCont .consultList .tit li:first-child {float:left; margin-right:0px; padding-left:20px; }
#introMain .mainCont .tvslide  { position:relative; width:100%; height:370px; float:none; background:#000; margin:10px 0px 0 0; }
.listT  {padding-left:0px;}
.it span {float:right;padding-right:10px; font-size:12px; color:#b3b3b3;}
.consultLatest {padding-left:20px; }
.it  {padding-left:20px; }
    .movieform{display:none}

    .open_popup_success {
        display: none
    }


}

/*수평스크롤 영역*/

.main_fmenubox{width:100%;height:640px; margin:0 auto;clear:both;text-align:center; background:url(/images/main/main_bg1.png) no-repeat center 0}
.menu_tit{padding-top:75px}
.mm_arrow1{position:absolute;top:320px;left:20px;cursor:pointer;z-index:12000}
.mm_arrow2{position:absolute;top:320px;right:0px;cursor:pointer;z-index:12000}
 ul {margin: 0;padding: 0;}
.cert_wrap {width: 100%;/*min-width: 1380px;*/text-align:center;border:0px solid red;}
.cer_box {width: 762px;height:370px;margin: 0 auto;overflow: hidden;position: relative;border: 0px solid blue;}
.cert_list {overflow: hidden;/*width: 1380px;*/margin-top:20px;}
.cert_con {width: 2208px;}
.cer_box li {float:left;border-right: 0px solid #e6e6e6; width: 765px;text-align: center;margin:5px}
#cert_list {width: 20000px;z-index: 5;position: relative;}

.main_con_abox{width: 1100px;margin: 0 auto; position: relative}
.main_con_a{width: 750px;margin: 0 auto; position: absolute;top:185px;}
.main_con_b{position:absolute;top:210px; right:3px; }


@media screen and (max-width:1200px) {
.main_fmenubox{height:300px;}
.menu_tit{padding-top:25px}
.menu_tit img{max-width:121px;}
.mm_arrow1{top:70px;left:5px;}
.mm_arrow1 img {max-width:24px;}
.mm_arrow2{top:70px;right:5px;}
.mm_arrow2 img {max-width:24px;}
.cert_wrap {position:relative; width: 100%;text-align:center;border:0px solid red;}
.cer_box {width: 100%;height:173px;margin: 0 auto;overflow: hidden;position: relative;border: 0px solid blue;}
.cert_list {overflow: hidden;margin-top:0px;}
.cert_con {width: 2208px;}
.cer_box li img{max-width:100%}
.cer_box li {float: left;border-right: 0px solid #e6e6e6; width:360px;margin:0 auto; text-align: center;}
#cert_list {width: 20000px;z-index: 5;position: relative;}

.main_con_abox{width: 100%;margin: 0 auto; position: relative}
.main_con_a{width: 100%;margin: 0 auto; position: relative;top:0px;}
.main_con_b{width:100%;text-align:center; margin:0 auto; position:relative;top:0px; right:0px;}

.main_con_b img{max-width:100%}

}
/*수평스크롤 영역*/

/* footer st*/
.main_footer_bg {position: relative;width: 100%;height: 860px;background: url('/images/main/footer_bigbg.jpg') repeat-x center 0;}
#introFooter {width:100%; height:250px; background:#333;}
#introFooter .sitemap {width:1100px; margin:0 auto;}
#introFooter .sitemap ul {float:left; width:156px; text-align:center; font-family: 'Noto Sans KR';}
#introFooter .sitemap ul h3 a{font-size:16px; color:#fff;}
#introFooter .sitemap ul li a{font-size:14px; color:#a2a2a2; line-height:30px; }
#introFooter .sitemap ul .tel {font-size:24px; line-height:35px; color:#a2a2a2; }
#introFooter .sitemap ul .tel1 {font-size:18px; line-height:35px; color:#a2a2a2; }
#introFooter .sitemap ul .telTxt {font-size:12px; color:#a2a2a2; line-height:18px;}



.footer{clear:both; position:relative;width:100%; min-width:1100px;padding-bottom:80px; border-top:1px solid #252525;background-color:#282828}
.footer .f_address{position:relative;width:1100px;margin:0 auto;padding:20px 0px;color:#a6a6a6}
.footer .f_address .f_logo{position:absolute;top:30px;left:0}
.footer .f_address ul{overflow:hidden;margin-top:5px; margin-bottom:5px;padding-left:190px}
.footer .f_address li{font-size:15px;line-height:16px;font-weight:200;float:left;padding-right:12px; letter-spacing:-0.5px;font-family: 'Noto Sans KR';}
.footer .f_address li a{font-size:13px;color:#fafafa}
.footer .f_address .copyright{position:relative;letter-spacing:1px; font-size:13px;color:#585858}
.pb_6{padding-bottom:6px;}

.footer_a1{display:none; position:absolute;right:0px;top:25px;}
.footer_a2{position:absolute;right:50px;top:57px;}
.footer_a3{position:absolute;right:0px;top:57px;}

.footer_height_foo{height:80px;}

@media screen and (max-width:1200px) {
#introFooter {display:none; width:100%; height:280px; background:#333;}
.footer{position:relative;top:0px; width:100%;min-width:100%;padding-bottom:150px; border-top:0px solid silver;}
.footer .f_address{width:100%;margin:0 auto;text-align:center; padding:15px 0px 10px 0px;color:#cacaca;}
.footer .f_address .f_logo{position:relative;text-indent:0px;top:5px; padding:5px 0px 10px 0px;}
.footer .f_address .f_logo img{max-width:70px;margin:0 auto;text-align:center; }
.footer .f_address ul{padding-left:0px}
.footer .f_address li{float:none; font-size:11px;line-height:13px; text-indent:0px; margin-right:0px;padding-right:0px;letter-spacing:-1px;}
.footer .f_address li a{ font-size:11px;color:#cacaca}
.footer .f_address .copyright{font-size:11px;letter-spacing:-1px;padding-left:0px;color:#585858}
.f_address div{width:90px;margin:0 auto;padding-top:8px}
.pb_6{padding:5px 0px 6px;}

.footer_a1{position: relative;right:0px;top:0px;padding-top:5px}
.footer_a1 img{width:113px;}
.footer_a2{position:relative;right:0px;top:0px;float:left;padding-right:5px}
.footer_a3{position:relative;right:0px;top:0px;float:left}
.footer_height_foo{height:0px;}
}
/* footer end*/

/*하단 상담신청배너 st*/
 .quotation{ position: fixed; bottom: 0px;background-color:#161d2e;z-index: 10002;width: 100%;height:140px;background-color:#9cb700}
.foo_counbox { width: 100%;padding-top:0px;}
.foo_coun {width:1200px;margin: 0 auto;position: relative;height: 186px;}
.foo_sonbox {position: relative;height: 90px; border: 0px solid red;padding-top:3px;}
.footer_str_count {display: block;margin: 0 auto;text-align: left;font-size:40px;color: #fff; padding-top:18px;padding-bottom:1px;letter-spacing:-1px;font-weight:600}
.footer_str_count a{color:#fff} 
.footer_count {font-weight: 600;color: #fff;}
.is1 {border: none;font-size:19px;color: #332c39;width:140px;color: #e65d5d;letter-spacing:-1px;}
.is2 {border: none;font-size:19px;color: #332c39;width:140px;color: #e65d5d;letter-spacing:-1px;}
.is3 {border: none;font-size:19px;color: #332c39;width:165px}
.pt_1{padding-top:1px}
.f_a {width: 190px;height: 40px;padding-top: 10px;padding-left: 10px;color: #444;background-color: #fff;border: 1px solid #9cb700;float: left;}
.f_a img {max-width: 20px}
.f_b {width: 190px;height: 40px;padding-top: 10px;margin-top: 0px;padding-left: 10px;color: #444;background-color: #fff; border: 1px solid #9cb700;margin-left: 5px;float: left;}
.f_b img {max-width: 20px}
.f_c {float: left;width: 190px;height: 40px;padding-top: 10px;padding-left: 8px;color: #444;background-color: #fff;margin-left: 5px;}
.f_c img {max-width: 20px}
.f_d {float: left;width: 190px;height: 44px;margin-left: 4px;padding-top: 6px;padding-left: 8px;color: #444;background-color: #fff;border-radius:0px;}
.f_a1 {position:absolute;right:5px;top:30px; color:#fff;letter-spacing:-1px;font-size:14px;}
.f_a2 {width:18px;height:18px; vertical-align: middle;border: 5px solid #3a3a3a;background-color: transparent;}
.f_bu {position: relative;float: right;border: 0px solid blue;}
.f_bus {width: 176px;height:50px;font-size:22px;font-weight:700; letter-spacing: -1px;background: #000;border: none;color: #fff;cursor: pointer;}

@media screen and (max-width:1200px) {
.quotation{position: fixed; bottom: 0px;z-index: 10002;height:265px; }
.foo_coun {width:100%;height:auto;}
.footer_str_count {text-align: center;font-size:35px;padding-top:22px;padding-bottom:4px;letter-spacing:-0.5px;}
.f_a1 {position:relative;right:0px;top:0px;width:100%;font-size:10px; text-align:center; color:#fff;letter-spacing:-1px}
.foo_sonbox {position: relative;height: auto;width:96%;margin:0 auto; text-align:center;  border: 0px solid red;padding-top:6px;}
.is1 {border: none;width:80%;margin:0 auto;text-align:left; color: #e65d5d;letter-spacing:-1px;}
.is2 {border: none;width:80%;margin:0 auto;text-align:left; color: #e65d5d;letter-spacing:-1px;}
.is3 {border: none;width:70%;float:none;}

.f_a {width:550px;margin:0 auto;text-align:center;height:35px;padding-top: 10px;float:none;}
.f_a img {max-width:15px}
.f_b {width:550px;margin:0 auto;text-align:center;height:35px;padding-top: 10px;float: none;}
.f_b img {max-width:15px}
.pt_1{clear:both; width:560px;margin:0 auto;height:40px;}
.f_c {float: left;width:150px;height:40px;padding-top:6px;padding-left:0px;color: #444;background-color: #fff;margin-left:0px;}
.f_c img {max-width: 15px}
.f_d {float: left;width:203px;height:40px;margin-left:2px;padding-top: 6px;padding-left:0px;}
.f_a2 {width:10px;height:10px;border:2px solid #3a3a3a; }
.f_bu {position: relative;float: none;width: 100%;margin:0px auto;text-align:center;margin-left:0px;}
.f_bus {width:560px;height:35px;font-size:15px;letter-spacing: -1px;margin:13px auto }
}

@media all and (max-width:600px) {
.quotation{position: fixed; bottom: 0px;z-index: 10002;height:150px; }
.footer_str_count {font-size:26px;padding-top:5px;}
 .foo_sonbox {position: relative;height: auto;width:96%;margin:0 auto; text-align:center;  padding-top:6px;}
.f_a {width: 34%;float:left;padding-left:0px;height:31px;padding-top: 4px;}
.f_b {width: 34%;float:left;height:31px;padding-top: 4px;}
.pt_1{width:99.5%;}
.f_c {width:23.45%;height:31px;padding-left:1px;}
.f_d {width:23.45%;height:31px;}
.f_bu {position: absolute;right:0px;top:0px;float: none;width:27%;text-align:center;margin-left:0px;border:0px solid red}
.f_bus {width:100%;margin:7px auto;word-break:keep-all;height:74px;text-align:center;font-size:15px;}
.is1 {font-size:14px; border: none;width:80%;float:none; color:#000}
.is2 {font-size:14px; border: none;width:66%;float:none;padding:0px 0 0px 3px}
.is2 select{vertical-align:bottom}
.is3 {font-size:14px;border: none;width:80%;float:none;}
}

@media all and (max-width:360px) {
.quotation{position: fixed; bottom: 0px;z-index: 10002;height:150px; }
.footer_str_count {font-size:20px;padding-top:16px;}
 .foo_sonbox {position: relative;height: auto;width:96%;margin:0 auto; text-align:center;  padding-top:6px;}
.f_a {width: 33%;float:left;padding-left:0px;height:31px;padding-top: 4px;border:0px;margin-left:1px;}
.f_b {width: 33%;float:left;height:31px;padding-top: 4px;border:0px;margin-left:3px;}
.pt_1{width:99%;}
.f_c {width:23.8%;height:31px;padding-left:0px;}
.f_d {width:23%;height:31px;}
.f_bu {position: absolute;right:0px;top:0px;float: none;width:25%;text-align:center;margin-left:0px;border:0px solid red}
.f_bus {width:100%;margin:7px auto;word-break:keep-all;height:72px;text-align:center;font-size:12px;}
.is1 {font-size:14px; border: none;width:80%;float:none;}
.is2 {font-size:14px; border: none;width:66%;float:none;padding:0px 0 0px 0px}
.is2 select{vertical-align:bottom}
.is3 {font-size:14px;border: none;width:80%;float:none;}
}



/*팝업 st*/
.popup_tem_box{position: absolute; top:100px; width: 100%; margin: 0 auto; z-index: 999999999;}
.popup_tem {position: relative;}

.popup_aa_1{position: absolute; top: 65px; left:350px;}
.popup_aa_2{position: absolute; top: 560px; left:350px;}

.popup_aa_3{position: absolute; top: 65px; left:818px;}
.popup_aa_4{position: absolute; top: 560px; left:818px;}

.popup_aa_5{position: absolute; top: 65px; left:1180px;}
.popup_aa_6{position: absolute; top: 560px; left:1180px;}

.popup_aa_7{position: absolute; top: 65px; left:1100px;}
.popup_aa_8{position: absolute; top: 615px; left:1100px;}


.popup_aa_9{position: absolute; top: 65px; right:120px; width:300px; height:300px}
.popup_aa_10{position: absolute; top: 330px; right:120px;}



.popup_tem .popup_footer {background-color: #000;text-align: right;padding: 5px 10px;}
.popup_tem .popup_footer .popup_close_cookie_btn,
.popup_tem .popup_footer .popup_close_btn {color: #FFF;font-weight: bold;font-size: 14px;margin-left: 20px;}


@media screen and (max-width:1200px) {

.popup_tem_box{position: absolute; width: 100%; margin: 0 auto; z-index: 999999999;}

.popup_tem {position: absolute;top:0px; }
.popup_tem img{max-width:100%}

.popup_aa_1{position: relative; top: 0px;margin-left:20px;  left: 0px;}
.popup_aa_1 img{max-width:280px;}
.popup_aa_2{position: relative; top: 0px;margin-left:20px;  left: 0px;}
.popup_aa_3{position: relative; top: 0px; margin-left:20px; left:0px;}
.popup_aa_3 img{max-width:280px;}
.popup_aa_4{position: relative; top: 0px;margin-left:20px;  left: 0px;}

.popup_aa_5{position: relative; top: 0px; margin-left:20px; left:0px; }
.popup_aa_5 img{max-width:280px;}
.popup_aa_6{position: relative; top: 0px;margin-left:20px;  left: 0px;}
.popup_aa_7{position: relative; top: 0px; margin-left:20px; left:0px; }
.popup_aa_7 img{max-width:280px;}
.popup_aa_8{position: relative; top: 0px;margin-left:20px;  left: 0px;}

 .popup_aa_21 {position: relative; top: 0px;margin-left: 20px;left: 0px;}
  .popup_aa_22 {position: relative; top: 0px;margin-left: 20px;left: 0px;}
  .popup_tem .popup_footer {background-color: #000;text-align: right;padding: 5px 10px;}
.popup_tem .popup_footer .popup_close_cookie_btn,
.popup_tem .popup_footer .popup_close_btn {color: #FFF;font-weight: bold;font-size: 14px;margin-left: 20px;}

}