#intro_dimmed {position:absolute; top:0; left:0; width:100%; height:100%; background-color: #fff; z-index:99;}


#main {position:relative; width:100%; height:800px; overflow:hidden; padding-top:75px; z-index:1; min-width:1024px; max-width:2000px; margin:0 auto;}
#main .main_container {position:relative; width:100%; height:100%; }
#main .main_container .section {position:absolute; top:0; left:50%; width:2000px; height:100%; margin-left:-1000px; overflow:hidden; z-index:3;}
#main .main_container .section1 {z-index:0;}
#main .main_container .section .section_box {position:absolute; top:50%; left:50%; margin:-400px 0 0 -700px; width:1400px; height:800px;}

#section1 .bg_group {position:relative; width:100%; height:100%; display: block;}
#section1 .bg_group li {position:absolute; top:0; left:0; z-index:0; width:100%; display: block;}
#section1 .bg_group li:first-child {z-index:2;}
#section1 .bg_group li.s1_bg1 {background:url("/_resource/main/images/section1/bg1.jpg") center center no-repeat; background-size:cover;}
#section1 .bg_group li.s1_bg2 {background:url("/_resource/main/images/section1/bg1.jpg") center center no-repeat; background-size:cover;}
#section1 .bg_group li.s1_bg3 {background:url("/_resource/main/images/section1/bg1.jpg") center center no-repeat; background-size:cover;}
#section1 .bg_group li.s1_bg4 {background:url("/_resource/main/images/section1/bg1.jpg") center center no-repeat; background-size:cover;}
/*#section1 .bg_group li img {height:100%;}*/
#section1 .main_contents {position:absolute; top:50%; left:50%; margin:-400px 0 0 -700px; height:800px; z-index:3;}
#section1 .main_contents .circle {position:absolute; top:343px; left:700px;}
#section1 .main_contents .circle li {position:absolute; top:-300px; left:-300px; opacity: 0;}
#section1 .main_contents .text_area {position:relative; width:1400px; text-align: center; margin-top:220px;}
#section1 .main_contents .text_area .text_box li {opacity: 0;}
#section1 .main_contents .text_area .text_box .s1_subtitle h1 {font-size:14px; color:#fff; display: inline-block; padding:0 13px; margin-top:0; background-color: #ea6310; height:27px; line-height: 28px; font-weight: 500;}
#section1 .main_contents .text_area .text_box .logo {margin-top:16px;}
#section1 .main_contents .text_area .text_box .title {margin-top:40px}
#section1 .main_contents .text_area .text_box .title h1 {font-size:58px; color:#3c3b34; letter-spacing: -2px; line-height:59px; font-weight: 300;}
#section1 .main_contents .text_area .text_box .title h1 span {opacity: 0;}
#section1 .main_contents .text_area .text_box .line {width:19px; height:1px; background-color:#79797a; margin:23px auto;}
#section1 .main_contents .text_area .text_box .desc {font-size:15px; color:#000000; line-height:25px; margin-top:30px;}
#section1 .main_contents .text_area .text_box .scroll_info {position:relative; width:90px; margin:48px auto;}
#section1 .main_contents .text_area .text_box .scroll_info div {position:absolute; top:0; left:0;}
/*#section1 .main_contents .text_area .text_box .scroll_info .scroll_line {left:46px; width:1px; height:48px; background-color:#f57c00; }
#section1 .main_contents .text_area .text_box .scroll_info .scroll_ball {top:-16px; left:32px;}*/
#section1 .main_contents .text_area .text_box .scroll_info .scroll_copy {top:14px; left:14px;}
#section1 .main_contents .text_area .text_box .scroll_info .scroll_seq {top:38px; left:35px; width:25px; height:25px; overflow:hidden;}

#section1 .main_contents.small {margin-top:-360px;}
#section1 .main_contents.small .text_area .text_box .title {margin-top:30px;}
#section1 .main_contents.small .text_area .text_box .scroll_info {margin-top:20px;}
#section1 .main_contents.small .text_area .text_box .line {margin-top:13px;}
#section1 .main_contents.small .text_area .text_box .desc {margin-top:26px;}

