@charset "utf-8";

/* font */
@font-face{font-family: 'NotoSans'; font-style: normal; font-weight: 300; src: url('/resource/fonts/NotoSansCJKkr-Light.woff2') format('woff2'), url('/resource/fonts/NotoSansCJKkr-Light.woff') format('woff');}
@font-face{font-family: 'NotoSans'; font-style: normal; font-weight: 400; src: url('/resource/fonts/NotoSansCJKkr-Regular.woff2') format('woff2'), url('/resource/fonts/NotoSansCJKkr-Regular.woff') format('woff');}
@font-face{font-family: 'NotoSans'; font-style: normal; font-weight: 600; src: url('/resource/fonts/NotoSansCJKkr-Medium.woff2') format('woff2'), url('/resource/fonts/NotoSansCJKkr-Medium.woff') format('woff');}
@font-face{font-family: 'NotoSans'; font-style: normal; font-weight: 700; src: url('/resource/fonts/NotoSansCJKkr-Bold.woff2') format('woff2'), url('/resource/fonts/NotoSansCJKkr-Bold.woff') format('woff');}
@font-face{font-family: 'HanwhaWeb'; font-style: normal; font-weight: 400; src: url('/resource/fonts/Hanwha-Light.woff2') format('woff2'), url('/resource/fonts/Hanwha-Light.woff') format('woff');}
@font-face{font-family: 'HanwhaWeb'; font-style: normal; font-weight: 600; src: url('/resource/fonts/Hanwha-Bold.woff2') format('woff2'), url('/resource/fonts/Hanwha-Bold.woff') format('woff');}
@font-face{font-family: 'HanwhaWeb'; font-style: normal; font-weight: 700; src: url('/resource/fonts/Hanwha-Bold.woff2') format('woff2'), url('/resource/fonts/Hanwha-Bold.woff') format('woff');}
@font-face {font-family: 'Forena'; font-style: normal; font-weight: normal;  src: url('/resource/fonts/Forena.woff2') format('woff2'), url('/resource/fonts/Forena.woff') format('woff');}

