@charset "utf-8";
/* CSS Document */
/* ------------------------------------------------------------
 * Name      : web_layout.css
 * Desc      : page layout
 * Created   :
 * Updated   :
 ------------------------------------------------------------ */
body.fixe {overflow:hidden; height:100%;}
*{word-break:keep-all;}

/*영문폰트 스타일*/
.font-eng {font-family:noto;}

/* wrap */
#wrap {width:100%; max-width:1920px; overflow:hidden; margin:0 auto;}
#wrap.inc_company .company {display:none;}
#inner_wrap {width:980px; margin:0 auto; position:relative;}

/*테이블기본*/
.tb_stW {clear:both; width:100%;}
.tb_st {width:100%; clear:both; border-top:2px solid #000; color:#000; font-size:14px;}
.tb_st thead tr th {border-bottom:1px solid #000; color:#000; text-align:center; padding:10px 0;}
.tb_st tbody tr th {background:#f2f2f2; border-bottom:1px solid #ccc; padding:8px 10px;}
.tb_st tbody tr th.left {text-align:left;}
.tb_st tbody tr td {border-bottom:1px solid #ccc; text-align:left; padding:8px 10px;}

.tb_st2 {width:100%; clear:both; border-top:2px solid #000;}
.tb_st2 thead tr th {border-bottom:1px solid #000; color:#000; text-align:center; padding:10px 0; font-weight:normal;}
.tb_st2 tbody tr th {background:#f2f2f2;  border-bottom:1px solid #ccc; border-right:1px solid #ccc; text-align:center; padding:8px 5px; color:#000; }
.tb_st2 tbody tr td {border-bottom:1px solid #ccc; border-right:1px solid #ccc; text-align:center; padding:8px 5px; color:#000; }
.tb_st2 tbody tr td.left {text-align:left; padding:8px 5px 8px 10px;}
.tb_st2 tbody tr td.eng {white-space:normal; word-break:break-all;}
.tb_st2 tbody tr td a {color:#000;}

.tb_st3 {width:100%; clear:both; border-top:2px solid #000;}
.tb_st3 tbody tr .left {text-align:left; padding:8px 5px 8px 12px;}
.tb_st3 tbody tr .big {height:57px;}
.tb_st3 tbody tr th {border-bottom:1px solid #ccc; background:#f2f2f2; color:#000; text-align:center; padding:10px 0;}
.tb_st3 tbody tr td {border-bottom:1px solid #ccc; text-align:center; padding:8px 5px; color:#000;}
.tb_st3 tbody tr td a {color:#000;}
.tb_st3 tbody tr.over:hover {background:#f4f4f4;}


/* 스크롤 제어 */
.scroll_bt {width:18px; padding:10px 5px; position:fixed; right:20px; top:50%; margin-top:-80px; z-index:99;}
.scroll_bt li {padding:4px 0px; font-size:0px;}
.scroll_bt li a {display:block; width:11px;}
.scroll_bt li a span {display:block; width:11px; min-height:5px;}
.scroll_bt li a span.txt {width:11px; min-height:0px; height:0px; line-height:0px; transition:0.3s all ease-in;}
.scroll_bt li a span.ban_l { background:url(../img/main/ban_l.png) no-repeat center top;}
.scroll_bt li a span.ban_r { background:url(../img/main/ban_r.png) no-repeat center top;}
.scroll_bt li a.on span.ban_l { background:url(../img/main/ban_l_on.png) no-repeat center top;}
.scroll_bt li a.on span.ban_r { background:url(../img/main/ban_r_on.png) no-repeat center top;}

.scroll_bt li a#scroll4.on span.ban_l {background:url(../img/main/ban_l_on2.png) no-repeat center top;}
.scroll_bt li a#scroll4.on span.ban_r {background:url(../img/main/ban_r_on2.png) no-repeat center top;}

.scroll_bt li a#scroll2 span.txt { background:url(../img/main/scroll_t02.png) no-repeat center center;}
.scroll_bt li a#scroll3 span.txt { background:url(../img/main/scroll_t03.png) no-repeat center center;}
.scroll_bt li a#scroll4 span.txt { background:url(../img/main/scroll_t04.png) no-repeat center center;}
.scroll_bt li a#scroll2.on span.txt {height:105px;}
.scroll_bt li a#scroll3.on span.txt {height:150px;}
.scroll_bt li a#scroll4.on span.txt {height:110px;}

/*.btn_area*/
.btn_area {margin:10px 0;}
.go_list {display:inline-block; background:#fff; border:1px solid #373737; border-radius:2px; text-align:center;}
.go_list span {color:#000; padding:0px 1em; height:29px; line-height:29px; display:inline-block; cursor:pointer;}
.page_btn {text-align:center; display:inline-block; background:#3e3e3e; border:1px solid #262626; border-radius:2px;}
.page_btn span {color:#fff; padding:0px 1em; height:29px; line-height:29px; display:inline-block; cursor:pointer;}

/*it_select*/
.it_select {display:inline-block;}
.it_select select {padding:6px 5px; box-sizing:border-box; -moz-box-size:border-box; height:31px;}
.it_select.pc_ver {width:72px;}

.bbs_search .it_select select {height:32px; line-height:32px; font-size:0.95em; }
.bbs_search .it_select.pc {width:300px;}
.bbs_search .it_select.pc .input {width:100%; border:1px solid #cacccb; color:#656565; padding:5px 3px 5px 5px; line-height:170%; height:32px; font-family:nb; vertical-align:middle; font-size:0.95em;}
.bbs_search .btnNormal span {height:32px; line-height:32px; padding:0 25px;}

/* header */
/* #header {width:100%; height:100px; position:fixed; left:0px; top:0px; z-index:9999; background-color:#fff; transition:0.2s all ease-in; background-position:left bottom !important;}
#header.bg_on {z-index:9999; position:fixed; top:0; left:0; width:100%; height:75px; padding-bottom:1px; background:url(../img/common/d_png.png) repeat-x left bottom #fff;}
#header .web_logo {position:absolute; left:0px; top:34px; z-index:9; transition:0.2s all ease-in;}
#header .m_logo {position:absolute; left:0px; top:0px; display:none;} */

.search_box {position:absolute; right:70px; top:32px; border:1px solid #ccc; background:#fff; border-radius:17px; transition:0.2s all ease-in;}
.search_box .bg_search {width:150px; height:30px; padding:4px 0px 0px 15px;}
.search_box .bg_search .input {width:110px; font-size:12px; background:none; border:none; height:25px; min-height:25px; line-height:25px; padding:0px;}
.search_box .bg_search input {padding:0px;}

.m_gnb_on {position:absolute; right:17px; top:28px; display:none; transition:0.2s all ease-in;}
.in_header {max-width:1200px; width:100%; margin:0 auto; position:relative; z-index:9; transition:0.3s all ease-in;}
.mypage #header {background:url(../img/main/png.png) repeat left top;}
.lang_select {position:absolute; right:0px; top:32px; background:url(../img/common/sl_arrow.png) no-repeat 90% 50%; border:1px solid #ccc; border-radius:17px; transition:0.2s all ease-in;}
.lang_select label {font-size:13px; position:absolute; left:10px; top:7px; color:#a4a4a4;}
.lang_select .ms_select {border:none; width:100%; height:34px; line-height:34px; color:#fff; font-size:1.3em; padding:0 0 0 9px; opacity:0; filter:alpha(opacity=0); /* IE 8 */}
.lang_select .ms_select option {color:#333; font-size:0.85em; }

/* GNB */
.w_gnb {clear:both;}
.w_gnb .gnb {}
.w_gnb .gnb:after {content:""; display:block; clear:both;}
.w_gnb .gnb > ul {font-size:0px; margin:0px 240px 0px 120px;}
.w_gnb .gnb > ul:after {content:""; display:block; clear:both;}
.w_gnb .gnb > ul > li {display:inline-block; zoom:1; *display:inline;  width:14%;  text-align:center; position:relative;}
.w_gnb .gnb > ul > li.gnb04 {width:16%;}
/* .w_gnb .gnb > ul > li.gnb07 {width:16%;} */
/* .w_gnb .gnb > ul > li.gnb04 {width:20%;} */
.w_gnb .gnb > ul > li > a {display:block; font-size:14px;  color:#080504; line-height:100px; height:100px; background-position:center bottom !important; transition:0.2s all ease-in; text-align: center;}
.w_gnb .gnb > ul > li:hover > a {color:#eb1c74; background:url(../img/common/grn_bul.gif) no-repeat center bottom;}
.w_gnb .gnb > ul > li.on > a {color:#eb1c74; background:url(../img/common/grn_bul.gif) no-repeat center bottom;}
.w_gnb .sub_menu  {position:absolute; left:0px; top:98px; line-height:20px; padding-top:20px; display:none; width:100%; box-sizing:border-box; padding-left:28%; height:233px;}
.w_gnb .sub_menu > li > a {display:block; text-align:left; color:#858585; font-size:12px; padding:3px 0px;  line-height:20px; color:#858585;  letter-spacing: -0.7px;}
.w_gnb .sub_menu > li > a:hover {color:#eb1c74; }



/*스크롤시*/
/* #header.bg_on .w_gnb .gnb > ul > li {display:inline-block; zoom:1; *display:inline; text-align:center; position:relative;} */
/* #header.bg_on .w_gnb .gnb > ul > li.gnb04 {width:20%;} */
/* #header.bg_on .w_gnb .gnb > ul > li > a {display:block; font-size:14px;  color:#080504; text-transform:uppercase; line-height:75px; height:75px; }
#header.bg_on .w_gnb .gnb > ul > li:hover > a {color:#eb1c74; background:url(../img/common/grn_bul.gif) no-repeat center bottom;}
#header.bg_on .w_gnb .gnb > ul > li.on > a {color:#eb1c74; background:url(../img/common/grn_bul.gif) no-repeat center bottom;}
#header.bg_on .w_gnb .sub_menu  {top:75px; display:none;}
#header.bg_on .web_logo {top:18px;}
#header.bg_on .search_box {top:20px;}
#header.bg_on .lang_select {top:20px;}
#header.bg_on .m_gnb_on {top:25px;} */
/* #header.bg_on .w_gnb .gnb .gnb06 {width:13.8%;} */
/* #header.bg_on .w_gnb .gnb .gnb03 .sub_menu {padding-left:10%;}
#header.bg_on .w_gnb .gnb .gnb04 .sub_menu {padding-left:18%;}
#header.bg_on .w_gnb .gnb .gnb06 .sub_menu {padding-left:22%;} */

#gnb_bar {height:248px; position:absolute; display:none; left:0px; top:100px; width:100%; background:#fff; border-top:1px solid #ccc; border-bottom:1px solid #ccc; /*opacity:0.8; filter:alpha(opacity=80);*/}
/* #header.bg_on #gnb_bar {top:75px;} */
/* .w_gnb .gnb .gnb06 {width:13.8%;} */
.w_gnb .gnb .gnb03 .sub_menu {padding-left:32%;}
.w_gnb .gnb .gnb04 .sub_menu {padding-left:18%;}
.w_gnb .gnb .gnb06 .sub_menu {padding-left:22%;}

/* visual */
.main_visual {width:100%; position:relative;}
#slideshow {overflow:hidden; width:100%; padding:0; margin:0 auto; list-style-type:none;}
#slideshow li {width:100%;background-position:center;background-repeat:no-repeat;background-size:cover}
#slideshow li.visual01 {background-image:url(../img/main/main_slide1.jpg?ver20220512)}
#slideshow li.visual02 {background-image:url(../img/main/main_slide2.jpg?ver20220512)}
#slideshow li.visual03 {background-image:url(../img/main/main_slide3.jpg?ver20220512)}
#slideshow li.visual04 {background-image:url(../img/main/main_slide4.jpg?ver20220512)}
#slideshow li.visual05 {background-image:url(../img/main/main_slide5.jpg?ver20220512)}
#slideshow li.visual06 {background-image:url(../img/main/main_slide6.jpg?ver20220512)}
#slideshow li.visual07 {background-image:url(../img/main/main_slide7.jpg?ver20220512)}
#slideshow li.visual08 {background-image:url(../img/main/main_slide8.jpg?ver20220512)}
#slideshow li.visual09 {background-image:url(../img/main/main_slide9.jpg?ver20220512)}
#slideshow li.visual10 {background-image:url(../img/main/main_slide10.jpg?ver20220512)}
#slideshow li.visual11 {background-image:url(../img/main/main_slide11.jpg?ver20220512)}
#slideshow li.visual12 {background-image:url(../img/main/main_slide12.jpg?ver20220512)}
#slideshow .txt_wrap {position:relative; width:100%; height:55vw; max-height:895px; text-align:center; display:table;}
#slideshow .txt_wrap .txt_wrap_in {display:table-cell; width:100%; text-align:center; vertical-align:middle; /*padding-bottom:15%;*/}
#slideshow .txt_wrap .txt_wrap_in .txt1 {font-size:10em; font-family:notoB; color:#e60013; line-height:110%;}
#slideshow .txt_wrap .txt_wrap_in .txt2 {font-size:2.6em; letter-spacing:6px; font-family:notoB; padding-top:15%; color:#403a3a; line-height:150%;}
#slideshow .txt_wrap .txt_wrap_in .txt3 {font-size:2.2em; letter-spacing:8px; padding-top:15%; color:#403a3a; line-height:150%;}
.main_visual .bx-pager {text-align:center;	display:none;}
.main_visual.bx-pager-item {display:inline-block; margin:0 10px;}
.main_visual.bx-pager-item .active {color:#F08A22;}
.main_visual #slide-counterW {width:35px; margin-left:-87px; margin-top:1px; position:absolute; bottom:18%; left:50%; text-align:center;}
.main_visual #slide-counter {background:url(../img/common/w_png.png) no-repeat left top; width:34px; height:34px; text-align:center; font-size:12px; line-height:34px; color:#818181; border-right:1px solid #fff; display:inline-block;}
.main_visual .bx-wrapper {margin:0 auto; padding:0; position:relative;}
.main_visual .bx-wrapper img {display:block; max-width:100%;}
.main_visual .bx-controls {border:1px solid #fff; width:174px; margin-left:-87px; height:34px; position:absolute; left:50%; bottom:17.9%; z-index:9;}
.main_visual .bx-controls-direction {display:inline-block;}
.main_visual .bx-wrapper .bx-controls-auto {text-align:center; position:absolute; width:69px !important; right:1px !important; bottom:0px;}
.main_visual .bx-wrapper .bx-controls-direction a {height:34px; outline:0 none; position:absolute; text-indent:-9999px; top:0; width:34px; margin-top:0px; z-index:9999; border-right:1px solid #fff;}
.main_visual .bx-wrapper .bx-prev {background:url(../img/common/prev.png) no-repeat left top; left:34px;}
.main_visual .bx-wrapper .bx-prev:hover {background:url(../img/common/prev_over.png) no-repeat left top; left:34px;}
.main_visual .bx-wrapper .bx-next {background:url(../img/common/next.png) no-repeat left top; right:70px;}
.main_visual .bx-wrapper .bx-next:hover {background:url(../img/common/next_over.png) no-repeat left top; right:70px;}
.main_visual .bx-wrapper .bx-controls-auto .bx-controls-auto-item {display:inline-block; *zoom:1;	*display:inline;}
.main_visual .bx-wrapper .bx-controls-auto .bx-start {background:url(../img/common/play.png) no-repeat scroll left top; display:block; height:34px; outline:0 none; text-indent:-9999px; margin:0px; width:34px; border-right:1px solid #fff;}
.main_visual .bx-wrapper .bx-controls-auto .bx-stop {background:url(../img/common/stop.png) no-repeat left top; display:block; height:34px; margin:0px; outline:0 none; text-indent:-9999px; width:34px;}
.main_visual .bx-wrapper .bx-controls-auto .bx-stop:hover {background:url(../img/common/stop_on.png) no-repeat left top;}
.main_visual .bx-wrapper .bx-controls-auto .bx-start:hover {background:url(../img/common/play_on.png) no-repeat left top;}
.main_visual .bx-wrapper .bx-controls-auto .bx-stop.active {background:url(../img/common/stop_on.png) no-repeat left top;}
.main_visual .bx-wrapper .bx-controls-auto .bx-start.active {background:url(../img/common/play_on.png) no-repeat left top;}
.visual_bottom {background:url(../img/main/visual_bottom.png) no-repeat center bottom; height:38px; position:relative; margin:-38px auto 0px auto; text-align:center;}
.visual_bottom .ico_ms { display:inline-block; vertical-align:top; margin-top:-10px;}
.s_point {text-align:center; line-height:8px; font-size:1.7em; height:50px;}
.section .m_tit {text-align:center; margin-bottom:20px; line-height:120%; padding:0px 0px 0px 0px; color:#403a3a; font-size:1.2em; position:relative;}
.section .m_tit em{/*display: block;*/display:none; font-size:1.2em; filter: alpha(opacity=0); opacity: 0; top:50px; position: relative;}


/*로케이션png*/
.m_loca1 {position:absolute; right:0; top:-400px;}
.m_loca2 {position:absolute; right:0; top:-400px;}
.m_loca3 {position:absolute; right:0; top:-600px;}
.m_loca4 {position:absolute; right:0; top:-580px;}
.section .m_tit strong { display:flex; align-items:center; justify-content:center; gap:8px; }

.section .m_tit strong > span{ color:#403a3a; font-size:2em; letter-spacing:-1px; font-family: "notoB",sans-serif; }
.section .m_tit strong > .wine{color:#eb1c74;}

.section .m_tit strong .logo_txt {position: relative; top:1px; width:88px;}
.section .m_tit strong .logo_txt img {width:100%;}

@media screen and (max-width:640px){
	#main_s4 .m_tit {margin-bottom:30px;}
	#main_s4 .m_tit strong > span {color:#fff !important;}
 }



.logo_txt {vertical-align:middle;}
.section .m_tit .txt {display:block; font-size:0.5em; font-weight:bold; position:relative;}
.section .m_tit .back {display:block; font-weight:bold; color:#494f55; margin-top:-156px;}
.main_media {max-width:1000px; /*margin:30px auto;*/ /*margin:65px auto;*/ margin:80px auto; position:relative; left:-50px; background:#232323; opacity:0; filter:alpha(opacity=0); box-sizing:border-box; padding:10px;}
.main_media iframe{}
#main_s2 {padding-top:35px; margin-top:-38px; position:relative; background:url(../img/main/main_s2_bg2.png) no-repeat center top; transition:0.3s all ease-in;}
#main_s2.bg_motion {background:url(../img/main/main_s2_bg2.png) no-repeat center top; /*background-position:center -30px; */ background-position:center -50px;}
.main_s2_banner ul {overflow:hidden;}
.main_s2_banner ul li {float:left; width:50%; height:200px; overflow:hidden; opacity:0;}
.main_s2_banner ul li.ico01 { background-color:#565656; text-align:right; background:url(../img/main/m_banner01.gif) no-repeat right top; position:relative; top:100px;}
.main_s2_banner ul li.ico02 {background:url(../img/main/m_banner02.gif) no-repeat left top; background-color:#FFA707; position:relative; top:100px;}
.main_s2_banner ul li.ico02 div {padding-left:30px; width:300px;}
.main_s2_banner ul li div {width:600px; height:200px; color:#fff; display:inline-block; text-align:left; font-size:1.15em; }
.main_s2_banner ul li div strong {display:block; font-family:nb; font-size:1.5em; line-height:120%; padding:25px 0px 10px 0px;}
.main_s2_banner ul li div .bt {padding-top:20px; text-align:center; width:178px;}
.main_s2_banner ul li div .bt a {display:block; padding:10px 0px; height:20px; overflow:hidden; position:relative; color:#fff; border:1px solid #fff; border-radius:20px;}
.main_s2_banner ul li div .m_btn {padding-top:20px; text-align:center; width:178px; }
.main_s2_banner ul li div .m_btn a {display:block; height:37px; line-height:42px; box-sizing:border-box; overflow:hidden; position:relative; color:#fff; border:1px solid #fff; border-radius:20px; font-size:0.89em;}
.main_s2_banner ul li div .m_btn a em {position:absolute; display:block; width:100%; text-align:center; left:0; top:10px; height:20px; line-height:16px; z-index:9;}
.main_s2_banner ul li div .m_btn a .ov_bg {display:block; width:100%; height:100%; background:rgba(235, 28, 116, 0.8) none repeat scroll 0 0; position:absolute; left:0; top:0; display:none; border-radius:20px; box-sizing:border-box;}
.main_s2_banner ul li div .m_btn a:hover {border:1px solid #eb1c74;}

#main_s3 {padding:90px 0px 50px 0px; position:relative;}
#main_s3 .main_global {width:1120px; height:536px; padding:40px 0px 0px 0px; margin:20px auto; position:relative; overflow:hidden;}
#main_s3 .main_global .map_bg{opacity:0;, filter:alpha(opacity=0);}
#main_s3 .main_global dl {position:absolute; opacity:0; filter:alpha(opacity=0); margin-top:50px;}
#main_s3 .main_global dl dt { margin-bottom:5px; width:180px; height:40px; line-height:40px; background:#eb1c74; font-family:"ng"; font-size:1.15em; color:#fff; text-align:center; border-radius:20px;}
#main_s3 .main_global dl dt a {color:#fff; display:block;}
#main_s3 .main_global dl dd {/*color:#737272; */color:#333; /*margin-left:15px;*/ margin-left:3px; min-height:22px; line-height:120%;  padding:2px 0 0 19px; font-size:1.05em;}
#main_s3 .main_global dl dd.icon01 { background:url(../img/main/ico_point.png) no-repeat left 2px;}
#main_s3 .main_global dl dd.icon02 { background:url(../img/main/ico_tel.png) no-repeat left 2px;}
#main_s3 .main_global dl dd.icon03 { background:url(../img/main/ico_fax.png) no-repeat left 2px;}
#main_s3 .main_global dl dd.icon04 { background:url(../img/main/ico_pr.png) no-repeat left 2px;}
.main_global .ico01 {left:110px; top:50px; background:url(../img/main/red_point1.png) no-repeat left 20px; height:180px; padding-left:70px;}
.main_global .ico02 {left:424px; top:83px; background:url(../img/main/red_point2.png) no-repeat left 20px; height:180px; padding-left:70px;}
.main_global .ico03 {left:98px; top:310px; background:url(../img/main/red_point3.png) no-repeat 182px top; padding-top:78px; padding-right:93px;}
.main_global .ico04 {left:405px; top:316px; background:url(../img/main/red_point4.png) no-repeat left top; padding-left:160px; padding-top:58px;}
.main_global .ico05 {left:438px; top:258px; background:url(../img/main/red_point5.png) no-repeat left 10px; padding-left:128px;}
.main_global .ico06 {left:873px; top:255px; background:url(../img/main/red_point6.png) no-repeat 80px top; padding-top:90px;}
#main_s3 .main_global .ico04 dt, #main_s3 .main_global .ico01 dt, #main_s6 .main_global .ico01 dt,  #main_s3 .main_global .ico06 dt{line-height:100%; padding-top:12px; height:27px;}
#main_s3 .m_map {display:none;}
#main_s3 .m_map2 {display:none;}
#main_s4 {padding:90px 0px 20px 0px; min-height:730px; position:relative; overflow:hidden; }
#main_s4 .bg_img {/*width:2000px; left:50%; top:50%; margin:-400px 0px 0px -1000px;*/ width:100%; left:0; top:420px; height:1000px; position:absolute; z-index:-1; background:url(../img/main/bg1.gif) repeat center top;}
#main_s4 #bg_1 { background:url(../img/main/bg1.gif) repeat center center; background-size:cover; margin-top:-264px;}
#main_s4 #bg_2 { background:url(../img/main/bg2.gif) repeat center center; background-size:cover; margin-top:-264px;}
#main_s4 #bg_3 { background:url(../img/main/bg3.gif) repeat center center; background-size:cover; margin-top:-264px;}
#main_s4 #bg_4 { background:url(../img/main/bg4.gif) repeat center center; background-size:cover; margin-top:-264px;}
#main_s4 #bg_5 { background:url(../img/main/bg5.gif) repeat center center; background-size:cover; margin-top:-264px;}
#main_s4 #bg_6 { background:url(../img/main/bg6.gif) repeat center center; background-size:cover; margin-top:-264px;}
#main_s4 #bg_7 { background:url(../img/main/bg7.gif) repeat center center; background-size:cover; margin-top:-264px;}
#main_s4 #bg_8 { background:url(../img/main/bg8.gif) repeat center center; background-size:cover; margin-top:-264px;}
#main_s4.section .m_tit strong {color:#403a3a;}
#main_s4.section .m_tit {color:#fff;}
.family_topW {max-width:1000px; margin:0 auto; overflow:hidden;}
.family_tab {overflow:hidden; padding:30px 0px; display:none;}
.family_tab .img { float:left; width:45%; box-sizing:border-box; padding:0px 0px; position:relative; left:-50px; opacity:0; filter:alpha(opacity=0);}
.family_tab .img img {max-width:100%;}
.family_tab .txt { float:left; width:55%; box-sizing:border-box; padding:0px 13px 0 7px; color:#fff;}
.family_tab .txt dt {font-size:3.5em; line-height:50px; color:#eb1c74; position:relative; top:50px; opacity:0; filter:alpha(opacity=0);}
.family_tab .txt dt span { /*display:block;*/display:none; font-size:0.6em; line-height:120%; text-transform:uppercase; position:relative; top:50px; opacity:0; filter:alpha(opacity=0);}
.family_tab .txt dd {line-height:180%; margin-top:35px; position:relative; top:0px; opacity:0; filter:alpha(opacity=0);}
.family_tab .txt dd .dd_txt {height:256px; position:relative; font-size:13px;}
.family_tab .txt dd.bt {width:200px; border:2px solid #fff; border-radius:30px; position:relative; top:50px; opacity:0; filter:alpha(opacity=0);}
.family_tab .txt dd.bt a {display:block; overflow:hidden; position:relative; text-align:center; line-height:20px; height:20px; padding:18px 10px; font-size:1.15em; color:#fff;}
.family_tab .txt dd.bt a em {display:block; position:absolute; height:20px; line-height:20px; left:0px; top:17px; text-align:center; width:100%; transition:top .3s ,opacity .3s;}
.family_tab .txt dd.m_btn {width:200px;  position:relative; top:50px; box-sizing:border-box;}
.family_tab .txt dd.m_btn a {display:block; overflow:hidden; position:relative;  border:2px solid #fff; border-radius:30px; text-align:center; line-height:20px; height:20px; padding:18px 10px; font-size:1.15em; color:#fff;}
.family_tab .txt dd.m_btn a em {display:block; position:absolute; height:20px; line-height:20px; left:0px; top:50%; transform: translateY(-50%); text-align:center; width:100%; z-index:99; }
.family_tab .txt dd.m_btn a .ov_bg {position:absolute; left:0; top:0; display:none; width:100%; height:100%; border-radius:30px; box-sizing:border-box; background:rgba(235, 28, 116, 0.8) none repeat scroll 0 0;}
.family_tab .txt dd.m_btn a:hover {border:2px solid #eb1c74;}
.family_tab .txt dd.bt a:hover em {top:-20px; opacity:0;}
.family_tab .txt dd.bt a em.on {color:#fcffa1; top:60px; opacity:0;}
.family_tab .txt dd.bt a:hover em.on {top:17px; opacity:1;}
.bt a em {display:block; position:absolute; height:20px; line-height:20px; left:0px; top:10px; text-align:center; width:100%; transition:top .3s ,opacity .3s;}
.bt a:hover em {top:-10px; opacity:0;}
.bt a em.on {color:#fff; top:40px; opacity:0;}
.bt a:hover em.on {top:10px; opacity:1;}
.family_rollW { width:100%; padding:0px 100px; box-sizing:border-box; /*overflow:hidden;*/}
/*.family_rollW .bx-wrapper {overflow:hidden;}*/
.family_rollW .bx-wrapper .bx-clone {display:none !important;}
.family_rollW .lnbW {overflow:hidden; font-size:0px; text-align:right;}
.family_rollW .slide a {display:block;}
.family_rollW .slide a .txt {display:flex; align-items:center; justify-content:center; height:2.5rem; font-size:15px; text-align:center; color:#fff; padding-top:5px;}
.family_rollW .slide a .ico {position:relative; display:flex; align-items:center; justify-content:center; margin:0 auto; width:67px; height:80px; overflow:hidden;}
.family_rollW .slide a .ico em {display:block; position:absolute; top:15px; transition:top .3s ,opacity .5s; -webkit-transition:top .3s ,-webkit-opacity .5s}
.family_rollW .slide a .ico em.on {top:80px;}
.family_rollW .slide:hover a .ico em {top:-80px; opacity:0;}
.family_rollW .slide:hover a .ico em.on {top:15px; opacity:1;}
.family_rollW .slide:hover a .txt {color:#eb1c74;}
.family_rollW .slide a.on .txt {color:#eb1c74;}
.family_rollW .slide a.on .ico em {top:-80px; opacity:0;}
.family_rollW .slide a.on .ico em.on {top:15px; opacity:1;}
.family_rollW .slide a.on .txt {color:#eb1c74;}
.family_rollW .bx-pager { display:none !important;}
.family_rollW .bx-controls-direction {display:none !important;}
.family_rollW .bx-wrapper .bx-controls-direction a.disabled {display:none !important;}
.family_rollW .bx-wrapper .bx-prev {left:-100px; background:url(../img/main/family_roll_l.png) no-repeat left top; width:18px; height:26px;}
.family_rollW .bx-wrapper .bx-next {right:-100px; background:url(../img/main/family_roll_r.png) no-repeat left top; width:18px; height:26px;}

/* section */
.section_wrap {overflow:hidden; clear:both; padding:40px 0px 20px 0px;}
.section_wrap.a_1 {background:#f3f3f3; padding:0px;}

#section {width:100%;}
#section:after {clear:both; content:""; display:block;}

/* 카피라이트 */
#footerW {clear:both; width:100%; font-size:12px; color:#888; border-top:1px solid #e3e3e3;}
.footer_ulW {width:100%; max-width:1200px; margin:0 auto; position:relative;}
.site_map {position:absolute; right:1px; top:-1px; width:61px; height:61px; z-index:9;}
.site_map_m {display:none;}
.site_map a {display:block; background:url(../img/common/site_off.png) no-repeat left top; width:61px; height:61px;}
.site_map a:hover {background:url(../img/common/site_on.png) no-repeat left top; width:61px; height:61px;}
.siteW {overflow:hidden; width:100%; background:#f7f7f7;  border-top:1px solid #e3e3e3; display:none;}
/*
.siteW > .site {width:100%; max-width:1200px; margin:0 auto; overflow:hidden; padding:30px 0;}
.siteW > .site > .gnb > ul > li {width:16.5%; float:left; text-align:center;}
.siteW > .site > .gnb > ul > li > a {display:block; color:#080504; font-size:14px;}
.siteW > .site > .gnb > ul > li > a:hover {color:#62870d;}
.siteW > .site > .gnb > ul > li > ul {overflow:hidden; padding-top:10px;}
.siteW > .site > .gnb > ul > li > ul > li > a {display:block; color:#858585; font-size:12px; line-height:20px;}
.siteW > .site > .gnb > ul > li > ul > li > a:hover {color:#91c322;}
*/
.siteW .site {width:100%; max-width:1200px; margin:0 auto; overflow:hidden; padding:20px 0;}
.siteW .site .site_m {width:14.2%; float:left; text-align:center;}
.siteW .site .site_m.big {width:14.2%;}
.siteW .site .site_m .tit a {display:block; color:#080504; font-size:14px;}
.siteW .site .site_m .tit a:hover {color:#eb1c74;}
.siteW .site .site_m ul {overflow:hidden; padding-top:10px;}
.siteW .site .site_m ul li a {display:block; color:#858585; font-size:12px; line-height:20px;}
.siteW .site .site_m ul li a:hover {color:#eb1c74;}


.footer_ul {overflow:hidden; max-width:1200px; margin:0 auto;}
.footer_ul li {float:left;}
.footer_ul li a {color:#666; font-size:14px; line-height:59px; display:block; margin-right:10px; padding-right:10px; background:url(../img/common/ful_line.gif) no-repeat right center;}
.footer_ul li a:hover {color:#eb1c74;}
.footer_ul li.last a {background:none;}
.footer_boxW {width:100%; border-top:1px solid #e3e3e3; }
.footer {clear:both; width:100%; max-width:1200px; margin:0 auto; overflow:hidden; position:relative; padding:20px 0px;}
.footer .copy .copy_tit {display:block;}
.footer .copy .add {position:relative; padding-right:1em; margin-right:.75em}
.footer .copy .add:after{content:''; opacity:.6; position:absolute; top:1px; bottom:1px; right:0; width:2px; background:#888}
.footer .copy .add.last:after{display:none}
.footer .copy .bar {background:url(../img/common/add_line.gif) no-repeat right center; padding-right:10px; margin-right:10px;}
.footer .m_copy {display:none;}
.footer_site {position:absolute; right:0px; top:28px; background:url(../img/common/sl_arrow.png) no-repeat 90% 50%; border:1px solid #e3e3e3; border-radius:20px;}
.footer_site label {font-size:13px; position:absolute; left:15px; top:9px; color:#a4a4a4;}
.footer_site .ms_select {border:none; height:38px; line-height:38px; width:100%; color:#fff; font-size:14px; padding:0 0 0 9px; opacity:0; filter:alpha(opacity=0); /* IE 8 */}
.footer_site .ms_select option {color:#333; font-size:0.85em; }

/*group_site*/
.group_site {position:absolute; right:128px; top:27px;}
.group_site a {display:block; line-height:40px; font-size:14px; padding:0 76px 0 15px; border:1px solid #e3e3e3; background:url(../img/common/sr_arrow.png) no-repeat 90% 50%; color:#a4a4a4; border-radius:20px;}
.group_site a:hover {background:url(../img/common/sr_arrow_on.png) no-repeat 90% 50% #eb1c74; border:1px solid #eb1c74; color:#fff; border-radius:20px;}


#sub_visual {width:100%; margin-top:70px; color:#fff; height:250px; font-size:1.5em;}
#sub_visual.sub_visual_1 {background:url(../img/company/sub_visual01.gif) no-repeat center center;}
#sub_visual.sub_visual_2 {background:url(../img/business/sub_visual.gif) no-repeat center center;}
#sub_visual.sub_visual_3 {background:url(../img/relative/sub_visual.gif) no-repeat center center;}
#sub_visual.sub_visual_4 {background:url(../img/global/sub_visual.gif) no-repeat center center;}
#sub_visual.sub_visual_5 {background:url(../img/recruit/sub_visual.gif) no-repeat center center;}
#sub_visual.sub_visual_6 {background:url(../img/media/sub_visual.gif) no-repeat center center;}
#sub_visual.sub_visual_7 {background:url(../img/media/sub_visual.gif) no-repeat center center;}
#sub_visual.visual_ethics {background:url(../img/visual_ethics.jpg) no-repeat center center;}


#sub_visual .sv_wrap {max-width:1200px; margin:0 auto;}
#sub_visual .sv_wrap h2 {font-size:30px; font-family:nb; line-height:120%;  padding:90px 0 0 0px; display:inline-block; }
#sub_visual .sv_wrap h2 .s_txt {display:block;  font-size:18px; font-family:nb; color:#fff;}
#sub_visual .sv_wrap p {font-size:1em; line-height:160%; padding:0px 15px;}
#sub_visual .sol_txt {display:table-cell; vertical-align:middle; font-size:2.5em;}

.category_boxW {width:100%; border-bottom:1px solid #cccccc; background:#fff;}
.category_box {max-width:1000px; width:100%; margin:0 auto; overflow:hidden;}
.category_box .select_ds {width:25%; float:left; border:none;}
.category_box .select_ds select {padding:11px 0px !important; height:49px;  background:url(../img/common/button-2.png) no-repeat right center; -webkit-appearance:none; -moz-appearance:none; appearance:none; border:none;}
.category_box .select_ds select::-ms-expand {display:none;}
.category_box .select_ds .select_in {border-left:1px solid #dedede; overflow:hidden;}
.category_box .select_ds .inputW {height:30px; padding:10px 0px 10px 50px; position:relative; line-height:24px;}
.category_box .select_ds .inputW label {position:absolute; left:0px; top:12px;  padding-right:10px;}
.category_box .select_ds.fl {width:15%;}
.category_box .btn {float:left; width:10%; min-height:49px; text-align:center; color:#fff;}
.category_box .btn a {display:block; color:#fff; line-height:50px; background:#ff5a5f; }

#content {width:100%; max-width:1200px; margin:0 auto; clear:both; box-sizing:border-box; padding:60px 0 30px 0;}
#content:after {clear:both; content:""; display:block;}
/*웹,모바일 display*/
.web_dis {display:block;}
.mobile_dis {display:none;}

/*sub_tab*/
#sub_tab {background:#fff; }
#sub_tab ul {overflow:hidden; }
#sub_tab ul.three li {float:left; font-size:14px; line-height:40px; width:33.3%; text-align:center; }
#sub_tab ul.three li:first-child {width:33.4%;}
#sub_tab ul.four li {float:left; font-size:14px;  line-height:40px; width:25%; text-align:center; }
#sub_tab ul.four li:first-child {width:25%;}
#sub_tab ul li span {background:#fff; border:1px solid #ccc; border-bottom:1px solid #000; display:block;}
#sub_tab ul li span a {display:block; color:#999;}
#sub_tab ul li.on {line-height:39px; }
#sub_tab ul li.on span {border-top:3px solid #800039; border-bottom:none; border-right:1px solid #000; border-left:1px solid #000;}
#sub_tab ul li.on span a {color:#000;}

/*title_barW*/
#title_barW {width:100%; background:#eb1c74;}
.title_bar {width:100%; max-width:1200px; margin:0 auto; height:50px;}
.s_home {float:left; text-align:center;}
.s_home a {display:block; line-height:50px; padding:0 30px; border-left:1px solid #f06671; }
.s_home a::after {position: relative; top:3px; content: url("../img/common/s_home.svg");}

.s_home a img {display: none;}

/*lnb*/
.lnb {float:left; position:relative;}
.location a {display:block; width:200px; padding-left:18px; box-sizing:border-box; line-height:50px; background:url(../img/common/s_arrow.png) no-repeat 96% center; color:#fff; border-left:1px solid #f06671;}
.lnb_ul.show {display:block;}
.lnb_ul {overflow:hidden; width:100%; box-sizing:border-box; border-left:1px solid #ccc; border-right:1px solid #ccc; position:absolute; right:0px; top:50px; display:none; z-index:9;}
.lnb_ul li a {display:block; line-height:32px; border-bottom:1px solid #ccc; color:#333; padding-left:18px; background:#fff;}
.lnb_ul li a:hover {color:#eb1c74;}

/*lnb2 */
.lnb2 {float:left; position:relative; border-right:1px solid #f06671;}
.lnb_ul2.show {display:block;}
.lnb_ul2 {overflow:hidden; width:100%; box-sizing:border-box; border-left:1px solid #ccc; border-right:1px solid #ccc; position:absolute; right:0px; top:50px; display:none; z-index:9;}
.lnb_ul2 li a {display:block; line-height:32px; border-bottom:1px solid #ccc; color:#666; padding-left:18px; background:#fff;}
.lnb_ul2 li a:hover {color:#eb1c74;}
/*공통tit*/
.c_tit {font-size:35px; line-height:45px; background:url(../img/common/r_bar.gif) no-repeat left top; padding-top:10px; color:#eb1c74;}
.c_txt {font-size:15px; line-height:22px; color:#000;}
.img_pic {max-width:100%;}
.s_tit {font-size:20px; line-height:26px; color:#3b3b3b; /*background:url(../img/common/r_box.gif) no-repeat left 7px; padding-left:18px;*/}


/*con_W*/
.con_W {width:100%; clear:both;}

/*seco이념*/
.seco_W {padding:0 560px 48px 0; clear:both; background:url(../img/company/phi_bg.gif) no-repeat right top; -webkit-background-size:560px auto; -moz-background-size:560px auto;}
.ph_big {font-size:35px; line-height:45px; color:#555;}
.ph_big .wine {color:#eb1c74;}
.ph_b2 {font-size:20px; line-height:30px; color:#555; margin-top:30px;}
.ph_b2 .wine {color:#eb1c74;}
.ph_b3 {font-size:15px; line-height:25px; color:#555; margin-top:30px;}
.ph_b3 .wine {color:#eb1c74;}
.c_big {color:#000; font-size:18px; line-height:22px;}
.c_big .wine {color:#eb1c74;}

/*경영이념*/
.layout-row:after{content:''; display:block; clear:both;}
.layout-row .layout-col{float:left}
.layout-row.row-3 .layout-col{width:33.3333%}
.manage-area .img-area{position:relative; width:240px; height:240px; padding:0; margin:0 auto;}
.manage-area .img-area .figcaption{position:absolute; left:0; top:140px; width:100%; text-align:center; font-size:25px; line-height:40px;}
.manage-area .col-num-1 .img-area .figcaption{color:#465065;}
.manage-area .col-num-2 .img-area .figcaption{color:#6e8aca;}
.manage-area .col-num-3 .img-area .figcaption{color:#55aeb6;}
.manage-area .txt-area{padding-top:15px; text-align:center;}
.manage-area .txt-area strong{display:block; width:240px; margin:15px auto 0 auto; padding-bottom:10px; font-size:16px; line-height:22px; border-bottom:1px solid #465065;}
.manage-area .col-num-1 .txt-area strong{color:#465065;}
.manage-area .col-num-2 .txt-area strong{color:#6e8aca;}
.manage-area .col-num-3 .txt-area strong{color:#55aeb6;}
.manage-area .txt-area p{width:240px; margin:10px auto 0 auto; font-size:14px; line-height:22px; min-height:110px;}
.manage-area .layout-col{position:relative;}
.manage-area .layout-col:after{content:''; display:block; position:absolute; top:116px; right:-5px; width:10px; height:10px; background-color:#333; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
.manage-area .layout-col.col-num-1:after{background-color:#465065;}
.manage-area .layout-col.col-num-2:after{background-color:#6e8aca;}
.manage-area .layout-col.col-num-3:after{display:none;}
.manage-area .layout-col .img-area{position:relative;}
.manage-area .layout-col .img-area:after{content:''; position:absolute; top:50%; right:-70%; width:70%; height:1px; background-color:#999;}
.manage-area .layout-col.col-num-3 .img-area:after{display:none}
.manage-area .slogan-img{display:block; max-width:937px; width:100%; margin:0 auto;}
.manage-area .s_tit{margin-bottom:25px;}
.m-company-slogan{display:none;}

/*ring_pd*/
.ring_pd {padding:0 50px;}
.ring_ul {overflow:hidden; margin-left:-60px;}
.ring_ul li {float:left; width:25%;}
.ring_ul li.plus {background:url(../img/company/plus.gif) no-repeat left 42%;}
.ring_ul li.same {background:url(../img/company/same.gif) no-repeat left 42%;}
.ring_ul li .box {margin-left:60px; text-align:center;}
.ring_ul li .box .pic img {width:100%; display:block;}
.ring_ul li .box .txt {color:#000; font-size:18px; line-height:24px; padding-top:20px;}

/*his_W*/
.his_W {padding:0 100px 67px 0; clear:both; /*background:url(../img/company/his_bg.gif) no-repeat right top; -webkit-background-size:440px auto; -moz-background-size:440px auto;*/}

/*history*/
.history {clear:both; width:100%; padding-top:45px; overflow:hidden;}
.history .h_con {float:left; width:70%;}
.history .h_box {overflow:hidden; clear:both;}
.history .h_box .year {float:left; width:23%;}
.history .h_box .year_txt {display:none;}
.history .h_box .year_img {position:relative; max-width:195px;}
.history .h_box .year_img img {max-width:100%; }
.history .h_box .year_img .txt {position:absolute; display:block; width:100%; left:0; top:40%; text-align:center; color:#fff; font-size:35px; line-height:45px; font-family:NotoM;}
.history .h_box .info_h {float:left; width:100%; padding-left:10%;}
.his_dl {overflow:hidden; border-bottom:1px solid #eb1c74; padding:10px 0 15px 0; width:70%;}
.his_dl.bb_no {border-bottom:none;}
.his_dl dt {font-size:26px; line-height:32px; color:#eb1c74; font-family:NotoM;}
.his_dl dd {font-size:16px; line-height:22px; color:#373737; padding-top:5px;}
.his_dl dt.big {font-size:45px; line-height:55px; color:#eb1c74; font-family:NotoB;}
.his_dl dd.big {font-size:18px; line-height:22px; color:#373737; font-family:NotoM;}
.history .h_pic {float:left; width:30%;}
.history .h_pic .pic img {max-width:100%;}
.bg-photo1{background:url('/img/company/his_pic01.png') no-repeat 95% 55%;}
.bg-photo2{background:url('/img/company/his_pic02.png') no-repeat 95% 55%;}
.bg-photo3{background:url('/img/company/his_pic03.png') no-repeat 95% 55%;}

/*CI소개*/

/* 20180625 */



.e_ci_box{position:relative;padding-bottom:2em;}
.e_ci{width:100%;}
.e_ci_down{position:absolute;right:0;bottom:0em;;width:100%;max-width:400px;}
@media screen and (max-width:768px) {
.e_ci_box{position:relative;padding-bottom:6em;}
	.e_ci_down li{width:50% !important;box-sizing:border-box;border:1px solid rgba(255,255,255,.2)}
	.e_ci_down li:last-child{width:100% !important;float:none;clear:both;}
	.cd_ul li .d_btn{margin-left:0 !important;}


}

/*  */
.ci_W {overflow:hidden; padding:20px 0 30px 0; background:url(../img/company/s_line.gif) no-repeat left bottom; clear:both;}
.ci_W.top {padding-top:0px;}
.ci_W .ci_left {float:left; width:20%;}
.ci_W .ci_con {float:left; width:78%; padding-left:2%;}
.ci_box {overflow:hidden; clear:both;}

.ci_box.mb {margin-top:20px;}
.ci_box.top {margin-top:30px;}

.ci_box .ci {float:left; }
.ci_box .ci img {width:100%;}
.cd_ul {overflow:hidden; margin-left:-10px;}
.cd_ul li {float:left; width:33%;}
.cd_ul li .d_btn {margin-left:10px;}
.cd_ul li .d_btn a {display:block; text-align:center; line-height:32px; font-size:13px; color:#fff; background:#333; padding:0 10px;}
.ci_txt {font-size:15px; line-height:25px; color:#3b3b3b;}
.ci_txt.b_one {background:url(../img/common/b_one.gif) no-repeat left center; padding-left:10px;}

.ci_imgW {padding:20px 0; border-bottom:1px dashed #ccc; overflow:hidden;}
.ci_imgW.top {padding-top:0px;}
.ci_img {float:left; width:37%;}
.ci_img img {width:100%; display:block;}
.ci_img_g {float:left; width:60%; padding-left:3%;}
.cig_txt {font-size:15px; line-height:25px; color:#3b3b3b;}
.cr_txt {display:flex; align-items:center; font-size:13px; padding-left:40px; height: 30px; margin-top:20px;}
.cr_txt.n01 {color:#eb1c74; background:url(../img/company/cr01.gif) no-repeat left center;}
.cr_txt.n02 {color:#ac9759; background:url(../img/company/cr02.gif) no-repeat left center;}
.cr_txt.n03 {color:#9fa2a6; background:url(../img/company/cr03.gif) no-repeat left center;}
.cr_txt.n04 {color:#000; background:url(../img/company/cr04.gif) no-repeat left center;}
.ci_rule {margin-top:10px;}
.ci_rule img {max-width:100%; display:block;}

.ci_clear {overflow:hidden; margin-left:-65px;}
.ci_clear li {float:left; width:50%;}
.ci_clear li .box {margin-left:65px;}
.ci_clear li .box .img img {max-width:100%; display:block;}

.name_ul {overflow:hidden; padding-top:30px; margin-left:-40px;}
.name_ul li {float:left;}
.name_ul li .box {margin-left:40px; padding-left:100px; position:relative; min-height:84px;}
.name_ul li .box .combi {position:absolute; left:0; top:0; color:#fff; padding:12px 20px; text-align:center; box-sizing:border-box; min-height:84px;}
.name_ul li .box .combi.n01 {background:#eb1476;}
.name_ul li .box .combi.n02 {background:#939498; padding:22px 27px;}
.name_ul li .box .cb_txt {font-size:13px; line-height:21px; color:#333;}

.line_garo {overflow:hidden; clear:both;}
.line_garo li {margin:5px 0;}
.line_garo li .box {position:relative; padding-left:80px; }
.line_garo li .box .tt {position:absolute; left:0; top:41%; font-size:16px; line-height:24px; color:#333;}
.line_garo li .box .tt.n02 {left:24px;}
.line_garo li .box .tt span {color:#858585; }
.line_garo li .box .pic img {display:block;}

.line_sero {overflow:hidden; margin-top:25px;}
.line_sero li {margin:10px 0;}
.line_sero li.top {margin-top:0px;}
.line_sero li .box {overflow:hidden;}
.line_sero li .box .tt {float:left; width:8.9%;  font-size:16px; line-height:24px; color:#333;}
.line_sero li .box .tt span {color:#858585;}
.line_sero li .box .sero_box {float:left; width:91.1%; overflow:hidden;}
.line_sero li .box .sero_box .left {width:50%; float:left; box-sizing:border-box; border-right:1px solid #dadada; }
.line_sero li .box .sero_box .right {width:50%; float:left; box-sizing:border-box; text-align:right;}
.kor_ci {overflow:hidden;}
.kor_ci li {margin-top:20px;}
.kor_ci li img {max-width:100%;}
.kor_ci li:first-child {margin-top:0px;}

/*금지규정*/
.cino_ul {overflow:hidden; margin-left:-33px;}
.cino_ul li {float:left; width:33.3%;  margin-bottom:20px;}
.cino_ul li .box {margin-left:33px;}
.cino_ul li .box .pic img {display:block; width:100%; box-sizing:border-box; border:1px solid #ccc;}
.cino_ul li .box .txt {margin-top:5px; font-size:14px; line-height:22px; color:#333; min-height:66px;}
.seco_em {max-width:100%;}

/*오시는길*/
.map_W {width:100%; clear:both;}

/*오시는 길 수정*/
.location_W {position:relative; clear:both; padding:20px 0 0px 0;}
.location_W.top {padding:30px 0 0px 0;}
.l_png {position:absolute; right:0; top:-50px;}
.location_box {overflow:hidden; margin-top:15px;}
.location_box .map {float:left; width:50%;}
.location_box .pic {float:left; width:36%;}
.location_box .pic img {width:100%; display:block; box-sizing:border-box; border:1px solid #dadada;}
.location_box .guide {float:left; width:47%; padding-left:3%;}
.lu_tb {clear:both; width:100%; border-bottom:1px solid #a0a0a0;}
.lu_tb tbody tr th {padding:7px 0; background:#eb1c74; color:#fff; font-size:13px; border-top:1px solid #fff;}
.lu_tb tbody tr th.top {border-top:1px solid #a0a0a0;}
.lu_tb tbody tr td.top {border-top:1px solid #a0a0a0;}
.lu_tb tbody tr td {padding:7px 8px; border-top:1px solid #a0a0a0;}




/*인재상*/
.r_tit {text-align:center; font-size:23px; line-height:33px; color:#474747;}
.r_tit span {color:#eb1c74;}

.work_tit {text-align:center; font-size:23px; line-height:33px; color:#474747; background:url(../img/recruit/r_bar.gif) no-repeat center bottom; padding-bottom:15px;}
.work_tit .n01 {color:#eb1c74;}
.work_tit .n02 {color:#176eae;}
.work_tit .n03 {color:#272727;}

/*인재상 수정*/
.ij_ul {overflow:hidden; margin-left:-7px; padding-top:20px;}
.ij_ul li {float:left; width:25%;}
.ij_ul li .box {border:1px solid #e3e3e3; box-sizing:border-box; margin-left:7px;}
.ij_ul li .box .t_box {padding:20px;}
.ij_ul li .box .t_box.sb {background:#f6fcff; padding:20px 20px 60px 20px;}
.ij_ul li .box .t_box .tit {font-size:25px; line-height:35px; color:#eb1c74; font-weight:bold;}
.ij_ul li .box .t_box .tit2 {font-size:15px;  line-height:22px; color:#565656;}
.ij_ul li .box .t_box .txt {font-size:16px; line-height:24px; background:url(../img/recruit/i_bar.gif) no-repeat left top; margin-top:15px; color:#484848; padding:30px 0;}
.ij_ul li .box .pic img {display:block; max-width:100%;}


/*근무수칙*/
.work_box {overflow:hidden; display:table; width:100%; padding-top:20px;}
.wb_img {/*float:left;*/ width:40%; display:table-cell; vertical-align:middle;}
.wb_img img {max-width:100%;}
.wk_guide {/*float:left; margin-top:20px;*/ width:55%; padding-left:5%; display:table-cell; vertical-align:middle; }
.wk_ul {overflow:hidden;}
.wk_ul li {padding:20px 0 40px 156px; border-bottom:1px solid #ccc; position:relative; font-size:17px; line-height:24px; color:#808080;}
.wk_ul li .tit {position:absolute; left:0; top:19px; padding-left:10px; font-family:NotoM; color:#575757; font-size:18px; background:url(../img/common/b_one.gif) no-repeat left 10px;}

/*사업소개*/
.busi_W {clear:both; padding:0 40px 21px 0;}
.busi_txt {font-size:28px; line-height:32px; color:#555; margin-top:10px;}
.busi_txt2 {font-size:20px; line-height:28px; color:#555; margin-top:35px;}
.busi_cate {overflow:hidden;}
.busi_cate li {float:left; width:50%;}
.busi_cate li a {display:block; background:url(../img/business/tab_off.gif) no-repeat left top #cecece; text-align:center; line-height:50px; font-size:25px; color:#444; letter-spacing:-1px;}
.busi_cate li.on a {background:url(../img/business/tab_on.gif) no-repeat left top #eb1c74; color:#fff;}

.busi_box {clear:both; width:100%; margin-top:40px;}
.cate_box {overflow:hidden; clear:both; margin-top:40px;}
.cate_box.top {margin-top:0px;}
.cate_box .logo_box {float:left; width:19%;}
.cate_box .logo_box .pic img {max-width:100%; display:block;}
.cate_box .logo_box .go_home {margin-top:10px;}
.cate_box .logo_box .go_home a {display:inline-block; text-align:center; line-height:30px; border:1px solid #ccc; box-sizing:border-box; padding:0 15px;}
.cate_box .logo_box .go_home a span {display:inline-block; color:#000; font-size:14px; background:url("../img/business/ico_home.svg") no-repeat right center; padding-right:20px;}
.cate_box .logo_box .lg_ic {margin-top:15px;}
.cate_box .logo_box .lg_ic img {max-width:110px; display:block;}

.cate_box .guide_box {float:right; padding-left:4%; width:77%;}
.cate_box .guide_box .g_tit {font-size:24px;line-height:32px; color:#000;}
.cate_box .guide_box .g_txt {font-size:15px; line-height:24px; color:#696969;}
.cate_box .guide_box .g_txt.mb_top {margin-top:20px;}
.cate_box .guide_box .guide_pic {overflow:hidden; margin-left:-9px; padding-top:20px;}
.cate_box .guide_box .guide_pic li {float:left; width:50%;}
.cate_box .guide_box .guide_pic li .pic {margin-left:9px;}
.cate_box .guide_box .guide_pic li .pic img {width:100%;}

/*글로벌네트워크*/
.global_W {position:relative; clear:both; padding:40px 0; background:url(../img/company/s_line.gif) no-repeat left bottom;}
.global_W.top {padding:30px 0 40px 0;}
.g_png {position:absolute; right:0; top:-50px;}
.global_box {overflow:hidden; margin-top:15px;}
.global_box .map {float:left; width:36%;}
.global_box .pic {float:left; width:36%;}
.global_box .pic img {width:100%; display:block; box-sizing:border-box; border:1px solid #dadada;}
.global_box .guide {float:left; width:60%; padding-left:3%;}
.gu_tb {clear:both; width:100%; border-bottom:1px solid #a0a0a0;}
.gu_tb tbody tr th {padding:7px 0; background:#eb1c74; color:#fff; font-size:13px; border-top:1px solid #fff;}
.gu_tb tbody tr th.top {border-top:1px solid #a0a0a0;}
.gu_tb tbody tr td.top {border-top:1px solid #a0a0a0;}
.gu_tb tbody tr td {padding:7px 8px; border-top:1px solid #a0a0a0;}


/*관계사*/
.re_img img {display:block; width:100%; border:1px solid #dadada; box-sizing:border-box;}
.com_info {overflow:hidden; padding-top:20px; margin-left:-40px;}
.com_info .left {width:65%;float:left;}
.com_info .left .box {margin-left:40px;}
.com_info .right {width:35%; float:left;}
.com_info .right .box {margin-left:40px;}

/*관계사 표*/
.rc_tb {width:100%; clear:both; font-size:13px; border-top:2px solid #000; color:#000;}
.rc_tb tbody tr th {background:#f2f2f2; border-bottom:1px solid #ccc; padding:7px 10px; text-align:left; box-sizing:border-box;   -moz-box-size:border-box;}
.rc_tb tbody tr td {border-bottom:1px solid #ccc; text-align:left; padding:7px 10px;}
.rc_tb tbody tr td a {color:#000;}
.rc_tb tbody tr td a:hover {color:#eb1c74;}
.rc_tb tbody tr td.logo {text-align:center;}
.rc_tb tbody tr td.home a {display:block; white-space:normal; word-break:break-all;}

/*관계사글*/
.rc_tit {text-align:center; font-size:35px; line-height:45px; color:#403a3a;}
.rc_tit span {color:#eb1c74;}
.rc_txt {text-align:center; padding-top:20px; font-size:15px; line-height:22px; color:#292929;}
.rc_txt .grn {color:#eb1c74;}
.rc_txt .big {font-size:16px; font-family:notoM;}

/*관계사 롤링*/
#respon_gallery {width:100%; margin:0 auto; max-width:1200px;}
#res_ul {overflow:hidden;}
#res_ul li {float:left; cursor:pointer;}
#res_ul li .img {width:100%; display:block; border:1px solid #c6c6c6; box-sizing:border-box;}
#respon_gallery .lSPager {display:none;}
#respon_gallery .lSAction>a {width:26px; display:block; top:43%; height:26px; cursor:pointer; position:absolute; z-index:99; -webkit-transition:opacity .35s linear 0s; transition:opacity .35s linear 0s;}
#respon_gallery .lSAction>.lSPrev {left:10px; background:url(../img/relative/prev.png) no-repeat left top;}
#respon_gallery .lSAction>.lSPrev:hover {background:url(../img/relative/prev_over.png) no-repeat left top;}
#respon_gallery .lSAction>.lSNext {right:10px; background:url(../img/relative/next.png) no-repeat left top;}
#respon_gallery .lSAction>.lSNext:hover {background:url(../img/relative/next_over.png) no-repeat left top;}

/*관계사 하단*/
.skil_ul2 {overflow:hidden; margin:20px 0 0 -15px;}
.skil_ul2 li {float:left; width:33.3%;}
.skil_ul2 li .box {margin-left:15px;}
.skil_ul2 li .box .pic {margin-top:10px;}
.skil_ul2 li .box .pic img {width:100%; border:1px solid #dadada; box-sizing:border-box; display:block;}
.skil_ul2 li .box .txt {padding:5px 0; font-size:17px; line-height:24px; color:#000;}
.skil_ul2 li .box .txt2 {font-size:14px; line-height:22px; color:#000;}


/*table_view_list*/
.table_view_list {overflow:hidden;}
.table_view_list li {float:left; font-size:1.05em; padding:3px 0px 3px 30px; margin-right:40px; min-height:20px; line-height:20px;}
.table_view_list li:first-child {margin-left:0px;}
.table_view_list li span.tt {color:#505b84;}
.table_view_list li.ico01 {background:url(../img/common/ico_company.gif) no-repeat left 3px;}
.table_view_list li.ico02 {background:url(../img/common/ico_day.gif) no-repeat left 2px;}
.table_view_list li.ico03 {background:url(../img/common/ico_file.gif) no-repeat left 1px; padding-left:90px; position:relative;}
.table_view_list li.ico03 .ttt {position:absolute; left:30px; top:3px; line-height:20px;}
.table_view_list li.ico03 .tt a {display:inline-block; padding-left:5px; background:url(../img/common/top_line.gif) no-repeat; left 3px; margin-right:4px; color:#024ca1}
.table_view_list li.ico03 .tt a:first-child {/*border-left:none;*/ background:none; padding-left:0px;}

/*갤러리리스트*/
.gallery_list {overflow:hidden; margin-left:-30px;}
.gallery_list li {float:left; width:33.3%; margin-bottom:20px;}
.gallery_list li .box {margin-left:30px; border:1px solid #ccc; box-sizing:border-box;}
.gallery_list li .box .list_block {display:block;}
.gallery_list li .box .list_block:hover .txt {color:#eb1c74;}
.mobile_on li .box .list_block .over{display:none !important;}
.gallery_list li .box .list_block .over{background:url(../img/common/detail.png) no-repeat center top;  padding-top:43px;  color:#fff;  font-size:1.0em; position:absolute; left:50%; text-align:center; top:50%; margin:-26px 0 0 -26px; display:none;}
.mobile_on .gallery_list li .box .list_block .over_bg {display:none !important;}
.gallery_list li .box .list_block .over_bg {width:100%; height:100%;  background:rgba(0, 0, 0, 0.8) none repeat scroll 0 0; position:absolute; left:0; top:0; display:none;}
.gallery_list li .box .img {position:relative; display:block; width:100%; height:100%; overflow:hidden;}
.gallery_list li .box .img .png{width:100%;}
.gallery_list li .box .img img.photo {position:absolute; left:0px; top:0px; width:100%; display:block;}
.gallery_list li .box .list_block .txt {text-align:center; padding:10px 8px; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}


/* 레이어팝 */
#black {background-color:#000; display:none; height:100%; left:0;  opacity:0.5; filter:alpha(opacity=50); position:fixed; top:0; width:100%; z-index:9999;}
#black_m {background-color:#000; display:none; height:100%; left:0;  opacity:0.5; filter:alpha(opacity=50); position:fixed; top:0; width:100%; z-index:9999;}
.layerPop {display:none; width:100%; position:fixed !important; top:50%; left:50%; z-index:99999; margin-top:0 !important; transform: translate(-50%, -50%);}
.layerPop_in {max-width:1000px; padding:0px 20px 20px 20px; margin:0 auto; background:#FFF; max-height:800px; overflow-y:auto; overflow-x:hidden; position:relative; border-radius:4px;}
.layerPop .pop_title {font-size:1.4em; color:#333;  line-height:55px; height:55px; border-bottom:1px solid #ceced0; margin-bottom:20px;}


/*.layerPop a.close_bt {top:-60px; position:absolute; right:0px;}*/
.layerPop .img {width:100%; max-width:100%;}
.layerPop .close_bt {position:absolute; right:20px; top:10px;}
.panel-body {padding:0px 0px 15px 0px; border-bottom:1px solid #dddddd;}

.join_txt {padding:10px 0px;}
.join_txt a.red { color:#f34247}
.Pop_in .btn {border:1px solid #ff5a5f; border-bottom:1px solid #e00007; background-color:#ff5a5f; color:#fff; padding:12px; display:block; font-size:15px; text-align:center;  border-radius:4px; width:100%; cursor:pointer;box-sizing:border-box; -moz-box-size:border-box;}
.Pop_in .btn a {color:#fff;}
.Pop_in .btn.black {border:1px solid #666666; border-bottom:1px solid #575757; background-color:#666666;}

/*통합검색*/
.search_con {width:100%; clear:both; padding-bottom:35px; margin-bottom:30px; background:url(../img/company/s_line.gif) no-repeat left bottom;}
.sc_top {overflow:hidden; border-bottom:1px dashed #ccc; padding-bottom:10px;}
.sr_tit {font-size:18px; line-height:28px; color:#000; background:url(../img/common/p_one.gif) no-repeat left 8px; padding-left:16px; float:left;}
.sr_tit span {color:#eb1c74;}
.sr_more {float:left; margin-left:10px;}
.sr_more a {display:block; text-align:center; font-size:14px; line-height:26px; border:2px solid #eb1c74; box-sizing:border-box; padding:0 10px;}
.sr_more a span {display:inline-block; background:url(../img/common/gb00_bg.gif) no-repeat left center; padding-left:25px; color:#000;}
.sr_more a:hover span {color:#eb1c74;}

.sr_con {border-bottom:1px dashed #ccc; padding:15px 15px 15px 9px; overflow:hidden;}
.sr_con dt a {display:block; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:14px; line-height:22px; background:url(../img/common/b_one.gif) no-repeat left center; padding-left:8px;}
/*.sr_con dt a:hover {color:#eb1c74;}*/
.sr_con dd { padding:5px 0 0 8px;}
.sr_con dd a {display:block; font-size:14px; line-height:22px; color:#666; height:45px;  overflow:hidden; text-overflow:ellipsis;}
.sr_con dd a:hover {color:#eb1c74;}

.sr_con2 {border-bottom:1px dashed #ccc; }
.sr_con2 a {display:block; padding:15px; overflow:hidden;}
.sr_con2 .pic {display:block;  width:20%; float:left; position:relative;}
.sr_con2 .pic .png {display:block;}
.sr_con2 .pic .png img {width:100%;}
.sr_con2 .pic .img {display:block;}
.sr_con2 .pic .img img{position:absolute; left:0; top:0; display:block; width:100%;}
.sr_con2 .txtW {display:block; float:left; width:77%; padding-left:3%;}
.sr_con2 .txtW .tit {display:block; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:14px; line-height:22px; background:url(../img/common/b_one.gif) no-repeat left center; padding-left:8px;}
.sr_con2 .txtW .txt {font-size:14px; line-height:22px; color:#666; height:153px; display:block; overflow:hidden; text-overflow:ellipsis; padding:2px 0 0 8px;}


/* ------------------------------------------------------------
 * Name      :mobile_layout.css
 * Desc      :page layout
 * Created   :
 * Updated   :
 ------------------------------------------------------------ */
.mobile_on .m_gnb .gnb > ul {overflow-y:auto; overflow-x:hidden;}
.m_gnb {position:absolute; left:0px; top:80px; width:100%;}
#header.bg_on .m_gnb {position:absolute; left:0px; top:75px; width:100%;}
.m_gnb .gnb > ul {width:100%; background:rgba(18,18,18, .97); position:relative; overflow-x:hidden;}
.m_gnb .gnb > ul:after {content:""; display:block; clear:both;}
.m_gnb .gnb > ul > li > a {display:block; font-size:14px; color:#ffffff; padding:15px 0px; text-align:center; border-bottom:1px solid rgba(255,255,255, .065)}


.m_gnb .sub_menu  {width:100%; line-height:20px; background:#4a4a4a; display:none !important;}
.m_gnb .sub_menu > li > a {display:block; color:#fff; font-size:12px; padding:5px 0px; text-align:center; border-bottom:1px solid rgba(255,255,255, .065)}
.m_gnb .sub_menu > li > a:hover { background:#009091;}

.mobile_on .con_W.line_up {margin-top:0px;}

.m_gnb .gnb .alarm { background-size:20px;}
.m_gnb .gnb .name {max-width:200px;}
.mobile_on input, .mobile_on select, .mobile_on textarea {-webkit-appearance:none;}
.mobile_on select {height:31px; padding:0px 2em 0px 8px!important;}
.mobile_on .sel_arrow {position:relative;}
.mobile_on .sel_arrow:before {content:'\25bc'; position:absolute; pointer-events:none; color:#82888a; top:0; bottom:1px; padding-top:0.7em; line-height:1; right:0; width:2em; text-align:center; transform:scale(0.84, 0.42); -webkit-transform:scale(0.84, 0.42); -moz-transform:scale(0.84, 0.42); -ms-transform:scale(0.84, 0.42); -o-transform:scale(0.84, 0.42); -ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.84, M12=0, M21=0, M22=0.42, SizingMethod='auto expand')"; filter:progid:DXImageTransform.Microsoft.Matrix(M11=0.84, M12=0, M21=0, M22=0.42, SizingMethod='auto expand');}



@media screen and (max-width:1120px) {
	#main_s3 .main_global {width:100%; height:auto;}
	#main_s3 .main_global .map_bg img {max-width:100%;}
	#main_s3 .w_map {display:none;}
	#main_s3 .m_map {display:block;}
	#main_s3 .main_global dl {position:relative; width:50%; float:left; min-height:110px; left:0px; top:auto; background:none; height:auto; padding:0px 0px 10px 0px;}
	#main_s3 .main_global dl dt {width:auto !important; height:auto !important; line-height:110% !important; font-size:1.05em; text-align:left; padding:10px 15px !important;}
	#main_s3 .main_global dl dt br {display:none;}
	#main_s3 .main_global dl dd br {display:none;}
	#main_s3 .main_global dl.ico01 dt {background:#f59c04;}
	#main_s3 .main_global dl.ico03 dt {background:#595eb6;}
	#main_s3 .main_global dl.ico04 dt {background:#b67f21;}
	#main_s3 .main_global dl.ico05 dt {background:#89940f;}
	#main_s3 .main_global dl.ico06 dt {background:#5592a1;}
}

/* 1000px 이하 */
@media screen and (max-width:999px) {

	/* #header {height:100px;} */
	.bg_on .in_header {margin-top:0px;}
	.w_gnb {display:none;}
	.m_gnb_on {right:98px; display:block;}
	.wid710.fl {max-width:1000px; float:none;}
	/* #header {height:80px;} */

	#section.main_section {padding-top:80px;}
	/* #sub_visual {margin-top:80px;} */
	#sub_visual .sv_wrap h2 .s_txt {color:#fff;}
	#header .web_logo {top:21px; left:10px; z-index:9;}
	.search_box {display:none;}
	#header.bg_on .lang_select {right:10px; top:19px;}
	.lang_select {right:10px; top:22px;}

	/*content*/
	#content {padding:30px 0;}

	/*sub_con*/
	.sub_con {padding:10px; clear:both;}
	.main_s2_banner ul li.ico01 div {width:auto; text-align:right; padding-right:30px;}
	.family_tab .img { display:none; }
	.family_tab .txt { float:none; width:100%; padding:0 15px;}
	.family_tab .txt dt span {display:none;}
	.family_tab .txt dd .br { display:none;}
	.family_tab .txt dd.bt { margin:20px auto 0px auto;}
	.family_rollW .bx-wrapper .bx-prev {left:-50px;}
	.family_rollW .bx-wrapper .bx-next {right:-50px;}
	.family_rollW {padding:0px 70px;}

	/*seco_W*/
	.seco_W {padding:0 400px 0 0; clear:both; background:url(../img/company/phi_bg.gif) no-repeat right top; -webkit-background-size:375px auto; -moz-background-size:375px auto;}

	/*his_W*/
	.his_W {padding:0 10px 0 0; clear:both;	/*background:url(../img/company/his_bg.gif) no-repeat right top; -webkit-background-size:260px auto; -moz-background-size:260px auto;*/}

	/*사업소개*/
	.busi_W {padding:0 60px 0 0;}
}



/* 768px 이하 */
@media screen and (max-width:768px) {

	/*공통tit*/
	.c_tit {font-size:2.0em; line-height:30px;}
	.s_tit {font-size:1.35em; line-height:23px; /*    background:url(../img/common/r_box.gif) no-repeat left 5px;*/}

	/*main_visual*/
	.main_visual .bx-controls {bottom:19.8%;}
	.main_visual #slide-counterW {bottom:20%;}
	#slideshow .txt_wrap {font-size:0.8em;}
	#slideshow .txt_wrap .txt_wrap_in .txt3 {letter-spacing:5px;}
	.main_s2_banner ul li {float:none; width:100%; background-position:center top !important;}

	.main_s2_banner ul li div {width:100% !important; text-align:center !important;}
	.main_s2_banner ul li div .bt { margin:0 auto; text-align:center; width:178px;}
	.main_s2_banner ul li.ico02 div {padding:0px; width:100%;}

	.main_s2_banner ul li div .m_btn {margin:0 auto;   text-align:center;   width:178px;}

	#main_s3 {padding:30px 0px 10px 0px;}
	.family_tab .txt dt {font-size:3em;}
	#main_s3 .m_map {display:none;}
	#main_s3 .m_map2 {display:block;}

	.family_tab .txt dd.m_btn {width:200px; margin:0 auto; position:relative;    box-sizing:border-box; clear:both;}
	#main_s4.section .m_tit strong {color:#fff;}

	/*sub_visual*/
	#sub_visual {height:150px;}
	#sub_visual .sv_wrap h2 {width:100%; text-align:center; font-size:1.8em; padding:39px 0 0 0;}

	/*footer*/
	.footer .copy {padding:10px 10px 0 10px;}
	.footer .copy .add {background:url(../img/common/add_line.gif) no-repeat right center; padding-right:10px; margin-right:10px;}
	.footer .copy .bar {background:url(../img/common/add_line.gif) no-repeat right center; padding-right:10px; margin-right:10px;}
	.footer .m_copy {display:none;}
	.footer_ul li a {font-size:0.95em;}

	/*footer_ulW*/
	.footer_ulW {padding:0 10px; width:100%;}
	.group_site {position:relative; right:0; top:0; margin:15px 20px 0 20px;}
	.group_site a {display:block; line-height:40px; font-size:14px; padding:0 76px 0 15px; border:1px solid #e3e3e3; background:url(../img/common/sr_arrow.png) no-repeat 97% 50%; color:#a4a4a4; border-radius:20px;}
	.footer_site {position:relative; right:0; top:0; margin:15px 20px 0 20px; background:url(../img/common/sl_arrow.png) no-repeat 97% 50%;}

	/*siteW*/
	.siteW .site .site_m .tit a {font-size:1.0em;}
	.siteW .site .site_m ul li a {font-size:0.95em;}
	.siteW .site .site_m {width:33.3%; min-height:215px; float:left; text-align:center;}
	.siteW .site .site_m.big {width:33.3%;}
	.siteW .site .site_m.small {min-height:160px;}
	.siteW .site .site_m.last {min-height:100px;}
	.site_map {right:20px;}

	/*lnb*/
	.s_home {display:none;}
	.location a {width:100%;}
	.lnb {width:50%; box-sizing:border-box;}
	.lnb.one_line {width:100%; box-sizing:border-box;}
	.lnb2 {width:50%; box-sizing:border-box;}

	/*seco_W*/
	.seco_W {padding:0; background:none;}

	/*his_W*/
	.his_W {padding:0; background:none;}

	/*사업소개*/
	.busi_W {padding:0; background:none;}
	.busi_box {clear:both; width:100%; margin-top:30px;}
	.cate_box {margin-top:20px;}
	.cate_box .logo_box {float:none; width:100%; position:relative;}
	.cate_box .logo_box .pic img {max-width:100%; display:block;}
	.cate_box .logo_box .go_home {position:absolute; right:0; bottom:0;}
	.cate_box .logo_box .go_home a {display:inline-block; text-align:center; line-height:30px; border:1px solid #ccc; box-sizing:border-box; padding:0 8px;}
	.cate_box .logo_box .go_home a span {display:inline-block; color:#000; font-size:1.0em; background:url(../img/business/home.gif) no-repeat right center; padding-right:20px;}
	.cate_box .logo_box .lg_ic {margin-top:15px; display:none;}
	.cate_box .guide_box {float:none; clear:both; padding-left:0; width:100%; margin-top:20px;}
	.cate_box .guide_box .g_tit {font-size:1.35em; line-height:22px; }
	.cate_box .guide_box .g_txt {font-size:1.05em; line-height:20px;}
	.cate_box .guide_box .g_txt.mb_top {margin-top:10px;}
	.cate_box .guide_box .guide_pic {overflow:hidden; margin-left:-9px; padding-top:10px;}
	.cate_box .guide_box .guide_pic li {float:none; width:100%; margin-bottom:10px;}
	.ph_big {font-size:1.8em; line-height:28px;}
	.ph_b2 {font-size:1.25em; line-height:20px; margin-top:15px;}
	.ph_b3 {font-size:1.05em; line-height:22px; margin-top:10px;}

	/*CI소개*/
	.ci_W {padding:20px 0 30px 0; }
	.ci_W .ci_left {float:none; width:100%;}
	.ci_W .ci_con {float:none; width:100%; padding-left:0;}
	.ci_box {overflow:hidden;}
	.ci_box.mb {margin-top:10px;}
	.ci_box.top {margin-top:10px;}
	.ci_box .ci {float:none; width:100%; margin-top:10px;}
	.ci_box .ci img {width:100%; display:block; box-sizing:border-box; border:1px solid #dadada;}
	.ci_box .ci_down {width:100%; float:none; margin-top:20px;}
	.cd_ul {overflow:hidden; margin-left:-10px;}
	.cd_ul li {float:left; width:50%;}
	.cd_ul li .d_btn {margin-left:10px;}
	.cd_ul li .d_btn a {line-height:32px; font-size:1.05em; }
	.ci_txt {font-size:1.05em; line-height:20px; color:#3b3b3b;}
	.ci_txt.mobile {margin-top:5px;}

	.ci_imgW {padding:15px 0; border-bottom:1px dashed #ccc; overflow:hidden;}
	.ci_imgW.top {padding-top:0px;}
	.ci_img {float:none; width:100%;}
	.ci_img_g {float:none; width:100%; padding-left:0; margin-top:5px;}
	.cig_txt {font-size:1.05em; line-height:20px; color:#3b3b3b;}
	.cr_txt {font-size:1.0em; padding-left:40px; margin-top:10px;}

	.ci_clear {overflow:hidden; margin-left:-65px;}
	.ci_clear li.top {margin-top:0px;}
	.ci_clear li {float:none; width:100%; margin-top:10px;}
	.ci_clear li .box {margin-left:65px;}
	.ci_clear li .box .img img {width:100%; display:block;}

	.name_ul {padding-top:10px;}
	.name_ul li {float:none; width:100%; margin-top:10px;}
	.name_ul li.top {margin-top:0px;}
	.name_ul li .box .cb_txt {font-size:1.0em; line-height:20px; color:#333;}

	.line_garo li {margin:5px 0;}
	.line_garo li .box {padding-left:60px; }
	.line_garo li .box .tt {left:0; top:44%; font-size:1.0em; line-height:20px;}
	.line_garo li .box .tt.n02 {left:19px;}
	.line_garo li .box .pic img {width:100%; }

	.line_sero {overflow:hidden; margin-top:25px;}
	.line_sero li {margin:10px 0;}
	.line_sero li .box {overflow:hidden;}
	.line_sero li .box .tt {float:none; width:100%;  font-size:1.0em; line-height:20px;}
	.line_sero li .box .sero_box {float:none; width:100%; overflow:hidden; margin-top:10px;}
	.line_sero li .box .sero_box .left {width:50%; float:left; border-right:none;}
	.line_sero li .box .sero_box .right {width:50%; float:left;  text-align:right;}
	.kor_ci {overflow:hidden;}
	.kor_ci li {margin-top:20px;}
	.kor_ci li:first-child {margin-top:0px;}

	/*금지규정*/
	.cino_ul {overflow:hidden; margin-left:-20px;}
	.cino_ul li {float:left; width:50%;  margin-bottom:10px;}
	.cino_ul li .box {margin-left:20px;}
	.cino_ul li .box .txt {margin-top:5px; font-size:1.0em; line-height:20px;min-height:62px;}
	.seco_em {max-width:50%;}


	/*글로벌네트워크*/
	.global_W {position:relative; clear:both; padding:40px 0; background:url(../img/company/s_line.gif) no-repeat left bottom;}
	.global_W.top {padding:30px 0 40px 0;}

	.global_box {overflow:hidden; margin-top:15px;}
	.global_box .map {float:none; width:100%;}
	.global_box .pic {float:none; width:100%;}
	.global_box .guide {float:none; width:100%; padding-left:0; margin-top:10px;}
	.gu_tb .mb_w {width:27%;}

	/*오시는 길 수정*/
	.location_W {position:relative; clear:both; padding:20px 0;}
	.location_W.top {padding:30px 0 0px 0;}
	.location_box {overflow:hidden; margin-top:15px;}
	.location_box .map {float:none; width:100%;}
	.location_box .pic {float:none; width:100%;}
	.location_box .guide {float:none; width:100%; padding-left:0; margin-top:10px;}
	.lu_tb .mb_w {width:30%;}


	/*ring_pd*/
	.ring_pd {padding:0 8px;}
	.ring_ul li.plus {background-position:left 38%;}
	.ring_ul li.same {background-position:left 38%;}

	/*경영이념*/
	.ma_ul {overflow:hidden;}
	.ma_ul li {margin-bottom:20px;}
	.ma_ul li .box {display:table;}
	.ma_ul li .box .pic {display:table-cell; width:20%;}
	.ma_ul li .box .txtW {display:table-cell;width:75%; padding-left:5%; vertical-align:middle;}
	.ma_ul li .box .txtW .tit {color:#454545; font-size:1.05em; line-height:22px;}
	.ma_ul li .box .txtW .txt {color:#525252; font-size:1.0em; line-height:20px; margin-top:5px;}
	.manage-area .img-area{display:block; width:100%; height:auto;}
	.manage-area .img-area img{width:100%;}
	.manage-area .txt-area{display:table-cell; width:70%; vertical-align:middle; padding-top:0; padding-left:15px; box-sizing:border-box;}
	.manage-area .img-area .figcaption{font-size:15px; top:54%;}
	.manage-area .txt-area strong{width:100%; text-align:left; padding-bottom:5px; margin-top:0; font-size:15px; line-height:1.4;}
	.manage-area .txt-area p{width:100%; text-align:left; min-height:auto; margin-top:5px; font-size:13px; line-height:1.4;}
	.manage-area .layout-col{display:table; width:100% !important; margin-bottom:1em;}
	.manage-area .layout-col:after,
	.manage-area .layout-col .img-area:after{display:none;}
	.manage-area .slogan-img{display:none;}
	.m-company-slogan{display:table; width:100%;}
	.m-company-slogan .img-area{width: 30%; display: table-cell;}
	.m-company-slogan .img-area img{width: 100%; display: block;}
	.m-company-slogan .text-area{padding-left: 3%; width: 67%; display: table-cell; vertical-align: middle;}
	.m-company-slogan .text-area .t_box .tit{color: #333; font-size: 1.13em; line-height: 22px; border-bottom: 1px solid #465065; padding-bottom: 5px;}
	.m-company-slogan .text-area .t_box .txt{color: #333; font-size: 1.25em; line-height: 25px; margin-top: 5px;}


	/*갤러리리스트*/
	.gallery_list {overflow:hidden; margin-left:-10px;}
	.gallery_list li {float:left; width:50%; margin-bottom:20px;}
	.gallery_list li .box {margin-left:10px;}
	.gallery_list li .box .list_block:hover .txt {color:#eb1c74;}
	.mobile_on .gallery_list li .box .list_block .over {display:none !important;}
	.mobile_on .gallery_list li .box .list_block .over_bg {display:none !important;}
	.gallery_list li .box .img img{width:100%;}
	.gallery_list li .box .list_block .txt {font-size:1.0em;}

	/*history*/
	.history .h_con {float:none; width:100%;}
	.history .h_pic {float:none; display:none;}

	.history .h_box .info_h {width:72%; padding-left:5%;}
	.history .h_box .year_img .txt {font-size:2.0em; line-height:35px;}
	.his_dl{width:100%;}
	.his_dl dt.big {font-size:3.0em; line-height:40px;}
	.his_dl dd.big {font-size:1.5em; line-height:24px;}
	.his_dl dt {font-size:2.0em; line-height:30px;}
	.his_dl dd {font-size:1.25em;}
	.bg-photo1,
	.bg-photo2,
	.bg-photo3{background:none;}


	/*근무수칙*/
	.wb_img {float:none; display:none;}
	.wk_guide {padding-left:0px; margin-top:15px; width:100%; float:none;}
	.wk_ul li {font-size:1.0em; line-height:22px; padding:15px 0 15px 115px;}
	.wk_ul li:first-child {padding-top:0px;}
	.wk_ul li:first-child .tit {top:0px;}
	.wk_ul li .tit {font-size:1.2em; top:15px;}

	/*통합검색*/
	.sc_top {overflow:hidden; border-bottom:1px dashed #ccc; padding-bottom:10px;}
	.sr_tit {font-size:1.20em; line-height:25px; background:url(../img/common/p_one.gif) no-repeat left center;}
	.sr_more {float:right; margin-left:0;}
	.sr_more a {font-size:1.0em; line-height:26px; padding:0 6px;}

	.sr_con {padding:10px 15px 10px 9px; }
	.sr_con dt a {font-size:1.0em; line-height:20px; }
	/*.sr_con dt a:hover {color:#eb1c74;}*/
	.sr_con dd { padding:0px 0 0 8px;}
	.sr_con dd a { font-size:1.0em; line-height:20px; height:40px; }

	.sr_con2 a {padding:10px 15px;}
	.sr_con2 .pic {width:40%; }
	.sr_con2 .txtW {display:block; float:left; width:57%; padding-left:3%;}
	.sr_con2 .txtW .tit { font-size:1.0em;  line-height:20px;}
	.sr_con2 .txtW .txt { font-size:1.0em; line-height:20px; height:76px; padding:2px 0 0 8px;
	}

	/*인재상 수정*/
	.ij_ul li .box .t_box {padding:15px;}
	.ij_ul li .box .t_box.sb {padding:15px 15px 50px 15px;}
	.ij_ul li .box .t_box .tit {font-size:2.0em; line-height:35px; color:#000; font-weight:bold;}
	.ij_ul li .box .t_box .tit2 {font-size:1.2em;  line-height:22px; color:#565656;}
	.ij_ul li .box .t_box .txt {font-size:1.15em; line-height:22px;  margin-top:15px; color:#484848; padding:30px 0 20px 0;}
	.ij_ul li .box .pic img {display:block; max-width:100%;}

}


/*687px 이하*/
@media screen and (max-width:687px) {

	.bbs_search .it_select.pc {width:30%;}
	.web_dis {display:none;}
	.mobile_dis {display:block;}
	.mobile_up {margin-top:20px;}

	/*인재상*/
	.r_tit {font-size:1.2em; line-height:22px;}
	.r_seco {font-family:NotoB; color:#e60013; font-size:2.0em; line-height:30px; text-align:center; background:url(../img/recruit/g_line.gif) no-repeat center bottom; padding-bottom:47px; margin-top:5px;}
	.sa_tit {font-size:1.80em; color:#373737; line-height:30px; text-align:center;}
	.sa_txt {font-size:1.2em; line-height:22px; background:url(../img/recruit/sa_txt_bg.gif) no-repeat center top; -webkit-background-size:235px auto; -moz-background-size:235px auto; text-align:center; color:#fff; margin-top:5px; padding:6px 0;}
	.sc_tit {font-size:1.80em; color:#373737; line-height:30px; text-align:center; background:url(../img/recruit/g_line.gif) no-repeat center top; padding-top:47px; margin-top:10px;}
	.work_tit {font-size:1.2em; line-height:22px;}
	.work_ul {overflow:hidden; margin:10px 60px;}
	.work_ul li {margin-bottom:10px;}
	.work_ul li .box {display:table;}
	.work_ul li .box .pic {width:32%; display:table-cell;}
	.work_ul li .box .pic img {width:100%;}
	.work_ul li .box .txtW {display:table-cell; width:63%; padding-left:5%; vertical-align:middle;}
	.work_ul li .box .txtW .txt {font-size:1.2em; line-height:22px; color:#414141; font-familt:NotoM;}
	.work_ul li .box .txtW .c01 {color:#608e1e;}
	.work_ul li .box .txtW .c02 {color:#1e6192;}
	.work_ul li .box .txtW .c03 {color:#e60013;}

	/*인재상 수정*/
	.ij_ul_m {overflow:hidden;}
	.ij_ul_m li {width:100%; margin-bottom:20px;}
	.ij_ul_m li .box {width:100%; display:table;}
	.ij_ul_m li .box .pic {width:38%; display:table-cell; vertical-align:middle;}
	.ij_ul_m li .box .pic img {width:100%; display:block;}
	.ij_ul_m li .box .txtW {display:table-cell; width:57%; padding-left:5%; vertical-align:middle;}
	.ij_ul_m li .box .txtW .tit {font-size:1.25em;    line-height:25px;    color:#000;    font-weight:bold;}
	.ij_ul_m li .box .txtW .tit2 {font-size:1.0em;    line-height:18px;    color:#565656;}
	.ij_ul_m li .box .txtW .txt {background:url(../img/recruit/i_bar.gif) no-repeat left top;  font-size:1.05em;   line-height:20px;   color:#484848;   margin-top:15px;    padding-top:10px;}

	/*seco이념 수정*/
	.seco_phil {clear:both; text-align:center;}
	.seco_phil .tit {display:inline-block; background:#eb1c74; color:#fff; border-radius:20px; padding:0 68px; font-size:1.5em; line-height:40px;}
	.seco_phil .txtW {background:url(../img/company/o_line.gif) no-repeat center top; padding-top:50px; }
	.seco_phil .txt {border:5px solid #5e6365; color:#5e6365; font-size:1.25em; line-height:40px; border-radius:20px; box-sizing:border-box;}
	.list_phil {overflow:hidden;}
	.list_phil li {margin-bottom:10px; border-radius:28px; box-sizing:border-box;}
	.list_phil li .tt {display:inline-block; padding-left:55px; color:#fff; font-size:1.20em; line-height:50px; }
	.list_phil li .tt span {font-weight:600;}
	.list_phil li.n01 {background:#515c74;}
	.list_phil li.n02 {background:#738ecc;}
	.list_phil li.n03 {background:#55aeb6;}
	.list_phil li.n01 .tt {background:url(../img/company/sc01.png) no-repeat left center #515c74; -webkit-background-size:40px auto; -moz-background-size:40px auto;}
	.list_phil li.n02 .tt {background:url(../img/company/sc02.png) no-repeat left center #738ecc; -webkit-background-size:40px auto; -moz-background-size:40px auto;}
	.list_phil li.n03 .tt {background:url(../img/company/sc03.png) no-repeat left center #55aeb6; -webkit-background-size:40px auto; -moz-background-size:40px auto;}

	/*사업소개*/
	.busi_W {background:none; padding:0;}
	.busi_txt {font-size:1.8em; line-height:28px;}
	.busi_txt2 {font-size:1.25em; line-height:22px; margin-top:10px;}
	.busi_cate li a {line-height:40px; font-size:1.25em; letter-spacing:-1px; }

	/*ci소개 금지규정*/
	.cino_ul li {float:none; width:100%; margin-bottom:20px; }
	.cino_ul li .box .txt { min-height:100%;}
}

/* 480px 이하 */
@media screen and (max-width:479px) {
	.m_gnb {top:80px;}
	.m_gnb_on {right:85px;}
	.lang_select label {font-size:0.85em;}
	.lang_select .ms_select {font-size:0.85em;}
	.main_visual #slide-counterW {bottom:20%;}
	#slideshow .txt_wrap .txt_wrap_in .txt3 {letter-spacing:1px; font-size:2.5em; padding-top:25%; /*padding-bottom:30px;*/}
	#slideshow .txt_wrap .txt_wrap_in .txt2 {letter-spacing:1px; font-size:2.5em; font-family:notoB; padding-top:25%; /*padding-bottom:30px;*/}
	.section .m_tit {margin-bottom:0px;}
	.main_media {margin:10px 0 20px 0; }
	.main_media iframe {height:200px;}
	.family_tab .txt dd {margin:10px 0 25px 0;}
	.family_tab .txt dd .dd_txt {min-height:318px; font-size:0.95em; line-height:21px;}
	#main_s3.section .m_tit strong {top:0;}

	/*메인하단관계사*/
	.family_tab {padding:5px 0 20px 0;}
	.family_rollW .bx-controls-direction {display:block !important;}
	.family_rollW .bx-wrapper .bx-controls-direction a.disabled {display:block !important;}
	#main_s4 .bg_img { width:100%; left:0; top:0; height:100%; position:absolute; z-index:-1; background:url(../img/main/bg1.gif) repeat center top;}
	.family_rollW .bx-wrapper .bx-clone {display:block !important;}
	#main_s4 #bg_1 { background:url(../img/main/bg1.gif) repeat center center; background-size:cover; margin-top:0;}
	#main_s4 #bg_2 { background:url(../img/main/bg2.gif) repeat center center; background-size:cover; margin-top:0;}
	#main_s4 #bg_3 { background:url(../img/main/bg3.gif) repeat center center; background-size:cover; margin-top:0;}
	#main_s4 #bg_4 { background:url(../img/main/bg4.gif) repeat center center; background-size:cover; margin-top:0;}
	#main_s4 #bg_5 { background:url(../img/main/bg5.gif) repeat center center; background-size:cover; margin-top:0;}
	#main_s4 #bg_6 { background:url(../img/main/bg6.gif) repeat center center; background-size:cover; margin-top:0;}
	#main_s4 #bg_7 { background:url(../img/main/bg7.gif) repeat center center; background-size:cover; margin-top:0;}
	#main_s4 #bg_8 { background:url(../img/main/bg8.gif) repeat center center; background-size:cover; margin-top:0;}


	/*동영상게시판*/
	.youtube_W iframe {height:200px;}

	#main_s4 {padding:25px 0px 20px 0px;}
	#main_s3 .main_global {padding:0;}
	#main_s3 .main_global .map_bg {margin-bottom:10px;}
	#main_s3 .main_global dl {width:100%; float:none; min-height:10px;}
	.family_rollW {padding:0px 93px;}

	/*sub_visual*/
	#sub_visual {height:150px;}
	#sub_visual .sv_wrap h2 {font-size:1.55em; padding:45px 0 0 0;}
	#sub_visual .sv_wrap h2.line2 {font-size:1.8em; line-height:115%; padding:18px 0 0 0;}


	/*siteW*/
	.siteW > .site > .gnb > ul > li {width:33.3%; margin-bottom:20px;}
	.siteW > .site > .gnb > ul > li > ul {min-height:160px;}
	.siteW > .site > .gnb > ul > li.gnb04 > ul {min-height:90px;}
	.siteW > .site > .gnb > ul > li.gnb05 > ul {min-height:90px;}
	.siteW > .site > .gnb > ul > li.gnb06 > ul {min-height:90px;}

	/*footer*/
	.footer  {padding:0 0 20px 0;}
	.footer .copy {display:none;}
	.footer .m_copy {display:block; padding:10px 10px 0 10px; text-align:center; letter-spacing:-1px; font-size:0.88em;}
	.footer .m_copy .copy_tit {display:block; font-size:1.25em;}

	/*.footer_ulW*/
	.footer_ulW {padding:10px;}
	.footer_ul li a {font-size:0.95em; line-height:22px; text-align:center; background:url(../img/common/ful_line.gif) no-repeat right center; -webkit-background-size:2px auto; -moz-background-size:2px auto;}
	.footer_site {position:relative;ight:0;	top:0; margin:15px 20px 0 20px;}
	.site_map a { display:none;}
	.siteW .site .site_m {min-height:225px;}
	.site_map_m {border:1px solid #e3e3e3; border-bottom:none !important; text-align:center; display:block;}
	.site_map_m a {display:block; padding:10px 0; color:#}

	/*history 연혁*/
	.history {padding-top:10px;}
	.history .h_box {padding-bottom:30px; background:url(../img/common/s_line.png) no-repeat left bottom; margin-top:15px;}
	.history .h_box.last {background:none; padding-bottom:0px;}
	.history .h_box .year {width:100%; float:none;}
	.history .h_box .year_img {display:none;}
	.history .h_box .year_txt {display:block; font-size:3.0em; color:#eb1c74; font-family:NotoB; line-height:40px; background:url(../img/company/line.gif) no-repeat right center;}
	.history .h_box .info_h {width:100%; float:none; padding:10px 0 0 0;}
	.his_dl dt.big {font-size:2.0em; line-height:30px;}
	.his_dl dd.big {font-size:1.25em; line-height:20px;}
	.his_dl dt {font-size:1.5em; line-height:25px;}
	.his_dl dd {font-size:1.0em; line-height:20px;}

	/*ring_pd*/
	.ring_pd {padding:0;}
	.ring_ul li {float:none; width:100%; margin-bottom:10px;}
	.ring_ul li.plus {background:none;}
	.ring_ul li.same {background:none;}

	.ring_ul li .box {display:table; width:100%;}
	.ring_ul li .box .pic {display:table-cell; vertical-align:middle; width:20%;}
	.ring_ul li .box .txt {display:table-cell; vertical-align:middle; width:65%; padding-left:5%; font-size:1.25em; line-height:22px; padding-top:0px; text-align:left;}

	/*경영철학*/
	.ma_ul li .box .pic {display:table-cell; width:25%;}
	.ma_ul li .box .txtW {display:table-cell;width:70%; padding-left:5%; vertical-align:middle;}
	.ma_ul li .box .txtW {display:table-cell;width:70%; padding-left:5%; vertical-align:middle;}

	/*관계사*/
	.com_info .left {width:100%; float:none;}
	.com_info .right {width:100%; float:none; margin-top:15px;}
	.rc_tit {font-size:1.65em; line-height:32px;}
	.rc_txt {font-size:1.05em; padding-top:10px;}

	.skil_ul2 li {float:none; width:100%; margin-bottom:20px;}
	.skil_ul2 li .box .txt {font-size:1.25em; line-height:22px;}
	.skil_ul2 li .box .txt2 {font-size:1.0em; line-height:22px;}

	/*오시는길*/
	.map_W iframe {height:300px;}


	/*게시판 관련 모바일 삭제부분*/
	.w_cell {display:none;}
	.m_cell {width:26%;}

	/*게시판 하단검색창*/
	.bbs_search .it_select.pc {width:30%;}

	/*ci소개*/
	.ci_img img {width:60%; }
	.line_garo li .box .tt {top:36%;}

}


/* 세코 히스토리 수정 */
.e_dl_box{width:100%!important}
.e_year_text{max-width:195px!important}


/** 사이버감사실 **/
.esg_cyber .type_list {flex-wrap: wrap; justify-content: flex-start !important; gap:10px;}
.esg_cyber .type_list li {width:calc(33.33333% - 10px);}



/* 2025-10-02 추가 SECO 비전 및 정신 */
.vision h4 {margin-bottom:1.5rem;}
.vision article {margin-top:3.75rem;}
.vision article:first-of-type {margin-top:0;}
.vision .vision_top .vision_slogun {display: flex; align-items: center; justify-content: center; padding:5rem 2.125rem; border:1px solid #dadada; border-radius: 10px;}
.vision .vision_top .vision_slogun img {width:auto; max-width: 100%; display: block;}

.vision .vision_list { display: grid; gap:3.125rem; padding:2.125rem; border:1px solid #dadada; grid-template-columns: repeat(3,1fr); border-radius: 10px;}
.vision .vision_list li { display: flex; gap:1.875rem; align-items: center; flex-direction: column; }
.vision .vision_list li .circle { display: flex; align-items: center; justify-content: center; border:2px solid #E81F76;position: relative;width:12.5rem; height:12.5rem; background-color: #fff; font-size:1.5rem; font-weight: 600; color:#000; border-radius: 100%;}
.vision .vision_list li .circle::after { display: block; border:0.5px dashed #dadada;position: absolute; top:50%; left:calc(100% + 2px); width:140%; height:1px;content: ""; transform: translateY(-50%);}
.vision .vision_list li:last-child .circle::after {display: none;}
.vision .vision_list li .txt {  text-align: center; letter-spacing: -0.025em;word-break: keep-all;}

@media screen and (max-width:640px){
 .vision .vision_list { grid-template-columns: 1fr;}
 .vision .vision_list li .circle { width:10rem; height:10rem; font-size:1.25rem;}
 .vision .vision_list li .circle::after { top:calc(100% + 2px); left:50%; width:1px; height:1.5rem; content: "";border-width: 1px; transform: translate(-50%,0);}
 .vision .vision_list li:last-child .circle::after {display: block;}
}