@charset "utf-8";
/* ¼­ºê ºñÁÖ¾ó ¿µ¿ª */
#sub_visual {position:relative; overflow:hidden}
#sub_visual ul {position:relative; overflow:hidden}
#sub_visual ul li {position:absolute; top:0; left:0; height:500px; z-index:5}
#sub_visual ul li.active {position:relative; z-index:30}
#sub_visual ul li img {display:block; width:100%; height:100%}
#sub_visual .title {position:absolute; top:40%; left:0; width:100%; text-align:center; z-index:50}
#sub_visual .title h2 {font-size:60px; font-weight:600; letter-spacing:5px; color:#fff}
#sub_visual .title h2:after {display:block; margin:30px auto; width:50px; height:1px; content:''; background:#fff}
#sub_visual .title h3 {font-size:30px; font-weight:400; color:#fff}
#sub_visual .scrollbg {position:absolute; top:0; left:0; width:100%; height:100%; background:#21bbb1; opacity:0; filter:alpha(opacity='0'); z-index:30}
/* ·ÎÄÉÀÌ¼Ç ¿µ¿ª */
#container .location_bar {height:60px; border-bottom:1px solid #e6e6e6; background:#fff}
#container .location_bar .inner {max-width:1400px; margin:0 auto; padding:0 50px; text-align:right}
#container .location_bar .inner ul {text-align:right}
#container .location_bar .inner ul li {display:inline-block; color:#888; line-height:60px}
#container .location_bar .inner ul li.divider {margin:0 5px}
#container .location_bar .inner ul li.current {color:#333}

/* µ¶ÇÐÀç¼ö°ü ¿µ¿ª */
#container #max {width:100%; height:100%; text-align:center; clear:both;} 
#container #max .max01 {width:100%; padding:0; background:#090e14 }
#container #max .max01 img { padding:0; margin:0; border:none; vertical-align:middle}

#container #max .max02 {width:100%; padding:0; background:#000000 }
#container #max .max02 img { padding:0; margin:0; border:none; vertical-align:middle}

#container #max .max03 {width:100%; padding:0; background:#fff; }
#container #max .max03 img { padding:0; margin:0; border:none; vertical-align:middle}

#container #max .max04 {width:100%; padding:0; background:#fff }
#container #max .max04 img { padding:0; margin:0; border:none; vertical-align:middle}

#container #max .max05 {width:100%; padding:0; background:#e9e9e9; }
#container #max .max05 img { padding:0; margin:0; border:none; vertical-align:middle}

#container #max .max06 {width:100%; padding:0; background:#fff; }
#container #max .max06 img { padding:0; margin:0; border:none; vertical-align:middle}

#container #max .max07 {width:100%; padding:0; background:#fff; }
#container #max .max07 img { padding:0; margin:0; border:none; vertical-align:middle}


#container #max .max08 {width:100%; padding:0; background:#fff; }
#container #max .max08 img { padding:0; margin:0; border:none; vertical-align:middle}


#container #max .max09 {width:100%; padding:0; background:#fff; }
#container #max .max09 img { padding:0; margin:0; border:none; vertical-align:middle}



/* Àç¼ö¼±Çà¹Ý ¿µ¿ª */
#container #jae {width:100%; height:100%; clear:both; display:block; margin:0 auto; text-align:center; } 
#container #jae .jae01 {width:100%; padding:0; background:#17212b }
#container #jae .jae01 img { padding:0; margin:0; border:none; vertical-align:middle}

#container #jae .jae02 {width:100%; padding:0; background:#e4e4e4}
#container #jae .jae02 img { padding:0; margin:0; border:none; vertical-align:middle}

#container #jae .jae03 {width:100%; padding:0; background:#333333}
#container #jae .jae03 img { padding:0; margin:0; border:none; vertical-align:middle}

#container #jae .jae04 {width:100%; padding:0; background:#ececec }
#container #jae .jae04 img { padding:0; margin:0; border:none; vertical-align:middle}

#container #jae .jae05 {width:100%; padding:0; background:#424451 }
#container #jae .jae05 img {padding:0; margin:0; border:none; vertical-align:middle}

#container #jae .jae06 {width:100%; padding:0; background:#fff }
#container #jae .jae06 img { padding:0; margin:0; border:none; vertical-align:middle}