#section2 {background:url("/_resource/main/images/section2/bg.jpg") center center no-repeat; background-size:cover; display: none;}
#section2 .seq_circle {position:absolute; top:50px; left:350px;}
#section2 .seq_circle img {position:absolute; top:0; left:0; display: none;}
#section2 .seq_circle img:first-child {display: block;}
#section2 .text_box {position:absolute; top:260px; left:540px; color:#fff;}

#section3 {background:url("/_resource/main/images/section3/bg.jpg") center center no-repeat; background-size:cover; display: none; }
#section3 .seq_circle {position:absolute; top:50px; left:350px;}
#section3 .seq_circle img {position:absolute; top:0; left:0; display: none;}
#section3 .seq_circle img:first-child {display: block;}
#section3 .text_box {position:absolute; top:260px; left:538px; color:#fff;}

#section4 {background:url("/_resource/main/images/section4/bg.jpg") center center no-repeat; background-size:cover; display: none;}
#section4 .seq_circle {position:absolute; top:50px; left:350px; opacity: 0.7;}
#section4 .seq_circle img {position:absolute; top:0; left:0; display: none;}
#section4 .seq_circle img:first-child {display: block;}
#section4 .text_box {position:absolute; top:260px; left:538px; color:#fff;}

#section5 {background:url("/_resource/main/images/section5/bg.jpg") center center no-repeat; background-size:cover; display: none;}
#section5 .seq_circle {position:absolute; top:79px; left:376px;}
#section5 .text_box {position:absolute; top:260px; left:526px; color:#fff;}


