@charset "utf-8";
/* CSS Document */
 
body{font-size:16px;}

.box1{ width:100%; width:1200px; margin:0 auto; position:relative; }
.box2{ width:100%; width:100%;   margin:0 auto; position:relative; }
.pc_hide{ display:none;}



#header{position:fixed; top:0; left:0; width:100%; z-index:999;}
#header .gnb_area{position:relative; z-index:99;  background:#fff; }
#header .gnb_area .logo{position:absolute; left:0; top:20px; background:url(../images/inc/t_logo.png) no-repeat 0 0; background-size:90%; }
#header .gnb_area .logo a{display:block;  width:153px; height:48px; }

#header .r_menu{position:absolute; top:34px; right:70px}
#header .r_menu ul{overflow:hidden;}
#header .r_menu ul li{float:left; margin-left:10px; padding-left:10px; position:relative;}
#header .r_menu ul li:first-child{margin-left:0; padding-left:0;}
#header .r_menu ul li::before{content:''; position:absolute; left:0; top:4px; width:1px; height:7px; background:rgba(255,255,255,0.4); z-index:10;}
#header .r_menu ul li:first-child::before{background:none!important;}
#header .r_menu ul li a{font-size:12px; color:#fff;}
#header .r_menu ul li a:hover{color:#db0c19!important;}

#header .ham_btn{position:absolute; top:6px; right:0;}
#header .all_btn{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; width:27px; height:27px; margin-top:24px; overflow:hidden;}
#header .all_btn *{ transition:0.3s ease;}
#header .all_btn .all_dot{ float:left; width:5px; height:5px; background:#fff; margin-left:4px; margin-bottom:4px;}


#header:hover,
#header.on{ background:#fff; transition:.4s; box-shadow:4px 0 26px rgba(0,0,0,0.3)}
#header:hover .gnb_area .logo,
#header.on .gnb_area .logo{background:url(../images/inc/t_logo2.png) no-repeat 0 0;  background-size:90%;}
#header:hover .gnb_area .gnb > li .dp1,
#header.on .gnb_area .gnb > li .dp1{color:#222;}
#header:hover .r_menu ul li a,
#header.on .r_menu ul li a{color:#222;}
#header:hover .r_menu ul li::before,
#header.on .r_menu ul li::before{ background:#aaa;}
#header:hover .all_btn .all_dot,
#header.on .all_btn .all_dot{ background:#000;}

#header .gnb_area .gnb{float:right; margin-right:26%;}
#header .gnb_area .gnb:after{ content:""; display:block; clear:both;}
#header .gnb_area .gnb > li{ float:left; position:relative; cursor:pointer;}
#header .gnb_area .gnb > li .dp1{ display:block; position:relative; padding:0 31px; height:82px; line-height:82px; font-size:1.16em; color:#fff; font-family:notokrM;}
#header .gnb_area .gnb > li:first-child .dp1{background:none;}
#header .gnb_area .gnb > li > a{ text-decoration:none; } 


#header .gnb_area .gnb > li:hover .dp1{color:#db0c19}
#header .gnb_area .gnb > li .dp1.on {color:#db0c19!important;}

#header .gnb_area .gnb > li:hover .dp2{background:#fff;}
#header .gnb_area .gnb > li.on .dp2{background:#fff!important; }

#header .gnb_area .gnb > li.on .dp2 a{color:#fff!important;}
#header .gnb_area .gnb > li .dp2 a:hover{background:#e4e4e4; color:#222}


#header .gnb_area .gnb .dp2{ position:absolute; left:50%; margin-left:-110px; width:220px; padding:10px 0; background:#fff; text-align:center; border:1px solid #ccc; border-top:0;}
#header .gnb_area .gnb .dp2 > li{text-align:center;}
#header .gnb_area .gnb .dp2 > li > a{ display:block; padding:10px 0; color:#333; font-size:0.92em; padding:10px 0;}
#header .gnb_area .gnb .dp2 > li:first-child > a{ border-top:0;}

#header .gnb_area .gnb .dp2,
#header .gnb_area .gnb .dp3,
#header .gnb_area .gnb .m_guide, 
#header .gnb_area .gnb .m_member,
#header .gnb_area .gnb .m_mypage,
#header .gnb_area .gnb .m_sitemap,
#header .gnb_area .gnb .m_search{ display:none;}


/**/
#header .utilMenu{ overflow:hidden;}
#header .utilMenu > li{ float:left; padding-left:30px;}
#header .utilMenu .allmenu_btn0 { cursor:pointer;}
#header .utilMenu .allmenu_btn0 .xi { color:#fff; font-size:36px}
#header .utilMenu .allmenu_btn0 .xi2 { font-size:30px}
#header.siteOpen {background:#fff; height:82px}
#header.siteOpen .ham_btn .sub_hide { display:none !important}
#header.siteOpen .ham_btn .main_hide {display:block !important;}
#header.siteOpen .utilMenu{ overflow:hidden; margin-top:10px;}
#header.siteOpen .utilMenu .allmenu_btn > span,
#header.siteOpen .utilMenu .allmenu_btn:before,
#header.siteOpen .utilMenu .allmenu_btn:after{ content:""; position:relative; display:block; width:23px; height:2px; background:#444; text-align:center; transition-duration:.4s;}
#header.siteOpen .utilMenu .allmenu_btn > span{ width:16px; margin:5px 0; font-size:0;}

