@charset "utf-8";


#trading { width: 608px; float: left; overflow: hidden; }
#trading h1 { margin-bottom: 30px; height: 55px; line-height: 34px; font-size: 32px; font-weight: normal; color: #333; background: url('../images/icon/trading.png') 125px 30px no-repeat; overflow: hidden; }
#trading h1 span { display: block; color: #3378b7; height: 20px; line-height: 18px; font-size: 16px; }
#trading .b_wrap { position: relative; left: -35px; width: 645px; }
#trading .b_wrap:after { content:""; display: block; clear: both; }
#trading dl { position: relative; margin-left: 35px; padding-top: 135px; width: 286px; height: 115px; float: left; }
#trading dl dt { margin-bottom: 7px; color: #3378b7; line-height: 18px; font-size: 16px; }
#trading dl dt a { color: #3378b7; }
#trading dl dd { line-height: 18px; letter-spacing: -1px; }
#trading dl dd a { color: #333; }
#trading dl .ctg { position: absolute; bottom: 132px; left: 0; width: 100%; padding: 5px 0; line-height: 18px; font-size: 13px; font-weight: bold; background: url('../images/background/bg_opacity01.png') 0 0 repeat; overflow: hidden; z-index: 100; }
#trading dl .ctg a { display: inline-block; padding: 0 5px; height: 18px; color: #fff; background: url('../images/divide/divide03.png') 0 6px no-repeat; }
#trading dl .ctg a:first-child,
#trading dl .ctg a:first-child + a + a + a + a + a { background: none !important; }
#trading dl .thum { position: absolute; top: 0; left: 0; width: 100%; z-index: 10;}

#organizing { width: 286px; float: right; overflow: hidden; }
#organizing h1 { margin-bottom: 30px; height: 55px; line-height: 34px; font-size: 32px; font-weight: normal; color: #333; background: url('../images/icon/organizing.png') 155px 30px no-repeat; overflow: hidden; }
#organizing h1 span { display: block; color: #bb7b00; height: 20px; line-height: 18px; font-size: 16px; }
#organizing dl { position: relative; padding-top: 135px; width: 286px; height: 115px; float: left; }
#organizing dl dt { margin-bottom: 7px; color: #bb7b00; line-height: 18px; font-size: 16px; }
#organizing dl dt a { color: #bb7b00; }
#organizing dl dd { line-heig ht: 18px; letter-spacing: -1px; }
#organizing dl dd a { color: #313131; }

#organizing dl .ctg { position: absolute; bottom: 132px; left: 0; width: 100%; padding: 5px 0; line-height: 18px; font-size: 13px; font-weight: bold; background: url('../images/background/bg_opacity01.png') 0 0 repeat; overflow: hidden; z-index: 100; }
#organizing dl .ctg a { display: inline-block; padding: 0 5px; height: 18px; color: #fff; background: url('../images/divide/divide03.png') 0 6px no-repeat; }
#organizing dl .ctg a:first-child { background: none; }
#organizing dl .thum { position: absolute; top: 0; left: 0; width: 100%; z-index: 10;}

#main_visual {margin-top:34px;}
#main_visual .slider {height:973px; box-sizing:border-box; text-align:center; background-repeat:no-repeat; background-position:center; background-size:cover;}
#main_visual .slider img {display:none;}
#main_visual .slider.main_01 {background-image:url('../images/main/main_slide01.jpg');}
#main_visual .slider.main_02 {background-image:url('../images/main/main_slide02.jpg');}
#main_visual .slider.main_03 {background-image:url('../images/main/main_slide03.jpg');}
#main_visual .slider.main_04 {background-image:url('../images/main/main_slide04.jpg');}
#main_visual .title_box {padding-top:270px; color:#fff;}
#main_visual .title_box.blu {color:#092f6e;}
#main_visual .title_box > small {display:block; margin-bottom:20px; font-weight:100; font-size:18px; opacity:0;}
#main_visual .title_box > h2 {line-height:.82; letter-spacing:-.04em; font-size:80px; opacity:0;}
#main_visual .title_box > p {margin-top:45px; line-height:1.6; font-size:16px; letter-spacing:-.025em; color:#2e426b; opacity:0;}
#main_visual .title_box .wht {color:#fff;}

/* 슬라이드 모션 */
#main_visual .slick-active .title_box > small {
  -webkit-animation:fadeInDown .5s both .5s;
   animation:fadeInDown .5s both .5s;
}
#main_visual .slick-active .title_box > h2 {
  -webkit-animation:fadeInDown .8s both .8s;
  animation:fadeInDown .8s both .8s;
}
#main_visual .slick-active .title_box > p {
  -webkit-animation:fadeInDown 1s both 1s;
    animation:fadeInDown 1s both 1s;
}
#main_visual .slick-active .btn_box {
  -webkit-animation:fadeInDown 1.3s both 1.3s;
    animation:fadeInDown 1.3s both 1.3s;
}
@keyframes fadeInDown {
   0% {
      opacity: 0;
      transform: translateY(40px);
   }
   100% {
      opacity: 1;
      transform: translateY(0);
   }
} 

#main_visual .btn_box {margin-top:80px; opacity:0;}
#main_visual .btn_box a {padding:13px 46px; letter-spacing:.2em}
#main_visual .slide_count {display:none; position:absolute; bottom:50%; left:50%; margin:0 0 -414px -600px;}
#main_visual .slide_count > span {display:inline-block; vertical-align:middle; font-size:16px; color:#fff;}
#main_visual .slide_count .current {}
#main_visual .slide_count .slide_divide {margin:0 5px; width:64px; height:2px; background:#fff;}
#main_visual .slide_count .total {opacity:.27;}
#main_visual .slick-arrow {margin-top:407px;}
#main_visual .slick-prev,
#main_visual .slick-next {left:50%; width:12px; height:22px; background-image:url('../images/button/slide_arrow.png'); background-repeat: no-repeat; z-index:10;}
#main_visual .slick-prev {margin-left:519px; background-position:left 0;}
#main_visual .slick-prev:after {position:absolute; top:-8px; right:-30px; display:block; content:''; width:1px; height:40px; background:#f3f3f3;}
#main_visual .slick-next {margin-left:588px; background-position:right 0;}
#main_visual .slick-dots {bottom:60px;}
#main_visual .slick-dots li {}
#main_visual .slick-dots li button {width:10px; height:10px;}
#main_visual .slick-dots li button:before {width:10px; height:10px}
#main_visual .slick-dots li.slick-active {margin-right:40px;}
#main_visual .slick-dots li.slick-active button:before {width:44px; border-radius:.55em; opacity:1;}
#main_visual .pause {position:absolute; overflow:hidden; top:893px; left:50%; margin-left:85px; width:9px; height:10px; text-indent:-999em;  background:url('../images/button/btn_pause.png') no-repeat; z-index:1}
#main_visual .pause.paused {background:url('../images/button/btn_play.png') no-repeat}

#main_visual.slick-dotted.slick-slider {margin-bottom:0;}