#container #jae .jae07 {width:100%; padding:0; background:#fff }
#container #jae .jae07 img { padding:0; margin:0; border:none; vertical-align:middle}





/* Àç¼öÁ¤±Ô¹Ý ¿µ¿ª */
#container #ban {width:100%; height:100%; clear:both; display:block; margin:0 auto; text-align:center;} 
#container #ban .ban01 {width:100%; padding:0; background:#141e28 }
#container #ban .ban01 img { padding:0; margin:0; border:none; vertical-align:middle}

#container #ban .ban02 {width:100%; padding:0; background:#333333 }
#container #ban .ban02 img { padding:0; margin:0; border:none; vertical-align:middle}

#container #ban .ban03 {width:100%; padding:0; background:#ececec}
#container #ban .ban03 img { padding:0; margin:0; border:none; vertical-align:middle}

#container #ban .ban04 {width:100%; padding:0; background:#262732 }
#container #ban .ban04 img { padding:0; margin:0; border:none; vertical-align:middle}

#container #ban .ban05 {width:100%; padding:0; background:#fff}
#container #ban .ban05 img {padding:0; margin:0; border:none; vertical-align:middle}

#container #ban .ban06 {width:100%; padding:0; background:#fff}
#container #ban .ban06 img { padding:0; margin:0; border:none; vertical-align:middle}

#container #ban .ban07 {width:100%; padding:0; background:#fff}
#container #ban .ban07 img { padding:0; margin:0; border:none; vertical-align:middle}

#container #ban .ban08 {width:100%; padding:0; background:#fff}
#container #ban .ban08 img { padding:0; margin:0; border:none; vertical-align:middle}

#container #ban .ban09 {width:100%; padding:0; background:#fff}
#container #ban .ban09 img { padding:0; margin:0; border:none; vertical-align:middle}




/* Àç¼ö¹Ý¼ö¹Ý ¿µ¿ª */
#container #final {width:100%; height:100%; clear:both; display:block; margin:0 auto; text-align:center;} 
#container #final .final01 {width:100%; padding:0; background:#241421 }
#container #final .final01 img { padding:0; margin:0; border:none; vertical-align:middle}

#container #final .final02 {width:100%; padding:0; background:#fff}
#container #final .final02 img { padding:0; margin:0; border:none; vertical-align:middle}

#container #final .final03 {width:100%; padding:0; background:#1a1b1e }
#container #final .final03 img { padding:0; margin:0; border:none; vertical-align:middle}

#container #final .final04 {width:100%; padding:0; }
#container #final .final04 img { padding:0; margin:0; border:none; vertical-align:middle}

#container #final .final05 {width:100%; padding:0; background:#fff}
#container #final .final05 img {padding:0; margin:0; border:none; vertical-align:middle}

#container #final .ban06 {width:100%; padding:0; background:#fff}
#container #final .ban06 img { padding:0; margin:0; border:none; vertical-align:middle}

#container #final .ban07 {width:100%; padding:0; background:#fff}
#container #final .ban07 img { padding:0; margin:0; border:none; vertical-align:middle}

#container #final .ban08 {width:100%; padding:0; background:#fff}
#container #final .ban08 img { padding:0; margin:0; border:none; vertical-align:middle}

#container #final .ban09 {width:100%; padding:0; background:#fff}
#container #final .ban09 img { padding:0; margin:0; border:none; vertical-align:middle}




