﻿
.wrap{width:100%;margin:0 auto;}
.wrap section{box-sizing:border-box;}
.wrap_1700{width:100%;margin:0 auto;}

@media all and (max-width:1100px) {
.wrap img{max-width: 100%}
}


/* 헤더 영역 CSS */
.header{position:fixed;z-index:10000; width:100%;margin:0 auto; background:#fff;border-bottom:1px solid #e6e6e6 }
.header_box{position:relative;width:1300px;margin:0 auto;}

.logo{display:inline-block;width:18%;padding:0px 0;font-size:1.188em;text-align:center;background-color:#fff}
.nav{display:inline-block;width:60%;position:absolute;top:30px;left:290px; border:0px solid #eee}
.nav li {float:left;}
.nav li a{display:inline-block;font-size:22px;text-indent:70px;font-weight:300;color:#000;letter-spacing:-3px}
.info_section{position:absolute;right:0px;top:20px;}
.info_list li{text-align:center;}
.info_list li a {color:#555}
.info_section img{width:203px;}

.mobile_header_box{display:none}


@media all and (max-width:1100px) {
    
.header_box{position:relative;width:100%;margin:0 auto;}    
.nav{display:none}
.logo{display:none}
.info_section{display:none}    
 
.mobile_header_box { width:100%; margin:0px; position:absolute;z-index:10000;top:0px ;border-bottom:1px solid #ccc; display:block; }
.header_m_menu {width:100%; margin:0px auto;height:53px;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:153px;padding:0px 0 0 6px;}
.header_m_menu_bu img{width:33px;position:absolute;top:14px;right:10px; z-index:10000}

nav {display:none;width:100%;height:auto;position: absolute;z-index:20000; top:50px;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: #2b7bb5;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:#626262;font-weight:bold;font-size:13px;}

}


/* 슬라이더 영역 CSS */
.main_contentbox{width:100%;height:780px; margin:0 auto; position:relative;overflow:hidden}

.main_text_box{position:relative;z-index:2000;width:1300px;margin:0 auto;}
.main_at_box{position:relative;text-align:center;top:315px; }
.at_1{font-size:15px;font-weight:200;letter-spacing:7px;padding-bottom:5px;  color:#6e6d6b;}
.at_2{font-size:48px;font-weight:200;letter-spacing:-3px;}
.at_2 span{color:#ea0e42;font-weight:600;letter-spacing:-3px;}
.at_3{font-size:17px;font-weight:400;letter-spacing:-1px;padding:5px 0px 26px 0px;color:#333}
.at_4{color:#6e6d6b;font-size:16px;font-weight:300;letter-spacing:0px;padding-bottom:10px;border:1px solid #6e6d6b;background-color:transparent;padding:8px 30px 10px 30px;cursor:pointer}

.video_big{position:absolute;top:0px;z-index:1000;width:100%;height:auto}
.video_box{width:100%;height:auto;}

.slider_section{float:none;align-items:center;width:100%;height:100%;}
.banner_section{float:right;align-items:center;width:35.9%;height:100%;text-align:center;}

.main_texbox_abox{position:relative;top:90px; width:50%;margin:0px auto;height:270px;background-color:rgba(252,252,252,0.9)  ;z-index:1100 }

.mobile_main{display:none}





.mainVisual {position:relative;z-index:1000; width:100%; height:869px; margin: 0 auto; overflow: hidden; }
.mainVisual .visualBg {margin: 0 auto;position: absolute;top: 0;left: 0;width: 100%;height:869px;z-index: 50;}
.mainVisual .visualBg1 {background: url("/images/main/11.jpg") no-repeat center 0;}
.mainVisual .visualBg2 {background: url("/images/main/12.jpg") no-repeat center 0;}
.mainVisual .controller { width:90%;position: relative;z-index: 1500;margin: 0 auto;}
.main_arrow_box {position: relative;margin: 0 auto;z-index:1500;}
.main_arrow_left {float: left;position: relative;left:50px;top:250px;}
.main_arrow_right {float: right;position: relative;right:50px;top:250px;}
.mainVisual .controller2 { width:105px;position: relative;z-index: 50;margin: 0 auto;}
.mainVisual .controller2 li {float:left;padding-left:7px}
.mainVisual .controller2 .rollBtnD {position: absolute;top: 880px;left:0px;}



.m_size {width:100%; margin:0 auto; height:410px; }


.cf_movie_bigbox{clear:both; width: 1200px;height:auto;padding:40px 0px 25px 0px; margin: 0 auto; position: relative;background-color:#fff; }
.cf_pb15{font-size:22px; font-weight:500;text-align:center;letter-spacing:-2px;font-family: 'nasq';}
.cf_movie_abox{width:1200px; height: auto;position:relative;padding:0px 0px 20px 0px;background-color:#fff}
.cf_movie_abox div{width:1200px;margin:0 auto;}
.cf_movie_bbox{width:100%;margin:0 auto;padding-top:0px;}
.cf_movie_cbox{width:100%;margin:0 auto;padding-top:10px;}
.cf_movie_cbox li{float:left;width:285px; padding:10px 0px 0px 0px;border:1px solid #eee;margin:0px 5px 10px 5px;}
.cf_movie_cbox li:first-child{padding-left:0px;}
.cf_movie_cbox li img {width:235px;}
.cf_movie_cbox li a{color:#000;}
.cf_movie_cbox li a:hover{text-decoration:underline;color:#cb262b}
.cf_movie_cbox li p{font-size:19px; padding:12px 0px 15px 0px;letter-spacing:-1px;text-align:center;}



.cfmenu_big_box{width:1200px;height:40px; padding:30px 0px 10px;margin:0 auto;}
.cfmenu_v_box{width:100%;margin:0 auto;}
.cfmenu_v_box li{float:left;letter-spacing:-1px;font-weight:500;margin-left:3px;font-size:18px;text-align:center;letter-spacing:-1px;border-top:1px solid #212121;border-bottom:1px solid #212121}
.cfmenu_v_box li:first-child{margin-left:0px;}
.cfmenu_on{width:19.8%;height:37px;padding-top:13px;background-color:#f4f4f4}
.cfmenu_on a{color:#d30400;}
.cfmenu_off{width:19.8%;height:37px;padding-top:13px;}
.cfmenu_off a{color:#666;}


.web_con{margin:0 auto;}
.mobile_con{display:none}


@media all and (max-width:1100px) {
    .main_contentbox{display:none}
.mobile_main{width:100%; margin:0 auto;text-align:center;background-color:#01adb5; height:auto;display: block}

.cf_movie_bigbox{clear:both; width: 100%;min-height:250px;padding:26px 0px 0px 0px; margin: 0 auto; position: relative;background-color:#fff;}
.cf_pb15{font-size:22px; font-weight:500;text-align:center;letter-spacing:-2px}
.cf_movie_abox{width:100%; height: auto;position:relative;padding:0px 0px 25px 0px;background-color:#fff}
.cf_movie_abox div{width:100%;margin:0 auto;}
.cf_movie_cbox li{width:50%;margin:0 auto;text-align:center;float:left;padding-left:0px}
.cf_movie_cbox li img {width:235px;margin:0 auto;}
.cf_movie_cbox li p{font-size:14px; padding:5px 0px 8px 0px;}

.cf_movie_abox{width:100%; height: auto;position:relative;padding:0px 0px 25px 0px;background-color:#fff}
.cf_movie_abox div{width:100%;margin:0 auto;}
.cf_movie_abox li img{max-width:80%;margin:0 auto;}
.cf_movie_cbox li{width:135px;margin:0 auto;text-align:center;float:left;padding-left:0px}
.cf_movie_cbox li img {width:135px;margin:0 auto;}
.cf_movie_cbox li p{font-size:14px; padding:5px 0px 8px 0px;}

.m_size{width:100%; margin:0 auto; height:205px; }
.m_size img{max-width:350px; margin:0 auto; height:410px; }

.web_con{display:none}
.mobile_con {display:block; margin: 0 auto;}


}


/*main_atext st*/
.main_contentbox1{clear:both; position:relative; width:100%;margin:0px auto;height:1010px;background-color:#fff;z-index:1100 }

.main_contbox{clear:both; width:1300px; margin:0px auto;text-align:center;}
.tit_box{padding-top:30px;}

.tit_bigbox{padding-top:30px;}

.tit3{font-size:35px;text-align:center;font-weight:200;letter-spacing: -4px;}
.tit3 b{font-weight:600}

.main_productbox{position:relative;width:1300px;margin:35px auto;text-align:center;}
.main_productbox div{float:left;}

 .bg_5{background-color:#ededed;}

 .main_listbox{position:relative;width:1300px;height:170px; margin:35px auto;text-align:center; }

.main_list_li{clear:both; margin-bottom:35px;margin-top:10px;}
.main_list_li li{float:left;padding-left:15px;}
.main_list_li li:first-child{padding-left:0px;}

.main_list_li li a{color:#000;font-size:18px;}
.main_list_li li img{padding-bottom:10px;}

/* 메인 영역1 CSS */
.tit1 {
    font-size: 35px;
    text-align: center;
    font-weight: 200;
    letter-spacing: -2px;
    padding-bottom: 15px;
    padding-top: 60px;
}
.tit1 b{font-weight:600}

.he_130{height:130px}

@media all and (max-width:1100px) {
    
.main_contentbox1{ height:auto; }
.main_contbox{ width:100%;}
.main_productbox{clear:both; width:100%;margin:10px auto;padding-top:10px;}
.main_productbox div{float:left;width:50%}
.tit_box{padding-top:13px;}
.tit3{font-size:28px;}    
.tit_box img{max-width:24px;}
.he_130 {height: 130px}

.tit_bigbox{padding-top:13px;}
.tit_bigbox{max-width:100%;}


 .main_listbox{position:relative;width:100%;height:auto; margin:5px auto;text-align:center; }
 .main_list_li{clear:both; margin-bottom:15px;margin-top:10px;}
 .main_list_li li{max-width:70px; padding-left:4px;}
.main_list_li li:first-child{padding-left:0px;}
.main_list_li li a{font-size:13px;}
.main_list_li li img{padding-bottom:5px;}

    
}


/* 메인 영역2 CSS */
.main_contentbox2{clear:both;z-index:900; position:relative;width:100%;height:464px; margin:35px  0px 25px auto;background:url(/images/main/20191007_main_bg.png) no-repeat center 0; background-color:#000 }
.tit4{font-size:35px;text-align:center;font-weight:200;letter-spacing: -4px;color:#fff;}
.tit4 b{font-weight:600}

.pt_10{padding-top:40px;}

.main_stepbox{clear:both; position:relative;width:1300px; height:230px;border:0px solid #222; margin:0 auto;text-align:center;}
.main_stepbox li{width:230px;height:230px;background-color:#fff;border-radius:50%;float:left; margin:30px 15px; 0px 15px}
.main_stepbox p{font-size:23px;line-height:27px;}
.main_stepbox li img{padding:41px 0px 10px 0px}

.main_arrow_1{position: absolute;top:125px;left:252px}
.main_arrow_2{position: absolute;top:125px;left:512px}
.main_arrow_3{position: absolute;top:125px;left:772px}
.main_arrow_4{position: absolute;top:125px;left:1030px}


@media all and (max-width:1100px) {

.main_contentbox2{display:none}
    
}



/* 메인 영역3 CSS */
.main_contentbox3{clear:both; position:relative;max-width:1300px;width:100%;margin:10px auto;}

.main_picbox{position:relative;width:1290px;margin:0 auto;text-align:center;padding-top:15px}

.mp_text{font-size:20px;position:absolute;z-index: 660;top:140px;left:96px;line-height:30px;font-weight:300;letter-spacing:-2px}
.mp_text b{text-decoration: underline}
.mp_box{position:relative;float:left;z-index:500;padding-bottom:50px;}
.mp_bg{position:absolute;top:80px;left:80px;z-index:600}
.mp_abox{float:right}

@media all and (max-width:1100px) {

.main_contentbox3{width:100%;}
.main_picbox{width:100%;padding-top:0px}
.mp_text{display:none;}    
.mp_box{width:50%;  float:left;padding-bottom:0px;}   
.mp_abox{width:50%;float:right}    
.mp_bg{display: none}
   
}


/* 메인 영역4 CSS */
.main_contentbox4{clear:both; position:relative;width:100%;margin:0px auto;}

.main_con4_box{position:relative;float:left; width:50%;height:280px; background-color:#2d8ee8;}
.main_con4{position:absolute;right:0px; width:640px;color:#fff;height:270px;padding-left:5px}

.tit5{font-size:38px;text-align:left;font-weight:200;letter-spacing: -5px;padding-top:20px;padding-bottom:20px;}
.tit5 b{font-weight:500}

.main_con5_box{position:relative;float:right;width:50%;height:280px; background-color:#f5f5f5}
.main_con5{position:absolute;left:0px; width:610px;color:#000;height:270px;padding-left:35px}

.tit6{font-size:38px;text-align:left;font-weight:200;letter-spacing: -5px;padding-top:20px;padding-left:10px;padding-bottom:10px;}
.tit6 b{font-weight:500}


@media all and (max-width:1100px) {
    
.main_con4_box{position:relative;float:none; width:100%;height:auto;margin:0 auto;text-align:center }
.main_con4{position:relative;right:0px; width:98%;margin:0 auto;padding-bottom:30px;  color:#fff;height:auto;padding-left:0px}    
    
.main_con5_box{position:relative;float:none;width:100%;height:auto;margin:0 auto;text-align:center }
.main_con5{position:relative;left:0px; width:98%;margin:0 auto;color:#000;padding-bottom:30px;height:auto;padding-left:0px}
    
.tit6{padding-left:3px;}    
}


/* 푸터 영역 CSS */
.footer{clear:both;position:relative;z-index:1100; width:100%;height:160px; background-color:#333337}
.footer_box{clear:both; width:1300px; margin:0 auto;text-align:center;padding-top:15px}

.f_logobox{float:left;}
.footer_textbox{float:left;text-align:left; padding-left:30px; margin:0 auto;color:#aaa; font-size:15px;font-weight:300;padding-bottom:0px;padding-top:13px;line-height:24px}
.footer_textbox div{padding:10px 0px;font-weight:300}
 .footer_textbox span{letter-spacing:0px}
.footer p{padding:0px;font-size:14px;font-weight:300;color:#686868;letter-spacing: 0px}


@media all and (max-width:1100px) {

.footer{clear: both}    
.footer_box{width:100%;padding-top:15px}
.f_logobox{float:none;}
.f_logobox img {width:90px;}    
.footer_textbox{width:98%;margin:0 auto; float:none;text-align:center; padding-left:0px;line-height:16px; font-size:11px;padding-top:5px;}    
.footer p{font-size:10px;}

}


/* 서브비주얼 */
.sub_vi_1{width:100%;height:245px;background:url(/images/common/sub_vi_1.png) no-repeat center 0; background-color:#000}
.sub_vi_2{width:100%;height:245px;background:url(/images/common/sub_vi_2.png) no-repeat center 0; background-color:#000 }
.sub_vi_3{width:100%;height:245px;background:url(/images/common/sub_vi_3.png) no-repeat center 0; background-color:#000}

.he_90{height:86px;}

@media all and (max-width:1100px) {
.sub_vi_1{height:100px;background:url(/images/common/sub_vi_1.png) no-repeat center 0; background-size:cover }
.sub_vi_2{height:100px;background:url(/images/common/sub_vi_2.png) no-repeat center 0; background-size:cover}
.sub_vi_3{height:100px;background:url(/images/common/sub_vi_3.png) no-repeat center 0; background-size:cover}
    
.he_90{height:38px;}
    
}

    
.sub_contentbox{clear:both; position:relative; width:100%;margin:0px auto;z-index:1100; }
.sub_contbox{margin:15px auto;z-index:1100; }

.sub_con1_box{position:relative;float:left; width:50%;height:402px;background:url(/images/company/co_bg1.png) repeat-x  }
.sub_con1{position:absolute;right:110px;top:60px; width:420px;color:#fff;height:260px;padding-left:5px}

.tit5{font-size:38px;text-align:left;font-weight:200;letter-spacing: -5px;padding-top:20px;padding-bottom:20px;}
.tit5 b{font-weight:500}

.sub_con2_box{position:relative;float:right;width:50%;height:402px;background:url(/images/company/co_bg2.png) repeat-x  }
.sub_con2{position:absolute;left:100px;top:105px; width:490px;color:#fff;height:270px;text-align:center;font-size:28px;letter-spacing:-3px;font-weight:200}
.sub_con2 b{letter-spacing:-2px;}

.sub_text{font-size:21px;font-weight:300}

.sub_text_a{font-size:23px;font-weight:300;text-decoration:underline;line-height:34px}
.sub_text_a b{color:#d10000;text-decoration:underline}

.sub_text_line{width:1200px;height:1px;background-color:#c6c6c6;margin:30px auto;}

.pt_25{padding-top:25px;}


.sub_text_greeting{font-size:28px;font-weight:300;text-decoration:underline;letter-spacing:-3px;padding-top:30px;line-height:45px;}
.sub_text_greeting b{color:#d10000;text-decoration:underline}


.sub_conbox{clear:both; position:relative; width:1285px;margin:60px auto;text-align: center; z-index:1100; }
.sub_conimgbox{ position:relative;width:1285px;margin:0 auto; height:660px;background:url(/images/company/co_bg3.png) no-repeat center 0 }

.sub_conimgbox p{font-size:26px;color:#003669;font-weight:600;letter-spacing:-2px}

.sub_img_text_1{position:absolute;left:0px;top:50px;text-align:left}
.sub_img_text_1 div{padding-top:10px;font-size:17px;line-height:29px;}

.sub_img_text_2{position:absolute;right:0px;top:50px;text-align:right}
.sub_img_text_2 div{padding-top:10px;font-size:17px;line-height:29px;}

.sub_img_text_3{position:absolute;left:0px;top:440px;text-align:left}
.sub_img_text_3 div{padding-top:10px;font-size:17px;line-height:29px;}

.sub_img_text_4{position:absolute;right:0px;top:440px;text-align:right}
.sub_img_text_4 div{padding-top:10px;font-size:17px;line-height:29px;}



@media all and (max-width:1100px) {
    
.sub_con1_box{position:relative;float:none; width:100%;height:250px;background:url(/images/company/co_bg1.png) no-repeat  }   
.sub_con1{position:relative;right:0;top:25px; width:100%;margin:0 auto;text-align:center; height:auto;padding-left:0px;}
.sub_con1 img{max-width: 70%;margin:0 auto;}
    
.sub_con2_box{position:relative;float:none;width:100%;height:160px;background:url(/images/company/co_bg2.png) no-repeat  }    
.sub_con2{position:relative;left:0px;top:20px; width:100%;font-size:20px;letter-spacing:-1px }
    
.sub_conbox{width:100%;margin:30px auto;}
.sub_conimgbox{ position:relative;width:100%;margin:0 auto; height:660px;background:url(/png) no-repeat center 0 }

    
.sub_text{width:98%;margin:0 auto; font-size:15px;font-weight:300}
.sub_text_a{font-size:16px;font-weight:300;line-height:28px}    
    
.sub_text_line{width:100%;}
.sub_conimgbox p{font-size:23px;}

.sub_img_text_1{position:relative;left:0px;top:0px;text-align:center}
.sub_img_text_1 div{padding-top:6px;font-size:15px;line-height:25px; padding-bottom:20px;}

.sub_img_text_2{position:relative;right:0px;top:0px;text-align:center}
.sub_img_text_2 div{padding-top:6px;font-size:15px;line-height:25px; padding-bottom:20px;}

.sub_img_text_3{position:relative;left:0px;top:0px;text-align:center}
.sub_img_text_3 div{padding-top:6px;font-size:15px;line-height:25px; padding-bottom:20px;}

.sub_img_text_4{position:relative;right:0px;top:0px;text-align:center}
.sub_img_text_4 div{padding-top:6px;font-size:15px;line-height:25px; padding-bottom:20px;}


.sub_text_greeting{font-size:16px;font-weight:300;text-decoration:underline;letter-spacing:-1px;padding-top:12px}

 }


/*제품소개*/


/* sub_menu end*/
.sub_found_menubox{width:100%;text-align:center;margin-top:35px}
.sub_nav_list{font-size:0;letter-spacing:-5px;}
.sub_nav_list li{display:inline-block;margin:1px; font-size:17px;letter-spacing:0;}
.sub_nav_list li a{width:156px;display:block;line-height:46px;font-size:1.150em;font-weight:normal;letter-spacing:-1px;text-align:center;}     

.menu_on{background:#fff;color:#003669;border:1px solid #003669;font-weight:700}
.menu_on a{color:#003669;}
.menu_off{background:#fff;border:1px solid #bdc0ca;}
.menu_off a{color:#bdc0ca;}

@media screen and (max-width:1200px) {
.sub_found_menubox{margin-top:15px}
.sub_nav_list li{width:auto;padding:3px 12px}
.sub_nav_list li a{width:100%;margin:0 auto;text-align:center; display:block;line-height:20px;font-size:14px;font-weight:normal;letter-spacing:-1px;}
}
/* sub_menu end*/


.pre_box{width:1280px;margin:0 auto; }
.pre_box ul{clear:both; margin-top:20px;}
.pre_box li {float:left; margin-right:66px;margin-bottom:15px;}
.pre_box li:nth-of-type(3n){margin-right:0;}

.pre_box li img {border:1px solid #e1e1e1;margin-top:15px;margin-bottom:8px;  }
.pre_box li span{border-bottom:1px solid #e1e1e1;line-height:20px;font-size:18px;}

.pro_bottom{clear:both; height:100px;}

.he_25{height: 25px;}








/* Style the tab */
.tab { overflow: hidden;width:390px;margin:0 auto;}

.tab button {background-color: inherit;float: left; border: none;outline: none;cursor: pointer; padding: 14px 65px; transition: 0.3s;font-size: 20px;border-top:1px solid #000;border-bottom:1px solid #000}

.tab button:hover { background-color: #ddd;}

.tab button.active {background-color: #000;color:#fff}

.tabcontent {display: none;padding: 0px 0px; border-top: none;}


@media all and (max-width:1100px) {

.pro_select{width:100%; height:35px;margin-top:30px;}
.pro_select li{float:left;margin:1px;}

.product_on{width:48.85%; height:40px;}
.product_off{width:48.85%; height:40px;}

.pre_box{width:98%;margin:0 auto; }
.pre_box li {float:none;margin-right:0px;}

.he_25{height: 10px;}

}

/*견적 및 상담문의*/

.inquiry_text{position:relative;font-size:24px;font-weight:400;line-height:38px; text-decoration:underline}
.inquiry_text b{color:#d10a0a;text-decoration:underline}

.inquiry_left{position:absolute;left:250px;top:5px;}
.inquiry_right{position:absolute;right:250px;top:5px;}

.inquiry_box{width:1280px;  margin:0 auto;border-top:2px solid #333;margin-top:30px }
.inquiry_wrap{width:100%;text-align:left;}
.inquiry_cellwrap{height:auto;  }

.inquiry_wrap .sect{display:table; width:100%; border-bottom:1px solid #999; }
.inquiry_wrap .sect_tit{display:table-cell; width:135px; color:#333;background:#f9f9f9;  padding:22px 30px;font-weight:500;  vertical-align:top; font-size:18px;letter-spacing:-1px; }
.inquiry_wrap .sect_cont{display:table-cell; padding:10px; }
.inquiry_wrap .in_space{width:380px; height:50px;color:#555; border:1px solid #ccc; text-indent:10px; }
.inquiry_wrap .tel_text{display:inline-block; font-size:17px; padding:13px; color:#727272;font-weight:300}
.inquiry_wrap .tel_text a{color:#585858; }
.inquiry_wrap .trd_etc{padding:10px; font-size:17px; }
.inquiry_wrap .select_space{height:51px; padding:0 100px 0 10px; color:#555; border:1px solid #ccc; background-color:#f7f7f7; font-size:14px;background: url("/images/common/slt_arrow.png") no-repeat scroll 95% 50%;-moz-appearance: none;-webkit-appearance: none;overflow: hidden;white-space: nowrap;cursor: pointer; }
.inquiry_wrap .sect_textarea{width:100%; border:0px solid red; margin:0 auto; }
.inquiry_wrap .sect_textare_box{width:95%; resize:none; border:1px solid #ccc; background:#f7f7f7; padding:10px;text-align:left;font-family: 'scdr'; }

.check_abox{width:100%;color:#777;padding-top:8px;display: table;vertical-align: middle;}

.check_abox li{display: table-cell;vertical-align: middle;}

.check_text{float:left;}

.agreement_check {position:relative;text-align: right;float:right}
.agreement_check input {padding-left:0px; font-weight: 500;width:20px;height:20px; }

.chooice_box{margin: 0 auto; text-align: center;padding-bottom:80px}

.chooice_bua{ background-color:#000; border:none; margin:0 auto; margin-top:30px; cursor:pointer; padding:9px 33px; }
.chooice_bua img{padding-top:13px; }


@media all and (max-width:1100px) {
    
.inquiry_text{font-size:14px;line-height:23px;}

.inquiry_left{display:none}
.inquiry_right{display:none}
    
.inquiry_box {width:96%;margin:5px auto;  height:auto;padding:4px 4px;}

.inquiry_wrap .sect_tit{display:block;padding:10px 15px 0;background:none;width:100%;box-sizing:border-box;}
.inquiry_wrap .sect_cont{display:block;padding:5px 15px;background:none;width:100%;box-sizing:border-box;}
.inquiry_wrap .in_space{box-sizing:border-box; width:98%; height:35px; padding:3px 0px 3px 5px; border:1px solid #888; color:#555;}
.inquiry_wrap .select_space{box-sizing:border-box; width:98%; height:35px;margin-top:2px; padding-left:2px;border: 1px solid #888; }
.inquiry_wrap .sect_textarea{box-sizing:border-box; width:98%; height:auto; padding-left:2px;}
.inquiry_wrap .sect_textare_box{width:95%; resize:none; border:1px solid #ccc; background:#f7f7f7; padding:10px;text-align:left;font-family: 'scdr'; }
    

.check_abox{ width:100%;color:#777;padding-top:8px;display: table;vertical-align: middle;}
    
.chooice_box{clear:both; margin: 0 auto; text-align: center;padding-bottom:80px}
.check_text{float:none;font-size:13px;}
.agreement_check {position:relative;text-align: left;float:left}
.agreement_check input {padding-left:0px; font-weight: 500;width:20px;height:20px; }

.chooice_bua{margin-top:30px; cursor:pointer; padding:9px 25px; }

}


/* 메인팝업 */

.popup_wrap_box {position: relative; width: 1600px;margin: 0 auto;}
.popup_wrap {display: none;position: fixed;top: 180px;z-index: 99999;}
.popup_wrap .popup_footer {background-color: #000;text-align: right;padding: 5px 10px;}
.popup_wrap .popup_footer .popup_close_cookie_btn,
 .popup_wrap .popup_footer .popup_close_btn {color: #FFF;font-weight: bold;font-size: 14px;margin-left: 20px;cursor:pointer}

@media all and (max-width:1100px) {
    .popup_wrap_box{display:none}

}






/* top */

.footer_top_box {display: table;table-layout: fixed;width: 1200px;margin: 0 auto}
.footer_top_box > div {display: table-cell;width: 33%;padding: 0 29px;vertical-align: top;border-right: 1px solid #ddd;}
.footer_top_box > div:first-child {padding-left: 0;}
.footer_top_box > div:last-child {padding-right: 0;border-right: none;}
.footer_top_box h3 {padding-bottom:4px;font-size: 22px;font-weight: 500;letter-spacing: -0.05em;color: #101c3b;}
.footer_top_box p {font-size: 14px;font-weight: 400;line-height: 1.73;letter-spacing: -0.025em;color: #666;}

.footer_contact_data {float: left;}
.footer_contact_data > strong {display: block;font-size: 29px;font-weight: 600;line-height: 1;color: #ed5c22;}
.footer_contact_data > b {display: block;padding-top: 4px;font-size: 0;line-height: 25px;}

.footer_contact_centertime {padding-top:10px;}

.footer_escrow_link {margin-top: 10px;padding-top: 15px;font-size: 0;border-top: 1px solid #ddd;}
.footer_escrow_link b {display: block;margin-bottom: 7px;font-size: 15px;font-weight: 500;text-indent: -1px;letter-spacing: -0.03em;line-height: 1;color: #222;}
.footer_escrow_link a {display: inline-block;vertical-align: middle;position: relative;font-size: 13px;font-weight: 400;letter-spacing: -0.025em;color: #666;}
.footer_escrow_link a:after {position: absolute;right: -6px;top: 1px;font-family: 'jt-font';content: '\e92a';font-size: 18px;font-weight: normal;color: #000;}
.footer_escrow_link a u {display: block;padding-right: 12px;padding-bottom: 2px;position: relative;text-decoration: none;}
.footer_escrow_link a u:before, .footer_escrow_link a u:after {content: '';display: block;height: 1px;position: absolute;bottom: 0;z-index: 2;-webkit-transition: width 400ms;transition: width 400ms;-webkit-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);}
.footer_escrow_link a u:before {width: 100%;right: 0;background: #666;-webkit-transition-delay: 200ms;transition-delay: 200ms;}
.footer_escrow_link a u:after {width: 0;left: 0;background: #666;-webkit-transition-delay: 0ms;transition-delay: 0ms;}
.footer_escrow_link a:hover u:before {width: 0;-webkit-transition-delay: 0ms;transition-delay: 0ms;}
.footer_escrow_link a:hover u:after {width: 100%;-webkit-transition-delay: 200ms;transition-delay: 200ms;}


.footer_btn.footer_kakao {text-align: center;color: #3c1e1c;background: #fdd700;border-color: #fdd700;}
.footer_btn.footer_kakao span {display: inline-block;}
.footer_btn.footer_kakao span:after {display: none;}
.footer_btn.footer_kakao span:before {display: inline-block;vertical-align: middle;padding-right: 5px;font-size: 25px;font-weight: normal;line-height: 1;}

.footer_bank_data {position: relative;}
.footer_bank_data > strong {display: block;margin: 10px 0 10px;font-size: 25px;font-weight: 600;line-height: 1;color: #ed5c22;}
.footer_bank_data > b {display: block;margin-bottom: 8px;font-size: 0;}
.footer_bank_data > b > span {display: inline-block;vertical-align: top;position: relative;padding: 0 7px;font-size: 15px;font-weight: 500;letter-spacing: -0.025em;color: #222;}
.footer_bank_data > b > span:after {content: '';display: block;width: 1px;height: 13px;position: absolute;right: -1px;top: 50%;margin-top: -6.5px;background: #d1d1d1;}
.footer_bank_data > b > span:first-child {padding-left: 0;}
.footer_bank_data > b > span:last-child {padding-right: 0;}
.footer_bank_data > b > span:last-child:after {display: none;}

.footer_bank_symbol {height: 52px;position: absolute;right: -3px;top: 50%;margin-top: -43px;text-align: right;}
.footer_bank_symbol > img {max-width: 100%;width: auto;height: 100%;margin-right: 3px;vertical-align: middle;}
.footer_bank_symbol > img:last-child {margin-right: 0;}

.footer_info_notice_header {position: relative;}
.footer_info_notice .footer_info_notice_header h3 {padding-bottom: 5px;}
.footer_notice_more {display: block;width: 20px;height: 20px;position: absolute;right: 0;top: 50%;margin-top: -12px;font-size: 0;border: 1px solid #ddd;-webkit-transition: border-color 300ms;transition: border-color 300ms;}
.footer_notice_more:after {display: block;width: 100%;height: 100%;font-size: 10px;line-height: 18px;text-indent: 1px;text-align: center;font-weight: normal;color: #ed5c22;}
.sasfari .footer_notice_more:after { text-indent:0;}
.footer_notice_more:hover {border-color: #ed5c22;}



.top_box{background:url('http://file.modernm.co.kr/port/top.png') no-repeat center 0; width:100%;margin:0 auto;height:549px}

.profile_box{width:1000px;margin:0 auto;padding:45px 0 40px}
.left_box{float:left; width:326px;height:336px;background:#b6ff00;margin-bottom:50px;}
.left_text {font-weight:500;color:#1f1f1f}
.right_text{font-weight:400;color:#505050}
.right_box {float: right; position: relative;width: 640px;height: 332px; border-top: 2px solid #828282;border-bottom: 2px solid #828282}
.right_box li {float:left;font-size:23px;line-height:210%;padding-right:50px;padding-top:21px;}



.port_box_div{clear:both; width:100%;height:1450px;margin:25px auto;  background:#f6f6f6;}
.port_box{width:1000px; margin:0 auto;text-align:center;font-size:16px;padding-top:45px;}
.port_box li{float:left;margin-right:9px;padding:30px 0px 13px 0px ; border-bottom:1px solid #000}
.port_box li a{color:#000}
.port_box li a:hover{color:#c71a1a;text-decoration:underline}
.port_box li:nth-of-type(3n){margin-right:0;}
.port_box li img{padding-bottom:15px;}
.port_box li b {font-size:22px;font-weight:500}
.port_box li p{color:#606060}