/*.section .text_box .title {font-size:17px;}*/
.section .text_box .title {margin-left:3px;}
.section .text_box .title h2 {font-size:16px;}
.section .text_box .subtitle {font-size:15px; padding:0 4px; margin-top:6px; display: inline-block; height:25px; background-color: #ea6310; padding:0 9px; line-height: 25px;}
.section .text_box .en_name {font-size:70px; margin-top:50px; font-weight: 800;}
.section .text_box .desc {font-size:16px; margin-top:39px; line-height: 24px;}
.section .text_box .desc span {font-size:0px; height:0; display: block;}
.section .text_box .outLink {margin-top:40px;}
/*.section .text_box .outLink a {display:block; width:367px; height:43px; background-color:#f57c00; text-align: center; font-weight: bold; font-size:16px; color:#fff; line-height:45px; letter-spacing: 5px;}*/
.section .text_box .outLink a {position:relative; color:#fff; display: block; width:187px; height:30px;}
.section .text_box .outLink a .dLine {position:absolute; background-color:#f27b00; top:14px; left:0; width:50px; height:2px;}
.section .text_box .outLink a .aLine {position:absolute; background-color:#f27b00; top:14px; left:0; width:0; height:2px;}
.section .text_box .outLink a .arrow {position:absolute; top:10px; left:0; opacity:0;}
.section .text_box .outLink a .mouse_box {position:absolute; top:0; left:0; width:187px; height:30px; background-color:#fff; opacity:0;}
.section .text_box .outLink a .txt_box {position:absolute; top:1px; left:0; height:30px;}
.section .text_box .outLink a .txt_box span {position:relative; margin-left:70px; margin-top:2px; line-height: 30px; font-weight: 800; font-size:16px; letter-spacing: 6px;}

#sub_menu {position:absolute; bottom:0; left:0; width:100%; z-index:4;}
#sub_menu .subMenu_area {width:1264px; margin:0 auto;}
#sub_menu .subMenu_area li {position:relative; float:left; width:312px; height:99px; margin-right:5px; opacity: 0;}
#sub_menu .subMenu_area li:last-child {margin-right:0;}
#sub_menu .subMenu_area li a {display: block;}
#sub_menu .subMenu_area li a:hover .submenu_desc .ko_name {color:#f27824;}
#sub_menu .subMenu_area li a:hover .submenu_desc .line {background-color:#f27824;}
#sub_menu .subMenu_area li a:hover .submenu_desc .en_name {color:#f27824;}
#sub_menu .subMenu_area li div {position:relative;}
#sub_menu .subMenu_area li div.submenu_bg {position:absolute; top:0; left:0;}
#sub_menu .subMenu_area li div.submenu_progress {position:absolute; top:0; left:0; width:0; height:2px; background-color:#f27824;}
#sub_menu .subMenu_area li div.submenu_desc {float:left; margin:18px 0 0 30px; color:#333333;}
#sub_menu .subMenu_area li div.submenu_desc div {float:left;}
#sub_menu .subMenu_area li div.submenu_desc .ko_name {font-size:23px;}
#sub_menu .subMenu_area li div.submenu_desc .line {width:1px; height:10px; background-color:#737979; margin:10px 0 0 9px;}
#sub_menu .subMenu_area li div.submenu_desc .en_name {font-size:15px; letter-spacing: 1px; font-weight: bold;}

#sub_menu .subMenu_area li div.submenu_desc .ko_name.active {color:#f27824;}
#sub_menu .subMenu_area li div.submenu_desc .line.active {background-color:#f27824;}
#sub_menu .subMenu_area li div.submenu_desc .en_name.active {color:#f27824;}


#sub_menu .subMenu_area li div.submenu_desc2 {float:left; clear:both; margin:11px 0 0 30px; color:#666666; font-size:12px; width:224px;}
#sub_menu .subMenu_area li div.submenu_desc2 .hidden_br {display: none;}
#sub_menu .subMenu_area li div.submenu_desc2 .small_desc {display: none;}
#sub_menu .subMenu_area li div.submenu_icon {position:absolute; top:33px; right:22px;}
#sub_menu .subMenu_area li.active div.submenu_desc {color:#f27824;}
#sub_menu .subMenu_area li.active div.submenu_desc .line {background-color:#f27824;}


#dot_menu {position:absolute; top:50%; left:0; width:100%; z-index:5; visibility: hidden; opacity: 0; margin-top:-60px;}
#dot_menu .dot_menu_box {max-width:1800px; margin:0 auto;}
#dot_menu .dot_menu_box a {position:relative; float:right; clear:both; display: block; margin-bottom:0; margin-right:52px; width:160px; height:27px;}
#dot_menu .dot_menu_box a div.icons {float:right; position:relative; margin-left:20px;}
#dot_menu .dot_menu_box a div.icons .dot {margin-top:9px;}
#dot_menu .dot_menu_box a div.icons .icon {position:absolute; top:-2px; left:-10px; visibility: hidden; opacity: 0; }
#dot_menu .dot_menu_box a div.title {float:right; font-size:11px; background:rgba(255,255,255,0.7); border-radius: 20px; display: inline-block; padding:3px 12px 0; letter-spacing: 2px; visibility: hidden; opacity: 0; margin-top:1px;}
#dot_menu .dot_menu_box a div.mouse_box {position:absolute; top:0; left:0;}


#next_scroll_info {position:absolute; bottom:20px; left:0; width:100%; text-align: center; z-index:12; opacity: 0; pointer-events: none;}
#next_scroll_info .scroll_seq {width:25px; height:25px; margin:0 auto; overflow:hidden;}

@media all and (max-width:1260px){
    #sub_menu .subMenu_area {width:100%;}
    #sub_menu .subMenu_area li {width:24.6%; margin-right:0.5%;}
    #sub_menu .subMenu_area li div.submenu_bg {width:100%; overflow:hidden;}
    #sub_menu .subMenu_area li div.submenu_progress {width:0;}
    #sub_menu .subMenu_area li div.submenu_desc2 .hidden_br {display: block;}

    #sub_menu .subMenu_area li div.submenu_desc {margin-top:18px;}
    #sub_menu .subMenu_area li div.submenu_desc .ko_name {font-size:18px;}
    #sub_menu .subMenu_area li div.submenu_desc .line {margin-top:8px;}
    #sub_menu .subMenu_area li div.submenu_desc .en_name {margin-top:3px;}
    #sub_menu .subMenu_area li div.submenu_desc2 {margin-top:9px;}
    #sub_menu .subMenu_area li div.submenu_desc2 .big_desc {display: none;}
    #sub_menu .subMenu_area li div.submenu_desc2 .small_desc {display: block;}
}



/* main scroll animation */
@keyframes main-scroll-frame {
    3% {margin-top:-25px;}
    7% {margin-top:-50px;}
    11% {margin-top:-75px;}
    15% {margin-top:-100px;}
    19% {margin-top:-125px;}
    23% {margin-top:-150px;}
    26% {margin-top:-175px;}
    30% {margin-top:-200px;}
    34% {margin-top:-225px;}
    38% {margin-top:-250px;}
    42% {margin-top:-275px;}
    46% {margin-top:-300px;}
    50% {margin-top:-325px;}
    53% {margin-top:-350px;}
    57% {margin-top:-375px;}
    61% {margin-top:-400px;}
    65% {margin-top:-425px;}
    69% {margin-top:-450px;}
    73% {margin-top:-475px;}
    76% {margin-top:-500px;}
    80% {margin-top:-525px;}
    84% {margin-top:-550px;}
    88% {margin-top:-575px;}
    92% {margin-top:-600px;}
    96% {margin-top:-625px;}
    100% {margin-top:-650px;}
}

@-webkit-keyframes main-scroll-frame {
    3% {margin-top:-25px;}
    7% {margin-top:-50px;}
    11% {margin-top:-75px;}
    15% {margin-top:-100px;}
    19% {margin-top:-125px;}
    23% {margin-top:-150px;}
    26% {margin-top:-175px;}
    30% {margin-top:-200px;}
    34% {margin-top:-225px;}
    38% {margin-top:-250px;}
    42% {margin-top:-275px;}
    46% {margin-top:-300px;}
    50% {margin-top:-325px;}
    53% {margin-top:-350px;}
    57% {margin-top:-375px;}
    61% {margin-top:-400px;}
    65% {margin-top:-425px;}
    69% {margin-top:-450px;}
    73% {margin-top:-475px;}
    76% {margin-top:-500px;}
    80% {margin-top:-525px;}
    84% {margin-top:-550px;}
    88% {margin-top:-575px;}
    92% {margin-top:-600px;}
    96% {margin-top:-625px;}
    100% {margin-top:-650px;}
}

@-moz-keyframes main-scroll-frame {
    3% {margin-top:-25px;}
    7% {margin-top:-50px;}
    11% {margin-top:-75px;}
    15% {margin-top:-100px;}
    19% {margin-top:-125px;}
    23% {margin-top:-150px;}
    26% {margin-top:-175px;}
    30% {margin-top:-200px;}
    34% {margin-top:-225px;}
    38% {margin-top:-250px;}
    42% {margin-top:-275px;}
    46% {margin-top:-300px;}
    50% {margin-top:-325px;}
    53% {margin-top:-350px;}
    57% {margin-top:-375px;}
    61% {margin-top:-400px;}
    65% {margin-top:-425px;}
    69% {margin-top:-450px;}
    73% {margin-top:-475px;}
    76% {margin-top:-500px;}
    80% {margin-top:-525px;}
    84% {margin-top:-550px;}
    88% {margin-top:-575px;}
    92% {margin-top:-600px;}
    96% {margin-top:-625px;}
    100% {margin-top:-650px;}
}

.main-scroll-motion {
    animation-name: main-scroll-frame;
    animation-duration: 1s;
    animation-timing-function: step-start;
    animation-iteration-count: infinite;

    -webkit-animation-name: main-scroll-frame;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: step-start;
    -webkit-animation-iteration-count: infinite;

    -moz-animation-name: main-scroll-frame;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: step-start;
    -moz-animation-iteration-count: infinite;
}

#wrap.tablet #dot_menu {margin-top:-130px;}
#wrap.tablet #dot_menu .dot_menu_box a {height:37px;}
#wrap.tablet #dot_menu .dot_menu_box a div.title {font-size:16px;}
#wrap.tablet #dot_menu .dot_menu_box a div.icons .dot {margin-left:-1px;}
#wrap.tablet #dot_menu .dot_menu_box a div.icons .dot img {width:10px;}




/*
ie8 check
*/
.enter_ie8 {width:187px; height:40px; color:#fff; border:1px solid #fff; font-size:14px; letter-spacing: 6px; font-weight: bold; text-align: center; line-height:30px;}
#main.main_ie8 #sub_menu .subMenu_area {width:1270px;}
#main.main_ie8 #dot_menu .dot_menu_box a .title {background-color:#fff;}