/* ÄÁÅÙÃ÷ ¿µ¿ª ·¹À̾ƿô */
#container {background:#fff}
#container > .inner:before {position:absolute; top:0; left:0; content:''; border-left:1px solid #e6e6e6; width:1px; height:100%}
#container > .inner {position:relative; max-width:1300px; margin:0 auto; padding:50px 50px 80px}
#container > .inner:after {clear:both; display:block; content:''; position:absolute; top:0; right:0; border-right:1px solid #e6e6e6; width:1px; height:100%}
.btm_img {clear:both; height:450px; background:url(../../img/sub_btm_img.jpg) center top no-repeat; background-size:cover}
.btm_img .inner {max-width:1400px; margin:0 auto; padding:0 50px}
.btm_img .inner .caption {padding-top:10%}
.btm_img .inner .caption h2 {font-size:50px; font-weight:600; color:#fff; line-height:1; margin-bottom:30px}
.btm_img .inner .caption p {font-size:15px; font-weight:300; color:#fff; max-width:60%}
/* ÁÂÃø ¼­ºê¸Þ´º */
#nav {height:50px; border-bottom:1px solid #e6e6e6}
#nav .inner {max-width:1400px; margin:0 auto; padding:0 50px}
#nav .title {float:left; width:50px; height:100%; background:#1c1c1c}
#nav .title a {display:block; width:100%; height:100%; font-size:16px; font-weight:600; color:#fff; text-align:center; line-height:50px}
#nav .dropdown {position:relative; float:left; margin-left:-1px; min-width:180px; z-index:10}
#nav .dropdown > a {position:relative; display:block; width:100%; height:100%; padding:0 75px 0 25px; color:#444; font-weight:600; line-height:50px; border-right:1px solid #e6e6e6}
#nav .dropdown > a:before {position:absolute; width:0; height:0; top:50%; right:15px; margin-top:-2px; content:''; border-style:solid; border-width:4px; border-color:transparent; border-top-color:#333}
#nav .dropdown.open > a:before {margin-top:-6px; border-top-color:transparent; border-bottom-color:#333}
#nav .dropdown > ul.mnuList {display:none; position:absolute; top:49px; left:0; width:100%; border:1px solid #e6e6e6; background:#fff; box-shadow:0 2px 2px rgba(0,0,0,.12)}
#nav .dropdown > ul.mnuList li {border-top:1px solid #e6e6e6}
#nav .dropdown > ul.mnuList li:first-child {border-top:none}
#nav .dropdown > ul.mnuList li a {display:block; padding:10px 25px}
#nav .dropdown > ul.mnuList li a:hover {background:#f9f9f9}
/* ÄÁÅÙÃ÷ ³»ºÎ °øÅë */
#container > .inner img.img_tab, #container > .inner img.img_mob {display:none !important}
#container > .inner .title {margin-bottom:40px}
#container > .inner .title h2 {font-size:35px; font-weight:600; color:#333; line-height:1.2; margin-bottom:15px}
#container > .inner .title p {font-size:12px; color:#888; line-height:1.6}
#container > .inner h3.sub_tit {font-size:22px; font-weight:400; line-height:1.2; color:#555; margin-bottom:30px}
#container > .inner img {max-width:100%}
/* COMPANY - ȸ»ç¼Ò°³ */
#container > .inner .greeting .grt_tit {margin-bottom:60px}
#container > .inner .greeting .grt_tit h3 {font-size:22px; font-weight:600; color:#444; line-height:1.2; margin-bottom:20px}
#container > .inner .greeting ul.teamList {text-align:justify; margin-bottom:60px}
#container > .inner .greeting ul.teamList:after {display:inline-block; width:100%; content:''}
#container > .inner .greeting ul.teamList > li {display:inline-block; width:30%; vertical-align:top}
#container > .inner .greeting ul.teamList > li .info {margin-bottom:30px}
#container > .inner .greeting ul.teamList > li .info h4 {font-size:18px; font-weight:600; color:#555; line-height:1.1}
#container > .inner .greeting ul.teamList > li .info span {font-size:12px; color:#888}
#container > .inner .greeting ul.teamList > li .info ul {margin-top:20px}
#container > .inner .greeting ul.teamList > li .info ul li {color:#666}
#container > .inner .greeting ul.teamList > li .info ul li:before {display:inline-block; width:2px; height:2px; content:''; margin-right:5px; background:#ccc; vertical-align:middle}
#container > .inner .greeting ul.teamList > li .imgArea {width:80%; margin:0 auto; border-radius:50%; overflow:hidden}
#container > .inner .greeting .info_box {margin-top:30px}
#container > .inner .greeting .info_box dl {margin:0; overflow:hidden}
#container > .inner .greeting .info_box dl dt {display:block; float:left; width:12%; padding:8px 0; font-weight:600; color:#444; border-bottom:1px dotted #ccc}
#container > .inner .greeting .info_box dl dd {display:block; margin-left:15%; padding:8px 0; color:#666; border-bottom:1px dotted #ccc}
/* COMPANY - ¿¬Çõ */
#container > .inner .history .history_box {margin-bottom:60px}
#container > .inner .history .history_box:after {clear:both; display:block; content:''}
#container > .inner .history .history_box .his_tit {margin-bottom:30px; padding-bottom:15px; border-bottom:2px solid #aaa}
#container > .inner .history .history_box .his_tit span {font-size:20px; color:#888}
#container > .inner .history .history_box .his_tit h3 {font-size:24px; font-weight:600; color:#444; line-height:1}
#container > .inner .history .history_box .left {float:left; width:45%}
#container > .inner .history .history_box .left p {color:#666; margin-bottom:25px; text-align:justify}
#container > .inner .history .history_box .right {float:right; width:50%}
#container > .inner .history .history_box .right dl {clear:both; margin:0 0 20px 0; overflow:hidden}
#container > .inner .history .history_box .right dl dt {float:left; width:60px; font-size:24px; font-weight:600; color:#444}
#container > .inner .history .history_box .right dl dd {margin-left:80px; line-height:2; color:#666}
/* COMPANY - ã¾Æ¿À½Ã´Â ±æ */
#map {position:relative; height:400px; margin-bottom:30px; overflow:hidden}
.new_map {position:relative; height:400px; margin-bottom:30px; overflow:hidden}
#container > .inner .map_box {padding:30px; background:#f6f6f6}
#container > .inner .map_box ul.map_info li {color:#666}
#container > .inner .map_box ul.map_info li:before {display:inline-block; width:3px; height:3px; margin-right:5px; content:''; background:#aaa; vertical-align:4px}
/* BUSINESS - »ç¾÷¾È³» */
#container > .inner .business ul.typeList {text-align:justify; margin-bottom:60px}
#container > .inner .business ul.typeList:after {display:inline-block; width:100%; content:''}
#container > .inner .business ul.typeList li {display:inline-block; width:23%; vertical-align:top}
#container > .inner .business ul.typeList .imgArea {margin-bottom:25px; overflow:hidden}
#container > .inner .business ul.typeList .info h4 {font-size:18px; font-weight:400; color:#444; line-height:1; margin-bottom:15px}
#container > .inner .business ul.typeList .info p {color:#666}
#container > .inner .business ul.processList {text-align:justify; margin-bottom:60px}
#container > .inner .business ul.processList:after {display:inline-block; width:100%; content:''}
#container > .inner .business ul.processList li {display:inline-block; width:31%}
#container > .inner .business ul.processList .imgArea {margin-bottom:20px; overflow:hidden}
#container > .inner .business ul.processList .info {padding:10px 15px; background:#ebebeb}
#container > .inner .business ul.processList .info.color {background:#555}
#container > .inner .business ul.processList .info.color span {color:#fff}
#container > .inner .business ul.processList .info span {font-size:15px; color:#777}
/* BUSINESS - »ç¾÷¿µ¿ª */
#container > .inner .business .area_wrap {text-align:justify; overflow:hidden}
#container > .inner .business .area_wrap:after {display:inline-block; width:100%; content:''}
#container > .inner .business .area_wrap > .area_box {display:inline-block; width:49.5%; margin-bottom:20px; vertical-align:top}
#container > .inner .business .area_wrap > .area_box .imgArea {overflow:hidden}
#container > .inner .business .area_wrap > .area_box .info {padding:30px; min-height:260px; background:#efefef}
#container > .inner .business .area_wrap > .area_box .info h4 {font-size:24px; font-weight:400; color:#444; line-height:1; margin-bottom:40px}
/*2018-02-27Ãß°¡ °Ô½ÃÆÇ °øÅë */
.bbsnewf5 {font:inherit !important}
.bbsnewf5 a:hover {color:inherit !important}
.board {font-family:inherit !important}
.tbl_brd {width:100%; margin-bottom:40px; border-top:2px solid #666}
.tbl_brd input {font:inherit !important}
.tbl_brd input[type=file] {width:80%}
.tbl_brd input[type=text], .tbl_brd input[type=password] {width:80%; height:40px; padding-left:10px; border:1px solid #e8e8e8; border-radius:3px; color:#666}
.tbl_brd input[type=text]:focus, .tbl_brd input[type=text]:hover, .tbl_brd input[type=password]:focus, .tbl_brd input[type=password]:hover {border-color:#d8d8d8}
.tbl_brd select {height:40px; line-height:38px; padding:0 10px; border:1px solid #e0e0e0; cursor:pointer}
.tbl_brd textarea {font:inherit !important; width:80%; max-height:120px; padding:10px; border:1px solid #e0e0e0; border-radius:3px}
.tbl_brd textarea:focus, .tbl_brd textarea:hover {border-color:#d8d8d8}
.tbl_brd select:focus, .tbl_brd select:hover {border-color:#d8d8d8}
.tbl_brd tbody td {font:inherit !important; font-size:14px !important; padding:15px; border-bottom:1px solid #e0e0e0}
.tbl_brd tbody td font, .tbl_brd tbody td span, .tbl_brd tbody td a {font:inherit !important; font-size:14px !important}
.board_bgcolor {width:30% !important; font:inherit !important; color:#333; background:#f9f9f9 !important}
#post_area img {max-width:100%; height:auto !important}
.prvThumbList {margin-top:40px}
.prvThumbList > table td table {width:135px}
div.nneditor-container .seResize2 span {font-size:0 !important}
.brd_btngroup {margin-top:50px}
.brd_btngroup a {margin-top:2px; margin-bottom:2px}
#check_all {margin-left:5px; vertical-align:-5px}
.board_bottom {margin-top:50px}
.board_bottom > a {float:right}
#ext_search {float:left}
#ext_search select {height:35px; line-height:38px; margin-right:5px; padding:0 10px; border:1px solid #e0e0e0; cursor:pointer}
#ext_search select:focus, #ext_search select:hover {border-color:#d8d8d8}
#ext_search input[type=text] {height:35px; margin-right:5px; padding-left:10px; border:1px solid #e8e8e8; border-radius:3px; color:#666}
#ext_search input[type=text]:focus, #ext_search input[type=text]:hover {border-color:#d8d8d8}
.board_comment_bgcolor {padding-bottom:20px; background-color:#f9f9f9 !important}
.comment_txt {padding:10px 0 !important; word-break:}
.comment_txt:first-child {padding:20px !important}
.comment_txt textarea {width:60%; width:-webkit-calc(100% - 120px); width:-moz-calc(100% - 120px); width:calc(100% - 120px); height:50px; padding:10px; font:inherit !important; border:1px solid #e8e8e8; border-radius:3px}
.comment_txt > a.btn {margin:2px 0; padding:0 15px !important; height:30px !important; line-height:28px !important}
.comment_txt > font {display:block; margin-bottom:10px; color:#ccc !important}
.comment_name {color:#333 !important; width:20% !important}
.comment_name input[type=checkbox] {margin-right:5px; vertical-align:middle}
/* °Ô½ÃÆÇ Ä«Å×°í¸® ÅÇ */
.cate_select {display:none !important}
.board_tab {position:relative; margin-bottom:50px}
.board_tab > a {display:none}
.board_tab ul {border-bottom:1px solid #e0e0e0}
.board_tab ul > li {float:left; margin-bottom:-1px; margin-left:-1px}
.board_tab ul > li:first-child {margin-left:0}
.board_tab ul > li > a {display:block; padding:12px 30px; color:#999; border:1px solid #e0e0e0; background:#f4f4f4}
.board_tab ul > li.on > a {position:relative; color:#333; border-color:#aaa; border-bottom-color:#fff; background:#fff; z-index:10}
/* ¹Ìµð¾î Äõ¸® */
@media screen and (max-width:1024px) {
 /* ¼­ºê ºñÁÖ¾ó ¿µ¿ª */
 #sub_visual ul li {height:500px}
 /* ¼­ºê °øÅë ·¹À̾ƿô */
 #container > .inner {border:none}
 #container > .inner img.img_tab {display:block !important}
 #container > .inner img.img_pc, #container > .inner img.img_mob {display:none !important}
 #nav {float:none; width:100%; margin:0; border-bottom:1px solid #dcdcdc}
 #nav:after {clear:both; display:block; content:''}
 .btm_img {height:450px}
 .btm_img .inner .caption p {max-width:90%}
 /* COMPANY - ȸ»ç¼Ò°³ */
 #container > .inner .greeting .grt_tit p br {display:none}
 #container > .inner .greeting ul.teamList > li .info ul li {font-size:12px}
 #container > .inner .greeting ul.teamList > li .info span {font-size:11px}
 #container > .inner .greeting ul.teamList > li .imgArea {width:70%}
 /* BUSINESS - »ç¾÷¾È³» */
 #container > .inner .business > p br {display:none}
 #container > .inner .business ul.typeList li {width:48%; margin-bottom:40px}
 #container > .inner .business ul.typeList li .imgArea {max-height:250px}
 #container > .inner .business ul.typeList li .imgArea img {margin-top:-20%}
 #container > .inner .business ul.processList .info span {font-size:13px}
 /* BUSINESS - »ç¾÷¿µ¿ª */
 #container > .inner .business .area_wrap > .area_box .info {min-height:280px}
/*2018-02-27Ãß°¡ °Ô½ÃÆÇ Ä«Å×°í¸® ÅÇ */
.cate_select {display:none !important}
.board_tab {margin:auto auto 50px auto}
.board_tab > a {position:relative; display:block !important; width:100%; height:50px; padding-left:15px; font-size:16px; line-height:50px; border:1px solid #e0e0e0}
.board_tab > a:after {position:absolute; font-family:'FontAwesome'; font-size:18px; color:#333; right:20px; content:'\f107'}
.board_tab > a.open:after {content:'\f106'}
.board_tab ul {display:none; position:absolute; top:49px; width:100%; margin:0; border:1px solid #e8e8e8; border-top:none; background:#fff; z-index:30}
.board_tab ul > li {float:none; display:block; margin:0}
.board_tab ul > li > a {display:block; padding:12px 15px; font-size:16px; color:#999; border:none; border-top:1px solid #f0f0f0; background:none}
.board_tab ul > li.on > a {color:#333; border-color:#f0f0f0}

}
@media screen and (max-width:768px) {
 /* ¼­ºê ºñÁÖ¾ó ¿µ¿ª */
 #sub_visual ul li {height:380px}
 #sub_visual .title {top:35%}
 #sub_visual .title h2 {font-size:32px}
 #sub_visual .title h2:after {margin:20px auto; width:32px}
 #sub_visual .title h3 {font-size:18px}
/*2018-02-27Ãß°¡ °Ô½ÃÆÇ Àбâ */
.tbl_brd tbody td {font-size:12px !important; padding:12px 10px}
.tbl_brd tbody td font, .tbl_brd tbody td span, .tbl_brd tbody td a {font-size:12px !important}
.prvThumbList table td {padding:2px !important}
.prvThumbList > table {width:100%}
.prvThumbList > table td table {width:33%}
.prvThumbList img {width:100%; height:auto}
/* °Ô½ÃÆÇ °øÅë */
#ext_search {display:none}
.comment_name {display:block !important; width:100% !important; padding:10px !important}
.comment_txt[align=left], .comment_txt[align=right] {display:block !important; width:100% !important; text-align:left !important; padding:10px !important}
}
@media screen and (max-width:640px) {
 /* ¼­ºê ºñÁÖ¾ó ¿µ¿ª */
 #sub_visual ul li {height:300px !important}
 
 /* ¼­ºê °øÅë ·¹À̾ƿô */
 #container > .inner {padding:30px 30px 50px 30px}
 #container > .inner .title h2 {font-size:24px}
 #nav .title {display:none}
 #nav .inner {padding:0}
 #nav .inner:after {clear:both; display:block; content:''}
 #nav .dropdown {min-width:inherit; width:50%; width:-webkit-calc(50% + 1px); width:-moz-calc(50% + 1px)}
 #nav .dropdown:last-child a {border-right:none}
 #nav .dropdown > a {padding:0 50px 0 15px; font-size:12px; font-weight:400}
 #nav .dropdown > ul.mnuList li a {padding:10px 15px; font-size:12px}
 #container > .inner h3.sub_tit {font-size:16px; font-weight:600}
 #container > .inner img.img_mob {display:block !important}
 #container > .inner img.img_pc, #container > .inner img.img_tab {display:none !important}
 .btm_img {height:400px}
 .btm_img .inner {padding:0 30px}
 .btm_img .inner .caption h2 {font-size:36px}
 .btm_img .inner .caption p {max-width:100%; font-size:13px}
 /* COMPANY - ȸ»ç¼Ò°³ */
 #container > .inner .greeting .grt_tit h3 {font-size:16px}
 #container > .inner .greeting ul.teamList > li {width:100%; margin-bottom:30px; padding-top:30px; text-align:center; border-top:1px solid #e6e6e6}
 #container > .inner .greeting ul.teamList > li:first-child {border-top:none}
 #container > .inner .greeting ul.teamList > li .imgArea {width:160px}
 #container > .inner .greeting .info_box dl {border-bottom:1px dotted #ccc}
 #container > .inner .greeting .info_box dl dt {width:20%; border:none}
 #container > .inner .greeting .info_box dl dd {margin-left:25%; border:none}
 /* COMPANY - ¿¬Çõ */
 #container > .inner .history .history_box .his_tit span {font-size:14px}
 #container > .inner .history .history_box .his_tit h3 {font-size:18px; margin-top:5px}
 #container > .inner .history .history_box .left {float:none; width:100%; margin-bottom:40px}
 #container > .inner .history .history_box .left p {font-size:12px}
 #container > .inner .history .history_box .right {margin-left:none; width:100%}
 #container > .inner .history .history_box .right dl {margin:15px 0; padding:15px 0 0 0; border-top:1px solid #e6e6e6}
 #container > .inner .history .history_box .right dl:first-child {border-top:none}
 #container > .inner .history .history_box .right dl dt {width:45px; font-size:18px}
 #container > .inner .history .history_box .right dl dd {margin-left:60px; font-size:12px}
 /* COMPANY - ã¾Æ¿À½Ã´Â ±æ */
 #map {height:350px}
 .new_map {height:350px}
 #container > .inner .map_box ul.map_info li {font-size:12px}
 /* BUSINESS - »ç¾÷¾È³» */
 #container > .inner .business ul.typeList li {width:100%}
 #container > .inner .business ul.typeList .info h4 {font-size:15px}
 #container > .inner .business ul.typeList li .imgArea {max-height:inherit}
 #container > .inner .business ul.typeList li .imgArea img {margin-top:0}
 #container > .inner .business ul.processList li {width:100%; margin-bottom:40px}
 #container > .inner .business ul.processList li:last-child {margin-bottom:0}
 /* BUSINESS - »ç¾÷¿µ¿ª */
 #container > .inner .business .area_wrap > .area_box {width:100%; margin-bottom:15px}
 #container > .inner .business .area_wrap > .area_box .info {min-height:inherit; padding:20px}
 #container > .inner .business .area_wrap > .area_box .info h4 {font-size:15px; font-weight:600; margin-bottom:20px}
 #container > .inner .business .area_wrap > .area_box .info p {font-size:12px}
/*2018-02-27Ãß°¡ °Ô½ÃÆÇ - °øÁö»çÇ× */
.brd_notice .att_title:first-child {display:none}
.brd_notice .att_title:nth-child(3) {display:none}
.brd_notice .bbsno {display:none}
.brd_notice .bbswriter {display:none}
/* °Ô½ÃÆÇ - QNA */
.brd_qna .att_title:first-child {display:none}
.brd_qna .att_title:nth-child(4) {display:none}
.brd_qna .att_title:nth-child(5) {display:none}
.brd_qna .att_title:nth-child(6) {display:none}
.brd_qna .bbsno {display:none}
.brd_qna .bbsetc_dateof_write {display:none}
.brd_qna .bbspublic_ox {display:none}
}
@media screen and (max-width:480px) {
 /* ¼­ºê ºñÁÖ¾ó ¿µ¿ª */
 #sub_visual ul li {height:225px !important}
 #sub_visual .title h2 {font-size:28px}
 #sub_visual .title h3 {font-size:15px}
}



/* Àç¼ö¼±Çà¹Ý ¹× À̹ÌÁöÃß°¡ ÆÄÀÏ */

 #container > .inner > .sub001 {display:block; margin:0 auto;}
 #container > .inner > .sub001 ul { }
 #container > .inner > .sub001 ul li { display:block; margin:0 auto;}
 #container > .inner > .sub001 ul li a{ display:block; margin:0 auto;}


/* Àç¼ö¼±Çà¹Ý */

 #container > .inner > .sub0001 > img { display:block; margin:0 auto; }
 #container > .inner > .sub0001 > a {display:block; margin:0 auto; text-align:center;}




/**
 * Swiper 8.4.7
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: January 30, 2023
 */
font-weight:400;font-style:normal}


:root {
    --swiper-theme-color: #007aff
}


.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}


.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}


.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box
}


.swiper-android .swiper-slide,.swiper-wrapper {
    transform: translate3d(0px,0,0)
}


.swiper-pointer-events {
    touch-action: pan-y
}


.swiper-pointer-events.swiper-vertical {
    touch-action: pan-x
}


.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
     margin: 0 10px;
}


.swiper-slide-invisible-blank {
    visibility: hidden
}


.swiper-autoheight,.swiper-autoheight .swiper-slide {
    height: auto
}


.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform,height
}


.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}


.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}


.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}


.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}


.swiper-3d .swiper-slide-shadow {
    background: rgba(0,0,0,.15)
}


.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
}


.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
}


.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
}


.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
}


.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}


.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}


.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}


.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: x mandatory
}


.swiper-vertical.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: y mandatory
}


.swiper-centered>.swiper-wrapper::before {
    content: '';
    flex-shrink: 0;
    order: 9999
}


.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start:var(--swiper-centered-offset-before)}


.swiper-centered.swiper-horizontal>.swiper-wrapper: :before {
    height:100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}


.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start:var(--swiper-centered-offset-before)}


.swiper-centered.swiper-vertical>.swiper-wrapper: :before {
    width:100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}


.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop:always}


.swiper-virtual .swiper-slide {
    -webkit-backface-visibility: hidden;
    transform: translateZ(0)
}


.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none
}


