/*
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap');
/*


/*layout*/
.pcv{display:block !important;}
.tmv{display:none !important;}
.bg{width:100%; height:100%; background:#000; z-index:90; display:block; position:fixed; left:0; top:0; right:0; bottom:0; }
.bg.show{display:none;}
#wrap{overflow:hidden;}
#header{}
#visual{width:100%; height:100%; margin-top:-76px;}

/*container*/
.container{max-width:1300px !important; margin:0 auto; /*background:rgba(0,0,0,0.5);*/padding-left:0; padding-right:0;}
.clear{position:relative;}
.clear:after{content:""; display:block; clear:both;}

/*header*/
.header{width:100%;height:75px; background:#fff; z-index:99; border-bottom:1px solid rgba(218,218,218,0.5); position:fixed;}
.header.on{border-bottom:1px solid #dadada;}
.header h1{float:left; padding:26px 0 19px;}
.header .gnb{position:absolute; left:50%; transform:translateX(-50%);}
.header .gnb > li{float:left; margin-right:62px; height:75px;}
.header .gnb li:last-child{margin-right:0;}
.header .gnb > li > a{font-size:15px; color:#555; font-family:'PHCL', sans-serif; font-weight:bold; line-height:75px; display:block;}
.is-ie .header .gnb > li > a{font-weight:600;}
.header.on .gnb > li.on > a{color:#f04e23; position:relative;}
/*.header.on .gnb > li.on a:before{content:""; display:block; width:100%; height:4px; background: #f04e23;position:absolute; left:0; top:-34px;}*/
.header .leftM{float:right; padding:30px 3px 19px 0;}
.header .leftM li{display:inline-block; padding-left:20px;}
.header .leftM li a{}

.header .gnb > li > a{position:relative;}
/*.header .gnb > li > a:after{content:""; width:11px; height:11px; display:block; background:none; position:absolute; top:20px; right:-12px; border-radius:50%; transition:background-color .2s ease;}
.header .gnb > li:hover > a:after{ background:url(../images/gnb_hover.png) no-repeat; background-size:contain;}*/

.header .gnb > li > a{position: relative; -webkit-transition: color .1s,background-color .1s; }
.header .gnb > li > a:before{ position: absolute; top: 0px; left: 0; height: 4px; width: 100%; content: ''; background-color: #f04e23; 
	-webkit-transform-origin: right top; 
	transform-origin: right top; 
	-webkit-transform: scaleX(0); transform: scaleX(0); 
	-webkit-transition: -webkit-transform .3s cubic-bezier(.165,.84,.44,1); 
	transition: -webkit-transform .3s cubic-bezier(.165,.84,.44,1);
	transition: transform .3s cubic-bezier(.165,.84,.44,1); 
	transition: transform .3s cubic-bezier(.165,.84,.44,1),-webkit-transform .3s cubic-bezier(.165,.84,.44,1); 
}
.header .gnb > li > a.on a:before { -webkit-transform-origin: left top; transform-origin: left top; -webkit-transform: scaleX(1); transform: scaleX(1); }
.header .gnb > li:focus > a:before, .header .gnb > li:hover > a:before { -webkit-transform-origin: left top; transform-origin: left top; -webkit-transform: scaleX(1); transform: scaleX(1); }

/*depth2*/
/*.header .gnb > li:hover .depth2{display:block;}*/
.depth2{position:absolute; width:664px;  background:#fff; top:76px;  margin-left:-98px; z-index:99; padding:34px 0 49px; border:1px solid #dadada; border-radius: 0 0 20px 20px; box-sizing:border-box; display:none; border-top:none;}
.depth2.depth21{height:401px;left:0;}
.depth2.depth22{height:332px;left:87px;}
.depth2.depth23{height:332px;left:188px;}
.depth2.depth24{height:332px;left:259px;}
.depth2.on.depth21{height:401px;}
.depth2.on.depth22{height:332px;}
.depth2.on.depth23{height:332px;}
.depth2.on.depth24{height:332px;}
/*.depth2 h5{color:#f04e23; font-size:16px;font-family:'nanumsquarBold', sans-serif; position:absolute; top:-43px; left:126px;}
.depth2 h5:after{content:""; display:block; width:100%; height:4px; background: #f04e23;position:absolute; left:0; top:-34px;}*/
.depth2 .left{width:50%; height:100%; float:left; border-right:1px solid #dadada; box-sizing:border-box; padding-left:47px;} 
.depth2 .left img{}
.depth2 .left p{font-size:18px; color:#666; font-family:'PHCL', sans-serif; font-weight:bold; padding:27px 0 13px;}
.depth2 .left span{font-size:14px; color:#999; font-family:'NotoSansCJKkrDemiLight', sans-serif; line-height:24px;}
.is-ie .depth2 .left span{font-family: 'NotoSansCJKkrDemiLight-ie';}
.depth2 .right{width:50%; height:100%; float:left; box-sizing:border-box; padding-left:56px;}
.depth2 .right ul{}
.depth2 .right li{float:none; margin-bottom:24px;}
.depth2 .right li a{font-size:14px; color:#555; font-family:'NotoSansCJKkrDemiLight', sans-serif; cursor:pointer;}
.depth2 .right li a:hover{color:#f04e23}
.depth2 .right li.on a{color:#f04e23; padding-bottom:8px; border-bottom:1px solid #f04e23;}

.depth2 .right li a{position: relative; -webkit-transition: color .1s,background-color .1s;}
.depth2 .right li a:before{ position: absolute; top: 26px; left: 0; height: 2px; width: 100%; content: ''; background-color: #f04e23; 
	-webkit-transform-origin: right top; 
	transform-origin: right top; 
	-webkit-transform: scaleX(0); transform: scaleX(0); 
	-webkit-transition: -webkit-transform .3s cubic-bezier(.165,.84,.44,1); 
	transition: -webkit-transform .3s cubic-bezier(.165,.84,.44,1);
	transition: transform .3s cubic-bezier(.165,.84,.44,1); 
	transition: transform .3s cubic-bezier(.165,.84,.44,1),-webkit-transform .3s cubic-bezier(.165,.84,.44,1); 
}
.depth2 .right li a:focus:before, .depth2 .right li a:hover:before { -webkit-transform-origin: left top; transform-origin: left top; -webkit-transform: scaleX(1); transform: scaleX(1); }

/* search */
.search_wrap{}
.sbg{width:100%; height:100vh; position:fixed; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.2); opacity:0; visibility:hidden; transition:all 0.3s; z-index:90;}
.sbg.on {opacity:1; visibility:visible;}
.search_wrap img{vertical-align:1px;}
.search{position:absolute; left:0; top:76px; right:0; width:100%; background:#fff; padding:34px 0; display:none;}
.search input{border:none; font-size:20px; color:#adacac; font-family:'NotoSansCJKkrDemiLight', sans-serif; text-align:left; outline:none; width:calc(100% - 50px);}
.search input:-ms-input-placeholder{color:#adacac; font-size:20px; font-family:'NotoSansCJKkrDemiLight', sans-serif;}
.search input::-webkit-input-placeholder{color:#adacac; font-size:20px; font-family:'NotoSansCJKkrDemiLight', sans-serif;}
.search input::-moz-input-placeholder{color:#adacac; font-size:20px; font-family:'NotoSansCJKkrDemiLight', sans-serif;}
.search button{float:right; border:none; background:none; padding-top:7px; outline:none;}

/* global */
.global_wrap{position:relative; transition:width 0.5s; width:20px; overflow:hidden;}
.global_wrap.show{width:158px; }
.global_wrap .global_btn{}
.global{position:absolute; width:121px;background:#fff; left:55px; top:0; display:none; opacity:0; transition:all 0.5s; transition-delay:1s;}
.global_wrap.show .global{display:block; opacity:1; }
.global li{display:inline-block; padding-left:0 !important; padding-right:16px;}
.global li:first-child{padding-left:0 !important; }
.global li:last-child{padding-right:0; padding-left:0 !important;}
.global li a{font-size:14px;font-family:'PHCL', sans-serif; font-weight:bold; color:#999;}
.global li.on a{color:#f04e23}

.am_btn img{vertical-align:2px;}
.m_am_btn{display:none !important;}
.m_am_btn img{vertical-align:2px;}

/*all_menu*/
/*.all_menu{position:fixed; width:100%; height:0; background:#f6f6f6; top:0; left:0; right:0; overflow:hidden; z-index:999; visibility:hidden; -webkit-transition: all 0.5s cubic-bezier(.68,.15,.83,.67);
    -moz-transition:    all 0.5s cubic-bezier(.68,.15,.83,.67);
    -o-transition:      all 0.5s cubic-bezier(.68,.15,.83,.67);
    -ms-transition:     all 0.5s cubic-bezier(.68,.15,.83,.67);
    transition:         all 0.5s cubic-bezier(.68,.15,.83,.67);}
.all_menu.on{ opacity:1; z-index:999; top:0; bottom:0; height:100%; visibility:visible;}
.is-ie .all_menu.on{}
.all_menu.close{transition-delay:0.1s; height:0;}
.is-ie .all_menu.close{ top:-100%;}*/
.all_menu{ overflow:hidden; position:fixed; top:100%; left:0; width:100%; height:100%; z-index:2000; transition: top 1.1s cubic-bezier(0.770, 0.000, 0.175, 1.000);}
.all_menu.open{top:0; }
/*.all_menu .menubg{display:none; position:fixed; top:50%; left:0; width:100%; height:200px; background:#f6f6f6; opacity:0.5; z-index:10;     -webkit-transition:all 0.2s linear;
    -moz-transition:all 0.2s linear; transition:all 0.2s linear;}*/
/*.all_menu .menubg.ts{top:0; height:100%; opacity:1;}*/
.all_menu .am_left{float:left; width:21%; height:100%; background:url(/skin/skin221/images/am_bg.jpg) no-repeat right bottom; position:relative; background-size:cover;}
.all_menu .am_left:before{content:""; width:267px; height:372px; background:url(/skin/skin221/images/am_cc.png) no-repeat; position:absolute; left:0; top:0;}
.all_menu .am_left:after{content:""; width:283px; height:94px; background:url(/skin/skin221/images/am_logo.png) no-repeat; position:absolute; right:0; bottom:0;}
.all_menu .am_left h3{font-size:26px; color:#fff;font-family:'PHCB', sans-serif; text-align:center; position:relative; margin-top:calc(50vh - 28px);}
.all_menu .am_left h3:after{content:""; width:23px; height:2px; background:#fff; position:absolute; bottom:-27px; left:50%; transform:translateX(-50%);}
.all_menu .am_right{float:right; width:79%; height:100%; position:relative; background:#f6f6f6;}
/*.all_menu.on .am_right{opacity:1;}
.all_menu.close .am_right{transition-delay:0s;}*/
.all_menu .am_right .amr_tp{position:absolute; left:calc(50% - 532px); top:calc(50% - 308px);}
.all_menu .am_right .amr_tp li{display:inline-block; margin-right:25px; padding-bottom:7px;}
.all_menu .am_right .amr_tp li a{font-family:'PHCL', sans-serif; font-weight:bold; font-size:18px; color:#59514e;}
/*.all_menu .am_right .amr_tp li.on{border-bottom:2px solid #f04e23;}*/
.all_menu .am_right .amr_tp li.on a{color:#f04e23;}
.all_menu .am_right ul.amr_d1{overflow:hidden; width:1065px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.all_menu .am_right ul.amr_d1 > li{float:left; position:relative; box-sizing:border-box; padding-left:44px; padding-right:110px;}
.all_menu .am_right ul.amr_d1 > li:first-child{padding-left:0;}
.all_menu .am_right ul.amr_d1 > li:last-child{padding-right:0;}
.all_menu .am_right ul.amr_d1 > li:after{content:""; width:1px; height:390px; background:#dadada; position:absolute; top:0; right:0;}
.all_menu .am_right ul.amr_d1 > li:last-child:after{width:0; height:0;}
.all_menu .am_right ul.amr_d1 > li h5{font-size:26px; color:#59514e;font-family:'PHCB', sans-serif; padding-bottom:52px; position:relative;}
.all_menu .am_right ul.amr_d1 > li h5:after{content:""; width:23px; height:2px; background:#59514e; position:absolute; left:0; top:46px;}
.all_menu .am_right ul.amr_d2{}
.all_menu .am_right ul.amr_d2 li{padding-bottom:26px;color:#666;font-family:'NotoSansCJKkrDemiLight', sans-serif;}
.all_menu .am_right ul.amr_d2 li a{color:#666;font-family:'NotoSansCJKkrDemiLight', sans-serif;}
.all_menu .am_right .amr_bt{position:absolute; left:calc(50% - 532px); bottom:0; width:1065px; border-top:1px solid #dadada; padding:32px 0 49px;}
.all_menu .am_right .amr_bt li{position:relative; display:inline-block; padding:0 12px 0 10px;}
.all_menu .am_right .amr_bt li:first-child{padding-left:0;}
.all_menu .am_right .amr_bt li a{font-size:14px; color:#666; font-family:'NotoSansCJKkrDemiLight', sans-serif;}
.all_menu .am_right .amr_bt li a em{color:#f04e23}
.all_menu .am_right .amr_bt li:after{content:""; width:2px; height:2px; background:#666; position:absolute; right:0; top:50%; transform:translateY(-50%);}
.all_menu .am_right .amr_bt li:last-child:after{width:0; height:0;}
.all_menu .am_right .amr_bt li.last:after{width:0; height:0;}
.all_menu .am_right .amr_bt li.cyber{position:absolute; right:0; top:18px;}
.all_menu .am_right .amr_bt li.cyber a{color:#f04e23; line-height:40px; width:193px; border:1px solid #f04e23; border-radius:20px; text-align:center; display:block;}
.all_menu .close{display:block; position:absolute; top:60px; right:60px;}
.all_menu .close.ts{opacity:1;}

.all_menu .am_right .amr_tp li a{position: relative; -webkit-transition: color .1s,background-color .1s; }
.all_menu .am_right .amr_tp li a:before{ position: absolute; top: 26px; left: 0; height: 2px; width: 100%; content: ''; background-color: #f04e23; 
	-webkit-transform-origin: right top; 
	transform-origin: right top; 
	-webkit-transform: scaleX(0); transform: scaleX(0); 
	-webkit-transition: -webkit-transform .3s cubic-bezier(.165,.84,.44,1); 
	transition: -webkit-transform .3s cubic-bezier(.165,.84,.44,1);
	transition: transform .3s cubic-bezier(.165,.84,.44,1); 
	transition: transform .3s cubic-bezier(.165,.84,.44,1),-webkit-transform .3s cubic-bezier(.165,.84,.44,1); 
}
.all_menu .am_right .amr_tp li.on a:before { -webkit-transform-origin: left top; transform-origin: left top; -webkit-transform: scaleX(1); transform: scaleX(1); }
.all_menu .am_right .amr_tp li a:focus:before, .all_menu .am_right .amr_tp li a:hover:before { -webkit-transform-origin: left top; transform-origin: left top; -webkit-transform: scaleX(1); transform: scaleX(1); }

.all_menu .am_right ul.amr_d2 li a{position: relative; -webkit-transition: color .1s,background-color .1s; }
.all_menu .am_right ul.amr_d2 li a:before{ position: absolute; top: 26px; left: 0; height: 2px; width: 100%; content: ''; background-color: #f04e23; 
	-webkit-transform-origin: right top; 
	transform-origin: right top; 
	-webkit-transform: scaleX(0); transform: scaleX(0); 
	-webkit-transition: -webkit-transform .3s cubic-bezier(.165,.84,.44,1); 
	transition: -webkit-transform .3s cubic-bezier(.165,.84,.44,1);
	transition: transform .3s cubic-bezier(.165,.84,.44,1); 
	transition: transform .3s cubic-bezier(.165,.84,.44,1),-webkit-transform .3s cubic-bezier(.165,.84,.44,1); 
}
.all_menu .am_right ul.amr_d2 li a:focus:before, .all_menu .am_right ul.amr_d2 li a:hover:before { -webkit-transform-origin: left top; transform-origin: left top; -webkit-transform: scaleX(1); transform: scaleX(1); }

/* mobile menu */
.m_bg{position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.3); opacity:0; z-index:-1; transition:opacity 0.3s; display:none;}
.m_bg.on{opacity:1; z-index:1000;}
.m_menu{position:fixed; top:0; width:51%; height:100%; z-index:2000; background:#fff; right:-100%; transition:all 0.5s;}
.m_menu.show{right:0;}
.m_menu .m_top{overflow:hidden; height:75px; background:url(/skin/skin221/images/m_top_bg.png) no-repeat center; background-size:cover; border-bottom:1px solid #dadada; padding-left:37px; padding-top:32px; box-sizing:border-box;}
.m_menu .m_top li{float:left; margin-right:29px;}
.m_menu .m_top li a{font-size:18px; color:#fff;font-family:'PHCB', sans-serif; position:relative;}
.m_menu .m_top li.on a{}
.m_menu .m_top li.on a:after{content:""; width:100%; height:2px; background:#fff; position:absolute; left:0; top:-5px;}
.m_menu .m_list{}
.m_menu .m_list > li{}
.m_menu .m_list > li.on > a{background:url(/skin/skin221/images/minus.png) no-repeat right 32px center;}
.m_menu .m_list > li.nbg > a{background:none;}
.m_menu .m_list > li.nbg.on > a{background:none;}
.m_menu .m_list > li > a{display:block; width:100%; color:#59514e; font-size:20px;font-family:'PHCL', sans-serif; font-weight:bold;border-bottom:1px solid #dadada; padding:25px 0 19px 37px; background:url(/skin/skin221/images/plus.png) no-repeat right 32px center; box-sizing:border-box;}
.m_menu .m_list > li ul{background:#f6f6f6; border-bottom:1px solid #dadada; padding-top:39px; padding-left:37px; padding-bottom:42px; display:none;}
/*.m_menu .m_list > li:first-child ul{display:block;}*/
.m_menu .m_list > li ul li{padding-bottom:31px;}
.m_menu .m_list > li ul li:last-child{padding-bottom:0;}
.m_menu .m_list > li ul li a{font-size:18px; font-family:'NotoSansCJKkrDemiLight', sans-serif; color:#666;}
.m_menu .m_list > li ul li.on a{color:#f04e23}
.m_menu .m_close{position:absolute; top:29px; right:32px;}

/*visual*/
.visual{width:100%; height:100vh; position:absolute; left:0; top:0; background:#000;}
.swiper-container{width:100%; height:100vh;}
.visual .visual00{position:relative; overflow:hidden;}
.visual .visual00 .container{height:100%; position:absolute; left:50%; top:0; transform:translateX(-50%);}
.visual .visual00 .visual_text{width:1300px;  position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:999;}
.visual .visual00 .visual_text h2{font-size:50px;font-family:'PHCM', sans-serif; color:#fff; letter-spacing:-2px; line-height:64px;}
.visual .visual00 .visual_text h2 em{color:#f04e23;}
.visual .visual00 .visual_text h2 span{display:block;letter-spacing:-2px;}
.visual .visual00 .visual_text h2 span:nth-child(1){}
.visual .visual00 .visual_text > span{display:block; font-size:20px; text-transform:uppercase; font-family: 'PHCL', sans-serif; font-weight:bold; color:#fff; padding-bottom:20px; color:#f04e23;}
.visual .visual00 .visual_box{width:100%; height:100vh;}
.visual .visual00 .visual_box .visual_bg{width:100%; height:100%; /*background:url(../images/visual_bg.jpg) no-repeat;  background-size:cover;*/}
.visual .visual00 .visual_box .visual_bg img{width:105%; height:100%;}
.visual .visual00 .visual_box .visual_ob{position:absolute; bottom:0; left:50%; margin-left:-291px; z-index:5;}

.visual .visual_navi{position:absolute; top:calc(50% + 128px); left:50%; transform:translateX(-50%); z-index:10; width:1300px; }
.visual .visual_navi li{float:left; margin-left:17px;}
.visual .visual_navi li.prev{padding-top:12px; display:block;}
.visual .visual_navi li.next{padding-top:12px; display:block;}
.visual .visual_navi li.stop{/*width:40px; height:41px; border:1px solid rgba(255,255,255,0.4); border-radius:50%; text-align:center; box-sizing:border-box;*/}
.visual .visual_navi li.stop a{display:block; width:100%; height:100%; position:relative;}
.visual .visual_navi li.stop a:after{content:""; display:block; width:100%; height:100%; background:url(/skin/skin221/images/stop.png) no-repeat center; position:absolute; left:0; top:0;}
.visual .visual_navi li.stop.play a:after{background:url(/skin/skin221/images/play.png) no-repeat center; background-size:}
.visual .visual_navi li.pager{font-size:18px; color:#fff; font-family: 'Open Sans', sans-serif; font-weight:600; padding-top:9px; position:absolute; left:140px;}

/*scroll*/
.scroll{position:absolute; bottom:0; left:50%; transform:translateX(-50%); height:77px; z-index:90; transition:opacity 0.5s;}
.scroll.on{opacity:0;}
.scroll p{font-size:12px;font-family: 'Open Sans', sans-serif; color:#fff; padding-bottom:10px; text-transform:uppercase;}
.scroll span{display:block; width:1px; height:55px; background:red; position:absolute; left:50%; transform:translateX(-50%); top: 24px; animation: scroll 2s cubic-bezier(.5,0,0,1) infinite;}
.scroll span:after{content:""; display:block; width:1px; position:absolute; left:0; top:0px; background:red; animation: scroll-bar 2s cubic-bezier(.5,0,0,1) infinite;}

.scroll span{display:block;
    width: 1px;
    height: 55px;
    position: absolute;
    bottom: 0;
    left: 50%;
    /*pointer-events: none;
    -webkit-clip-path: polygon(0 -150%,100% -150%,100% 0,0 0);
    clip-path: polygon(0 -150%,100% -150%,100% 0,0 0);*/
	background-color: #fff;
    /*-webkit-animation: home_hero_scroll_line 2s cubic-bezier(.5,0,0,1) infinite;
    animation: home_hero_scroll_line 2s cubic-bezier(.5,0,0,1) infinite;
    -webkit-animation-delay: .3s;
    animation-delay: .3s;*/
	background:#aca3a1;
}
.scroll span:after{content: ''; display:block;
    width: 2px;
    height: 55px;
    position: absolute;
    bottom: 0;
    left: 0;
    pointer-events: none;
    -webkit-clip-path: polygon(0 -150%,100% -150%,100% 0,0 0);
    clip-path: polygon(0 -150%,100% -150%,100% 0,0 0);
	background: #f04e23;
    -webkit-animation: home_hero_scroll_line 2s cubic-bezier(.5,0,0,1) infinite;
    animation: home_hero_scroll_line 2s cubic-bezier(.5,0,0,1) infinite;

}
.is-ie .scroll span{overflow:hidden;}
.is-ie .scroll span:after{
	-webkit-animation:ie_scroll 2s cubic-bezier(.5,0,0,1) infinite;;
	animation:ie_scroll 2s cubic-bezier(.5,0,0,1) infinite;;
}

@keyframes home_hero_scroll_line{
0%{-webkit-clip-path:polygon(0 -150%,100% -150%,100% 0,0 0);clip-path:polygon(0 -150%,100% -150%,100% 0,0 0)}
100%,80%{-webkit-clip-path:polygon(0 100%,100% 100%,100% 350%,0 350%);clip-path:polygon(0 100%,100% 100%,100% 350%,0 350%)}
}

@keyframes ie_scroll{
	0%{top:-55px;}
	100%{top:100%;}
}

/* slide animation */
/*.visual .visual_text{transform:translate(-20%,-50%); opacity:0; transition:all 5s 3s;}
.visual .slick-current.show .visual00 .visual_text{transform:translate(0,-50%); opacity:1;}

.visual .visual00 .visual_box .visual_bg{transform:scale(1.1); transition:all 5s;}
.visual .slick-current.show .visual00 .visual_box .visual_bg{transform:scale(1);}

.visual .visual00 .visual_box .visual_ob{transition:all 8s; transform:translateX(-15%) scale(1.15);}
.visual .slick-current.show .visual00 .visual_box .visual_ob{transform:none;}*/

/*.visual .visual_text{opacity:0; transform:translate(20%,-50%); transition:all 5s 3s;}
.visual.show .visual00 .visual_text{transform:translate(0,-50%); animation:op 3s, txtleft 3s 2s; opacity:1;}*/


.visual .visual00 .visual_text > span{opacity:0; transform:translateY(40px); transition:transform 1s ease-in-out, opacity 1s ease-in-out; }
.visual .visual00 .visual_text h2{}
.visual .visual00 .visual_text h2 span:nth-child(1){opacity:0; transform:translateY(40px); transition:transform 1s ease-in-out, opacity 1s ease-in-out; transition-delay:.1s;}
.visual .visual00 .visual_text h2 span:nth-child(2){opacity:0; transform:translateY(40px); transition:transform 1s ease-in-out, opacity 1s ease-in-out; transition-delay:.2s;}


.visual .visual00.show .visual_text > span{opacity:1; transform:translateY(0);}
.visual .visual00.show .visual_text h2{}
.visual .visual00.show .visual_text h2 span:nth-child(1){opacity:1; transform:translateY(0);}
.visual .visual00.show .visual_text h2 span:nth-child(2){opacity:1; transform:translateY(0);}

.visual .visual00 .visual_box .visual_bg{opacity:0; transition:opacity 0.5s;}
.visual .visual00.show .visual_box .visual_bg{animation:bgs 3s ease-in-out; opacity:1;}

.visual .visual00 .visual_box .visual_ob{}
.visual .visual00.show .visual_box .visual_ob{animation:scale 1s cubic-bezier(0.4, 0, 1, 1), obleft 4s 0.99s cubic-bezier(0.4, 0, 1, 1); transform:none;}

@keyframes op{
	0%{opacity:0;}
	100%{opacity:100%;}
}
@keyframes txt{
	0%{opacity:0; transform:translateY(20%);}
	100%{opacity:1; transform:translateY(0);}
}

@keyframes scale{
	0%{transform:translateX(-4%) scale(1.2);}
	100%{transform:translateX(-4%) scale(1);}
}

@keyframes obleft{
	0%{transform:translateX(-4%);}
	100%{transform:translateX(0);}
}
@keyframes bgs{
	0%{transform:scale(1.3); opacity:0.5;}
	100%{transform:scale(1); opacity:1;}
}
@keyframes bgs2{
	0%{transform:scale(1); }
	100%{transform:scale(1.1); }
}
@keyframes bgx{
	0%{transform:translateX(-5%) scale(1);}
	100%{transform:translateX(-2.5%) scale(1.05);}
}
.visual .visual_navi li.stop a{
	width:39px; height:39px; border:1px solid rgba(255,255,255,0.5); box-sizing:border-box; border-radius:50%; position:relative;
}

.circular-chart {
  display: block;
  width: 43px;
  height: 43px;
  position:absolute; left:-3px; top:-3px;
}

.circle {
  stroke: #f04e23;
  fill: none;
  stroke-width: 3;
  /*stroke-linecap: round;*/
  stroke-dasharray:100;
  stroke-dashoffset:100;

}
.visual .visual_navi li.stop.show .circle{}

@keyframes progress {
  0% {
    stroke-dasharray: 0 100;
  }
  100%{
	stroke-dasharray: 100 100;
  }
}








/* cont01 */
.cont1{height:914px; position:relative; margin-top:60px; z-index:10; background:url(/skin/skin221/images/cont1_bg.jpg) no-repeat center top; overflow:hidden;}
.cont1 .container{padding-top:100px; overflow:hidden;}
.cont1 .container > h3{font-size:45px; color:#222;font-family:'PHCM', sans-serif;; letter-spacing:2px; text-align:center; text-transform:uppercase;}
.cont1 .container > p{font-size:18px; color:#666; font-family: "NotoSansCJKkrDemiLight", sans-serif; text-align:center; padding-top:16px;}
.cont1 .cont1_left{float:left; padding-top:198px; position:relative;}
.cont1 .cont1_left li{width:450px; position:absolute; left:0; top:198px;}
.cont1 .cont1_left li.on{display:block;}
.cont1 .cont1_left p{font-family:'PHCB', sans-serif; font-size:43px; color:#111; letter-spacing:-1px;padding-bottom:28px; text-transform:lowercase;}
.cont1 .cont1_left p:first-letter{text-transform:uppercase;}
.cont1 .cont1_left span{display:block; font-size:16px; color:#666; line-height:29px;font-family: "NotoSansCJKkrDemiLight", sans-serif; letter-spacing:-1px; word-break:keep-all;}
.is-ie .cont1 .cont1_left span{font-family: 'NotoSansCJKkrDemiLight-ie', sans-serif; letter-spacing:0;}
.cont1 .cont1_center{width:532px; height:532px; background:url(/skin/skin221/images/cont1_circle_2.png) no-repeat left top; position:absolute; left:50%; top:243px; transform:translate(-50%,0);}
.cont1 .cont1_center ul{}
.cont1 .cont1_center li{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); opacity:0;transition:all 0.5s; visibility:hidden;}
.cont1 .cont1_center li svg{opacity:0; transition:all 0.5s;}
.cont1 .cont1_center li svg > *{stroke:#f04d22;}
.cont1 .cont1_center li.on{display:block; opacity:1; visibility:visible;}
.cont1 .cont1_center li.on svg.show{opacity:1;}
.cont1 .cont1_right{float:right; padding-top:67px;}
.cont1 .cont1_right ul{}
.cont1 .cont1_right li{position:relative; border-bottom:1px solid #dadada; padding:35px 0 35px 57px;}
.cont1 .cont1_right li a{display:block;}
.cont1 .cont1_right li em{position:absolute; left:10px; top:28px; font-size:50px; font-family: 'Roboto', sans-serif; color:#d3d3d3;}
.cont1 .cont1_right li p{font-size:16px; font-family:'PHCL', sans-serif; font-weight:bold; padding-bottom:10px; color:#d3d3d3; text-transform:lowercase;}
.cont1 .cont1_right li p:first-letter{text-transform:uppercase;}
.cont1 .cont1_right li span{ font-size:14px;font-family:'NotoSansCJKkrDemiLight', sans-serif; font-weight:bold; color:#d3d3d3;}
.cont1 .cont1_right li.on em{color:#222;}
.cont1 .cont1_right li.on p{color:#f04d22;}
.cont1 .cont1_right li.on span{color:#222;}

.cont1 .more{display:block;font-size:14px;color:#f04d22;font-family: "NotoSansCJKkrRegular", sans-serif;; line-height:42px; width:172px; text-align:center; border:1px solid #f04d22; border-radius:10px 0 10px 0; background:#fff; ; overflow:hidden; margin-top:40px; position:relative; padding-top:0; z-index:0; transition:all 0.5s;}
.cont1 .more span{color:#f04d22; line-height:42px; letter-spacing:0;}
.cont1 .more img{padding-left:11px; vertical-align:0;}
.cont1 .more span{transition:all 0.5s;}
.cont1 .more:before{content:""; display:block; width:110%; height:100%; position:absolute; left:0; top:0; background:#f04d22; transform-origin: 0 0; transform:translateY(100%) rotate(30deg); z-index:-1; transition:transform 0.5s cubic-bezier(0.33, 0.16, 0.31, 1.02);}
.cont1 .more:hover{}
.cont1 .more:hover span{color:#fff;}
.cont1 .more:hover:before{transform:translateY(0) rotate(0);}

.cont1 .container > h3{opacity:0; transform:translateY(40%); transition: all 0.5s;}
.cont1 .container > p{opacity:0; transform:translateY(40%); transition: all 0.5s; transition-delay:0.4s;}
.cont1 .cont1_left{opacity:0; transform:translateY(40%); transition: all 0.5s; transition-delay:0.6s;}
.cont1 .cont1_center{opacity:0; transform:translate(-50%,40%); transition: all 0.5s; transition-delay:0.2s;}
.cont1 .cont1_right ul{opacity:0; transform:translateY(40%); transition: all 0.5s; transition-delay:0.8s;}

.cont1.show .container > h3 {opacity:1; transform:translateY(0);}
.cont1.show .container > p{opacity:1; transform:translateY(0);}
.cont1.show .cont1_left{opacity:1; transform:translateY(0);}
.cont1.show .cont1_center{opacity:1; transform:translate(-50%,0);}
.cont1.show .cont1_right ul{opacity:1; transform:translateY(0);}

/*cont2*/
.cont2{width:100%; height:782px; background:url(/skin/skin221/images/cont2_bg.jpg) no-repeat center top; box-sizing:border-box; position:relative; overflow:hidden;}
.cont2 .container{position:relative; height:100%; overflow:hidden;}
.cont2_left{position:relative; padding-top:162px;}
.cont2_left h3{font-size:45px; color:#222;font-family:'PHCM', sans-serif; letter-spacing:2px;}
.cont2_left ul{padding-top:111px; position:relative;}
.cont2_left ul li{}
.cont2_left ul li > a{display:block; color:#666;font-family:'PHCL',sans-serif; font-weight:bold; padding-bottom:5px; position:absolute; top:90px; font-size:15px; overflow:hidden;}
.cont2_left ul li > a:before{position: absolute; bottom:0; left: 0; height: 2px; width: 100%; content: ''; background-color: #f04e23; 
	-webkit-transform-origin: right top; 
	transform-origin: right top; 
	-webkit-transform: scaleX(0); transform: scaleX(0); 
	-webkit-transition: -webkit-transform .3s cubic-bezier(.165,.84,.44,1); 
	transition: -webkit-transform .3s cubic-bezier(.165,.84,.44,1);
	transition: transform .3s cubic-bezier(.165,.84,.44,1); 
	transition: transform .3s cubic-bezier(.165,.84,.44,1),-webkit-transform .3s cubic-bezier(.165,.84,.44,1); }
.cont2_left ul li > a:focus:before, .cont2_left ul li > a:hover:before { -webkit-transform-origin: left top; transform-origin: left top; -webkit-transform: scaleX(1); transform: scaleX(1); }
.cont2_left ul li:nth-child(1) > a{left:0;}
.cont2_left ul li:nth-child(2) > a{left:95px;}
.cont2_left ul li:nth-child(3) > a{left:219px;}
.cont2_left ul li:nth-child(4) > a{left:353px;}
.cont2_left ul li div{padding-top:55px; display:none;}
.cont2_left ul li div p{font-size:45px; color:#222;font-family:'PHCL', sans-serif;; padding-bottom:36px;}
.cont2_left ul li div span{font-size:15px; line-height:29px; color:#666; font-family: 'NotoSansCJKkrDemiLight', sans-serif;;}
.is-ie .cont2_left ul li div span{font-family: 'NotoSansCJKkrDemiLight-ie', sans-serif; }
.cont2_left ul li .cont2_imgbox{display:block; position:absolute; left:50%; top:-39px; opacity:0; transition:opacity .5s; padding-top:0;}
.cont2_left ul li .cont2_imgbox img{position: absolute; left:0;}
.cont2_left ul li.on{}
.cont2_left ul li.on > a{color:#f04e23; /*border-bottom:2px solid #f04e23;*/overflow:hidden;}
.cont2_left ul li.on > a:before{-webkit-transform-origin: left top; transform-origin: left top; -webkit-transform: scaleX(1); transform: scaleX(1);}
@keyframes left{
	0%{left:-100%;}
	100%{left:0;}
}
.cont2_left ul li.on div{display:block;}
.cont2_left ul li.on .cont2_imgbox{display:block; opacity:1;}
.cont2_left .more{display:block;font-size:14px;color:#f04d22;font-family: "NotoSansCJKkrRegular", sans-serif;; line-height:42px; width:172px; text-align:center; border:1px solid #f04d22; border-radius:10px 0 10px 0; background:#fff; ; overflow:hidden; margin-top:40px; position:relative; padding-top:0; z-index:1; transition:all 0.5s;}
.cont2_left .more span{color:#f04d22; line-height:42px; }
.cont2_left .more img{padding-left:11px; vertical-align:0;}
.cont2_left .more span{transition:all 0.5s;}
.cont2_left .more:before{content:""; display:block; width:110%; height:100%; position:absolute; left:0; top:0; background:#f04d22; transform-origin: 0 0; transform:translateY(100%) rotate(30deg); z-index:-1; transition:transform 0.5s cubic-bezier(0.33, 0.16, 0.31, 1.02);}
.cont2_left .more:hover{}
.cont2_left .more:hover span{color:#fff;}
.cont2_left .more:hover:before{transform:translateY(0) rotate(0);}

.cont2 .circle_area{}
.cont2 .circle_area .circle{position:absolute;}
.cont2 .circle_area .circle1{top:-126px; left:calc(100% - 255px); /*animation:cc1 3s infinite alternate;*/}
.cont2 .circle_area .circle2{top:70px; left:calc(50% - 70px); /*animation:cc2 2s infinite alternate;*/}
.cont2 .circle_area .circle3{top:calc(100% - 280px); right:calc(100% - 292px); /*animation:cc3 3s infinite alternate;*/ z-index:0;}
@keyframes cc1{
	100%{transform:translateY(8%);}
}
@keyframes cc2{
	100%{transform:translate(-8%,-8%);}
}
@keyframes cc3{
	100%{transform:translate(5%,-8%);}
}

.swiper-container-bs{height:auto; /*padding-top:44px;*/ display:none;}
.swiper-container-bs .swiper-slide a{display:inline-block; color:#666;font-family:'PHCL',sans-serif; font-weight:bold; padding-bottom:5px; font-size:15px; font-size:14px; position:relative;-webkit-tap-highlight-color: rgba(0,0,0,0);}
.swiper-container-bs .swiper-slide a.btn2{margin-left:-15px;}
.swiper-container-bs .swiper-slide:last-child{text-align:center;}
.swiper-container-bs .swiper-slide a:before{position: absolute; bottom:0; left: 0; height: 2px; width: 100%; content: ''; background-color: #f04e23; 
	-webkit-transform-origin: right top; 
	transform-origin: right top; 
	-webkit-transform: scaleX(0); transform: scaleX(0); 
	-webkit-transition: -webkit-transform .3s cubic-bezier(.165,.84,.44,1); 
	transition: -webkit-transform .3s cubic-bezier(.165,.84,.44,1);
	transition: transform .3s cubic-bezier(.165,.84,.44,1); 
	transition: transform .3s cubic-bezier(.165,.84,.44,1),-webkit-transform .3s cubic-bezier(.165,.84,.44,1); }
.swiper-container-bs a.on{color:#f04e23; /*border-bottom:2px solid #f04e23;*/}
.swiper-container-bs a.on:before{-webkit-transform-origin: left top; transform-origin: left top; -webkit-transform: scaleX(1); transform: scaleX(1);}


/* cont03 */
.cont3{width:100%; height:553px; box-sizing:border-box; position:relative; background:#f8efe7;}
/*.cont3 .wave2{width:200%; height:100%; position:absolute; left:-800px; top:0; transition:all 0.8s; background:url(../images/wave3.png) no-repeat; z-index:2;}
.cont3 .wave2.on{left:0;}*/
.cont3 .container{padding-top:109px;}
.cont3 h3{font-size:40px; letter-spacing:2px; color:#000;font-family: 'PHCM', sans-serif; text-align:center; text-transform:uppercase;}
.cont3 ul{margin:0 auto; width:960px; overflow:hidden; padding-top:75px;}
.cont3 li{float:left; text-align:center; width:25%;}
.cont3 li div{position:relative; margin-bottom:29px;}
.cont3 li p{font-size:16px;font-family: 'PHCL', sans-serif; font-weight:bold; color:#f04e23; letter-spacing:2px; padding-bottom:20px; position:absolute; top:102px; left:50%; transform:translateX(-50%);}
.cont3 li span{font-family: "NotoSansCJKkrDemiLight", sans-serif; font-size:23px; color:#222;}
.cont3 li span em{font-size:45px; padding-right:7px;font-family: 'PHCM', sans-serif;}


/* cont4 */
.cont4{width:100%; height:914px; background:#fff;}
.cont4 .container{position:relative;}
.cont4 h3{font-size:45px; letter-spacing:2px; color:#222;font-family: 'PHCM', sans-serif; text-align:center; padding-top:117px; text-transform:uppercase;}
.cont4 ul{overflow:hidden; margin:0 auto; width:400px; padding-top:43px;}
.cont4 ul li{float:left; width:33.3%; box-sizing:border-box; text-align:center; position:relative;}
.cont4 ul li:after{content:""; position:absolute; right:0; top:8px; width:1px; height:50px; background:#e0dbd7;}
.cont4 ul li:last-child:after{width:0; height:0;}
.cont4 ul li p{color:#f04d22; font-family: 'Open Sans', sans-serif; font-size:40px; font-weight:600;}
.cont4 ul li span{display:block; font-size:14px; font-family: 'Open Sans', sans-serif; color:#222; padding-top:8px; text-transform:uppercase;}
.cont4 .map{position:relative; width:1182px; height:612px; margin:auto; margin-top:-73px;}
.cont4 .map .mapimg{width:100%;}
.cont4 .map p{position:absolute; line-height:27px; color:#fff; background:#f04d22; border-radius:15px; padding:0 13px; text-align:center;font-family: 'Open Sans', sans-serif; font-weight:600; font-size:14px;}
.cont4 .map p.UK{left:21px; top:162px;}
.cont4 .map p.Czech{top:162px; left:144px;}
.cont4 .map p.Slovakia{top:195px; left: 151px;}
.cont4 .map p.India{top:308px; left: 286px;}
.cont4 .map p.China{top:272px; left:355px;}
.cont4 .map p.Vietnam{top:356px; left:380px;}
.cont4 .map p.Indonesia{top:402px; left:461px;}
.cont4 .map p.Japan{top:232px; left:535px;}
.cont4 .map p.USA{top:211px; left:892px;}
.cont4 .map p.Mexico{top:311px; left:918px;}
.cont4 .map p.malaysia{top:411px; left:355px;}
.cont4 .map p.korea{top:262px; left:438px;}
.cont4 .map .svg{position:absolute; left:29px; top:43px; width:910px; height:333px;}
.cont4 .map .dot{animation:dots 2s infinite;}
@keyframes dots{
	0%{transform:scale(1); opacity:0.3;}
	100%{transform:scale(5); opacity:0;}
}
.cont4 .map .dot2{animation:dots 3s infinite;}
.cont4 .map span{position:absolute; top:214px; left:456px;}
.cont4 .map span img{}
.cont4 .cont4_right{position:absolute; right:0; top:334px;}
.cont4 .more{display:block;font-size:14px;color:#f04d22;font-family: "NotoSansCJKkrRegular", sans-serif;; line-height:42px; width:172px; text-align:center; border:1px solid #f04d22; border-radius:10px 0 10px 0; background:#fff; position:absolute; left:50%; bottom:33px; transform:translateX(-50%); overflow:hidden;}
.cont4 .more span{z-index:10;}
.cont4 .more img{padding-left:11px;vertical-align:0;}
.cont4 .more span{transition:all 0.5s;}
.cont4 .more:before{content:""; display:block; width:110%; height:100%; position:absolute; left:0; top:0; background:#f04d22; transform-origin: 0 0; transform:translateY(100%) rotate(30deg); z-index:-1; transition:transform 0.5s cubic-bezier(0.33, 0.16, 0.31, 1.02);}
.cont4 .more:hover span{color:#fff;}
.cont4 .more:hover:before{transform:translateY(0) rotate(0);}

.dot1,.dot11,.dot3,.dot4,.dot5,.dot6,.dot7,.dot8,.dot9,.dot10,.dot111,.dot112{width:4px; height:4px; background:red; border-radius:50%; position:absolute; left:-2px; top:-2px;}
.dot1:before,.dot11:before,.dot3:before,.dot4:before,.dot5:before,.dot6:before,.dot7:before,.dot8:before,.dot9:before,.dot10:before,.dot111:before,.dot112:before{content:""; width:100%; height:100%; border-radius:50%; background:red; position:absolute; left:0; top:0; animation:dots 2s infinite;}


/*cont5*/
.cont5{width:100%; height:861px; background:#f6f6f6; overflow:hidden;}
.cont5 .container{position:relative;}
.cont5 h3{font-size:50px; letter-spacing:2px; color:#222;font-family: 'PHCM', sans-serif; text-align:center; padding-top:117px; text-transform:uppercase;}
.cont5 p{font-size:18px; color:#222; font-family: "NotoSansCJKkrDemiLight", sans-serif;; text-align:center; padding-top:18px;}
.cont5 .cont5_box{width:100%; padding-top:46px; overflow:hidden;}
.cont5 .cont5_box .swiper-slide{height:auto;}
.cont5 .cont5_box .cont5_leftbox{float:left; width:320px; margin-right:170px;}
.cont5 .cont5_box .cont5_leftbox:last-child{margin-right:0;}
.cont5 .cont5_box .cont5_leftbox div.cont5_limg{width:320px; height:320px; padding:0; position:relative; transition:all 0.5s; z-index:2; cursor:pointer;}
.cont5 .cont5_box .cont5_leftbox div.cont5_limg a{display:block; width:100%; height:auto;}
.cont5 .cont5_box .cont5_leftbox div.cont5_limg:hover{border-radius:50%;}
.cont5 .cont5_box .cont5_leftbox div.cont5_limg img{display:none;}
/*.cont2 .cont2_box div p{content:""; display:block; width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:1;}*/
.cont5 .cont5_box .cont5_leftbox:nth-child(1) div.cont5_limg{background:url(/skin/skin221/images/img_company.png) no-repeat left top; border-radius:84px 0 0 0;}
.cont5 .cont5_box .cont5_leftbox:nth-child(2) div.cont5_limg{background:url(/skin/skin221/images/img_map.png) no-repeat left top;}
.cont5 .cont5_box .cont5_leftbox:nth-child(3) div.cont5_limg{background:url(/skin/skin221/images/img_doc.png) no-repeat left top; border-radius:0 0 84px 0;}
.cont5 .cont5_box .cont5_leftbox:nth-child(1):hover div.cont5_limg{border-radius:50%;}
.cont5 .cont5_box .cont5_leftbox:nth-child(3):hover div.cont5_limg{border-radius:50%;}
.cont5 .cont5_box .cont5_leftbox div.cont5_ltxt{width:320px; padding-top:30px; padding-bottom:40px; box-sizing:border-box; word-break:keep-all;}
.cont5 .cont5_box .cont5_leftbox div.cont5_ltxt p{text-align:left; font-family:'PHCM'; color:#f05023; font-size:22px; padding-top:0; padding-bottom:15px;}
.cont5 .cont5_box .cont5_leftbox div.cont5_ltxt span{font-size:16px; line-height:24px; color:#222;font-family: 'NotoSansCJKkrDemiLight',sans-serif; word-break:keep-all; padding-right:37px; word-break:keep-all;}
.is-ie .cont5 .cont5_box .cont5_leftbox div.cont5_ltxt span{font-family: 'NotoSansCJKkrDemiLight-ie';}
.cont5 .cont5_box .cont5_leftbox div.cont5_ltxt img.hoverimg{padding-top:22px; display:block; opacity:0; transition:opacity 0.5s}
.cont5 .cont5_box .cont5_leftbox div.cont5_ltxt img.hoverimg.on{opacity:1;}

/* footer*/
#footer{width:100%; background:#323232;}
#footer .container{position:relative;}
.footer{padding-top:70px;}
.footer > div{float:left;}
.footer .footer_left{width:870px;}
.footer .footer_left > ul{overflow:hidden;}
.footer .footer_left > ul ul{padding-bottom:1px;}
.footer .footer_left > ul > li{float:left; width:25%;}
.footer .footer_left > ul > li p{font-size:16px; color:#fff;font-family:'PHCL', sans-serif; font-weight:bold; padding-bottom:20px;}
.footer .footer_left > ul > li li{}
.footer .footer_left > ul > li li a{font-size:14px; color:#888;font-family: 'NotoSansCJKkrDemiLight', sans-serif;; line-height:24px;}
.footer .footer_center{}
.footer .top{position:absolute; right:0; bottom:142px; z-index:10;}
.footer .top span{display:block; color:#888; font-size:12px;font-family: 'Open Sans', sans-serif; text-align:center; padding-top:10px;}
.footer .footer_bottom{width:100%; border-top:1px solid rgba(255,255,255,0.2); margin-top:45px; padding-top:35px; padding-bottom:44px; overflow:hidden;}
.footer .footer_bottom .fb_left{float:left;}
.footer .footer_bottom .fb_left ul{}
.footer .footer_center ul.terms{padding-bottom:18px;}
.footer .footer_bottom .fb_left ul.add{padding-bottom:10px;font-family: 'NotoSansCJKkrDemiLight', sans-serif;}
.footer .footer_bottom .fb_left ul li{display:inline-block;color:#888;font-family: 'NotoSansCJKkrDemiLight', sans-serif;;}
.footer .footer_bottom .fb_right{float:right;}
.footer .footer_center ul.terms li{padding-bottom:18px;}
.footer .footer_center ul.terms li a{font-size:14px; position:relative; margin-left:11px; margin-right:9px; color:#888; font-family: 'NotoSansCJKkrDemiLight', sans-serif; backface-visibility: hidden; }

.footer .footer_bottom .fb_left ul.add li{font-size:13px; padding-right:16px;}
.footer .footer_bottom .fb_left ul.add li span{padding-left:16px;}
.footer .footer_bottom .fb_right p.copy{color:#888;font-family: 'NotoSansCJKkrDemiLight', sans-serif; font-size:13px; }
.footer .footer_right{width:197px; float:right; font-size:14px;font-family: 'Open Sans', sans-serif; border-bottom:1px solid rgba(255,255,255,0.2);margin-top:-15px; position:relative; box-sizing:border-box;}
/*.footer .footer_right .f_box a{display:block;color:#888; padding:15px 13px 18px 11px; box-sizing:border-box;}
.footer .footer_right.on .f_box a{border-left:1px solid rgba(255,255,255,0.2); border-right:1px solid rgba(255,255,255,0.2);; padding-left:10px; padding-right:12px;}*/
.footer .footer_right img{float:right; vertical-align:-5px;}
.footer .footer_right.on img{transform:rotate(180deg);}
/*.footer .footer_right ul{display:none; width:100%; background:#fff; position:absolute; left:0; bottom:100%; box-sizing:border-box; border:1px solid #323232;}
.footer .footer_right.on ul{display:block;}
.footer .footer_right ul li{}
.footer .footer_right ul li a{font-family: 'NotoSansCJKkrDemiLight', sans-serif; font-size:14px; color:#555; display:block;padding:15px 0 15px 21px; }
.footer .footer_right ul li a:before{width:0; height:0;}
.footer .footer_right ul li:hover{background:#f05023;}
.footer .footer_right ul li:hover a{color:#fff; }*/

.footer .f_box{position:relative;}
.footer .f_box > a{display:block;color:#888; padding:15px 13px 18px 11px; box-sizing:border-box;}
.footer .f_pop{width:504px; background:#fff; overflow:hidden; position:absolute; right:0; bottom:0; display:none; z-index:99;  border:1px solid #dadada; }
.footer .f_pop > div{float:left;}
.footer .f_pop > div ul{width:100%; padding-top:21px; padding-left:25px; box-sizing:border-box;}
.footer .f_pop .f_left{width:168px; }
.footer .f_pop .f_left p{background:#464646;}
.footer .f_pop .f_left ul{}
.footer .f_pop .f_left ul li{padding-bottom:17px;}
.footer .f_pop .f_left ul li a{font-family: 'NotoSansCJKkrDemiLight', sans-serif; font-size:14px; color:#222;}
.footer .f_pop .f_left ul li a.curde{cursor:default;}
/*.footer .f_pop .f_left ul li.on a{color:#f05023;}
.footer .f_pop .f_left ul li.on a:before{-webkit-transform-origin: left top; transform-origin: left top; -webkit-transform: scaleX(1); transform: scaleX(1);}*/
.footer .f_pop .f_left ul li a:hover{color:#f05023;}
.footer .f_pop .f_right{width:100%;}
.footer .f_pop .f_right p{background:#6b6b6b;}
.footer .f_pop .f_right ul{overflow:hidden; display:none; height:138px; border-left:1px solid #dadada; box-sizing:border-box;}
.footer .f_pop .f_right ul.on{display:block;}
.footer .f_pop .f_right ul li{width:33.333%; float:left; padding-bottom:19px;}
.footer .f_pop .f_right ul li a{font-family: 'NotoSansCJKkrDemiLight', sans-serif; font-size:14px; color:#222;}
.footer .f_pop .f_right ul li a.curde{cursor:default;}
.footer .f_pop .f_right ul li a:hover{color:#f05023;}
.footer .f_pop > div p{font-family:'PHCL', sans-serif; font-weight:bold; color:#fff; font-size:16px; line-height:51px; padding-left:25px; box-sizing:border-box;}
.footer .f_pop a.f_cls{width:14px; height:14px; display:block; position:absolute; right:14px; top:19px;}


.footer li a{position: relative; -webkit-transition: color .1s,background-color .1s;}
.footer li a:before{ position: absolute; top: 22px; left: 0; height: 1px; width: 100%; content: ''; background-color: #f04e23; 
	-webkit-transform-origin: right top; 
	transform-origin: right top; 
	-webkit-transform: scaleX(0); transform: scaleX(0); 
	-webkit-transition: -webkit-transform .3s cubic-bezier(.165,.84,.44,1); 
	transition: -webkit-transform .3s cubic-bezier(.165,.84,.44,1);
	transition: transform .3s cubic-bezier(.165,.84,.44,1); 
	transition: transform .3s cubic-bezier(.165,.84,.44,1),-webkit-transform .3s cubic-bezier(.165,.84,.44,1); 
}
.footer li a:hover:before { -webkit-transform-origin: left top; transform-origin: left top; -webkit-transform: scaleX(1); transform: scaleX(1); }


/*.top_wave{position:absolute; bottom:-6px; right:0; height:320px; width:2000px; z-index:999;}*/
body{width:100%; overflow-x:hidden;}
.wave img{position:absolute; height:300px; right:-800px; bottom:-175px; z-index:9; transition:all 0.8s;}
/*.sub_wrap .wave img.s1{right:-600px;}
.sub_wrap .wave img.s2{right:-800px;}
.sub_wrap .wave img.s3{right:-1000px;}
.sub_wrap .wave img.s4{right:-1200px;}
.sub_wrap .wave img.s5{right:-1400px;}*/

@media ( max-width: 1350px ) {
	.cont1 .cont1_left li{}
}

@media ( max-width: 1350px ) {

	/* layout */
  .container{max-width:100% !important; padding:0 50px; box-sizing:border-box;}
  .pcv{display:none !important;}
  .tmv{display:block !important;}
  
  /*header*/
  .header .gnb{display:none;}
  .header .leftM li.global_wrap{display:none;}
  .m_am_btn{display:block !important;}

  /* m_menu */
  .m_bg{display:block;}
	.m_menu.tmv{display:block !important;}

	/*visual*/
  #visual{margin-top:0;}
  .visual .visual00 .container{width:100%; padding:0 50px; left:0; transform:translateX(0); box-sizing:border-box;}
  .visual .visual00 .visual_text{left:50px; transform:translate(0%,-50%);}
  .visual .visual_navi{width:100%; padding:0 50px; transform:translateX(0); left:0; box-sizing:border-box;}
  .visual .visual_navi li.pager{left:190px;}
  .wave{display:none;}

  /*cont1*/
	.cont1{margin-top:0; height:1172px;}
	.cont1 .container{padding-top:81px; position:relative; height:100%;}
	.cont1 .container > h3{font-size:40px;}
	.cont1 .pcv{display:block !important;}
	.cont1 .tmv{display:none !important;}
	.cont1 .cont1_right{float:none; width:100%;}
	.cont1 .cont1_right ul{overflow:hidden;}
	.cont1 .cont1_right li{float:left; width:20%; box-sizing:border-box; border-bottom:none; padding:0; padding-top:50px;}
	.cont1 .cont1_right li:after{content:""; width:1px; height:100%; background:#dadada; position:absolute; right:0; top:0;}
	.cont1 .cont1_right li:last-child:after{width:0; height:0;}
	.cont1 .cont1_right li span{display:none;}
	.cont1 .cont1_right li em{top:0; left:50%; transform:translateX(-50%); font-size:45px;}
	.cont1 .cont1_right li p{text-align:center;}
	.cont1 .cont1_center{top:354px; width:463px; height:463px; background-size:contain;}
	.cont1 .cont1_left{float:none; width:100%;}
	.cont1 .cont1_left li{top:560px; width:100%;}
	.cont1 .cont1_left li > span{width:72%; word-break:keep-all;}

	/* cont2 */
	.cont2{height:692px;}
	.cont2 .circle_area #scene1{display:none;}
	.cont2 .circle_area #scene3{display:none;}
	.cont2_left{padding-top:105px;}
	.cont2_left h3{font-size:40px;}
	.cont2_left ul{padding-top:51px;}
	.cont2_left ul li > a{top:46px;}
	.cont2_left ul li div{width:50%;}
	.cont2_left ul li div p{font-size:40px; line-height:45px;}
	.cont2_left ul li .cont2_imgbox{width:50%; left:calc(50% + 22px);}
	.cont2_left ul li.on .cont2_imgbox{width:50%;}
	.cont2_left ul li .cont2_imgbox img{width:100%;}
	.cont2_left ul li div span{word-break:keep-all;}
	.cont2 .circle_area .circle2{width:214px; right:20px; left:initial; top:173px;}
	.cont2 .circle_area .circle2 img{width:100%;}

	/* cont3 */
	.cont3 ul{width:100%;}
	.cont3 li span{font-size:22px;}
	.cont3 li span em{font-size:40px;}

	/* cont4 */
	.cont4{height:auto; padding-bottom:109px;}
	.cont4 h3{font-size:40px;}
	.dot1,.dot11,.dot3,.dot4,.dot5,.dot6,.dot7,.dot8,.dot9,.dot10,.dot111,.dot112{display:none;}
	.m_map{width:100%;}
	.m_map img{width:100%;}
	.cont4 .more{position:relative; left:0; top:0; margin:0 auto; margin-top:4px; transform:translateX(0);}

	/* cont5 */
	.cont5{height:auto; padding-bottom:108px;}
	.cont5 .cont5_box .cont5_leftbox{width:calc(33.3333% - 14px); box-sizing:border-box; margin-right:20px;}
	.cont5 .cont5_box .cont5_leftbox:last-child{margin-right:0;}
	.cont5 .cont5_box .cont5_leftbox div.cont5_ltxt img.hoverimg{display:none;}
	.cont5 .cont5_box .cont5_leftbox div.cont5_limg:hover{border-radius:0;}
	.cont5 .cont5_box .cont5_leftbox:nth-child(1):hover div.cont5_limg{border-radius:50px 0 0 0;}
	.cont5 .cont5_box .cont5_leftbox:nth-child(3):hover div.cont5_limg{border-radius:0 0 50px 0;}
	.cont5 .cont5_box .cont5_leftbox:nth-child(1) div.cont5_limg{background:none; border-radius:0;}
	.cont5 .cont5_box .cont5_leftbox:nth-child(2) div.cont5_limg{background:none; border-radius:0;}
	.cont5 .cont5_box .cont5_leftbox:nth-child(3) div.cont5_limg{background:none;border-radius:0 0 50px 0;}
	.cont5 .cont5_box .cont5_leftbox div.cont5_limg{width:100%; height:auto; overflow:hidden;}
	.cont5 .cont5_box .cont5_leftbox div.cont5_limg img{display:block; width:100%;}
	.cont5 .cont5_box .cont5_leftbox div.cont5_ltxt{width:100%;}
	.cont5 .cont5_box .cont5_leftbox div.cont5_ltxt p{font-size:20px; font-family: 'PHCL',sans-serif; font-weight:bold;}
	.cont5 .swiper-wrapper{height:auto;}
	.cont5 .cont5_box{overflow:visible;}

	/* footer */
	.footer{position:relative; padding-top:138px;}
	.footer .footer_left{width:100%;}
	.footer .footer_center{float:none; position:absolute; left:0; top:45px;}
	.footer .footer_center ul.terms{overflow:hidden; padding-bottom:0;}
	.footer .footer_center ul.terms li{float:left; padding-bottom:0; position:relative; padding-left:10px;}
	.footer .footer_center ul.terms li:after{content:""; width:1px; height:19px; background:#625d59; position:absolute; right:0; top:4px;}
	.footer .footer_center ul.terms li:first-child{padding-left:0px;}
	.footer .footer_center ul.terms li:last-child:after{width:0; height:0;}
	.footer .footer_center ul.terms li a{margin-left:0;}
	.footer .footer_right{float:none; position:absolute; right:0; top:45px;}
	.footer .footer_right > a{padding-left:0;}
	.footer .footer_right.on > a{padding-left:0;}
	.footer .footer_bottom{border-top:none; position:relative; overflow:visible;}
	.footer .footer_bottom:before{content:""; width:200%; height:1px; background:rgba(255,255,255,0.2); position:absolute; left:-24px; top:0;}
	.footer .footer_bottom .fb_left ul li{line-height:24px;}
}
@media (max-width:1024px){
	.cont2_left ul li .cont2_imgbox{top:30px;}
}

@media (max-width: 900px){
	.footer .footer_bottom .fb_left{float:none; width:87%;}
	.footer .footer_bottom .fb_right{float:none;}
	.footer .footer_bottom{margin-top:89px; padding-top:19px; padding-bottom:23px;}
	.footer .footer_bottom .fb_left ul.add li{font-size:12px;}
	.footer .footer_right.on ul{z-index:90;}
	.footer .footer_right ul li a{font-size:12px;}

}
@media ( max-width: 840px ) {
	.cont2_left ul li .cont2_imgbox{width:50%; top:95px;}

	.cont3{height:850px;}
	.cont3 li{width:50%; margin-bottom:80px;}


}
@media ( max-width: 640px ) {
	.header{height:45px;}
	.header h1{padding-top:15px;}
	.header h1 img{width:44px;}
	.header .leftM{padding-top:15px;}

	.m_menu{width:calc(100% - 25px);}
	.m_menu .m_top{height:45px; padding-top:17px; padding-left:28px;}
	.m_menu .m_top li{margin-right:15px;}
	.m_menu .m_top li a{font-size:12px;}
	.m_menu .m_close{width:12px; top:17px; right:25px;}
	.m_menu .m_close img{width:100%;}
	.m_menu .m_list > li > a{font-size:15px; padding:16px 0 12px 27px;}
	.m_menu .m_list > li ul{padding-top:19px; padding-left:27px; padding-bottom:18px;}
	.m_menu .m_list > li ul li{padding-bottom:22px;}
	.m_menu .m_list > li ul li a{font-size:14px;}

	.container{padding:0 24px;}

	.visual .visual00 .visual_text{width:100%; text-align:center; left:0; transform:translate(0,-50%); margin-top:-30px;}
	.visual .visual00.show .visual_text > span{font-size:11px; padding-bottom:13px;}
	.visual .visual00 .visual_text h2{font-size:26px; line-height:33px;}
	.visual .visual_navi{width:119px; left:50%; top:calc(50% + 64px); transform:translateX(-50%); padding:0;}
	.visual .visual_navi li.prev{margin-left:0;}
	.visual .visual_navi li.pager{left:50%; transform:translateX(-50%);top:37px; margin-left:0;}
	.scroll{height:52px;}
	.scroll p{font-size:8px;}
	.scroll span{height:28px;}
	.scroll span:after{height:28px;}

	.cont1{height:750px;    background: url(/skin/skin221/images/cont1_bg_m.jpg) no-repeat center;}
	.cont1 .container{padding-top:50px;}
	.cont1 .pcv{display:none !important;}
	.cont1 .tmv{display:block !important;}
	.cont1 .cont1_center{width:399px; height:399px; top:169px;}
	.cont1 .cont1_center li:nth-child(1) svg{width:250px;}
	.cont1 .cont1_center li:nth-child(2) svg{width:175px;}
	.cont1 .cont1_center li:nth-child(3) svg{width:270px;}
	.cont1 .cont1_center li:nth-child(4) svg{width:200px;}
	.cont1 .cont1_center li:nth-child(5) svg{width:230px;}
	.contmt a{text-align:center;font-family:'PHCB', sans-serif; font-size:14px; color:#666;}
	.contmt .swiper-slide.on a{color:#f05023; border-bottom:2px solid #f05023;}
	.contmt .swiper-slide{height:auto; text-align:center;}
	.cont1 .container > h3{font-size:24px;}
	.cont1 .container > p{font-size:15px; padding-top:13px;}
	.cont1 .cont1_right{padding-top:31px;}
	.cont1 .cont1_left{position:absolute; left:25px; top:322px;; padding-top:0;}
	.cont1 .cont1_left li{top:241px;}
	.cont1 .cont1_left li > span{width:calc(100% - 50px);}
	.cont1 .cont1_left p{font-size:19px; padding-bottom:14px;}
	.cont1 .cont1_left li > span{font-size:14px; line-height:22px; letter-spacing:0;}
	.cont1 .more{margin-top:19px; width:120px; }
	.cont1 .more span{font-size:10px; line-height:28px;}
	
	.cont2{height:auto; background-color:#f6f6f6; padding-bottom:54px;}
	.cont2 .container{height:auto;}
	.cont2_left{padding-top:52px;}
	.cont2_left h3{font-size:24px; padding-bottom:44px;}
	.cont2_left ul li > a{font-size:14px; top:24px;}
	.cont2_left ul li:nth-child(2) > a{left:84px;}
	.cont2_left ul li:nth-child(3) > a{left:168px;}
	.cont2_left ul li:nth-child(4) > a{left:287px;}
	.cont2_left ul{padding-top:424px;}
	.cont2_left ul li .cont2_imgbox{width:350px; left:50%; margin-left:-175px; top:40px;}
	.cont2_left ul li.on .cont2_imgbox{width:350px;}
	.cont2_left ul li div{width:100%; padding-top:0;}
	.cont2_left ul li div p{font-size:21px; padding-bottom:17px; line-height:28px;}
	.cont2_left ul li div span{font-size:14px; line-height:22px; word-break:keep-all;}
	.cont2_left .more{margin-top:20px;width:120px; padding-top:2px;}
	.cont2_left .more span{font-size:12px; line-height:28px;}
	.swiper-container-bs{display:block;}
	.cont2_left ul li > a{display:none;}


	.cont3{height:470px;}
	.cont3 h3{font-size:24px;}
	.cont3 .container{padding-top:55px;}
	.cont3 ul{padding-top:25px;}
	.cont3 li{margin-bottom:40px;}
	.cont3 li div{margin-bottom:17px;}
	.cont3 li div img{width:95px;}
	.cont3 li p{font-size:14px; top:64px; letter-spacing:0;}
	.cont3 li span{font-size:12px;}
	.cont3 li span em{font-size:22px;}

	.cont4{padding-bottom:48px;}
	.cont4 h3{font-size:24px; padding-top:58px;}
	.cont4 ul{width:240px; padding-top:23px;}
	.cont4 ul li p{font-size:21px;}
	.cont4 ul li span{font-size:12px;}
	.m_map{width:calc(100% + 48px); margin-left:-24px;}
	.cont4 .more{margin-top:14px;width:120px; }
	.cont4 .more span{font-size:12px; line-height:28px;}

	.cont5{padding-bottom:70px;}
	.cont5 h3{font-size:24px; padding-top:52px;}
	.cont5 p{font-size:15px; line-height:1.5; padding-top:13px; word-break:keep-all;}
	.cont5 .cont5_box{overflow:visible; padding-top:26px;}
	.cont5 .cont5_box .cont5_leftbox div.cont5_ltxt{padding-top:16px; padding-bottom:0;}
	.cont5 .cont5_box .cont5_leftbox div.cont5_ltxt p{font-size:19px;}
	.cont5 .cont5_box .cont5_leftbox div.cont5_ltxt span{font-size:14px; line-height:20px; color:#666;}

	.footer{padding-top:0; display:flex; flex-wrap:wrap;}
	.footer .footer_right{position:static; order:1; margin-top:4px;}
	.footer .footer_left{display:none;}
	.footer .footer_center{position:static; order:2; width:100%; height:37px;}
	.footer .footer_bottom{margin-top:0; order:3;}
	.footer .footer_center ul.terms{width:100%; height:37px; display:flex; align-items: center;}
	.footer li a:before{width:0; height:0;}
	
	.footer .top{bottom:31px;}
	.footer .footer_right{width:100%; top:19px;}
	.footer .footer_right > a{font-size:12px; }
	.footer .footer_center{top:65px;}
	.footer .footer_center ul.terms li a{font-size:12px; display:block;}
	.footer .footer_center ul.terms li:after{top:1px; height:11px;}

	.footer .f_pop{width:300px;}
	.footer .f_pop > div{float:none;}
	.footer .f_pop > div p{font-size:14px; line-height:42px;}
	.footer .f_pop .f_left{width:100%;}
	.footer .f_pop .f_left ul li a{font-size:12px;}
	.footer .f_pop .f_right{width:100%;}
	.footer .f_pop .f_right ul{width:100%; padding-left:15px; height:155px;}
	.footer .f_pop .f_right ul li{width:50%;}
	.footer .f_pop .f_right ul li a{font-size:12px;}
	.footer .f_pop a.f_cls{top:13px;}
	
}
@media ( max-width: 470px ) {
	.cont1{height:700px;}
	.cont1 .cont1_center{width:300px; height:300px;}
	.cont1 .cont1_center li:nth-child(1) svg{width:200px;}
	.cont1 .cont1_center li:nth-child(2) svg{width:135px;}
	.cont1 .cont1_center li:nth-child(3) svg{width:218px;}
	.cont1 .cont1_center li:nth-child(4) svg{width:208px;}
	.cont1 .cont1_center li:nth-child(5) svg{width:178px;}
	.cont1 .cont1_left{top:240px;}

	.cont2{height:auto;}
	.cont2_left ul{padding-top:344px;}
	.cont2_left ul li .cont2_imgbox{width:300px; left:50%; margin-left:-150px; top:25px;}
	.cont2_left ul li.on .cont2_imgbox{width:300px;}

	.cont2_left ul li > a{font-size:12px; top:24px;}
	.cont2_left ul li:nth-child(2) > a{left:50%;}
	.cont2_left ul li:nth-child(3) > a{left:0px; top:55px;}
	.cont2_left ul li:nth-child(4) > a{left:50%; top:55px;}
}