/* Sub_Common : ¼­ºêÆäÀÌÁö °øÅë */
/* ±¹¹®, ¿µ¹®Àº ¶ç¾î¾²±â ´ÜÀ§·Î ÁٹٲÞÀÌ °¡´ÉÇϵµ·Ï Word-break: keep-all À» Àû¿ëÇÏ¿´½À´Ï´Ù. */
/* Áß¹®ÀÇ °æ¿ì ¶ç¾î¾²±â°¡ ¾ø´Â °ü°è·Î Word-break: break-all À» Àû¿ëÇÏ¿© ÀÛ¾÷À» ÁøÇàÇÏ¿´½À´Ï´Ù. */
* {-webkit-text-size-adjust:none;}
#sf {width:100%; height:270px; background-color:#ff7800; text-align:center; font-size:15px; line-height:27px; color:#fff;}
#sf p {text-align:center; color:#fff; font-size:35px; font-family: 'Roboto', sans-serif; font-weight:900; letter-spacing:5px; padding:182px 0 30px 0;}

#sf_tab {width:100%; height:50px; background:url('../../sub/img/sf_tab_bg.jpg')repeat; text-align:center; font-size:16px; line-height:50px; font-weight:500;}
#sf_tab a {color:#fff; margin:0 20px; opacity:0.5;}
#sf_tab a:hover {color:#fff; margin:0 20px; opacity:1.0; border-top:1px solid #fff; padding:13px 0;}
#sf_tab .on {color:#fff; margin:0 20px; opacity:1.0; border-top:1px solid #fff; padding:13px 0; }

#head .mobile_lan { display:none; position:absolute; top:40px; right:40px; font-size:16px; letter-spacing:0px; width:130px; height:35px; line-height:35px; border:1px solid #dddddd; background:#ffffff; cursor:pointer; font-weight:900; color:#ff7800; padding:0 10px; z-index:999999; }
#head .mobile_lan_main { line-height:32px; }
#head .mobile_lan .kor { width:100px; height:30px;cursor:pointer; }
#head .mobile_lan .kor i { position:absolute; top:5px; right:-3px; font-size:19px; display:block; margin:2.5px 15px 0 0; font-weight:900; }
#head .lan_gr { position:absolute; top:33px; left:-1px; width:130px; height:80px; display:none; z-index:9999; background:#ffffff; font-size:15px; color:#a3a3a3; padding:0 10px; border:1px solid #dddddd; }
#head .lan_gr a { color:#a3a3a3 !important; }
#head .lan_gr a:hover { color:#ff7800 !important; }
#head .lan_gr a:first-child { color:#ff7800 !important; }

#head .new_lan { position:absolute; top:40px; right:40px; font-size:16px; letter-spacing:0px; width:130px; height:35px; line-height:35px; border:1px solid #dddddd; background:#ffffff; cursor:pointer; font-weight:900; color:#ff7800; padding:0 10px; z-index:999999; text-align:left; }
#head .mobile_lan_main { line-height:32px; }
#head .new_lan .kor { width:100px; height:30px;cursor:pointer; text-align:left; }
#head .new_lan .kor i { position:absolute; top:5px; right:-3px; font-size:19px; display:block; margin:2.5px 15px 0 0; font-weight:900; }
#head .new_lan .lan_gr { position:absolute; top:33px; left:-1px; width:130px; height:80px; display:none; z-index:9999; background:#ffffff; font-size:15px; color:#a3a3a3; padding:0 10px; border:1px solid #dddddd; }
#head .new_lan .lan_gr a { color:#a3a3a3 !important; margin:0; }
#head .new_lan .lan_gr a:hover { color:#ff7800 !important; border:0; }
#head .new_lan .lan_gr li:first-child a { color:#ff7800 !important; }



#head .right_menu_open { display:none; }

#right_menu .mobile_lan { display:none; position:absolute; top:40px; right:40px; font-size:16px; letter-spacing:0px; width:130px; height:35px; line-height:35px; border:1px solid #dddddd; background:#ffffff; cursor:pointer; font-weight:900; color:#ff7800; padding:0 10px; z-index:999999; }
#right_menu .mobile_lan .kor { width:100px; height:30px;cursor:pointer; }
#right_menu .mobile_lan .kor i { position:absolute; top:5px; right:-3px; font-size:19px; display:block; margin:2.5px 15px 0 0; font-weight:900; }
#right_menu .lan_gr { position:absolute; top:33px; left:-1px; width:130px; height:80px; display:none; z-index:9999; background:#ffffff; font-size:15px; color:#a3a3a3; padding:0 10px; border:1px solid #dddddd; }
#right_menu .lan_gr a { color:#a3a3a3; }
#right_menu .lan_gr a:hover { color:#ff7800; }
#right_menu .lan_gr a:first-child { color:#ff7800; }

#right_menu { display:none; }
#right_menu nav {width:100%; position:relative;}
#right_menu .menu-item{padding:0;}
#right_menu .menu-item h4 img{display:none;}
#right_menu .menu-item h4 a span{display:none;}
#right_menu .menu-item ul{display:none;}
#right_menu .menu-item h4 a {display:block; text-align:left; margin:0 0 0 0; color:#555555; font-size:15px; text-align:left;}
#right_menu .menu-item h4 img{display:inline-block; margin:0 2.5% 0 2.5%; width:40px;}
#right_menu .menu-item h4 a span{display:inline-block; text-transform:uppercase; font-size:15px;}

#right_menu #sf_h {height:70px;}
#right_menu .sub_tab .menu {width:58px; text-align:center; color:#fff; padding-top:0px;}
#right_menu .sub_tab .mobile_menu{width:110px; text-align:center; color:#fff; padding-top:0px;}
#right_menu .sub_tab .menu li{position:relative; top:10px; vertical-align:middle; display:block;}
#right_menu nav ul li:hover > ul {display: none;}

#right_menu{ position: fixed; right: -2500px; top: 0; z-index: 3000; float: none; margin: 0; width: 100%; height: 100%; background-color:rgba(255,255,255,1); background-repeat:repeat; }
#right_menu #right_menu_list{margin-top:100px;}
#right_menu #right_menu_list li{color:#333;}
#right_menu #right_menu_list li a{color:#333;}
#right_menu_close { overflow:hidden; position:absolute; top:3px; right:20px; color:#fff; font-size:24px; font-weight:bold; cursor:pointer;}
#right_menu .r_btn1 {width:75px; margin-right:40px; margin-bottom:20px;}
#right_menu .r_btn2 {width:75px; margin-bottom:20px;}
#right_menu_close a { display:inline-block; font-size:15px; letter-spacing:0; color:#ffffff; margin:20px 0 0 5px; font-weight:600; }