.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
    height: 1px;
    width: var(--swiper-virtual-size)
}


.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
    width: 1px;
    height: var(--swiper-virtual-size)
}


:root {
    --swiper-navigation-size: 44px
}


.swiper-button-next,.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color,var(--swiper-theme-color))
}


.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}


.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none
}


.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev {
    display: none!important
}


.swiper-button-next:after,.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none!important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1
}


.swiper-button-prev,.swiper-rtl .swiper-button-next {
    left: 10px;
    right: auto
}


.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after {
    content: 'prev'
}


.swiper-button-next,.swiper-rtl .swiper-button-prev {
    right: 10px;
    left: auto
}


.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after {
    content: 'next'
}


.swiper-button-lock {
    display: none
}


.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0,0,0);
    z-index: 10
}


.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}


.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled {
    display: none!important
}


.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}


.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}


.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative
}


.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    transform: scale(1)
}


.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}


.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}


.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}


.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}


.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}


.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));
    height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));
    display: inline-block;
    border-radius: 50%;
    background: var(--swiper-pagination-bullet-inactive-color,#000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
}


button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none
}


.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}


.swiper-pagination-bullet:only-child {
    display: none!important
}


.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color,var(--swiper-theme-color))
}


.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0px,-50%,0)
}


.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap,6px) 0;
    display: block
}