.allSItemap_wrap{ position:fixed; z-index:999; top:0; right:-100%; width:100%; height:100%; background:#fff;}
.allSItemap_wrap .inner{ }
.allSItemap_wrap .gnb{ text-align:center; padding:0 50px;}
.allSItemap_wrap .gnb *{ transition:.3s;}
.allSItemap_wrap .gnb > li{ display:inline-block; *display:inline; zoom:1; vertical-align:top; width:35%; padding:20px 0;}
.allSItemap_wrap .gnb > li .dp1,
.allSItemap_wrap .gnb > li .dp2{ margin:0 10px; text-align:left;}
.allSItemap_wrap .gnb > li a{ display:block; padding:12px 5px 12px 15px; font-weight:400;}
.allSItemap_wrap .gnb > li .dp1{ border-bottom:2px solid #db0c19 ; font-size:1.125em; color:#000; letter-spacing:-1px;  position:relative; transition:.3s;}
.allSItemap_wrap .gnb > li:hover .dp1{ background:#db0c19 ; color:#fff;}
.allSItemap_wrap .gnb > li .dp2 > li > a{ border-bottom:1px dashed #ccc; font-size:.875em; color:#000; letter-spacing:-0.5px;}
.allSItemap_wrap .gnb > li .dp2 > li:hover > a{ color:#db0c19 ;} 
.allSItemap_wrap .gnb > li.m_guide {display:none;}

#header.siteOpen .ham_btn .utilMenu .allmenu_btn{ width:60px; height:40px;}
#header.siteOpen .ham_btn .utilMenu .allmenu_btn > span{ opacity:0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -khtml-opacity: 0; -moz-opacity: 0;}
#header.siteOpen .ham_btn .utilMenu .allmenu_btn:before{-ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); width:60px; top:18px;}
#header.siteOpen .ham_btn .utilMenu .allmenu_btn:after{-ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); width:60px; top:4px;}
#header.siteOpen .ham_btn .utilMenu .menu,
#header.siteOpen .gnb_area .gnb,
#header.siteOpen .r_menu,
#header.siteOpen .ham_btn .utilMenu .allmenu_btn1 { display:none;}
#header.siteOpen .gnb_area .logo {background:url(../images/inc/t_logo2.png) no-repeat 0 0}

/*----------------lnb-----------------------*/

#contents{}

.sub #contents .lnb_area{ width:100%; margin-top:-50px;}
.sub #contents .lnb_area .gnb {}
.sub #contents .lnb_area .gnb > li{ display:none}
.sub #contents .lnb_area .tit{height:78px; }

.sub #contents .lnb_area .tit h2{ z-index:inherit; display:block;  line-height:78px; font-size:20px; font-weight:600; color:#fff; padding-left:24px; }
.sub #contents .lnb_area .gnb .dp1{ display:none}
.sub #contents .lnb_area .gnb .dp2{font-size:0; background:#e10005;}
.sub #contents .lnb_area .gnb .dp2 > li{position:relative; display:inline-block; *display:inline; zoom:1; width:16.66%; height:50px; text-align:center; transition:0.3s;}
.sub #contents .lnb_area .gnb .m_2 .dp2 > li{width:25%;}
.sub #contents .lnb_area .gnb .m_3 .dp2 > li{width:33.33%;}
.sub #contents .lnb_area .gnb .m_4 .dp2 > li{width:33.33%;}

.sub #contents .lnb_area .gnb .dp2 > li::before{content:''; position:absolute; right:0; top:0; width:1px; height:100%; background:rgba(255,255,255,0.3);}
.sub #contents .lnb_area .gnb .dp2 > li > a{color:#fff; font-size:1.07rem; display:block; padding-top:15px; text-decoration:none;}

.sub #contents .lnb_area .gnb .dp2 > li:hover{background:#c40307;}
.sub #contents .lnb_area .gnb .dp2 > li.on{background:#fff;}
.sub #contents .lnb_area .gnb .dp2 > li.on a{color:#222!important; font-weight:600; }


/*contents기본배치*/
#contents{ position:relative; z-index:1}
#contents.sub_conetents{}
.sub .doc{ padding:100px 0 150px 0; overflow:hidden; }
.sub .doc_p_none{ padding:0px 0 150px 0; overflow:hidden; }
.sub .svisu_area{ height:320px; width:100%; position:relative; }
.sub .svisu_area .visu_sgarea{ text-align:left; position:relative; padding-top:48px; text-align:center; filter:alpha(opacity=0); opacity:0;}
.sub .svisu_area .visu_sgarea .copy1{font-size:2.313em; color:#fff; letter-spacing:-1px;  font-family:Verdana, Arial, Helvetica, sans-serif; text-shadow:1px 1px 3px rgba(0,0,0,0.3);}
.sub .svisu_area .visu_sgarea .copy2{color:#fff; margin-top:7px; text-shadow:1px 1px 3px rgba(0,0,0,0.3);}

.sub .lnb_this_bg{background:#fff;}

.sub .navi {position:absolute; right:20px; top:33px;}
.sub .navi > li{ display:inline-block; *display:inline; zoom:1; font-size:14px; color:#333; font-family:ng, sans-serif;}
.sub .navi i{color:#999; vertical-align:middle;}
.sub .navi .home{color:#666; font-size:18px;}
.sub .navi .this{color:#e10005; font-weight:600;}
 
.sub .sub_con{position:relative; z-index:1; }
.sub .sub_con .gnb_area{}
.sub .sub_con .con_area{width:100%;}

.sub .sub_con .this_page{ font-size:2em; padding:25px 0 25px 20px ; font-weight:600; border-bottom:1px solid #ccc;}


/*footer1 up*/
#footer{ position:relative; background:#fff; border-top:1px solid #ddd;}
#footer .box1{ padding:50px 0;}
#footer .f_logo{position:absolute; right:0; top:110px; width:148px; height:48px; background:url(../images/inc/t_logo2.png) no-repeat 0 0;}

#footer .copy{float:left; width:50%;}
#footer .footer_content{float:left; width:50%;}
#footer .copy ul{}
#footer .copy ul li{position:relative; display:inline-block; *display:inline; zoom:1; padding-right:10px; font-size:14px; color:#666666; margin-bottom:3px; vertical-align:middle;}
#footer .copy ul li.company{margin-bottom:30px; color:#333;  font-weight:600;}
#footer .copy ul li .st1{color:#333; font-weight:600;}
#footer .copy ul li .mg_l{margin-left:31px;}
#footer .copy ul .copyright{margin-top:25px; font-size:12px; color:#aaa;  display:block;}

#footer .footer_content .p1{font-size:14px; font-weight:600; color:#222; margin-bottom:30px;}
#footer .footer_content > ul >li a{font-size:14px; color:#888; margin-bottom:7px; display:block; }
#footer .footer_content > ul >li a:hover{color:#444;}


#footer .footer_family_dv{position:absolute; right:0; top:50px; z-index:15;}
#footer .footer_family_dv .family_site{display:inline-block; *display:inline; zoom:1; vertical-align:middle;  position:relative}
#footer .footer_family_dv .family_site *{-webkit-transition:.3s; transition:.3s}
#footer .footer_family_dv .family_site .catalog_btn{ display:block; color:#333; border:1px solid #ddd; line-height:40px; padding:0 1em; width:176px; font-size:.875em;  position:relative; font-weight:600;}
#footer .footer_family_dv .family_site .catalog_btn .xi{ position:absolute; right:10px; top:0px}
#footer .footer_family_dv .family_site .catalog{ position:absolute; left:0; bottom:42px; width:100%; visibility:hidden; filter:alpha(opacity=0);opacity:0;}
#footer .footer_family_dv .family_site .catalog > li > a{ display:block; padding:0 1em;  color:#222; font-size:.75em; background:#fff; position:relative; line-height:34px; overflow:hidden; border:1px solid #ddd; border-bottom:0; }
#footer .footer_family_dv .family_site .catalog > li > a .xi{ position:absolute; right:-50px; top:0px; font-size:1.25em}
#footer .footer_family_dv .family_site .catalog > li:hover > a{ background:#f1f1f1}
#footer .footer_family_dv .family_site .catalog > li:hover > a .xi{ right:10px}
#footer .footer_family_dv .family_site:hover{ overflow:visible}
#footer .footer_family_dv .family_site:hover .catalog_btn{ border-radius:0 0 5px 5px; background:#f1f1f1}
#footer .footer_family_dv .family_site:hover .catalog{ visibility: visible; filter:alpha(opacity=100);opacity:1;}

#footer .footer_family_dv .top_btn{display:inline-block; *display:inline; zoom:1; margin-left:2px; vertical-align:middle; cursor:pointer;}
#footer .footer_family_dv .top_btn:hover{background:#f1f1f1;}
#footer .footer_family_dv .top_btn .xi{width:40px; line-height:40px; border:1px solid #ddd; color:#555; text-align:center;  font-size:22px;}

/*sub_footer*/
#footer.sub_on{background:#1F1F1F;}
#footer.sub_on .f_logo{background:url(../images/inc/t_logo.png) no-repeat 0 0;}

#footer.sub_on .copy ul li{color:#888;}
#footer.sub_on .copy ul li.company{color:#fff;}
#footer.sub_on .copy ul .copyright{color:#666;}
#footer.sub_on .footer_content .p1{color:#fff;}
#footer.sub_on .footer_family_dv .family_site .catalog_btn{border:1px solid #555; color:#fff;}
#footer.sub_on .footer_family_dv .family_site:hover .catalog_btn{background:#393939}
#footer.sub_on .footer_family_dv .family_site .catalog > li > a{background:#393939;  border:1px solid #777; border-bottom:0; color:#fff}
#footer.sub_on .footer_family_dv .family_site .catalog > li:hover > a{background:#555;}

#footer.sub_on .footer_family_dv .top_btn .xi{border:1px solid #555; color:#fff;}
#footer.sub_on .footer_family_dv .top_btn:hover{background:#393939;}

/* sitemap */
.sitemap .gnb{ overflow:hidden; margin-left:-2%;}
.sitemap .gnb > li{ float:left; width:18%; margin-left:2%;}
.sitemap .gnb > li.m_member,
.sitemap .gnb > li.m_mypage{ display:none}
.sitemap .gnb > li .dp1{ display:block; border-top:3px solid #e10005; border-bottom:1px solid #e10005; text-align:center; font-size:1.3em; font-weight:600; color:#e10005; padding:20px 0;}
.sitemap .gnb > li:hover .dp1{ background:#e10005; color:#fff}
.sitemap .gnb > li .dp2 > li > a{ display:block; border-bottom:1px dotted #999; font-size:87.5%; color:#666; padding:10px 0; text-align:center; font-size:1em;}
.sitemap .gnb > li .dp2 > li > a:hover{ font-weight:bold; color:#e10005;}
.sitemap .gnb > li.m_1,
.sitemap .gnb > li.m_2,
.sitemap .gnb > li.m_3,
.sitemap .gnb > li.m_4,
.sitemap .gnb > li.m_5{ min-height:410px;}

/*agree & privacy*/
.sub .agree_area{ border-top:2px solid #e10005; border-bottom:1px solid #666; position:relative; height:500px; overflow-y:scroll;}
.sub .agree_area .agree_tt{ position:absolute; left:0; top:0; width:178px; height:100%; border-left:1px solid #ccc; border-right:1px solid #ccc; background:url(../images/member/agree_bg.png) no-repeat left top; text-align:right;}
.sub .agree_area .agree_tt strong{ display:inline-block; *display:inline; zoom:1; font-size:1.308em; font-weight:600; color:#fff; padding:20px 15px 0;}
.sub .agree_area .agree_box{ margin-left:180px; background-color:#f9f9f9; padding:20px;}
.sub .agree_area .agree_box .txt{ font-weight:600; color:#444; line-height:20px; margin-bottom:15px;}
.sub .agree_area .agree_box .agree_in{ height:140px; padding:15px; border:1px solid #ccc; background:#fff; line-height:18px; overflow-y:scroll;}
.sub .agree_area .agree_box .agree_in p{ line-height:18px; margin-bottom:12px;}
.sub .agree_area .agree_box .agree_in.h_st{ overflow-y:hidden; height:auto;}
.sub .agree_area .agree_box .agree_inp{ margin-top:25px; text-align:right;}
.sub .agree_area .agree_box .agree_inp input,
.sub .agree_area .agree_box .agree_inp label{ vertical-align:middle; cursor:pointer;}
.sub .agree_area .agree_box .agree_inp input{ margin-left:15px;}
.sub .agree_area .agree_box .agree_inp label{ margin-left:8px;}
.sub .agree_area .agree_box .agree_inp label:hover{ color:#3992ed;}

.sub .agree_area.st .agree_box{ margin-left:0; padding:30px;}
.sub .agree_area.st .agree_box .agree_in{ padding:30px;}

.sub .st.agree_area .agree_box .agree_in .agree_tit{border:1px solid #ccc; padding:20px; background:#f1f1f1; text-align:center;}
.sub .agree_area.st .agree_box .agree_in p{color:#666;  line-height:21px; padding-left:5px;}
.sub .agree_area.st .agree_box .agree_in p >strong{font-size:1.154em; color:#333; margin-left:-5px;}

/************Sub*************/
/*sub1_1*/
.sub1_1img {width:35%; float:right;}
.sub1_1t_box {width:65%; float:left;}
.sub1_1t_box > p {margin-right:40px; color:#444;font-size:1.125em;}
.sub1_1t_box .sub1_1t_tit { }
.sub1_1t_box .sub1_1t_tit:after {display:block; content:''; width:200px; height:2px; background:linear-gradient(to right, #333, #e10005, #fff) ; margin:20px 0 30px 3px; }
.sub1_1t_box .sub1_1t_t1 { margin-top:20px; line-height:1.5;}
.sub1_1t_box .sub1_1t_sign { font-weight:600; text-align:right; letter-spacing:1.5px; color:#777; font-size:1.188em; margin-top:20px; }
.sub1_1t_box .sub1_1t_sign > span { font-size:.875em; letter-spacing:0; display:inline-block; margin-top:2px;}

/*sub1_3*/
.sub1_2tit_box .sub1_2tit_t2 {margin-bottom:15px; font-size:1.188em; font-weight:600; color:#555}
/*.sub1_3top_btm2 {margin-top:80px; border-top:1px dashed #ddd; padding-top:50px; }
.sub1_3top_btm2 .sub1_3ci_i {width:30%; float:left;}
.sub1_3top_btm2 .sub1_3ci_t {width:70%; float:left;}
.sub1_3top_btm2 .sub1_3ci_t .sub1_2tit {margin-top:80px; margin-left:20px;}
.sub1_3top_btm2 .sub1_3ci_t .t2 {margin-left:50px; font-size:1.375em; font-weight:600; color:#555}
.sub1_3top_btm2 .sub1_3ci_t .t2 > span {color:#e10005;}*/

.sub1_3tit_box {margin-top:30px;}
.sub1_3tit_box span {display:inline-block; vertical-align:text-bottom; margin-bottom:2px }
.sub1_3tit_box .logo { vertical-align:middle; margin-bottom:0px;}

/*sub1_4*/
.history_top {width:25%; margin:auto; text-align:center;}
.sub_history_wrap{ position:relative; z-index:inherit; padding-bottom:150px; }
.sub_history_wrap .sub_history_line{ position:absolute; z-index:inherit; width:1px; background:#ddd; left:50%; height:100%; margin-left:-1px; top:-49px}

.sub_history_wrap .sub_history > li{ position:relative; z-index:inherit; width:50%; margin-top:30px}
.sub_history_wrap .sub_history > li:first-child{ margin-top:50px}
.sub_history_wrap .sub_history > li .history{ padding:0 20px}
.sub_history_wrap .sub_history > li .history .year{ font-family:Georgia, "Times New Roman", Times, serif; font-size:2em; font-weight:600; color:#888; position:relative; z-index:inherit; letter-spacing:-1px}
.sub_history_wrap .sub_history > li .history .year .dot{ position:absolute; z-index:inherit; background:url(../images/inc/jum_ico.png) no-repeat left center; width:10px; height:10px; top:50%; margin-top:-5px;}
.sub_history_wrap .sub_history > li .history .list{ position:relative; z-index:inherit; margin-top:15px}
.sub_history_wrap .sub_history > li .history .list .month{ position:absolute; z-index:inherit; top:0; width:60px; font-size:1.125em; color:#e10005; font-family:notokrM, sans-serif;}
.sub_history_wrap .sub_history > li .history .list .tt{ display:block; font-size:1.063em; color:#444; margin:5px 0; position:relative; }
.sub_history_wrap .sub_history > li.odd{ left:0; text-align:right}
.sub_history_wrap .sub_history > li.even{ left:50%}

.sub_history_wrap .sub_history > li.odd .history .year .dot{ right:-25px}
.sub_history_wrap .sub_history > li.even .history .year .dot{ left:-25px}
.sub_history_wrap .sub_history > li.odd .history .list .month{ right:0px}
.sub_history_wrap .sub_history > li.even .history .list .month{ left:0px}

.sub_history_wrap .sub_history > li.odd .history .list .tt { padding-right:55px;}
.sub_history_wrap .sub_history > li.odd .history .list .tt:before {position:absolute; content:''; top:10px; right:45px; width:5px; height:1px; background:#333}
.sub_history_wrap .sub_history > li.even .history .list .tt { padding-left:55px;}
.sub_history_wrap .sub_history > li.even .history .list .tt:before {position:absolute; content:''; top:10px; left:45px; width:5px; height:1px; background:#333}

.sub1_4tit_box > p {text-align:center; color:#333; font-size:1.25em;}
.sub1_4tit_box .sub1_4tit_t1 {font-size:1.5em; font-weight:600; }
.sub1_4tit_box .sub1_4tit_t1 > span { color:#e10005;}
.sub1_4tit_box .sub1_4tit_t1:after {display:block; content:''; width:35px; height:4px; background:#ddd; margin:30px auto;}

/**/
.sub1_3top_box {text-align:center !important;}
.sub1_3top_box > img {display:in}
.sub1_3top_btm {text-align:Center; margin-top:80px; border-top:1px dashed #ddd; padding-top:50px;}
.sub1_3top_btm .sub1_2tit_box {margin:30px 0 50px 0}
.sub1_3top_btm > p {display:inline-block; width:200px; height:200px; margin:0 20px; border:4px dashed #e10005; border-radius:50%;}
.sub1_3top_btm .sub1_3in {display:block;}
.sub1_3top_btm .sub1_3in.sub1_3in_t {font-size:1.125em; font-weight:600; color:#444}
.sub1_3top_btm .sub1_3in.sub1_3in_t:before {display:block; content:''; margin:15px auto 10px auto; width:15px; height:2px; background:#e10005}

/*sub1_6*/
.map_right {width:100%;}   
/*.map_right iframe { width:49.5%;} 
.map_right_100 iframe { width:100%;}
.map_right .fr{ width:49.5%;}*/

.tbl_st2 { border:1px solid #ddd; padding:0px; margin-bottom:10px; border-top:2px solid #e10005; font-size:.875em; }
.tbl_st2 thead th {border-left:1px solid #ddd; background:#f1f1f1 !important; color:#333 !important;}
.tbl_st2 thead th,
.tbl_st2 tbody th { background:#f8f8f8; color:#444444; font-weight:500; border-bottom:1px solid #dddddd; border-right:1px solid #dddddd; font-size:1em; padding:10px 20px;  }
.tbl_st2 tbody td { text-align:left; color:#666; font-weight:300; border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:10px 20px; vertical-align:middle; }
.tbl_st2 tbody td > a { color:#666 !important; font-weight:300 !important;}
.tbl_st2 tbody td p{ line-height:1.8; background:url(../images/sub/table_tit.jpg) no-repeat left 11px; padding-left:10px;}
.tbl_st2 tbody td p.noimg{ background:none; padding-left:0;}
.tbl_st2 tbody td p span.bus{ font-weight:600;} 
.tbl_st2 tbody td p span.rail{ background:#0041aa; color:#fff; display:inline-block; padding:0px 10px;}
.tbl_st2 thead th:last-child, .tbl_st2 tbody th:last-child, .tbl_st2 tbody td:last-child { border-right:none; }

.map_right .busi_tit {border-bottom:1px solid #ddd; position:relative; padding-bottom:10px; margin-bottom:20px;}
.map_right .busi_tit:after {position:absolute; content:''; width:10%; height:1px; background:#009a51; left:0; bottom:-1px;}
{display:inline-block; width:23px; height:23px; background:url(../images/sub/sub_ico.png)no-repeat center center;background-size:100% auto; vertical-align:middle; margin-right:5px;}



/*sub2_1*/
.sub2_1tit {font-size:1.5em; font-weight:600; margin-bottom:10px;}
.sub2_1tit .tit_ico {display:inline-block; width:23px; height:21px; background:url(../images/sub/tit_ico.png)no-repeat center center; background-size:100% auto; vertical-align:middle;}
.sub2_1txt {margin-left:25px; color:#444 }
.sub2_1info_box {overflow:hidden; margin-top:50px; margin-left:-25px; padding:0 25px;}
.sub2_1info_box > li {width:33.33%; float:left;}
.sub2_1info_box > li .sub2_1info_in {margin-left:25px; margin-bottom:25px; border:1px solid #ddd; border-top:2px solid #e10005;}
.sub2_1info_box > li .sub2_1info_in .sub2_1info_in1 { position:relative; border-bottom:1px solid #ddd;}
.sub2_1info_box > li .sub2_1info_in .sub2_1info_in1 > img {width:100%;}
.sub2_1info_box > li .sub2_1info_in .sub2_1info_in1 > p {position:absolute; left:0; bottom:0; padding:10px; background:rgba(255,255,255,.6); width:100%; text-align:center; font-weight:600; font-size:1.125em;}
.sub2_1info_box > li .sub2_1info_in .sub2_1info_in1 > p span {font-size:1.5em; vertical-align:text-bottom; display:inline-block;line-height:1; font-weight:400; color:#013d98; margin-left:-20px;}
.sub2_1info_box > li .sub2_1info_in .sub2_1info_in2 {padding:20px; }
.sub2_1info_box > li .sub2_1info_in .sub2_1info_in2 > li {padding-left:12px; position:relative; margin-top:8px; line-height:1.4}
.sub2_1info_box > li .sub2_1info_in .sub2_1info_in2 > li:first-child { margin-top:0px;}
.sub2_1info_box > li .sub2_1info_in .sub2_1info_in2 > li:before {position:absolute; content:''; width:5px; height:1px; background:#999; left:0; top:10px;}

/**/
.sub2_3info_box {text-align:center;}
.sub2_3info_box > li {width:33%; float:inherit; display:inline-block; vertical-align:text-top}
.sub2_3info_box > li .sub2_1info_in {text-align:left;}

.sub2_4info_box > li {width:25%; }



/*sub3_1*/
.sub3_1tit_box { background:url(../images/sub/3_1bg_01.jpg)no-repeat center center; padding:100px 0;}
.sub3_1tit_box > p {text-align:center; color:#fff; font-size:1.25em;}
.sub3_1tit_box .sub3_1tit_t1 {font-size:1.5em; font-weight:600; text-shadow:1px 1px 1px #555}
.sub3_1tit_box .sub3_1tit_t1 > span { color:#e10005;}
.sub3_1tit_box .sub3_1tit_t1:after {display:block; content:''; width:35px; height:4px; background:rgba(255,255,255,.6); margin:30px auto;}

.sub3_1info_box { margin-top:80px;}
.sub3_1info_box > li {width:33.33%; float:left; border-left:1px dashed #ddd; box-sizing:border-box; padding:10px 0;}
.sub3_1info_box > li:first-child {border-left:none;}
.sub3_1info_box .sub3_1info_in {margin:0 15px; }
.sub3_1info_box .sub3_1info_in .sub3_1info_ico {margin:auto; width:180px; height:180px; border:5px solid #ddd; border-radius:50%; text-align:center; }
.sub3_1info_box .sub3_1info_in > dl {margin-top:20px; text-align:center; padding:0 10px;}
.sub3_1info_box .sub3_1info_in > dl dt {font-size:1.25em; font-weight:600}
.sub3_1info_box .sub3_1info_in > dl dt:after {display:block; content:''; width:20px; height:2px; background:#e10005; margin:15px auto;}
.sub3_1info_box .sub3_1info_in > dl dd {margin-bottom:10px; font-size:1.063em; color:#555; line-height:1.3}



/*sub1_2*/
.sub1_2tit_box { }
.sub1_2tit_box > p {text-align:center; color:#333; font-size:1.25em;}
.sub1_2tit_box .sub1_2tit_t1 {font-size:1.5em; font-weight:600; }
.sub1_2tit_box .sub1_2tit_t1 > span { color:#e10005;}
.sub1_2tit_box .sub1_2tit_t1:after {display:block; content:''; width:35px; height:4px; background:#ddd; margin:30px auto;}
.sub1_2tit_box .sub1_2tit_t2 {width:80%; margin:auto; line-height:1.4}

.sub1_2tit {font-size:1.313em; }

.sub1_2_mdl {margin:80px 0; background:rgba(255,255,255,.5) url(../images/sub/1_2bg_01.jpg)no-repeat center center; }
.sub1_2_mdl > div {background:;padding:50px 10px; }
.sub1_2_mdl .tbl_st1_2 th { background:#f1f1f1}
.sub1_2_mdl .tbl_st1_2 td { background:#fff}

.sub1_2info_box { margin-top:20px;}
.sub1_2info_box > li {width:33%; float:left; border-left:1px dashed #ddd; box-sizing:border-box; padding:10px 0; margin-top:20px;}
.sub3_1info_box > li:first-child {border-left:none;}
.sub3_1info_box > li:nth-of-type(4){border-left:none;}


.sub1_2info_box .sub3_1info_in {margin:0 10px; }
.sub1_2info_box .sub3_1info_in .sub3_1info_ico {margin:auto; width:150px; height:150px; border:5px solid #ddd; border-radius:50%; text-align:center; }
.sub1_2info_box .sub3_1info_in  dl .f_size {font-size:1.063em; font-weight:600 !important}

/**/
.1_3top_box {text-align:center; border:1px solid red}
.sub1_2tit_box .sub1_3tit {font-size:1.313em; color:#013d98; margin-bottom:5px; font-family:notokrM,sans-serif;}


/*인증서 및 특허 4_1*/
.patent_form {margi}
.patent_form > ul {margin-left:-20px; overflow:hidden;}
.patent_form .patent_box { width:25%; float:left;}
.patent_form .patent_box .patent_box_i {border:1px solid #ddd; /*border-top:2px solid #cdcdcd;*/ margin:0 0 20px 20px; transition:.3s; cursor:pointer; }
.patent_form .patent_box .patent_box_i .pat_tit {padding:10px ; text-align:center; border-bottom:1px solid #ddd; font-family:notokrM, sans-serif; color:#777; font-size:.938em; transition:.3s; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.patent_form .patent_box .patent_box_i .pat_img {padding:10px; text-align:center;}
.patent_form .patent_box .patent_box_i:hover { border:1px solid #e10005; }
.patent_form .patent_box .patent_box_i:hover .pat_tit { border-bottom:1px solid #e10005; color:#222;}

/*sub4_2*/
.slide_gallery { padding-bottom:15px; box-sizing:border-box; /*border:1px solid #ddd;*/ width:100%; margin:30px auto 0 auto; }
.slide_gallery .big_gall { text-align:center; position:relative; margin-bottom:15px; }
.slide_gallery .big_gall .slick-slide {position:relative; }
.slide_gallery .big_gall .big_gall_t { position:absolute; left:0; bottom:0; padding:20px;  background:rgba(255,255,255,.5)}
.slide_gallery .big_gall .big_gall_t > span { display:inline-block; height:40px; overflow:hidden;}
.slide_gallery .big_gall .slick-slide img {margin:auto; width:100%;}
.slide_gallery .sm_gall { overflow:hidden;  }
.slide_gallery .sm_gall .slick-list { margin:0 0 0 -10px; position:relative; }
.slide_gallery .sm_gall li a { margin-left:10px; border:1px solid #ddd; transition:0.3s; position:relative; display:block; overflow:hidden;}
.slide_gallery .sm_gall li a img { opacity:0.5; transition:0.3s; width:100%; }
.slide_gallery .sm_gall li.slick-current > a { border-color:#333; }
.slide_gallery .sm_gall li.slick-current > a img { opacity:1; }
.slide_gallery .slick-arrow { font-size:0; position:absolute; width:25px; height:46px; top:50%; margin-top:-23px; transition:.3s; background-repeat:no-repeat; filter:alpha(opacity=40); opacity:0.4; font-size:0; text-indent:-9999px; border:none; background:none; z-index:100; background-size:100% 100%; }
.slide_gallery .slick-arrow:hover { filter:alpha(opacity=100); opacity:1; }
.slide_gallery .slick-prev { left:10px; background-image:url(../images/inc/model_img_slider_prev.png); }
.slide_gallery .slick-next { right:10px; background-image:url(../images/inc/model_img_slider_next.png); }
.slide_gallery .sm_gall .slick-arrow { font-size:0; position:absolute; width:13px; height:25px; top:50%; margin-top:-12.5px; transition:.3s; background-repeat:no-repeat; filter:alpha(opacity=40); opacity:0.4; font-size:0; text-indent:-9999px; border:none; background:none; z-index:100; background-size:100% 100%;}
.slide_gallery .sm_gall .slick-arrow:hover { filter:alpha(opacity=100); opacity:1; }
.slide_gallery .sm_gall .slick-prev { left:10px; background-image:url(../images/inc/model_img_slider_prev.png); }
.slide_gallery .sm_gall .slick-next { right:10px; background-image:url(../images/inc/model_img_slider_next.png); }

.sub2_tbl{ border-collapse:collapse}
.sub2_tbl th{ background:#3f3f3f; font-weight:normal; border-right:1px solid #666; font-size:.875em; color:#fff; padding:12px 20px;}
.sub2_tbl th:last-child{ border-right:0;}
.sub2_tbl td{ border-bottom:1px solid #3f3f3f; padding:12px 20px; font-size:.813em; color:#3f3f3f; text-align:center;}

/**/
/**/
.sub4_2tit_s {font-size:.688em; vertical-align:middle; display:inline-block; font-weight:400}
.sub4_2t_box {/*background:#f5f5f5;*/ border:3px solid #ddd; background:url(../images/sub/4_2bg_01.png)no-repeat right bottom; background-size:40% auto; padding:35px 30px; margin:15px;}
.sub4_2t_tit {font-size:1.125em; font-weight:600; margin-bottom:10px; color:#333; display:inline-block; border-bottom:1px dashed #ddd; padding:0 2px 5px 2px; line-height:1.1;}
.sub4_2t_tit .xi {font-size:1em; color:#db0c19; vertical-align:middle;}

.sub4_2t_box .sub4_2t_list > li {margin:8px 0 0 10px; padding-left:13px; position:relative;}
.sub4_2t_box .sub4_2t_list > li:before {position:absolute; content:''; width:5px; height:5px; border-radius:50%; background:#999; left:0; top:8px;}


.sub4_2t_box2 { margin:80px 15px 0 15px;}

/**/
.board_st4_2 tr th {background:#f1f1f1; font-size:1.125em}
.board_st4_2 tr td {text-align:center !important; font-size:1.063em}
.board_st4_2 tr td.bg {background:#f7f7f7}
.board_st4_2 tr .l_line {border-left:1px solid #ddd;}
.board_st4_2 dl {text-align:left;}
.board_st4_2 dl dt {font-weight:600; margin-bottom:5px;}
.board_st4_2 dl dd {padding-left:10px; position:relative;} 
.board_st4_2 dl dd:before {position:absolute; content:''; width:5px; height:1px; background:#999; left:0; top:10px;}

/**/
.sub3_2info_box {overflow:hidden; margin-top:20px; margin-left:-10px; /*padding:0 25px;*/}
.sub3_2info_box > li {width:20%; float:left;}
.sub3_2info_box > li .sub2_1info_in {margin-left:10px; margin-bottom:10px; border:1px solid #ddd; border-top:2px solid #e10005;}
.sub3_2info_box > li .sub2_1info_in .sub2_1info_in1 { position:relative; border-bottom:1px solid #ddd;}
.sub3_2info_box > li .sub2_1info_in .sub2_1info_in1 > img {width:100%;}
.sub3_2info_box > li .sub2_1info_in .sub2_1info_in1 > p {position:absolute; left:0; bottom:0; padding:5px; background:rgba(255,255,255,.8); width:100%; text-align:center; font-weight:600; font-size:1.063em;}
.sub3_2info_box > li .sub2_1info_in .sub2_1info_in1 > p span {font-size:1.313em; vertical-align:text-bottom; display:inline-block;line-height:1; font-weight:400; color:#013d98; margin-left:-20px;}
.sub3_2info_box > li .sub2_1info_in .sub2_1info_in2 {padding:15px; }
.sub3_2info_box > li .sub2_1info_in .sub2_1info_in2 > li {padding-left:12px; position:relative; margin-top:8px; line-height:1.4; font-size:.938em}
.sub3_2info_box > li .sub2_1info_in .sub2_1info_in2 > li:first-child { margin-top:0px;}
.sub3_2info_box > li .sub2_1info_in .sub2_1info_in2 > li:before {position:absolute; content:''; width:5px; height:1px; background:#999; left:0; top:10px;}

.sub3_2info_box2 { margin-top:20px;}
.sub3_2info_in .sub3_2_tit_box {width:25%; float:left; position:relative;}
.sub3_2info_in .sub3_2_tit_box:after {position:absolute; content:''; width:100%; height:1px; left:0px; top:70px; background:#ddd; z-index:-1}
.sub3_2info_in .sub3_2_tit_box2:after {background:rgba(51,86,94,.6); z-index:-1}
.sub3_2info_in .sub3_2_tit_box .sub3_2_tit2 {width:140px; height:140px; border:3px solid #aaa; color:#33565e; text-align:Center; border-radius:50%; font-family:notokrM,sans-serif; background:#fff;}
.sub3_2info_in .sub3_2_tit_box2 .sub3_2_tit2 { border:3px solid rgba(51,86,94,.6);}
.sub3_2info_in .sub3_2_tit_box .sub3_2_tit2 .num {font-size:2em; display:block; color:#333; margin-bottom:8px; padding-bottom:4px; border-bottom:1px dashed #ccc; font-family:"Times New Roman", Times, serif; font-weight:600; line-height:1;}
.sub3_2info_in .sub3_2_txt2 {width:75%; float:right; border:2px solid #ddd; box-sizing:border-box; overflow:hidden; height:100%; position:relative;}
.sub3_2info_in .sub3_2_txt2:before {position:absolute; content:''; width:50px; height:2px; left:0px; top:0px; background:#58b0b2 ;}
.sub3_2info_in .sub3_2_txt2:after {position:absolute; content:''; width:50px; height:2px; right:0px; bottom:0px; background:#58b0b2 ;}
.sub3_2info_in .sub3_2_txt2 .sub3_2_t_l {width:33%; float:left; border-left:1px solid #ddd; box-sizing:border-box;}
.sub3_2info_in .sub3_2_txt2 .sub3_2_t_r {width:67%; float:left;height:100%;}
.sub3_2info_in .sub3_2_txt2 .sub3_2_t_r > p { text-align:Center; height:100%;}

.sub3_2_img {text-align:Center; border-top:1px dashed #ddd; padding:20px; margin-top:15px;}
.line { border-bottom:1px dashed #ddd;}



/****** MAIN *******/
#main img{ display:block}
.wrap{position:relative; z-index:inherit; left:50%; width:2000px; margin-left:-1000px; z-index:100}
.box{ width:95%; max-width:1200px; margin:0 auto;}

#fullpage{ z-index:1000000001;}
.section{ position:absolute !important; top:0; left:0; width:100%; background-repeat:no-repeat; background-position:center top; background-size:cover; overflow:hidden;}
#section0{ z-index:100010;}
#section1{ background-image:url(../images/main/cont1_bg.jpg); z-index:100009;}
#section2{ background-image:url(../images/main/cont2_bg.jpg); z-index:100008;}
#section3{ background-color:#f1f1f1; z-index:100007;}

.slogan{ position:absolute; z-index:inherit; width:100%; top:0; left:0;}

#section0 .fp-controlArrow{ display:none;}

.section .txt{ position:absolute; width:50%; height:100%; top:0;}
.section .txt_l{ left:0;}
.section .txt_r{ right:0;}
.section .txt .bg{ position:absolute; z-index:inherit; top:0; left:0; width:100%; height:100%; filter:alpha(opacity=90); opacity:0.9;}
.section .txt_l .bg{ background:#002d3e;}
.section .txt_r .bg{ background:#102444;}


#section0 .box{ padding-top:300px;}
#section3 .box,
#section4 .box{ /*margin-top:-90px;*/}


/**/
#section1 .box1 {left:50%; margin-left:-180px;}
.sect1_t_box {position:relative; z-index:inherit; display:inline-block; *display:inline; zoom:1; padding:280px 0 0 80px; text-align:left; color:#fff;}
.sect1_t_box .sect1_tit {font-family:notokrL, sans-serif; font-size:2.625em; margin:5px 0 10px 0;}
.sect1_t_box .sect1_list {padding:20px 35px 20px 0; border-top:1px solid rgba(255,255,255,.3); border-bottom:1px solid rgba(255,255,255,.3);}
.sect1_t_box .sect1_list > li {padding-left:15px; margin-top:10px; position:relative; font-size:1.063em; font-family:notokrR,sans-serif;}
.sect1_t_box .sect1_list > li:before {position:absolute; content:''; width:3px; height:3px; background:rgba(255,255,255,.6); left:3px; top:8px;}
.sect1_t_box .sect1_list > li:first-child { margin-top:0px; }
.sect_btn { display:inline-block; margin-top:35px; border:1px solid #fff; padding:15px 20px 15px 50px; color:#fff !important; font-family:notokrB,sans-serif; font-size:.938em; transition:.3s;}
.sect_btn:hover { background:rgba(255,255,255,.3) }
.sect_btn > i {font-size:.938em; vertical-align:middle; margin-left:40px;}

/**/
.sect2_txt {margin:40px 0 10px 0; font-family:notokrR,sans-serif; font-size:1.063em; line-height:1.5}


/**/
#section4 .footer_family_dv .family_site .catalog {top:42px; bottom:0;}


/**/
#section3 .custom_tit {text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:2.813em; color:#555; text-transform:uppercase; font-weight:600; margin-bottom:35px;}
#section3 .custom_tit .bl {color:#0369c0;}
#section3 .custom_top  {margin-left:-50px; overflow:hidden;}
#section3 .custom_top .custom_t_box {width:50%; float:left;}
#section3 .custom_top .custom_t_box > dl {margin-left:50px; background:#fff; padding:35px;}
#section3 .custom_top .custom_t_box dt {font-size:1.25em; font-family:notokrM,sans-serif; color:#444; margin-bottom:20px;}
#section3 .custom_top .custom_t_box dt > i {float:right; cursor:pointer; transition:.3s}
#section3 .custom_top .custom_t_box dt > i:hover {color:#0369c0;}
#section3 .custom_top .custom_t_box .custom_t_in > a {display:block; margin-top:13px; color:#777; font-family:notokrR,sans-serif;border-bottom:1px solid #fff}
#section3 .custom_top .custom_t_box .custom_t_in > a:first-child {margin-top:0px;}
#section3 .custom_top .custom_t_box .custom_t_in > a:hover {border-bottom:1px solid #eee}
#section3 .custom_top .custom_t_box .custom_t_in span {display:inline-block;}
#section3 .custom_top .custom_t_box .custom_t_in .subj {width:70%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
#section3 .custom_top .custom_t_box .custom_t_in .date {float:right; color:#999; font-size:.875em; vertical-align:middle;}
#section3 .custom_top .custom_t_box2 > dl{color:#fff; background:url(../images/main/sect3_bg_01.jpg)no-repeat center top;}
#section3 .custom_top .custom_t_box2 dt {color:#fff;}
#section3 .custom_top .custom_t_box2 .custom_btn1 {display:inline-block; color:#fff !important; margin-top:30px; border:1px solid #fff; padding:7px 10px 7px 20px; font-size:.813em; font-family:notokrM,sans-serif; transition:.3s;}
#section3 .custom_top .custom_t_box2 .custom_btn1 > i {margin-left:40px;}
#section3 .custom_top .custom_t_box2 .custom_btn1:hover { background:rgba(255,255,255,.3) }

#section3 .custom_btm {overflow:hidden; margin-top:50px;}
#section3 .custom_btm > li {width:25%; float:left; text-align:center; }
#section3 .custom_btm .custom_b_in {display:inline-block; width:270px; height:270px; border-radius:50%; transition:.3s;}
#section3 .custom_btm .custom_b_in:hover { opacity:.8; filter:alpha(opacity:80); }
#section3 .custom_btm .custom_b_in .va_tt > span {display:block;}
#section3 .custom_btm .custom_b_in .va_tt .c_t1 {font-size:.813em; color:rgba(255,255,255,.6); font-family:notokrB, sans-serif; margin:15px 0;}
#section3 .custom_btm .custom_b_in .va_tt .c_t2 {font-size:1.375em; color:#fff; font-family:notokrM, sans-serif; }
#section3 .custom_btm .custom_b_in .va_tt .c_ico > img {margin:auto;}
#section3 .custom_btm .custom_b_in.bg1 {background:url(../images/main/sect3_bg_02.jpg)no-repeat center top; }
#section3 .custom_btm .custom_b_in.bg2 {background:url(../images/main/sect3_bg_03.jpg)no-repeat center top; }
#section3 .custom_btm .custom_b_in.bg3 {background:url(../images/main/sect3_bg_04.jpg)no-repeat center top; }
#section3 .custom_btm .custom_b_in.bg4 {background:url(../images/main/sect3_bg_05.jpg)no-repeat center top; }


#nav{z-index:1000000001;position:absolute;top:50%;left:0;height:266px;margin-top:-133px;}
#nav li{display:block;height:38px;line-height:38px;}
#nav li a{display:inline-block;}
#nav li a:hover{text-decoration:none;}
#nav li span{position:relative;font-size:13px;letter-spacing:0;color:#acacac;text-decoration:none;padding:9px 0 9px 30px;}
#nav li span:before{position:absolute;top:20px;left:0;display:inline-block;vertical-align:top;content:"";width:50px;height:1px;-webkit-transform: scaleX(0.45);transform: scaleX(0.45);background: #acacac;-webkit-transform-origin: left center;transform-origin: left center;-webkit-transition: -webkit-transform 0.4s;transition: -webkit-transform 0.4s;transition: transform 0.4s;transition: -webkit-transform 0.4s;}
#nav li.active span{font-weight:700;color:#0052f0;padding-left:30px;}
#nav li.active span:before{background-color:#0052f0;}
#nav li:hover span{font-weight:700;color:#0052f0;padding-left:30px;}
#nav li:hover span:before{background-color:#0052f0;}

#mainVisual{ background:#222}
#mainVisual .slides{ overflow:hidden}
#mainVisual .item{position:relative}
#mainVisual .item *{}
#mainVisual .item .bg{ position:absolute; left:0; top:0; width:100%; height:100%; background-position-y:bottom; background-repeat:no-repeat; transition:7s}
#mainVisual .item:nth-child(4n-3) .bg{transform:scale(1.6,1.6)}
#mainVisual .item:nth-child(4n-2) .bg{background-position-x:0}
#mainVisual .item:nth-child(4n-1) .bg{transform:scale(1,1)}
#mainVisual .item:nth-child(4n) .bg{background-position-x:-200px}
#mainVisual .item.flex-active-slide:nth-child(4n-3) .bg{transform:scale(1,1)}
#mainVisual .item:first-child.fAni .bg{transform:scale(1.6,1.6)}
#mainVisual .item.flex-active-slide:nth-child(4n-2) .bg{background-position-x:-200px}
#mainVisual .item.flex-active-slide:nth-child(4n-1) .bg{transform:scale(1.2,1.2)}
#mainVisual .item.flex-active-slide:nth-child(4n) .bg{background-position-x:0}

#mainVisual .item .slogan{ position:absolute; left:0; top:27%; width:100%; text-align:center}
#mainVisual .item .slogan .t1{ color:#fff; font-size:1.625em; font-family:Georgia, "Times New Roman", Times, serif; letter-spacing:5px; opacity:.6; padding-bottom:3%}
#mainVisual .item .slogan .t2{ color:#fff; font-size:4em; font-family: Century Gothic, Arial, Helvetica, sans-serif; letter-spacing:-2px; line-height:1.1; padding-top:100px; opacity:0; transition-duration:2s}
#mainVisual .item.flex-active-slide .slogan .t2{ padding-top:0; opacity:1}
#mainVisual .item:first-child.fAni .slogan .t2{padding-top:100px; opacity:0}

#mainVisual .flex-control-paging{ position:absolute; z-index:100; width:100%; left:0; top:70%; text-align:center}
#mainVisual .flex-control-paging > li{ display:inline-block;}
#mainVisual .flex-control-paging > li > a{ display:block; width:8px; height:8px; border:1px solid #fff; border-radius:12px; font-size:0; margin:0 5px; position:relative; overflow:hidden}
#mainVisual .flex-control-paging > li > a:before{ content:""; position:absolute; left:0; top:0; width:0; height:100%; background:#fff}
#mainVisual .flex-control-paging > li > a.flex-active{ width:150px}
#mainVisual .flex-control-paging > li > a.flex-active:before{ width:100%; transition-duration:10s}
#mainVisual .flex-control-paging > li.fAni > a.flex-active:before{ width:0; transition-duration:0}

@media all and (max-width:1280px){
	#nav{left:15px;width:30px;height:auto;border-radius:15px;padding:15px 0;margin-top:-81px;}
	#nav li{height:auto;line-height:initial;}
	#nav li+li{margin-top:15px;}
	#nav li a{display:block;width:6px;height:6px;background-color:#cecece;margin:0 auto;border-radius:100%;opacity:.6;}
	#nav li.active a{background-color:#0052f0;opacity:.8;}
	#nav li a span{display:none;}
}

@media all and (max-width:1023px){
body{font-size:13px;}
#header .gnb_area .gnb > li .dp1{padding:0 19px;}
#header .r_menu{right:44px;}

}


@media all and (max-width:768px){
body{font-size:10px;}	


}