@charset "utf-8";
/* 공통 */

html { font-size:8px; overflow:auto; }
body { width:100%; min-width:1200px; height:100% !important; overflow-y:hidden; overflow-x:auto; }
* { letter-spacing:0; color:#000; box-sizing:border-box; line-height:normal; font-family:"Bomsowa"; font-size:inherit; color:inherit; text-align:inherit; word-break:keep-all; }
a { cursor:pointer; }
a:hover, a:hover * { opacity:0.7; }

br.pc { display:inline !important; }
br.mobile { display:none !important; }

.hidden { display:none !important; }
.v_center { display:flex; align-items:center; width:100%; height:100vh; }
.left { float:left; }
.right { float:right; }

/** 정사각형 만들기 **/
.square { width:50%; position:relative;} 
.square:after { content:""; display:block; padding-bottom:100%; }
.square .inner { position:absolute; left:0; top:0; display:flex; width:100%; height:100%; align-items:center; text-align:center; }

/* 프로그래스 바 */
.vert-bars { display:table; width:56%; height:40vh; margin:10vh auto 0; }
.vert-bars li { display:table-cell; font-size:11pt; height:240px; padding:0 10px; position:relative; vertical-align:bottom; text-align:center; }
.vert-bars li .bar { background:#ff9b00; width:20px; margin:0 auto; border-radius:99px; border:1px solid #ff9b00; }
.vert-bars li:last-child .bar { background:#ff9b00; border:0; }
.vert-bars .value { display:none; }
.vert-bars .year { display:block; margin-top:1vh; font-size:0.9; }

/* #top > #header */
#top { position:fixed; top:0; left:0; width:100%; height:auto; z-index:200; }
#top #header { display:inline-block; float:left; padding:40px 30px 0 50px;  width:calc(100% - 36px); height:auto; }
#top #header > .logo { float:left; display:inline-block; margin-top:-3px; width:160px; height:auto; } 
#top #header > .logo:hover, #top #header > .logo:hover img { opacity:1 !important; } 
#top #header > .btn_nav { float:right; margin-top:-9px; width:55px; height:auto; cursor:pointer; } 
#top #header > .btn_nav:hover { opacity:0.7; } 
#top #header > ul { float:right; width:auto; height:auto; } 
#top #header > ul li { float:left; margin-right:90px; width:auto; height:auto; font-size:1.8rem; color:#5a5a5a; text-align:right; } 
#top #header > ul li:nth-child(3) { margin-right:55px; } 
#top #header > ul li span { display:block; margin-bottom:5px; font-size:2.3rem; line-height:2.3rem; font-family:"Bomsowa7"; color:#000; } 

/* #top > .slide_menu */
#top .slide_menu { position:fixed; top:0; left:0; padding:7.3% 8.3% 0; width:100%; height:100vh; z-index:120; background-color:#000; overflow:auto; }
#top .slide_menu ul.menu { display:inline-block; float:right; width:auto; height:auto; }
#top .slide_menu ul.menu li { display:block; margin-bottom:28px; width:auto; height:auto; font-size:2.1rem; color:#A7A7A7;  text-align:right; }
#top .slide_menu ul.menu li a { display:inline-block; height:auto; vertical-align:middle; }
#top .slide_menu ul.menu li span { display:inline-block; margin-left:15px; margin-top:-8px; font-size:4.2rem; font-family:"Bomsowa7"; color:#fff; line-height:4.2rem; vertical-align:middle; }
#top .slide_menu ul.menu li:first-child, #top .slide_menu ul.menu li:last-child, #top .slide_menu ul.menu li:first-child span, #top .slide_menu ul.menu li:last-child span { color:#ff9b00; }

#top .inform { display:inline-block; float:right; clear:both; margin-top:12%; width:auto; height:auto; color:#fff; text-align:right; line-height:2.4rem; } 
#top .inform dt { display:inline-block; margin-bottom:5px; text-transform:uppercase; font-size:2rem; font-family:"Bomsowa7";} 
#top .inform dd { margin-top:4px; font-size:1.8rem; } 

#top .btn_page { position:fixed; bottom:45px; right:66px; display:inline-block; width:auto; height:auto; }
#recruit #top .btn_page, #contact #top .btn_page { display:none; }
#top .btn_page a { display:inline-block; }
#top .btn_page img { display:inline-block; margin:0 3px; width:52px; height:auto; cursor:pointer; }
#top .btn_page.hidden { opacity:0.7; }
#top .btn_page img:hover { opacity:0.7; }

.sidebar { position:relative; display:none; float:right; width:36px; height:100%; z-index:1; }
#main .sidebar { display:block; }
.sidebar li { position:relative; display:table; width:100%; height:12.5%; font-family:"Bomsowa5"; font-size:1.7rem; cursor:pointer; vertical-align:middle; text-align:center; }
.sidebar li span { display:table-cell; width:100%; height:100%; text-align:center; vertical-align:middle; font-family:"Bomsowa7"; }

#fp-nav { position:absolute; top:0 !important; right:0 !important; margin:0 !important; width:36px; height:100%; z-index:999;}
#fp-nav ul { display:block; width:100%; height:100%; }
#fp-nav ul li { display:block; margin:0; width:100%; height:calc(100%/8); background-color:rgba(0,0,0,0.06); }
#fp-nav ul li.on { background-color:rgba(0,0,0,0.12); }
#fp-nav ul li.onSix { background-color:rgba(0,0,0,0.12); }
#fp-nav ul li.on.onSix a { background-color:rgba(0,0,0,0.06); }
#fp-nav ul li:nth-child(6),
#fp-nav ul li:nth-child(7),
#fp-nav ul li:nth-child(8),
#fp-nav ul li:nth-child(9),
#fp-nav ul li:nth-child(10),
#fp-nav ul li:nth-child(11),
#fp-nav ul li:nth-child(12),
#fp-nav ul li:nth-child(13) { height:calc(100%/8/8); }
#fp-nav .six { position:absolute; display:block; top:calc((100%/8)*5); right:0; width:36px; height:calc(100%/8); z-index:101; cursor:pointer; }


/* font */
h1 { display:block; margin-left:-5px; font-family:'Montserrat7'; font-size:7rem; line-height:6.3rem; text-transform:uppercase; }
h2 { display:block; margin-left:-2px; font-family:'Montserrat7'; font-size:5.5rem; text-transform:uppercase; }
h3 { display:block; font-family:"Bomsowa5"; font-size:4.4rem; }
i {  font-size:inherit; font-family:inherit; font-style:unset; color:#ff9b00; }
b { font-family:"Bomsowa5" !important; }

.font_15 { display:block; font-size:1.5rem !important; color:#333; } 
.font_16 { display:block; font-size:1.6rem; color:#333; } 
.font_18 { display:block; font-size:1.8rem; color:#333; } 
.font_24 { display:block; font-size:2.4rem; color:#333; } 
.font_25 { display:block; font-size:2.5rem; color:#333; } 
.font_26 { display:block; font-size:2.6rem; color:#333; } 
.font_20 { display:block; font-size:2rem; line-height:2.8rem; color:#333; } 
.font_34 { display:block; font-size:3.4rem; line-height:3.4rem; color:#333; } 

.center { text-align:center; }

/* .fullpage */
.fullpage { position:relative; margin:0 auto; width:100%; /* max-width:1640px; */ min-width:1200px; height:calc(100%); }
.w_10 { margin:0 auto; width:56.666%; height:auto; max-width:1088px; }
.w_13 { margin:0 auto; width:71.041%; height:100vh; max-width:1364px; }
.w_16 { margin:0 auto; width:85.416%; height:100vh; max-width:1640px; }
.v_center .w_13, .fullpage .v_center .w_16 { height:auto; }
.fullpage .section > div { max-width:1640px; margin:0 auto; padding-top:60px; }
.fullpage .section > div.full { max-width:unset !important; }

/* main > .section 공통 */ 
.section { width:100%; height:100%; overflow:hidden; }
.fade_in { display:block !important; } 

#main #section1 { margin-top:0; height:100vh; background:url("../images/main_s1_bg.jpg") no-repeat center center; background-size:cover; }
#main #section1 .w_16 { display:inline-block; float:left; width:60%; padding-top:173px; padding-left:7%; }
#main #section1 h1 { display:inline-block; margin-top:10px; }
#main #section1 i { display:inline-block; margin-top:10px; font-family:'Montserrat7'; font-size:7rem !important; line-height:6.3rem !important; }

#main #section2 .left { width:40%; height:auto; }
#main #section2 h2 { display:inline-block; }
#main #section2 i { display:inline-block; font-family:'Montserrat7'; font-size:5.5rem !important; }
#main #section2 .left > span { display:block; } 
#main #section2 .font_20 { margin-top:30px; }
#main #section2 iframe { float:right; width:35.156%; min-width:560px; height:19.791%; min-height:310px; }

#main #section3 { margin-top:0; height:100vh; }
#main #section3 > div { position:relative; margin-top:calc(29.2vh - 1px); width:100%; height:62.5vh; }
#main #section3 .div_h2 { position:absolute; top:45px; left:14.479%; }
#main #section3 h2 { display:inline-block; }
#main #section3 i { display:inline-block; font-family:'Montserrat7'; font-size:5.5rem !important; }
#main #section3 ol { display:table; float:left; width:calc(100% - 36px); height:auto; }
#main #section3 ol > li { display:table-cell; width:25%; min-width:384px; height:auto; vertical-align:top; border-top:1px solid #C9C9C9; }
#main #section3 ol li.border_0 { border:0; }
#main #section3 ol > li:nth-child(1), #main #section3 ol > li:nth-child(3) { width:36.5%; }
#main #section3 ol > li > span { position:relative; display:block; float:left; margin-top:-2rem; padding:0 7px; font-family:"Montserrat7"; font-size:2.7rem; line-height:3.9rem; border:1px solid #A7A7A7; background-color:#fff; }
#main #section3 ol > li > span:after { position:absolute; left:0; bottom:-11px; display:block; float:left; clear:both; width:16px; height:11px; background:url('../images/main_s3_point.svg') no-repeat top left; background-size:contain; content:""; }
#main #section3 ol > li > ul { display:inline-block; padding:17px 0 45px; width:100%; height:auto; }
#main #section3 ol > li > ul li { font-size:2rem; color:#333; }
#main #section3 ol > li > ul li::before { display:inline-block; margin:0 7px 0 20px; line-height:3.3rem; font-size:2rem; color:#ff9b00; content:"·"; }

#main #section4 .left { width:auto; height:auto; }
#main #section4 h2 { display:inline-block; }
#main #section4 i { display:inline-block; font-family:'Montserrat7'; font-size:5.5rem !important; }
#main #section4 .font_20 { margin-top:30px; }
#main #section4 .vert-bars { float:right; margin:10.5vh 0 0; width:53%; height:auto; }
#main #section4 .vert-bars li .bar { width:12px; }
#main #section4 .vert-bars .year { margin-top:4vh; font-family:"Bomsowa5"; font-size:1.8rem; }

#main #section5 { text-align:center; }
#main #section5 h2 { display:inline-block; }
#main #section5 i { display:inline-block; font-family:'Montserrat7'; font-size:5.5rem !important; }
#main #section5 ul { display:table; margin:13vh auto; width:100%; max-width:980px; height:auto; }
#main #section5 ul li { display:table-cell; margin:0 auto; padding:0 16px; width:33.333%; height:auto; font-family:"Bomsowa5"; font-size:2.6rem; text-indent:30px; text-align:left; }
#main #section5 ul li span { position:relative; display:block; margin-top:10px; font-family:"Bomsowa7"; font-size:3.3rem; line-height:6rem; color:#ff9b00; text-align:center; text-indent:0; border:1px solid #cacaca; }
#main #section5 ul li span::after { position:absolute; left:0; bottom:-11px; display:block; float:left; clear:both; width:16px; height:11px; background:url('../images/main_s3_point.svg') no-repeat top left; background-size:contain; content:""; }
#main #section5 h3 span { font-family:"Bomsowa"; }

#main #section6 { text-align:center; }
#main #section6 ul { display:table; margin:5vh auto; width:100%; max-width:1020px; height:auto; }
#main #section6 ul li { position:relative; display:flex; align-items:center; float:left; margin:0 2%; width:12.666%; border:4px solid #ff9b00; border-radius:999px;;}
#main #section6 ul li::before { display:block; margin-left:-30%; width:23px; height:5px; background:url('../images/main_s5_dot.svg') no-repeat center center; background-size:contain; content:""; }
#main #section6 ul li:first-child::before { display:none; }
#main #section6 ul li dl { position:absolute; width:100%; height:auto; text-align:center; }
#main #section6 ul li dl dd:first-child { margin-top:2px; font-family:"Montserrat3"; font-size:1.4rem; font-style:italic; font-weight:500; color:#272727; }
#main #section6 ul li dl dt { margin:7px 0 10px; font-family:"Montserrat7"; font-size:2.1rem; text-transform:uppercase; }
#main #section6 ul li dl dd:last-child { font-size:1.8rem; color:#555; }

#main #section7 { text-align:center; }
#main #section7 h2 { display:inline-block;margin:3px 0 0; }
#main #section7 i { display:inline-block; font-family:'Montserrat7'; font-size:5.5rem !important; }
#main #section7 div.img { display:table; margin:5vh 0; width:100%; height:auto; }
#main #section7 div.img img { display:table-cell; float:left; padding:8px; width:16.6666%; height:auto; }
#main #section7 .font_20 { margin-top:5px; }

#main #section8 { text-align:center; }
#main #section8 h2 { display:inline-block;margin:3px 0 0; }
#main #section8 i { display:inline-block; font-family:'Montserrat7'; font-size:5.5rem !important; }
#main #section8 img { margin-top:5vh; width:100%; max-width:930px; height:auto; }
#main #section8 .font_20 { margin-top:5px; }

/* #section8, #section9, #section10 */
#main .materials { text-align:center; }
#main .materials h2 { display:inline-block; margin:3px 0 0; }
#main .materials i { display:inline-block; font-family:'Montserrat7'; font-size:5.5rem !important; }
#main .materials .font_20 { min-height:70px; margin-top:5px; }
#main .materials .font_20 i { font-weight:normal; }
#main .materials .use_m4 { display:none; }
#main .materials ul { display:table; margin:5.5vh auto 0; width:100%; height:auto; } 
#main .materials ul li { display:table-cell; width:50%; height:auto; } 
#main .materials ul li img { float:left; width:42%; height:auto; } 
#main .materials ul li img.mobile { display:none; }
#main .materials ul li dl { float:left; margin-top:10px; margin-left:-4.5%; width:62.5%; height:auto; text-align:left; } 
#main .materials ul li dd:first-child { font-size:2rem; }
#main .materials ul li dt { margin:7px 0 10px; font-size:3.2rem; line-height:3.8rem; }
#main .materials ul li dd { font-size:2rem; line-height:2.9rem; color:#333; }
#main .materials .mobile { display:none; }

#main #section12 { text-align:center; }
#main #section12 h2 { display:inline-block; margin:3px 0 0; }
#main #section12 i { display:inline-block; font-family:'Montserrat7'; font-size:5.5rem !important; }
#main #section12 div.img { display:table; margin:5vh 0; width:100%; height:auto; }
#main #section12 div.img img { display:table-cell; float:left; padding:5.5px; width:16.6666%; height:auto; }
#main #section12 .font_20 { margin-top:5px; }

#main #section13 { text-align:center; }
#main #section13 h2 { display:inline-block; margin:3px 0 0; }
#main #section13 i { display:inline-block; font-family:'Montserrat7'; font-size:5.5rem !important; }
#main #section13 div.img { display:table; margin:5vh 0; width:100%; height:auto; }
#main #section13 div.img img { display:table-cell; float:left; width:25%; height:auto; }
#main #section13 .font_20 { margin-top:5px; }

#main #section14 .left { float:left; margin-top:9vh; width:40%; height:auto; }
#main #section14 h2 { display:inline-block; }
#main #section14 i { display:inline-block; font-family:'Montserrat7'; font-size:5.5rem !important; }
#main #section14 .font_20 { margin-top:25px; }
#main #section14 div.img { display:table; float:right; width:60%; height:auto; }
#main #section14 div.img img { display:table-cell; float:left; width:33.333%; height:auto; }

#crew .w_13 { position:relative; }
#crew .section { padding-top:35px; }
#crew .left_txt { position:fixed; left:0; top:0; margin-top:-2vh; width:100%; height:auto; }
#crew .left_txt .font_20 { margin-top:3vh; }
#crew .left_txt .font_18 { margin-top:3vh; color:#888; }
#crew .lego_list ul { float:right; display:table; width:51%; height:auto; }
#crew .lego_list ul.first { margin-bottom:4.5vh; }
#crew .lego_list li { display:table-cell; width:33.333%; height:272px; }
#crew .lego_list li:nth-child(1), #crew .lego_list ul li:nth-child(2), #crew .lego_list ul li:nth-child(3) { margin-top:0; }
#crew .lego_list li img { display:block; margin:0 auto; width:94%; height:auto; }
#crew .lego_list li dl { width:100%; height:auto; text-align:center; }
#crew .lego_list li dl dt { font-size:2rem; color:#333; }
#crew .lego_list li dl dd.eng { margin:3px 0 7px; font-size:1.8rem; color:#000; font-family:"Montserrat8"; font-style:italic; }
#crew .lego_list li dl dd:last-child { font-size:1.8rem; color:#999; }
#crew .no_fp { display:none; }

#recruit { height:auto !important; }
#recruit .fullpage { height:auto; overflow:auto; }
#recruit #section1 { padding-top:31vh; width:100%; height:100vh; background:url('../images/recruit_s1_bg.jpg') no-repeat center center; background-size:cover; }
#recruit #section1 h2 {  text-transform:none; }
#recruit #section2 span.font_20 { margin-top:100px; text-align:center; }
#recruit #section2 span.font_34 { margin-top:5.5vh; text-align:center; line-height:4.4rem; }
#recruit #section2 h3 { display:inline-block; margin-top:14vh; width:100%; height:auto; font-family:"Bomsowa"; }
#recruit #section2 img { float:right; margin-top:calc(5vh - 3px); width:45%; max-width:414px; }
#recruit #section2 ul { float:left; margin-top:5vh; width:52%; }
#recruit #section2 li { display:inline-block; margin-bottom:3.4vh; width:100%; height:auto; font-size:2.2rem; font-family:"Bomsowa5";}
#recruit #section2 li span { display:inline-block; float:right; margin-top:-3px; width:70%; font-size:2rem; line-height:3.1rem; color:#333; }
#recruit #section2 li.font_20 { font-family:"Bomsowa"; text-align:left; }
#recruit #section2 ul.step { display:table; float:none; margin:7vh auto 6vh; width:90%; max-width:1020px; height:auto; }
#recruit #section2 ul.step li { position:relative; display:flex; align-items:center; float:left; margin:0 3.5%; width:18%; border:4px solid #ff9b00; border-radius:999px;;}
#recruit #section2 ul.step li::before { display:block; margin-left:-33%; width:23px; height:5px; background:url('../images/main_s5_dot.svg') no-repeat center center; background-size:contain; content:""; }
#recruit #section2 ul.step li:first-child::before { display:none; }
#recruit #section2 ul.step li dl { position:absolute; width:100%; height:auto; text-align:center; }
#recruit #section2 ul.step li dl dd:first-child { margin-top:2px; font-family:"Montserrat3"; font-size:1.4rem; font-style:italic; font-weight:500; color:#272727; }
#recruit #section2 ul.step li dl dt { margin:7px 0 10px; font-family:"Bomsowa5"; font-size:2.4rem; }
#recruit #section2 ul.step li dl dd:last-child { font-size:1.4rem; }
#recruit #section2 .font_20 { text-align:center; line-height:3.1rem; color:#333; }

#contact { height:auto !important; }
#contact .fullpage { height:auto; overflow:auto; }
#contact #section1 { padding-top:30vh; width:100%; height:100vh; background:url('../images/contact_s1_bg.jpg') no-repeat center center; background-size:cover; }
#contact #section1 .left { position:relative; float:left; padding-bottom:50px; }
#contact #section1 .left h2 { text-transform:none; }
#contact #section1 .left div { position:absolute; bottom:0; width:100%; height:auto; z-index:100; }
#contact #section1 .left div a { display:inline-block; margin-right:8px; padding:6px 10px; min-width:120px; height:auto; font-size:2rem; line-height:2rem; color:#333
; border:1px solid #777; border-radius:4px; text-align:center; font-family:"Bomsowa"; }
#contact #section1 .left div a.on { background-color:#ff9b00; border-color:#ff9b00; color:#fff; cursor:default }
#contact #section1 .left div a.on:hover { opacity:1; }
#contact #section1 .font_20 { float:right; margin-top:15px; text-align:right; }
#contact #section1 .font_20.mobile { display:none; }

#bizservice { height:auto !important; }
#bizservice .fullpage { height:auto; overflow:auto; }
#bizservice #section1 { padding-top:30vh; width:100%; height:100vh; background:url('../images/biz_main.jpg') no-repeat center center; background-size:cover; }
#bizservice #section1 .left { position:relative; float:left; padding-bottom:50px; }
#bizservice #section1 .left h2 { text-transform:none; }
#bizservice #section1 .left div .font_20 { margin-bottom:12px; color:#777; }
#bizservice #section1 .left div a { display:inline-block; margin-right:8px; padding:6px 10px; min-width:120px; height:auto; font-size:2rem; line-height:2rem; color:#333
; border:1px solid #777; border-radius:4px; text-align:center; font-family:"Bomsowa"; }
#bizservice #section1 .left div a.on { background-color:#ff9b00; border-color:#ff9b00; color:#fff; cursor:default }
#bizservice #section1 .left div a.on:hover { opacity:1; }
#bizservice #section1 .left > .font_20 { margin:30px 0 45px; }
#bizservice #section1 .left > .font_20.mobile { display:none; }
#bizservice #section2 { padding-top:13vh; }
#bizservice #section2 .w_10 { position:relative; }
#bizservice #section2 iframe { display:block; margin:0 auto; }
#bizservice #section2 .font_20 { position:absolute; top:0; left:0; display:inline-block; float:right; width:100%; height:47px; line-height:55px !important; text-align:center; color:#444; }
#bizservice #section2 .font_20.mobile { display:none; }
#bizservice #section2 .font_20.pc::before { display:block; float:left; margin-right:9px; width:22px; height:22px; content:""; background:url('../images/ico_plus.svg') no-repeat center; background-size:contain; }
#bizservice #section2 .slider-for { display:inline-block; margin:20px 1%; width:98%; height:auto; }
#bizservice #section2 .slider-for img { border:1px solid #ddd; }
#bizservice #section2 .slider-for > div { position:relative; }
#bizservice #section2 .slider-for > div i { position:absolute; width:22px; height:22px; content:""; background:url('../images/ico_plus.svg') no-repeat center; background-size:contain; font-size:0; cursor:pointer; }
#bizservice #section2 .slider-for > div i:hover { opacity:0.7; }

#bizservice #section2 .slider-for > div i.hanee_5l { top:21.5%; right:43.5%; }
#bizservice #section2 .slider-for > div i.hanee_5r { top:21.5%; right:3%; }
#bizservice #section2 .slider-for > div i.naru_4 { bottom:18%; left:43%; }
#bizservice #section2 .slider-for > div i.edun_4 { bottom:18%; right:41.5%; }
#bizservice #section2 .slider-for > div i.gombiimbi_3 { top:22%; left:3%; }
#bizservice #section2 .slider-for > div i.gombiimbi_1 { top:22%; left:39%; }
#bizservice #section2 .slider-for > div i.garden_4_1 { top:48.5%; right:31.5%; }
#bizservice #section2 .slider-for > div i.garden_3_1 { top:49%; left:14%; }
#bizservice #section2 .slider-for > div i.garden_4_2 { top:39.5%; right:20.5%; }
#bizservice #section2 .slider-for > div i.garden_3_2 { bottom:29.5%; right:18.5%; }
#bizservice #section2 .slider-for > div i.nurnaduri_s { top:21%; left:9%; }
#bizservice #section2 .slider-for > div i.nurnaduri_m { top:21%; left:19%; }
#bizservice #section2 .slider-for > div i.nurnaduri_l { top:21%; left:29%; }
#bizservice #section2 .slider-for > div i.nurnaduri_t { top:33.5%; left:14.5%; }
#bizservice #section2 .slider-for > div i.nurnaduri_c { top:33.5%; left:24.5%; }
#bizservice #section2 .slider-for > div i.nurnaduri_conbi { bottom:25%; left:22.5%; }
#bizservice #section2 .slider-for > div i.nurnaduri_8 { bottom:31%; right:29.5%; }
#bizservice #section2 .slider-for > div i.gureumjang_4 { bottom:17%; left:41.5%; }
#bizservice #section2 .slider-for > div i.hambakkot_4 { top:21%; left:43%; }
#bizservice #section2 .slider-for > div i.chana_3 { bottom:18%; right:26%; }
#bizservice #section2 .slider-for > div i.gyeoru_3 { top:21%; right:42%; }
#bizservice #section2 .slider-for > div i.danbi_3 { bottom:26.5%; left:20%; }
#bizservice #section2 .slider-for > div i.maruna_3 { top:22.5%; right:4%; }
#bizservice #section2 .slider-for > div i.tory_l_1 { top:46%; left:40%; }
#bizservice #section2 .slider-for > div i.tory_s_1 { top:25%; left:39.5%; }
#bizservice #section2 .slider-for > div i.ato_l_1 { top:29%; left:7%; }
#bizservice #section2 .slider-for > div i.ato_xl_1 { bottom:52%; left:6.5%; }
#bizservice #section2 .slider-for > div i.tory_l_2 { top:37.5%; right:31%; }
#bizservice #section2 .slider-for > div i.tory_s_2 { top:36.5%; right:8.5%; }
#bizservice #section2 .slider-for > div i.ato_l_2 { bottom:22.5%; right:30%; }
#bizservice #section2 .slider-for > div i.ato_xl_2 { bottom:22.5%; right:6.5%; }
#bizservice #section2 .slider-for > div i.mungkkul_1 { top:24.5%; left:43%; }
#bizservice #section2 .slider-for > div i.mir_3 { bottom:24%; right:41.5%; }
#bizservice #section2 .slider-for > div i.mir_4 { bottom:24%; right:2.5%; }
#bizservice #section2 .slider-for > div i.seulong_4 { top:22%; right:42.8%; }
#bizservice #section2 .slider-for > div i.heto_3 { bottom:17.5%; right:43%; }
#bizservice #section2 .slider-for > div i.jaebawoo_4 { top:34%; right:43%; }
#bizservice #section2 .slider-for .slick-prev,
#bizservice #section2 .slider-for .slick-next { display:none !important; }

#bizservice #section2 .slider-nav { display:block; margin:0 auto; width:70%; height:auto; }
#bizservice #section2 .slider-nav .slick-track {  padding:10px 0; }
#bizservice #section2 .slider-nav .slick-slide { margin:0px 10px; transition:all ease-in-out 300ms; opacity:0.3; }
#bizservice #section2 .slider-nav .slick-slide img { width:100%; border:1px solid #ddd; }
#bizservice #section2 .slider-nav .slick-center { -moz-transform:scale(1.25); -ms-transform:scale(1.25); -o-transform:scale(1.25); -webkit-transform:scale(1.25); color:#e67e22; opacity:1 !important; transform:scale(1.25); box-sizing:border-box; }
#bizservice #section2 .slick-prev { left:-68px; width:38px; height:38px; background:url('../images/ico_arrow_left.svg') no-repeat center; background-size:contain; }
#bizservice #section2 .slick-next { right:-68px; width:38px; height:38px; background:url('../images/ico_arrow_right.svg') no-repeat center; background-size:contain; }
#bizservice #section2 .slick-prev:before,
#bizservice #section2 .slick-next:before { display:none; }


/* form */
form { display:inline-block; width:100%; height:auto; font-size:0; }
form input.formmail_border { display:inline-block; float:left; margin-top:5vh; padding:5px 10px; width:87%; height:auto; line-height:1.8rem; border:0; border-bottom:1px solid #ccc; background:transparent; font-size:1.8rem; box-sizing:border-box; color:#272727; font-family:"Bomsowa5"; }
form input.formmail_border:focus { border-color:#ff9b00; }
form .formmail_textarea_style { float:left; margin-top:1vh; padding:20px 35px; width:100%; height:15vh !important; border:1px solid #ccc; font-size:1.8rem; color:#777; line-height:2.8rem; resize:none; border-radius:4px; font-family:"Bomsowa"; }
form br { display:none; }
form a[onclick="com_formmail_formCheck(); return false;"] { display:block; margin:5vh auto; width:120px; height:auto; line-height:4.5rem; font-size:2.2rem; font-family:"Bomsowa5"; text-align:center;  background-color:#ff9b00; color:#fff; border-radius:4px; }
form input.formmail_border[name="attachment[]"] { float:left; margin-top:1vh; padding:0; width:100%; height:5rem; line-height:5rem; font-size:1.8rem; text-indent:10px; background-color:transparent; border:1px solid #ccc; border-radius:4px; }
form input.formmail_border[name="attachment[]"]::file-selector-button { display:block; float:left; border:0; border-right:1px solid #ccc; padding:0 10px; height:5rem;  font-size:1.8rem; line-height:5rem; color:#272727; background-color:#f3f3f3; }

.form { margin-top:13vh !important; }
#contact .form { margin-top:10vh !important; }
.form .font_26 { position:relative; display:inline-block; padding:6px 20px 10px; width:100%; height:auto; font-family:"Bomsowa7"; }
.form .font_26:before { position:absolute; left:0; bottom:-4px; display:inline-block; width:100%;; height:5px; background-color:#e2e2e2; border-radius:99px; content:""; }
.form .font_26:after { position:absolute; left:0; bottom:-4px; display:inline-block; width:160px; height:5px; background-color:#ff9b00; border-radius:99px; content:""; }
.contact1 #section2 .form .font_26:after { width:180px; }
.contact2 #section2 .form .font_26:after { width:163px; }
#bizservice #section3 .form .font_26:after { width:205px; }
.form form font { display:inline-block; float:left; margin-top:5vh; padding: 5px 0; width:13%; height:auto; font-size:1.8rem; font-family:"Bomsowa5"; line-height:2.1rem; }
#bizservice #section3 .formmail_textarea_style { min-height:40vh; }

#recruit #section3 .form form font:nth-child(14) { width:100%; }
#recruit #section3 .form form font:nth-child(17), 
.contact1 #section2 .form form font:nth-child(25), 
.contact2 #section2 .form form font:nth-child(14),
#bizservice #section3 .form form font:nth-child(14) { width:20%; }
.form form input.formmail_border:nth-child(8) { margin-left:-57px; margin-right:0; padding-left:67px; }

#recruit #section3 form table:nth-child(12), 
#contact #section2 form table:nth-child(17) { float:left; margin-top:4.5vh; width:87%; height:auto; }
#recruit #section3 form table:nth-child(12) td:nth-child(odd), 
#contact #section2 form table:nth-child(17) td:nth-child(odd) { position:relative; display:block; float:left; margin:3px 0.5%; width:19%; height:auto; line-height:3.5rem; text-align:center; font-size:1.8rem; border:1px solid #ccc; border-radius:3px; }
#recruit #section3 form table:nth-child(12) td:nth-child(even), 
#contact #section2 form table:nth-child(17) td:nth-child(even) { display:none; }
#recruit #section3 form table:nth-child(12) tr:nth-child(2) td, 
#contact #section2 form table:nth-child(17) tr:nth-child(2) td { margin-bottom:0; }
#recruit #section3 form table:nth-child(12) td input, 
#contact #section2 form table:nth-child(17) td input { position:absolute; top:0; left:0; width:100%; height:100%; appearance:auto; opacity:0; cursor:pointer; z-index:101; }
#recruit #section3 form table:nth-child(12) td.chk, 
#contact #section2 form table:nth-child(17) td.chk  { background-color:#ff9b00; border-color:#ff9b00; color:#fff; cursor:pointer;}

#recruit #section3 form input.formmail_border:nth-child(23){ margin-right:0; }

#recruit #section3 form table:nth-child(21), 
.contact1 #section2 form table:nth-child(29),
.contact2 #section2 form table:nth-child(18),
#bizservice #section3 form table:nth-child(18) { margin-left:0; width:100%; }
#recruit #section3 form table:nth-child(21) td[align="left"], 
.contact1 #section2 form table:nth-child(29) td[align="left"],
.contact2 #section2 form table:nth-child(18) td[align="left"],
#bizservice #section3 form table:nth-child(18) td[align="left"]  { margin:6vh 0 2vh 0; float:left; height:auto; font-size:0; line-height:1.8rem; }
#recruit #section3 form table:nth-child(21) td[align="left"]:before, 
.contact1 #section2 form table:nth-child(29) td[align="left"]:before,
.contact2 #section2 form table:nth-child(18) td[align="left"]:before,
#bizservice #section3 form table:nth-child(18) td[align="left"]:before { display:block; float:left; font-size:1.8rem; font-family:"Bomsowa5"; content:"개인정보의 수집 및 이용목적"; line-height:inherit; }
#recruit #section3 form table:nth-child(21) td:nth-child(even), 
.contact1 #section2 form table:nth-child(29) td:nth-child(even),
.contact2 #section2 form table:nth-child(18) td:nth-child(even),
#bizservice #section3 form table:nth-child(18) td:nth-child(even) { display:inline-block;}
#recruit #section3 form table:nth-child(21) td[align="right"], 
.contact1 #section2 form table:nth-child(29) td[align="right"],
.contact2 #section2 form table:nth-child(18) td[align="right"],
#bizservice #section3 form table:nth-child(18) td[align="right"]  { position:relative; float:right; text-align:right; margin:6vh 0 2vh 0; line-height:1.8rem; font-size:1.8rem; text-align:right; }
#recruit #section3 form table:nth-child(21) td[align="right"] input, 
.contact1 #section2 form table:nth-child(29) td[align="right"] input,
.contact2 #section2 form table:nth-child(18) td[align="right"] input,
#bizservice #section3 form table:nth-child(18) td[align="right"] input  { position:absolute; top:-2px; left:-25px; line-height:1.8rem; width:18px; height:18px; appearance:auto; border-color:#ccc; border-radius:4px;}

#recruit #section3 form table:nth-child(21) td[align="right"] input:before,
.contact1 #section2 form table:nth-child(29) td[align="right"] input:before,
.contact2 #section2 form table:nth-child(18) td[align="right"] input:before,
#bizservice #section3 form table:nth-child(18) td[align="right"] input:before { position:absolute; display:block; width:18px; height:18px; top:-1px; left:-1px; background-color:#fff; border:1px solid #ccc; border-radius:4px; z-index:0; content:""; }
#recruit #section3 form table:nth-child(21) td[align="right"].chk input,
.contact1 #section2 form table:nth-child(29) td[align="right"].chk input,
.contact2 #section2 form table:nth-child(18) td[align="right"].chk input,
#bizservice #section3 form table:nth-child(18) td[align="right"].chk input { border:0; }
#recruit #section3 form table:nth-child(21) td[align="right"].chk input:before,
.contact1 #section2 form table:nth-child(29) td[align="right"].chk input:before,
.contact2 #section2 form table:nth-child(18) td[align="right"].chk input:before,
#bizservice #section3 form table:nth-child(18) td[align="right"].chk input:before { background:#ff9b00 url('../images/ico_form_check.svg') no-repeat center center; background-size:13px; border-color:#ff9b00; }

#recruit #section3 form table:nth-child(21) textarea, 
.contact1 #section2 form table:nth-child(29) textarea,
.contact2 #section2 form table:nth-child(18) textarea,
#bizservice #section3 form table:nth-child(18) textarea  { padding:20px 35px !important; width:100% !important; height:22vh !important; border:1px solid #ccc; font-size:1.8rem !important; color:#777; line-height:2.8rem; resize:none; border-radius:4px; }

@keyframes blink-effect {  
    0% { opacity:0.3; } 
    50% { opacity:1; }
    100% { opacity:0.3; }
  }
  
  .blink {
    animation:blink-effect 3s step-end infinite;
    animation-timing-function:ease; 
    
    /*animation-delay:1s;
    animation-name:blink-effect;
    animation-duration:1s;
    animation-iteration-count:infinite;
    animation-timing-function:step-end;
    */
  }
  


/* #main #section15 */
.footer .w_13 { position:relative; }
.footer .left { position:absolute; left:0; top:2vh; width:40%; height:auto; z-index:100;}
.footer h2 { margin-left:-4px; }
.footer dl { display:inline-block; margin-top:1vh; width:100%; height:auto; font-size:1.8rem; font-family:"Bomsowa7" !important; }
.footer dl * { float:left; font-family:inherit; }
.footer dl dd a { cursor:pointer; }
.footer dl dt:after { margin:0 10px; content:"-"; }
.footer dl dd:after { margin:0 10px; content:"/"; }
.footer dl dd:last-child:after { display:none; }
.footer .font_18 { line-height:2.8rem; margin-top:4.1vh; color:#5a5a5a;}
.footer img { display:block; float:right; width:49.56%; height:auto; }
.footer img.mobile { display:none; }