.sidebar_head { padding:20px 10px 20px 30px; color:#fff; }
.sidebar_menu { border:1px solid #1d2223; color:#fff; text-align:center; padding:10px 0px; line-height:200%;}
.sidebar_tail   { padding:20px 0px 0px 20px;  line-height:150%; }
.sidebar_tail p { color:#fff; font-size:14px; padding-bottom:10px; }
.sidebar_tail a { color:#999; font-size:12px; }
.quick_menu_list{display:block; padding:20px 0px 20px 30px; color:#fff; border-bottom:1px solid #1d2223; font-size:16px;}

#quick_category2 { padding:20px 0px 20px 30px; color:#454545; border-bottom:1px solid #1d2223; font-size:16px; position:relative;background:#2b3031}
#quick_category_menu2 { cursor:pointer; position:absolute; top:21px; right:30px;}
#quick_category_list2 li { position:relative; }
#quick_category_list2 li .depth_1 { display:block; padding:10px 0px 10px 30px; color:#454545; border-bottom:1px solid #eaeaea; font-size:14px; cursor:pointer;}
#quick_category_list2 li span.depth_1 { font-family: 'NanumSquare'; font-size:15px; font-weight:900; }
#quick_category_list2 li span.depth_1.current { background:#f5f5f5; color:#ff7800; }
#quick_category_list2 li .quick_category_list2_2 { display:none;}
#quick_category_list2 li .depth_2 { display:block; padding:10px 0px 10px 30px; color:#757575; border-bottom:1px solid #eaeaea; font-size:14px; cursor:pointer;}
#quick_category_list2 li span.depth_2 { position:relative; background:url("../sub/img/arrow_up.png") no-repeat 90% center;}
#quick_category_list2 li span.depth_2.current { background:url("../sub/img/arrow_down.png") no-repeat 90% center;}
#quick_category_list2 li span.depth_2 i { float:right; font-size:15px; padding:5px 20px 0 0; }
#quick_category_list2 li a { position:absolute; top:0; left:0; width:100%; height:46px; display:block; }

.sub_container { width:1430px; margin:0 auto; padding:80px 0; }
.sub_con_title_line { display:none; width:1px; height:25px; background:#ff7800; margin:0 auto 25px; }
.sub_con_title b { display:block; text-align:center; color:#000; font-family: 'NanumSquare', sans-serif; font-size:40px; font-weight:500; line-height:40px;
margin-bottom:40px; }
.sub_con_title span { display:block; font-size:17px; letter-spacing:-0px; color:#757575; text-align:center; line-height:190%; }
.boardbutton { width:1300px; margin:0 auto; }
.sub_con_title_line_single { margin:0 auto 33px; }

span.mobile_detail_txt { display:none !important; font-weight:500; }
p.mobile_detail_title { display:none !important; font-weight:500; }


/* Sub_01_01_Partners : ¿ÍÀÌ·¦ ¼Ò°³ */
#sub {width:1600px; margin:0 auto; padding:100px 0; overflow:hidden;}
#sub .sub_title_big { width:80%; text-align:center; color:#000; font-family: 'NanumSquare', sans-serif; font-size:40px; font-weight:100; line-height:55px; margin:0 auto; }
.sub_01_01_about {width:100%; padding:60px 0 0 0; overflow:hidden;}
.sub_01_01_about div {float:left; width:33.3%; text-align:center; color:#777; font-size:16px; line-height:30px; font-weight:500;}
.sub_01_01_about div p {color:#111; font-size:20px; font-family: 'NanumSquare', sans-serif; padding-bottom:30px; margin-bottom:30px; background:url('../../sub/img/about_bg.jpg')center bottom no-repeat; font-weight:700;}
.sub_01_01_about div img { display:block; width:200px; margin:0 auto 20px; }
.sub_01_01_about b { display:none; font-weight:500; }

.sub_01_01_partners { width:100%; padding:120px 0; background:#f6f6f6; }
.sub_01_01_partners_con { width:1435px; margin:0 auto; }
.sub_01_01_partners_con .sub_01_01_partners_title_single strong { font-family: 'NanumSquare'; display:block; font-size:40px; text-align:center; color:#111111; font-weight:400; letter-spacing:0; line-height:100%; margin:0 0 60px 0; }

.sub_01_01_partners_link { overflow:hidden; width:100%; text-align:center; }
.sub_01_01_partners_link ul { border-top:1px solid #dddddd; }
.sub_01_01_partners_link ul li { display:inline-block; width:206px; border-top:0px solid #dddddd; border-bottom:1px solid #dddddd; border-left:1px solid #dddddd; margin:-3px -2px; }
.sub_01_01_partners_link ul li:nth-child(7) { border-right:1px solid #dddddd; }
.sub_01_01_partners_link ul li:nth-child(14) { border-right:1px solid #dddddd; }
.sub_01_01_partners_link ul li:nth-child(21) { border-right:1px solid #dddddd; }
.sub_01_01_partners_link ul li:nth-child(28) { border-right:1px solid #dddddd; }
.sub_01_01_partners_link ul li:nth-child(35) { border-right:1px solid #dddddd; }
.sub_01_01_partners_link ul li:nth-child(42) { border-right:1px solid #dddddd; }
.sub_01_01_partners_link ul li:last-child { border-right:1px solid #dddddd; }
.sub_01_01_partners_link ul li img { width:160px; display:block; text-align:center; margin:0 auto; padding:3px 0; }


/* sub_01_03_Power : Á¶Á÷ */
.sub_01_03_power_con { width:1200px; overflow:hidden; margin:0 auto 80px; }
.sub_01_03_power_con:last-child { margin:0 auto; }
.sub_01_03_power_box { width:600px; float:left; }
.sub_01_03_power_box:last-child { width:600px; float:left; }
.sub_01_03_power_box img { display:block; width:450px; border:1px solid #eaeaea; margin:0 auto; }
.sub_01_03_power_box strong { display:block; font-family: 'Roboto'; font-size:25px; color:#ff7800; text-align:center; font-weight:400; letter-spacing:2px; margin:35px 0 0 0; text-transform:uppercase; }
.sub_01_03_power_box p { display:block; font-family: 'NanumSquare'; font-size:22px; color:#353535; text-align:center; font-weight:500; line-height:150%; margin:5px 0 15px 0; }
.sub_01_03_power_box span { display:block; font-size:15px; letter-spacing:-0px; text-align:center; color:#757575; line-height:200%; }



/* Sub_01_04_Map : ¿À½Ã´Â ±æ */
.sub_01_04_map_tab { text-align:center; }
.sub_01_04_map_tab a { display:inline-block; width:180px; height:50px; font-family: 'Roboto'; font-size:14px; letter-spacing:1px; 
font-weight:400; line-height:50px; border:1px solid #d0d0d0; border-left:0; margin:0 -2px; color:#757575; padding:0; }
.sub_01_04_map_tab a:first-child { background:#ff7800; border:1px solid #ff7800; color:#ffffff; }

.sub_01_04_map_info { width:1230px; overflow:hidden; margin:65px auto 0; border:1px solid #eaeaea; }
.sub_01_04_map_info .sub_01_04_map_info_iframe { float:left; width:780px; border-right:1px solid #eaeaea; }
.sub_01_04_map_info .sub_01_04_map_info_iframe iframe { display:block; width:780px; height:650px; }
.sub_01_04_map_info .sub_01_04_map_info_txt { float:right; width:448px; padding:65px 46px 0 46px }
.sub_01_04_map_info .sub_01_04_map_info_txt strong { display:block; font-family: 'NanumSquare'; font-size:26px; color:#ff7800; font-weight:400; letter-spacing:3px; line-height:100%; border-bottom:1px solid #ff7800; padding:0 0 25px 0; text-align:center; }
.sub_01_04_map_info .sub_01_04_map_info_txt ul li { overflow:hidden; border-bottom:1px solid #eaeaea; padding:10px 16px; }
.sub_01_04_map_info .sub_01_04_map_info_txt ul li p { width:28%; float:left; font-size:15.5px; color:#353535; font-weight:600; line-height:200%; letter-spacing:-0px; }
.sub_01_04_map_info .sub_01_04_map_info_txt ul li span { width:72%; float:left; font-size:15.5px; display:block; letter-spacing:-0px; color:#909090; line-height:200%; }
.sub_01_04_map_info .sub_01_04_map_info_txt ul li span a { color:#909090; }
.sub_01_04_map_info .sub_01_04_map_info_txt b { display:block; font-size:15px; line-height:200%; color:#909090; font-weight:500; margin:20px 0 0 20px; }
.sub_01_04_map_info .sub_01_04_map_info_txt b span { display:block; font-family: 'Noto Sans Japanese'; font-weight:300; }


.m_superstring_story_txt { display:none; }


/* sub_03_01_Power_process : ±âȹÁ¦ÀÛ */
.sub_03_01_produce_process { position:relative; overflow:hidden; width:1300px; height:300px; margin:100px auto 20px; background:url('../../../sub/img/sub_01_03_power_process_eng.jpg'); background-position:top center; background-repeat:no-repeat; border:0px solid #ff9999; }
.sub_03_01_produce_process_box { position:absolute; top:0; left:672px; width:315px; float:left; }
.sub_03_01_produce_process_con:first-child .sub_03_01_produce_process_box:last-child { top:0; left:354px; }
.sub_03_01_produce_process_con:first-child .sub_03_01_produce_process_box:first-child { top:0; left:35px; }
.sub_03_01_produce_process_box:last-child { top:0; left:990px; }

.sub_03_01_produce_process_box strong { display:block; font-family: 'NanumSquare'; text-align:center; font-size:20px; color:#111111; margin:75px 0 78px 0; font-weight:900; }
.sub_03_01_produce_process_box:nth-child(even) strong { color:#ffffff; }
.sub_03_01_produce_process_box span { display:block; text-align:center; font-size:14.5px; color:#757575; letter-spacing:-0px; line-height:200%; } 

.sub_03_01_company { width:100%; padding:120px 0; background:#f6f6f6; }
.sub_03_01_company_con { width:1435px; margin:0 auto; }
.sub_03_01_company_con .sub_03_01_company_title_single strong { font-family: 'NanumSquare'; display:block; font-size:40px; text-align:center; color:#111111; font-weight:400; letter-spacing:0; line-height:100%; margin:0 0 35px 0; }

.sub_03_01_company_link { overflow:hidden; width:100%; background:#f6f6f6; }
.sub_03_01_company_link ul { overflow:hidden; width:1012px; margin:15px auto 0; border-top:1px solid #dddddd; text-align:center; }
.sub_03_01_company_link ul li { display:inline-block; width:203px; margin:-3px -2px; border-top:1px solid #dddddd; border-bottom:1px solid #dddddd; border-left:1px solid #dddddd; padding:3px 0;  border-right:1px solid #dddddd;}
.sub_03_01_company_link ul li:nth-child(5) { border-right:1px solid #dddddd; }
.sub_03_01_company_link ul li:last-child { border-right:1px solid #dddddd; }
.sub_03_01_company_link ul li img { width:160px; display:block; text-align:center; margin:0 auto; }
.sub_03_01_company_link ul:last-child li { border-top:0px; }


.sub_04_01_adv_title span { display:block; font-size:17px; margin:0 0 30px 0; letter-spacing:0px; }

.sub_04_01_down { text-align:center; margin:50px 0 70px 0; }
.sub_04_01_down a { display:inline-block; font-family: 'NanumSquare'; font-size:17px; color:#ff7800; letter-spacing:0px; font-weight:600; border-bottom:1px solid #ff7800; padding:0 20px 10px 50px; margin:0 20px; }
.sub_04_01_down a i { margin:0 0 0 40px; }


/* sub_04_03_Translate_process : ¹ø¿ª»ç¾÷ */
.sub_04_03_translate_process { position:relative; overflow:hidden; width:1300px; height:380px; margin:100px auto 70px; background:url('../../../sub/img/sub_01_03_power_process_eng.jpg'); background-position:top center; background-repeat:no-repeat; }
.sub_04_03_translate_process_box { position:absolute; top:0; left:672px; width:315px; float:left; }
.sub_04_03_translate_process_con:first-child .sub_04_03_translate_process_box:last-child { top:0; left:354px; }
.sub_04_03_translate_process_con:first-child .sub_04_03_translate_process_box:first-child { top:0; left:35px; }
.sub_04_03_translate_process_box:last-child { top:0; left:990px; }
.sub_04_03_translate_process_box strong { display:block; font-family: 'NanumSquare'; text-align:center; font-size:19px; color:#111111; margin:65px 0 72px 0; line-height:130%; font-weight:900; }
.sub_04_03_translate_process_con:first-child .sub_04_03_translate_process_box:nth-child(2) strong { margin:65px 0 72px 0; }
.sub_04_03_translate_process_box:nth-child(even) strong { color:#ffffff; }
.sub_04_03_translate_process_box span { display:block; text-align:center; font-size:14.5px; color:#757575; letter-spacing:0px; } 

.sub_04_03_company { width:100%; margin:-110px 0 0 0; }
.sub_04_03_company_line { overflow:hidden; width:1350px; margin:0 auto 70px; }
.sub_04_03_company_line .sub_04_03_company_photo_con { overflow:hidden; float:left; }
.sub_04_03_company_photo_con .sub_04_03_company_photo_box { float:left; }
.sub_04_03_company_photo_con .sub_04_03_company_photo_box img { display:block; margin:0 auto; }
.sub_04_03_company_photo_con .sub_04_03_company_photo_box span { display:block; font-size:15px; font-weight:600; color:#959595; text-align:center; }

.sub_04_03_company_line .sub_04_03_company_txt { float:right; margin:30px 0 0 0; }
.sub_04_03_company_txt strong { display:block; font-size:30px; color:#ff7800; text-align:center; font-weight:600; }
.sub_04_03_company_txt p { display:block; font-size:20px; color:#ff7800; text-align:center; letter-spacing:0px; font-weight:600; }
.sub_04_03_company_txt span { display:block; font-size:15px; color:#454545; text-align:center; margin:20px 0 0 0; line-height:190%; }

.sub_04_03_company_abroad { width:100%; background:#e9e9e9; }
.sub_04_03_company_abroad_con { position:relative; overflow:hidden; width:1350px; margin:0 auto; padding:70px 0; }
.sub_04_03_company_abroad .sub_04_03_company_txt { float:left; margin:100px 0 0 0; }
.sub_04_03_company_abroad .sub_04_03_company_abroad_photo_con { overflow:hidden; float:right; }
.sub_04_03_company_abroad_photo_con .sub_04_03_company_photo_box { float:left; }
.sub_04_03_company_abroad_photo_con .sub_04_03_company_photo_box img { display:block; margin:0 auto; }
.sub_04_03_company_abroad_photo_con .sub_04_03_company_photo_box span { display:block; font-size:15px; font-weight:600; color:#959595; text-align:center; }

.sub_04_03_company_comico { overflow:hidden; width:1350px; margin:0 auto; padding:70px 0; }
.sub_04_03_company_comico .sub_04_03_company_txt { float:left; margin:110px 0 0 0; }
.sub_04_03_company_txt strong { display:block; font-size:30px; color:#ff7800; text-align:center; font-weight:600; margin:0 0 10px 0; }
.sub_04_03_company_txt p { display:block; font-size:18px; color:#ff7800; text-align:center; letter-spacing:0px; font-weight:600; line-height:150%; }
.sub_04_03_company_txt span { display:block; font-size:15px; color:#656565; text-align:center; margin:20px 0 0 0; line-height:190%; }
.sub_04_03_company_comico .sub_04_03_company_photo_box { float:left; }
.sub_04_03_company_comico .sub_04_03_company_photo_con { float:left; overflow:hidden; margin:0 0px; }
.sub_04_03_company_comico .sub_04_03_company_photo_box img { display:block; margin:0 auto; }
.sub_04_03_company_comico .sub_04_03_company_photo_box span { display:block; font-size:15px; font-weight:600; color:#959595; text-align:center; }


/* ³ëÆ®ºÏ¿¡¼­ ´Ù±¹¾î ¸µÅ©°¡ ¸Þ´º¿Í °ãÄ¡´Â °ü°è·Î »ó´Ü ¸Þ´º º¯°æ ½ÃÀÛÁ¡À» 1600 Çȼ¿·Î ÁöÁ¤ÇÏ¿´½À´Ï´Ù. */
@media all and (max-width: 1600px) {
#sub { width:100%; }
#head {width:100%; height:110px; position:absolute; top:0; z-index:100; }
/* #head {width:100%; height:110px; position:fixed; top:0; z-index:100001; } */
#head ul { margin:0 auto; padding:0 40px; overflow:hidden; }
#head .logo {float:left; width:70px;}
#head .logo img {width:70px; padding-top:20px;}
#head .menu {float:left; width:calc(100% - 140px);}
#head .menu .area {width:820px; margin:0 auto;}
#head .menu .area div { float:left; width:20%; text-align:center; font-family: 'anton'; font-size:19px; color:#fff; line-height:110px; font-weight:300; text-transform:uppercase; letter-spacing:1px; cursor: pointer; }
#head .menu .area div:hover {color:#ff7800;}
#head .lan { display:none; float:left; width:280px; text-align:right; line-height:110px; }
.lan a {margin-left:13px; color:#555555; font-size:15px; font-weight:900; padding:5px 0;}
.head_main ul li.lan a { color:#ffffff; }
#head .mobile_lan { display:block; }
#head .lan a:hover {color:#ff7800; border-top:2px solid #ff7800;}
#head .lan .on {color:#ff7800 !important; border-top:2px solid #ff7800;}

#head_over { width:100%; height:0px; overflow:hidden; position:absolute; top:109px; z-index:100000; background:url('../../sub/img/head_over_bg.png') repeat;}
#head_over ul { width:820px; height:200px; margin:0 auto; }
#head_over li { float:left; width:20%; height:200px; padding:20px; text-align:center; font-size:16px; line-height:38px; font-weight:700;}
#head_over li:hover { color:#fff; background-color:#ff7800;}
#head_over li a { color:#555;}
#head_over li a:hover { color:#ff7800;}
	
#head_blank {width:100%; height:110px;}

.sub_container { width:100%; }
}


/* ³ëÆ®ºÏ Çػ󵵸¦ °í·ÁÇÏ¿© 1499Çȼ¿ - 1201 Çȼ¿ ¼³Á¤ css °ªÀ» Ãß°¡ÇÕ´Ï´Ù. */
@media only screen and (min-width: 1201px) and (max-width: 1599px) {
#sub { width:1200px; margin:0 auto; padding:80px 0; }

#sub .sub_slogan {text-align:center; font-family:"NanumMyeongjo"; font-size:18px; color:#222; letter-spacing:-1px;}
#sub .sub_slogan p {font-size:25px;}
#sub .sub_slogan p span {color:#ff7800;}
#sub .about {width:100%; padding:90px 0 0 0; overflow:hidden;}
#sub .about div {float:left; width:33.3%; text-align:center; color:#777; font-size:16px; line-height:30px; font-weight:500;}
#sub .about div p {color:#111; font-size:20px; font-family: 'NanumSquare', sans-serif; padding-bottom:30px; margin-bottom:30px; background:url('../../sub/img/about_bg.jpg')center bottom no-repeat; font-weight:700;}

span.mobile_detail_txt { display:block !important; font-size:15px; width:80%; margin:0 auto; word-break:keep-all; }

.sub_01_01_about { padding:40px 0 0 0; }
.sub_01_01_about span { display:none; }
.sub_01_01_about div { width:33.3%; }

.sub_01_01_partners_con { width:90%; margin:0 auto; }
.sub_01_01_partners_link { display:block; }
.sub_01_01_partners_link ul { width:100%; overflow:hidden; }
.sub_01_01_partners_link ul li { width:14.285%; }
.sub_01_01_partners_link ul li img { width:90%; padding:0 5%;  }
.sub_01_01_partners_link ul:nth-child(6) { display:inline-block; width:100%; margin:0 auto -13.5px; overflow:hidden; text-align:center; }
.sub_01_01_partners_link ul:nth-child(6) li { display:inline-block; float:none; margin:0 -1.5px; }
.sub_01_01_partners_link ul:nth-child(7) { display:inline-block; width:100%; margin:0 auto; text-align:center; }
.sub_01_01_partners_link ul:nth-child(7) li { display:inline-block; float:none; margin:-3px -1.2px 0 -1.2px; }

.sub_01_01_partners_link { width:1080px; margin:0 auto; }
.sub_01_01_partners_link ul li { width:16.75%; margin:-3px -2px; }
.sub_01_01_partners_link ul li:nth-child(6) { border-right:1px solid #dddddd; }
.sub_01_01_partners_link ul li:nth-child(12) { border-right:1px solid #dddddd; }
.sub_01_01_partners_link ul li:nth-child(18) { border-right:1px solid #dddddd; }
.sub_01_01_partners_link ul li:nth-child(24) { border-right:1px solid #dddddd; }
.sub_01_01_partners_link ul li:nth-child(30) { border-right:1px solid #dddddd; }
.sub_01_01_partners_link ul li:nth-child(36) { border-right:1px solid #dddddd; }
.sub_01_01_partners_link ul li:last-child { border-right:1px solid #dddddd; }
.sub_01_01_partners_link ul li img { width:150px; padding:5px 0; }

.sub_01_03_power_box span { display:none; }

.sub_01_04_map_info { width:1100px; }
.sub_01_04_map_info .sub_01_04_map_info_iframe { width:650px; }
.sub_01_04_map_info .sub_01_04_map_info_iframe iframe { width:650px; }
.sub_01_04_map_info span.mobile_detail_txt { display:none !important; }

.sub_03_01_produce span.mobile_detail_txt { display:none !important; }
.sub_03_01_produce_process { width:1200px; height:300px; margin:60px auto 0px; background-repeat:no-repeat; background-size:1200px; }
.sub_03_01_produce_process_box { position:absolute; top:0; left:91px; width:250px; float:left; }
.sub_03_01_produce_process_con:first-child .sub_03_01_produce_process_box:last-child { top:0; left:359px; }
.sub_03_01_produce_process_con:first-child .sub_03_01_produce_process_box:first-child { top:0; left:90px; }
.sub_03_01_produce_process_box:first-child { top:0; left:625px; }
.sub_03_01_produce_process_box:last-child { top:0; left:892px; }
.sub_03_01_produce_process_box strong { font-size:18px; margin:61px 0 60px 0; }
.sub_03_01_produce_process_box span { font-size:13px; letter-spacing:-0px; } 

.sub_03_01_company { padding:80px 0; }
.sub_03_01_company_con { width:1200px; }

.sub_03_01_company_link ul { width:1015px; border-top:1px solid #dddddd; }
.sub_03_01_company_link ul li { width:170px; }
.sub_03_01_company_link ul li img { width:160px; }

.sub_04_01_adv_title span.mobile_detail_txt { display:none !important; }

.sub_04_03_translate span.mobile_detail_txt { display:none !important; }
.sub_04_03_translate_process { width:1200px; height:338px; margin:60px auto 0px; background-repeat:no-repeat; background-size:1200px; }
.sub_04_03_translate_process_box { position:absolute; top:0; left:626px; width:250px; float:left; }
.sub_04_03_translate_process_con:first-child .sub_04_03_translate_process_box:last-child { top:0; left:359px; }
.sub_04_03_translate_process_con:first-child .sub_04_03_translate_process_box:first-child { top:0; left:90px; }
.sub_04_03_translate_process_box:first-child { top:0; left:625px; }
.sub_04_03_translate_process_box:last-child { top:0; left:892px; }
.sub_04_03_translate_process_box strong { font-size:17px; margin:52px 0 60px 0; }
.sub_04_03_translate_process_con:first-child .sub_04_03_translate_process_box:last-child strong { font-size:17px; margin:52px 0 60px 0; }
.sub_04_03_translate_process_box span { font-size:15px; letter-spacing:-0.5px; } 

.sub_04_03_company { margin:0; }
.sub_04_03_company_line { width:1100px; }
.sub_04_03_company span.mobile_detail_txt { display:none !important; }

.sub_04_03_company_line .sub_04_03_company_txt { margin:0px 0 0 0; }
.sub_04_03_company_photo_con .sub_04_03_company_photo_box img { width:300px; }
.sub_04_03_company_photo_con .sub_04_03_company_photo_box:nth-child(2) img { width:182px; }
.sub_04_03_company_photo_con .sub_04_03_company_photo_box:last-child img { width:220px; }

.sub_04_03_company_abroad_con { width:1100px; padding:60px 0; }
.sub_04_03_company_abroad .sub_04_03_company_txt { float:left; margin:60px 0 0 0; }
.sub_04_03_company_abroad_con .sub_04_03_company_photo_box img { width:220px; }
.sub_04_03_company_abroad_con .sub_04_03_company_photo_box:nth-child(2) img { width:270px; }
.sub_04_03_company_abroad_con .sub_04_03_company_photo_box:last-child img { width:220px; }

.sub_04_03_company_comico { overflow:hidden; width:1100px; padding:60px 0; }
.sub_04_03_company_comico .sub_04_03_company_txt { float:left; margin:10px 0 0 0; }
.sub_04_03_company_comico .sub_04_03_company_photo_box img { width:220px; }
.sub_04_03_company_comico .sub_04_03_company_photo_box:nth-child(2) img { width:220px; }

.boardbutton { width:100%; margin:0 auto; }
.char_boardbutton { width:calc(100% - 120px); margin:0 auto; }
}


/* È­¸éÀÌ ÀÛÀº ³ëÆ®ºÏ Çػ󵵸¦ °í·ÁÇÏ¿© 1200Çȼ¿ - 981 Çȼ¿ ¼³Á¤ css °ªÀ» Ãß°¡ÇÕ´Ï´Ù. */
@media only screen and (min-width: 981px) and (max-width: 1200px) {
#head .logo {float:left; width:60px;}
#head .logo img {width:60px; padding-top:20px;}
#head .menu {float:left; width:calc(100% - 160px);}
#head .menu .area {width:670px; margin:0 auto;}
#head .menu .area div { font-size:17px; }
#head .lan { display:none; }
#head .mobile_lan { display:block; }

#head_over { width:100%; height:0px; overflow:hidden; position:absolute; top:109px; z-index:100000; background:url('../../sub/img/head_over_bg.png') repeat;}
#head_over ul { width:670px; height:200px; margin:0 auto; }
#head_over li { float:left; width:20%; height:200px; padding:20px; text-align:center; font-size:16px; line-height:38px; font-weight:700;}
#head_over li:hover { color:#fff; background-color:#ff7800;}
#head_over li a { color:#555;}
#head_over li a:hover { color:#ff7800;}

#sub { width:100%; padding:80px 0; }
span.mobile_detail_txt { display:block !important; font-size:15px; width:80%; margin:0 auto; word-break:keep-all; line-height:190%; }
.boardbutton { width:100%; }

.sub_01_01_about { padding:40px 0 0 0; }
.sub_01_01_about span { display:none; }
.sub_01_01_about div { width:33.3%; }
.sub_01_01_about div img { width:170px; }

.sub_01_01_partners { padding:80px 0; }
.sub_01_01_partners_con { width:90%; margin:0 auto; }
.sub_01_01_partners_link { display:block; }
.sub_01_01_partners_link ul { width:100%; overflow:hidden; }
.sub_01_01_partners_link ul li { width:14.285%; }
.sub_01_01_partners_link ul li img { width:90%; padding:0 5%;  }
.sub_01_01_partners_link ul:nth-child(6) { display:inline-block; width:100%; margin:0 auto -13.5px; overflow:hidden; text-align:center; }
.sub_01_01_partners_link ul:nth-child(6) li { display:inline-block; float:none; margin:0 -1.5px; }
.sub_01_01_partners_link ul:nth-child(7) { display:inline-block; width:100%; margin:0 auto; text-align:center; }
.sub_01_01_partners_link ul:nth-child(7) li { display:inline-block; float:none; margin:-3px -1.2px 0 -1.2px; }

.sub_01_03_power_con { width:96%; padding:0 2%; overflow:hidden; margin:0 auto 60px; }
.sub_01_03_power_con:last-child { margin:0 auto; }
.sub_01_03_power_box { width:50%; padding:0 2%; float:left; }
.sub_01_03_power_box:last-child { width:50%; float:left; }
.sub_01_03_power_box img { width:96%; margin:0 auto; }
.sub_01_03_power_box strong { font-size:23px; letter-spacing:2px; margin:25px 0 0 0; }
.sub_01_03_power_box p { font-size:20px;line-height:150%; margin:5px 0 10px 0; }
.sub_01_03_power_box span { display:none; }

.sub_01_01_partners_link { width:98%; margin:0 auto; }
.sub_01_01_partners_link ul li { width:16.75%; margin:-4px -2px; }
.sub_01_01_partners_link ul li:nth-child(6) { border-right:1px solid #dddddd; }
.sub_01_01_partners_link ul li:nth-child(12) { border-right:1px solid #dddddd; }
.sub_01_01_partners_link ul li:nth-child(18) { border-right:1px solid #dddddd; }
.sub_01_01_partners_link ul li:nth-child(24) { border-right:1px solid #dddddd; }
.sub_01_01_partners_link ul li:nth-child(30) { border-right:1px solid #dddddd; }
.sub_01_01_partners_link ul li:nth-child(36) { border-right:1px solid #dddddd; }
.sub_01_01_partners_link ul li:last-child { border-right:1px solid #dddddd; }
.sub_01_01_partners_link ul li img { width:90%; padding:5px 0; }

.sub_01_04_map_info { width:90%; margin:40px auto 0; }
.sub_01_04_map_info .sub_01_04_map_info_iframe { width:52%; }
.sub_01_04_map_info .sub_01_04_map_info_iframe iframe { width:100%; height:630px; }
.sub_01_04_map_info .sub_01_04_map_info_txt { width:48%; padding:65px 35px 0 35px }
.sub_01_04_map_info .sub_01_04_map_info_txt ul li p { width:28%; font-size:15px; line-height:190%; }
.sub_01_04_map_info .sub_01_04_map_info_txt ul li span { width:72%; float:left; font-size:15px; line-height:190%; }
.sub_01_04_map_info .sub_01_04_map_info_txt b { font-size:14.5px; line-height:200%; margin:20px auto 0; text-align:center; }
.sub_01_04_map_info .sub_01_04_map_info_txt .sub_01_04_map_info_txt_detail li:nth-child(2) span { display:none; }

.sub_03_01_produce .sub_con_title span { display:none; }
.sub_03_01_produce .sub_con_title span.mobile_detail_txt { display:block; font-size:17px; letter-spacing:0px; color:#757575; text-align:center; line-height:190%; }

.sub_03_01_produce_process { width:90%; height:auto; margin:20px auto 0px; background-repeat:no-repeat; background:url('../../../sub/img/sub_03_01_produce_process_bg.jpg') top 117px center; background-repeat:repeat-x; }
.sub_03_01_produce_process_box { position:relative; width:25%; top:0; left:0; float:left; }
.sub_03_01_produce_process_box:nth-child(2) { top:0; left:0; }
.sub_03_01_produce_process_box:nth-child(3) { top:0; left:0; }
.sub_03_01_produce_process_con:first-child .sub_03_01_produce_process_box:last-child { top:0; left:0; }
.sub_03_01_produce_process_con:first-child .sub_03_01_produce_process_box:first-child { top:0; left:0; }
.sub_03_01_produce_process_box strong { display:block; width:150px; height:150px; padding:57px 0 0 0; display:block; font-size:18px; margin:40px auto 15px; border:5px solid #ff7800; background:#ffffff; border-radius:100%; }
.sub_03_01_produce_process_box:nth-child(even) strong { background:#ff7800; }
.sub_03_01_produce_process_box span { display:none; width:90%; font-size:13.5px; letter-spacing:0px; } 

.sub_03_01_company { width:100%; padding:80px 0; }
.sub_03_01_company_con { width:100%; margin:0 auto; }

.sub_03_01_company_link ul { width:88%; }
.sub_03_01_company_link ul li { width:20.1%; padding:3px 15px; }
.sub_03_01_company_link ul li img { width:100%; }

.sub_04_01_adv_title span { display:none; }
.sub_04_01_adv_title span.mobile_detail_txt { display:block !important; font-size:17px; letter-spacing:0px; line-height:190%; }

.sub_04_03_translate .sub_con_title span { display:none; }
.sub_04_03_translate .sub_con_title span.mobile_detail_txt { display:block; font-size:17px; letter-spacing:-0.5px; color:#757575; text-align:center; line-height:190%; }

.sub_04_03_translate_process { width:90%; height:auto; margin:20px auto 0px; background-repeat:no-repeat; background:url('../../../sub/img/sub_03_01_produce_process_bg.jpg') top 120px center; background-repeat:repeat-x; }
.sub_04_03_translate_process_box { position:relative; width:25%; top:0; left:0; float:left; }
.sub_04_03_translate_process_box:nth-child(2) { top:0; left:0; }
.sub_04_03_translate_process_box:nth-child(3) { top:0; left:0; }
.sub_04_03_translate_process_box:last-child { top:0; left:0; }
.sub_04_03_translate_process_con:first-child .sub_04_03_translate_process_box:last-child { top:0; left:0; }
.sub_04_03_translate_process_con:first-child .sub_04_03_translate_process_box:first-child { top:0; left:0; }
.sub_04_03_translate_process_box strong { display:block; width:150px; height:150px; padding:48px 0 0 0; display:block; font-size:18px; margin:40px auto 15px; border:5px solid #ff7800; background:#ffffff; border-radius:100%; }
.sub_04_03_translate_process_con:first-child .sub_04_03_translate_process_box:last-child strong { margin:40px auto 15px; padding:48px 0 0 0; }
.sub_04_03_translate_process_box:nth-child(even) strong { background:#ff7800; }
.sub_04_03_translate_process_box span { display:none; width:90%; font-size:14.5px; letter-spacing:-0.5px; } 

.sub_04_03_company { margin:0 0 0 0; }
.sub_04_03_company_txt strong { font-size:25px; }
.sub_04_03_company_txt p { font-size:18px; }
.sub_04_03_company_txt span { font-size:14px; margin:20px 0 0 0; line-height:190%; letter-spacing:-0.5px; }
.sub_04_03_company span.mobile_detail_txt { display:none !important; }

.sub_04_03_company_line { width:90%; margin:0 auto 70px; }
.sub_04_03_company_line .sub_04_03_company_txt { margin:0 0 0 0; }
.sub_04_03_company_photo_con { width:64%; }
.sub_04_03_company_photo_con .sub_04_03_company_photo_box { float:left; width:33.3%; }
.sub_04_03_company_photo_con .sub_04_03_company_photo_box span { font-size:14px; }
.sub_04_03_company_photo_con .sub_04_03_company_photo_box img { width:100%; }
.sub_04_03_company_photo_con .sub_04_03_company_photo_box:nth-child(2) img { width:80%; }
.sub_04_03_company_photo_con .sub_04_03_company_photo_box:last-child img { width:100%; }

.sub_04_03_company_abroad .sub_04_03_company_txt { float:left; margin:150px 0 0 0; }
.sub_04_03_company_abroad .sub_04_03_company_abroad_photo_con { width:60%; overflow:hidden; float:right; }
.sub_04_03_company_abroad_photo_con .sub_04_03_company_photo_box { float:left; }
.sub_04_03_company_abroad_photo_con .sub_04_03_company_photo_box img { display:block; margin:0 auto; }
.sub_04_03_company_abroad_photo_con .sub_04_03_company_photo_box span { display:block; font-size:14px; font-weight:600; color:#959595; text-align:center; line-height:160%; width:80%; margin:0 auto; }

.sub_04_03_company_abroad_con { width:90%; padding:60px 0; }
.sub_04_03_company_abroad .sub_04_03_company_photo_con { width:60%; }
.sub_04_03_company_abroad .sub_04_03_company_txt { width:40%; margin:5% 0 0 0; }
.sub_04_03_company_abroad .sub_04_03_company_photo_box { float:left; width:33.3%; }
.sub_04_03_company_abroad_con .sub_04_03_company_photo_box img { width:100%; }
.sub_04_03_company_abroad_con .sub_04_03_company_photo_box:nth-child(2) img { width:100%; }
.sub_04_03_company_abroad_con .sub_04_03_company_photo_box:last-child img { width:100%; }

.sub_04_03_company_comico { width:90%; padding:60px 0; }
.sub_04_03_company_comico .sub_04_03_company_txt { float:left; margin:135px 0 0 0; }
.sub_04_03_company_comico .sub_04_03_company_photo_box { float:left; width:50%; }
.sub_04_03_company_comico .sub_04_03_company_photo_con { width:36%; margin:0; }
.sub_04_03_company_comico .sub_04_03_company_photo_box img { display:block; margin:0 auto; }
.sub_04_03_company_comico .sub_04_03_company_photo_box span { display:block; font-size:15px; font-weight:600; color:#959595; text-align:center; }
.sub_04_03_company_comico .sub_04_03_company_txt { width:32%; margin:1% 0 0 0; }
.sub_04_03_company_comico .sub_04_03_company_photo_box img { width:100%; }
.sub_04_03_company_comico .sub_04_03_company_photo_box:nth-child(2) img { width:100%; }

.gallery_list_con { width:90%; margin:0 auto 50px; }
.boardbutton { width:100%; margin:0 auto; }
.char_boardbutton { width:calc(100% - 120px); margin:0 auto; }
}


/* ÅÂºí¸´ Çػ󵵸¦ °í·ÁÇÏ¿© 980Çȼ¿ - 640 Çȼ¿ ¼³Á¤ css °ªÀ» Ãß°¡ÇÕ´Ï´Ù. */
@media only screen and (min-width: 641px) and (max-width: 980px) {
.head_main { height:90px; background:transparent !important; }
#head  { height:80px; }
#head ul { padding:0 20px; }
#head .right_menu_open { display:block; position:absolute; top:17px; right:20px; }
#head .lan_gr  { display:none; }
#head .kor { display:none; }
#head .menu { display:none; }
#right_menu .lan_gr  { display:none; }
#right_menu .kor { display:none; }
#head .mobile_lan { display:none; top:31px; right:80px; }
#head .logo img { width:55px; margin:-7px 0 0 0; }
#right_menu .close_bg { overflow:hidden; height:80px; padding:0 20px; background:#ff7800; }
#right_menu .right_menu_logo { width:55px; margin:3px 20px 0 0; }
#right_menu .right_menu_logo img { display:block; width:55px; margin:-10px 0 0 0; padding:20px 0 0 0; }
#right_menu_close img { width:40px; margin:20px 0 0 0; }
#right_menu { display:block; }
.boardbutton { width:100%; }

#sf { height:250px; }
#sf p { font-size:35px; padding:166px 0 30px 0;}

#sub { width:100%; padding:80px 0; }
span.mobile_detail_txt { display:block !important; font-size:15px; width:60%; margin:0 auto; word-break:keep-all; letter-spacing:0px; line-height:190%; font-weight:500; }

.sub_01_01_about { padding:10px 0 0 0; }
.sub_01_01_about span { display:none; }
.sub_01_01_about div { clear:both; width:100%; margin:0 0 20px 0; }
.sub_01_01_about div:last-child { margin:0; }
.sub_01_01_about div p { font-size:20px; padding-bottom:25px; margin-bottom:20px; font-weight:700; }
.sub_01_01_about div img { width:200px; margin:0 auto 15px; }

.sub_01_01_partners { padding:80px 0; }
.sub_01_01_partners_con .sub_01_01_partners_title_single strong { margin:0 0 45px 0; }
.sub_01_01_partners_con { width:90%; margin:0 auto; }
.sub_01_01_partners_link { width:100%; margin:0 auto; }
.sub_01_01_partners_link ul li { width:16.75%; margin:-4px -2px; }
.sub_01_01_partners_link ul li:nth-child(6) { border-right:1px solid #dddddd; }
.sub_01_01_partners_link ul li:nth-child(12) { border-right:1px solid #dddddd; }
.sub_01_01_partners_link ul li:nth-child(18) { border-right:1px solid #dddddd; }
.sub_01_01_partners_link ul li:nth-child(24) { border-right:1px solid #dddddd; }
.sub_01_01_partners_link ul li:nth-child(30) { border-right:1px solid #dddddd; }
.sub_01_01_partners_link ul li:nth-child(36) { border-right:1px solid #dddddd; }
.sub_01_01_partners_link ul li:last-child { border-right:1px solid #dddddd; }
.sub_01_01_partners_link ul li img { width:90%; padding:5px 0; }

.sub_01_03_power_con { width:96%; padding:0 2%; margin:0 auto 10px; }
.sub_01_03_power_box { width:50%; padding:0 2% 50px 2%; float:left; }
.sub_01_03_power_box:last-child { width:50%; padding:0 2%; float:left; }
.sub_01_03_power_con:last-child .sub_01_03_power_box { padding:0 1%; }
.sub_01_03_power_box img { width:96%; margin:0 auto; }
.sub_01_03_power_box strong { font-size:18px; letter-spacing:2px; margin:25px 0 0 0; }
.sub_01_03_power_box p { display:none; }
.sub_01_03_power_box span { display:none; }
.sub_01_03_power_box span.mobile_detail_txt { width:94%; font-size:12.5px; line-height:190%; }
.sub_01_03_power_box p.mobile_detail_title { display:block !important; width:88%; font-weight:500; font-size:15px;line-height:160%; margin:5px auto 10px; word-break:keep-all; font-weight:600; }

.sub_01_04_map_tab { text-align:center; }
.sub_01_04_map_tab a { display:inline-block; width:180px; height:50px; font-family: 'Roboto'; font-size:14px; letter-spacing:1px; 
font-weight:400; line-height:50px; border:1px solid #d0d0d0; border-left:0; margin:0 -2px; color:#757575; padding:0; }
.sub_01_04_map_tab a:first-child { background:#ff7800; border:1px solid #ff7800; color:#ffffff; }

.sub_01_04_map_info { width:88%; margin:40px auto 0; border:0; }
.sub_01_04_map_info .sub_01_04_map_info_iframe { clear:both; width:100%; border-right:0px solid #eaeaea; }
.sub_01_04_map_info .sub_01_04_map_info_iframe iframe { width:100%; height:300px; }
.sub_01_04_map_info .sub_01_04_map_info_txt { clear:both; width:100%; padding:40px 0 0 0; }
.sub_01_04_map_info .sub_01_04_map_info_txt strong { font-size:22px; letter-spacing:1px; font-weight:600; padding:0 0 20px 0; }
.sub_01_04_map_info .sub_01_04_map_info_txt ul { position:relative; top:50px 0 0 0; }
.sub_01_04_map_info .sub_01_04_map_info_txt ul li { overflow:hidden; border-bottom:1px solid #eaeaea; padding:8px 16px; }
.sub_01_04_map_info .sub_01_04_map_info_txt ul li p { font-size:14px; line-height:180%;  }
.sub_01_04_map_info .sub_01_04_map_info_txt ul li span { font-size:14px; line-height:180%; }
.sub_01_04_map_info .sub_01_04_map_info_txt ul li span a { color:#909090; }
.sub_01_04_map_info .sub_01_04_map_info_txt b { font-size:12.5px; line-height:190%; margin:20px auto 0; text-align:center; }
.sub_01_04_map_info .sub_01_04_map_info_txt b span { display:block; font-family: 'Noto Sans Japanese'; font-weight:300; }
.sub_01_04_map_info .sub_01_04_map_info_txt .sub_01_04_map_info_txt_detail li:nth-child(2) span { display:none; }


.sub_03_01_produce .sub_con_title span { display:none; }
.sub_03_01_produce .sub_con_title span.mobile_detail_txt { width:80%; display:block; font-size:16px; letter-spacing:0px; color:#757575; text-align:center; line-height:190%; }

.sub_03_01_produce_process { width:84%; height:auto; margin:10px auto 0px; background-repeat:no-repeat; background:none; background-repeat:repeat-x; }
.sub_03_01_produce_process_con { overflow:hidden; }
.sub_03_01_produce_process_box { position:relative; width:50%; top:0; left:0; float:left; overflow:hidden; }
.sub_03_01_produce_process_box:nth-child(2) { top:0; left:0; }
.sub_03_01_produce_process_box:nth-child(3) { top:0; left:0; }
.sub_03_01_produce_process_con:first-child .sub_03_01_produce_process_box:last-child { top:0; left:0; }
.sub_03_01_produce_process_con:first-child .sub_03_01_produce_process_box:first-child { top:0; left:0; }
.sub_03_01_produce_process_box:last-child { top:0; left:0; }
.sub_03_01_produce_process_box strong { display:block; width:160px; height:160px; padding:60px 0 0 0; display:block; font-size:20px; margin:40px auto 15px; border:5px solid #ff7800; background:#ffffff; border-radius:100%; }
.sub_03_01_produce_process_box:nth-child(even) strong { background:#ff7800; }
.sub_03_01_produce_process_box span { display:none; width:86%; font-size:14.5px; letter-spacing:0px; } 

.sub_03_01_company { width:100%; padding:80px 0; }
.sub_03_01_company_con { width:100%; margin:0 auto; }

.sub_03_01_company_link ul { width:88%; }
.sub_03_01_company_link ul li { width:20.1%; padding:3px 10px; }
.sub_03_01_company_link ul li img { width:100%; }

.sub_04_01_adv_title span { display:none; }
.sub_04_01_adv_title span.mobile_detail_txt { width:86%; display:block !important; font-size:16px; letter-spacing:0px; line-height:190%; }
.sub_04_01_down { text-align:center; margin:50px 0 20px 0; }
.sub_04_01_down a { margin:0 20px 30px 20px; }

.sub_04_03_translate .sub_con_title span { display:none; }
.sub_04_03_translate .sub_con_title span.mobile_detail_txt { width:80%; display:block; font-size:16px; letter-spacing:0px; color:#757575; text-align:center; line-height:190%; }

.sub_04_03_translate_process { width:84%; height:auto; margin:20px auto 0px; background-repeat:no-repeat; background:none; background-repeat:repeat-x; }
.sub_04_03_translate_process_con { overflow:hidden; }
.sub_04_03_translate_process_box { position:relative; width:50%; top:0; left:0; float:left; overflow:hidden; margin:40px 0 0 0; }
.sub_04_03_translate_process_box:nth-child(2) { top:0; left:0; }
.sub_04_03_translate_process_box:nth-child(3) { top:0; left:0; }
.sub_04_03_translate_process_box:last-child { top:0; left:0; }
.sub_04_03_translate_process_con:first-child .sub_04_03_translate_process_box:last-child { top:0; left:0; }
.sub_04_03_translate_process_con:first-child .sub_04_03_translate_process_box:first-child { top:0; left:0; }
.sub_04_03_translate_process_box strong { display:block; width:160px; height:160px; padding:55px 0 0 0; display:block; font-size:18px; margin:0 auto; border:5px solid #ff7800; background:#ffffff; border-radius:100%; }
.sub_04_03_translate_process_con:first-child .sub_04_03_translate_process_box:last-child  strong { margin:0 auto; padding:55px 0 0 0; }
.sub_04_03_translate_process_box:nth-child(even) strong { background:#ff7800; }
.sub_04_03_translate_process_box span { display:none; width:84%; font-size:14.5px; letter-spacing:0px; margin:15px auto 0; } 

.sub_04_03_company { margin:0 0 0 0; }
.sub_04_03_company_txt strong { font-size:25px; }
.sub_04_03_company_txt p { display:none; width:80%; margin:0 auto; font-size:18px; }
.sub_04_03_company_txt p.mobile_detail_title { display:block !important; font-weight:500; font-weight:600; line-height:150%; }
.sub_04_03_company_txt span { display:none; font-size:15px;  letter-spacing:0px; }
.sub_04_03_company span.mobile_detail_txt { width:80%; display:block !important; margin:10px auto 0; }

.sub_04_03_company_line { width:90%; margin:0 auto 70px; }
.sub_04_03_company_line .sub_04_03_company_txt { width:100%; margin:4.5% 0 0 0; }
.sub_04_03_company_photo_con { width:100%; }
.sub_04_03_company_photo_con .sub_04_03_company_photo_box { float:left; width:33.3%; }
.sub_04_03_company_photo_con .sub_04_03_company_photo_box span { font-size:14px; }
.sub_04_03_company_photo_con .sub_04_03_company_photo_box img { width:100%; }
.sub_04_03_company_photo_con .sub_04_03_company_photo_box:nth-child(2) img { width:80%; }
.sub_04_03_company_photo_con .sub_04_03_company_photo_box:last-child img { width:100%; }

.sub_04_03_company_abroad .sub_04_03_company_txt { float:left; margin:150px 0 0 0; }
.sub_04_03_company_abroad .sub_04_03_company_abroad_photo_con { width:100%; overflow:hidden; float:right; }
.sub_04_03_company_abroad_photo_con .sub_04_03_company_photo_box { float:left; }
.sub_04_03_company_abroad_photo_con .sub_04_03_company_photo_box img { display:block; margin:0 auto; }
.sub_04_03_company_abroad_photo_con .sub_04_03_company_photo_box span { display:block; width:76%; margin:0 auto; font-size:14px; font-weight:600; color:#959595; text-align:center; }

.sub_04_03_company_abroad_con { width:90%; padding:60px 0; }
.sub_04_03_company_abroad .sub_04_03_company_photo_con { width:60%; }
.sub_04_03_company_abroad .sub_04_03_company_txt { width:100%; margin:30px 0 0 0; }
.sub_04_03_company_abroad .sub_04_03_company_photo_box { float:left; width:33.3%; }
.sub_04_03_company_abroad_con .sub_04_03_company_photo_box img { width:100%; }
.sub_04_03_company_abroad_con .sub_04_03_company_photo_box:nth-child(2) img { width:100%; }
.sub_04_03_company_abroad_con .sub_04_03_company_photo_box:last-child img { width:100%; }

.sub_04_03_company_comico { width:90%; padding:60px 0; }
.sub_04_03_company_comico .sub_04_03_company_txt { float:left; margin:0 0 0 0; }
.sub_04_03_company_comico .sub_04_03_company_photo_box { float:left; width:50%; }
.sub_04_03_company_comico .sub_04_03_company_photo_con { float:left; width:100%; margin:15px 0; }
.sub_04_03_company_comico .sub_04_03_company_photo_box img { display:block; margin:0 auto; }
.sub_04_03_company_comico .sub_04_03_company_photo_box span { display:block; font-size:14px; font-weight:600; color:#959595; text-align:center; }
.sub_04_03_company_comico .sub_04_03_company_txt { width:100%; margin:0 0 0 0; }
.sub_04_03_company_comico .sub_04_03_company_photo_box img { width:100%; }
.sub_04_03_company_comico .sub_04_03_company_photo_box:nth-child(2) img { width:100%; }

.gallery_list_con { width:90%; margin:0 auto 50px; }
.char_boardbutton { width:calc(100% - 80px); margin:0 auto; }
}


/* ¸ð¹ÙÀÏ Çػ󵵸¦ °í·ÁÇÏ¿© 640Çȼ¿ ÀÌÇÏ ( 320Çȼ¿±îÁö) ¼³Á¤ css °ªÀ» Ãß°¡ÇÕ´Ï´Ù. */
@media only screen and (max-width: 640px) {
#head { height:70px; }
.head_main { height:70px; background:transparent !important; }
#head ul { padding:0 15px; }
#head .right_menu_open { display:block; position:absolute; top:14px; right:10px; }
#head .right_menu_open img { width:45px; }
#right_menu .lan_gr  { display:none; }
#right_menu .kor { display:none; }
#head .menu { display:none; }
#head .mobile_lan { display:none; top:31px; right:68px; }
#head .logo img { width:50px; margin:0px 0 0 0; padding:12px 0 0 0; }
#right_menu { display:block; }
.boardbutton { width:100%; }

#right_menu .close_bg { overflow:hidden; height:70px; padding:0 15px; background:#ff7800; }
#right_menu .right_menu_logo { width:50px; margin:14px 20px 0 0; }
#right_menu .right_menu_logo img { display:block; width:50px; margin:-10px 0 0 0; padding:8px 0 0 0; }
#right_menu_close { right:15px; }
#right_menu_close img { width:30px; margin:20px 0 0 5px; }
#right_menu { display:block; }

#sf { height:200px; }
#sf p { font-size:30px; padding:136px 0 30px 0; }
#sf_tab { font-size:13.5px; height:45px; line-height:45px; }
#sf_tab a { margin:0 10px; }
#sf_tab .on { padding:13px 0; margin:0 10px; }

#sub { width:100%; padding:50px 0 60px 0; }
.sub_container { padding:50px 0; }
#sub .sub_title_big { font-size:35px; width:90%; margin:0 auto; line-height:130%; word-break:keep-all; }
.sub_con_title b { font-size:30px; margin-bottom:40px; }
.sub_03_01_company_con .sub_03_01_company_title_single strong { font-size:30px; margin:0 0 20px 0; }
.sub_01_01_partners_con .sub_01_01_partners_title_single strong { font-size:30px; margin:0 0 30px 0; }
span.mobile_detail_txt { display:block !important; font-size:15px; width:80%; margin:0 auto; word-break:keep-all; letter-spacing:0px; line-height:190%; font-weight:500; }
.sub_con_title_line { height:20px; }

.sub_01_01_about { padding:10px 0 0 0; }
.sub_01_01_about span { display:none; }
.sub_01_01_about div { clear:both; width:100%; margin:0 0 20px 0; }
.sub_01_01_about div:last-child { margin:0; }
.sub_01_01_about div p { font-size:20px; padding-bottom:25px; margin-bottom:20px; font-weight:700; }
.sub_01_01_about div img { width:200px; margin:0 auto 15px; }

.sub_01_01_partners { padding:60px 0; }
.sub_01_01_partners_con { width:90%; margin:0 auto; }
.sub_01_01_partners_link { width:98%; margin:0 auto; }
.sub_01_01_partners_link ul li { width:20.18%; margin:-5px -2px; }
.sub_01_01_partners_link ul li:nth-child(5) { border-right:1px solid #dddddd; }
.sub_01_01_partners_link ul li:nth-child(10) { border-right:1px solid #dddddd; }
.sub_01_01_partners_link ul li:nth-child(15) { border-right:1px solid #dddddd; }
.sub_01_01_partners_link ul li:nth-child(20) { border-right:1px solid #dddddd; }
.sub_01_01_partners_link ul li:nth-child(25) { border-right:1px solid #dddddd; }
.sub_01_01_partners_link ul li:nth-child(30) { border-right:1px solid #dddddd; }
.sub_01_01_partners_link ul li:nth-child(35) { border-right:1px solid #dddddd; }
.sub_01_01_partners_link ul li:nth-child(40) { border-right:1px solid #dddddd; }
.sub_01_01_partners_link ul li:last-child { border-right:1px solid #dddddd; }
.sub_01_01_partners_link ul li img { width:90%; padding:5px 0 0 0; }

.sub_01_03_power_con { width:96%; padding:0 2%; margin:0 auto 50px; }
.sub_01_03_power_box { width:100%; padding:0 8% 50px 8%; clear:both; }
.sub_01_03_power_box:last-child { width:100%; padding:0 8%; clear:both; }
.sub_01_03_power_box img { width:96%; margin:0 auto; }
.sub_01_03_power_box strong { font-size:20px; line-height:160%; letter-spacing:2px; margin:20px 0 5px 0; }
.sub_01_03_power_box p { width:90%; font-size:18px; line-height:160%; margin:3px auto 15px; word-break:keep-all; }
.sub_01_03_power_box span { display:none; }
.sub_01_03_power_box span.mobile_detail_txt { font-size:13.5px; width:100%; color:#858585; letter-spacing:0; }

.sub_01_04_map_tab { width:90%; margin:0 auto; }
.sub_01_04_map_tab a { width:33.3%; height:44px; font-size:12px; letter-spacing:0.5px; 
font-weight:400; line-height:44px; border:1px solid #d0d0d0; border-left:0; margin:0 -2px; color:#757575; padding:0; }
.sub_01_04_map_tab a:first-child { background:#ff7800; border:1px solid #ff7800; color:#ffffff; }

.sub_01_04_map_info { width:88%; margin:40px auto 0; border:0; }
.sub_01_04_map_info .sub_01_04_map_info_iframe { clear:both; width:100%; border-right:0px solid #eaeaea; }
.sub_01_04_map_info .sub_01_04_map_info_iframe iframe { width:100%; height:300px; }
.sub_01_04_map_info .sub_01_04_map_info_txt { clear:both; width:100%; padding:40px 0 0 0; }
.sub_01_04_map_info .sub_01_04_map_info_txt strong { font-size:22px; letter-spacing:1px; font-weight:600; padding:0 0 20px 0; }
.sub_01_04_map_info .sub_01_04_map_info_txt ul { position:relative; top:50px 0 0 0; }
.sub_01_04_map_info .sub_01_04_map_info_txt ul li { overflow:hidden; border-bottom:1px solid #eaeaea; padding:8px 16px; }
.sub_01_04_map_info .sub_01_04_map_info_txt ul li p { font-size:14px; line-height:180%;  }
.sub_01_04_map_info .sub_01_04_map_info_txt ul li span { font-size:14px; line-height:180%; }
.sub_01_04_map_info .sub_01_04_map_info_txt ul li span a { color:#909090; }
.sub_01_04_map_info .sub_01_04_map_info_txt b { font-size:12.5px; line-height:190%; margin:20px auto 0; text-align:center; }
.sub_01_04_map_info .sub_01_04_map_info_txt b span { display:block; font-family: 'Noto Sans Japanese'; font-weight:300; }
.sub_01_04_map_info .sub_01_04_map_info_txt .sub_01_04_map_info_txt_detail li:nth-child(2) span { display:none; }

.superstring_story_txt { display:none; }
.m_superstring_story_txt { display:block; width:94%; margin:0 auto; font-size:14px; letter-spacing:0px; }

.sub_03_01_produce .sub_con_title span { display:none; }
.sub_03_01_produce .sub_con_title span.mobile_detail_txt { width:80%; display:block; font-size:15px; letter-spacing:0; color:#757575; text-align:center; line-height:190%; }

.sub_03_01_produce_process { width:90%; height:auto; margin:40px auto 0px; background-repeat:no-repeat; background:none; background-repeat:repeat-y; }
.sub_03_01_produce_process_box { clear:both; position:relative; width:100%; top:0; left:0; margin:0 0 25px 0; }
.sub_03_01_produce_process_con:first-child .sub_03_01_produce_process_box:last-child  { margin:0 0 25px 0; }
.sub_03_01_produce_process_box:last-child { margin:0; }
.sub_03_01_produce_process_box:nth-child(2) { top:0; left:0; }
.sub_03_01_produce_process_box:nth-child(3) { top:0; left:0; }
.sub_03_01_produce_process_con:first-child .sub_03_01_produce_process_box:last-child { top:0; left:0; }
.sub_03_01_produce_process_con:first-child .sub_03_01_produce_process_box:first-child { top:0; left:0; }
.sub_03_01_produce_process_box:last-child { top:0; left:0; }
.sub_03_01_produce_process_box strong { display:block; width:140px; height:140px; padding:50px 0 0 0; display:block; font-size:19px; margin:0 auto 0; border:5px solid #ff7800; background:#ffffff; border-radius:100%; }
.sub_03_01_produce_process_box:first-child strong { margin:0 auto; }
.sub_03_01_produce_process_box:nth-child(even) strong { background:#ff7800; }
.sub_03_01_produce_process_box span { display:none; width:70%; font-size:14px; letter-spacing:0px; padding:10px 0 5px 0; } 

.sub_03_01_company { width:100%; padding:50px 0; }
.sub_03_01_company_con { width:100%; margin:0 auto; }

.sub_03_01_company_link ul { width:88%; }
.sub_03_01_company_link ul li { width:20.2%; margin:-5px -2px; }
.sub_03_01_company_link ul li:nth-child(5) { border-right:1px solid #dddddd; }
.sub_03_01_company_link ul li:nth-child(6) { border-right:0; }
.sub_03_01_company_link ul li:nth-child(10) { border-right:1px solid #dddddd; }
.sub_03_01_company_link ul li img { width:90%; padding:5px 0 0 0; }

.sub_04_01_adv_title span { display:none; }
.sub_04_01_adv_title span.mobile_detail_txt { width:86%; display:block !important; line-height:170%; }

.sub_04_03_translate .sub_con_title span { display:none; }
.sub_04_03_translate .sub_con_title span.mobile_detail_txt { width:80%; display:block; font-size:15px; letter-spacing:0px; color:#757575; text-align:center; line-height:190%; }

.sub_04_03_translate_process { width:90%; height:auto; margin:40px auto 0px; background-repeat:no-repeat; background:none; background-repeat:repeat-y; }
.sub_04_03_translate_process_box { clear:both; position:relative; width:100%; top:0; left:0; margin:0 0 25px 0; }
.sub_04_03_translate_process_con:first-child .sub_04_03_translate_process_box:last-child  { margin:0 0 25px 0; }
.sub_04_03_translate_process_box:last-child { margin:0; }
.sub_04_03_translate_process_box:nth-child(2) { top:0; left:0; }
.sub_04_03_translate_process_box:nth-child(3) { top:0; left:0; }
.sub_04_03_translate_process_con:first-child .sub_04_03_translate_process_box:last-child { top:0; left:0; }
.sub_04_03_translate_process_con:first-child .sub_04_03_translate_process_box:first-child { top:0; left:0; }
.sub_04_03_translate_process_box:last-child { top:0; left:0; }
.sub_04_03_translate_process_box strong { display:block; width:140px; height:140px; padding:42px 0 0 0; display:block; font-size:17px; margin:0 auto 0; border:5px solid #ff7800; background:#ffffff; border-radius:100%; }
.sub_04_03_translate_process_box:first-child strong { margin:0 auto; }
.sub_04_03_translate_process_box:nth-child(even) strong { background:#ff7800; }
.sub_04_03_translate_process_box span { display:none; width:70%; font-size:14px; letter-spacing:-0px; padding:10px 0 5px 0; } 
.sub_04_03_translate_process_con:first-child .sub_04_03_translate_process_box:nth-child(2) strong { padding:45px 0 0 0; margin:0 auto; top:0; left:0; }

.sub_04_03_company { margin:0 0 0 0; }
.sub_04_03_company_txt strong { font-size:25px; }
.sub_04_03_company_txt p { font-size:18px; }
.sub_04_03_company_txt p { display:none; width:80%; margin:0 auto; font-size:18px; }
.sub_04_03_company_txt p.mobile_detail_title { display:block !important; font-weight:500; font-weight:600; line-height:150%; }
.sub_04_03_company_txt span { display:none; font-size:14px; letter-spacing:-0px; }
.sub_04_03_company span.mobile_detail_txt { display:block !important; margin:10px auto 0; }

.sub_04_03_company_line { width:90%; margin:0 auto 70px; }
.sub_04_03_company_line .sub_04_03_company_txt { width:100%; margin:4.5% 0 0 0; }
.sub_04_03_company_photo_con { width:100%; }
.sub_04_03_company_photo_con .sub_04_03_company_photo_box { float:left; width:100%; }
.sub_04_03_company_photo_con .sub_04_03_company_photo_box span { font-size:14px; }
.sub_04_03_company_photo_con .sub_04_03_company_photo_box img { width:80%; }
.sub_04_03_company_photo_con .sub_04_03_company_photo_box:nth-child(2) img { width:80%; }
.sub_04_03_company_photo_con .sub_04_03_company_photo_box:last-child img { width:80%; }

.sub_04_03_company_abroad .sub_04_03_company_txt { float:left; margin:150px 0 0 0; }
.sub_04_03_company_abroad .sub_04_03_company_abroad_photo_con { width:100%; overflow:hidden; float:right; }
.sub_04_03_company_abroad_photo_con .sub_04_03_company_photo_box { float:left; }
.sub_04_03_company_abroad_photo_con .sub_04_03_company_photo_box img { display:block; margin:0 auto; }
.sub_04_03_company_abroad_photo_con .sub_04_03_company_photo_box span { display:block; font-size:14px; font-weight:600; color:#959595; text-align:center; }

.sub_04_03_company_abroad_con { width:90%; padding:60px 0; }
.sub_04_03_company_abroad .sub_04_03_company_photo_con { width:60%; }
.sub_04_03_company_abroad .sub_04_03_company_txt { width:100%; margin:30px 0 0 0; }
.sub_04_03_company_abroad .sub_04_03_company_photo_box { float:left; width:100%; }
.sub_04_03_company_abroad_con .sub_04_03_company_photo_box img { width:80%; }
.sub_04_03_company_abroad_con .sub_04_03_company_photo_box:nth-child(2) img { width:80%; }
.sub_04_03_company_abroad_con .sub_04_03_company_photo_box:last-child img { width:80%; }

.sub_04_03_company_comico { width:90%; padding:60px 0; }
.sub_04_03_company_comico .sub_04_03_company_txt { float:left; margin:0 0 0 0; }
.sub_04_03_company_comico .sub_04_03_company_photo_box { float:left; width:100%; }
.sub_04_03_company_comico .sub_04_03_company_photo_con { float:left; width:100%; margin:15px 0; }
.sub_04_03_company_comico .sub_04_03_company_photo_box img { display:block; margin:0 auto; }
.sub_04_03_company_comico .sub_04_03_company_photo_box span { display:block; font-size:14px; font-weight:600; color:#959595; text-align:center; }
.sub_04_03_company_comico .sub_04_03_company_txt { width:100%; margin:0 0 0 0; }
.sub_04_03_company_comico .sub_04_03_company_photo_box img { width:80%; }
.sub_04_03_company_comico .sub_04_03_company_photo_box:nth-child(2) img { width:80%; }

.gallery_list_con { width:90%; margin:0 auto 50px; }


}