.main .sub_tit {margin-top:100px; line-height:.75; font-family: 'Roboto', sans-serif; text-align:center; font-size:50px; font-weight:700;}
.main .sub_txt {margin-top:20px; text-align:center; font-size:14px; font-weight:300; color:#999;}

#business {overflow:hidden; padding:0 0 67px;}
#business .sub_txt:after {display:block; content:''; margin:30px auto; width:1px; height:45px; background:#e2e2e2;}
#business .business_box {margin:0 auto; max-width:1200px;}
#business .business_box > ul {margin:0 0 0 -20px; padding:0 0 20px;}
#business ul > li {position:relative; float:left; margin-left:20px; width:calc(25% - 20px);}
#business ul > li:hover {box-shadow: 20px 20px 50px 0px rgba(209,209,209,1); transition: box-shadow 500ms;}
#business ul > li .thumb {text-align:center;}
#business ul > li .cont_box {padding:37px 9px 30px 20px;}
#business ul > li .cont_tit {font-size:23px; font-weight:500;}
#business ul > li .cont_txt {margin-top:20px; line-height:1.6; letter-spacing:-.05em; font-size:13px; font-weight:300; color:#999;}
#business ul > li .cont_txt.mobile {display:none;}
#business ul > li .btn_area {margin-top:30px;}
#business ul > li .btn_area a {font-family: 'Roboto', sans-serif; font-weight:400;}
#business ul > li .btn_area .more span {display:inline-block; padding-right:32px; background:url('../images/button/more_arrow.png') no-repeat center right;}
#business ul > li .cover {}
#business ul > li:hover .inner {opacity:1;}
#business ul > li .inner {position:absolute; top:0; left:0; padding:71px 20px 82px; width:100%; height:400px; text-align:center; color:#fff; box-sizing:border-box; background:#2e6ace; opacity:0; transition: opacity 500ms;}
#business ul > li .inner > h3 {line-height:.8em; font-family: 'Roboto', sans-serif; font-size:35px; font-weight:100;}
#business ul > li .inner > p {margin-top:24px; line-height:1.6; letter-spacing:-.025em; font-size:13px; color:#c4dbf1;}
#business ul > li .inner .tag {font-size:0;}
#business ul > li .inner .tag:before {display:block; content:''; margin:30px auto 30px; width:36px; height:2px; background:#c4dbf1;}
#business ul > li .inner .tag > span {display:inline-block; margin:5px 3px; padding:.4em 1.17em; font-size:12px; font-weight:300; border:1px solid #82a6e2; border-radius:1.2em;}

#global {position:relative; padding:70px 0 230px; background:#f7f9fa;}
#global > .wrap {padding-bottom:110px;}
#global .map_area {width:1200px; height:320px;}
#global .map_area .world_box {width:1200px;}
#global .map_area object {width:100%;}
#global .map_area > div {position:absolute; background-repeat:no-repeat;}
#global .map_area > div .area {position:absolute; display:inline-block; cursor:pointer;}
#global .map_area .pin_box > div > span {position:absolute; display:block; text-indent:-999em;}
#global .map_area .pin_box > div > span a {display:block; width:100%; height:100%;}
#global .map_area .pin_box > div .hq {top:260px; left:495px; width:36px; height:54px; background:url('../images/icon/pin_hq.png') no-repeat;}
#global .map_area .pin_box > div .oper {width:24px; height:30px; background:url('../images/icon/pin_summery.png') no-repeat;}
#global .map_area .pin_box > div .base {width:7px; height:7px; background:url('../images/icon/pin_base.png') no-repeat;}
#global .map_area .pin_box > div .jp_sum {top:294px; left:540px;}
#global .map_area .pin_box > div .jp_base01 {top:245px; left:558px;}
#global .map_area .pin_box > div .jp_base02 {top:312px; left:549px;}
#global .map_area .pin_box > div .jp_base03 {top:317px; left:544px;}
#global .map_area .pin_box > div .jp_base04 {top:318px; left:535px;}
#global .map_area .pin_box > div .jp_base05 {top:323px; left:528px;}
#global .map_area .pin_box > div .jp_base06 {top:317px; left:523px;}
#global .map_area .pin_box > div .jp_base07 {top:311px; left:539px;}

#global .map_area .pin_box > div .cn_sum {top:308px; left:471px;}
#global .map_area .pin_box > div .cn_base01 {top:263px; left:422px;}
#global .map_area .pin_box > div .cn_base02 {top:291px; left:470px;}
#global .map_area .pin_box > div .cn_base03 {top:333px; left:484px;}
#global .map_area .pin_box > div .cn_base04 {top:320px; left:482px;}
#global .map_area .pin_box > div .cn_base04 {top:348px; left:474px;}
#global .map_area .pin_box > div .cn_base05 {top:328px; left:442px;}
#global .map_area .pin_box > div .cn_base06 {top:348px; left:449px;}
#global .map_area .pin_box > div .cn_base07 {top:364px; left:460px;}
#global .map_area .pin_box > div .cn_base08 {top:360px; left:480px;}

#global .map_area .pin_box > div .in_sum {top:316px; left:321px;}
#global .map_area .pin_box > div .in_base01 {top:337px; left:331px;}
#global .map_area .pin_box > div .in_base02 {top:377px; left:315px;}
#global .map_area .pin_box > div .in_base03 {top:383px; left:320px;}
#global .map_area .pin_box > div .in_base04 {top:360px; left:374px;}

#global .map_area .pin_box > div .as_sum {top:449px; left:427px;}
#global .map_area .pin_box > div .as_base01 {top:371px; left:423px;}
#global .map_area .pin_box > div .as_base02 {top:394px; left:431px;}
#global .map_area .pin_box > div .as_base03 {top:401px; left:433px;}
#global .map_area .pin_box > div .as_base04 {top:407px; left:429px;}
#global .map_area .pin_box > div .as_base05 {top:396px; left:413px;}
#global .map_area .pin_box > div .as_base06 {top:385px; left:392px;}
#global .map_area .pin_box > div .as_base07 {top:433px; left:417px;}
#global .map_area .pin_box > div .as_base08 {top:438px; left:421px;}
#global .map_area .pin_box > div .as_base09 {top:442px; left:426px;}
#global .map_area .pin_box > div .as_base10 {top:445px; left:409px;}
#global .map_area .pin_box > div .as_base11 {top:560px; left:589px;}
#global .map_area .pin_box > div .as_base12 {top:452px; left:417px;}
#global .map_area .pin_box > div .as_base13 {top:460px; left:418px;}
#global .map_area .pin_box > div .as_base14 {top:390px; left:482px;}
#global .map_area .pin_box > div .as_base15 {top:469px; left:426px;}

#global .map_area .pin_box > div .am_sum {top:271px; left:1049px;}
#global .map_area .pin_box > div .am_base01 {top:292px; left:1058px;}
#global .map_area .pin_box > div .am_base02 {top:336px; left:983px;}
#global .map_area .pin_box > div .am_base03 {top:332px; left:957px;}
#global .map_area .pin_box > div .am_base04 {top:322px; left:909px;}
#global .map_area .pin_box > div .am_base05 {top:375px; left:970px;}
#global .map_area .pin_box > div .am_base06 {top:370px; left:963px;}
#global .map_area .pin_box > div .am_base07 {top:380px; left:958px;}
#global .map_area .pin_box > div .am_base08 {top:378px; left:975px;}
#global .map_area .pin_box > div .am_base09 {top:417px; left:1038px;}
#global .map_area .pin_box > div .am_base10 {top:423px; left:1064px;}
#global .map_area .pin_box > div .am_base11 {top:484px; left:1046px;}
#global .map_area .pin_box > div .am_base12 {top:560px; left:1077px;}
#global .map_area .pin_box > div .am_base13 {top:560px; left:1070px;}
#global .map_area .pin_box > div .am_base14 {top:275px; left:1040px;}
#global .map_area .pin_box > div .am_base15 {top:525px; left:1158px;}

#global .map_area .pin_box > div .eu_sum {top:220px; left:94px;}
#global .map_area .pin_box > div .eu_base01 {top:240px; left:104px;}
#global .map_area .pin_box > div .eu_base02 {top:234px; left:55px;}
#global .map_area .pin_box > div .eu_base03 {top:250px; left:133px;}
#global .map_area .pin_box > div .eu_base04 {top:275px; left:146px;}
#global .map_area .pin_box > div .eu_base05 {top:280px; left:139px;}
#global .map_area .pin_box > div .eu_base06 {top:274px; left:154px;}
#global .map_area .pin_box > div .eu_base07 {top:255px; left:160px;}
#global .map_area .pin_box > div .eu_base08 {top:209px; left:182px;}
#global .map_area .pin_box > div .eu_base09 {top:276px; left:326px;}
#global .map_area .pin_box > div .eu_base10 {top:315px; left:239px;}
#global .map_area .pin_box > div .eu_base11 {top:301px; left:257px;}
#global .map_area .pin_box > div .eu_base12 {top:358px; left:250px;}
#global .map_area .pin_box > div .eu_base13 {top:358px; left:222px;}
#global .map_area .pin_box > div .eu_base14 {top:450px; left:188px;}
#global .map_area .pin_box > div .eu_base15 {top:534px; left:160px;}
#global .map_area .pin_box > div .eu_base16 {top:369px; left:196px;}
#global .map_area .pin_box > div .eu_base17 {top:427px; left:54px;}
#global .map_area .pin_box > div .eu_base18 {top:400px; left:0;}
#global .map_area .pin_box > div .eu_base19 {top:310px; left:66px;}
#global .map_area .pin_box > div .eu_base20 {top:293px; left:40px;}
#global .map_area .pin_box > div .eu_base21 {top:286px; left:306px;}
#global .map_area .pin_box > div .eu_base22 {top:270px; left:91px;}
#global .map_area .pin_box > div .eu_base23 {top:230px; left:130px;}
#global .map_area .pin_box > div .eu_base24 {top:290px; left:159px;}f
#global .map_area .pin_box > div .eu_base25 {top:336px; left:168px;}


#global .global_box {position:absolute; bottom:-130px; width:100%;}
#global .global_box > h3 {line-height:1; font-family: 'Roboto', sans-serif; font-size:30px; letter-spacing:-.015em; font-weight:bold;}
#global .global_box > h3:after {display:block; content:''; margin:17px 0 0; width:984px; height:4px; background:#000;}
#global .global_box > div {box-sizing:border-box;}
#global .global_box .global_cont {position:relative; margin-top:50px; padding:0 0 0 416px;}
#global .global_box .global_cont > p {position:absolute; top:-4px; left:0; width:335px; line-height:1.6; font-size:13px; letter-spacing:-.025em; color:#888;}
#global .global_box .global_cont .global_location {position:absolute; top:81px; left:0; }
#global .global_box .global_cont .global_location ul {overflow:hidden;}
#global .global_box .global_cont .global_location ul li {float:left; margin-right:25px; font-size:13px;}
#global .global_box .global_cont .global_location li > span {display:inline-block; margin-right:10px; width:16px; height:16px; vertical-align:top; border-radius:50%;}
#global .global_box .global_cont .global_location .head {background:#ed301c;}
#global .global_box .global_cont .global_location .total {background:#097fe6; }
#global .global_box .global_cont .global_location .overseas {background:#939aa3;}
#global .global_branch {padding:0 0 50px 20px; border-left:1px solid #dee0e1;}
#global .global_branch ul {font-size:0}
#global .global_branch li {display:inline-block; padding:0 30px 0 29px;}
#global .global_branch li dl {text-align:center; letter-spacing:-.025em;}
#global .global_branch li dt {line-height:.75; letter-spacing:-.025em; font-family: 'Roboto', sans-serif; font-size:69px; font-weight:bold;}
#global .global_branch li dd {margin-top:25px; font-size:13px;}
#global .global_branch li.last {margin-left:180px;}
#global .map_link {position:absolute; top:-3px; right:130px;}
#global .map_link li {margin-bottom:15px;}
#global .map_link li a {font-size:12px; color:#999;}
#global .btn_box {position:absolute; top:-70px; right:14px;}
#global .btn_box a {display:inline-block; padding:11px 36px;  font-family: 'Roboto', sans-serif; border-radius:1.75em; background:#175ac9;}
#global .btn_box .more {font-size:11px; letter-spacing:.2em; color:#fff;}

#story {overflow:hidden; padding-bottom:110px;}
#story:after {display:block; content:''; clear:both;}
#story .story_box {margin:0 auto; max-width:1200px; height:556px; font-size:0; box-shadow: 14px 22px 70px 0px rgba(209,209,209,1);}
#story .sub_txt:after {display:block; content:''; margin:30px auto; width:1px; height:45px; background:#e2e2e2;}
#story .story_box > div {display:inline-block; vertical-align:top;}
#story .story_box .main_news {position:relative; padding:50px 0 0; width:800px; box-sizing:border-box;}
#story .main_news > h3 {padding-left:45px; font-family: 'Roboto', sans-serif; font-size:20px; font-weight:bold;}
#story .main_news > ul {overflow:hidden; padding:40px 0 49px; box-sizing:border-box;}
#story .main_news > ul > li {float:left; width:calc(50% - 1px); text-align:center;}
#story .main_news > ul > li:first-child {border-right:1px solid #e9eaed;}
#story .main_news > ul > li:last-child {display:none;}
#story .main_news > ul > li .thumb {margin:0 auto; width:308px; height:190px;}
#story .main_news > ul > li .thumb img {width:308px; height:190px;}
#story .main_news > ul > li .news_tit {padding:0 45px; line-height:1.4; font-size:18px; font-weight:500;}
#story .main_news > ul > li .news_tit:before {display:block; content:''; margin:32px auto 25px; width:34px; height:1px; background:#dbdbdb;}
#story .main_news > ul > li .news_txt {margin-top:13px; padding:0 45px; line-height:1.6; font-size:13px; color:#999;}
#story .main_news > ul > li .news_date {margin-top:40px; font-family: 'Roboto', sans-serif; font-size:12px;}
#story .story_box .main_news .news_btn {position:absolute; top:43px; right:47px;}
#story .story_box .main_news .news_btn a {padding-right:16px; font-size:12px; color:#000; background:url('../images/main/more_arrow.png') no-repeat right center;}

#story .story_box .main_sns {padding:50px 75px 39px; width:400px; height:100%; text-align:center; background:#f2f4f5; box-sizing:border-box;}
#story .story_box .main_sns > h3 {font-family: 'Roboto', sans-serif; font-size:20px; font-weight:bold;}
#story .story_box .main_sns .thumb {position:relative; margin:44px auto 0; width:185px; height:185px;}
#story .story_box .main_sns .thumb img {width:100%;}
#story .story_box .main_sns .thumb .blog {position:absolute; bottom:-24px; left:50%; margin-left:-19px;}
#story .story_box .main_sns .sns_tit {margin-top:33px; line-height:1.4; letter-spacing:-0.05em; font-size:18px; font-weight:500;}
#story .story_box .main_sns .sns_tit:before {display:block; content:''; margin:32px auto 25px; width:34px; height:1px; background:#dbdbdb;}
#story .story_box .main_sns .sns_txt {margin-top:13px; line-height:1.6; letter-spacing:-.025em; font-weight:300; font-size:13px; color:#999;}
#story .story_box .main_sns .sns_button {margin-top:35px;}
#story .story_box .main_sns .sns_button > a {margin:0 8px;}

#about {padding:100px 0 126px; margin-bottom:100px; height:550px; box-sizing:border-box; background-image:url('../images/front/bg_about.jpg'); background-repeat:no-repeat; background-size:cover;}
#about  ul {font-size:0;}
#about  ul > li {display:inline-block; width:25%;  box-sizing:border-box;}
#about  ul > li a {color:#fff;}
#about  ul > li span {display:inline-block; margin-bottom:40px; width:100%; height:47px; background-repeat:no-repeat; background-position:center top;}
#about  ul > li .link01 {background-image:url('../images/front/spine.png');}
#about  ul > li .link02 {background-image:url('../images/front/pilates1.png');}
#about  ul > li .link03 {background-image:url('../images/front/chinese-medicine.png');}
#about  ul > li .link04 {background-image:url('../images/front/remedial1.png');}
#about  ul > li .link05 {background-image:url('../images/front/acupuncture.png');}
#about  ul > li .link06 {background-image:url('../images/front/podiatry.png');}
#about  ul > li .link07 {background-image:url('../images/front/cosmetic-clinic.png');}
#about  ul > li .link08 {background-image:url('../images/front/biomedi-logo-cross1.png');}
#about  ul > li dl {text-align:center;}
#about  ul > li dt {font-size:18px; font-weight:400;}
#about  ul > li dt:after {display:block; content:''; margin:18px auto 11px; width:15px; height:1px; background:#fff;}
#about  ul > li dd {line-height:1.6; font-size:13px; font-weight:100; opacity:.75;}

/* 에러페이지 */
.error_box {position:relative; width:100%; height:100hv;}
.error_box .error_wrap {margin:0 auto; padding-top:15%; width:450px; text-align:center;}
.error_box .error_wrap > span {display:inline-block; width:128px; height:110px; background-image:url('../images/common/ico_erro.png'); background-repeat:no-repeat;}
.error_box .error_wrap .error500 {background-position:center bottom;}
.error_box .error_wrap .error_tit {margin-top:33px; font-family: 'Roboto', sans-serif; font-size:26px; letter-spacing:.02em; color:#175ac9;}
.error_box .error_wrap .error_txt {margin:25px 0; line-height:1.41; font-size:24px; letter-spacing:-.05em; font-weight:300; color:#000;}
.error_box .error_wrap .error_txt em {display:block; font-weight:300;}
.error_box .error_wrap .error_cont {padding:37px 15px; border-top:1px solid #e9eaed; border-bottom:1px solid #e9eaed;}
.error_box .error_wrap .error_cont > p {line-height:1.46; letter-spacing:-.025em; font-size:15px; color:#999;}
.error_box .error_wrap .btn_box {margin-top:50px;}
.error_box .error_wrap .btn_box > a {margin:0 5px; font-size:14px; color:#fff; border:1px solid #175ac9;}
.error_box .error_wrap .btn_box .back {color:#175ac9; border:1px solid #175ac9; background:#fff;}

.error_box .system { padding-top:140px; letter-spacing:-.025em;}
.error_box .system .system_top {position:relative; padding:80px 0 151px; text-align:center; background:#f3f3f3 url('../images/common/bg_system.gif') left top no-repeat;}
.error_box .system .system_top > h1 { line-height:1; font-size:55px; font-weight:300;}
.error_box .system .system_top > h1 > em { font-weight:300; color:#068bec;}
.error_box .system .system_top > p {padding:34px 0 74px; line-height:1.4; font-size:16px; font-weight:300; color:#777;}
.error_box .system .system_top .sys_obj {position:absolute; bottom:-5px; left:50%; margin-left:-106px; width:333px; height:153px; background:url('../images/common/ico_system.png');}
.error_box .system .system_cont {margin:114px auto; width:800px;}
.error_box .system .system_cont > div {display:inline-block; width:398px; font-size:0; text-align:center;}
.error_box .system .system_cont .sys_box {position:relative;}
.error_box .system .system_cont .sys_box.part:after {position:absolute; display:block; top:2px; right:-3px; content:''; width:6px; height:36px; background:url('../images/common/sys_deco.png') no-repeat;}
.error_box .system .system_cont .sys_box > dl {}
.error_box .system .system_cont .sys_box dt {font-weight:500; font-size:20px; color:#000;}
.error_box .system .system_cont .sys_box dd {margin-top:14px; font-weight:300; font-size:17px; color:#666;}



@media screen and (max-width:1199px) {
	#business ul > li .thumb {width:100%;}
	#business ul > li .thumb img {width:100%;}
	#global .map_link {display:none;}
	#global .global_branch li.last {margin-left:13%;}
	#story .story_box .main_news {width:66%;}
	#story .main_news > ul > li .news_tit {overflow:hidden; padding:3px; text-overflow:ellipsis; white-space:nowrap;}
	#story .story_box .main_sns {width:33%;}
}


@media screen and (max-width: 959px) {

	#main_visual {margin:0;}
	#main_visual .slide_count,
	#main_visual .btn_box,
	#main_visual .slick-prev, 
	#main_visual .slick-next {display:none !important;}

	#main_visual .slider {padding-bottom:200px; height:425px;}
	#main_visual .slick-dotted.slick-slider {margin-bottom:0;}
	#main_visual .slick-dots li.slick-active {margin-right:15px;}
	#main_visual .slick-dots li.slick-active button:before {width:22px;}

	#main_visual .title_box {padding-top:120px;}
	#main_visual .title_box > small {margin-bottom:12px; font-size:12px;}
	#main_visual .title_box > h2 {font-size:32px;}
	#main_visual .title_box > p {margin-top:23px; font-size:14px;}
	#main_visual .title_box > p > em {display:none;}

	#main_visual .slick-dots {display:block !important; bottom:13px;}
	#main_visual .slick-dots li button:before {width:6px; height:6px; opacity:.55;}
	#main_visual .pause {top:390px; margin-left:70px; z-index:5;}

	.main .sub_tit {margin-top:40px; font-size:27.5px;}
	.main .sub_txt {margin-top:13px; font-size:13px; letter-spacing:-.025em; color:#555;}
	.main .sub_txt > em {display:none;}

	#business {padding:0 15px;}
	#business .sub_txt:after {display:none;}
	#business .business_box {margin-top:25px; max-width:100%;}
	#business .business_box > ul {margin:0 -5px; padding:0;}
	#business ul > li {margin:0 2.5px; width:calc(50% - 5px);}
	#business ul > li .cont_tit {font-size:18px;}
	#business ul > li:hover {box-shadow:none;}
	#business ul > li .thumb img {width:100%;}
	#business ul > li .cont_box {padding:16px 5px 18px;}
	#business ul > li .pc {display:none;}
	#business ul > li .cont_txt.mobile {display:block; margin-top:3px; font-size:14px; color:#666;}
	#business ul > li .inner {}
	#business ul > li .cover {display:none;}
	#business ul > li .btn_area {display:none;}

	#global {margin-top:10px; padding:0;}
	#global .map_area {height:280px; background: url('../images/main/m_world_map.png') no-repeat center bottom; background-size:100% auto;}
	#global .map_area > div,
	#global .map_link,
	#global .global_box > h3 br,
	#global .global_box > h3:after,
	#global .global_box .global_cont .global_location li:last-child,
	#global .global_box .global_cont > p {display:none;}

	#global .global_box {position:static;}
	#global .global_box > h3 {position:absolute; top:35px; left:0; width:100%; font-size:27px; text-align:center;}
	#global .global_box .global_cont {padding:0 15px 30px;}
	#global .global_box .global_cont .global_location {top:-30px; left:15px;}
	#global .global_branch {padding:20px 0 0; width:100%; text-align:center; border-top:2px solid #000; border-left:0 none;}
	#global .global_branch li {padding:0; width:25%;}
	#global .global_branch li dt {font-size:1.5rem;}
	#global .global_branch li dd {margin-top:7px; letter-spacing:-.05em; font-size:.7rem; color:#777;}
	#global .global_branch li.last {margin-left:0;}
	#global .btn_box {position:static; margin-top:25px; text-align:center;}

	#story {padding:0 15px;}
	#story .sub_txt:after,
	#story .main_news > h3,
	#story .main_news > ul > li .thumb,
	#story .main_news > ul > li .news_tit:before,
	#story .main_news > ul > li .news_date,
	#story .story_box .main_sns > h3 {display:none;}
	#story .story_box {padding-bottom:32px; height:100%; box-shadow:none;}
	#story .story_box .main_news {padding:0; width:100%;}
	#story .main_news > ul {margin:23px 0 40px; padding:0; border-top:2px solid #000;}
	#story .main_news > ul > li {float:none; width:100%; text-align:left; border-bottom:1px solid #d9d9d9;}
	#story .main_news > ul > li:first-child {border-right:0 none;}
	#story .main_news > ul > li:last-child {display:block;}
	#story .main_news > ul > li .news_tit {padding: 20px 5px 0; font-size:17px; letter-spacing:-.05em;}
	#story .main_news > ul > li .news_txt {margin:5px 0 15px; padding:0 5px; overflow:hidden; letter-spacing:-.025em; text-overflow: ellipsis; white-space: nowrap; font-size:13px; color:#666;}
	#story .story_box .main_sns {padding:0; width:100%; box-shadow: 10px 10px 20px 0px rgba(209,209,209,1);}
	#story .story_box .main_sns .thumb {margin:28px auto;}
	#story .story_box .main_sns .thumb img {width:170px;}
	#story .story_box .main_sns .sns_tit,
	#story .story_box .main_sns .sns_txt,
	#story .story_box .main_sns .sns_button {margin:0; padding:20px 0; background:#fff;}
	#story .story_box .main_sns .sns_tit {padding:20px 0 0; font-size:17px; font-weight:bold;}
	#story .story_box .main_sns .sns_tit:before {display:none;}
	#story .story_box .main_sns .sns_txt {padding:15px 25px 0; font-size:13px; letter-spacing:-.025em; color:#666;}
	#story .story_box .main_news .news_btn {display:none;}

	#story .story_box .main_sns .sns_button > a {width:29px; height:29px; background-size:250px 250px;}
	#story .story_box .main_sns .sns_button .small_blog {background-position:-29px -32px;}
	#story .story_box .main_sns .sns_button .small_face {background-position:0 -32px;}

	#about {padding:47px 0 45px; height:auto; background-image: url('../images/front/bg_about.jpg'); background-position:center;}
	#about ul {padding:0 10px;}
	#about ul > li {width:33.3%;}
	#about ul > li span {margin-bottom:10px;}
	#about ul > li dt {font-size:.8rem;}
	#about ul > li dd,
	#about ul > li dt:after,
	#about ul > li:last-child {display:none;}


	#middle.main #company { margin: 0; width: 100%; }
	#middle.main #company > h1 { display: none; top: 22px; left: 20px; margin-left: 0; padding-top: 113px; width: 171px; height: 0; background: url('../images/main/main_mtit01.png') 0 0 no-repeat; overflow: hidden; z-index: 1000; }

	#middle.main #quick_main { display: none; }

	#main_thum { height: 238px; }
	#main_thum li { height: 238px; float: none; }
	#main_thum li a { display: none; position: absolute; top: 15px; width: 10px; height: 10px; background: url('../images/button/btn_paging_m01.png') right 0 no-repeat; overflow: hidden; z-index: 100; }
	#main_thum li #visual_01 { left: auto; margin-left: 0; right: 75px; }
	#main_thum li #visual_02 { left: auto; margin-left: 0; right: 55px; }
	#main_thum li #visual_03 { left: auto; margin-left: 0; right: 35px; }
	#main_thum li #visual_04 { left: auto; margin-left: 0; right: 15px; }

	#main_thum li dt { display: none; }
	#main_thum li dt span { display: none; left: -3px !important; width: 260px !important; }
	#main_thum li dd img { display: none; }
	#main_thum li .visual { height: 238px; background-size: auto 100%; }
	#main_thum li .visual .wrap { display: none; width: auto; height: 238px; }

	#main_thum li.on dt, .normal #main_thum li > a:focus dt,
	#main_thum li.on dt span, .normal #main_thum li > a:focus dt span,
	#main_thum li.on .visual .wrap, .normal #main_thum li > a:focus + .visual .wrap,
	#main_thum li.on .visual .wrap img, .normal #main_thum li > a:focus + .visual .wrap img { display: none; width: auto; }

	#main_thum li.cycle-slide-active .visual, .normal #main_thum li > a:focus + .visual { display: block; opacity: 1 !important; }
	#main_thum li.cycle-slide-active .visual .wrap, .normal #main_thum li > a:focus + .visual .wrap { display: block; }
	#main_thum li.cycle-slide-active .visual .wrap img, .normal #main_thum li > a:focus + .visual .wrap img { display: none !important; }

	#main_thum li.on a { background-position: 0 0; }
	#main_thum li.cycle-slide-active a,
	#main_thum li.cycle-slide-active dl,
	#main_thum li.cycle-slide-active dt, 
	#main_thum li.cycle-slide-active dt span { display: block; }
	#main_thum li.cycle-slide-active a { height: 0; left: 15px !important; right: auto !important; overflow: visible; }
	#main_thum li.cycle-slide-active dt { border: 0 none; }
	#main_thum li.cycle-slide-active span { position: absolute; top: 15px; left: 0; height: auto; line-height: 28px; font-size: 24px; }

	#main_thum_pager { display: block; position: absolute; top: 10px; right: 10px; color: #717d97; font-size: 30px; z-index: 1000; }
	#main_thum_pager span { display: inline-block; width: 22px; height: 22px; }
	#main_thum_pager .cycle-pager-active { color: #fff; }

	#recently_news { position: relative; top: auto; left: auto; margin-left: 0; background: #fff; }
	#recently_news .sec_small01 { border-bottom: 0 none; }

	.sec_small01 { position: relative; margin-left: 0 !important; padding: 19px 20px; }
	.sec_small01:first-child { margin-left: 0; }
	.sec_small01 h1 { margin-bottom: 15px; color: #333; line-height: 17px; font-size: 15px; font-weight: bold; }

	.sec_small01 .list { position: relative; padding-bottom: 1px; *zoom: 1; }
	.sec_small01 .list:after { content:""; display: block; clear: both; }
	.sec_small01 .list li { width: 100%; float: left; }
	.sec_small01 .list li a { display: block; position: relative; padding: 0 0 0 70px; width: 195px; height: 19px; color: #333; line-height: 19px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
	.sec_small01 .list li a span { position: absolute; top: 0; left: 0; color: #5ba1c7; }
	.sec_small01 .thum_info { position: relative; padding: 27px 0 0 130px; height: 50px; color: #333; overflow: hidden; }
	.sec_small01 .thum_info dt { line-height: 16px; font-weight: bold; font-weight: 800; }
	.sec_small01 .thum_info .thum { position: absolute; top: 0; left: 0; }
	.sec_small01 .thum_info .txt { width: 134px; line-height: 18px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
	.sec_small01 .thum_info .date { position: absolute; top: 0; left: 130px; color: #5ba1c7 }


	.sec_small01 { padding: 19px 0 !important; width: 50% !important; }
	.sec_small01:first-child { padding: 19px 10px !important; width: auto !important; float: none;}
	.sec_small01 .list li { width: 100%; float: left; }
	.sec_small01 .list li a { display: block; position: relative; padding: 0 0 0 70px; width: auto !important; }
	.sec_small01 .list li a span { position: absolute; top: 0; left: 0; color: #5ba1c7; }
	.sec_small01 .btn_more { right: 10px !important; }


	.sec_small01.quick_nav { padding: 19px 10px 19px 10px; width: 284px; }
	.quick_nav ul{ position: relative; margin: 0 auto; width: 279px; *zoom: 1; }
	.quick_nav ul:after { content:""; display: block; clear: both; }
	.quick_nav li { padding: 0 13px; width: 67px; text-align: center; float: left; }
	.quick_nav li a { display: block; padding-top: 72px; width: 67px; color: #333; line-height: 15px; font-size: 13px; font-weight: bold; background: url('../images/button/btn_quick02s.png') 0 -135px no-repeat; }
	.quick_nav #quick_nav01 a { background-position: 0 -135px; }
	.quick_nav #quick_nav02 a { background-position: -68px -135px; }
	.quick_nav #quick_nav03 a { background-position: -135px -135px; }
	.quick_nav #quick_nav01 a:hover { background-position: 0 0; }
	.quick_nav #quick_nav02 a:hover { background-position: -68px 0; }
	.quick_nav #quick_nav03 a:hover { background-position: -135px 0; }

	.sec_small01.quick_nav + .sec_small01 { padding: 19px 10px 19px 10px; width: 284px; height: auto; overflow: visible; }
	.sec_small01.quick_nav h1 { padding-left: 10px; margin-bottom: 10px; }
	#sns_news { margin: 0 auto; width: 279px; height: auto !important; padding-top: 32px; *zoom: 1; }
	#sns_news:after { content:""; display: block; clear: both; }
	#sns_news > li { position: relative !important; margin-top: 0px; padding: 0 13px; width: 67px; float: left; }
	#sns_news > li:first-child { margin-top: 0; }
	#sns_news > li button { position: absolute; top: auto; left: auto; bottom: 0; right: 13px !important; width: 67px; height: auto; color: #333; line-height: 15px; font-size: 13px; font-weight: bold; background: none; overflow: visible; z-index: 10; }
	#sns_news > li > a { display: block !important; position: relative; padding-top: 72px; width: 67px; height: 15px; background: url('../images/sns/sns02.png') 0 0 no-repeat; }
	#sns_news > li section { position: relative; width: 100%; height: 100%; }
	#sns_news > li.on { z-index: 1; }
	#sns_news > li h1 { display: none !important; }
	#sns_news > li.on h1 { display: none !important; }
	#sns_news > li.on h1 + *{ display: block !important; }
	#sns_news > li#sns_news_blog {}
	#sns_news > li#sns_news_blog a { background-position: 0 0; }
	#sns_news > li#sns_news_blog h1 { display: none !important; }
	#sns_news > li#sns_news_blog dl { display: none; }

	#sns_news > li#sns_news_facebook dl { display: block !important; padding: 0; height: auto; }
	#sns_news > li#sns_news_facebook dl dt { margin-bottom: 0; }
	#sns_news > li#sns_news_facebook dl dt a { display: block !important; position: relative; padding-top: 87px; width: 67px; height: 0; line-height: 0; font-size: 0; text-indent: -10000px; background: url('../images/sns/sns02.png') -67px 0 no-repeat; overflow: hidden; }
	#sns_news > li#sns_news_facebook dl dd { display: none; }
  
  
  #sns_news > li#sns_news_twitter dl { display: block !important; padding: 0; height: auto; }
	#sns_news > li#sns_news_twitter dl dt { margin-bottom: 0; }
	#sns_news > li#sns_news_twitter dl dt a { display: block !important; position: relative; padding-top: 87px; width: 67px; height: 0; line-height: 0; font-size: 0; text-indent: -10000px; background: url('../images/sns/sns02.png') right 0 no-repeat; overflow: hidden; }
	#sns_news > li#sns_news_twitter dl dd { display: none; } 
  

	#trading { padding: 0 0px 0 10px; width: auto; float: none; overflow: hidden; }
	#trading .b_wrap { position: relative; left: 0; margin: 0 auto; width: 592px; }
	#trading dl { position: relative; margin-left: 0px; margin-right: 10px; padding-top: 135px; width: 286px; height: 115px; float: left; }


	#organizing { margin: 0; padding: 0 0px 0 10px; width: auto; float: none; overflow: hidden; }
	#organizing .b_wrap { position: relative; left: 0; margin: 0 auto; width: 592px; }
	#organizing dl { position: relative; margin-left: 0px; margin-right: 10px; padding-top: 135px; width: 286px; height: 115px; float: left; }
	

	/* quick_line */
	#quick_line a { width: 50%; text-align: center }
	#quick_line dfn,
	#quick_line span { display: inline-block; float: none; }

	#trading dl { height: 90px; }
	#trading dl .ctg { bottom: 107px; }
	#trading dl:first-child .ctg { bottom: 107px; }

	#organizing dl { height: 90px; }
	#organizing dl .ctg { bottom: 107px; }


	#quick_line { display: none; }

	#globalmap { display: none; }


	.error_box .system { padding-top:70px;}
	.error_box .system .system_top {position:relative; padding:40px 0 71px; text-align:center; background:#f3f3f3;}
	.error_box .system .system_top > h1 { line-height:1; font-size:27px;}
	.error_box .system .system_top > p {padding:17px 0 37px; font-size:12px;}
	.error_box .system .system_top .sys_obj {position:absolute; bottom:-2px; left:50%; margin-left:-53px; width:166px; height:78px; background:url('../images/common/ico_system.png'); background-size:166px 78px;}
	.error_box .system .system_cont {margin:57px 0; width:100%;}
	.error_box .system .system_cont > div {width:49%;}
	.error_box .system .system_cont .sys_box {position:relative;}
	.error_box .system .system_cont .sys_box.part:after {position:absolute; display:block; top:2px; right:-3px; content:''; width:3px; height:18px; background:url('../images/common/sys_deco.png') no-repeat; background-size:3px 18px;}
	.error_box .system .system_cont .sys_box > dl {}
	.error_box .system .system_cont .sys_box dt {font-size:14px; color:#000;}
	.error_box .system .system_cont .sys_box dd {margin-top:7px;font-size:12px;}


}


@media screen and (max-width: 610px) {
	#trading, #organizing { padding: 0; }
	#trading dl, #organizing dl { margin: 0 auto; float: none; }
	#middle.main #company { margin-bottom: 30px; }

	#trading .b_wrap,
	#organizing .b_wrap { position: relative; left: 0; margin: 0 auto; width: auto; }
	
	#trading h1,
	#organizing h1 { margin-bottom: 0; height: 36px; line-height: 36px; color: #fff; font-size: 15px; font-weight: bold; text-align: center; background: none; }

	#trading dl dd,
	#organizing dl dd { display: none; }

	#trading h1 span,
	#organizing h1 span { display: none; }

	#trading { width: 65%; float: left;}
	#trading h1 { background: #3877ae; }
	#trading dl { margin: 0; padding: 0; width: 50%; float: left; }
	
	#organizing { width: 35%; float: right; }
	#organizing h1 { background: #c99137; }
	#organizing dl { margin: 0; padding: 0; width: 100%; float: left; }

	.sec_small01 { padding: 19px 0 !important; width: auto !important; }
	.sec_small01.quick_nav { padding: 10px 0 !important; width: 100% !important; }
	.sec_small01.quick_nav + .sec_small01 { padding: 10px 0 !important; width: 100% !important; }
}




@media screen and (max-width: 450px) {

/* 에러페이지 */
.error_box .error_wrap {padding-top:25%; width:100%;}
.error_box .error_wrap > span {display:inline-block; width:64px; height:55px; background-size:64px 110px;}
.error_box .error_wrap .error500 {background-position:center bottom;}
.error_box .error_wrap .error_tit {margin-top:25px; font-size:20px;}
.error_box .error_wrap .error_txt {margin:25px 0; font-size:15px;}
.error_box .error_wrap .error_cont {padding:20px 15px;}
.error_box .error_wrap .error_cont > p {font-size:15px;}
.error_box .error_wrap .btn_box {margin-top:30px;}
.error_box .error_wrap .btn_box a {padding:8px 30px; font-size:12px;}

}



/* ie7 8 */

.res960 #middle.main { position: relative; }
.res1024 #middle.main #company { margin: 0; }
.res1024 #middle.main #quick_main { margin-right: -515px; }
.res1024 #main_thum .wrap { margin: 0; width: 960px; }
.res1024 .sec_small01 { width: 248px; }
.res1024 .sec_small01.quick_nav { width: 264px; }
.res1024 #quick_line a { width: 45%; }
.res1024 #organizing { margin-left: 35px; float: left; }



.res960 #middle.main #quick_main{ display: none; }
.res960 #middle.main #company { margin: 0; width: 100%; }
.res960 #middle.main #company > h1 { top: 22px; left: 20px; margin-left: 0; width: 171px; height: 113px; background: url('../images/main/main_mtit01.png') 0 0 no-repeat; z-index: 1000; }

.res960 #main_thum { height: 238px; }
.res960 #main_thum li { height: 238px; float: none; }
.res960 #main_thum li a { display: none; *display: block; *position: absolute; *top: 15px; *width: 10px; *height: 10px; *background: url('../images/button/btn_paging_m01.png') -21px 0 no-repeat; *overflow: hidden; *z-index: 100; }
.res960 #main_thum li.on a { *background-position: 0 0; }
.res960 #main_thum li #visual_01 { left: auto; margin-left: 0; right: 75px; }
.res960 #main_thum li #visual_02 { left: auto; margin-left: 0; right: 55px; }
.res960 #main_thum li #visual_03 { left: auto; margin-left: 0; right: 35px; }
.res960 #main_thum li #visual_04 { left: auto; margin-left: 0; right: 15px; }

.res960 #main_thum li dt { display: none; *display: block;}
.res960 #main_thum li dt span { display: none; }
.res960 #main_thum li dd img { display: none; }
.res960 #main_thum li .visual { height: 238px; background-size: auto 100%; }
.res960 #main_thum li .visual .wrap { display: none; height: 238px; }

.res960 #main_thum li.on dt, .res960 .normal #main_thum li > a:focus dt,
.res960 #main_thum li.on dt span, .res960 .normal #main_thum li > a:focus dt span,
.res960 #main_thum li.on .visual .wrap, .res960 .normal #main_thum li > a:focus + .visual .wrap,
.res960 #main_thum li.on .visual .wrap img, .res960 .normal #main_thum li > a:focus + .visual .wrap img { display: none; }

.res960 #main_thum li.cycle-slide-active { display: block !important; }
.res960 #main_thum li.cycle-slide-active .visual, .res960 .normal #main_thum li > a:focus + .visual { display: block; opacity: 1 !important; }
.res960 #main_thum li.cycle-slide-active .visual .wrap, .res960 .normal #main_thum li > a:focus + .visual .wrap { display: block; }
.res960 #main_thum li.cycle-slide-active .visual .wrap img, .res960 .normal #main_thum li > a:focus + .visual .wrap img { display: none !important; }

.res960 #main_thum li.on a { background-position: 0 0; }

.res960 #main_thum_pager { display: block; position: absolute; top: 10px; right: 10px; color: #717d97; font-size: 30px; z-index: 1000; }
.res960 #main_thum_pager span { display: inline-block; width: 22px; height: 22px; }
.res960 #main_thum_pager .cycle-pager-active { color: #fff; }

.res960 #recently_news { position: relative; top: auto; left: auto; margin-left: 0; background: #fff; }
.res960 #recently_news .sec_small01 { border-bottom: 0 none; }

.res960 .sec_small01 { position: relative; margin-left: 0 !important; padding: 19px 20px; overflow: hidden; }
.res960 .sec_small01:first-child { margin-left: 0; }
.res960 .sec_small01 h1 { margin-bottom: 15px; color: #333; line-height: 17px; font-size: 15px; font-weight: bold; }

.res960 .sec_small01 .list { position: relative; padding-bottom: 1px; *zoom: 1; }
.res960 .sec_small01 .list:after { content:""; display: block; clear: both; }
.res960 .sec_small01 .list li { width: 100%; float: left; }
.res960 .sec_small01 .list li a { display: block; position: relative; padding: 0 0 0 70px; width: 195px; height: 19px; color: #333; line-height: 19px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.res960 .sec_small01 .list li a span { position: absolute; top: 0; left: 0; color: #5ba1c7; }
.res960 .sec_small01 .thum_info { position: relative; padding: 27px 0 0 130px; height: 50px; color: #333; overflow: hidden; }
.res960 .sec_small01 .thum_info dt { line-height: 16px; font-weight: bold; font-weight: 800; }
.res960 .sec_small01 .thum_info .thum { position: absolute; top: 0; left: 0; }
.res960 .sec_small01 .thum_info .txt { width: 134px; line-height: 18px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.res960 .sec_small01 .thum_info .date { position: absolute; top: 0; left: 130px; color: #5ba1c7 }


.res960 .sec_small01 { padding: 19px 0 !important; width: 50% !important; *width: 49.9% !important; }
.res960 .sec_small01:first-child { padding: 19px 10px !important; width: auto !important; float: none;}
.res960 .sec_small01 .list li { width: 100%; float: left; }
.res960 .sec_small01 .list li a { display: block; position: relative; padding: 0 0 0 70px; width: auto !important; }
.res960 .sec_small01 .list li a span { position: absolute; top: 0; left: 0; color: #5ba1c7; }
.res960 .sec_small01 .btn_more { right: 10px !important; }


.res960 .sec_small01.quick_nav { padding: 19px 10px 19px 10px; width: 284px; }
.res960 .quick_nav ul{ position: relative; margin: 0 auto; width: 279px; *zoom: 1; }
.res960 .quick_nav ul:after { content:""; display: block; clear: both; }
.res960 .quick_nav li { padding: 0 13px; width: 67px; text-align: center; float: left; }
.res960 .quick_nav li a { display: block; padding-top: 72px; width: 67px; color: #333; line-height: 15px; font-size: 13px; font-weight: bold; background: url('../images/button/btn_quick02s.png') 0 -135px no-repeat; }
.res960 .quick_nav #quick_nav01 a { background-position: 0 -135px; }
.res960 .quick_nav #quick_nav02 a { background-position: -68px -135px; }
.res960 .quick_nav #quick_nav03 a { background-position: -135px -135px; }
.res960 .quick_nav #quick_nav01 a:hover { background-position: 0 0; }
.res960 .quick_nav #quick_nav02 a:hover { background-position: -68px 0; }
.res960 .quick_nav #quick_nav03 a:hover { background-position: -135px 0; }

.res960 .sec_small01.quick_nav + .sec_small01 { padding: 19px 10px 19px 10px; width: 284px; height: auto; overflow: visible; }
.res960 .sec_small01.quick_nav h1 { padding-left: 10px; margin-bottom: 10px; }
.res960 #sns_news { margin: 0 auto; width: 279px; height: auto !important; padding-top: 32px; *zoom: 1; }
.res960 #sns_news:after { content:""; display: block; clear: both; }
.res960 #sns_news > li { position: relative !important; margin-top: 0px; padding: 0 13px; width: 67px; float: left; }
.res960 #sns_news > li:first-child { margin-top: 0; }
.res960 #sns_news > li button { position: absolute; top: auto; left: auto; bottom: 0; right: 13px !important; width: 67px; height: auto; color: #333; line-height: 15px;  font-size: 13px; font-weight: bold; background: none; overflow: visible; z-index: 10; }
.res960 #sns_news > li > a { display: block !important; position: relative; padding-top: 72px; width: 67px; height: 15px; background: url('../images/sns/sns02.png') 0 0 no-repeat; }
.res960 #sns_news > li section { position: relative; width: 100%; height: 100%; }
.res960 #sns_news > li.on { z-index: 1; }
.res960 #sns_news > li h1 { display: none !important; }
.res960 #sns_news > li.on h1 + *{ display: block !important; }
.res960 #sns_news > li#sns_news_blog {}
.res960 #sns_news > li#sns_news_blog a { background-position: 0 0; }
.res960 #sns_news > li#sns_news_blog h1 { display: none !important; }
.res960 #sns_news > li#sns_news_blog dl { display: none; }

.res960 #sns_news > li#sns_news_facebook dl { display: block !important; padding: 0; height: auto; }
.res960 #sns_news > li#sns_news_facebook dl dt { margin-bottom: 0; }
.res960 #sns_news > li#sns_news_facebook dl dt a { display: block !important; position: relative; padding-top: 87px; width: 67px; height: 0; line-height: 0; font-size: 0; text-indent: -10000px; background: url('../images/sns/sns02.png') -67px 0 no-repeat; overflow: hidden; }
.res960 #sns_news > li#sns_news_facebook dl dd { display: none; }

.res960 #sns_news > li#sns_news_twitter dl { display: block !important; padding: 0; height: auto; }
.res960 #sns_news > li#sns_news_twitter dl dt { margin-bottom: 0; }
.res960 #sns_news > li#sns_news_twitter dl dt a { display: block !important; position: relative; padding-top: 87px; width: 67px; height: 0; line-height: 0; font-size: 0; text-indent: -10000px; background: url('../images/sns/sns02.png') -134 0 no-repeat; overflow: hidden; }
.res960 #sns_news > li#sns_news_twitter dl dd { display: none; }


.res960 #business { position: relative; margin: 0; padding: 65px 0 20px 0; width: auto; }

.res960 #trading { padding: 0 0 0 10px; width: auto; float: none; overflow: hidden; }
.res960 #trading .b_wrap { position: relative; left: 0; margin: 0 auto; width: 592px; }
.res960 #trading dl { position: relative; margin-left: 0px; margin-right: 10px; padding-top: 135px; width: 286px; height: 115px; float: left; }


.res960 #organizing { padding: 0 0 0 10px; margin: 0; width: auto; float: none; overflow: hidden; }
.res960 #organizing .b_wrap { position: relative; left: 0; margin: 0 auto; width: 592px; }
.res960 #organizing dl { position: relative; margin-left: 0px; margin-right: 10px; padding-top: 135px; width: 286px; height: 115px; float: left; }

/* quick_line */
.res960 #quick_line a { width: 50%; text-align: center }
.res960 #quick_line dfn,
.res960 #quick_line span { display: inline-block; float: none; }

.res960 #business { position: relative; margin: 0; padding: 20px 0 20px 0; width: auto; }
.res960 #trading dl { height: 90px; }
.res960 #trading dl .ctg { bottom: 107px; }

.res960 #organizing dl { height: 90px; }
.res960 #organizing dl .ctg { bottom: 107px; }


.res960 #quick_line { display: none; }

.res960 #globalmap { display: none; }



.res610 #trading, .res610 #organizing { padding: 0; }
.res610 #trading dl, .res610 #organizing dl { margin: 0 auto; float: none; }
.res610 #middle.main #company { margin-bottom: 30px; }

.res610 #business { padding: 0; }
.res610 #business dt a { display: block; padding-left: 0px; padding-top: 60px; height: 32px; color: #fff !important; font-weight: bold; background: url('../images/icon/business01m.png') center 0 no-repeat; text-align: center; }
.res610 #business .type01 dt a { background-color: #6a9ac6; background-position: center 0;}
.res610 #business .type02 dt a { background-color: #74a4ce; background-position: center -92px;}
.res610 #business .type03 dt a { background-color: #74a4ce; background-position: center -184px;}
.res610 #business .type04 dt a { background-color: #6a9ac6; background-position: center -276px;}
.res610 #business .type05 dt a { background-color: #e6be57; background-position: center -368px;}
.res610 #business .type06 dt a { background-color: #eecc75; background-position: center -460px;}

.res610 #trading .b_wrap,
.res610 #organizing .b_wrap { position: relative; left: 0; margin: 0 auto; width: auto; *zoom: 1; }
.res610 #trading h1,
.res610 #organizing h1 { margin-bottom: 0; height: 36px; line-height: 36px; color: #fff; font-size: 15px; font-weight: bold; text-align: center; background: none; }

.res610 #trading dl dd,
.res610 #organizing dl dd { display: none; }

.res610 #trading { width: 65%; float: left; *width: 64.9%; }
.res610 #trading h1 { background: #3877ae; }
.res610 #trading h1 span { display: none; }

.res610 #trading dl { margin: 0; padding: 0; width: 50%; float: left; *width: 49.9%; }
.res610 #organizing { padding: 0; width: 35%; float: right; }
.res610 #organizing h1 { background: #c99137; }
.res610 #organizing h1 span { display: none; }
.res610 #organizing dl { margin: 0; padding: 0; width: 100%; float: left; }

.res610 .sec_small01 { padding: 19px 0 !important; width: auto !important; }
.res610 .sec_small01.quick_nav { padding: 10px 0 !important; width: 100% !important; height: auto !important; }
.res610 .sec_small01.quick_nav + .sec_small01 { padding: 10px 0 !important; width: 100% !important;  }


/*main image*/
@import url(https://fonts.googleapis.com/css?family=Raleway:500,900);
figure.snip1432 {
  font-family: 'Raleway', Arial, sans-serif;
  color: #fff;
  position: relative;
  overflow: hidden;
  margin: 10px;
  min-width: 250px;
  max-width: 380px;
  margin-right: 20px;
  margin-left: auto;
  width: 100%;
  background: #000000;
  color: #ffffff;
  text-align: left;
  float:left;
}
figure.snip1432 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
figure.snip1432 img {
  opacity: 0.8;
  width: 100%;
  vertical-align: top;
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;
}
figure.snip1432 figcaption {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
figure.snip1432 figcaption > div {
  height: 50%;
  overflow: hidden;
  width: 100%;
  position: relative;
}
figure.snip1432 h2,
figure.snip1432 h3 {
  margin: 0;
  position: absolute;
  left: 0;
  padding: 0 30px;
  text-transform: uppercase;
}
figure.snip1432 h2 {
  font-weight: 900;
  top: 0;
}
figure.snip1432 h3 {
  font-size: 1em;
  bottom: 0;
  font-weight: 500;
}
figure.snip1432 h3:nth-of-type(2) {
  opacity: 0;
  -webkit-transform: translateY(150%);
  transform: translateY(150%);
}
figure.snip1432 a {
  left: 0;
  right: ;
  top: 0;
  bottom: 0;
  position: absolute;
}
figure.snip1432:hover img,
figure.snip1432.hover img {
  opacity: 0.3;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
figure.snip1432:hover figcaption h3:first-of-type,
figure.snip1432.hover figcaption h3:first-of-type {
  -webkit-transform: translateY(150%);
  transform: translateY(150%);
  opacity: 0;
}
figure.snip1432:hover figcaption h3:nth-of-type(2),
figure.snip1432.hover figcaption h3:nth-of-type(2) {
  opacity: 1;
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
}


figure.snip1400 {
  font-family: 'Raleway', Arial, sans-serif;
  color: #fff;
  position: relative;
  overflow: hidden;
  margin: 10px;
  min-width: 100%;
  max-width: 380px;
  margin-right: 20px;
  margin-left: auto;
  width: 100%;
  background: #000000;
  color: #ffffff;
  text-align: left;
  float:left;
}
figure.snip1400 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
figure.snip1400 img {
  opacity: 0.8;
  width: 100%;
  vertical-align: top;
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;
}
figure.snip1400 figcaption {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
figure.snip1400 figcaption > div {
  height: 50%;
  overflow: hidden;
  width: 100%;
  position: relative;
}
figure.snip1400 h2,
figure.snip1400 h3 {
  margin: 0;
  position: absolute;
  left: 0;
  padding: 0 30px;
  text-transform: uppercase;
}
figure.snip1400 h2 {
  font-weight: 900;
  top: 0;
}
figure.snip1400 h3 {
  font-size: 1em;
  bottom: 0;
  font-weight: 500;
}
figure.snip1400 h3:nth-of-type(2) {
  opacity: 0;
  -webkit-transform: translateY(150%);
  transform: translateY(150%);
}
figure.snip1400 a {
  left: 0;
  right: ;
  top: 0;
  bottom: 0;
  position: absolute;
}
figure.snip1400:hover img,
figure.snip1400.hover img {
  opacity: 0.3;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
figure.snip1400:hover figcaption h3:first-of-type,
figure.snip1400.hover figcaption h3:first-of-type {
  -webkit-transform: translateY(150%);
  transform: translateY(150%);
  opacity: 0;
}
figure.snip1400:hover figcaption h3:nth-of-type(2),
figure.snip1400.hover figcaption h3:nth-of-type(2) {
  opacity: 1;
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
}