/* reset */
html{-webkit-text-size-adjust: none; -webkit-overflow-scrolling: touch;}
body{font-family: 'NotoSans', sans-serif; font-weight: 400; font-size: 18px; color: #999; line-height: 1.6; word-break: keep-all; word-wrap: break-word;}
body, div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, form, fieldset, input, table, tr, th, td, a, strong, span, em, button, textarea, header, footer, nav, section, aside, article{margin: 0; padding: 0; box-sizing: border-box; -webkit-overflow-scrolling: touch;}
h1, h2, h3, h4, h5, h6{font-weight: 400;}
ul, ol, li{list-style: none;}
legend, caption{font-size: 0; width: 0; height: 0; line-height: 0; overflow: hidden; text-indent: -9999px;}
hr{position: absolute; left: -1000%; top: 0; width: 1px; height: 1px; font-size: 0; line-height: 0; overflow: hidden;}
fieldset{border: none;}
a{text-decoration: none; color: inherit;}
a:hover, a:active, a:visited{text-decoration: none;}
img{border: 0; vertical-align: top;}
button, input, select, textarea{font-family: inherit; font-size: inherit; color: inherit; line-height: 1.6; vertical-align: middle;}
button{border: 0; border-radius: 0; background-color: transparent; cursor: pointer; text-align: left; letter-spacing: inherit;}
em, address{font-style: normal;}
table{width: 100%; table-layout: fixed; border-collapse: collapse;}
th{font-weight: 700;}
label{vertical-align: middle; cursor: pointer;}
strong{font-weight: 700;}
sup{font-size: 10px;}
mark{background-color: #fff;}
.skip_nav{position: fixed; z-index: 9999; left: 0; top: 0; width: 100%;}
.skip_nav a{display: block; position: absolute; top: 0; left: 0; width: 100%; margin-top: -50px; height: 50px; line-height: 50px; text-align: center; color: #fff; background-color: #f60;}
.skip_nav a:focus, .skip_nav a:active{margin-top: 0; -webkit-transition: margin .3s ease-in-out; transition: margin .3s ease-in-out;}
.blind{position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden;}
input[type=text]::-ms-clear{display: none;}
.va1 {vertical-align: 1px;}

.mt0 {margin-top: 0 !important;}
.mt10 {margin-top: 10px !important;}
.mt15 {margin-top: 15px !important;}
.mt20 {margin-top: 20px !important;}
.mt25 {margin-top: 25px !important;}
.mt30 {margin-top: 30px !important;}
.mt35 {margin-top: 35px !important;}
.mt36 {margin-top: 36px !important;}
.mt40 {margin-top: 40px !important;}
.mt50 {margin-top: 50px !important;}
.mb0 {margin-bottom: 0 !important;}
.mb10 {margin-bottom: 10px !important;}
.mb30 {margin-bottom:30px;}
.ml0 {margin-left: 0 !important;}
.pt0 {padding-top: 0 !important;}
.pb0 {padding-bottom: 0 !important;}

/* 팝업 오픈 시 */
body.pop_open{overflow: hidden; width: 100%; height: 100%;}

/* error */
.error .content{padding-bottom: 0;}
.error_wrap{position: relative; height: 100vh; background-color: #f6f6f6;}
.error_inner{display: table; position: absolute; left: 50%; top: 50%; width: 880px; height: 520px; margin: -260px 0 0 -440px; background-color: #fff; text-align:center;}
.error_inner .logo{position: absolute; left: 0; top: -70px;}
.error_box{display: table-cell; vertical-align: middle;}
.error_box .icon{margin-bottom: 30px;}
.error_box .tit{margin-bottom: 30px; font-weight: 700; font-size: 42px; color:#1c1c1c; line-height: 1;}
.error_box .txt{margin-bottom: 45px; font-weight: 300; font-size: 18px; color: #666; line-height:32px;}
.error_box .default_btn{margin-left: 20px;}
.error_box .default_btn:first-child{margin-left: 0;}

/* ie_error */
#ie_service_stop p {padding: 12px 0 12px 25px; background: #fcf0c5; border:1px solid #e4dab7;}
#ie_service_stop p img {vertical-align: middle; padding-right:11px;}
#ie_service_stop p span {vertical-align: middle; color:#1c1c1c;}
#ie_service_stop p span a {color:#ff6600}
#ie_service_stop.ie_bt_down {width:1200px; margin:40px auto 0;}

/* layout */
.hanwhaFont{font-family: 'HanwhaWeb', sans-serif; line-height: 1; vertical-align: 1px;}
.f-Forena { font-family: 'Forena', sans-serif; font-weight:normal !important;}
.engFont{font-family: 'myriad-pro', sans-serif; font-weight: 600;}
.wrap{overflow: hidden; position: relative; min-width: 1200px;}
.layout_section{width: 1200px; margin: 0 auto;}
.layout_section::after{display: block; content: ""; clear: both;}
.content{position: relative; width: 100%; padding-bottom: 150px; letter-spacing: -0.03em;}
.header{overflow: hidden; position: absolute; top: 0; left: 0; right: 0; z-index: 1000; height: 100px; padding: 0 70px; -webkit-transition: height .3s ease-in-out, background-color .3s ease-in-out, margin .3s ease-in-out; transition: height .3s ease-in-out, background-color .3s ease-in-out, margin .3s ease-in-out;}
.header:before{display: block; position: absolute; top: 100px; left: 0; right: 0; height: 1px; background-color: #ddd; opacity: 0; content: ""; -webkit-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out;}
.header_inner{position: relative; min-width: 1120px; max-width: 1920px; height: 100%; margin: 0 auto;}
.header .logo{display: block; position: absolute; top: 22px; left: 0; width: 231px; height: 56px; background: url(/resource/images/logo.png) 0 0 no-repeat; text-indent: -9999px; -webkit-transition: background-image .3s ease-in-out; transition: background-image .3s ease-in-out;}
.header .util_box{position: absolute; top: 33px; right: 0; font-size: 0;}
.header .rep_box a {position: absolute; padding: 10px 40px 10px 20px; letter-spacing:1px; border:1px solid #ffffff93; border-radius: 30px; font-size: 14px; color: #fff; background: url(/resource/images/ico/ico_rep_go.png) 105px 10px no-repeat; top: 36px; right: 175px;}
.header .rep_box:hover a {border:1px solid #fff; color: #000; background: #fff url(/resource/images/ico/ico_rep_go_on.png) 105px 10px no-repeat;}
.header.fixed .rep_box a {color: #1c1c1c; border:1px solid #1c1c1c; background-image: url(/resource/images/ico/ico_rep_go_on.png);}
.header.fixed .rep_box a:hover {color: #ff6600; border:1px solid #ff6600; background-image: url(/resource/images/ico/ico_rep_go_on2.png);}



.header .link_lang{display: inline-block; font-weight: 700; font-size: 15px; color: #fff; vertical-align: middle; -webkit-transition: color .3s ease-in-out; transition: color .3s ease-in-out;}
.header .btn_full_menu{position: relative; width: 36px; height: 36px; margin-left: 40px; font-size: 0; vertical-align: middle; text-indent: -9999px;}
.header .btn_full_menu .bar_top,
.header .btn_full_menu .bar_mid,
.header .btn_full_menu .bar_bot{display: block; position: absolute; left: 2px; width: 32px; height: 2px; background-color: #fff; transform-origin: top right; -webkit-transition: background-color .3s ease-in-out; transition: background-color .3s ease-in-out;}
.header .btn_full_menu .bar_top{top: 7px;}
.header .btn_full_menu .bar_mid{top: 50%; -webkit-transform: translate(0, -50.1%); transform: translate(0, -50%);}
.header .btn_full_menu .bar_bot{bottom: 7px;}
.header.fixed,
.header.over,
.header.openFull{background-color: #fff;}
.header.fixed{position: fixed; border-bottom: 1px solid #ddd;}
.header.over:before{opacity: 1;}
.header.fixed .logo,
.header.over .logo,
.header.openFull .logo{background-image: url(/resource/images/logo_on.png);}
.header.fixed .btn_full_menu .bar_top,
.header.fixed .btn_full_menu .bar_mid,
.header.fixed .btn_full_menu .bar_bot,
.header.over .btn_full_menu .bar_top,
.header.over .btn_full_menu .bar_mid,
.header.over .btn_full_menu .bar_bot,
.header.openFull .btn_full_menu .bar_top,
.header.openFull .btn_full_menu .bar_mid,
.header.openFull .btn_full_menu .bar_bot{background-color: #000;}
.header.over{height: 360px; box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3);}
.header.openFull{height: 635px; box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3);}
.header.openFull .btn_full_menu .bar_top{top: 4px; left: -6px; width: 37px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
.header.openFull .btn_full_menu .bar_mid{opacity: 0;}
.header.openFull .btn_full_menu .bar_bot{bottom: 4px; left: -5px; width: 37px; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.scrDown .header.fixed{margin-top: -100px;}

/* gnb */
.gnb_wrap{padding: 0 103px 0 170px; text-align: center;}
.gnb{display: inline-block;}
.gnb .dep1_li{display: inline-block; position: relative; height: 100px; padding: 36px 28px 0;}
.gnb .dep1_li:first-child{margin-left: 0;}
.gnb .dep1_link{display: inline-block; font-size: 20px; color: #fff; -webkit-transition: color .2s linear; transition: color .2s linear;}
.gnb .dep1_link:before{display: block; position: absolute; top: 99px; left: 50%; width: 0; height: 2px; background-color: #f60; content: ""; -webkit-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: width .2s ease-in-out; transition: width .2s ease-in-out;}
.header.over .gnb .dep1_li.current .dep1_link{color: #f60;}
.header.over .gnb .dep1_li.current .dep1_link:before{width: 100%;}
.gnb .dep2{width: 100%; position: absolute; top: 100px; left: 0; height: 400px; padding-top: 27px; opacity: 1; -webkit-transition: opacity 1ms 300ms; transition: opacity 1ms 300ms;}
.gnb .dep2_li{margin-top: 7px;}
.gnb .dep2_li:first-child{margin-top: 0;}
.gnb .dep2_link{display: inline-block; font-size: 16px; color: #1c1c1c; -webkit-transition: color .2s linear; transition: color .2s linear;}
.gnb .dep2_link:hover{color: #f60;}
.gnb .masterpiece .dep2_link{color: #f60;}
.header.fixed .gnb .dep1_link,
.header.over .gnb .dep1_link,
.header.openFull .gnb .dep1_link,
.header.fixed .link_lang,
.header.over .link_lang,
.header.openFull .link_lang{color: #1c1c1c;}
.header.over .gnb .dep2{display: block;}
.full_menu{position: absolute; top: 100px; left: 50%; width: 1200px; margin-left: -600px; padding-top: 60px; font-size: 0; visibility: hidden; opacity: 0; -webkit-transition: visibility .3s ease-in-out, opacity .3s ease-in-out, background-color .3s ease-in-out; transition: visibility .3s ease-in-out, opacity .3s ease-in-out, background-color .3s ease-in-out;}
.full_menu .dep1_li{display: inline-block; width: 140px; margin-left: 60px; vertical-align: top; text-align: left;}
.full_menu .dep1_li:first-child{margin-left: 0;}
.full_menu .dep1_link{display: block; padding-bottom: 14px; font-weight: 700; font-size: 20px; color: #f60; border-bottom: 2px solid #eee; outline: none;}
.full_menu .dep2{margin-top: 36px;}
.full_menu .dep2_li{margin-top: 21px;}
.full_menu .dep2_li:first-child{margin-top: 0;}
.full_menu .dep2_link{font-size: 16px; color: #1c1c1c;}
.full_menu .masterpiece .dep2_link{color: #f60;}
.full_menu .dep3{margin-top: 10px; padding-bottom: 10px;}
.full_menu .dep3_li{position: relative; margin-top: 6px; padding-left: 8px;}
.full_menu .dep3_li::before{display: block; position: absolute; top: 11px; left: 0; width: 3px; height: 3px; background-color: #f60; content: "";}
.full_menu .dep3_link{font-size: 15px; color: #999;}
.header.openFull .gnb{opacity: 0; visibility: hidden;}
.header.openFull .gnb .dep2{opacity: 0; -webkit-transition: opacity 1ms; transition: opacity 1ms;}
.header.openFull .full_menu{visibility: visible; height: auto; opacity: 1;}
.footer{position: relative; z-index: 1; height: 260px; padding: 0 70px; background-color: #202020;}
.footer_inner{position: relative; max-width: 1920px; min-width: 1120px; height: 100%; margin: 0 auto; padding-left: 290px;}
.footer .logo{position: absolute; top: 37px; left: 0;}
.footer .link_box{height: 107px; padding-top: 47px; letter-spacing: -0.03em;}
.footer .link_list::after{display: block; clear: both; content: "";}
.footer .link_list>li{float: left; margin-left: 36px;}
.footer .link_list>li:first-child{margin-left: 0;}
.footer .link_list .link{font-size: 16px; color: #fff;}
.footer .link_list .privacy .link{color: #f60;}
.family_site{position: absolute; top: 32px; right: 0; width: 440px;}
.family_site .btn_family_site{display: block; position: relative; width: 100%; height: 52px; padding: 0 25px; line-height: 50px; border: 1px solid #2d2d2d; font-size: 16px; color: #fff; -webkit-transition: background-color .2s ease-in-out, color .2s ease-in-out; transition: background-color .2s ease-in-out, color .2s ease-in-out;}
.family_site .btn_family_site::before{display: block; position: absolute; right: 23px; top: 50%; width: 8px; height: 8px; margin-top: -6px; border-width: 2px 2px 0 0; border-style: solid; border-color: #fff; content: ""; -webkit-transform: rotate(135deg); transform: rotate(135deg); -webkit-transition: border-color .2s ease-in-out; transition: border-color .2s ease-in-out;}
.family_site_box{overflow: hidden; position: absolute; bottom: 52px; left: 0; z-index: 10; width: 100%; height: 545px; background-color: #fff; border: 1px solid #2d2d2d; visibility: hidden; opacity: 0; -webkit-transition: visibility .2s ease-in-out, opacity .2s ease-in-out; transition: visibility .2s ease-in-out, opacity .2s ease-in-out;}
.family_site .dep1::after{display: block; clear: both; content: "";}
.family_site .dep1_li{float: left; width: 50%; padding: 41px 34px 32px;}
.family_site .dep1_li:nth-child(1){height: 543px; border-right: 1px solid #ddd;}
.family_site .dep1_li:nth-child(3){padding-top: 34px; border-top: 1px solid #ddd;}
.family_site .dep1_link{font-weight: 700; font-size: 20px; color: #1c1c1c;}
.family_site .dep1_link{font-size: 20px; color: #1c1c1c;}
.family_site .dep2{margin-top: 16px;}
.family_site .dep2_li{margin-top: 2px;}
.family_site .dep2_link{font-size: 16px; color: #1c1c1c; -webkit-transition: color .2s ease; transition: color .2s ease;}
.family_site .dep2_link:hover{color: #f60;}
.family_site.active .btn_family_site{background-color: #fff; color: #1c1c1c;}
.family_site.active .btn_family_site::before{margin-top: -3px; border-color: #1c1c1c; -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
.family_site.active .family_site_box{visibility: visible; opacity: 1;}
.footer .info_box{border-top: 1px solid #2d2d2d;}
.footer .info{margin-top: 20px; font-size: 14px; color: #666;}
.footer .info>p{margin-top: 2px;}
.footer .info>p:first-child{margin-top: 0;}
.footer .info .copy{margin-top: 22px;}
.footer .contact{position: absolute; right: 0; top: 126px; font-size: 0;}
.footer .contact dt,
.footer .contact dd{display: inline; font-size: 20px;}
.footer .contact dt{margin-left: 42px; color: #666;}
.footer .contact dt:first-child{margin-left: 0;}
.footer .contact dd{margin-left: 10px; color: #999;}
.footer .social{position: absolute; right: 0; top: 196px; margin: -3px -3px 0 0; font-size: 0;}
.footer .social>li{display: inline-block; vertical-align: middle; margin-left: 25px;}
.footer .social>li:first-child{margin-left: 0;}
.footer .social .link{display: block; background-repeat: no-repeat; background-position: 0 0; text-indent: -9999px; /* opacity: .54; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; */ }
.footer .social .blog .link{width: 32px; height: 26px; background-image: url(/resource/images/ico/footer_sns_blog.png);}
.footer .social .youtube .link{width: 30px; height: 26px; background-image: url(/resource/images/ico/footer_sns_youtube.png);}
.footer .social .post .link{width: 17px; height: 26px; background-image: url(/resource/images/ico/footer_sns_post.png);}
.footer .social .insta .link{width: 26px; height: 26px; background-image: url(/resource/images/ico/footer_sns_insta.png);}

/* btn_wrap */
.btn_wrap{font-size: 0; text-align: center;}
.default_btn{display: inline-block; min-width: 120px; height: 50px; padding: 0 20px; background-color: #2b2b2b; font-size: 16px; color: #fff; line-height: 50px; letter-spacing: -.05em;}
.default_btn.orange{background-color: #f60;}
.btn_wrap .default_btn{margin-left: 10px;}
.btn_wrap .default_btn:first-child{margin-left: 0;}
.white_btn{background-color: #fff; border: 1px solid #ddd; color: #666;}
.link_btn{min-width: 215px; padding-right: 40px; background: #2b2b2b url(/resource/images/common/link_btn_arrow.png) 92% 50% no-repeat; text-align: left;}
.link_btn_white{min-width: 215px; padding-right: 40px; background: #fff url(/resource/images/common/link_btn_white_arrow.png) 92% 50% no-repeat; border: 1px solid #2b2b2b; color: #666; text-align: left;}
.nonbg_link_btn{font-size: 16px; color: #1c1c1c;}
.nonbg_link_btn::after{content: ""; display: inline-block; width: 9px; height: 9px; margin-left: 5px; border-width: 1px 1px 0 0; border-style: solid; border-color: #1c1c1c; transform: rotate(45deg); -webkit-transform: rotate(45deg);}
.down_btn{min-width: 215px; padding-right: 40px; background: #2b2b2b url(/resource/images/common/down_icon.png) 90% 50% no-repeat; text-align: left;}
.down_btn_white{width: 185px; padding-left: 20px; background: #fff url(/resource/images/common/down_icon_black.png) 90% 50% no-repeat; border: 1px solid #ddd; color: #1c1c1c; text-align: left;}
.cont_head_text .pgrph + .btn_wrap{margin-top: 40px;}
.btn_go{min-width: auto; margin-left: 10px; text-align: center;}
.btn_yt_player::after{content: ""; position: absolute; left: 50%; top: 50%; width: 90px; height: 60px; margin: -30px 0 0 -45px; background: url(/resource/images/common/btn_youtube.png) 0 0 no-repeat;}
.btn_yt_player:hover::after{background-position: 0 -60px;}

/* btn top */
.btn_move_top{visibility: hidden; position: fixed; right: 5%; bottom: 30px; z-index: 1; padding-bottom:10px; font-size:12px; color: #1c1c1c; font-weight: 700; border-bottom:2px solid #1c1c1c; letter-spacing: 0.175em; opacity: 0; transition: opacity .3s ease, visibility .1s .3s; -webkit-transition: opacity .3s ease, visibility .1s .3s;}
.btn_move_top.fade{visibility: visible; opacity: 1; transition: opacity .3s ease, visibility .01s; -webkit-transition: opacity .3s ease, visibility .01s }
.btn_move_top.active{position: absolute; bottom: 290px;}

/* btn link */
.btn_link_arrow{display: inline-block; position: relative; height: 50px; margin-top: 30px; padding: 0 40px 0 20px; font-size: 16px; color: #fff; line-height: 50px; background-color: #2b2b2b;}
.btn_link_arrow::after{display: block; position: absolute; top: 22px; right: 24px; width: 8px; height: 8px; border-width: 1px 1px 0 0; border-style: solid; border-color: #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); content: "";}

/* 유튜브 영상 팝업 */
.youtube_pop_wrap{position: fixed; left: 0; top: 0; z-index: 3000; width: 100%; height: 100%;}
.youtube_pop_wrap .youtube_pop_dim{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3);}
.youtube_pop_wrap .youtube_pop{position: absolute; left: 50%; top: 50%; z-index: 100; width: 1200px; height: 680px; margin: -325px 0 0 -600px;}
.youtube_pop_wrap .youtube_pop iframe{width: 100%; height: 100%;}
.youtube_pop_wrap .youtube_pop .youtube_close{overflow: hidden; position: absolute; top: -40px; right: 0; width: 30px; height: 30px; text-indent: -9999px;}
.youtube_pop_wrap .youtube_pop .youtube_close::before,
.youtube_pop_wrap .youtube_pop .youtube_close::after{content: ''; position: absolute; left: 0; top: 15px; display: block; width: 30px; height: 2px; background-color: #fff;}
.youtube_pop_wrap .youtube_pop .youtube_close::before{transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
.youtube_pop_wrap .youtube_pop .youtube_close::after{transform: rotate(45deg); -webkit-transform: rotate(45deg);}

/* sub layout */
.sect{position: relative;}
.sect+.sect{margin-top: 120px;}
.sect+.sect_none_top{margin-top: 0;}
.sect_inner{width: 1200px; margin: 0 auto;}
.sect_inner + .sect_inner{margin-top: 40px;}
.sect_inner::after{display: block; content: ""; clear: both;}
.sect_top_txt{font-weight: 600; font-size: 30px; color: #1c1c1c; line-height: 44px; text-align: center;}
.cont_head + .sect_top_txt{margin-top: 110px;}

/* sect_text_box */
.sect_text_box{color: #1c1c1c;}
.sect_text_box .top_tit{font-weight: 600; font-size: 22px; line-height: 34px;}
.sect_text_box .top_txt{font-weight: 300; line-height: 32px;}
.sect_text_box .top_tit + .top_txt{margin-top: 30px;}
.sect_text_box .top_notice{margin-top: 20px; font-size: 16px; color: #999;}
.sect_text_box .down_btn{margin-left: 0;}
.sect_text_box .top_txt + .down_btn{margin-top: 30px;}
.sect_text_box .top_txt + img{margin-top: 55px;}

[class*="sect_bg"]:before{position: absolute; top: 0; right: 0; bottom: 0; z-index: -1; left: 0; background-color: #f6f6f6; content: "";}

.sect .sect_tit{display: block; margin-bottom: 50px; font-weight: 700; font-size: 30px; color: #1c1c1c; letter-spacing: -.05em;}
.sect .sect_tit .hanwhaFont{vertical-align: 2px;}
.sect .sect_sub_tit{font-weight: 700; font-size: 22px; color: #1c1c1c;}
.sect .sect_txt{margin-bottom: 40px; font-size: 18px; color: #1c1c1c; line-height: 26px;}
.sect .sect_full_img{margin-bottom: 100px; text-align: center;}
.sect .sect_img_box{overflow: hidden;}
.sect .horizon_sect_wrap + .sect_img_box{margin-top: 75px;}
.sect .sect_img_box img{max-width: 100%;}
.sect .sect_img_box.col2 img{float: left; width: 595px;}
.sect .sect_img_box.col2 img:first-child{margin-right: 10px;}
.sect .sect_img_border{border: 1px solid #ddd;}
.horizon_sect_wrap + .sect_img_border{margin-top: 75px;}
.sect .sect_img_border img{width: 100%;}

.sect_text_box dl.en_m {margin-top:30px; line-height:32px;}
.sect_text_box dl.en_m dt {color:#ff6600; font-weight:400;}
.sect_text_box dl.en_m dd {font-weight:300; padding-left:20px; margin-bottom:20px;}
.sect_text_box dl.en_m dd:last-child {margin-bottom:0;}
.sect_text_box p.sign-box {float:right; margin-top:45px;}
.sect_text_box p.sign-box span.sign_name {font-size:20px;}
.sect_text_box p.sign-box span {font-size:15px;}
.sect_text_box p.sign-box img {vertical-align:middle !important;}

/* visual_sect */
.visual_sect{overflow: hidden; position: relative; height: 400px; padding-top: 100px; text-align: center;}
.visual_sect .h_tit{margin-top: 110px; font-weight: 300; font-size: 60px; color: #fff; line-height: 1;}
.visual_sect::before{content:''; position:absolute; left:0; top:0; z-index:-1; width:100%; height:100%; opacity:0; -webkit-transform:scale(1.12); transform:scale(1.12); -webkit-transition:opacity 1.5s, transform 2s; transition:opacity 1.5s, transform 2s; background-color:#999; background-position:50% 50%; background-repeat:no-repeat; background-size:cover;}
.visual_sect.trans::before{opacity:1; -webkit-transform:scale(1); transform:scale(1);}
.visual_sect.vi_company::before{background-image:url(/resource/images/img_visual_company.jpg);}
.visual_sect.vi_business::before{background-image:url(/resource/images/img_visual_business.jpg);}
.visual_sect.vi_house::before{background-image:url(/resource/images/img_visual_house.jpg);}
.visual_sect.vi_civil::before{background-image:url(/resource/images/img_visual_civil.jpg);}
.visual_sect.vi_plant::before{background-image:url(/resource/images/img_visual_plant.jpg);}
.visual_sect.vi_management::before{background-image:url(/resource/images/img_visual_management.jpg);}
.visual_sect.vi_pr::before{background-image:url(/resource/images/img_visual_pr.jpg);}
.visual_sect.vi_customer::before{background-image:url(/resource/images/img_visual_customer.jpg);}
.visual_sect.vi_recruit::before{background-image:url(/resource/images/img_visual_recruit.jpg);}
.visual_sect.vi_guide::before{background-image:url(/resource/images/img_visual_guide.jpg);}
.visual_sect.vi_guide_line::before{background-image:url(/resource/images/img_visual_guide_line.jpg);}

/* tab_sub_wrap */
.tab_sub_wrap{height: 70px;}
.tab_sub_wrap+.tab_sub_wrap{margin-top: 40px;}
.tab_sub{border-bottom: 1px solid #ddd; font-size: 0; background-color: #fff; text-align: center;}
.tab_sub .tab_sub_li{display: inline-block; width: 200px; margin-bottom: -1px;}
.tab_sub .tab_sub_li:nth-child(1):nth-last-child(2),
.tab_sub .tab_sub_li:nth-child(2):nth-last-child(1){width: calc(1200px / 2);}
.tab_sub .tab_sub_li:nth-child(1):nth-last-child(3),
.tab_sub .tab_sub_li:nth-child(2):nth-last-child(2),
.tab_sub .tab_sub_li:nth-child(3):nth-last-child(1){width: calc(1200px / 3);}
.tab_sub .tab_sub_li:nth-child(1):nth-last-child(4),
.tab_sub .tab_sub_li:nth-child(2):nth-last-child(3),
.tab_sub .tab_sub_li:nth-child(3):nth-last-child(2),
.tab_sub .tab_sub_li:nth-child(4):nth-last-child(1){width: calc(1200px / 4);}
.tab_sub .tab_sub_li:nth-child(1):nth-last-child(5),
.tab_sub .tab_sub_li:nth-child(2):nth-last-child(4),
.tab_sub .tab_sub_li:nth-child(3):nth-last-child(3),
.tab_sub .tab_sub_li:nth-child(4):nth-last-child(2),
.tab_sub .tab_sub_li:nth-child(5):nth-last-child(1){width: calc(1200px / 5);}
.tab_sub .tab_sub_link{display: block; font-size: 18px; color: #666; height: 70px; line-height: 70px;}
.tab_sub .tab_sub_li.current .tab_sub_link{color: #f60; border-bottom: 2px solid #f60;}
.tab_sub.active{position: fixed; top: 0; left: 0; right: 0; z-index: 100; min-width: 1200px; -webkit-transition: margin .3s ease-in-out; transition: margin .3s ease-in-out;}

/* cont_tit_wrap */
.cont_tit_wrap{padding: 110px 0 60px; text-align: center;}
.cont_tit_wrap .h_tit{display: inline-block; font-weight: 700; font-size: 42px; color: #1c1c1c; line-height: 1;}
.cont_tit_wrap .sub_tit{margin-top: 21px; font-weight: 300; color: #1c1c1c; line-height: 1.7; text-align: center;}

/* 지속가능경영 > 사회공헌 */
.cont_head{height: 340px; font-size: 22px; color: #fff; text-align: center; background-color: #999; background-repeat: no-repeat; background-position: 50% 0;}
.cont_head:before{display: inline-block; height: 100%; content: ""; vertical-align: middle;}
.cont_head .pgrph{display: inline-block; vertical-align: middle;}
.cont_head .cont_head_inner{display: inline-block; vertical-align: middle;}
.cont_head .cont_head_inner .eng_tit{margin-bottom: 10px; font-size: 12px; line-height: 1; letter-spacing: 5px;}
.cont_head .cont_head_inner .tit{font-weight: 700; font-size: 44px; line-height: 1;}
.cont_head .cont_head_inner .sub_tit{font-weight: 700; font-size: 30px; line-height: 1;}
.cont_head .cont_head_inner .tit + .pgrph{margin-top: 35px;}
.cont_head .cont_head_inner .sub_tit + .pgrph{margin-top: 20px;}
.cont_head .cont_head_inner .pgrph + .btn_wrap{margin-top: 30px;}
.cont_head_text{padding-bottom: 80px; margin-top: 80px; border-bottom: 1px solid #eee; text-align: center;}
.cont_head_text .pgrph{font-size: 22px; color: #1c1c1c; line-height: 36px; letter-spacing: -.05em;}
.cont_head_text .pgrph b{font-weight: 400; color: #f60;}

.head_welfare{background-image: url(/resource/images/sub/management/bg_head_welfare.jpg);}
.head_ethics{background-image: url(/resource/images/sub/management/bg_head_ethics.jpg);}
.head_sustainability{background-image: url(/resource/images/sub/management/bg_head_sustainability.jpg);}
.head_safety{background-image: url(/resource/images/sub/management/bg_head_safety.jpg);}
.head_quality{background-image: url(/resource/images/sub/management/bg_head_quality.jpg);}
.head_ci{height: 420px; background-image: url(/resource/images/sub/pr/bg_head_ci.jpg);}
.head_ci .pgrph{display: block; margin-top: 40px;}
.head_bi{height: 420px; background-image: url(/resource/images/sub/pr/bg_head_bi.jpg);}
.head_bi .pgrph{display: block; margin-top: 30px; color: #1c1c1c;}
.head_bi .down_btn{width: 265px; height: 60px; padding-left: 27px; margin: 50px 0 0 0; background-color: #003057; background-position: 88% 50%; font-size: 18px; line-height: 60px; letter-spacing: 0;}
.head_recruit{height: 350px; margin-top: 100px; background-image: url(/resource/images/sub/recruit/bg_head_recruit.jpg);}
.head_recruit .pgrph{font-weight: 300; font-size: 18px; line-height: 30px;}
.head_recruit .down_btn{padding-right: 60px;}
.head_recruit .cont_head_inner .pgrph + .btn_wrap{margin-top: 45px;}
.head_talented{height: 420px; background-image: url(/resource/images/sub/recruit/bg_head_talented.jpg);}
.head_challenge{background-image: url(/resource/images/sub/recruit/bg_head_challenge.jpg);}
.head_dedication{background-image: url(/resource/images/sub/recruit/bg_head_dedication.jpg);}
.head_integrity{background-image: url(/resource/images/sub/recruit/bg_head_integrity.jpg);}
.head_company_info{background-image: url(/resource/images/sub/company/bg_head_company_info.jpg);}

.sect_bg_welfare{padding-top: 100px;}
.sect_bg_welfare:before{bottom: 80px;}
.sect_bg_vision::before{top: 100px; height: 540px; background: url(/resource/images/sub/company/company_group_bg.jpg) 0 0 no-repeat; background-size: cover;}
.sect.sect_bg_state{padding: 100px 0 150px; margin-top: 0;}
.sect.sect_bg_state::before{bottom: 410px;}
.sect_bg_sustainability_etc{height: 530px; padding-top: 95px;}
.sect_bg_sustainability_etc::before{background-image: url(/resource/images/sub/management/bg_head_sustainability_etc.jpg);}
.sect_bg_sustainability_etc .sect_sub_tit{margin-bottom: 25px; color: #fff;}

.sect_bg_full{padding: 100px 0;}
[class*="sect_bg"]:last-child{margin-bottom: -150px;}

.list_circle_dot_wrap{font-size: 0; text-align: center;}
.list_circle_dot_wrap + .list_circle_dot_wrap{margin-top: 60px;}
.horizon_sect_wrap + .list_circle_dot_wrap{margin-top: 75px;}
.list_circle_dot{position: relative; display: inline-block;}
.list_circle_dot::before{display: block; position: absolute; left: 0; top: 117px; z-index: -1; width: 100%; height: 1px; background-color: #aaa; content: "";}
.list_circle_dot>li{display: inline-block; width: 235px; margin-left: 72px; vertical-align: top;}
.list_circle_dot>li:first-child{margin-left: 0;}
.list_circle_dot .symbol{position: relative; width: 235px; height: 235px; padding-top: 168px; font-size: 20px; color: #1c1c1c; border-radius: 100%; line-height: 1; background: #fff url(/resource/images/sub/bg_circle_dot.png) no-repeat 0 0;}
.list_circle_dot>li:nth-child(even) .symbol{background-position: 0 -235px;}
.list_circle_dot .symbol::before{display: block; position: absolute; top: 47px; left: 50%; width: 108px; height: 108px; margin-left: -54px; background-position: 50% 50%; background-repeat: no-repeat; content: "";}
.list_circle_dot .promote .symbol::before{background-image: url(/resource/images/ico/ico_circle_promote.png);}
.list_circle_dot .culture .symbol::before{background-image: url(/resource/images/ico/ico_circle_culture.png);}
.list_circle_dot .organic .symbol::before{background-image: url(/resource/images/ico/ico_circle_organic.png);}
.list_circle_dot .volunteer .symbol::before{background-image: url(/resource/images/ico/ico_circle_volunteer.png);}
.list_circle_dot .trade .symbol::before{background-image: url(/resource/images/ico/ico_circle_trade.png);}
.list_circle_dot .communication .symbol::before{background-image: url(/resource/images/ico/ico_circle_communication.png);}
.list_circle_dot .ability .symbol::before{background-image: url(/resource/images/ico/ico_circle_ability.png);}
.list_circle_dot .prize .symbol::before{background-image: url(/resource/images/ico/ico_circle_prize.png);}
.list_circle_dot .mic .symbol::before{background-image: url(/resource/images/ico/ico_circle_mic.png);}
.list_circle_dot .calendar .symbol::before{background-image: url(/resource/images/ico/ico_circle_calendar.png);}
.list_circle_dot .chart .symbol::before{background-image: url(/resource/images/ico/ico_circle_chart.png);}
.list_circle_dot .airplane .symbol::before{background-image: url(/resource/images/ico/ico_circle_airplane.png);}
.list_circle_dot .baseball .symbol::before{background-image: url(/resource/images/ico/ico_circle_baseball.png);}
.list_circle_dot .harp .symbol::before{background-image: url(/resource/images/ico/ico_circle_harp.png);}
.list_circle_dot .stadium .symbol::before{background-image: url(/resource/images/ico/ico_circle_stadium.png);}
.list_circle_dot .trust .symbol::before{background-image: url(/resource/images/ico/ico_circle_trust.png);}
.list_circle_dot .loyalty .symbol::before{background-image: url(/resource/images/ico/ico_circle_loyalty.png);}
.list_circle_dot .receipt .symbol::before{background-image: url(/resource/images/ico/ico_circle_receipt.png);}
.list_circle_dot .document .symbol::before{background-image: url(/resource/images/ico/ico_circle_document.png);}
.list_circle_dot .interview .symbol::before{background-image: url(/resource/images/ico/ico_circle_interview.png);}
.list_circle_dot .nego .symbol::before{background-image: url(/resource/images/ico/ico_circle_nego.png);}
.list_circle_dot .pass .symbol::before{background-image: url(/resource/images/ico/ico_circle_pass.png);}
.list_circle_dot .group .symbol::before{background-image: url(/resource/images/ico/ico_circle_group.png);}
.list_circle_dot .construction .symbol::before{background-image: url(/resource/images/ico/ico_circle_construction.png);}
.list_circle_dot .ojt .symbol::before{background-image: url(/resource/images/ico/ico_circle_ojt.png);}
.list_circle_dot .mentoring .symbol::before{background-image: url(/resource/images/ico/ico_circle_mentoring.png);}
.list_circle_dot .follow_up .symbol::before{background-image: url(/resource/images/ico/ico_circle_follow_up.png); margin-left:-48px;}
.list_circle_dot .define{position: relative; padding-top: 34px; font-size: 18px; color: #1c1c1c;}
.list_circle_dot .define .tit{margin-bottom: 10px; font-weight: 700; font-size: 22px;}
.list_circle_dot .define::before{display: block; position: absolute; top: 20px; left: 50%; width: 6px; height: 6px; margin-left: -3px; background-color: #f60; border-radius: 2px; content: "";}

/* bg_round */
.list_circle_dot_wrap.bg_round .list_circle_dot{padding: 30px; background-color: #f6f6f6; border-radius: 150px;}
.list_circle_dot_wrap.bg_round .list_circle_dot::before{left: 30px; top: 147px; z-index: 0; width: calc(100% - 60px);}

/* middle_dot */
.list_circle_dot_wrap.middle_dot .list_circle_dot>li{width:180px; margin-left:60px;}
.list_circle_dot_wrap.middle_dot .list_circle_dot>li:first-child{margin-left: 0;}
.list_circle_dot_wrap.middle_dot .list_circle_dot .symbol{display: inline-block; width: 180px; height: 180px; padding-top: 125px; background: #fff url(/resource/images/sub/bg_circle_middle_dot.png) no-repeat 0 0;}
.list_circle_dot_wrap.middle_dot .list_circle_dot>li:nth-child(even) .symbol{background-position: 0 -180px;}
.list_circle_dot_wrap.middle_dot .list_circle_dot::before{top:90px;}
.list_circle_dot_wrap.middle_dot .list_circle_dot .symbol::before{top:20px;}
.list_circle_dot_wrap.middle_dot .define{font-size:16px; letter-spacing: -.05em;}

/* small_dot */
.list_circle_dot_wrap.small_dot .list_circle_dot>li{width: 240px; margin-left: 50px; text-align: center;}
.list_circle_dot_wrap.small_dot .list_circle_dot>li:first-child{margin-left: 0;}
.list_circle_dot_wrap.small_dot .list_circle_dot::before{left: 55px; top: 65px; width: calc(100% - 110px);}
.list_circle_dot_wrap.small_dot .list_circle_dot .symbol{display: inline-block; width: 131px; height: 131px; padding-top: 0; background-image: url(/resource/images/sub/bg_circle_small_dot.png); background-position: 0 -131px;}
.list_circle_dot_wrap.small_dot .list_circle_dot>li:nth-child(even) .symbol{background-position: 0 0;}
.list_circle_dot_wrap.small_dot .list_circle_dot .symbol::before{width: 90px; height: 90px; top: 50%; margin: -45px 0 0 -45px;}
.list_circle_dot_wrap.small_dot .define{font-weight: 300;}
.list_circle_dot_wrap.grey_dot .list_circle_dot .symbol{background-position: 0 0;}
.list_circle_dot_wrap.grey_dot .list_circle_dot>li:nth-child(even) .symbol{background-position: 0 -131px;}
.list_circle_dot_wrap.grey_dot .define::before{background-color: #999;}

/* list_circle_dot_wrap - vertical */
.list_circle_dot_wrap.vertical{overflow: hidden;}
.horizon_sect_wrap .sect_text_box + .list_circle_dot_wrap{margin-top: 75px;}
.list_circle_dot_wrap.vertical .list_circle_dot{float: left; width: 201px;}
.list_circle_dot_wrap.vertical .list_circle_dot::before{left: 100px; top: 0; width: 1px; height: 100%;}
.list_circle_dot_wrap.vertical .list_circle_dot > li{width: 201px; margin: 90px 0 0 0;}
.list_circle_dot_wrap.vertical .list_circle_dot > li:first-child{margin-top: 0;}
.list_circle_dot_wrap.vertical .list_circle_dot .symbol{width: 201px; height: 201px; padding-top: 140px; background-image: url(/resource/images/sub/bg_circle_vertical_dot.png);}
.list_circle_dot_wrap.vertical .list_circle_dot > li:last-child .symbol{background-position: 0 -201px;}
.list_circle_dot_wrap.vertical .list_circle_dot .symbol::before{top: 53px; width: 80px; height: 80px; margin-left: -40px;}

/* list_circle_dot_text */
.list_circle_dot_text{float: right; width: calc(100% - 260px); text-align: left;}
.list_circle_dot_text dl{margin-top: 70px;}
.list_circle_dot_text dl:first-child{margin-top: 0;}
.list_circle_dot_text dt{margin-bottom: 20px; font-size: 18px; color: #f60;}
.list_circle_dot_text dd{font-weight: 300; font-size: 18px; color: #1c1c1c; line-height: 32px;}

/* list_circle_dot_wrap - middle */
.list_circle_dot_wrap.middle .list_circle_dot::before{top: 90px;}
.list_circle_dot_wrap.middle .list_circle_dot > li{width: 180px; margin-left: 60px;}
.list_circle_dot_wrap.middle .list_circle_dot > li:first-child{margin-left: 0;}
.list_circle_dot_wrap.middle .list_circle_dot .symbol{width: 180px; height: 180px; padding-top: 135px; background-image: url(/resource/images/sub/bg_circle_middle_dot.png);}
.list_circle_dot_wrap.middle .list_circle_dot > li:nth-child(even) .symbol{background-position: 0 -180px;}
.list_circle_dot_wrap.middle .list_circle_dot .symbol::before{top: 30px;}

/* list_step_number_wrap */
.list_circle_dot_wrap + .list_step_number_wrap{margin-top: 70px;}
.list_step_number_wrap .list_step_number{padding: 0 0 25px 30px; margin-bottom: 25px; border-bottom: 1px solid #ddd; font-size: 0;}
.list_step_number_wrap .list_step_number:last-child{margin-bottom: 0;}
.list_step_number_wrap .list_step_number dt{display: inline-block; width: 120px; font-weight: 600; font-size: 20px; color: #1c1c1c; vertical-align: top;}
.list_step_number_wrap .list_step_number dt span{margin-right: 5px; color: #f60;}
.list_step_number_wrap .list_step_number dd{display: inline-block; font-weight: 300; font-size: 18px; color: #1c1c1c;}
.list_step_number_wrap .list_step_number dd a{color: #f60; text-decoration: underline;}

/* txt_list_group_wrap */
.horizon_sect_wrap + .list_step_txt_wrap{margin-top:80px;}
.list_step_txt_wrap .list_step_txt{background: url(/resource/images/sub/recruit/recruit_system_bg.png) no-repeat 0 0; font-size:0;}
.list_step_txt_wrap .list_step_txt::after{content:''; display:block; clear:both;}
.list_step_txt_wrap .list_step_txt li{float:left; width:25%;}
.list_step_txt_wrap .list_step_txt li .tit{margin-bottom:32px; height:70px; line-height:70px; text-align: center; color:#fff; font-size:22px; letter-spacing:-.05em;}
.list_step_txt_wrap .list_step_txt li .txt{position: relative; font-size: 16px; color: #1c1c1c;}
.list_step_txt_wrap .list_step_txt li .txt + .txt{margin-top:30px;}
.list_step_txt_wrap .list_step_txt li .txt{position: relative; padding-left:10px; font-size: 16px; color: #1c1c1c;}
.list_step_txt_wrap .list_step_txt li .txt::before{display: block; position: absolute; top: 10px; left: 0; width: 3px; height: 3px; background-color: #f60; content: "";}
.list_bg_link{font-size: 0; text-align: center;}
.list_bg_link>li{display: inline-block; margin-left: 15px; vertical-align: top;}
.list_bg_link>li:first-child{margin-left: 0;}
.list_bg_link .link_wrap{display: block; position: relative; width: 585px; height: 330px; padding: 45px 10px 40px 49px; background-color: #444; background-position: 50% 50%; background-repeat: no-repeat; font-size: 18px; color: #fff; text-align: left; font-weight: 300; /* -webkit-transition: background 0.5s ease; transition: background 0.5s ease; */ }

.list_bg_link .dreamin .link_wrap{background-image: url(/resource/images/bg_link_dreamin.jpg);}
.list_bg_link .dreamplus .link_wrap{background-image: url(/resource/images/bg_link_dreamplus.jpg);}
.list_bg_link .bulggot .link_wrap{background-image: url(/resource/images/bg_link_bulggot.jpg);}
.list_bg_link .sciencechallenge .link_wrap{background-image: url(/resource/images/bg_link_sciencechallenge.jpg);}

.list_bg_link .subject{height: 45px; margin-bottom: 10px;}
.list_bg_link .subject:before{display: inline-block; width: 0; height: 100%; vertical-align: bottom; content: "";}
.list_bg_link .subject img{vertical-align: bottom;}
.list_bg_link .btn_box{display: block; position: absolute; bottom: 35px; left: 30px; width: 90%; height: 70px; padding: 0 20px; line-height: 70px; background-color: #fff; font-weight: 700; font-size: 18px; color: #1c1c1c;}
.list_bg_link .btn_box::before{display: block; position: absolute; right: 24px; top: 50%; width: 12px; height: 12px; margin-top: -7px; border-width: 2px 2px 0 0; border-style: solid; border-color: #f60; content: ""; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.list_bg_link .btn_box .tit{color: #f60;}

.tab_sect_wrap{overflow: hidden; position: relative; height: 55px;}
.tab_sect{position: relative; font-size: 0; border-bottom: 2px solid #ddd;}
.tab_sect_wrap .tab_sect_bar{display: block; position: absolute; left: 0; bottom: 0; z-index: 1; width: 200px; height: 3px; background-color: #f60; content: ""; -webkit-transition: left .2s ease-in-out; transition: left .2s ease-in-out;}
.tab_sect[data-idx="0"]+.tab_sect_bar{left: 0;}
.tab_sect[data-idx="1"]+.tab_sect_bar{left: 200px;}
.tab_sect[data-idx="2"]+.tab_sect_bar{left: 400px;}
.tab_sect[data-idx="3"]+.tab_sect_bar{left: 600px;}
.tab_sect[data-idx="4"]+.tab_sect_bar{left: 800px;}
.tab_sect[data-idx="5"]+.tab_sect_bar{left: 1000px;}
.tab_sect .tab_sect_li{display: inline-block; margin-bottom: -2px;}
.tab_sect .btn_tab{display: inline-block; height: 55px; width: 200px; font-size: 18px; line-height: 55px; color: #999; text-align: center; -webkit-transition: color .3s ease-in-out; transition: color .3s ease-in-out;}
.tab_sect .tab_sect_li.current .btn_tab{font-weight: 700; color: #f60;}

.tab_sect_cont{margin-top: 79px;}
.tab_sect_cont .tab_sect_cont_li{overflow: hidden; visibility: hidden; height: 0; opacity: 0; -webkit-transition: visibility .1s ease, opacity .6s ease; transition: visibility .1s ease, opacity .6s ease;}
.tab_sect_cont .tab_sect_cont_li.current{visibility: visible; height: auto; opacity: 1;}
.bg_dim{visibility:hidden; position:fixed; top:0; left:0; width:100%; height:100%; z-index:99; background-color:#000; opacity:0; -webkit-transition:visibility .3s ease-in-out, opacity .3s ease-in-out; transition:visibility .3s ease-in-out, opacity .3s ease-in-out;}
.bg_dim.open{visibility:visible; opacity:0.5;}

.tab_sect_cont dt{font-weight: 600; font-size: 22px; color: #1c1c1c;}
.tab_sect_cont dd{margin-top: 17px; font-weight: 300; color: #1c1c1c; line-height: 1.7;}
.tab_sect_cont .thumb{margin-top: 54px; font-size: 0; color: #fff;}
.tab_sect_cont .thumb.col2 img{margin-left: 19px;}
.tab_sect_cont .thumb.col2 img:first-child{margin-left: 0 }
.tab_sect_cont .thumb.col3 img{margin-left: 15px; margin-top: 15px;}
.tab_sect_cont .thumb.col3 img:nth-child(3n+1){margin-left: 0;}
.tab_sect_cont .thumb.col3 img:nth-child(-n+3){margin-top: 0;}

.tab_cont{margin-bottom: 60px; font-size: 0; text-align: center;}
.tab_cont .tab_cont_li{display: inline-block;}
.tab_cont .tab_cont_li:nth-child(1):nth-last-child(2),
.tab_cont .tab_cont_li:nth-child(2):nth-last-child(1){width: calc(1200px / 2);}
.tab_cont .tab_cont_li:nth-child(1):nth-last-child(3),
.tab_cont .tab_cont_li:nth-child(2):nth-last-child(2),
.tab_cont .tab_cont_li:nth-child(3):nth-last-child(1){width: calc(1200px / 3);}
.tab_cont .tab_cont_li:nth-child(1):nth-last-child(4),
.tab_cont .tab_cont_li:nth-child(2):nth-last-child(3),
.tab_cont .tab_cont_li:nth-child(3):nth-last-child(2),
.tab_cont .tab_cont_li:nth-child(4):nth-last-child(1){width: calc(1200px / 4);}
.tab_cont .tab_cont_li:nth-child(1):nth-last-child(5),
.tab_cont .tab_cont_li:nth-child(2):nth-last-child(4),
.tab_cont .tab_cont_li:nth-child(3):nth-last-child(3),
.tab_cont .tab_cont_li:nth-child(4):nth-last-child(2),
.tab_cont .tab_cont_li:nth-child(5):nth-last-child(1){width: calc(1200px / 5);}
.tab_cont .tab_cont_link{display: block; font-size: 18px; height: 60px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; line-height: 60px; color: #666;}
.tab_cont .tab_cont_li:last-child .tab_cont_link{border-right: 1px solid #ddd;}
.tab_cont .tab_cont_li.current .tab_cont_link{background-color: #f60; border-color: #f60; color: #fff;}
.tab_click_cont{overflow: hidden; visibility: hidden; height: 0; opacity: 0;}
.tab_click_cont.active{overflow: visible; visibility: visible; height: auto; opacity: 1;}
.tab_portfolio{position: relative; padding-left: 260px; border-width: 1px 0; border-style: solid; border-color: #dbdbdb;}

.portfolio_link>li{float: left;}
.portfolio_link>li:nth-child(1):nth-last-child(2),
.portfolio_link>li:nth-child(2):nth-last-child(1){width: 50%;}
.portfolio_link>li:nth-child(1):nth-last-child(3),
.portfolio_link>li:nth-child(2):nth-last-child(2),
.portfolio_link>li:nth-child(3):nth-last-child(1){width: 33.3%;}
.portfolio_link>li:nth-child(2):nth-last-child(2){width: 33.4%;}
.portfolio_link>li:nth-child(1):nth-last-child(4),
.portfolio_link>li:nth-child(2):nth-last-child(3),
.portfolio_link>li:nth-child(3):nth-last-child(2),
.portfolio_link>li:nth-child(4):nth-last-child(1){width: 25%;}
.portfolio_link>li:nth-child(1):nth-last-child(5),
.portfolio_link>li:nth-child(2):nth-last-child(4),
.portfolio_link>li:nth-child(3):nth-last-child(3),
.portfolio_link>li:nth-child(4):nth-last-child(2),
.portfolio_link>li:nth-child(5):nth-last-child(1){width: 20%;}
.tab_portfolio .overview,
.portfolio_link .link{display: block; position: relative; height: 145px; padding-top: 105px; font-size: 15px; text-align: center;}
.tab_portfolio .overview{position: absolute; top: 0; left: 0; width: 260px; height: 145px;}
.tab_portfolio .overview::before,
.portfolio_link .link::before{display: block; position: absolute; top: 21px; left: 50%; width: 100px; height: 60px; margin-left: -50px; background-repeat: no-repeat; background-position: 50% 50%; content: "";}
.tab_portfolio .overview::before{background-image: url(/resource/images/ico/ico_pf_overview.png);}
.portfolio_link .link.office::before{background-image: url(/resource/images/ico/ico_pf_office.png);}
.portfolio_link .link.education::before{background-image: url(/resource/images/ico/ico_pf_education.png);}
.portfolio_link .link.culture::before{background-image: url(/resource/images/ico/ico_pf_culture.png);}
.portfolio_link .link.hotel::before{background-image: url(/resource/images/ico/ico_pf_hotel.png);}
.portfolio_link .link.station::before{background-image: url(/resource/images/ico/ico_pf_station.png);}
.portfolio_link .link.apt::before{background-image: url(/resource/images/ico/ico_pf_apt.png);}
.portfolio_link .link.urban::before{background-image: url(/resource/images/ico/ico_pf_urban.png);}
.portfolio_link .link.officetel::before{background-image: url(/resource/images/ico/ico_pf_officetel.png);}
.portfolio_link .link.development::before{background-image: url(/resource/images/ico/ico_pf_development.png);}
.portfolio_link .link.road::before{background-image: url(/resource/images/ico/ico_pf_road.png);}
.portfolio_link .link.railway::before{background-image: url(/resource/images/ico/ico_pf_railway.png);}
.portfolio_link .link.renovation::before{background-image: url(/resource/images/ico/ico_pf_renovation.png);}
.portfolio_link .link.port::before{background-image: url(/resource/images/ico/ico_pf_port.png);}
.portfolio_link .link.energy::before{background-image: url(/resource/images/ico/ico_pf_energy.png);}
.portfolio_link .link.chemistry::before{background-image: url(/resource/images/ico/ico_pf_chemistry.png);}
.portfolio_link .link.power::before{background-image: url(/resource/images/ico/ico_pf_power.png);}
.portfolio_link .link.industry::before{background-image: url(/resource/images/ico/ico_pf_industry.png);}

.tab_portfolio .overview.current::before{background-image: url(/resource/images/ico/ico_pf_overview_on.png);}
.portfolio_link .current .link.office::before{background-image: url(/resource/images/ico/ico_pf_office_on.png);}
.portfolio_link .current .link.education::before{background-image: url(/resource/images/ico/ico_pf_education_on.png);}
.portfolio_link .current .link.culture::before{background-image: url(/resource/images/ico/ico_pf_culture_on.png);}
.portfolio_link .current .link.hotel::before{background-image: url(/resource/images/ico/ico_pf_hotel_on.png);}
.portfolio_link .current .link.station::before{background-image: url(/resource/images/ico/ico_pf_station_on.png);}
.portfolio_link .current .link.apt::before{background-image: url(/resource/images/ico/ico_pf_apt_on.png);}
.portfolio_link .current .link.urban::before{background-image: url(/resource/images/ico/ico_pf_urban_on.png);}
.portfolio_link .current .link.officetel::before{background-image: url(/resource/images/ico/ico_pf_officetel_on.png);}
.portfolio_link .current .link.development::before{background-image: url(/resource/images/ico/ico_pf_development_on.png);}
.portfolio_link .current .link.road::before{background-image: url(/resource/images/ico/ico_pf_road_on.png);}
.portfolio_link .current .link.railway::before{background-image: url(/resource/images/ico/ico_pf_railway_on.png);}
.portfolio_link .current .link.renovation::before{background-image: url(/resource/images/ico/ico_pf_renovation_on.png);}
.portfolio_link .current .link.port::before{background-image: url(/resource/images/ico/ico_pf_port_on.png);}
.portfolio_link .current .link.energy::before{background-image: url(/resource/images/ico/ico_pf_energy_on.png);}
.portfolio_link .current .link.chemistry::before{background-image: url(/resource/images/ico/ico_pf_chemistry_on.png);}
.portfolio_link .current .link.power::before{background-image: url(/resource/images/ico/ico_pf_power_on.png);}
.portfolio_link .current .link.industry::before{background-image: url(/resource/images/ico/ico_pf_industry_on.png);}

.portfolio_link>li{position: relative;}
.portfolio_link>li::before{position: absolute; left: 0; top: 109px; width: 1px; height: 15px; background-color: #dbdbdb; content: "";}
.tab_portfolio .overview.current,
.portfolio_link>li.current{border-bottom: 1px solid #1c1c1c;}
.tab_portfolio .overview.current,
.portfolio_link>li.current .link{font-weight: 600; color: #1c1c1c;}
.tab_portfolio .overview.current::after,
.portfolio_link>li.current .link::after{display: block; width: 5px; height: 5px; border-radius: 2px; background-color: #f60;}
.tab_portfolio .overview.current::after,
.portfolio_link>li.current::after{position: absolute; left: 50%; top: 93px; width: 5px; height: 5px; border-radius: 2px; background-color: #f60; content: "";}
.portfolio_link{margin-bottom: -1px;}
.portfolio_link::after{display: block; clear: both; content: "";}
.portfolio_sort::after{display: block; clear: both; content: "";}
.portfolio_sort .order{float: left;}
.portfolio_sort .order>li{float: left; position: relative; padding-left: 21px; margin-left: 20px;}
.portfolio_sort .order>li::before{position: absolute; top: 50%; left: 0; width: 1px; height: 15px; margin-top: -7px; background-color: #d2d2d2; content: "";}
.portfolio_sort .order>li:first-child{padding-left: 0; margin-left: 0;}
.portfolio_sort .order>li:first-child::before{display: none;}
.portfolio_sort .order .btn{font-size: 16px; vertical-align: top;}
.portfolio_sort .order>li.current .btn{font-weight: 700; color: #1c1c1c;}
.portfolio_sort .srch_box{position: relative; float: right; width: 275px; height: 33px; padding-right: 30px; border-bottom: 1px solid #1c1c1c;}
.portfolio_sort .srch_box .input_text{width: 100%; height: 30px; padding: 5px; line-height: 1; border: 0;}
.portfolio_sort .srch_box .input_text::placeholder{font-size: 16px; color: #999;}
.portfolio_sort .srch_box .btn_submit{position: absolute; right: 0; top: 0; width: 30px; height: 32px; background-color: #1c1c1c; background: url(/resource/images/common/input_search_icon.png) no-repeat 50% 50%; text-indent: -9999px;}
.tab_portfolio+.portfolio_sort{margin-top: 60px;}
.pf_overview{margin-top: 60px;}
.pf_overview .pf_overview_box{margin-top: 70px; padding-top: 80px; border-top: 1px solid #ddd;}
.pf_overview .pf_overview_box .img_slide::after{display: block; clear: both; content: "";}
.pf_overview .pf_overview_box:first-child{margin-top: 0; padding-top: 0; border: 0;}
.pf_overview .view_item{position: relative;}
.pf_overview .gallery-view{overflow: hidden; width: 740px; height: 493px; margin: 0;}
.pf_overview .gallery-view img{width: 100%;}
.pf_overview .gallery-thumbs{position: absolute; top: 0; width: 364px; height: 246px;}
.pf_overview .gallery-thumbs .swiper-wrapper{font-size: 0;}
.pf_overview .gallery-thumbs .swiper-slide{overflow: hidden; width: 177px; height: 118px; cursor: pointer; vertical-align: top;}
.pf_overview .gallery-thumbs .swiper-slide img{width: 100%;}
.pf_overview .gallery-thumbs .swiper-slide:hover::before,
.pf_overview .gallery-thumbs .swiper-slide-thumb-active::before{content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.4);}
.pf_overview .gallery-thumbs .swiper-slide:hover::after,
.pf_overview .gallery-thumbs .swiper-slide-thumb-active::after{content: ""; position: absolute; left: 50%; top: 50%; width: 25px; height: 25px; margin: -12px 0 0 -12px; background: url(/resource/images/common/gallery_thumbs_l_icon.png) 50% no-repeat;}
.pf_overview .swiper-button-next{overflow:hidden; right: 30px;}
.pf_overview .swiper-button-prev{overflow:hidden; left: 30px;}
.pf_overview .swiper-button-next::after,
.pf_overview .swiper-button-prev::after{display: block; position:absolute; top:50%; left:50%; width: 24px; height: 24px; border-left: 2px solid #fff; border-top: 2px solid #fff; background-color: rgba(0,0,0,0); content: "";}
.pf_overview .swiper-button-next::after{transform: rotate(135deg); -webkit-transform: rotate(135deg); margin: -12px 0 0 -21px;}
.pf_overview .swiper-button-prev::after{transform: rotate(-45deg); -webkit-transform: rotate(-45deg); margin: -12px 0 0 -6px;}
.pf_overview .no_swiper_active .swiper-button-prev,
.pf_overview .no_swiper_active .swiper-button-next,
.pf_overview .no_swiper_active .swiper-slide::before,
.pf_overview .no_swiper_active .swiper-slide::after{display: none;}
.pf_overview .no_swiper_active .gallery-thumbs{display:none;}
.pf_overview .info_item{position: absolute; bottom: 0; width: 364px; padding-top: 22px;}
.pf_overview .info_item .txt_sub{overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 20px; font-weight: 600; font-size: 16px; color: #f60; line-height: 17px; white-space: nowrap;}
.pf_overview .info_item .txt_main{overflow: hidden; max-height: 112px; font-weight: 700; font-size: 42px; color: #1c1c1c; line-height: 56px;}
.pf_overview .info_item .btn_link{display: inline-block; position: relative; height: 50px; margin-top: 30px; padding: 0 40px 0 20px; font-size: 16px; color: #fff; line-height: 50px; background-color: #2b2b2b;}
.pf_overview .info_item .btn_link::after{display: block; position: absolute; top: 22px; right: 24px; width: 8px; height: 8px; border-width: 1px 1px 0 0; border-style: solid; border-color: #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); content: "";}
.pf_overview .pf_overview_box:nth-child(odd) .gallery-thumbs,
.pf_overview .pf_overview_box:nth-child(odd) .info_item{right: 0;}
.pf_overview .pf_overview_box:nth-child(even) .gallery-view{float: right;}
.pf_overview .pf_overview_box:nth-child(even) .gallery-thumbs,
.pf_overview .pf_overview_box:nth-child(even) .info_item{left: 0;}
.pf_overview .info_category{margin-top: 50px; color: #1c1c1c;}
.pf_overview .info_category .main{font-weight: 700; font-size: 30px;}
.pf_overview .info_category .main .hanwhaFont{vertical-align: 2px;}
.pf_overview .info_category .sub{margin-top: 13px; font-weight: 300; line-height: 1.7;}

/* board_list */
.board_list h3{margin-bottom: 60px; font-weight: 700; font-size: 42px; text-align: center;}
.board_list .board_result_txt{margin-bottom: 60px; font-weight: 400; font-size: 22px; color: #1c1c1c; text-align: center;}
.board_list .board_result_txt em{font-weight: 700;}
.board_list td{padding:30px 0; border-bottom:1px solid #eee; color: #1c1c1c; line-height:22px; text-align:center;}
.board_list .count{color:#f60;}
.board_list .title{text-align:left;}
.board_list .state{padding: 22px 0;}
.board_list .name{font-size: 16px; color: #999;}
.board_list .company{font-size: 16px; color: #999;}
.board_list .board_link{overflow:hidden; display:inline-block; max-width:100%; color: #1c1c1c; white-space:nowrap; text-overflow:ellipsis;}
.board_list .board_link:hover, .board_list .board_link:focus{color: #f60; text-decoration:underline;}
.board_list .date{font-size: 16px; color:#999;}

/* board_none_list */
.board_none_list{margin: 100px 0 50px;}
.board_none_list p{font-size: 30px; color: #1c1c1c; text-align: center;}

/* board_label */
.board_label{display: inline-block; width: 80px; height: 35px; border-radius: 2px; font-size: 15px; line-height: 35px; letter-spacing: -.05em; text-align: center;}
.board_label.type1{border: 1px solid #f60; color: #f60;}
.board_label.type2{background-color: #ddd; color: #fff;}
.board_label.type3{border: 1px solid #999; color: #999;}

/* paging */
.paging{margin:50px 0 0; font-size:0; text-align:center;}
.paging .btn_page{position:relative; display:inline-block; min-width:40px; height:40px; margin:0 2px; font-family:'Fira Sans', 'Noto Sans KR', sans-serif; letter-spacing:-.05em; font-weight:400; font-size:18px; color:#666; line-height:40px; text-align:center; white-space:nowrap; vertical-align:middle;}
.paging .active{font-weight: 700; color:#f60;}
.paging .active::after{content:''; position:absolute; bottom:6px; left:50%; display:inline-block; width:12px; border-bottom:2px solid #f47321; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%);}
.paging .icon{overflow: hidden; display: inline-block; background-position: 0 0; background-repeat: no-repeat; font-size: 0; text-indent: -999px; vertical-align: middle;}
.paging .i-page-first{width: 13px; height: 15px; background-image: url(/resource/images/common/paging_first_icon.png);}
.paging .i-page-last{width: 13px; height: 14px; background-image: url(/resource/images/common/paging_last_icon.png);}
.paging .i-page-prev{width: 8px; height: 15px; background-image: url(/resource/images/common/paging_prev_icon.png);}
.paging .i-page-next{width: 8px; height: 14px; background-image: url(/resource/images/common/paging_next_icon.png);}

/* fm_ipt / fm_sel */
select{appearance: none; -webkit-appearance:none; -moz-appearance:none;}
select::-ms-expand{display: none;} /* select arrow none */
.fm_ipt, .fm_sel{position:relative; width:100%; height:50px; line-height:50px; padding:0 16px; border:1px solid #ddd; font-size:16px; background:#fff; box-sizing:border-box;}
.fm_ipt{color: #999;}
.fm_sel{color: #1c1c1c; cursor: pointer;}
.fm_del{display: none; position:absolute; right:0; bottom:0; z-index:2; height:100%; padding:0 5px;}

/* search_box */
.search_box{margin:40px 0 0; text-align:center;}
.search_box.cmgt{margin-top:75px;}
.search_box .keyword{display:inline-block; position:relative;}
.search_box .fm_ipt{width:448px; height:65px; padding:0 60px 0 35px; outline:none !important;}
.search_box .fm_btm{position:absolute; top:0; right:0; width:63px; height:100%; padding-left:11px; text-align:left;}
.search_box .fm_del{right:63px;}
.search_box .del_view .fm_ipt{padding-right:95px;}
.search_box .fm_sel{width:198px; height:65px; padding:0 35px; background: #fff url(/resource/images/common/search_select_arrow.png) center right 30px no-repeat; outline:none !important;}
.search_box .fm_sel + .keyword{margin-left:6px;}
.search_box .icon{overflow: hidden; display: inline-block; background-position: 0 0; background-repeat: no-repeat; font-size: 0; text-indent: -999px; vertical-align: middle;}
.search_box .i_del{width: 20px; height: 20px; background-image: url(/resource/images/common/input_del_icon.png);}
.search_box .i_search{width: 22px; height: 21px; background-image: url(/resource/images/common/input_search_icon.png);}

/* board_view */
.board_view{width:1040px; margin:0 auto;}
.board_title_wrap{padding:110px 0 60px; text-align:center; line-height:1;}
.board_title{font-weight: 300; font-size:42px; color:#1c1c1c; line-height: 1.52;}
.board_info{margin-top:50px;}
.board_info .info_item{display:inline-block; font-size:16px; color:#999; letter-spacing:0;}
.board_info .info_item::after{content:''; display:block; margin: 10px -4px 0; height:1px; background-color:#a3a3a3;}
.board_cont{color:#1c1c1c; text-align:left; line-height:30px;}
.board_cont img{max-width:100%;}
.board_cont_notice{padding: 0 100px; color:#1c1c1c; text-align:left; line-height:30px;}
.board_cont_notice img{max-width:100%;}
.board_preview{border:1px solid #eee; border-width:1px 0;}
.board_preview .item .type, .board_preview .item .subj{display:inline-block; vertical-align:middle;}
.board_preview .item .type{width: 100px; font-weight:300; font-size:24px; color:#1c1c1c; line-height:28px; letter-spacing: -.02em;}
.board_preview .item .type::after{content: ""; display: inline-block; width: 13px; height: 7px; margin: -7px 0 0 20px; background: url(/resource/images/common/arrow_orange.png) 0 0 no-repeat; vertical-align: middle;}
.board_preview .item .next::after{-webkit-transform: rotate(-180deg); transform: rotate(-180deg);}
.board_preview .item .subj{display:inline-block; overflow:hidden; position:relative; width:calc(100% - 150px); padding: 26px 0; margin-left:45px; font-size:18px; color: #999; line-height:1.55; text-overflow:ellipsis; white-space:nowrap;}
.board_preview .item:first-child .subj{border-bottom: 1px solid #eee;}
.board_preview .item .subj a{height:30px; color: #666;}
.board_preview .item .subj a:hover{color:#f60; text-decoration:underline;}
.board_cont+.board_preview, .board_cont_notice+.board_preview{margin-top:80px;}
.board_preview+.btn_wrap{margin-top:50px;}

/* form_wrap */
.form_wrap + .form_wrap{margin-top: 80px;}
.form_wrap + .btn_wrap{margin-top: 50px;}
.form_wrap + .board_list{margin-top: 60px;}
.term_wrap + .form_wrap{margin-top: 40px;}
.form_wrap .sect_tit{margin-bottom: 30px;}
.form_wrap .txt_orange{margin-left:4px; color:#f60; vertical-align: middle;}
.form_wrap .phone_input{width:140px;}
.form_wrap .email_input{width:220px;}
.form_wrap .w300{width:300px;}
.form_wrap .w460{width:460px;}
.form_wrap .w415{width:415px;}
.form_wrap .full{width:100%;}
.form_wrap .form_cha{display: inline-block; width: 20px; font-size: 16px; text-align: center; vertical-align: middle;}
.form_wrap .top_text{padding-top: 20px; vertical-align: top;}
.form_wrap .form_notice{margin-top: 15px;}
.form_wrap .form_notice li{font-weight: 300; font-size: 16px; line-height: 26px;}
.form_wrap .form_notice em{color: #f60;}
.form_wrap .form_notice_txt{display: inline-block; margin-left: 20px; font-size: 14px; line-height: 19px;}
.form_wrap .form_notice_txt em{color: #f60;}
.form_wrap table{width:100%; border-top: 2px solid #d2d2d2; border-bottom:1px solid #ddd; background-color:#fff;}
.none_border_table table{border-bottom: none;}
.form_wrap tbody th{border-top:1px solid #eee; font-weight: 400; font-size:18px; color:#111; text-align:left;}
.form_wrap tbody td{padding:15px 0; border-top:1px solid #eee;}
.form_wrap input[type="text"],
.form_wrap input[type="password"]{height: 50px; padding: 0 20px; background-color: #f6f6f6; border: none; font-size:16px; color:#1c1c1c;}
.form_wrap textarea{width:100%; height: 400px; padding:20px; border:none; background-color: #f6f6f6; font-size: 16px; resize: vertical;}
.form_wrap .name_wrap{padding: 20px 0 20px 20px;}
.form_wrap .name_wrap p{font-size: 16px; color: #1c1c1c; line-height: 40px;}
.form_wrap select{height:50px; padding:5px 5px 5px 20px; border: none; background: #f6f6f6 url(/resource/images/common/form_select_arrow.png) 90% 50% no-repeat; font-size: 16px; color: #999; cursor: pointer;}
.form_wrap .select_wrap{font-size: 0;}
.form_wrap .select_wrap select,
.form_wrap .select_wrap input{display: inline-block; font-size:16px;}
.form_wrap .select_wrap input + select{margin-left: 10px;}
.form_wrap .select_wrap #phone1{margin-left: 0;}
.form_wrap .email_wrap{overflow: hidden;}
.form_wrap .email_wrap .select_wrap{float: left;}
.form_wrap .email_wrap .form_notice_txt{margin-top: 5px;}
.form_wrap .file_wrap{width:100%;}
.form_wrap .file_wrap .file_inner{overflow:hidden;}
.form_wrap .file_wrap .file_inner + .file_inner{margin-top: 10px;}
.form_wrap .file_wrap .file_text{float:left; width: 839px;}
.form_wrap .file_wrap input[type="file"]{width:1px; height:1px; margin-left:-1px; opacity:0;}
.form_wrap .file_wrap label{float: left; width:115px; height:48px; margin-left:10px; border:1px solid #ddd; background-color:#fff; font-size:16px; color:#666; line-height:48px; vertical-align:middle; text-align:center; cursor:pointer;}
.form_wrap .file_wrap .txt{margin:10px 0 5px; font-weight:300; font-size:15px; letter-spacing:-.025em;}
.form_wrap .file_wrap input[type=button]{float: left; width:50px; height:50px; margin-left:9px; border:1px solid #ddd; background-color: #fff; font-size:18px; color:#999; line-height:50px; vertical-align:middle; cursor: pointer;}
.form_wrap .file_wrap .btn_add{float:left;}
.form_wrap .file_wrap .btn_add > div{margin-top:10px;}
.form_wrap .notice_wrap{padding: 30px 0; font-size: 16px; color: #1c1c1c;}
.form_wrap .notice_wrap::before{content: ""; display: inline-block; width: 3px; height: 3px; margin-right: 8px; background-color: #f60; vertical-align: middle;}
.form_wrap .password_wrap label{margin-left: 25px; color: #1c1c1c;}
.form_wrap .password_wrap input[type="password"]:last-child{margin-left: 25px;}
.form_wrap .date_wrap input[type="text"]{background: #f6f6f6 url(/resource/images/common/calendar_icon.png) 95% 50% no-repeat;}
.form_wrap + div {margin-top: 20px; margin-bottom: 70px;} 

/* table_wrap */
.table_wrap + .btn_wrap{margin-top: 50px;}
.table_wrap + .table_wrap{margin-top: 100px;}
.table_wrap .sect_tit{margin-bottom: 20px;}

/* info_table */
.info_table table{width: 100%; border-top: 2px solid #1c1c1c; border-bottom: 1px solid #ddd;}
.info_table thead th{padding: 25px 0; background-color: #f6f6f6; border-right: 1px solid #ddd; font-weight: 700; font-size: 18px; color: #111; line-height: 1;}
.info_table thead th:last-child{border-right: none;}
.info_table tbody th, .info_table tbody td{padding: 26px 0; border-top: 1px solid #ddd; border-right: 1px solid #ddd; font-weight: 400; font-size: 16px; color: #1c1c1c; line-height: 1; text-align: center;}
.info_table tbody td:last-child{border-right: none;}
.info_table tbody .table_total th, .info_table tbody .table_total td{background-color: #fff7f2; font-weight: 700;}
.info_table .table_etc{overflow: hidden; margin-bottom: 10px;}
.info_table .table_caption{float: left; font-size: 14px; color: #666;}
.info_table .table_caption::before{content: ""; display: inline-block; width: 3px; height: 3px; margin-right: 8px; background-color: #f60; vertical-align: middle;}
.info_table .table_unit{float: right; font-size: 14px;}
.info_table .down_btn{padding: 0 33px 0 0; background: #fff url(/resource/images/ico/down_icon_grey.png) 100% 50% no-repeat;}

/* content_table */
.content_table h4{margin-bottom: 20px; font-size: 30px; color: #1c1c1c;}
.content_table table{width: 100%; border-top: 2px solid #d2d2d2; border-bottom: 1px solid #ddd;}
.content_table tbody th, .content_table tbody td{padding: 30px 0; border-top: 1px solid #eee; font-weight: 400; line-height: 1;}
.content_table tbody tr:first-child th, .content_table tbody tr:first-child td{border-top: none;}
.content_table tbody th{background-color: #f6f6f6; color: #111;}
.content_table tbody td{padding: 30px; color: #666;}
.content_table tbody td .complete_txt{color: #f60;}
.content_table tbody .table_content th{padding: 155px 0;}
.content_table tbody .table_content td{padding: 50px 30px; line-height: 40px; vertical-align: top;}
.content_table tbody .table_subject td{line-height: 1.6;}
.content_table tbody .table_file th{background-color: #fff;}
.content_table tbody .table_file td a{display: block; text-decoration: underline;}

/* term_wrap */
.term_wrap{color: #1c1c1c;}
.term_wrap + .term_wrap{margin-top: 40px;}
.term_wrap .sect_tit{margin-bottom: 30px;}
.term_wrap .term_inner{padding: 50px; margin-bottom: 20px; border: 1px solid #e4e4e4;}
.term_wrap .term_inner.scroll{overflow-y: auto; height: 470px;}
.term_wrap .term_inner h5{margin-bottom: 30px; font-size: 20px;}
.term_wrap .term_list > li{margin-bottom: 30px; font-size: 16px; line-height: 30px;}
.term_wrap .term_list > li:last-child{margin-bottom: 0;}
.term_wrap .term_list > li li{color: #666;}
.term_wrap .term_agree{text-align: right;}
.term_wrap .term_agree input[type="radio"]{display: none;}
.term_wrap .term_agree label{position: relative; padding-left: 30px; margin-left: 30px; font-size: 16px; line-height: 25px;}
.term_wrap .term_agree label::before{content: ""; position: absolute; left: 0; top: 1px; width: 22px; height: 22px; border: 1px solid #dedede; border-radius: 50%;}
.term_wrap .term_agree label::after{display: none; content: ""; position: absolute; left: 7px; top: 8px; width: 10px; height: 10px; background-color: #f60; border-radius: 50%;}
.term_wrap .term_agree input[type="radio"]:checked + label::after{display: block;}
.term_wrap .term_agree input:last-of-type{margin-left: 30px;}

/* customer */
.customer{padding-bottom: 0;}

/* customer_write */
.customer_write .sect{display: none;}
.customer_write .sect.active{display: block;}

/* write_top_wrap */
.write_top_wrap{overflow: hidden; margin-bottom: 60px;}
.write_top_wrap > div{float: left; width: 600px; height: 270px; padding: 70px 0 0 50px; background-position: 0 0; background-repeat: no-repeat;}
.write_top_wrap .left{background-image: url(/resource/images/sub/customer/customer_write_img01.jpg);}
.write_top_wrap .right{background-image: url(/resource/images/sub/customer/customer_write_img02.jpg);}
.write_top_wrap dl{overflow: hidden; margin-bottom: 30px;}
.write_top_wrap dt{float: left; width: 210px; font-weight: 700; font-size: 22px; color: #fff;}
.write_top_wrap dd{float: left; font-weight: 300; color: #fff; line-height: 32px;}
.write_top_wrap .right dt{color: #1c1c1c;}
.write_top_wrap .right dd{color: #1c1c1c;}
.write_top_wrap .link_btn{width: 256px; margin-left: 210px;}

/* certification_wrap */
.certification_wrap{font-size: 0;}
.certification_wrap h4.sect_tit {margin-bottom: 30px;}
.term_wrap + .certification_wrap{margin-top: 40px;}
.certification_wrap > div{display: inline-block; width: 600px; padding: 45px 0 35px 50px; border: 1px solid #e4e4e4;}
.certification_wrap .left{border-right: none; background: url(/resource/images/sub/customer/certification_icon01.png) 400px 50% no-repeat;}
.certification_wrap .right{background: url(/resource/images/sub/customer/certification_icon02.png) 400px 50% no-repeat;}
.certification_wrap dl{margin-bottom: 20px; color: #1c1c1c;}
.certification_wrap dt{margin-bottom: 20px; font-size: 20px;}
.certification_wrap dd{font-size: 16px; line-height: 24px;}
.certification_wrap .default_btn{margin-left: 0;}
.certification_wrap .ipin_help_btn{display: inline-block; width: 100px; height: 22px; padding-left: 8px; margin-left: 5px; border: 1px solid #ddd; background: url(/resource/images/common/ipin_arrow_grey.png) 93% 50% no-repeat #f6f6f6; font-size: 13px; color: #999; line-height: 20px;}
.certification_wrap .certification_notice{margin-bottom: 30px; font-size: 16px; color: #999;}

/* .customer_bottom_cont */
.customer_bottom_cont{padding: 80px 0; background-color: #f6f6f6; letter-spacing: -.03em;}
.customer_bottom_inner{overflow: hidden; width: 1200px; margin: 0 auto; border-bottom: 1px solid #ddd;}
.customer_bottom_inner > div{float: left; width: 600px;}
.customer_bottom_inner .left h4{margin-bottom: 30px; font-weight: 700; font-size: 30px; color: #1c1c1c; letter-spacing: -.04em;}
.customer_bottom_inner .left p{color: #1c1c1c; line-height: 30px;}
.customer_bottom_inner .left p em{color: #f60;}
.customer_bottom_inner .contact_info_list{border-top: 1px solid #999;}
.customer_bottom_inner .contact_info_list li{padding: 17px 0 17px 60px; border-bottom: 1px solid #ddd; font-size: 0;}
.customer_bottom_inner .contact_info_list li:last-child{border-bottom: none }
.customer_bottom_inner .contact_info_list span{display: inline-block; font-size: 20px; color: #1c1c1c; vertical-align: middle;}
.customer_bottom_inner .type1 .tit{width: 285px;}
.customer_bottom_inner .type1 .txt{font-weight: 700; font-size: 30px;}
.customer_bottom_inner .type2 li{position: relative; padding: 25px 0 25px 60px;}
.customer_bottom_inner .type2 .tit{font-weight: 700; width: 120px;}
.customer_bottom_inner .type2 .txt{position: relative; width: calc(100% - 120px);}
.customer_bottom_inner .type2 .txt a{color: #1c1c1c;}
.customer_bottom_inner .type2 .txt a:hover{text-decoration: underline;}
.customer_bottom_inner .type2 .more{position: absolute; right: 45px; top: 30px; font-size: 14px; color: #999;}
.customer_bottom_inner .type2 .more::after{content: ""; display: inline-block; width: 6px; height: 6px; margin: 0 0 1px 7px; border-width: 1px 1px 0 0; border-style: solid; border-color: #999; transform: rotate(45deg); -webkit-transform: rotate(45deg);}
.customer_bottom_inner .type2 .more:hover{color: #1c1c1c;}
.customer_bottom_inner .type2 .more:hover::after{border-color: #1c1c1c;}
.customer_bottom_inner .circle_list > li{margin-bottom: 0; font-size: 16px; line-height: 30px;}

/* circle_list */
.horizon_sect_wrap .sect_text_box + .circle_list{margin-top: 30px;}
.circle_list > li{padding-left: 12px; margin-bottom: 10px; font-weight: 300; color: #1c1c1c; line-height: 32px; text-indent: -12px;}
.circle_list > li:last-child{margin-bottom: 0;}
.circle_list > li em{color: #f60;}
.circle_list > li .hanwhaFont{color: #1c1c1c;}
.circle_list > li::before{content: ""; display: inline-block; width: 3px; height: 3px; margin-right: 8px; background-color: #f60; vertical-align: middle;}
.mp .circle_list > li::before{background-color: #1c1c1c;}

/* horizon_sect_wrap */
.horizon_sect_wrap{overflow: hidden;}
.horizon_sect_wrap + .horizon_sect_wrap{margin-top: 100px;}
.horizon_sect_wrap.border_type{padding: 80px 0; margin-bottom: 80px; border-top: 2px solid #d2d2d2; border-bottom: 1px solid #ddd;}
.horizon_sect_wrap .sect_tit{float: left; margin-bottom: 0;}
.horizon_sect_wrap .sect_sub_tit{float: left;}
.horizon_sect_wrap .horizon_sect_inner{float: right; width: 890px;}
.horizon_sect_wrap .horizon_sect_tech{width: 810px;}
.horizon_sect_wrap .btn_wrap{margin-top: 50px; text-align: left;}
.horizon_sect_wrap .notice_txt{margin-top: 50px; color: #1c1c1c;}
.horizon_sect_wrap .notice_txt + .btn_wrap{margin-top: 15px;}

.cyber .horizon_sect_wrap {padding: 80px 0; border-top: 1px solid #ddd;}
.cyber .horizon_sect_wrap:first-of-type {border-top: 2px solid #d2d2d2;}

/* cyber_channel_list */
.cyber_channel_list li {position: relative; display: flex; align-items: center; padding-left: 70px; height: 44px; color: #1c1c1c;}
.cyber_channel_list li:before {position: absolute; display: block; top: 0; left: 0; width: 44px; height: 44px; content: ""; background-repeat: no-repeat; background-position: center;}
.cyber_channel_list li:nth-child(1):before {background-image: url(/resource/images/ico/ico_cyber_email.png);}
.cyber_channel_list li:nth-child(2):before {background-image: url(/resource/images/ico/ico_cyber_phone.png);}
.cyber_channel_list li:nth-child(3):before {background-image: url(/resource/images/ico/ico_cyber_fax.png);}
.cyber_channel_list li:nth-child(4):before {background-image: url(/resource/images/ico/ico_cyber_online.png);}
.cyber_channel_list li + li {margin-top: 15px;}
.cyber_channel_list li p {position: relative; width: 90px;}
.cyber_channel_list li p:before {position: absolute; display: block; top: 6px; right:0; width: 1px; height: 17px; content: ""; background: #999999;}
.cyber_channel_list li span {flex: 1; display: block; padding-left: 25px;}
.cyber_channel_list li span a {color: #ff6600; border-bottom: 1px #ff6600 solid;}

/* cyber_info_list */
.cyber_info_list li{position: relative; padding-left: 30px; margin-bottom: 20px; color: #1c1c1c; line-height: 30px;}
.cyber_info_list li:last-child{margin-bottom: 0;}
.cyber_info_list li::before{content: ""; position: absolute; left: 0; top: 5px; width: 20px; height: 20px; line-height: 20px; border: 1px solid #f60; border-radius: 50%; font-weight: 700; font-size: 20px; color: #f60; text-align: center;}
.cyber_info_list li:nth-child(1)::before{content: "1";}
.cyber_info_list li:nth-child(2)::before{content: "2";}
.cyber_info_list li:nth-child(3)::before{content: "3";}
.cyber_info_list li:nth-child(4)::before{content: "4";}
.cyber_info_list li:nth-child(5)::before{content: "5";}
.cyber_info_list li:nth-child(6)::before{content: "6";}
.cyber_info_list li:nth-child(7)::before{content: "7";}

/* cyber_report_list */
.cyber_report_list{overflow: hidden;}
.cyber_report_list li{float: left; width: 295px; height: 230px; padding-top: 150px; border: 1px solid #ddd; background-position: 50% 50px; background-repeat: no-repeat;}
.cyber_report_list li:nth-child(1), .cyber_report_list li:nth-child(2),.cyber_report_list li:nth-child(3){border-bottom: none;}
.cyber_report_list li:nth-child(2), .cyber_report_list li:nth-child(5){border-left: none; border-right: none;}
.cyber_report_list li:nth-child(1){background-image: url(/resource/images/sub/customer/report_icon01.png);}
.cyber_report_list li:nth-child(2){background-image: url(/resource/images/sub/customer/report_icon02.png);}
.cyber_report_list li:nth-child(3){background-image: url(/resource/images/sub/customer/report_icon03.png);}
.cyber_report_list li:nth-child(4){background-image: url(/resource/images/sub/customer/report_icon04.png);}
.cyber_report_list li:nth-child(5){background-image: url(/resource/images/sub/customer/report_icon05.png);}
.cyber_report_list li:nth-child(6){background-image: url(/resource/images/sub/customer/report_icon06.png);}
.cyber_report_list li p{font-size: 16px; color: #666; text-align: center;}
.cyber_report_list li p em{color: #f60;}

/* reportBtn */
#reportBtn{width: 305px;}

/* 지속가능경영 - 팝업 공통 */
.ethics_pop_wrap{display: none; position: fixed; left: 0; top: 0; z-index: 2000; width: 100%; height: 100%;}
.pop_open .ethics_pop_wrap{display: block;}
.ethics_pop_mask{position: absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.4);}
.ethics_pop_wrap .ethics_close{overflow: hidden; position: absolute; top: 20px; right: 20px; width: 30px; height: 30px; text-indent: -9999px;}
.ethics_pop_wrap .ethics_close::before,
.ethics_pop_wrap .ethics_close::after{content: ''; position: absolute; left: 0; top: 15px; display: block; width: 30px; height: 1px; background-color: #1c1c1c;}
.ethics_pop_wrap .ethics_close::before{transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
.ethics_pop_wrap .ethics_close::after{transform: rotate(45deg); -webkit-transform: rotate(45deg);}
.ethics_pop_wrap .ethics_pop_inner{position: absolute; top: 50%; left:50%; width: 1200px; height:660px; transform: translate(-50%, -50%); background: #fff; letter-spacing: -.03em;}
.ethics_pop_wrap .ethics_tab_wrap{padding-top: 43px; border-bottom: 2px solid #ddd;}
.ethics_pop_wrap .ethics_tab_box{width: 980px; margin: 0 auto;}
.ethics_pop_wrap .ethics_tab_box::after{display: block; clear: both; content: "";}
.ethics_pop_wrap .ethics_tab_box li{position: relative; float:left; width: 25%; height:45px; line-height: 45px; text-align: center; box-sizing: border-box;}
.ethics_pop_wrap .ethics_tab_box li a{display: block; font-size: 18px;}
.ethics_pop_wrap .ethics_tab_box li.on a{font-weight: 700; color: #f60;}
.ethics_pop_wrap .ethics_tab_box li.on::before{position: absolute; bottom:-2px; left:0; width: 100%; height:3px; background: #f60; content: ""; display: block;}
.ethics_pop_wrap .ethics_con_box{display: none; overflow-y: scroll; height: 570px; padding: 70px 110px 40px 110px;}
.ethics_pop_wrap .ethics_con_box.on{display: block;}
.ethics_pop_wrap .ethics_con_box h5{font-weight: 700; font-size: 24px; color: #1c1c1c; line-height: 36px;}
.ethics_pop_wrap .ethics_con_box h6{font-size: 16px; color: #1c1c1c;}
.ethics_pop_wrap .ethics_con_box h6 li{color: #666;}
.ethics_pop_wrap .ethics_con_box p{color: #1c1c1c;}
.ethics_pop_wrap .ethics_con_box .info_table table{margin: 20px 0; border-top: 1px solid #ddd;}
.ethics_pop_wrap .ethics_con_box .info_table thead th{font-size: 16px;}
.ethics_pop_wrap .ethics_con_box .info_table tbody th,
.ethics_pop_wrap .ethics_con_box .info_table tbody td{padding: 20px; font-size: 14px; color: #666; line-height: 24px;}
.ethics_pop_wrap .ethics_con_box .info_table tbody td{text-align: left;}
.ethics_pop_wrap .ethics_con_box .info_table .tal{padding-left: 20px; text-align: left;}
.ethics_pop_wrap .ethics_cont_inner{overflow: hidden; padding-bottom: 50px; margin-bottom: 50px; border-bottom: 1px solid #ddd;}
.ethics_pop_wrap .ethics_cont_inner:last-child{margin-bottom: 0;}
.ethics_pop_wrap .ethics_cont_left{float: left; width: 210px;}
.ethics_pop_wrap .ethics_cont_right{float: right; width: 740px;}
.ethics_pop_wrap .ethics_list li{line-height: 30px; color: #1c1c1c;}
.ethics_pop_wrap .ethics_cont_top{padding-bottom: 50px; margin-bottom: 50px; border-bottom: 1px solid #ddd; line-height: 30px;}
.ethics_pop_wrap .ethics_img{padding-bottom: 60px; margin-bottom: 50px; border-bottom: 1px solid #ddd; text-align: center;}
.ethics_pop_wrap .ethics_sub_inner{margin-bottom: 50px;}
.ethics_pop_wrap .ethics_sub_inner:last-child{margin-bottom: 0;}

/* newsroom_list */
.newsroom_list{font-size: 0;}
.newsroom_list li{display: inline-block; width: 380px; margin: 80px 0 0 30px; vertical-align: top;}
.newsroom_list li:nth-child(1),
.newsroom_list li:nth-child(2),
.newsroom_list li:nth-child(3){margin-top: 0;}
.newsroom_list li:nth-child(3n + 1){margin-left: 0;}
.newsroom_list .newsroom_link{display: block;}
.newsroom_list .img_box{overflow: hidden; position: relative; padding-bottom: 66.0212%; margin-bottom: 20px; background-color: #000;}
.newsroom_list .img_box .img{position: absolute; left: 0; top: 50%; width: 101%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.newsroom_list .img_box .img img{display: block; width: 100%; transition: transform .5s cubic-bezier(.25,.46,.45,.94); -webkit-transition: transform .5s cubic-bezier(.25,.46,.45,.94);}
.newsroom_list li:hover .img_box .img img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.newsroom_list .txt_box .tit{overflow: hidden; height: 60px; margin-bottom: 5px; font-size: 20px; color: #1c1c1c; line-height: 30px;}
.newsroom_list .newsroom_link:hover .txt_box .tit{text-decoration: underline; text-underline-position: under;}
.newsroom_list .txt_box .date{font-size: 14px; color: #999;}

.social_tit_wrap{position: relative;}
.social_tit_wrap .social_link_btn{position: absolute; top: -15px; right: 0; display: block; padding: 0 20px; height: 50px; border: 1px solid #ddd; color: #1c1c1c; line-height: 50px;}
.social_tit_wrap .social_link_btn::before{content: ""; display: inline-block; position: relative; top:-2px; margin-right: 5px; background-position: 0 0; background-repeat: no-repeat; vertical-align: middle;}
.social_tit_wrap .youtube::before{width: 22px; height: 16px; background-image: url(/resource/images/sub/pr/social_yotube_icon.png);}
.social_tit_wrap .insta::before{width: 20px; height: 20px; background-image: url(/resource/images/sub/pr/social_insta_icon.png);}
.social_tit_wrap .blog::before{width: 11px; height: 14px; background-image: url(/resource/images/sub/pr/social_blog_icon.png);}
.social_tit_wrap .post::before{width: 12px; height: 16px; background-image: url(/resource/images/sub/pr/social_post_icon.png); top:-1px;}
.social_more_btn{display: block; position: relative; padding-top: 30px; margin-top: 75px; border-top: 1px solid #ddd; font-weight: 700; font-size: 20px; color: #1c1c1c; text-align: center;}
.social_more_btn::after{content: ""; display: inline-block; width: 19px; height: 19px; margin-left: 15px; background: url(/resource/images/sub/pr/social_more_icon.png) 0 0 no-repeat; vertical-align: middle;}

/* social_list */
.social_list{font-size: 0;}
.social_list li{display: inline-block; margin-top: 80px; vertical-align: top;}
.social_list li:nth-child(1),
.social_list li:nth-child(2),
.social_list li:nth-child(3){margin-top: 0;}
.social_list.list_two li{width: 585px; margin-left: 30px;}
.social_list.list_two li:nth-child(odd){margin-left: 0;}
.social_list.list_two li:nth-child(3){margin-top: 80px;}
.social_list.list_two li .img_box{padding-bottom: 56.25%;}
.social_list.list_two .txt_box .tit{height: auto; max-height: 60px;}
.social_list.list_two .txt_box .tit + .txt{margin-top: 5px;}
.social_list.list_three li{width: 380px; margin-left: 30px;}
.social_list.list_three li:nth-child(3n + 1){margin-left: 0;}
.social_list.list_four li{width: 282px; margin-left: 24px;}
.social_list.list_four li:nth-child(4n + 1){margin-left: 0;}
.social_list.list_four li:nth-child(4){margin-top: 0;}
.social_list .social_link{display: block;}
.social_list .img_box{overflow: hidden; position: relative; padding-bottom: 66.0212%; margin-bottom: 20px; background-color: #000;}
.social_list .img_box .img{position: absolute; left: 0; top: 50%; width: 101%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.social_list .img_box .img img{display: block; width: 100%; transition: transform .5s cubic-bezier(.25,.46,.45,.94); -webkit-transition: transform .5s cubic-bezier(.25,.46,.45,.94);}
.social_list li:hover .img_box .img img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.social_list .play_youtube .img_box::before{content: ""; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3);}
.social_list .play_youtube .img_box::after{content: ""; position: absolute; left: 50%; top: 50%; z-index: 2; width: 50px; height: 50px; margin: -25px 0 0 -25px; background: url(/resource/images/common/video_play_btn_off.png) 0 0 no-repeat;}
.social_list .play_youtube:hover .img_box::after{background-image: url(/resource/images/common/video_play_btn_on.png);}
.social_list .txt_box .tit{overflow: hidden; height: 60px; font-size: 20px; color: #1c1c1c; line-height: 30px; letter-spacing: -.05em;}
.social_youtube .social_list .txt_box .tit{font-size: 22px;}
.social_list .social_link:hover .txt_box .tit{text-decoration: underline; text-underline-position: under;}
.social_list .txt_box .txt{font-size: 16px; color: #666;}
.social_list .txt_box .date{font-size: 14px; color: #999;}
.social_list.list_three .txt_box .tit{margin-bottom: 5px;}
.social_list.list_four .txt_box .date{margin-bottom: 5px;}


/* ci_concept_wrap */
.ci_concept_wrap{padding: 60px 0 60px 410px; background: url(/resource/images/sub/pr/ci_concept_img.png) 100px 50% no-repeat; border: 1px solid #ddd;}
.horizon_sect_wrap + .ci_concept_wrap{margin-top: 75px;}
.ci_concept_wrap dl{margin-bottom: 15px; font-size: 0;}
.ci_concept_wrap dl:last-child{margin-bottom: 0;}
.ci_concept_wrap dt{display: inline-block; font-weight: 700; font-size: 22px; color: #1c1c1c; vertical-align: middle;}
.ci_concept_wrap dd{display: inline-block; margin-left: 40px; vertical-align: middle;}
.ci_concept_wrap .concept_icon{width: 154px; height: 154px; padding-top: 55px; background-position: 50%; background-repeat: no-repeat; font-weight: 600; font-size: 18px; color: #fff; line-height: 24px; text-align: center;}
.ci_concept_wrap dl:nth-child(1) .concept_icon{background-image: url(/resource/images/sub/pr/ci_concept_icon_bg01.png);}
.ci_concept_wrap dl:nth-child(2) .concept_icon{background-image: url(/resource/images/sub/pr/ci_concept_icon_bg02.png);}
.ci_concept_wrap dl:nth-child(3) .concept_icon{background-image: url(/resource/images/sub/pr/ci_concept_icon_bg03.png);}
.ci_concept_wrap .concept_txt{position: relative; padding-left: 25px; font-weight: 300; font-size: 18px; color: #1c1c1c; line-height: 32px;}
.ci_concept_wrap .concept_txt::before{position: absolute; left: 0; top: 50%; width: 6px; height: 6px; margin-top: -3px; background-color: #f60; border-radius: 2px; content: "";}

/* horizon_cont_wrap */
.horizon_cont_wrap{overflow: hidden;}
.horizon_sect_wrap + .horizon_cont_wrap{margin-top: 60px;}
.col2 .horizon_cont_inner:first-child{float: left;}
.col2 .horizon_cont_inner:last-child{float: right;}
.horizon_cont_inner .sect_sub_tit{margin-bottom: 15px; font-weight: 600;}

/* signature_box */
.signature_box{width: 585px;}
.signature_box .img_box{padding: 25px 0; border-width: 1px 1px 0 1px; border-style: solid; border-color: #ddd; text-align: center;}
.signature_box .btn_wrap .down_btn{width: 292px; padding-left: 90px; margin-left: 0; background-position: 65% 50%;}
.signature_box .btn_wrap .down_btn:first-child{margin-right: 1px; background-position: 70% 50%;}

/* color_value_list */
.color_value_list{overflow: hidden;}
.horizon_sect_wrap + .color_value_list{margin-top: 60px;}
.color_value_list li{position: relative; padding: 20px; color: #fff;}
.color_value_list.standard li{float: left; width: 295px; height: 200px;}
.color_value_list.standard li.black{float: right;}
.color_value_list.primary li{width: 370px; height: 340px; padding: 30px;}
.color_value_list.secondary{width: 810px;}
.color_value_list.secondary li{float: left; width: 270px; height: 170px; padding: 30px 0 20px 20px;}
.color_value_list .orange_100{background-color: #f37321;}
.color_value_list .orange_70{background-color: #f89b6c;}
.color_value_list .orange_50{background-color: #fbb584;}
.color_value_list .black{background-color: #000;}
.color_value_list .blue{background-color: #003057;}
.color_value_list .champagne_gold{background-color: #8b8075;}
.color_value_list .gold{background-color: #8b634b;}
.color_value_list .silver{background-color: #8a8d8f;}
.color_value_list .gray{background-color: #5c5c5c;}
.color_value_list .white{background-color: #fff;}
.color_value_list .num{display: inline-block; width: 23px; height: 23px; margin-bottom: 15px; border-radius: 50%; background-color: #666; font-size: 16px; line-height: 23px; text-align: center;}
.color_value_list .color_tit{margin-bottom: 10px; font-size: 20px; line-height: 1;}
.color_value_list .color_percent{font-family: 'myriad-pro', sans-serif; font-size: 20px; line-height: 1;}
.color_value_list .color_value{position: absolute; left: 20px; bottom: 25px; font-size: 16px; color: #cbcbcb; line-height: 22px; letter-spacing: -.02em;}
.color_value_list .orange_100 .color_value{color: #fbdbce;}
.color_value_list .orange_70 .color_value{color: #fde4da;}
.color_value_list .orange_50 .color_value{color: #feeadf;}
.color_value_list.primary .color_tit{margin-bottom: 20px; font-family: 'myriad-pro', sans-serif; line-height: 30px;}
.color_value_list.primary .color_value{position: static;}
.color_value_list.secondary .color_tit{font-family: 'myriad-pro', sans-serif; font-size: 16px; line-height: 22px;}
.color_value_list.secondary .color_value{left: 20px; bottom: 20px; font-size: 14px; line-height: 20px;}
.color_value_list.secondary .white .color_tit{color: #1c1c1c;}
.color_value_list.secondary .champagne_gold .color_value,
.color_value_list.secondary .gold .color_value{color: #e0dedc;}
.color_value_list.secondary .silver .color_value{color: #ddd;}
.color_value_list.secondary .gray .color_value{color: #dfdfe0;}
.color_value_list.secondary .black .color_value{color: #e1e1e1;}
.color_value_list.secondary .white .color_value{color: #666;}

/* caution_txt_wrap */
.caution_txt_wrap{padding: 120px 0 50px; margin-bottom: 80px; background: url(/resource/images/common/caution_icon.png) 50% 60px no-repeat; border: 1px solid #ddd; text-align: center;}
.caution_txt_wrap .caution_tit{margin-bottom: 10px; font-weight: 600; font-size: 22px; color: #1c1c1c; line-height: 34px;}
.caution_txt_wrap .caution_txt{line-height: 26px; letter-spacing: -.05em;}
.caution_txt_wrap .btn_wrap{margin-top: 40px;}

/* history_cont_wrap */
.history_cont_wrap .history_cont_list > li{position: relative;}
.history_cont_wrap .history_cont_list > li::after{display: block; clear: both; content: "";}
.history_cont_wrap .history_tit{float: left; width: calc(100% - 990px); font-weight: 700; font-size: 60px; color: #1c1c1c; line-height: 1; letter-spacing: -.05em;}
.history_cont_wrap .history_box{position: relative; float: right; width: 990px; padding-bottom: 80px; margin-top: 20px;}
.history_cont_wrap .history_box::after{display: block; clear: both; content: "";}
.history_cont_wrap .history_cont_list > li:last-child .history_box{padding-bottom: 0;}
.history_cont_wrap .history_txt_list{float: left; width: 540px;}
.history_cont_wrap .history_txt_list li{margin-bottom: 30px; font-size: 16px; line-height: 26px; letter-spacing: -.05em;}
.history_cont_wrap .history_txt_list li:last-child{margin-bottom: 0;}
.history_cont_wrap .history_txt_list li{color: #1c1c1c;}
.history_cont_wrap .history_img_box{float: right; width: 400px; height: 270px;}
.history_cont_wrap .history_img_box img{width: 100%; height: 100%;}
.history_cont_wrap .history_slider_wrap{float: right; width: 400px;}
.history_cont_wrap .gallery-top{height: 270px;}
.history_cont_wrap .gallery-top .swiper-slide img{width: 100%; height: 100%;}
.history_cont_wrap .gallery-thumbs{height: 87px; margin-top: 4px;}
.history_cont_wrap .gallery-thumbs .swiper-slide{cursor: pointer;}
.history_cont_wrap .gallery-thumbs .swiper-slide img{width: 100%; height: 100%;}
.history_cont_wrap .gallery-thumbs .swiper-slide:hover::before,
.history_cont_wrap .gallery-thumbs .swiper-slide-thumb-active::before{content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.4);}
.history_cont_wrap .gallery-thumbs .swiper-slide:hover::after,
.history_cont_wrap .gallery-thumbs .swiper-slide-thumb-active::after{content: ""; position: absolute; left: 50%; top: 50%; width: 16px; height: 16px; margin: -8px 0 0 -8px; background: url(/resource/images/common/gallery_thumbs_icon.png) 50% no-repeat;}
.history_cont_wrap .history_line{position: absolute; left: -35px; top: 15px; width: 1px; height: calc(100% + 20px); background-color: #ddd;}
.history_cont_wrap .history_cont_list > li:last-child .history_line{height: calc(100% - 15px);}
.history_cont_wrap .history_line::before{content: ""; position: absolute; left: -7px; top: -10px; width: 10px; height: 10px; background-color: #fff; border: 2px solid #f60; border-radius: 50%;}
.history_cont_wrap .history_line .bar{position: absolute; left: 0; top: 2px; width: 1px; height: 0; background-color: #f60;}

/* swiper-slide */
.history_cont_wrap .swiper-button-next{right: 20px;}
.history_cont_wrap .swiper-button-prev{left: 20px;}
.history_cont_wrap .swiper-button-next:after, .history_cont_wrap .swiper-button-prev:after{content: ""; display: block; width: 14px; height: 14px; border-left: 1px solid #fff; border-top: 1px solid #fff; background-color: rgba(0,0,0,0);}
.history_cont_wrap .swiper-button-next:after{transform: rotate(135deg); -webkit-transform: rotate(135deg);}
.history_cont_wrap .swiper-button-prev:after{transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
.history_cont_wrap .no_swiper_active .swiper-button-prev,
.history_cont_wrap .no_swiper_active .swiper-button-next,
.history_cont_wrap .no_swiper_active .swiper-slide::before,
.history_cont_wrap .no_swiper_active .swiper-slide::after{display: none;}
.history_cont_wrap .no_swiper_active .gallery-thumbs .swiper-slide{cursor: initial;}
.history_cont_wrap .no_swiper_active .gallery-thumbs{display: none;}

/* portfolio 슬라이드 */
.portfolio_slide{position: relative; margin-top: 20px;}
.portfolio_slide .empty_txt{width: 1200px; height: 300px; margin: 0 auto; font-size: 23px; font-weight: 500; color: #1c1c1c; line-height: 300px; text-align: center; opacity:0;}
.portfolio_slide .empty_txt.trans{opacity:1; -webkit-transition: opacity 400ms ease 50ms; transition: opacity 400ms ease 50ms;}
.portfolio_slide .img_list{position: relative; width: 1200px; margin: 0 auto; font-size: 0;}
.portfolio_slide .img_thumb{display: inline-block; width: 382px; margin: 23px 0 13px 26px; vertical-align: top;}
.portfolio_slide .img_thumb:nth-of-type(3n+1){margin-left: 0;}
.portfolio_slide .img_thumb:nth-of-type(1),
.portfolio_slide .img_thumb:nth-of-type(2),
.portfolio_slide .img_thumb:nth-of-type(3){margin-top: 0;}
.portfolio_slide .img_thumb{position:relative; opacity:0; top:50px;}
.portfolio_slide .img_thumb.trans{top:0; opacity:1; -webkit-transition:opacity 400ms ease 50ms, top 400ms ease 50ms; transition:opacity 400ms ease 50ms, top 400ms ease 50ms;}
.portfolio_slide .img_thumb.trans:nth-of-type(9n+2){-webkit-transition-delay:150ms; transition-delay:150ms;}
.portfolio_slide .img_thumb.trans:nth-of-type(9n+3){-webkit-transition-delay:300ms; transition-delay:300ms;}
.portfolio_slide .img_thumb.trans:nth-of-type(9n+4){-webkit-transition-delay:450ms; transition-delay:450ms;}
.portfolio_slide .img_thumb.trans:nth-of-type(9n+5){-webkit-transition-delay:600ms; transition-delay:600ms;}
.portfolio_slide .img_thumb.trans:nth-of-type(9n+6){-webkit-transition-delay:750ms; transition-delay:750ms;}
.portfolio_slide .img_thumb.trans:nth-of-type(9n+7){-webkit-transition-delay:900ms; transition-delay:900ms;}
.portfolio_slide .img_thumb.trans:nth-of-type(9n+8){-webkit-transition-delay:1050ms; transition-delay:1050ms;}
.portfolio_slide .img_thumb.trans:nth-of-type(9n+9){-webkit-transition-delay:1200ms; transition-delay:1200ms;}
.portfolio_slide .btn_thumb{display: block; width: 382px;}
.portfolio_slide .img_thumb .img_box{display: block; overflow: hidden; position: relative; width: 382px; height: 254px; background-color: #000;}
.portfolio_slide .img_thumb .img_box .img{position: absolute; top: 50%; left: 0; width: 101%; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.portfolio_slide .img_thumb .img_box .img > img{display: block; width: 100%; -webkit-transition: transform .5s cubic-bezier(.25,.46,.45,.94); transition: transform .5s cubic-bezier(.25,.46,.45,.94);}
.portfolio_slide .img_thumb:hover .img_box .img > img{-webkit-transform: scale(1.1); transform: scale(1.1);}
.portfolio_slide .img_thumb .subject{display: block; overflow: hidden; position: relative; width: 100%; max-height: 55px; margin-top: 10px; padding-right: 17px; font-weight: 600; font-size: 20px; line-height: 1.3; color: #1c1c1c; text-align: left;}
.portfolio_slide .img_thumb .subject::before,
.portfolio_slide .img_thumb .subject::after{display: block; position: absolute; top: 12px; right: 0; width: 12px; height: 2px; background-color: #f60; content: "";}
.portfolio_slide .img_thumb .subject::after{-webkit-transform: rotate(90deg); transform: rotate(90deg);}
.portfolio_slide .img_thumb.active .subject::after{-webkit-transform: rotate(0deg); transform: rotate(0deg);}
.portfolio_slide .img_viewer{overflow: hidden; position: absolute; width: 100%; height: 0; background-color: #222;}
.portfolio_slide .img_viewer::before{display: block; position: absolute; top: 0; left: 0; width: 100%; height: 12px; content: ""; background-color: #fff;}
.portfolio_slide .img_viewer_arr_wrap{display: block; position: relative; width: 1200px; height: 12px; margin: 0 auto;}
.portfolio_slide .img_viewer_arr{display: block; position: absolute; top: 0; left: 0; width: 0; height: 0; border-width: 0 12px 12px; border-style: solid; border-color: transparent transparent #222; content: ""; -webkit-transition: left 0.2s ease; transition: left 0.2s ease;}
.portfolio_slide .img_viewer_inner{position: relative; width: 1200px; margin: 0 auto; padding: 30px 0;}
.portfolio_slide .img_viewer .img_box{position: relative; height: 600px; text-align: center;}
.portfolio_slide .img_viewer .img_box .img_slide{display: inline-block; overflow: hidden; position: relative; width: 900px; height: 600px; vertical-align: middle;}
.portfolio_slide .img_viewer .img_box img{position: absolute; top: 50%; left: 0; width: 100%; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.portfolio_slide .img_viewer .info{position: relative; width: 900px; margin: 18px auto 0; padding-left: 13px;}
.portfolio_slide .img_viewer .info::before{position: absolute; top: 15px; left: 0; width: 4px; height: 4px; background-color: #f60; content: "";}
.portfolio_slide .img_viewer .info .subject{overflow: hidden; height: 32px; font-size: 20px; color: #fff; line-height: 32px;}
.portfolio_slide .img_viewer .info .detail{font-size: 16px; color: #fff;}
.portfolio_slide .img_viewer .info .detail .term{display: inline-block; position: relative; margin-left: 15px; padding-left: 19px;}
.portfolio_slide .img_viewer .info .detail .term::before{position: absolute; top: 7px; left: 0; width: 1px; height: 13px; background-color: #999; content: "";}
.portfolio_slide .img_viewer .info .detail .term:first-child{margin-left: 0; padding-left: 0;}
.portfolio_slide .img_viewer .info .detail .term:first-child::before{display: none;}
.portfolio_slide .img_viewer .info .detail .scale{display: block; position: relative; padding-left: 38px;}
.portfolio_slide .img_viewer .info .detail .scale .tit{display: block; position: absolute; top: 0; left: 0;}
.portfolio_slide .img_viewer .info .ex{margin-top: 13px; font-size: 16px;}
.portfolio_slide .img_viewer .info .cont{margin-top: 10px; font-size: 16px; color: #fff;}
.portfolio_slide .img_viewer .arrow{width: 100%; position: absolute; top: 50%;}
.portfolio_slide .img_viewer .btn_change_thumb{overflow: hidden; position: absolute; top: 0; display: block; width: 20px; height: 38px; margin-top: -19px; text-indent: -9999px;}
.portfolio_slide .img_viewer .btn_change_thumb::before{position: absolute; top: 50%; width: 44px; height: 44px; margin-top: -23px; border: 2px solid #fff; content: "";}
.portfolio_slide .img_viewer .btn_next{right: 13px;}
.portfolio_slide .img_viewer .btn_prev{left: 13px;}
.portfolio_slide .img_viewer .btn_next::before{right: 9px; transform: rotate(45deg);}
.portfolio_slide .img_viewer .btn_prev::before{left: 9px; transform: rotate(-135deg);}
.portfolio_slide .img_viewer .btn_close_viewer{position: absolute; top: 30px; right: 0; z-index: 10; width: 20px; height: 20px; text-indent: -9999px;}
.portfolio_slide .img_viewer .btn_close_viewer::before,
.portfolio_slide .img_viewer .btn_close_viewer::after{display: block; position: absolute; top: 0; left: 50%; width: 25px; height: 3px; margin: 8px 0 0 -13px; background-color: #fff; content: "";}
.portfolio_slide .img_viewer .btn_close_viewer::before{transform: rotate(45deg);}
.portfolio_slide .img_viewer .btn_close_viewer::after{transform: rotate(135deg);}
.portfolio_slide .virtual_viewer{overflow: hidden; height: 0;}
.portfolio_slide .swiper-pagination{right: 150px; bottom: -50px; height: 32px; padding-left: 10px; line-height: 32px; font-size: 0; line-height: 0; background-color: #222;}
.portfolio_slide .swiper-pagination:before{display: inline-block; height: 100%; width: 0; content: ""; vertical-align: middle;}
.portfolio_slide .swiper-pagination-bullet{width: 10px; height: 10px; margin-left: 15px; background-color: #ddd; vertical-align: middle; opacity: 1; -webkit-transition: background 0.3s ease; transition: background 0.3s ease;}
.portfolio_slide .swiper-pagination-bullet:first-child{margin-left: 0;}
.portfolio_slide .swiper-pagination-bullet-active{background: #f60;}
.portfolio_slide .btn_wrap{width: 1200px; margin: 57px auto 0; border-top: 1px solid #dbdbdb;}
.portfolio_slide .btn_wrap .btn_list_more{position: relative; width: 100%; height: 70px; padding: 20px 39px 20px 5px; font-weight: 700; font-size: 20px; color: #1e1e1e; line-height: 30px; text-align: center;}
.portfolio_slide .btn_wrap .btn_list_more .ico{display: inline-block; position: relative; width: 19px; height: 19px; margin-left: 15px; border: 1px solid #1e1e1e; border-radius: 2px; content: ""; vertical-align: -3px;}
.portfolio_slide .btn_wrap .btn_list_more .ico::before{display: block; position: absolute; top: 50%; left: 50%; width: 5px; height: 5px; margin: -5px 0 0 -4px; border-width: 2px 2px 0 0; border-style: solid; border-color: #1e1e1e; content: ""; -webkit-transform: rotate(135deg); transform: rotate(135deg);}

/* 슬라이드 기능 없을 때 */
.portfolio_slide .img_viewer.noSlide .arrow,
.portfolio_slide .img_viewer.noSlide .swiper-pagination{display: none;}

/* loading */
.pf_loading{display:none; position:relative;}
.pf_loading .pf_spinner{display:inline-block; position:absolute; top:50%; left:50%; width:64px; height:64px; margin:-32px 0 0 -32px;}
.pf_loading .pf_spinner span{display:block; transform-origin:32px 32px; animation:pf_spinner 1.2s linear infinite;}
.pf_loading .pf_spinner span:after{content:" "; display:block; position:absolute; top:3px; left:29px; width:5px; height:14px; border-radius:20%; background:#f60;}
.pf_loading .pf_spinner span:nth-child(1){transform:rotate(0deg); animation-delay:-1.1s;}
.pf_loading .pf_spinner span:nth-child(2){transform:rotate(30deg); animation-delay:-1s;}
.pf_loading .pf_spinner span:nth-child(3){transform:rotate(60deg); animation-delay:-0.9s;}
.pf_loading .pf_spinner span:nth-child(4){transform:rotate(90deg); animation-delay:-0.8s;}
.pf_loading .pf_spinner span:nth-child(5){transform:rotate(120deg); animation-delay:-0.7s;}
.pf_loading .pf_spinner span:nth-child(6){transform:rotate(150deg); animation-delay:-0.6s;}
.pf_loading .pf_spinner span:nth-child(7){transform:rotate(180deg); animation-delay:-0.5s;}
.pf_loading .pf_spinner span:nth-child(8){transform:rotate(210deg); animation-delay:-0.4s;}
.pf_loading .pf_spinner span:nth-child(9){transform:rotate(240deg); animation-delay:-0.3s;}
.pf_loading .pf_spinner span:nth-child(10){transform:rotate(270deg); animation-delay:-0.2s;}
.pf_loading .pf_spinner span:nth-child(11){transform:rotate(300deg); animation-delay:-0.1s;}
.pf_loading .pf_spinner span:nth-child(12){transform:rotate(330deg); animation-delay:0s;}

.pf_loading.mp_video{display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000;}

@-webkit-keyframes pf_spinner{
  0%{opacity:1;}
  100%{opacity:0;}
}
@keyframes pf_spinner{
  0%{opacity:1;}
  100%{opacity:0;}
}

.portfolio_slide .img_list .pf_loading{width: 100%; height: 300px; line-height: 300px; text-align: center; font-size: 50px; text-indent: -9999px;}
.portfolio_slide .img_list .pf_loading .pf_spinner{margin: 0 0 0 -32px;}
.portfolio_slide .img_viewer .pf_loading{display: block; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; text-indent: -9999px; background-color: #222;}

/* cf_area */
.cf_area{margin-bottom: 60px;}
.cf_play_box{display: block; position: relative; width: 100%; height: 675px;}
.cf_play_box .img_box{overflow: hidden; position: absolute; left: 0; top: 0; width: 100%; padding-bottom: 56.25%; background-color: #000;}
.cf_play_box.playing .img_box{display: none;}
.cf_play_box .img_box img{position: absolute; left: 50%; top: 50%; width: 100%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
.cf_play_box .img_box::before{content: ""; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6);}
.cf_play_box .img_box::after{content: ""; position: absolute; left: 50%; top: 50%; z-index: 2; width: 66px; height: 66px; margin: -33px 0 0 -33px; background: url(/resource/images/common/cf_play_btn_off.png) 0 0 no-repeat;}
.cf_play_box:hover .img_box::after{background-image: url(/resource/images/common/cf_play_btn_on.png);}
.cf_play_box iframe{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}

.cf_subtitles_box{overflow-y: auto; height: 220px; padding: 30px 60px; border: 1px solid #ddd;}
.cf_subtitles_box .subject{margin-bottom: 20px; font-weight: 600; font-size: 22px; color: #1c1c1c;}
.cf_subtitles_box .txt_content{font-weight: 300; color: #1c1c1c; line-height: 32px;}

.cf_thumb_slider{padding-bottom: 80px;}
.cf_thumb_slider .swiper-slide.active::after{content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid #f60;}
.cf_thumb_slider .cf_target{display: block;}
.cf_thumb_slider .cf_thumb_img{overflow: hidden; position: relative; width: 100%; height: 0; padding-bottom: 57.1428%;}
.cf_thumb_slider .cf_thumb_img::after{content: ""; position: absolute; left: 50%; top: 50%; width: 50px; height: 50px; margin: -25px 0 0 -25px; background: url(/resource/images/common/cf_play_btn_small_off.png) 0 0 no-repeat;}
.cf_thumb_slider .active .cf_thumb_img::after{display: none;}
.cf_thumb_slider .cf_target:hover .cf_thumb_img::after{background-image: url(/resource/images/common/video_play_btn_off.png);}
.cf_thumb_slider .cf_thumb_img img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition: transform 1s ease; -webkit-transition: transform 1s ease;}
.cf_thumb_slider .cf_target:hover .cf_thumb_img img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.cf_thumb_slider .txt_box{padding: 20px;}
.cf_thumb_slider .subject{overflow: hidden; height: 44px; font-size: 16px; color: #1c1c1c; line-height: 22px;}
.cf_thumb_slider .cf_target:hover .subject{text-decoration: underline;}
.cf_thumb_slider .txt_content{display: none;}
.cf_thumb_slider .swiper-pagination-progressbar{left: 0; top: auto; bottom: 16px; max-width: 1085px; background-color: #eee;}
.cf_thumb_slider .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background-color: #f60;}
.cf_thumb_slider.progress_disabled .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background-color: rgba(0,0,0,0);}
.cf_thumb_slider .swiper-button-next, .cf_thumb_slider .swiper-button-prev{width: 38px; height: 38px; border: 1px solid #d3d3d3; border-radius: 50%;}
.cf_thumb_slider .swiper-button-next{top: auto; right: 0; bottom: 0; background: url(/resource/images/main/main_social_next.png) 50% no-repeat;}
.cf_thumb_slider .swiper-button-prev{left: auto; top: auto; right: 47px; bottom: 0; background: url(/resource/images/main/main_social_prev.png) 50% no-repeat;}
.cf_thumb_slider .swiper-button-next::after,
.cf_thumb_slider .swiper-button-prev::after{content: "";}

/* ad_area */
.ad_area ul {display: flex; justify-content: space-between; gap: 25px;}
.ad_area ul li {width: 25%;}
.ad_area ul li .img {position: relative; display: block; width: 100%; height: 0; padding-bottom: 145.5516014234875%;}
.ad_area ul li .img:before, .ad_area ul li .img:after {position: absolute; display: block; content:"";}
.ad_area ul li .img:hover:before {z-index: 2; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4);}
.ad_area ul li .img:hover:after {z-index: 3; top: 50%; left: 50%; margin: -12.5px 0 0 -12.5px; width: 25px; height: 25px; background: url(/resource/images/common/gallery_thumbs_l_icon.png) no-repeat; background-size: contain;}
.ad_area ul li .img img {z-index: 1; position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0;}
.ad_area .down_btn {margin-top: 23px; width: 100%; text-align: center;}
.layer_img_pop {z-index: 1000; position: fixed; top: 0; left: 0; width: 100%; height: 100%;}
.layer_img_pop .layer_img_pop_mask {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5);}
.layer_img_pop .img_pop_con {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.layer_img_pop .img_pop_con .close_img_pop {position: absolute; top: 0; right: -40px; width: 40px; height: 40px; text-indent: -9999999%; background-color: #fff;}
.layer_img_pop .img_pop_con .close_img_pop:before,
.layer_img_pop .img_pop_con .close_img_pop:after{content: ''; position: absolute; left: 50%; top: 50%; display: block; width: 30px; height: 1px; background-color: #1c1c1c;}
.layer_img_pop .img_pop_con .close_img_pop:before{transform: translate(-50%, -50%) rotate(-45deg); -webkit-transform: translate(-50%, -50%) rotate(-45deg);}
.layer_img_pop .img_pop_con .close_img_pop:after{transform: translate(-50%, -50%) rotate(45deg); -webkit-transform: translate(-50%, -50%) rotate(45deg);}
@media (max-height: 800px) {
  .layer_img_pop img {
    max-height: 90vh;  
    width: auto;      
  }
}

/* brochure_wrap */
.brochure_wrap{overflow: hidden;}
.brochure_wrap .brochure_img{float: left;}
.brochure_wrap .brochure_info{float: right; width: 790px; height: 494px; padding: 70px 50px 0; border-top: 2px solid #f60; background-color: #fff;}
.brochure_wrap .brochure_info h5{margin-bottom: 20px; font-weight: 600; font-size: 22px; color: #1c1c1c;}
.brochure_wrap .brochure_info p{font-weight: 300; color: #1c1c1c; line-height: 32px;}
.brochure_wrap .brochure_info p + p{margin-top: 18px;}
.brochure_wrap .brochure_info .btn_wrap{margin-top: 54px; text-align: left;}
.brochure_wrap .brochure_info .link_btn{min-width: auto; background-position: 85% 50%; font-weight: 300;}
.brochure_wrap .brochure_info .down_btn_white{min-width: auto; background-position: 87% 50%; font-weight: 300;}
.brochure_wrap .brochure_info .notice{padding-left: 10px; margin-top: 10px; font-weight: 400; font-size: 14px; color: #999;}

/* company_info_wrap */
.company_info_wrap{overflow: hidden; margin-bottom: 100px;}
.company_info_wrap:last-child{margin-bottom: 0;}
.company_info_wrap .img_box{width: 660px;}
.company_info_wrap.left .img_box{float: left;}
.company_info_wrap.right .img_box{float: right;}
.company_info_wrap .img_box img{max-width: 100%;}
.company_info_wrap .info_txt_wrap{width: 540px;}
.company_info_wrap.left .info_txt_wrap{float: left;}
.company_info_wrap.right .info_txt_wrap{float: right;}
.company_info_wrap .info_txt_box{padding-bottom: 35px; margin-bottom: 35px; border-bottom: 1px solid #ddd; letter-spacing: -.05em;}
.company_info_wrap.left .info_txt_box{padding-left: 70px;}
.company_info_wrap.left .circle_list{padding-left: 70px;}
.company_info_wrap .info_txt_box h4{margin-bottom: 50px; font-weight: 700; font-size: 30px; color: #f60; line-height: 1;}
.company_info_wrap .info_txt_box .txt1{margin-bottom: 15px; font-weight: 700; font-size: 22px; color: #1c1c1c; line-height: 34px;}
.company_info_wrap .info_txt_box .txt2{color: #666; line-height: 30px;}
.company_info_wrap .circle_list li{margin-bottom: 0; color: #666; line-height: 36px;}

/* company_link_list */
.company_link_list::after{display: block; content: ""; clear: both;}
.company_link_list li{float: left;}
.company_link_list.col3 li{width: 376px; margin-left: 36px;}
.company_link_list.col4 li{width: 280px; margin-left: 26px;}
.company_link_list.col3 li:first-child,
.company_link_list.col4 li:first-child{margin-left: 0;}
.company_link_list .list_link{display: block;}
.company_link_list.col3 .img_box{margin-bottom: 35px;}
.company_link_list.col4 .img_box{margin-bottom: 20px; box-shadow: 15px 13px 18px 0px rgba(0, 0, 0, 0.2);}
.company_link_list .img_box img{max-width: 100%;}
.company_link_list .link_tit{position: relative; font-weight: 700; font-size: 22px; color: #1c1c1c; line-height: 1; letter-spacing: -.05em;}
.company_link_list .link_txt{color: #666;}
.company_link_list.col3 .link_tit{margin-bottom: 20px;}
.company_link_list.col4 .link_tit{padding-bottom: 25px; border-bottom: 1px solid #ddd;}
.company_link_list .link_tit::after{content: ""; position: absolute; right: 4px; top: 4px; width: 12px; height: 12px; border-top: 1px solid #f60; border-right: 1px solid #f60; transform: rotate(45deg); -webkit-transform: rotate(45deg);}
.company_link_list.col3 .link_tit::after{right: 20px;}

/* company_txt_list */
.company_txt_list{overflow: hidden; padding-top: 50px;}
.company_txt_list dl{float: left; position: relative; width: 440px; padding-top: 40px; border-top: 3px solid #eee; letter-spacing: -.05em;}
.company_txt_list dl:last-child{width: 320px;}
.company_txt_list dl::before{content: ""; position: absolute; left: 0; top: -50px; font-weight: 700; font-size: 34px; color: #f60; line-height: 1;}
.company_txt_list dl:nth-child(1)::before{content: "01";}
.company_txt_list dl:nth-child(2)::before{content: "02";}
.company_txt_list dl:nth-child(3)::before{content: "03";}
.company_txt_list dl::after{content: ""; position: absolute; left: 0; top: -3px; width: 36px; height: 3px; background-color: #f60;}
.company_txt_list dt{margin-bottom: 10px; font-weight: 700; font-size: 22px; color: #1c1c1c;}
.company_txt_list dd{color: #666;}

/* video_wrap */
.video_wrap{position: relative; width: 1200px; height: 675px; background-color: #000;}
.video_wrap .video_box{width: 1200px; height: 675px;}
.video_wrap .btn_video{display: block; position: absolute; top: 0; left: 0; width: 1200px; height: 675px;}

/* text_info_wrap */
.text_info_wrap{position: relative; padding-bottom: 80px; border-bottom: 1px solid #ddd;}
.cont_head_text + .text_info_wrap{margin-top: 80px;}
.text_info_wrap .text_info_inner{margin-bottom: 80px;}
.text_info_wrap .sect_tit{margin-bottom: 0; line-height: 44px;}
.text_info_wrap p{margin-top: 40px; color: #666; line-height: 30px;}
.text_info_wrap .em_txt{font-size: 22px; color: #f60;}
.text_info_wrap.col2 .text_info_inner{overflow: hidden;}
.text_info_wrap.col2 .text_info_inner > div{float: left; width: 570px;}
.text_info_wrap.col2 .text_info_inner .right{float: right;}
.text_info_wrap.col2 .text_info_inner .left p:first-child{margin-top: 60px;}
.text_info_wrap.col2 .text_info_inner .right p{margin-top: 51px;}

/* vision_list_wrap */
.vision_list_wrap{height: 540px; padding-top: 140px;}
.vision_list_wrap .top_box{margin-bottom: 70px; color: #fff; text-align: center;}
.vision_list_wrap .top_box .tit{margin-bottom: 20px; font-weight: 600; font-size: 30px;}
.vision_list_wrap .top_box .tit em{color: #f60;}
.vision_list_wrap .top_box .txt{line-height: 26px;}
.vision_list_wrap .vision_list{font-size: 0;}
.vision_list_wrap .vision_list dl{display: inline-block; position: relative; padding-left: 30px; margin-left: 40px; color: #fff;}
.vision_list_wrap .vision_list dl::before{content: ""; position: absolute; left: 0; top: 0; width: 1px; height: 100%; background-color: #ddd; opacity: .3;}
.vision_list_wrap .vision_list dl:first-child{padding-left: 0; margin-left: 0;}
.vision_list_wrap .vision_list dl:first-child::before{display: none;}
.vision_list_wrap .vision_list dt{margin-bottom: 25px; font-weight: 600; font-size: 22px; line-height: 1;}
.vision_list_wrap .vision_list dd{font-size: 16px; line-height: 26px; opacity: .75;}

/* location_map_wrap */
.location_map_wrap .map_area{margin-bottom: 60px; width:1200px; height:600px;}
.location_map_wrap .content_table tbody th{font-weight: 700;}
.location_map_wrap .content_table tbody td{padding: 30px 40px; font-size: 16px; color: #1c1c1c;}
.location_map_wrap .content_table tbody .table_content td{padding: 50px 40px;}
.location_map_wrap .location_info_list{display: inline-block; font-size: 0;}
.location_map_wrap .location_info_list dt,
.location_map_wrap .location_info_list dd{display: inline-block; font-size: 16px;}
.location_map_wrap .location_info_list:last-child dt{margin-left: 30px;}
.location_map_wrap .location_info_list dd{margin-left: 10px;}
.location_map_wrap .location_vehicle_list{overflow: hidden; margin-bottom: 60px;}
.location_map_wrap .location_vehicle_list:last-child{margin-bottom: 0;}
.location_map_wrap .location_vehicle_list dt{float: left; width: 100px;}
.location_map_wrap .location_vehicle_list dd{float: left; width: calc(100% - 100px);}
.location_map_wrap .location_vehicle_list dd li{margin-bottom: 10px;}
.location_map_wrap .location_vehicle_list dd li:last-child{margin-bottom: 0;}
.location_map_wrap .location_vehicle_list .num{display: inline-block; width: 23px; height: 23px; margin-right: 5px; border-radius: 50%; color: #fff; line-height: 23px; text-align: center; vertical-align: 0;}
.location_map_wrap .location_vehicle_list .one{background-color: #0d347f;}
.location_map_wrap .location_vehicle_list .two{background-color: #3b9f37;}
.location_map_wrap .location_vehicle_list .three{background-color: #dd5c32;}
.location_map_wrap .location_vehicle_list .normal_bus span{margin-right: 10px;}
.location_map_wrap .location_vehicle_list .normal_bus .blue{color: #397cc8;}
.location_map_wrap .location_vehicle_list .normal_bus .green{color: #67c54b;}
.location_map_wrap .location_vehicle_list .normal_bus .red{color: #ff5424;}
.location_map_wrap .location_vehicle_list .normal_bus .yellow{color: #ffc516;}
.location_map_wrap .default_btn{width: 180px;}

/* square_icon_list */
.square_icon_list{overflow: hidden;}
.sect_top_txt + .square_icon_list{margin-top: 100px;}
.square_icon_list .square_icon_box{float: left; position: relative; width: 380px; height: 400px; padding: 195px 40px 60px; margin-left: 30px; border: 1px solid #ddd;}
.square_icon_list .square_icon_box:first-child{margin-left: 0;}
.square_icon_list .square_icon_box .tit{position: absolute; left: 40px; top: 70px; font-weight: 600; font-size: 22px; color: #f60; line-height: 28px;}
.square_icon_list .square_icon_box .txt{font-weight: 300; color: #1c1c1c; line-height: 32px;}
.square_icon_list .symbol{position: absolute; right: 40px; top: 40px; width: 125px; height: 125px; background: url(/resource/images/ico/square_list_dot_bg.png) 0 0 no-repeat;}
.square_icon_list .symbol::before{content: ""; position: absolute; left: 50%; top: 50%; width: 80px; height: 80px; margin: -40px 0 0 -40px; background-position: 50%; background-repeat: no-repeat;}
.square_icon_list .trust .symbol::before{background-image: url(/resource/images/ico/ico_circle_trust.png);}
.square_icon_list .people .symbol::before{background-image: url(/resource/images/ico/ico_circle_people.png);}
.square_icon_list .creative .symbol::before{background-image: url(/resource/images/ico/ico_circle_creative.png);}

/* square_icon_list quarter */
.horizon_sect_wrap + .square_icon_list.quarter{margin-top:80px;}
.square_icon_list.quarter .square_icon_box{width:280px; height:300px; margin-left:26px; padding: 145px 0 0 40px;}
.square_icon_list.quarter .square_icon_box:first-child{margin-left:0;}
.square_icon_list.quarter .square_icon_box .tit{top:40px; color:#1c1c1c;}
.square_icon_list.quarter .square_icon_box .txt{font-size:18px; line-height:28px; letter-spacing:-.03em;}
.square_icon_list.quarter .square_icon_box .txt .desc{font-size:14px; color:#999;}
.square_icon_list.quarter .symbol{top:20px; width:100px; height:100px; background: none;}
.square_icon_list.quarter .job_expert .symbol::before{background-image: url(/resource/images/ico/ico_circle_job_expert.png);}
.square_icon_list.quarter .job_training .symbol::before{background-image: url(/resource/images/ico/ico_circle_job_training.png);}
.square_icon_list.quarter .competency .symbol::before{background-image: url(/resource/images/ico/ico_circle_competency.png);}
.square_icon_list.quarter .grade_point .symbol::before{background-image: url(/resource/images/ico/ico_circle_grade_point.png);}

/* square_txt_list */
.horizon_sect_wrap + .square_txt_list{margin-top:50px;}
.square_txt_list{overflow: hidden;}
.square_txt_list > li{float:left; width:380px; height:240px; margin:30px 0 0 30px; padding:35px 40px 40px 50px; background-color:#fff;}
.square_txt_list > li.first{margin-left:0;}
.square_txt_list > li .tit{font-weight: 600; font-size: 22px; color: #1c1c1c; line-height: 34px;}
.square_txt_list > li .tit + .circle_list{margin-top:15px;}
.square_txt_list > li .circle_list li{font-weight: 300; font-size:18px; color: #1c1c1c; line-height: 28px; letter-spacing: -.05em;}
.square_txt_list > li .circle_list li::before{vertical-align: super;}

/* square_img_list */
.square_img_list{overflow: hidden;}
.square_img_list .square_img_box{float: left; width: 380px; margin-left: 30px;}
.square_img_list .square_img_box:nth-child(3n + 1){margin-left: 0;}
.square_img_list .square_img_box:nth-child(1),
.square_img_list .square_img_box:nth-child(2),
.square_img_list .square_img_box:nth-child(3){margin-bottom: 30px;}
.square_img_list .square_img_box .img_box img{max-width: 100%;}
.square_img_list .square_img_box .txt_box{padding: 30px; background-color: #fff;}
.square_img_list .square_img_box .txt_box p{font-size: 16px; color: #1c1c1c;}
.square_img_list .square_img_box .txt_box p em{color: #f60;}

/* ethics_system_wrap */
.ethics_system_inner{position: relative; margin-bottom: 70px; text-align: center;}
.ethics_system_inner .center_txt{position: absolute; font-weight: 700; font-size: 30px; color: #1c1c1c; line-height: 36px;}
.ethics_system_inner .ethics_system_box .engFont{font-size: 16px; color: #f60; letter-spacing: 0;}
.ethics_system_inner .ethics_system_box .tit{margin-bottom: 20px; font-weight: 600; font-size: 22px; color: #1c1c1c;}
.ethics_system_inner .ethics_system_box .txt{font-weight: 300; color: #1c1c1c; line-height: 30px;}
.ethics_system_txt{margin-bottom: 45px; text-align: center;}
.ethics_system_txt .tit{margin-bottom: 20px; font-weight: 600; font-size: 30px; color: #1c1c1c; line-height: 44px;}
.ethics_system_txt .txt{font-size: 22px; color: #666; line-height: 34px;}
.ethics_system_wrap .btn_wrap .default_btn{width: 285px;}

/* ethics */
.ethics .ethics_system_inner .img_box{margin: 0 0 20px 90px; text-align: left;}
.ethics .ethics_system_inner .center_txt{left: 540px; top: 200px;}
.ethics .ethics_system_inner .ethics_system_box.left{position: absolute; left: 26px; top: 110px; text-align: right;}
.ethics .ethics_system_inner .ethics_system_box.right{position: absolute; right: 10px; top: 110px; text-align: left;}

/* sustainability */
.sustainability .ethics_system_inner{padding-bottom: 180px; margin-bottom: 0;}
.sustainability .ethics_system_inner .img_box{margin: 0 0 0 210px; text-align: left;}
.sustainability .ethics_system_inner .center_txt{left: 545px; top: 165px; padding-top: 100px; background: url(/resource/images/ico/ico_circle_trade.png) 50% 0 no-repeat;}
.sustainability .ethics_system_inner .ethics_system_box{position: absolute;}
.sustainability .ethics_system_inner .ethics_system_box.left_top{left: 80px; top: 70px; text-align: right;}
.sustainability .ethics_system_inner .ethics_system_box.right_top{right: 100px; top: 70px; text-align: left;}
.sustainability .ethics_system_inner .ethics_system_box.left_bottom{left: 100px; bottom: 40px; text-align: right;}
.sustainability .ethics_system_inner .ethics_system_box.right_bottom{right: 140px; bottom: 40px; text-align: left;}

/* list_text_bg_wrap */
.horizon_sect_wrap + .list_text_bg_wrap{margin-top: 80px;}
.list_text_bg_wrap .list_text_bg{overflow: hidden;}
.list_text_bg_wrap .list_text_bg li{float: left; width: 280px; margin-left: 26px; border-top: 2px solid #1c1c1c; border-bottom: 1px solid #ddd; color: #1c1c1c;}
.list_text_bg_wrap .list_text_bg li:first-child{margin-left: 0;}
.list_text_bg_wrap .list_text_bg .bg_tit{padding: 15px 20px; background-color: #fafafa; font-weight: 600; font-size: 22px;}
.list_text_bg_wrap .list_text_bg .txt_box{padding: 15px 20px 35px;}
.list_text_bg_wrap .list_text_bg .txt_box .sub_tit{margin-bottom: 5px; font-weight: 600;}
.list_text_bg_wrap .list_text_bg .txt_box .txt{font-weight: 300; line-height: 24px; letter-spacing: -.07em;}

/* list_table_bg_wrap */
.list_table_bg_wrap .list_table_bg{overflow: hidden; position: relative;}
.list_table_bg_wrap .list_table_bg::before{content: ""; position: absolute; left: 0; bottom: 0; width: 1200px; height: 1px; background-color: #979695;}
.list_table_bg_wrap .list_table_bg::after{content: ""; position: absolute; right: 0; top: 0; width: 1px; height: 600px; background-color: #979695;}
.list_table_bg_wrap .list_table_bg li{float: left; position: relative; width: 300px; height: 150px; font-size: 20px; color: #fff; line-height: 150px; text-align: center;}
.list_table_bg_wrap .list_table_bg li::before{content: ""; position: absolute; left: 0; top: 0; width: 1px; height: 150px; background-color: #979695;}
.list_table_bg_wrap .list_table_bg li::after{content: ""; position: absolute; left: 0; top: 0; width: 300px; height: 1px; background-color: #979695;}


/* zoom_img_wrap */
.sect_text_box + .zoom_img_wrap{margin-top: 55px;}
.zoom_img_wrap .zoom_img_list{overflow: hidden;}
.zoom_img_wrap .zoom_img_list li{float: left;}
.zoom_img_wrap .zoom_img_list.col3 li{width: 218px; margin-left: 30px;}
.zoom_img_wrap .zoom_img_list.col3 li:first-child{margin-left: 0;}
.zoom_img_wrap .zoom_img_btn{display: block;}
.zoom_img_wrap .zoom_img_box{overflow: hidden; position: relative; margin-bottom: 20px; border: 1px solid #ddd;}
.zoom_img_wrap .zoom_plus_btn{position: absolute; right: 0; bottom: 0; width: 40px; height: 40px; background-color: #2b2b2b; font-size: 0; text-indent: -9999px;}
.zoom_img_wrap .zoom_plus_btn::before{content: ""; position: absolute; left: 10px; top: 20px; width: 21px; height: 1px; background-color: #fff;}
.zoom_img_wrap .zoom_plus_btn::after{content: ""; position: absolute; left: 20px; top: 10px; width: 1px; height: 21px; background-color: #fff;}
.zoom_img_wrap .zoom_img_txt{letter-spacing: -.05em;}
.zoom_img_wrap .zoom_img_txt h5{margin-bottom: 5px; font-weight: 700; font-size: 22px; color: #1c1c1c;}
.zoom_img_wrap .zoom_img_txt p{font-weight: 600; color: #f60;}

/* zoom_pop_wrap */
.zoom_pop_wrap{overflow-y: auto; display:none; position: fixed; left: 0; top: 0; z-index:1001; width: 100%; height: 100%; background-color: rgba(0,0,0,.5); text-align: center;}
.pop_open .zoom_pop_wrap{display:block;}
.zoom_pop_inner{display: inline-block; position: relative; padding: 100px 0;}
.zoom_pop_btn{position: absolute; right:0; top: 50px;}
.zoom_pop_btn .zoom_btn_close{display:block; width:33px; height:33px; text-indent:-9999px;}
.zoom_pop_btn .zoom_btn_close::before,
.zoom_pop_btn .zoom_btn_close::after{content:""; display:block; position:absolute; background:#fff; -webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
.zoom_pop_btn .zoom_btn_close::before{left:0; top:16px; width:33px; height:2px;}
.zoom_pop_btn .zoom_btn_close::after{left:16px; top:0; width:2px; height:33px;}
.quality_circle_list{margin: 30px 0;}
.quality_circle_list li{font-weight: 400;}

/* list_info_number_wrap */
.sect_text_box + .list_info_number_wrap{margin-top: 70px;}
.list_info_number_wrap .list_info_number_box{position: relative; margin-bottom: 40px; color: #1c1c1c;}
.list_info_number_wrap .list_info_number_box::before{content: ""; position: absolute; left: -240px; top: 0; font-family: "HanwhaWeb"; font-weight: 700; font-size: 60px; color: #eee; line-height: 1;}
.list_info_number_wrap .list_info_number_box:nth-child(1)::before{content: "01";}
.list_info_number_wrap .list_info_number_box:nth-child(2)::before{content: "02";}
.list_info_number_wrap .list_info_number_box:nth-child(3)::before{content: "03";}
.list_info_number_wrap .list_info_number_box:nth-child(4)::before{content: "04";}
.list_info_number_wrap .list_info_number_box:last-child{margin-bottom: 0;}
.list_info_number_wrap .list_info_number_box dt{margin-bottom: 20px; font-weight: 600; font-size: 22px; line-height: 34px;}
.list_info_number_wrap .list_info_number_box dd{font-weight: 300; font-size: 18px; line-height: 32px;}

/* list_circle_number_wrap */
.list_circle_number_wrap{padding: 40px 150px 40px 20px; margin-top: 25px; border: 1px solid #ddd; font-size: 0; line-height: 1;}
.list_circle_number_wrap li{display: inline-block; margin-left: 20px; font-size: 16px; letter-spacing: -.05em;}
.list_circle_number_wrap li em{color: #f60;}
.list_circle_number_wrap li:nth-child(1),
.list_circle_number_wrap li:nth-child(2),
.list_circle_number_wrap li:nth-child(3){margin-bottom: 20px;}
.list_circle_number_wrap li::before{content: ""; display: inline-block; width: 12px; height: 12px; padding: 2px; margin-right: 3px; border: 1px solid #f60; border-radius: 50%; font-size: 14px; color: #f60; line-height: 12px; text-align: center; vertical-align: 0;}
.list_circle_number_wrap li:nth-child(1)::before{content: "1";}
.list_circle_number_wrap li:nth-child(2)::before{content: "2";}
.list_circle_number_wrap li:nth-child(3)::before{content: "3";}
.list_circle_number_wrap li:nth-child(4)::before{content: "4";}
.list_circle_number_wrap li:nth-child(5)::before{content: "5";}
.list_circle_number_wrap li:nth-child(6)::before{content: "6";}

/* list_info_icon_wrap */
.list_info_icon_wrap::after{display: block; content: ""; clear: both;}
.cont_head + .list_info_icon_wrap{margin-top: 50px;}
.list_info_icon_wrap + .cont_head{margin-top: 90px;}
.list_info_icon_wrap + .btn_wrap{margin-top: 125px;}
.list_info_icon_wrap li{float: left; position: relative; width: 400px; padding-left: 100px; font-weight: 300; font-size: 18px; color: #1c1c1c; line-height: 30px;}
.list_info_icon_wrap li .symbol{position: absolute; left: 10px; top: -5px; width: 70px; height: 70px; background-position: 50%; background-repeat: no-repeat;}
.list_info_icon_wrap .mountain .symbol{background-image: url(/resource/images/ico/ico_info_mountain.png);}
.list_info_icon_wrap .zoom .symbol{background-image: url(/resource/images/ico/ico_info_zoom.png);}
.list_info_icon_wrap .apple .symbol{background-image: url(/resource/images/ico/ico_info_apple.png);}
.list_info_icon_wrap .common .symbol{background-image: url(/resource/images/ico/ico_info_common.png);}
.list_info_icon_wrap .earth .symbol{background-image: url(/resource/images/ico/ico_info_earth.png);}
.list_info_icon_wrap .hand .symbol{background-image: url(/resource/images/ico/ico_info_hand.png);}
.list_info_icon_wrap .benefit .symbol{background-image: url(/resource/images/ico/ico_info_benefit.png);}
.list_info_icon_wrap .people .symbol{background-image: url(/resource/images/ico/ico_info_people.png);}

/* link_bg_banner */
.link_bg_banner{position: relative; width: 1200px; height: 327px; padding: 55px 0 0 50px; background-position: 0 0; background-repeat: no-repeat;}
.list_step_number_wrap + .link_bg_banner{margin-top: 80px;}
.link_bg_banner.new{background-image: url(/resource/images/sub/recruit/recruit_info_banner_new.jpg);}
.link_bg_banner.old{background-image: url(/resource/images/sub/recruit/recruit_info_banner_old.jpg);}
.link_bg_banner .tit{margin-bottom: 20px; font-size: 22px; color: #fff; line-height: 32px;}
.link_bg_banner .txt{margin-bottom: 45px; font-size: 16px; color: #fff;}
.link_bg_banner .link_btn{min-width: auto;}

/* recruit_slider_wrap */
.horizon_sect_wrap + .recruit_slider_wrap{margin-top: 55px;}
.recruit_slider{overflow: visible;}
.recruit_slider .benefit_list{position: absolute; left: 110px; top: 150px; color: #fff; opacity: 0; transition: top .3s ease-in-out, opacity .3s ease-in-out; -webkit-transition: top .5s ease-in, opacity .5s ease-in;}
.recruit_slider .swiper-slide-active .benefit_list{top: 95px; opacity: 1;}
.recruit_slider .benefit_list .tit{margin-bottom: 20px; font-weight: 700; font-size: 30px;}
.recruit_slider .benefit_list li{margin-bottom: 15px; font-weight: 300; font-size: 18px;}
.recruit_slider .benefit_list li:last-child{margin-bottom: 0;}
.recruit_slider .benefit_list li:nth-child(1),
.recruit_slider .benefit_list li:nth-child(2),
.recruit_slider .benefit_list li:nth-child(3){font-weight: 600;}
.recruit_slider .benefit_list li::before{content: ""; display: inline-block; width: 3px; height: 3px; margin-right: 8px; background-color: #ddd; vertical-align: middle;}
.recruit_slider_wrap .navigation{position: absolute; left: 0; bottom: -40px; z-index: 1000; width: 330px; height: 80px; padding-top: 26px; background-color: #333; text-align: center; box-sizing: border-box;}
.recruit_slider_wrap .navigation .navi_btn{overflow: hidden; display: inline-block; width: 31px; height: 20px; font-size: 0; text-indent: -9999px; vertical-align: middle;}
.recruit_slider_wrap .navigation .prev{background: url(/resource/images/main/slide_arrow_prev.png) 0 50% no-repeat;}
.recruit_slider_wrap .navigation .next{background: url(/resource/images/main/slide_arrow_next.png) 0 50% no-repeat;}
.recruit_slider_wrap .navigation .progress{display: inline-block; position: relative; width: 43px; height: 28px; margin: 0 30px; vertical-align: middle;}
.recruit_slider_wrap .navigation .progress::before{content: ""; position: absolute; left: 3px; top: 15px; width: 37px; height: 1px; background-color: #fff; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); opacity: .5;}
.recruit_slider_wrap .navigation .progress span{position: absolute; font-size: 16px; color: #fff; line-height: 1;}
.recruit_slider_wrap .navigation .progress .num{left: 0; top: 0;}
.recruit_slider_wrap .navigation .progress .max{right: 0; bottom: 0; opacity: .5;}

/* job_info_wrap */
.job_info_wrap{overflow:hidden; width:1020px; margin: 0 auto;}
.job_info_wrap .job_info_box{float:left; width:300px; margin-left:60px;}
.job_info_wrap .job_info_box:first-child{margin-left:0;}
.job_info_wrap .job_info_box h4{margin-bottom:40px; font-size:30px; color:#333; text-align:center; font-weight: 600; letter-spacing: -.05em;}
.job_info_wrap .job_info_box h4 span{display:block; position: relative; padding-top:145px;}
.job_info_wrap .job_info_box h4 span::before{content: ""; position: absolute; left:50%; top:25px; transform: translateX(-50%); width: 130px; height: 100px; background: url(/resource/images/sub/recruit/ico_detail_jop.png) left top repeat-x; background-size: 300% auto;}
.job_info_wrap .job_info_box.box1 h4 span::before{background-position-x: 0;}
.job_info_wrap .job_info_box.box2 h4 span::before{background-position-x: -100%;}
.job_info_wrap .job_info_box.box3 h4 span::before{background-position-x: -200%;}
.job_info_wrap .job_info_box .job_info_list{border-top:2px solid #d2d2d2; border-bottom:1px solid #eee;}
.job_info_wrap .job_info_box .job_info_list li{border-top:1px solid #eee;}
.job_info_wrap .job_info_box .job_info_list li:first-child{border-top:0;}
.job_info_wrap .job_info_box .job_info_list li a{display:inline-block; position: relative; padding:13px 10px 13px 20px; width:100%; height:100%; font-size: 22px; color:#1c1c1c; letter-spacing: -.05em;}
.job_info_wrap .job_info_box .job_info_list li a:hover,
.job_info_wrap .job_info_box .job_info_list li a:focus{color:#f60;}
.job_info_wrap .job_info_box .job_info_list li a::before{content: ""; position: absolute; left:0; top:50%; transform: translateY(-50%); width:3px; height:3px; background-color: #f60;}
.job_info_wrap .job_info_box .job_info_list li a::after{content: ''; display: block; position: absolute; right:22px; top:50%; transform: translateY(-50%); width: 8px; height: 8px; border-top: 2px solid #f60; border-left: 2px solid #f60; transform: rotate(135deg); -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg);}

/* jabPopupLayer */
#jabPopupLayer{display:none; z-index:1000; position: fixed; left:0; top:0; width:100%; height:100%;}
#jabPopupLayer.open{display:block;}
#jabPopupLayer .dim{display: none; position: fixed; left: 0px; top: 0px; z-index: 998; width: 100%; height:100%; background-color: #000; opacity: .6;}
#jabPopupLayer .dim.on{display:block;}
#jabPopupLayer .popup_wrap{position: absolute; left:50%; top:5%; z-index: 999; transform: translateX(-50%); width:1200px; height:800px;}
#jabPopupLayer .popup_wrap .popup_cont{position: relative; overflow-y:auto; padding:100px 90px; width:100%; height:100%; background-color: #fff;}
#jabPopupLayer .popup_wrap .popup_cont::after{display: block; clear: both; content: "";}
#jabPopupLayer .popup_wrap .popup_cont .cont{display:none;}
#jabPopupLayer .popup_wrap .popup_cont .cont.active{display:block;}
#jabPopupLayer .popup_wrap .popup_cont h4{float:left; margin-top:-10px; width:270px; font-size:60px; color:#1c1c1c; font-weight: 700; letter-spacing: -.05em; line-height: 1.25em;}
#jabPopupLayer .popup_wrap .popup_cont h4 span{position: relative; margin-top:15px; padding-top:22px; display:block; font-size:18px; line-height: 1.125em; letter-spacing: -.03em;}
#jabPopupLayer .popup_wrap .popup_cont h4 span::before{content: ""; position: absolute; left:0; top:0; width:25px; height:2px; background-color: #d2d2d2;}
#jabPopupLayer .popup_wrap .popup_cont .right_wrap{float:left; width:730px;}
#jabPopupLayer .popup_wrap .popup_cont .right_wrap .inner{margin-bottom:80px;}
#jabPopupLayer .popup_wrap .popup_cont .right_wrap .inner:last-child{margin-bottom:0;}
#jabPopupLayer .popup_wrap .popup_cont .right_wrap h5{margin-bottom:30px; font-weight: 600; font-size:22px; color:#f60; letter-spacing: -.05em;}
#jabPopupLayer .popup_wrap .popup_cont .right_wrap .txt{font-weight: 300; color:#1c1c1c; letter-spacing: -.05em; line-height: 32px;}
#jabPopupLayer .popup_wrap .popup_cont .right_wrap .txt + .txt{margin-top: 30px;}
#jabPopupLayer .popup_wrap .popup_cont .right_wrap .txt.strong{font-weight: 600; font-size:22px; line-height: 34px;}
#jabPopupLayer .popup_wrap .popup_cont .right_wrap .list li{position: relative; padding-left:13px; font-weight: 300; color:#1c1c1c;}
#jabPopupLayer .popup_wrap .popup_cont .right_wrap .list li::before{content: ""; position: absolute; left:0; top:12px; width:3px; height:3px; background-color: #f60;}
#jabPopupLayer .popup_wrap .popup_cont .right_wrap .list li span{font-weight: 600;}
#jabPopupLayer .popup_wrap .popup_close{position: absolute; right:30px; top:20px;}
.chart_wrap .chart_box{position: relative;}
.chart_wrap .chart_legend{position: absolute; right: 0; top: -30px; font-size: 14px; color: #999;}
.chart_wrap .chart_color{display: inline-block; width: 10px; height: 10px; margin-right: 10px;}
.chart_wrap .chart_legend_list{overflow: hidden;}
.chart_wrap .chart_legend_list li{float: left; margin-left: 20px;}
.chart_wrap .chart_legend_list li:first-child{margin-left: 0;}
.chart_wrap.col2::after{display: block; content: ""; clear: both;}
.chart_wrap.col2 .chart_box{float: left; width: 550px;}
.chart_wrap.col2 .chart_box:last-child{float: right;}
.recruit_info .sect_text_box .top_tit + .top_txt{margin-top: 5px;}

/* graphic_slider_wrap */
.horizon_sect_wrap + .graphic_slider_wrap{margin-top: 55px;}
.graphic_slider{padding-bottom: 60px;}
.graphic_slider .pattern_list{overflow: hidden; margin: 50px 0 20px;}
.graphic_slider .pattern_list li{float: left; margin-left: 24px;}
.graphic_slider .pattern_list li:first-child{margin-left: 0;}
.graphic_slider .pattern_list li p{margin-bottom: 15px; font-family: 'myriad-pro', sans-serif; font-size: 24px; color: #1c1c1c; letter-spacing: -.02em;}
.graphic_slider .pattern_txt{font-weight: 300; color: #1c1c1c; line-height: 32px;}
.graphic_slider .swiper-pagination-progressbar{left: 0; top: auto; bottom: 16px; max-width: 1085px; background-color: #eee;}
.graphic_slider .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background-color: #f60;}
.graphic_slider .swiper-button-next, .graphic_slider .swiper-button-prev{width: 38px; height: 38px; border: 1px solid #d3d3d3; border-radius: 50%;}
.graphic_slider .swiper-button-next{top: auto; right: 0; bottom: 0; background: url(/resource/images/main/main_social_next.png) 50% no-repeat;}
.graphic_slider .swiper-button-prev{left: auto; top: auto; right: 47px; bottom: 0; background: url(/resource/images/main/main_social_prev.png) 50% no-repeat;}
.graphic_slider .swiper-button-next::after,
.graphic_slider .swiper-button-prev::after{content: "";}

/* master piece common */
.container.mp{line-height: 1.7; padding-top: 100vh;}
.container.mp .txt_box .subject{margin-top: -7px; font-weight: 700; font-size: 30px; color: #1c1c1c; line-height: 1.3; letter-spacing: -0.05em;}
.container.mp .txt_box .subject .sub{font-size: 18px;}
.container.mp .txt_box .subject .engFont{font-size: 33px; line-height: 1;}
.container.mp .txt_box .cont{margin-top: 29px;}
.container.mp .txt_box .prgrph{margin-top: 41px; font-weight: 300; font-size: 18px; color: #1c1c1c;}
.container.mp .txt_box .prgrph:first-child{margin-top: 0;}
.container.mp .content{background-color: #fff;}

.visual_mp{overflow: hidden; position: fixed; top: 0; left: 0; right: 0; z-index: -2; min-width: 1200px; height: 100vh; padding: 100px 0 80px; text-align: center;}
.visual_mp::before{content:''; position:absolute; left:0; top:0; z-index:-1; width:100%; height:100%; opacity:0; -webkit-transform:scale(1.12); transform:scale(1.12); -webkit-transition:opacity 1.5s, transform 2s; transition:opacity 1.5s, transform 2s; background-color:#999; background-position:50% 50%; background-repeat:no-repeat; background-size:cover;}
.visual_mp.trans::before{opacity:1; -webkit-transform:scale(1); transform:scale(1);}
.visual_mp.vi_newcity::before{background-image:url(/resource/images/sub/masterpiece/img_visual_newcity.jpg);}
.visual_mp.vi_arena::before{background-image:url(/resource/images/sub/masterpiece/img_visual_arena.jpg);}
.visual_mp.vi_galleria::before{background-image:url(/resource/images/sub/masterpiece/img_visual_galleria.jpg);}
.visual_mp.vi_pap::before{background-image:url(/resource/images/sub/masterpiece/img_visual_pap.jpg);}
.visual_mp.vi_expressway::before{background-image:url(/resource/images/sub/masterpiece/img_visual_expressway.jpg);}
.visual_mp.vi_inspire::before{background-image:url(/resource/images/sub/masterpiece/img_visual_inspire.jpg);}
.visual_mp::after{display: inline-block; height: 100%; content: ""; vertical-align: middle;}
.visual_mp .vi_tit_wrap{display: inline-block; height: 95px; color: #fff; line-height: 1; vertical-align: middle;}
.visual_mp .vi_tit{position: relative; width: 1000px; height: 95px; margin-top: -45px;}
.visual_mp .sub_txt{margin-bottom: 15px; font-weight: 700; font-size: 20px;}
.visual_mp .h_tit{overflow: hidden; position: absolute; bottom: 0; left: 0; width: 100%; height: 0; font-weight: 700; font-size: 60px; -webkit-transition: height .3s .6s; transition: height .3s .6s;}
.visual_mp .h_tit .txt{display: block; overflow: hidden; position: absolute; left: 0; bottom: 0; width: 100%; height: 60px;}
.visual_mp.trans .h_tit{height: 60px;}
.visual_mp .visual_dim{position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #000; opacity: 0;}
.tab_mp_wrap{position: absolute; top: -80px; left: 0; right: 0; height: 80px;}
.tab_mp_box{background-color: rgba(28, 28, 28, 0.5); font-size: 0; text-align: center; -webkit-transition: background .3s ease-in-out; transition: background .3s ease-in-out;}
.tab_mp{display: inline-block; width: 100%; -webkit-transition: width .3s ease-in-out; transition: width .3s ease-in-out;}
.tab_mp .tab_mp_li{display: inline-block; width: 200px; border-left: 1px solid rgba(255, 255, 255, 0.4);}
.tab_mp .tab_mp_li:first-child{border-left: 0;}
.tab_mp .tab_mp_li:nth-child(1):nth-last-child(2),
.tab_mp .tab_mp_li:nth-child(2):nth-last-child(1){width: calc(100% / 2);}
.tab_mp .tab_mp_li:nth-child(1):nth-last-child(3),
.tab_mp .tab_mp_li:nth-child(2):nth-last-child(2),
.tab_mp .tab_mp_li:nth-child(3):nth-last-child(1){width: calc(100% / 3);}
.tab_mp .tab_mp_li:nth-child(1):nth-last-child(4),
.tab_mp .tab_mp_li:nth-child(2):nth-last-child(3),
.tab_mp .tab_mp_li:nth-child(3):nth-last-child(2),
.tab_mp .tab_mp_li:nth-child(4):nth-last-child(1){width: calc(100% / 4);}
.tab_mp .tab_mp_li:nth-child(1):nth-last-child(5),
.tab_mp .tab_mp_li:nth-child(2):nth-last-child(4),
.tab_mp .tab_mp_li:nth-child(3):nth-last-child(3),
.tab_mp .tab_mp_li:nth-child(4):nth-last-child(2),
.tab_mp .tab_mp_li:nth-child(5):nth-last-child(1){width: calc(100% / 5);}
.tab_mp .tab_mp_link{display: block; font-size: 18px; color: #fff; height: 80px; line-height: 80px; letter-spacing: -0.05em; -webkit-transition: height .3s, line-height .3s, color .3s, background .3s; transition: height .3s, line-height .3s, color .3s, background .3s;}
.tab_mp .tab_mp_li .tab_mp_link:hover,
.tab_mp .tab_mp_li.current .tab_mp_link{background-color: #000;}
.tab_mp_box.active{position: fixed; top: 0; left: 0; right: 0; z-index: 100; min-width: 1200px; background-color: #fff; border-bottom: 1px solid #ddd; -webkit-transition: margin .3s ease-in-out, background .3s ease-in-out; transition: margin .3s ease-in-out, background .3s ease-in-out;}
.tab_mp_box.active .tab_mp_li{margin-bottom: -1px;}
.tab_mp_box.active .tab_mp_link{height: 70px; line-height: 70px; color: #666;}
.tab_mp_box.active .tab_mp_li .tab_mp_link:hover,
.tab_mp_box.active .tab_mp_li.current .tab_mp_link{background-color: transparent; color: #f60; border-bottom: 2px solid #f60;}

.scrDown .tab_mp_box.active{margin-top: -70px;}

.mp_sect_inner{position: relative; width: 1200px; margin: 0 auto;}
.mp_sect_feat{overflow: hidden; position: relative;}
.mp_sect_feat::before{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: 50% 100%; content: "";}
.feat_shadow{position: absolute; bottom: 0; left: 0; width: 100%; height: 246px; background: linear-gradient(180deg, rgba(0,0,0,0) 10%, rgba(0,0,0,1) 100%); opacity: 0.7; content: "";}
.mp_sect_feat_inner{overflow: hidden; position: relative; max-width: 1920px; margin: 0 auto; padding: 100px 0 130px;}
.mp_feat_info{border-bottom: 1px solid #d2d2d2;}
.mp_feat_info::after{display: block; clear: both; content: "";}
.mp_feat_info>li{float: left; position: relative; height: 91px; padding: 0 38px 0 37px;}
.mp_feat_info>li::before{display: block; position: absolute; bottom: 0; left: 0; height: 22px; width: 1px; background-color: #d2d2d2; content: "";}
.mp_feat_info>li:first-child::before{display: none;}
.mp_feat_info+.mp_feat_main{margin-top: 100px;}
.mp_feat_info .ctg{display: block; font-weight: 700; font-size: 14px; color: #f60;}
.mp_feat_info .cont{display: block; margin-top: 1px; font-weight: 600; font-size: 20px; line-height: 1.2; color: #1c1c1c;}
.mp_feat_info .cont .subtxt{font-size: 16px;}
.mp_feat_main::after{display: block; clear: both; content: "";}
.mp_feat_main .main{float: left; width: 400px; padding-left: 110px; font-weight: 700; font-size: 30px; color: #1c1c1c;}
.mp_feat_main .main .hanwhaFont{color: #f60; vertical-align: 2px;}
.mp_feat_main .sub{float: left; width: 800px; padding-left: 110px; font-weight: 300; color: #1c1c1c;}
.mp_feat_main .sub .prgrph+.prgrph{margin-top: 30px;}
.mp_feat_box{font-size: 0; text-align: center; opacity: 0; visibility: hidden; -webkit-transform: translateY(30px); transform: translateY(30px);}
.mp_sect_feat.active .mp_feat_box{opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: visibility 100ms 700ms, opacity 1000ms 700ms, transform 800ms 700ms; transition: visibility 100ms 700ms, opacity 1000ms 700ms, transform 800ms 700ms;}
.mp_feat_main+.mp_feat_box_wrap{margin-top: 310px;}
.mp_feat_box>li{display: inline-block; position: relative; width: 280px; height: 326px; vertical-align: top; margin-left: 20px; -webkit-transition: transform .8s ease; transition: transform .8s ease;}
.mp_feat_box>li:first-child{margin-left: 0;}
.mp_feat_box .detail{position: relative; width: 280px; height: 326px; padding: 38px 29px; background-repeat: no-repeat; background-position: 0 0; text-align: left;}
.mp_feat_box .detail .info{position: absolute; top: 193px; left: 29px; font-size: 14px; color: #fff; line-height: 1.7;}
.mp_feat_box .cover{overflow: hidden; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 326px; -webkit-transition: height .8s ease; transition: height .8s ease;}
.mp_feat_box .cover .cover_inner{position: absolute; top: 42px; left: 34px; width: 212px; height: 242px; padding-top: 68px; background-repeat: repeat; background-position: 0 0;}
.mp_feat_box .tit{font-size: 18px; color: #000;}
.mp_feat_box .cont{color: #fff; line-height: 1.1;}
.mp_feat_box .cont .txt{font-size: 42px;}
.mp_feat_box .cont .num{font-size: 56px;}
.mp_feat_box .cont .subtxt{font-size: 26px; vertical-align: 1px;}
.mp_feat_box .cont .subtxt sup{font-size: 16px;}
.mp_feat_box .cover .cont{margin-top: 2px;}
.mp_feat_box .detail .num{display: inline-block; margin-top: -7px;}
.mp_feat_box>li:hover{-webkit-transform: translateY(-30px); transform: translateY(-30px);}
.mp_feat_box>li:hover .cover{height: 0;}
.mp_feat_box .detail{background-color: #333;}
.mp_feat_box .cover{background-color: #666;}
.mp_feat_box .cover .cover_inner{background-color: #999;}
.mp_sect .mp_sect_inner{position: relative;}
.mp_sect_inner::after{display: block; clear: both; content: "";}
.mp_sect_inner_cont::after{display: block; clear: both; content: "";}
.mp_sect .txt_sticker{position: absolute; font-size: 12px; color: #ddd; letter-spacing: 1px; text-transform: uppercase;}
.mp_sect .box_wrap{float: left;}
.mp_sect_video{background-color: #f6f6f6;}
.mp_sect_video .mp_sect_inner{padding: 120px 0 120px;}
.mp_sect_video .mp_video_wrap{position: relative; width: 1200px; height: 675px; background-color: #000;}
.mp_sect_video .btn_video{display: block; position: absolute; top: 0; left: 0; width: 1200px; height: 675px;}
.mp_sect_video .video_box{width: 1200px; height: 675px;}

.container.mp .style_box{position: relative;}
.container.mp .style_box::before{position: absolute; height: 0; top: 0; right: 0; left: 0; background-color: #a0b7ed; opacity: 0; content: "";}
.container.mp .style_box.active_bg::before{opacity: 1; height: 100%; -webkit-transition: opacity 500ms, height 500ms cubic-bezier(0.585, 0.140, 0.235, 1.030); transition: opacity 500ms, height 500ms cubic-bezier(0.585, 0.140, 0.235, 1.030);}
.container.mp .style_box.active_bg .img_box{opacity: 1; height: 100%; -webkit-transition: opacity 400ms 450ms, height 400ms 450ms; transition: opacity 400ms 450ms, height 400ms 450ms;}
.container.mp .style_box .img_box{overflow: hidden; position: absolute; height: 0; width: 0; -webkit-animation-duration: 650ms; animation-duration: 650ms; -webkit-animation-timing-function: cubic-bezier(0.585, 0.14, 0.235, 1.03); animation-timing-function: cubic-bezier(0.585, 0.14, 0.235, 1.03); -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards;}
.container.mp .style_box .img_box img{position: absolute;}
.container.mp .style_box .img_box.delay2n{-webkit-animation-delay: 200ms; animation-delay: 200ms;}
.container.mp .style_box .img_box.delay3n{-webkit-animation-delay: 400ms; animation-delay: 400ms;}
.container.mp .style_box.fadeInTopDown .img_box{-webkit-animation-name: fadeInTopDown; animation-name: fadeInTopDown;}
.container.mp .style_box.fadeInTopDown .img_box img{left: 0; top: 0;}
.container.mp .style_box.fadeInLeftRight .img_box{-webkit-animation-name: fadeInLeftRight; animation-name: fadeInLeftRight;}
.container.mp .style_box.fadeInLeftRight .img_box img{left: 0; top: 0;}
.container.mp .style_box.fadeInRightLeft .img_box{-webkit-animation-name: fadeInRightLeft; animation-name: fadeInRightLeft;}
.container.mp .style_box.fadeInRightLeft .img_box img{right: 0; top: 0;}

@-webkit-keyframes fadeInTopDown{
  0%{top: 0; width: 100%; opacity: 0; height: 0;}
  100%{top: 0; width: 100%; opacity: 1; height: 100%;}
}
@keyframes fadeInTopDown{
  0%{top: 0; width: 100%; opacity: 0; height: 0;}
  100%{top: 0; width: 100%; opacity: 1; height: 100%;}
}
@keyframes fadeInTopDown{
  0%{top: 0; width: 100%; opacity: 0; height: 0;}
  100%{top: 0; width: 100%; opacity: 1; height: 100%;}
}
@-webkit-keyframes fadeInLeftRight{
  0%{left: 0; height: 100%; opacity: 0; width: 0;}
  100%{left: 0; height: 100%; opacity: 1; width: 100%;}
}
@keyframes fadeInLeftRight{
  0%{left: 0; height: 100%; opacity: 0; width: 0;}
  100%{left: 0; height: 100%; opacity: 1; width: 100%;}
}
@-webkit-keyframes fadeInRightLeft{
  0%{right: 0; height: 100%; opacity: 0; width: 0;}
  100%{right: 0; height: 100%; opacity: 1; width: 100%;}
}
@keyframes fadeInRightLeft{
  0%{right: 0; height: 100%; opacity: 0; width: 0;}
  100%{right: 0; height: 100%; opacity: 1; width: 100%;}
}

.mp_sect_quot{padding: 108px 0 96px; background-color: #000; font-style: italic; color: #fff; text-align: center;}
.mp_sect_quot .txt_main{font-weight: 700; font-size: 30px;}
.mp_sect_quot .txt_sub{margin-top: 3px;}

.mp_slide{overflow: hidden; position: relative; height: 737px;}
.txt_box+.mp_slide{margin-top: 53px;}
.mp_slide+.txt_box{margin-top: 115px;}

.mp_slide .navigation{position: absolute; left: 0; bottom: 0; z-index: 10; width: 330px; height: 80px; padding-top: 26px; background-color: #333; text-align: center; box-sizing: border-box;}
.mp_slide .navigation .navi_btn{overflow: hidden; display: inline-block; width: 31px; height: 20px; font-size: 0; text-indent: -9999px; vertical-align: middle;}
.mp_slide .navigation .prev{background: url(/resource/images/main/slide_arrow_prev.png) 0 50% no-repeat;}
.mp_slide .navigation .next{background: url(/resource/images/main/slide_arrow_next.png) 0 50% no-repeat;}
.mp_slide .navigation .progress{display: inline-block; position: relative; width: 43px; height: 28px; margin: 0 30px; vertical-align: middle;}
.mp_slide .navigation .progress::before{content: ""; position: absolute; left: 3px; top: 15px; width: 37px; height: 1px; background-color: #fff; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); opacity: .5;}
.mp_slide .navigation .progress span{position: absolute; font-size: 16px; color: #fff; line-height: 1;}
.mp_slide .navigation .progress .num{left: 0; top: 0;}
.mp_slide .navigation .progress .max{right: 0; bottom: 0; opacity: .5;}
.mp_sect_pr{position: relative; overflow: hidden; height: 850px;}
.mp_sect_pr .img_pr{position: absolute; width: 100%; bottom: 0; left: 0; background-position-x: 50%; background-position-y: 0; background-repeat: no-repeat; background-size: cover;}
.mp_sect_pr2{position: relative; overflow: hidden; height: 450px;}
.mp_sect_pr2 .img_pr{position: absolute; width: 100%; bottom: 0; left: 0; background-position-x: 50%; background-position-y: 0; background-repeat: no-repeat; background-size: cover;}
.mp_sect_link .btn_link{display: block; position: relative; overflow: hidden; height: 350px; color: #fff; text-align: center;}
.mp_sect_link .btn_link::after{display: inline-block; width: 0; height: 100%; vertical-align: middle; content: "";}
.mp_sect_link .btn_link::before{content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-position:50% 50%; background-repeat:no-repeat; background-size:cover; -webkit-transition: transform 2s; transition: transform 2s;}
.mp_sect_link .btn_link:hover::before{-webkit-transform:scale(1.06); transform:scale(1.06);}
.mp_sect_link .btn_link .btn_inner{position: relative; z-index: 1; display: inline-block; vertical-align: middle;}
.mp_sect_link .btn_link .sub{display: block; font-size: 20px; line-height: 1;}
.mp_sect_link .btn_link .main{display: block; margin-top: 12px; font-weight: 700; font-size: 40px; line-height: 1;}

.fixed_image {display: block; position: relative; overflow: hidden; height: 450px;}
.fixed_image::before {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover;}

/* newcity */
.newcity .mp_sect_feat::before{background-image: url(/resource/images/sub/masterpiece/bg_feat_newcity.png);}
.newcity .mp_sect_feat_inner{padding: 100px 0 120px;}
.newcity .mp_sect_feat .structure{position: absolute; bottom: 0; left: 50%; width: 1200px; height: 0; margin-left: -600px;}
.newcity .mp_sect_feat .structure .structure_bg,
.newcity .mp_sect_feat .structure .structure_a,
.newcity .mp_sect_feat .structure .structure_b{position: absolute; bottom: 0; display: block; background-repeat: no-repeat; background-position: 50% 0;}
.newcity .mp_sect_feat .structure .structure_bg{left: -360px; width: 1920px; height: 797px; background-image: url(/resource/images/sub/masterpiece/bg_feat_structure_bg.png); -webkit-transform: translateY(220px); transform: translateY(220px);}
.newcity .mp_sect_feat .structure .structure_a,
.newcity .mp_sect_feat .structure .structure_b{-webkit-transform: translateY(170px); transform: translateY(170px);}
.newcity .mp_sect_feat .structure .structure_a{left: -360px; bottom: -1px; width: 700px; height: 640px; background-image: url(/resource/images/sub/masterpiece/bg_feat_structure_a.png);}
.newcity .mp_sect_feat .structure .structure_b{right: -360px; bottom: -1px; width: 995px; height: 550px; background-image: url(/resource/images/sub/masterpiece/bg_feat_structure_b.png);}
.newcity .mp_sect_feat.active .structure_bg{-webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: transform 1200ms 200ms; transition: transform 1200ms 200ms;}
.newcity .mp_sect_feat.active .structure_a,
.newcity .mp_sect_feat.active .structure_b{-webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: transform 900ms; transition: transform 900ms;}
.newcity .mp_feat_box .tit{color: #d5c59f;}
.newcity .mp_feat_box .cover{background-color: #917864;}
.newcity .mp_feat_box .cover .cover_inner{background-image: url(/resource/images/sub/masterpiece/bg_feat_figure_brw2.png);}
.newcity .mp_feat_box .type_a .num:nth-child(3){margin-left: 7px;}
.newcity .mp_feat_box .type_a .detail{background-image: url(/resource/images/sub/masterpiece/bg_feat_figure_newcity_a.jpg);}
.newcity .mp_feat_box .type_b .detail{background-image: url(/resource/images/sub/masterpiece/bg_feat_figure_newcity_b.jpg);}
.newcity .mp_feat_box .type_c .detail{background-image: url(/resource/images/sub/masterpiece/bg_feat_figure_newcity_c.jpg);}
.newcity .mp_feat_box .type_d .detail{background-image: url(/resource/images/sub/masterpiece/bg_feat_figure_newcity_d.jpg);}
.newcity .mp_feat_box .type_c .cont{margin-top: 11px;}
.newcity .mp_feat_box .type_c .txt{display: block; font-weight: 700; font-size: 36px;}
.newcity .mp_feat_box .type_c .txt:nth-child(2){margin-top: 3px;}
.newcity .mp_feat_box .type_d .cont{margin-top: 6px;}
.newcity .mp_feat_box .type_d .txt:nth-child(2){display: block; margin-top: -8px;}
.newcity .mp_sect_1 .mp_sect_inner{padding: 100px 110px 50px;}
.newcity .mp_sect_1 .box_wrap:nth-of-type(1){width: 390px;}
.newcity .mp_sect_1 .box_wrap:nth-of-type(2){margin-left: 90px; width: 500px;}
.newcity .mp_sect_1 .box_wrap:nth-of-type(3){margin-top: 80px;}
.newcity .mp_sect_1 .box_wrap:nth-of-type(4){margin-top: 110px;}
.newcity .mp_sect_1 .box1{width: 390px; height: 351px;}
.newcity .mp_sect_1 .box2{width: 500px; height: 351px;}
.newcity .mp_sect_1 .box3{width: 980px; height: 441px;}
.newcity .mp_sect_1 .style_box.box2::before{background-color: #d7c7b7;}
.newcity .mp_sect_1 .style_box.box3::before{background-color: #d7e0e3;}
.newcity .mp_sect_1 .txt_sticker:nth-of-type(1){position: absolute; top: 94px; left: -390px; width: 390px; -webkit-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(-90deg); transform: rotate(-90deg);}
.newcity .mp_sect_1 .txt_sticker:nth-of-type(1)::before{display: inline-block; width: 160px; height: 2px; margin-right: 10px; background-color: #ddd; vertical-align: middle; content: "";}
.newcity .mp_sect_1 .txt_sticker:nth-of-type(2){position: absolute; bottom: 375px; right: -345px; width: 345px; -webkit-transform-origin: top left; transform-origin: top left; -webkit-transform: rotate(90deg); transform: rotate(90deg);}
.newcity .mp_sect_1 .txt_sticker:nth-of-type(2)::after{display: inline-block; width: 160px; height: 2px; margin-left: 10px; background-color: #ddd; vertical-align: middle; content: "";}
.newcity .mp_sect_2 .mp_sect_inner{padding: 0 0 80px;}
.newcity .mp_sect_2 .txt_box{padding: 0 110px;}
.newcity .mp_sect_3 .mp_sect_inner{padding: 100px 110px 0;}
.newcity .mp_sect_3 .txt_sticker{position: absolute; top: 94px; left: -360px; width: 360px; -webkit-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(-90deg); transform: rotate(-90deg);}
.newcity .mp_sect_3 .txt_sticker::before{display: inline-block; width: 160px; height: 2px; margin-right: 10px; background-color: #ddd; vertical-align: middle; content: "";}
.newcity .mp_sect_3 .box_wrap:nth-of-type(1){width: 500px;}
.newcity .mp_sect_3 .box_wrap:nth-of-type(2){margin-left: 80px; width: 400px;}
.newcity .mp_sect_3 .box_wrap:nth-of-type(3){margin-top: 80px;}
.newcity .mp_sect_3 .box1{width: 500px; height: 366px;}
.newcity .mp_sect_3 .box2{width: 400px; height: 366px;}
.newcity .mp_sect_3 .box3{width: 980px; height: 541px;}
.newcity .mp_sect_3 .style_box.box1::before{background-color: #8a754a;}
.newcity .mp_sect_3 .style_box.box3::before{background-color: #928b81;}
.newcity .mp_sect_4 .mp_sect_inner{padding: 120px 110px;}
.newcity .mp_sect_4 .txt_sticker{position: absolute; top: 118px; right: -450px; width: 450px; -webkit-transform-origin: top left; transform-origin: top left; -webkit-transform: rotate(90deg); transform: rotate(90deg);}
.newcity .mp_sect_4 .txt_sticker::after{display: inline-block; width: 160px; height: 2px; margin-left: 10px; background-color: #ddd; vertical-align: middle; content: "";}
.newcity .mp_sect_4 .box_wrap:nth-of-type(1){margin-bottom: 60px;}
.newcity .mp_sect_4 .box_wrap:nth-of-type(2){width: 480px;}
.newcity .mp_sect_4 .box_wrap:nth-of-type(3){width: 480px; margin-left: 20px;}
.newcity .mp_sect_4 .box1,
.newcity .mp_sect_4 .box2{width: 480px; height: 330px;}
.newcity .mp_sect_4 .style_box.box1::before{background-color: #adb7ca;}
.newcity .mp_sect_4 .style_box.box2::before{background-color: #bfd6de;}

/* arena */
.arena .mp_sect_feat_inner{padding: 100px 0 120px;}
.arena .mp_feat_info .cont,
.arena .mp_feat_main .main,
.arena .mp_feat_main .sub{color: #fff;}
.arena .mp_sect_feat .hall{position: absolute; bottom: 0; left: 50%; width: 1200px; height: 0; margin-left: -600px;}
.arena .mp_sect_feat .hall_cloud,
.arena .mp_sect_feat .hall_dome{position: absolute; bottom: 0; display: block; background-repeat: no-repeat; background-position: 50% 100%;}
.arena .mp_sect_feat .hall_cloud{left: -360px; bottom: 0; width: 1920px; height: 1520px; background-image: url(/resource/images/sub/masterpiece/bg_feat_hall_cloud.jpg); -webkit-transform: translateY(142px); transform: translateY(142px);}
.arena .mp_sect_feat .hall_dome{left: -360px; width: 1920px; height: 712px; background-image: url(/resource/images/sub/masterpiece/bg_feat_hall_dome.png); -webkit-transform: translateY(130px); transform: translateY(130px);}
.arena .mp_sect_feat.active .hall_cloud{-webkit-transform: translateY(-48px); transform: translateY(-48px); -webkit-transition: transform 1200ms 200ms; transition: transform 1200ms 200ms;}
.arena .mp_sect_feat.active .hall_dome{-webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: transform 900ms; transition: transform 900ms;}
.arena .mp_feat_box .tit{color: #ebbba9;}
.arena .mp_feat_box .cover{background-color: #93807e;}
.arena .mp_feat_box .cover .cover_inner{background-image: url(/resource/images/sub/masterpiece/bg_feat_wave.gif); background-position: 0 15px;}
.arena .mp_feat_box .type_a .num:nth-child(3){margin-left: 7px;}
.arena .mp_feat_box .type_a .detail{background-image: url(/resource/images/sub/masterpiece/bg_feat_figure_arena_a.jpg);}
.arena .mp_feat_box .type_b .detail{background-image: url(/resource/images/sub/masterpiece/bg_feat_figure_arena_b.jpg);}
.arena .mp_feat_box .type_c .detail{background-image: url(/resource/images/sub/masterpiece/bg_feat_figure_arena_c.jpg);}
.arena .mp_feat_box .type_d .detail{background-image: url(/resource/images/sub/masterpiece/bg_feat_figure_arena_d.jpg);}
.arena .mp_feat_box .type_c .cont{margin-top: 11px;}
.arena .mp_feat_box .type_c .txt{display: block; font-weight: 700; font-size: 36px;}
.arena .mp_feat_box .type_c .txt:nth-child(2){margin-top: 3px;}
.arena .feat_shadow{opacity: 0.8;}
.arena .mp_sect_1 .mp_sect_inner{padding: 100px 110px 50px;}
.arena .mp_sect_1 .box_wrap:nth-of-type(1){width: 390px;}
.arena .mp_sect_1 .box_wrap:nth-of-type(2){margin-left: 90px; width: 500px;}
.arena .mp_sect_1 .box_wrap:nth-of-type(3){margin-top: 80px;}
.arena .mp_sect_1 .box_wrap:nth-of-type(4){margin-top: 110px;}
.arena .mp_sect_1 .box1{width: 390px; height: 351px;}
.arena .mp_sect_1 .box2{width: 500px; height: 351px;}
.arena .mp_sect_1 .box3,
.arena .mp_sect_1 .box4,
.arena .mp_sect_1 .box5{float: left; margin-left: 17px; width: 315px; height: 230px;}
.arena .mp_sect_1 .box3{margin-left: 0;}
.arena .mp_sect_1 .style_box.box2::before{background-color: #3d392a;}
.arena .mp_sect_1 .style_box.box3::before,
.arena .mp_sect_1 .style_box.box4::before,
.arena .mp_sect_1 .style_box.box5::before{background-color: #7b8385;}
.arena .mp_sect_1 .txt_sticker:nth-of-type(1){position: absolute; top: 94px; left: -325px; width: 325px; -webkit-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(-90deg); transform: rotate(-90deg);}
.arena .mp_sect_1 .txt_sticker:nth-of-type(1)::before{display: inline-block; width: 160px; height: 2px; margin-right: 10px; background-color: #ddd; vertical-align: middle; content: "";}
.arena .mp_sect_2 .mp_sect_inner{padding: 100px 110px 0;}
.arena .mp_sect_2 .txt_sticker{position: absolute; top: 100px; right: -331px; width: 331px; -webkit-transform-origin: top left; transform-origin: top left; -webkit-transform: rotate(90deg); transform: rotate(90deg);}
.arena .mp_sect_2 .txt_sticker::after{display: inline-block; width: 160px; height: 2px; margin-left: 10px; background-color: #ddd; vertical-align: middle; content: "";}
.arena .mp_sect_2 .box_wrap:nth-of-type(1){width: 300px;}
.arena .mp_sect_2 .box_wrap:nth-of-type(2){margin-left: 80px; width: 600px;}
.arena .mp_sect_2 .box1{width: 300px; height: 366px;}
.arena .mp_sect_2 .box2{width: 600px; height: 366px;}
.arena .mp_sect_2 .style_box.box2::before{background-color: #77817d;}
.arena .mp_sect_3 .mp_sect_inner{padding: 100px 110px 0;}
.arena .mp_sect_3 .txt_sticker{position: absolute; top: 98px; left: -313px; width: 313px; -webkit-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(-90deg); transform: rotate(-90deg);}
.arena .mp_sect_3 .txt_sticker::before{display: inline-block; width: 160px; height: 2px; margin-right: 10px; background-color: #ddd; vertical-align: middle; content: "";}
.arena .mp_sect_3 .txt_box .cont{width: 300px;}
.arena .mp_sect_3 .box_wrap:nth-of-type(1){width: 580px;}
.arena .mp_sect_3 .box_wrap:nth-of-type(2){margin-left: 80px; width: 320px;}
.arena .mp_sect_3 .box1{width: 580px; height: 351px;}
.arena .mp_sect_3 .box2{width: 320px; height: 351px;}
.arena .mp_sect_3 .style_box.box1::before{background-color: #778791;}
.arena .mp_sect_4 .mp_sect_inner{padding: 100px 110px 120px;}
.arena .mp_sect_4 .txt_sticker{position: absolute; top: 100px; right: -456px; width: 456px; -webkit-transform-origin: top left; transform-origin: top left; -webkit-transform: rotate(90deg); transform: rotate(90deg);}
.arena .mp_sect_4 .txt_sticker::after{display: inline-block; width: 160px; height: 2px; margin-left: 10px; background-color: #ddd; vertical-align: middle; content: "";}
.arena .mp_sect_4 .txt_box .subject{width: 320px;}
.arena .mp_sect_4 .txt_box .cont{width: 280px;}
.arena .mp_sect_4 .box_wrap:nth-of-type(1){width: 300px;}
.arena .mp_sect_4 .box_wrap:nth-of-type(2){margin-left: 80px; width: 600px;}
.arena .mp_sect_4 .box_wrap:nth-of-type(3){margin-top: 80px; width: 980px;}
.arena .mp_sect_4 .box1{width: 300px; height: 366px;}
.arena .mp_sect_4 .box2{width: 600px; height: 366px;}
.arena .mp_sect_4 .box3{width: 980px; height: 540px;}
.arena .mp_sect_4 .style_box.box2::before{background-color: #8c9396;}
.arena .mp_sect_4 .style_box.box3::before{background-color: #a6afc1;}

/* galleria-foret */
.galleria .mp_sect_feat::before{background-image: url(/resource/images/sub/masterpiece/bg_feat_galleria.jpg);}
.galleria .mp_sect_feat .bush{position: absolute; bottom: -15px; left: 50%; width: 1200px; height: 0; margin-left: -600px; -webkit-transform: scale(0.65); transform: scale(0.65);}
.galleria .mp_sect_feat.active .bush{bottom: -35px; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: bottom 1000ms 800ms, transform 1100ms; transition: bottom 1000ms 800ms, transform 1100ms;}
.galleria .mp_sect_feat .bush .bush_l{position: absolute; left: -1196px; bottom: 0; z-index: 1; width: 1579px; height: 0;}
.galleria .mp_sect_feat .bush .bush_l .parts_a,
.galleria .mp_sect_feat .bush .bush_l .parts_b,
.galleria .mp_sect_feat .bush .bush_l .parts_c{display: block; position: absolute; bottom: 0; background-image: url(/resource/images/sub/masterpiece/bg_feat_bush_l.png); background-repeat: no-repeat; background-position-y: 100%;}
.galleria .mp_sect_feat .bush .bush_l .parts_a{left: 0; width: 1206px; height: 727px; background-position-x: 0;}
.galleria .mp_sect_feat .bush .bush_l .parts_b{left: 1206px; width: 52px; height: 250px; background-position-x: -1206px;}
.galleria .mp_sect_feat .bush .bush_l .parts_c{left: 1258px; width: 321px; height: 154px; background-position-x: -1258px;}
.galleria .mp_sect_feat .bush .bush_r{position: absolute; right: -1221px; bottom: 30px; z-index: 1; width: 1571px; height: 0;}
.galleria .mp_sect_feat .bush .bush_r .parts_a,
.galleria .mp_sect_feat .bush .bush_r .parts_b,
.galleria .mp_sect_feat .bush .bush_r .parts_c{background-image: url(/resource/images/sub/masterpiece/bg_feat_bush_r.png); background-repeat: no-repeat; background-position-y: 100%;}
.galleria .mp_sect_feat .bush .bush_r .parts_a{position: absolute; left: 0; bottom: 0; width: 166px; height: 90px; background-position-x: 0;}
.galleria .mp_sect_feat .bush .bush_r .parts_b{position: absolute; left: 166px; bottom: 0; width: 174px; height: 198px; background-position-x: -166px;}
.galleria .mp_sect_feat .bush .bush_r .parts_c{position: absolute; left: 340px; bottom: 0; width: 1229px; height: 815px; background-position-x: -342px;}
.galleria .mp_feat_box .tit{color: #d5c59f;}
.galleria .mp_feat_box .cover{background-color: #867753;}
.galleria .mp_feat_box .cover .cover_inner{background-image: url(/resource/images/sub/masterpiece/bg_feat_figure_brw.png);}
.galleria .mp_feat_box .type_a .detail{background-image: url(/resource/images/sub/masterpiece/bg_feat_figure_galleria_a.jpg);}
.galleria .mp_feat_box .type_b .detail{background-image: url(/resource/images/sub/masterpiece/bg_feat_figure_galleria_b.jpg);}
.galleria .mp_feat_box .type_c .detail{background-image: url(/resource/images/sub/masterpiece/bg_feat_figure_galleria_c.jpg);}
.galleria .mp_feat_box .type_d .detail{background-image: url(/resource/images/sub/masterpiece/bg_feat_figure_galleria_d.jpg);}
.galleria .mp_feat_box .type_b .cover .cont{margin-top: 8px;}
.galleria .mp_feat_box .type_b .txt{display: block;}
.galleria .mp_feat_box .type_b .txt:nth-child(2){display: block; margin-top: -8px;}
.galleria .mp_feat_box .type_d .cont{margin-top: 3px;}
.galleria .mp_sect_1 .txt_sticker{position: absolute; top: 98px; left: -312px; width: 312px; -webkit-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(-90deg); transform: rotate(-90deg);}
.galleria .mp_sect_1 .txt_sticker::before{display: inline-block; width: 160px; height: 2px; margin-right: 10px; background-color: #ddd; vertical-align: middle; content: "";}
.galleria .mp_sect_1 .mp_sect_inner{padding: 100px 110px 120px;}
.galleria .mp_sect_1 .box_wrap:nth-of-type(1){width: 390px;}
.galleria .mp_sect_1 .box_wrap:nth-of-type(2){margin-left: 90px; width: 500px;}
.galleria .mp_sect_1 .box1{width: 390px; height: 527px;}
.galleria .mp_sect_1 .box2{width: 500px; height: 709px;}
.galleria .mp_sect_1 .box3{margin-top: 30px; width: 390px; height: 540px;}
.galleria .mp_sect_1 .box4{margin-top: 30px; width: 500px; height: 351px;}
.galleria .mp_sect_1 .style_box.box2::before{background-color: #8aa3e3;}
.galleria .mp_sect_1 .style_box.box3::before{background-color: #a3bbde;}
.galleria .mp_sect_1 .style_box.box4::before{background-color: #96cce8;}
.galleria .mp_sect_2{position: relative;}
.galleria .mp_sect_2::before{position: absolute; top: 0; right: 0; left: 0; height: 673px; background-color: #f6f6f6; content: "";}
.galleria .mp_sect_2 .mp_sect_inner{padding: 100px 0 80px;}
.galleria .mp_sect_2 .txt_box{padding: 0 110px;}
.newcity .mp_sect_pr .img_pr{bottom: 200px; height: 1080px; background-image: url(/resource/images/sub/masterpiece/img_pr_newcity.jpg);}
.arena .mp_sect_pr .img_pr{height: 1280px; background-image: url(/resource/images/sub/masterpiece/img_pr_arena.jpg); background-position-y: -220px;}
.galleria .mp_sect_pr .img_pr{height: 1286px; background-image: url(/resource/images/sub/masterpiece/img_pr_galleria.jpg);}
.pap .mp_sect_pr_1{height: 600px;}
.pap .mp_sect_pr_1 .img_pr{height: 866px; bottom: 40px; background-image: url(/resource/images/sub/masterpiece/img_pr_pap_1.jpg); background-position-y: -50px;}
.pap .mp_sect_pr_2 .img_pr{height: 1280px; background-image: url(/resource/images/sub/masterpiece/img_pr_pap_2.jpg); background-position-y: -50px;}
.pap .mp_sect_pr_1.ie .img_pr{bottom: -150px;}
.pap .mp_sect_pr_2.ie .img_pr{bottom: -300px;}
.expressway .mp_sect_pr .img_pr{bottom: 200px; height: 1280px; background-image: url(/resource/images/sub/masterpiece/img_pr_expressway.jpg);}
.galleria .mp_sect_3 .mp_sect_inner{padding: 100px 110px 0;}
.galleria .mp_sect_3 .txt_sticker{position: absolute; top: 98px; right: -350px; width: 350px; -webkit-transform-origin: top left; transform-origin: top left; -webkit-transform: rotate(90deg); transform: rotate(90deg);}
.galleria .mp_sect_3 .txt_sticker::after{display: inline-block; width: 160px; height: 2px; margin-left: 10px; background-color: #ddd; vertical-align: middle; content: "";}
.galleria .mp_sect_3 .box_wrap:nth-of-type(1){width: 400px;}
.galleria .mp_sect_3 .box_wrap:nth-of-type(2){margin-left: 100px; width: 480px;}
.galleria .mp_sect_3 .img_comment{font-size: 14px; color: #928c81; opacity: 0; -webkit-transition: opacity 700ms 700ms; transition: opacity 700ms 700ms;}
.galleria .mp_sect_3 .box1+.img_comment{margin-top: 7px;}
.galleria .mp_sect_3 .box1{width: 400px; height: 517px;}
.galleria .mp_sect_3 .box2{width: 480px; height: 420px;}
.galleria .mp_sect_3 .box3{margin-top: 30px; width: 480px; height: 329px;}
.galleria .mp_sect_3 .style_box.box1::before{background-color: #928b81;}
.galleria .mp_sect_3 .style_box.box3::before{background-color: #8a754a;}
.galleria .mp_sect_3 .style_box.box1.fadeInTopDown+.img_comment{visibility: visible; opacity: 1;}
.galleria .mp_sect.mp_sect_4 .mp_sect_inner{padding: 100px 0 0;}
.newcity .mp_sect_link .btn_link::before{background-image:url(/resource/images/sub/masterpiece/bg_link_newcity.jpg);}
.arena .mp_sect_link .btn_link::before{background-image:url(/resource/images/sub/masterpiece/bg_link_inspire.jpg);}
.galleria .mp_sect_link .btn_link::before{background-image:url(/resource/images/sub/masterpiece/bg_link_expressway.jpg);}
.pap .mp_sect_link .btn_link::before{background-image:url(/resource/images/sub/masterpiece/bg_link_pap.jpg);}
.expressway .mp_sect_link .btn_link::before{background-image:url(/resource/images/sub/masterpiece/bg_link_arena.jpg);}
.inspire .mp_sect_link .btn_link::before{background-image:url(/resource/images/sub/masterpiece/bg_link_pap.jpg);}

/* pap */
.mp_sect_feat.pap::before{background-image: url(/resource/images/sub/masterpiece/bg_feat_pap.jpg);}
.pap .mp_sect_feat .pipe_box{position: absolute; bottom: 0; left: 50%; width: 1200px; height: 0; margin-left: -600px;}
.pap .mp_sect_feat .pipe_bg,
.pap .mp_sect_feat .pipe{position: absolute; bottom: 0; display: block; background-repeat: no-repeat; background-position: 50% 100%;}
.pap .mp_sect_feat .pipe_bg{left: -360px; bottom: 180px; width: 1920px; height: 881px; background-image: url(/resource/images/sub/masterpiece/bg_feat_pipe_bg.jpg); -webkit-transform: translateY(340px); transform: translateY(340px);}
.pap .mp_sect_feat .pipe{left: -360px; width: 1920px; height: 908px; background-image: url(/resource/images/sub/masterpiece/bg_feat_pipe.png); -webkit-transform: translateY(170px); transform: translateY(170px);}
.pap .mp_sect_feat.active .pipe_bg{-webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: transform 1200ms 200ms; transition: transform 1200ms 200ms;}
.pap .mp_sect_feat.active .pipe{-webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: transform 900ms; transition: transform 900ms;}
.pap .mp_feat_box_wrap{margin-top: 200px;}
.pap .mp_feat_box .tit{color: #d1c8bc;}
.pap .mp_feat_box .cover{background-color: #868077;}
.pap .mp_feat_box .cover .cover_inner{background-image: url(/resource/images/sub/masterpiece/bg_feat_gray.gif);}
.pap .mp_feat_box .type_a .detail{background-image: url(/resource/images/sub/masterpiece/bg_feat_figure_pap_a.jpg);}
.pap .mp_feat_box .type_b .detail{background-image: url(/resource/images/sub/masterpiece/bg_feat_figure_pap_b.jpg);}
.pap .mp_feat_box .type_c .detail{background-image: url(/resource/images/sub/masterpiece/bg_feat_figure_pap_c.jpg);}
.pap .mp_feat_box .type_d .detail{background-image: url(/resource/images/sub/masterpiece/bg_feat_figure_pap_d.jpg);}
.pap .mp_feat_box .type_b .cont{margin-top: 4px;}
.pap .mp_feat_box .type_b .txt{font-size: 52px;}
.pap .mp_feat_box .type_b .subtxt{margin-left: 4px;}
.pap .feat_shadow{opacity: 1;}
.pap .mp_sect_1 .mp_sect_inner{padding: 100px 110px 0;}
.pap .mp_sect_1 .box_wrap:nth-of-type(1){width: 390px;}
.pap .mp_sect_1 .box_wrap:nth-of-type(2){margin-left: 90px; width: 500px;}
.pap .mp_sect_1 .box1{width: 438px; height: 351px;}
.pap .mp_sect_1 .box2{width: 500px; height: 351px;}
.pap .mp_sect_1 .box3,
.pap .mp_sect_1 .box4,
.pap .mp_sect_1 .box5{float: left; margin-left: 17px; width: 315px; height: 230px;}
.pap .mp_sect_1 .box3{margin-left: 0;}
.pap .mp_sect_1 .style_box.box2::before{background-color: #7094e0;}
.pap .mp_sect_1 .txt_sticker:nth-of-type(1){position: absolute; top: 98px; left: -368px; width: 368px; -webkit-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(-90deg); transform: rotate(-90deg);}
.pap .mp_sect_1 .txt_sticker:nth-of-type(1)::before{display: inline-block; width: 160px; height: 2px; margin-right: 10px; background-color: #ddd; vertical-align: middle; content: "";}
.pap .mp_sect_2 .mp_sect_inner{padding: 120px 110px 80px;}
.pap .mp_sect_2 .txt_sticker{position: absolute; top: 119px; right: -308px; width: 308px; -webkit-transform-origin: top left; transform-origin: top left; -webkit-transform: rotate(90deg); transform: rotate(90deg);}
.pap .mp_sect_2 .txt_sticker::after{display: inline-block; width: 160px; height: 2px; margin-left: 10px; background-color: #ddd; vertical-align: middle; content: "";}
.pap .mp_sect_2 .txt_box .cont{width: 420x;}
.pap .mp_sect_2 .box_wrap:nth-of-type(1){width: 480px;}
.pap .mp_sect_2 .box_wrap:nth-of-type(2){margin-left: 80px; width: 420px;}
.pap .mp_sect_2 .box_wrap:nth-of-type(3){margin-top: 80px;}
.pap .mp_sect_2 .box_wrap:nth-of-type(4){margin-top: 120px;}
.pap .mp_sect_2 .box1{width: 480px; height: 301px;}
.pap .mp_sect_2 .box2{width: 420px; height: 301px;}
.pap .mp_sect_2 .box3{width: 980px; height: 541px;}
.pap .mp_sect_2 .style_box.box1::before{background-color: #dbc8ac;}
.pap .mp_sect_2 .style_box.box3::before{background-color: #504b4b;}
.pap .mp_sect_3 .mp_sect_inner{padding: 100px 110px 120px;}
.pap .mp_sect_3 .txt_sticker{position: absolute; top: 98px; right: -397px; width: 397px; -webkit-transform-origin: top left; transform-origin: top left; -webkit-transform: rotate(90deg); transform: rotate(90deg);}
.pap .mp_sect_3 .txt_sticker::after{display: inline-block; width: 160px; height: 2px; margin-left: 10px; background-color: #ddd; vertical-align: middle; content: "";}
.pap .mp_sect_3 .box_wrap:nth-of-type(2){margin-top: 50px;}
.pap .mp_sect_3 .box_wrap:nth-of-type(3){margin-top: 60px;}
.pap .mp_sect_3 .box2,
.pap .mp_sect_3 .box3,
.pap .mp_sect_3 .box4{float: left; margin-left: 17px; width: 315px; height: 230px;}
.pap .mp_sect_3 .box2{margin-left: 0;}
.pap .mp_sect_3 .box5{width: 980px; height: 381px;}
.pap .mp_sect_3 .style_box.box2::before,
.pap .mp_sect_3 .style_box.box3::before,
.pap .mp_sect_3 .style_box.box4::before{background-color: #8c9396;}
.pap .mp_sect_3 .style_box.box5::before{background-color: #a6afc1;}

/* expressway */
.mp_sect_feat.expressway::before{background-image: url(/resource/images/sub/masterpiece/bg_feat_expressway.jpg);}
.expressway .mp_sect_feat .way_box{position: absolute; bottom: 0; left: 50%; width: 1200px; height: 0; margin-left: -600px;}
.expressway .mp_sect_feat .way_bg{display: block; position: absolute; bottom: 0; background-repeat: no-repeat; background-position: 50% 100%; left: -360px; bottom: 0; width: 1920px; height: 927px; background-image: url(/resource/images/sub/masterpiece/bg_feat_expressway.png); -webkit-transform: translateY(340px); transform: translateY(340px);}
.expressway .mp_sect_feat.active .way_bg{-webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: transform 1200ms 200ms; transition: transform 1200ms 200ms;}
.expressway .mp_feat_box_wrap{margin-top: 270px;}
.expressway .mp_feat_box .tit{color: #dde5e9;}
.expressway .mp_feat_box .cover{background-color: #a1a8ab;}
.expressway .mp_feat_box .cover .cover_inner{background-image: url(/resource/images/sub/masterpiece/bg_feat_diagonal.gif);}
.expressway .mp_feat_box .type_a .detail{background-image: url(/resource/images/sub/masterpiece/bg_feat_figure_expressway_a.jpg);}
.expressway .mp_feat_box .type_b .detail{background-image: url(/resource/images/sub/masterpiece/bg_feat_figure_expressway_b.jpg);}
.expressway .mp_feat_box .type_c .detail{background-image: url(/resource/images/sub/masterpiece/bg_feat_figure_expressway_c.jpg);}
.expressway .mp_feat_box .type_d .detail{background-image: url(/resource/images/sub/masterpiece/bg_feat_figure_expressway_d.jpg);}
.expressway .mp_feat_box .type_b .cont{margin-top: 9px;}
.expressway .mp_feat_box .type_b .txt{display: block; font-weight: 700; font-size: 42px;}
.expressway .mp_feat_box .type_b .txt:nth-child(2){margin-top: 2px;}
.expressway .mp_feat_box .type_b .subtxt{margin-left: 4px;}
.expressway .feat_shadow{opacity: .6;}
.expressway .mp_sect_1 .mp_sect_inner{padding: 120px 110px 0;}
.expressway .mp_sect_1 .txt_sticker{position: absolute; top: 120px; right: -397px; width: 397px; -webkit-transform-origin: top left; transform-origin: top left; -webkit-transform: rotate(90deg); transform: rotate(90deg);}
.expressway .mp_sect_1 .txt_sticker::after{display: inline-block; width: 160px; height: 2px; margin-left: 10px; background-color: #ddd; vertical-align: middle; content: "";}
.expressway .mp_sect_1 .box_wrap:nth-of-type(1){margin-bottom: 60px;}
.expressway .mp_sect_1 .box_wrap:nth-of-type(2){margin-bottom: 60px;}
.expressway .mp_sect_1 .box_wrap:nth-of-type(3){width: 480px;}
.expressway .mp_sect_1 .box_wrap:nth-of-type(4){width: 480px; margin-left: 20px;}
.expressway .mp_sect_1 .box1{width: 980px; height: 550px;}
.expressway .mp_sect_1 .box2,
.expressway .mp_sect_1 .box3{width: 480px; height: 330px;}
.expressway .mp_sect_1 .style_box.box2::before{background-color: #adb7ca;}
.expressway .mp_sect_1 .style_box.box3::before{background-color: #bfd6de;}
.expressway .mp_sect_2{position: relative;}
.expressway .mp_sect_2::before{position: absolute; right: 0; left: 0; bottom: 0; height: 810px; background-color: #f6f6f6; content: "";}
.expressway .mp_sect_2 .mp_sect_inner{padding: 120px 110px 100px;}
.expressway .mp_sect_2 .txt_sticker{position: absolute; top: 113px; left: -306px; width: 306px; -webkit-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(-90deg); transform: rotate(-90deg);}
.expressway .mp_sect_2 .txt_sticker::before{display: inline-block; width: 160px; height: 2px; margin-right: 10px; background-color: #ddd; vertical-align: middle; content: "";}
.expressway .mp_sect_2 .box_wrap:nth-of-type(1){margin-bottom: 60px;}
.expressway .mp_sect_2 .box_wrap:nth-of-type(2){margin-bottom: 60px;}
.expressway .mp_sect_2 .box1{width: 980px; height: 550px;}
.expressway .mp_sect_2 .box2{width: 980px; height: 450px;}
.expressway .mp_sect_2 .style_box.box1::before{background-color: #adb7ca;}
.expressway .mp_sect_2 .style_box.box2::before{background-color: #9da3a7;}
.expressway .mp_sect_3 .mp_sect_inner{padding: 100px 110px 0;}
.expressway .mp_sect_3 .txt_sticker{position: absolute; top: 98px; left: -388px; width: 388px; -webkit-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(-90deg); transform: rotate(-90deg);}
.expressway .mp_sect_3 .txt_sticker::before{display: inline-block; width: 160px; height: 2px; margin-right: 10px; background-color: #ddd; vertical-align: middle; content: "";}
.expressway .mp_sect_3 .box_wrap:nth-of-type(1){width: 500px;}
.expressway .mp_sect_3 .box_wrap:nth-of-type(2){margin-left: 80px; width: 400px;}
.expressway .mp_sect_3 .box_wrap:nth-of-type(3){margin-top: 80px;}
.expressway .mp_sect_3 .box1{width: 500px; height: 456px;}
.expressway .mp_sect_3 .box2{width: 400px; height: 456px;}
.expressway .mp_sect_3 .box3{width: 980px; height: 540px;}
.expressway .mp_sect_3 .style_box.box1::before{background-color: #8a754a;}
.expressway .mp_sect_3 .style_box.box3::before{background-color: #928b81;}
.expressway .mp_sect_4 .mp_sect_inner{padding: 100px 110px 80px;}
.expressway .mp_sect_4 .txt_sticker{position: absolute; top: 100px; right: -358px; width: 358px; -webkit-transform-origin: top left; transform-origin: top left; -webkit-transform: rotate(90deg); transform: rotate(90deg);}
.expressway .mp_sect_4 .txt_sticker::after{display: inline-block; width: 160px; height: 2px; margin-left: 10px; background-color: #ddd; vertical-align: middle; content: "";}
.expressway .mp_sect_4 .txt_box .cont{width: 420x;}
.expressway .mp_sect_4 .box_wrap:nth-of-type(1){width: 380px;}
.expressway .mp_sect_4 .box_wrap:nth-of-type(2){margin-left: 80px; width: 480px;}
.expressway .mp_sect_4 .box1{width: 380px; height: 330px;}
.expressway .mp_sect_4 .box2{width: 480px; height: 330px;}
.expressway .mp_sect_4 .style_box.box2::before{background-color: #9e9281;}

/* inspire */
.inspire .mp_sect_feat .way_box{position: absolute; bottom: 0; left: 50%; width: 1200px; height: 0; margin-left: -600px;}
.inspire .mp_sect_feat .way_bg{display: block; position: absolute; bottom: 0; background-repeat: no-repeat; background-position: 50% 100%; left: -360px; bottom: 0; width: 1920px; height: 927px; background-image: url(/resource/images/sub/masterpiece/bg_feat_inspire.png); -webkit-transform: translateY(340px); transform: translateY(340px);}
.inspire .mp_sect_feat.active .way_bg{-webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: transform 1200ms 200ms; transition: transform 1200ms 200ms;}
.inspire .mp_feat_box .tit{color: #b9cff2;}
.inspire .mp_feat_box .cover{background-color: #5f7bab;}
.inspire .mp_feat_box .cover .cover_inner{background-image: url(/resource/images/sub/masterpiece/bg_feat_figure_brw3.png);}
.inspire .mp_feat_box .type_a .num:nth-child(3){margin-left: 7px;}
.inspire .mp_feat_box .type_a .detail{background-image: url(/resource/images/sub/masterpiece/bg_feat_figure_inspire_a.jpg);}
.inspire .mp_feat_box .type_b .detail{background-image: url(/resource/images/sub/masterpiece/bg_feat_figure_inspire_b.jpg);}
.inspire .mp_feat_box .type_c .detail{background-image: url(/resource/images/sub/masterpiece/bg_feat_figure_inspire_c.jpg);}
.inspire .mp_feat_box .type_d .detail{background-image: url(/resource/images/sub/masterpiece/bg_feat_figure_inspire_d.jpg);}
.inspire .mp_feat_box .type_c .cont{margin-top: 11px;}
.inspire .mp_feat_box .type_c .txt{display: block; font-weight: 700; font-size: 36px;}
.inspire .mp_feat_box .type_c .txt:nth-child(2){margin-top: 3px;}
.inspire .mp_feat_box .type_d .cont{margin-top: 6px;}
.inspire .mp_feat_box .type_d .txt:nth-child(2){display: block; margin-top: -8px;}
.inspire .circle_list {margin-top: 30px;}
.inspire .circle_list li {line-height: 26px;}
.inspire .mp_sect_1 .mp_sect_inner{padding: 100px 110px 50px;}
.inspire .mp_sect_1 .box_wrap:nth-of-type(1){width: 350px;}
.inspire .mp_sect_1 .box_wrap:nth-of-type(2){margin-left: 90px; width: 540px;}
.inspire .mp_sect_1 .box_wrap:nth-of-type(3){margin-top: 80px;}
.inspire .mp_sect_1 .box_wrap:nth-of-type(4){margin-top: 110px;}
.inspire .mp_sect_1 .box1{width: 350px; height: 420px;}
.inspire .mp_sect_1 .box2{width: 540px; height: 420px;}
.inspire .mp_sect_1 .style_box.box2::before{background-color: #d7c7b7;}
.inspire .mp_sect_1 .txt_sticker:nth-of-type(1){position: absolute; top: 94px; left: -430px; width: 430px; -webkit-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(-90deg); transform: rotate(-90deg);}
.inspire .mp_sect_1 .txt_sticker:nth-of-type(1)::before{display: inline-block; width: 30px; height: 2px; margin-right: 10px; background-color: #ddd; vertical-align: middle; content: "";}
.inspire .mp_sect_1 .txt_sticker:nth-of-type(2){position: absolute; bottom: 375px; right: -345px; width: 345px; -webkit-transform-origin: top left; transform-origin: top left; -webkit-transform: rotate(90deg); transform: rotate(90deg);}
.inspire .mp_sect_1 .txt_sticker:nth-of-type(2)::after{display: inline-block; width: 160px; height: 2px; margin-left: 10px; background-color: #ddd; vertical-align: middle; content: "";}
.inspire .mp_sect_2 .mp_sect_inner{padding: 100px 110px 50px;}
.inspire .mp_sect_2 .box_wrap:nth-of-type(1){width: 580px;}
.inspire .mp_sect_2 .box_wrap:nth-of-type(2){margin-left: 90px; width: 310px;}
.inspire .mp_sect_2 .box_wrap:nth-of-type(3){margin-top: 80px;}
.inspire .mp_sect_2 .box_wrap:nth-of-type(4){margin-top: 110px;}
.inspire .mp_sect_2 .box1{width: 580px; height: 375px;}
.inspire .mp_sect_2 .box2{width: 310px; height: 375px;}
.inspire .mp_sect_2 .box3,
.inspire .mp_sect_2 .box4,
.inspire .mp_sect_2 .box5{float: left; margin-left: 17px; width: 315px; height: 290px;}
.inspire .mp_sect_2 .box3{margin-left: 0;}
.inspire .mp_sect_2 .style_box.box2::before{background-color: #3d392a;}
.inspire .mp_sect_2 .style_box.box3::before,
.inspire .mp_sect_2 .style_box.box4::before,
.inspire .mp_sect_2 .style_box.box5::before{background-color: #7b8385;}
.inspire .mp_sect_2 .style_box .img_box p {color: #1c1c1c; font-weight: 300; line-height: 26px; text-align: center; margin-top: 240px; padding: 0 10px;}
.inspire .mp_sect_2 .txt_sticker:nth-of-type(1){position: absolute; top: 480px; right: -430px; width: 430px; -webkit-transform-origin: top left; transform-origin: top left; -webkit-transform: rotate(-90deg); transform: rotate(-90deg);}
.inspire .mp_sect_2 .txt_sticker:nth-of-type(1)::before{display: inline-block; width: 60px; height: 2px; margin-right: 10px; background-color: #ddd; vertical-align: middle; content: "";}
.inspire .mp_sect_3 .mp_sect_inner{padding: 100px 110px 100px;}
.inspire .mp_sect_3 .box_wrap:nth-of-type(1){width: 350px;}
.inspire .mp_sect_3 .box_wrap:nth-of-type(2){margin-left: 90px; width: 540px;}
.inspire .mp_sect_3 .box_wrap:nth-of-type(3){margin-top: 80px;}
.inspire .mp_sect_3 .box_wrap:nth-of-type(4){margin-top: 110px;}
.inspire .mp_sect_3 .box1{width: 350px; height: 390px;}
.inspire .mp_sect_3 .box2{width: 540px; height: 390px;}
.inspire .mp_sect_3 .style_box.box2::before{background-color: #d7c7b7;}
.inspire .mp_sect_3 .txt_sticker:nth-of-type(1){position: absolute; top: 94px; left: -420px; width: 420px; -webkit-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(-90deg); transform: rotate(-90deg);}
.inspire .mp_sect_3 .txt_sticker:nth-of-type(1)::before{display: inline-block; width: 60px; height: 2px; margin-right: 10px; background-color: #ddd; vertical-align: middle; content: "";}
.inspire .mp_sect_3 .txt_sticker:nth-of-type(2){position: absolute; bottom: 375px; right: -345px; width: 345px; -webkit-transform-origin: top left; transform-origin: top left; -webkit-transform: rotate(90deg); transform: rotate(90deg);}
.inspire .mp_sect_3 .txt_sticker:nth-of-type(2)::after{display: inline-block; width: 160px; height: 2px; margin-left: 10px; background-color: #ddd; vertical-align: middle; content: "";}
.inspire .mp_sect_4 .mp_sect_inner{padding: 100px 110px 50px;}
.inspire .mp_sect_4 .box_wrap:nth-of-type(1){width: 580px;}
.inspire .mp_sect_4 .box_wrap:nth-of-type(2){margin-left: 90px; width: 310px;}
.inspire .mp_sect_4 .box_wrap:nth-of-type(3){margin-top: 80px;}
.inspire .mp_sect_4 .box_wrap:nth-of-type(4){margin-top: 110px;}
.inspire .mp_sect_4 .box1{width: 580px; height: 435px;}
.inspire .mp_sect_4 .box2{width: 310px; height: 435px;}
.inspire .mp_sect_4 .style_box.box2::before{background-color: #3d392a;}
.inspire .mp_sect_4 .style_box .img_box p {color: #1c1c1c; font-size: 15px; font-weight: 200; margin-top: 240px; padding: 0 10px;}
.inspire .mp_sect_4 .txt_sticker:nth-of-type(1){position: absolute; top: 540px; right: -540px; width: 540px; -webkit-transform-origin: top left; transform-origin: top left; -webkit-transform: rotate(-90deg); transform: rotate(-90deg);}
.inspire .mp_sect_4 .txt_sticker:nth-of-type(1)::before{display: inline-block; width: 170px; height: 2px; margin-right: 10px; background-color: #ddd; vertical-align: middle; content: "";}
.inspire .mp_sect_pr {height: 650px;}
.inspire .mp_sect_pr .img_pr{height: 1080px; background-image: url(/resource/images/sub/masterpiece/img_pr_inspire.jpg); background-position-y: -370px;}
.inspire .mp_sect_pr2 .img_pr{height: 990px; background-image: url(/resource/images/sub/masterpiece/img_pr_inspire2.jpg); background-position-y: -170px;}
.inspire .mp_sect_5 .mp_sect_inner{padding: 100px 110px 120px;}
.inspire .mp_sect_5 .box_wrap:nth-of-type(1){width: 390px;}
.inspire .mp_sect_5 .box_wrap:nth-of-type(2){margin-left: 90px; width: 500px;}
.inspire .mp_sect_5 .box_wrap:nth-of-type(3){margin-top: 20px;}
.inspire .mp_sect_5 .box_wrap:nth-of-type(4){margin-top: 110px;}
.inspire .mp_sect_5 .box1{width: 390px; height: 351px;}
.inspire .mp_sect_5 .box2{width: 500px; height: 300px;}
.inspire .mp_sect_5 .box6 {width: 100%; height: 100px; color: #1c1c1c; font-weight: 300;}
.inspire .mp_sect_5 .box3,
.inspire .mp_sect_5 .box4,
.inspire .mp_sect_5 .box5{float: left; margin-left: 17px; width: 315px; height: 230px;}
.inspire .mp_sect_5 .box3{margin-left: 0;}
.inspire .mp_sect_5 .style_box.box2::before{background-color: #3d392a;}
.inspire .mp_sect_5 .style_box.box3::before,
.inspire .mp_sect_5 .style_box.box4::before,
.inspire .mp_sect_5 .style_box.box5::before{background-color: #7b8385;}
.inspire .mp_sect_5 .txt_sticker:nth-of-type(1){position: absolute; top: 94px; left: -325px; width: 325px; -webkit-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(-90deg); transform: rotate(-90deg);}
.inspire .mp_sect_5 .txt_sticker:nth-of-type(1)::before{display: inline-block; width: 210px; height: 2px; margin-right: 10px; background-color: #ddd; vertical-align: middle; content: "";}
.inspire .fixed_image::before {background-image: url(/resource/images/sub/masterpiece/img_pr_inspire2.jpg)}

/* privacy_wrap */
.privacy_wrap{width:1200px; margin:0 auto; padding-top:110px; font-size:16px; color:#666; font-weight:300;}
.privacy_wrap h4{margin-bottom:10px; font-size:18px; color:#1c1c1c;}
.privacy_wrap h4.fz22 {font-size: 22px;}
.privacy_wrap p{margin-bottom:10px;}
.privacy_wrap h4 + p{margin-bottom:20px; color:#1c1c1c;}
.privacy_wrap ul li{margin-top:10px;}
.privacy_wrap ul li:first-child{margin-top:0;}
.privacy_wrap .c_black{color:#1c1c1c;}
.privacy_wrap .mt20{margin-top:20px;}
.privacy_wrap .top_info{font-size:18px; color:#1c1c1c; line-height: 1.778em;}
.privacy_wrap .top_info .box{margin-bottom:60px; padding:40px 50px; background-color: #f6f6f6;}
.privacy_wrap .link_box{overflow: hidden; margin:50px 0 60px; padding:45px 40px; border: 1px solid #ddd;}
.privacy_wrap .link_box ol{float: left; padding-right:10px;}
.privacy_wrap .link_box ol.list_01{width:340px;}
.privacy_wrap .link_box ol.list_02{width:480px;}
.privacy_wrap .link_box ol.list_03{width:290px;}
.privacy_wrap .link_box ol.list_04{width:50%;}
.privacy_wrap .link_box ol li{margin-top:10px;}
.privacy_wrap .link_box ol li:first-child{margin-top:0;}
.privacy_wrap .link_box ol li span{margin-right:5px;}
.privacy_wrap .link_box.stage2 ol li {padding-left: 80px;}
.privacy_wrap .lbox{margin-bottom:60px; line-height:1.625em;}
.privacy_wrap .lbox:last-child{margin-bottom: 0;}
.privacy_wrap .lbox table + p{color:#1c1c1c;}
.privacy_wrap .lbox table{margin:30px 0; width: 100%; border-top: 2px solid #d2d2d2; border-bottom: 1px solid #ddd;}
.privacy_wrap .lbox thead th{padding: 25px 0; background-color: #f6f6f6; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; font-size: 18px; color: #1c1c1c; font-weight: 700; line-height: 1;}
.privacy_wrap .lbox thead th:last-child{border-right: none;}
.privacy_wrap .lbox tbody th,
.privacy_wrap .lbox tbody td{padding: 26px 30px; border-top: 1px solid #ddd; border-right: 1px solid #ddd; font-weight: 300;}
.privacy_wrap .lbox tbody td:first-child{padding: 26px 10px; font-size: 18px; color: #1c1c1c; text-align:center; font-weight: 400;}
.privacy_wrap .lbox tbody td:last-child{border-right: none;}
.privacy_wrap .lbox .dot_list{margin-bottom:20px;}
.privacy_wrap .lbox .dot_list li{margin-top:10px; position: relative; padding-left:12px;}
.privacy_wrap .lbox .dot_list li:first-child{margin-top: 0;}
.privacy_wrap .lbox .dot_list li::before{content: ""; position: absolute; left:0; top:12px; width:3px; height:3px; background-color: #f60 }
.privacy_wrap .lbox dl{margin-bottom:20px;}
.privacy_wrap .lbox dl dt{position: relative; padding-left:12px; color:#1c1c1c; font-weight: 400;}
.privacy_wrap .lbox dl dt::before{content: ""; position: absolute; left:0; top:12px; width:3px; height:3px; background-color: #f60 }
.privacy_wrap .lbox dl dd{margin-bottom:10px; padding-left:12px;}
.privacy_wrap .lbox dl dd:last-child{margin-bottom: 0;}
.privacy_wrap .director_box{margin-bottom: 20px;}
.privacy_wrap .director_box:last-child{margin-bottom:0;}
.privacy_wrap .director_box .tit{margin-bottom:10px; color:#1c1c1c; font-weight: 400;}
.privacy_wrap .director_box ul li a{color:#f60 }
.privacy_wrap .select_box select{padding:0 20px; width:310px; height:50px; border: none; color:#999; background:#f6f6f6 url(/resource/images/common/form_select_arrow.png) no-repeat; background-position:right 20px center; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
.privacy_wrap .select_box select option{background-color: #fff;}
.privacy_point {font-size: 18px; font-weight: 600;}

/* privacy_wrap 신규 */
.privacy_wrap .color_thick {color: #1c1c1c;}
.privacy_wrap .lbox p.privacy_pictogram img {margin-right: 15px;}
.privacy_wrap .lbox .new_guide li {margin-top: 20px; color: #1c1c1c; text-indent: -15px; margin-left: 15px;}
.privacy_wrap .lbox p.table_title {font-weight: 600; margin: 25px 0 15px 15px; color: #1c1c1c}
.privacy_wrap .lbox p.table_des {font-size: 15px; color: #666;}
.privacy_wrap .lbox .new_guide table {margin: 15px 0;}
.privacy_wrap .lbox .new_guide table th {text-align: center;}
.privacy_wrap .lbox .new_guide table td {color: #666;}
.privacy_wrap .lbox .new_guide table td:first-child {color: #1c1c1c; font-weight: 400;}
.privacy_wrap .lbox .spot_list {margin-bottom:20px;}
.privacy_wrap .lbox .spot_list li{margin-top:10px; position: relative; padding-left:12px; text-indent: 0; margin-left: 0; color: #666;}
.privacy_wrap .lbox .spot_list li::before{content: ""; position: absolute; left:0; top:12px; width:3px; height:3px; background-color: #f60 }
.privacy_wrap .lbox .num_list {margin-bottom:20px;}
.privacy_wrap .lbox .num_list li {margin-top: 10px; color: #666;}
.privacy_wrap .lbox .num_list li span {font-weight: 400; color: #1c1c1c;}
.privacy_wrap .lbox .num_list.num_indent li {text-indent: -17px; margin-left: 17px;}
.privacy_wrap .lbox .setting {border: 1px solid #ddd; padding: 25px 50px; color: #666; margin-top: 15px;}
.privacy_wrap .lbox .setting span {display: inline-block; color: #1c1c1c; font-weight: 400; margin: 0 0 10px 30px;}
.privacy_wrap .lbox .box_privacy {margin-top: 15px;}
.privacy_wrap .lbox .box_privacy span {color: #1c1c1c; font-weight: 400; display: inline-block;}

/* guide_line */
.guide_line .mt20{margin-top:20px;}
.guide_line .fw_400 {font-weight:400;}
.guide_line{width:1200px; margin:0 auto; padding-top:110px; font-size:16px; color:#666; font-weight:300;}
.guide_line h3{margin-bottom:40px; font-size:22px; color:#1c1c1c; font-weight: 600;}
.guide_line h4{margin-bottom:10px; font-size:18px; color:#1c1c1c; font-weight: 400;}
.guide_line h5{margin-bottom:10px; font-size:16px; color:#1c1c1c;}
.guide_line p{margin-bottom:10px; line-height:1.625em;}
.guide_line p.tit{margin-top:20px; color:#1c1c1c; font-weight: 400;}
.guide_line h4 + p{margin-bottom:20px; color:#1c1c1c; line-height: 2em;}
.guide_line .c_black{color:#1c1c1c;}
.guide_line .tab_cont{overflow: hidden;}
.guide_line .tab_cont .tab_cont_li.type1{float:left;}
.guide_line .tab_cont .tab_cont_li.type1 .tab_cont_link{height:82px; line-height:82px; font-weight: 400;}
.guide_line .tab_cont .tab_cont_li.type1 .tab_cont_link span{display:table; width:100%; height:100%; line-height:1.25em;}
.guide_line .tab_cont .tab_cont_li.type1 .tab_cont_link span span{display:table-cell; vertical-align: middle;}
.guide_line .tab_click_cont{line-height:1.625em;}
.guide_line .tab_click_cont .inner{margin-bottom: 60px;}
.guide_line .tab_click_cont .inner:last-child{margin-bottom: 0;}
.guide_line .tab_click_cont ul{margin-bottom: 20px;}
.guide_line .tab_click_cont ul:last-child{margin-bottom: 0;}
.guide_line .tab_click_cont ul li{margin-top:8px;}
.guide_line .tab_click_cont ul li:first-child{margin-top:0;}
.guide_line .box{margin-bottom:20px;}
.guide_line .box_wrap{margin-bottom:20px; padding:40px; border: 1px solid #ddd;}
.guide_line .dot_list{margin-bottom:20px;}
.guide_line .dot_list > li{margin-top:10px; position: relative; padding-left:12px;}
.guide_line .dot_list > li:first-child{margin-top: 0;}
.guide_line .dot_list > li::before{content: ""; position: absolute; left:0; top:12px; width:3px; height:3px; background-color: #f60 }
.guide_line .dot_list > li.dotNone::before{display: none;}
.guide_line .tbl_tit{margin-top:20px;}
.guide_line .tbl_tit + table{margin-top:10px;}
.guide_line table{margin:30px 0; width: 100%; border-top: 2px solid #d2d2d2; border-bottom: 1px solid #ddd;}
.guide_line table.mb15 {margin-bottom:15px;}
.guide_line thead th{padding: 25px 0; background-color: #f6f6f6; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; font-size: 18px; color: #1c1c1c; text-align:center; font-weight: 700; line-height: 1;}
.guide_line thead th:last-child{border-right: none;}
.guide_line tbody th,
.guide_line tbody td{padding: 26px 30px; border-top: 1px solid #ddd; border-right: 1px solid #ddd; font-weight: 300;}
.guide_line tbody th{padding: 26px 10px; font-size: 18px; color: #1c1c1c; text-align:center; font-weight: 400;}
.guide_line tbody td:last-child{border-right: none;}
.guide_line tbody td.border_left{border-left: 1px solid #ddd;}
.guide_line .date_box{margin-top:60px; text-align:right;}
.guide_line .date_box .date_list li{margin-top:15px; color:#1c1c1c; text-align: right; font-weight: 400;}
.guide_line .date_box .date_list li:first-child{margin-top:0;}
.guide_line .btn_wrap{text-align:left;}

/* 현장 전문직채용 에디터 */
.editor_default_tit{font-weight: 700; font-size: 16pt; color: #1c1c1c;}
.editor_default_sub_tit{margin-bottom: 20px; font-weight: 400; font-size: 14pt; color: #1c1c1c;}
.editor_default_sub_txt{font-weight: 400; font-size: 14pt; color: #1c1c1c;}
.editor_default_table{border-collapse: collapse; margin-bottom: 80px; text-align: center;}
.editor_default_table thead th{padding: 20px 0; background-color: #f6f6f6; border-top: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2; font-weight: 400; font-size: 16px; color: #1c1c1c;}
.editor_default_table thead th:last-child{border-right: none;}
.editor_default_table tbody td{padding: 20px 0; border-bottom: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2; font-weight: 400; font-size: 16px; color: #1c1c1c;}
.editor_default_table tbody td:last-child{border-right: none;}
.editor_default_li{font-weight: 400; font-size: 14pt; color: #1c1c1c; line-height: 30px;}
.file_down_box{overflow: hidden; padding: 20px 40px; margin-top: 60px; background-color: #fff7f2;}
.file_down_box .file_down_link{float: left; font-size: 16px; color: #666;}
.file_down_box .file_down_link::before{content:""; display: inline-block; width: 22px; height: 16px; margin-right: 8px; background: url(/resource/images/common/down_icon_orange.png) 0 0 no-repeat;}
.file_down_box .file_byte{float: right; font-size: 16px; color: #999;}

/* 레이어 팝업 공통 */
.pop_wrap{display: none; position: fixed; left: 0; top: 0; z-index:2000; width: 100%; height: 100%;}
.pop_mask{position: absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.4);}
.pop_wrap .pop_tit{margin-bottom: 20px; font-weight: 700; font-size: 30px; color: #1c1c1c;}
.pop_wrap .pop_close{overflow: hidden; position: absolute; top: 20px; right: 20px; width: 30px; height: 30px; text-indent: -9999px;}
.pop_wrap .pop_close::before,
.pop_wrap .pop_close::after{content: ''; position: absolute; left: 0; top: 15px; display: block; width: 30px; height: 1px; background-color: #1c1c1c;}
.pop_wrap .pop_close::before{transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
.pop_wrap .pop_close::after{transform: rotate(45deg); -webkit-transform: rotate(45deg);}
.pop_wrap .pop_inner{overflow-y: auto; position: absolute; top: 50%; left:50%; width: 1200px; max-height: 100%; padding: 70px; background: #fff; letter-spacing: -.03em; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
.pop_wrap .pop_con{padding: 55px 50px; border-top: 2px solid #d2d2d2; background-color: #f6f6f6;}
.pop_wrap .pop_con .circle_list > li{font-weight: 500; margin-bottom: 5px;}
.pop_wrap .pop_con ul ol {margin-top: 15px; padding-left: 12px;}
.pop_wrap .pop_con ul ol > li {font-size: 16px; color:#666;}
.pop_wrap .pop_con .txt_link {color: #ff6600; text-decoration: underline;}
.pop_wrap .pop_con .btn_box {text-align: center;}
.pop_wrap .pop_con .btn_box a {margin-top: 45px;}

/* 레이어 팝업 - 아이핀 도움말 */
.ipin_pop_open .iPin_pop_wrap{display: block;}
.iPin_pop_wrap .iPin_tab_list{border-top: 2px solid #d2d2d2;}
.iPin_pop_wrap .iPin_tab_list > li{border-bottom: 1px solid #eee;}
.iPin_pop_wrap .iPin_tab_list > li.active{background-color: #f6f6f6;}
.iPin_pop_wrap .iPin_tab_btn{display: block; position: relative; padding-left: 20px; font-size: 18px; color: #1c1c1c; line-height: 80px;}
.iPin_pop_wrap .active .iPin_tab_btn{color: #f60; text-decoration: underline;}
.iPin_pop_wrap .iPin_tab_btn .plus{position: absolute; right: 15px; top: 50%; width:20px; height:20px; margin-top:-10px;}
.iPin_pop_wrap .iPin_tab_btn .plus::before,
.iPin_pop_wrap .iPin_tab_btn .plus::after{content:""; position:absolute; background:#d2d2d2;}
.iPin_pop_wrap .iPin_tab_btn .plus::before{left:50%; top:4px; bottom:4px; width:2px; transform:translateX(-50%); -webkit-transform:translateX(-50%);}
.iPin_pop_wrap .iPin_tab_btn .plus::after{top:50%; left:4px; right:4px; height:2px; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.iPin_pop_wrap .active .iPin_tab_btn .plus::before{background: none;}
.iPin_pop_wrap .active .iPin_tab_btn .plus::after{background-color: #f60;}

.iPin_pop_wrap .iPin_tab_box{display: none;}
.iPin_pop_wrap .iPin_tab_box{padding: 0 0 60px 20px; font-size: 16px; line-height: 30px;}
.iPin_pop_wrap .iPin_tab_box .txt{color: #1c1c1c;}
.iPin_pop_wrap .iPin_tab_box .list_wrap{margin-top: 20px;}
.iPin_pop_wrap .iPin_tab_box .list_wrap .list{color: #666;}

/* 레이어 팝업 - 온라인 제보하기 */
.report_pop_open .report_pop_wrap{display: block;}
.report_pop_wrap .pop_tit{text-align: center;}

@media (max-width: 1420px){
 /* .header{padding: 0 40px;}
  .gnb .dep1_li{padding: 36px 24px;}*/
  .footer{padding: 0 40px;}
  .footer_inner{padding-left: 220px;}
}
@media (max-width: 1523px){
  .header{padding: 0 40px;}
  .gnb .dep1_li{padding: 36px 18px;}
}

/********** LOADING **********/
.loading{position:fixed; z-index:10002; width:0; height:0; overflow:hidden; opacity:0; -webkit-transition:opacity 0.3s linear; transition:opacity 0.3s linear;}
.loading.visible{width:52px; height:52px; left:50%; margin-left:-26px; top:50%; opacity:1; margin-top:-26px; overflow:visible; -webkit-transition-delay:1s; transition-delay:1s;}
.loading.visible:before{content:''; position:fixed; z-index:1; left:0; right:0; top:0; bottom:0; overflow:hidden; background:#000; opacity:.7;}
.visible .ui-spinner{position:relative; z-index:2; display:block; padding-top:52px;}
.ui-spinner .spinner-blade{position:absolute; left:24px; top:0; width:5px; height:14px; border-radius:5px; background-color:#fff; opacity:0.2; -webkit-animation:spinner-fade 1600ms infinite linear; animation:spinner-fade 1600ms infinite linear; -webkit-transform-origin:center 26px; -ms-transform-origin:center 26px; transform-origin:center 26px;}
.ui-spinner .spinner-blade:nth-child(1){-webkit-transform:rotate(270deg); -ms-transform:rotate(270deg); transform:rotate(270deg); -webkit-animation-delay:0ms; animation-delay:0ms;}
.ui-spinner .spinner-blade:nth-child(2){-webkit-transform:rotate(315deg); -ms-transform:rotate(315deg); transform:rotate(315deg); -webkit-animation-delay:200ms; animation-delay:200ms;}
.ui-spinner .spinner-blade:nth-child(3){-webkit-transform:rotate(360deg); -ms-transform:rotate(360deg); transform:rotate(360deg); -webkit-animation-delay:400ms; animation-delay:400ms;}
.ui-spinner .spinner-blade:nth-child(4){-webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); -webkit-animation-delay:600ms; animation-delay:600ms;}
.ui-spinner .spinner-blade:nth-child(5){-webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg); -webkit-animation-delay:800ms; animation-delay:800ms;}
.ui-spinner .spinner-blade:nth-child(6){-webkit-transform:rotate(135deg); -ms-transform:rotate(135deg); transform:rotate(135deg); -webkit-animation-delay:1000ms; animation-delay:1000ms;}
.ui-spinner .spinner-blade:nth-child(7){-webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg); -webkit-animation-delay:1200ms; animation-delay:1200ms;}
.ui-spinner .spinner-blade:nth-child(8){-webkit-transform:rotate(225deg); -ms-transform:rotate(225deg); transform:rotate(225deg); -webkit-animation-delay:1400ms; animation-delay:1400ms;}
.ui-spinner .spinner-txt{width:0; height:0; font-size:0; white-space:nowrap; text-indent:-999px; overflow:hidden;}

@-webkit-keyframes spinner-fade{
  0%{opacity:0.2;}
  40%{opacity:1;}
}
@keyframes spinner-fade{
  0%{opacity:0.2;}
  40%{opacity:1;}
}

/*--- DEV: 221024 추가 spadecompany  ---*/
.header {
  overflow: visible;
}
.header_inner {
  padding-left: 30px;
}
.header .home {
  position: absolute;
  right: 100%;
  top: 0;
  z-index: 10;
  width: 100px;
  height: 100px;
  background: rgba(0,0,0,.2) url(/resource/images/ico/ico_home.png) no-repeat center;
  text-indent: -9999px;
}
.header.fixed .home,
.header.over .home,
.header.openFull .home {
  background: #ff6e03 url(/resource/images/ico/ico_home_on.png) no-repeat center;
}
.header .logo {
  top: 25px;
  width: 231px;
  height: 50px;
}
.header .gnb_wrap {
  overflow: hidden;
  padding: 0 190px 0 150px;
}
.header.over .gnb_wrap {
  overflow: visible;
}
.header .util_box {
  position: absolute;
  top: 32px;
  right: 70px;
}
.header .dropdown_ui > .dropdown_btn,
.header .dropdown_ui > .dropdown_list .dropdown_item {
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  text-align: center;
  line-height: 40px;
  text-transform: uppercase;
}
.header .dropdown_ui > .dropdown_btn {
  position: relative;
  padding: 0 20px 0 35px;
}
.header .dropdown_ui > .dropdown_btn:before {
  display: block;
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  width: 20px;
  height: 20px;
  margin-top: -9px;
  background: url(/resource/images/ico/ico_dropdown.png) no-repeat center;
  transform: rotate(180deg);
  transition: .3s ease-in-out;
}
.header .dropdown_ui > .dropdown_list {
  display: none;
  position: absolute;
  top: 100%;
  width: 110px;
  padding: 10px;
  margin-left: -10px;
  border-radius: 10px;
  background: rgba(0,0,0,.7);
  box-sizing: border-box;
}
.header .dropdown_ui.active > .dropdown_list {
  display: block;
}
.header .dropdown_ui.active > .dropdown_btn:before {
  transform: rotate(0deg);
}
.header.over .dropdown_ui > .dropdown_btn,
.header.fixed .dropdown_ui > .dropdown_btn {
  color: #000;
}
.header.over .dropdown_ui > .dropdown_btn:before,
.header.fixed .dropdown_ui > .dropdown_btn:before {
  background-image: url(/resource/images/ico/ico_dropdown_on.png)
}

.header .dropdown_ui > .dropdown_list .dropdown_item[aria-selected="true"] {
  color: #ff6600;
}

.header.over .rep_box a {color: #000; border:1px solid #00000093; background: url(/resource/images/ico/ico_rep_go_on.png) 105px 10px no-repeat;}
.header.over .rep_box:hover a {color: #ff6600; border:1px solid #ff6600; background: #fff url(/resource/images/ico/ico_rep_go_on2.png) 105px 10px no-repeat;}

.footer .link_box {
  display: flex;
  position: relative;
  justify-content: space-between;
  align-items: center;
  height: 104px;
  padding-top: 0;
}
.family_site {
  position: static;
  left: auto;
}
.family_site .btn_family_site,
.family_site.active .btn_family_site {
  background: #202020;
  color: #fff;
}
.family_site .btn_family_site::before {
  width: 20px;
  height: 20px;
  right: 18px;
  margin-top: -10px;
  background: url(/resource/images/ico/ico_plus.png) 0 0 no-repeat;
  border: 0 none;
  transform: rotate(0);
}
.family_site.active .btn_family_site::before {
  transform: rotate(0);
}
.family_site_box {
  bottom: 100%;
  width: 1200px;
  height: auto;
  background: #202020;
}
.family_site .dep1 {
  display: flex;
  flex-wrap: wrap;
  padding: 0 20px 5px;
}
.family_site .dep1_li {
  flex: 1;
  padding: 40px 20px;
}
.family_site .dep1_li:nth-child(1) {
  flex: none;
  width: calc(100% + 40px);
  height: auto;
  padding: 20px 40px;
  margin: 0 -20px;
  border: 0 none;
  background: #000;
}
.family_site .dep1_li:nth-child(3) {
  padding-top: 40px;
  border: 0 none;
}
.family_site .dep1_link,
.family_site .dep2_link {
  color: #fff;
}
.family_site .dep1_li:not(:first-of-type) .dep1_link {
  position: relative;
  padding: 6px 30px 6px 0;
  border-bottom: 1px solid #fff;
}
.family_site .dep1_link .ico {
  position: absolute;
  right: 0;
  top: 50%;
  width: 30px;
  height: 30px;
  margin-top: -15px;
  background-repeat: no-repeat;
}
.family_site .dep1_link .ico_rocket {
  background-image: url(/resource/images/ico/ico_rocket.png);
}
.family_site .dep1_link .ico_bio {
  background-image: url(/resource/images/ico/ico_bio.png);
}
.family_site .dep1_link .ico_money {
  background-image: url(/resource/images/ico/ico_money.png);
}
.family_site .dep1_link .ico_talk {
  background-image: url(/resource/images/ico/ico_talk.png);
}
.family_site .dep2 {
  margin-top: 20px;
}
.family_site_box > .btn_close_family_site {
  position: absolute;
  top: 21px;
  right: 40px;
  z-index: 1;
  width: 30px;
  height: 30px;
  background: url(/resource/images/ico/ico_close.png) 0 0 no-repeat;
  text-indent: -9999px;
}

.cont_head_text .pgrph + .pgrph {
  margin-top: 15px;
}

@media (max-width: 1645px){
  .family_site_box {
    left: auto;
    right: 0;
  }
}

@media (max-width: 1298px){
  .gnb .dep1_link {font-size: 18px;}
  .header .util_box {right: 20px;}
  .header .rep_box a {right: 125px;}
  .family_site_box {width: calc(100% + 220px);}
}
/*--- spadecompany 221102 수정 ---*/
.company_info_wrap.right .info_txt_box {padding-right: 70px;}


/* 인재채용 인재상 */
.gc_con .sect {margin-top: 20px;}
.gc_img {text-align: center;}
.great_challenger .cont_head_text {padding-bottom: 80px; margin-top: 30px; border-bottom: none; text-align: center;}

.great_challenger_con {width: 430px; text-align: center;}
.great_challenger_box {border: 1px solid #bfbfbf; padding: 80px; height: 570px; margin-bottom: 60px; display: flex;}
.horizon_sect_wrap .horizon_sect_inner {float: right;width: 890px;}
.sect_text_box .top_tit { font-weight: 600; font-size: 22px; line-height: 34px;}
.great_challenger_sub {float: right; width: 700px; margin-left: 100px}

.top_tit_sub{font-weight: 300; font-size: 18px; color: #1c1c1c; line-height: 32px; margin-top: 10px;}

.horizon_sect_wrap .great_challenger_tt {text-align: center; float: none;}
.great_challenger_tt em {color: #f60;}
.gc_icon_img {margin-top: 10px;}

.great_challenger_sub .sect_text_box {padding-bottom: 30px;}

.gc_con .video_box {width: 1200px; height: 675px; margin: 0 0 100px auto;}

/* .gc_youtube {text-align: center; margin-bottom:80px;}
.gc_youtube .play_youtube .img_box::after {content: ""; position: absolute; left: 50%; top: 50%; z-index: 2; width: 50px; height: 50px; margin: -175px 0 0 -25px; background: url(/resource/images/common/video_play_btn_off.png) 0 0 no-repeat;}
.gc_youtube .play_youtube:hover .img_box::after {background-image: url(/resource/images/common/video_play_btn_on.png);} */