.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}


.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: .2s transform,.2s top
}


.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap,4px)
}


.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}


.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform,.2s left
}


.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform,.2s right
}


.swiper-pagination-progressbar {
    background: rgba(0,0,0,.25);
    position: absolute
}


.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color,var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}


.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}


.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}


.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}


.swiper-pagination-lock {
    display: none
}


.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0,0,0,.1)
}


.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled {
    display: none!important
}


.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}


.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}


.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0,0,0,.5);
    border-radius: 10px;
    left: 0;
    top: 0
}


.swiper-scrollbar-cursor-drag {
    cursor: move
}


.swiper-scrollbar-lock {
    display: none
}


.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}


.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}


.swiper-slide-zoomed {
    cursor: move
}


.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color,var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}


.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear
}


.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}


.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}


@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0deg)
    }


    100% {
        transform: rotate(360deg)
    }
}


.swiper .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}


.swiper-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}


.swiper-grid>.swiper-wrapper {
    flex-wrap: wrap
}


.swiper-grid-column>.swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column
}


.swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out
}


.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}


.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none
}


.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}


.swiper-cube {
    overflow: visible
}


.swiper-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}


.swiper-cube .swiper-slide .swiper-slide {
    pointer-events: none
}


.swiper-cube.swiper-rtl .swiper-slide {
    transform-origin: 100% 0
}


.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}


.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}


.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}


.swiper-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    opacity: .6;
    z-index: 0
}


.swiper-cube .swiper-cube-shadow:before {
    content: '';
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    filter: blur(50px)
}


.swiper-flip {
    overflow: visible
}


.swiper-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}


.swiper-flip .swiper-slide .swiper-slide {
    pointer-events: none
}


.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}


.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}


.swiper-creative .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform,opacity,height
}


.swiper-cards {
    overflow: visible
}


.swiper-cards .swiper-slide {
    transform-origin: center bottom;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden
}