@charset "utf-8";

#visual { width:100%;height:600px;border-bottom:1px solid #e5e5e5;margin-bottom:29px;background:url(/images/visual_bg.jpg) no-repeat center;overflow:hidden;}
#visual .text { position:absolute;top:65px;left:25px;}
#visual .text span { display:inline-block;position:relative;opacity:0;}
#visual .text span.mb16 { margin-bottom:16px;}
#visual .text span.mini { margin-top:26px;}
#visual .ball01 { position:absolute;top:489px;right:-401px;}
#visual .ball02 { position:absolute;top:346px;left:-207px;}
#visual .ball03 { position:absolute;top:189px;left:-421px;}
#visual .ball04 { position:absolute;top:239px;right:198px;}
#visual .ball05 { position:absolute;top:49px;right:79px;}
#visual .ball06 { position:absolute;top:140px;right:331px;}
#visual .ball07 { position:absolute;top:34px;right:522px;}
#visual .element01 { position:absolute;top:160px;right:-239px;}
#visual .element02 { position:absolute;top:41px;left:-233px;}
#visual .element03 { position:absolute;top:64px;right:-379px;}
#visual .product01 { position:absolute;top:157px;right:193px;opacity:0;}
#visual .product02 { position:absolute;top:206px;left:324px;opacity:0;}
#visual .product03 { position:absolute;top:155px;right:20px;opacity:0;}
#visual .img03 { position:absolute;top:238px;left:228px;opacity:0;}
#visual .img04 { position:absolute;top:349px;left:32px;opacity:0;}
#visual .textBox01 { position:absolute;top:372px;left:163px;opacity:0;}
#visual .textBox02 { position:absolute;top:391px;left:24px;opacity:0;}
#visual .textBox03 { position:absolute;top:261px;left:78px;opacity:0;}

#main_contents { }
#main_contents .con { float:left;width:350px;height:250px;margin-right:25px;margin-bottom:25px;}
#main_contents .contents03 { margin-right:0;}
#main_contents .con a { display:block;}
#main_contents .con a span { display:block;}
#main_contents .con a span.img { width:350px;height:140px;}
#main_contents .con a span.txt { width:350px;height:110px;border:1px solid #e5e5e5;border-top:0;padding:17px 16px;}
#main_contents .con a span.txt h4 { display:inline-block;font-size:17px;font-family: 'Noto Sans KR', sans-serif;font-weight:400;letter-spacing:-0.4px;line-height:1;color:#333;margin-bottom:12px;}
#main_contents .con a span.txt p { font-size:13px;font-family: 'Noto Sans KR', sans-serif;font-weight:400;letter-spacing:-0.4px;color:#7e7d7d;line-height:17px;}
#main_contents .contents04 { float:left;margin-right:25px;margin-bottom:30px;}
#main_contents .contents04 .box01 { float:left;width:271px;height:130px;padding-top:32px;background:#2f4eaf;text-align:center;position:relative;}
#main_contents .contents04 .box01 h4 { font-size:17px;font-family: 'Noto Sans KR', sans-serif;font-weight:400;letter-spacing:-0.4px;line-height:1;color:#fff;margin-bottom:12px;}
#main_contents .contents04 .box01 p { font-size:13px;font-family: 'Noto Sans KR', sans-serif;font-weight:400;letter-spacing:-0.4px;color:#fff;}
#main_contents .contents04 .box01 .arrow { position:absolute;top:58px;right:-7px;}
#main_contents .contents04 .box02, #main_contents .contents04 .box03, #main_contents .contents04 .box04 { float:left;border:1px solid #e5e5e5}
#main_contents .contents04 .box03, #main_contents .contents04 .box04 { border-left:0;}
#main_contents .contents05 { float:left;margin-bottom:30px;border:1px solid #e5e5e5}

#main_contents .contents06 .box11 { margin-bottom:30px; float:left;width:271px;height:130px;padding-top:32px;background:#34b972;text-align:center;position:relative;}
#main_contents .contents06 .box11 h4 { font-size:17px;font-family: 'Noto Sans KR', sans-serif;font-weight:400;letter-spacing:-0.4px;line-height:1;color:#fff;margin-bottom:12px;}
#main_contents .contents06 .box11 p { font-size:13px;font-family: 'Noto Sans KR', sans-serif;font-weight:400;letter-spacing:-0.4px;color:#fff;}
#main_contents .contents06 .box11 .arrow { position:absolute;top:58px;right:-7px;}
#main_contents .contents06 .box12, #main_contents .contents06 .box13, #main_contents .contents06 .box14 { float:left;border:1px solid #e5e5e5}
#main_contents .contents06 .box13, #main_contents .contents06 .box14 { border-left:0;}