/* BASIC css start */
#intro{color:#000; font-family:"Noto Sans KR"; letter-spacing:-0.035em;/* width:100%;*/ /* overflow:hidden;*/}
#intro *{box-sizing:border-box;}
#intro .section{position:relative;}
#intro .section .wrap{position:relative; max-width:1400px; margin:0 auto; padding:0 10px;}

#intro .section.n01{padding:140px 0 285px 0; background:url(/design/duolab/MB/intro/intro01_bg.jpg) no-repeat center / auto 100%; text-align:center;}
#intro .section.n01 .title{color:#fff; font-size:45px; font-weight:800; font-family:"Neue Kabel"; line-height:45px; letter-spacing:.015em;}
#intro .section.n01 .title2{margin-top:15px; color:#fff; font-size:16px; font-weight:600; line-height:18px;}
#intro .section.n01 .text{margin-top:40px; color:#fff; font-size:12px; font-weight:400; line-height:21px;}

#intro .section.n02{padding:62px 0 90px 0; text-align:center;}
#intro .section.n02 .box{padding:0 10px;}
#intro .section.n02 .box .box_img1{width:218px;}
#intro .section.n02 .box .box_img2{width:100%; margin-top:40px;}
#intro .section.n02 .list{margin:55px -4px 0 -4px; font-size:0; text-align:center; line-height:0;}
#intro .section.n02 .list li{display:inline-block; position:relative; width:156px; height:156px; margin:4px; padding-top:30px; border:1px solid #000; border-radius:50%; vertical-align:top;}
#intro .section.n02 .list li + li{margin-left:40px;}
#intro .section.n02 .list li + li:before{position:absolute; top:0; left:-34px; bottom:0; width:24px; height:26px; margin:auto 0; background:url(/design/duolab/MB/intro/intro02_icon.jpg) no-repeat center / 24px 25px; content:'';}
#intro .section.n02 .list li .list_num{display:block; font-size:36px; font-weight:600; font-family:"Neue Kabel"; line-height:38px; letter-spacing:.015em;}
#intro .section.n02 .list li .list_text{display:block; margin-top:20px; font-size:12px; font-weight:500; line-height:18px;}
#intro .section.n02 .list li:last-child .list_text{margin-top:5px;}
#intro .section.n02 .list li .list_text span{font-size:16px; font-family:"Neue Kabel"; letter-spacing:.015em;}
#intro .section.n02 .img1{width:calc(100% + 20px); margin:60px -10px 0 -10px; margin-top:60px;}
#intro .section.n02 .list2{margin-top:77px; padding-bottom:12px; padding-left:30px; background:url(/design/duolab/MB/intro/intro02_list2_bg.png) no-repeat left top 10px / 26px auto; font-size:0; text-align:left; line-height:0;}
#intro .section.n02 .list2 li{position:relative;}
#intro .section.n02 .list2 li + li{margin-top:60px;}
#intro .section.n02 .list2 li img{position:absolute; top:50px; width:112px;}
#intro .section.n02 .list2 li .list_num{display:block; width:112px; font-size:32px; font-weight:600; font-family:"Neue Kabel"; text-align:center; line-height:40px; letter-spacing:.015em;}
#intro .section.n02 .list2 li .list_title{display:block;/* margin-top:100px;*/ padding-left:133px; font-size:18px; font-weight:600; line-height:40px;}
#intro .section.n02 .list2 li .list_text{display:block; margin-top:6px; padding-left:133px; font-size:11px; font-weight:500; line-height:40px; line-height:18px;}
#intro .section.n02 .list2 li .list_text span:first-child{display:block; margin-bottom:4px; font-size:13px; font-weight:600;}

#intro .section.n03{padding:73px 0 0 0; background:url(/design/duolab/MB/intro/intro03_bg.jpg) no-repeat center top / auto 470px; text-align:center;}
#intro .section.n03 .title{font-size:45px; font-weight:800; line-height:45px;}
#intro .section.n03 .text{margin-top:22px; font-size:14px; font-weight:600; line-height:24px;}
#intro .section.n03 .text2{margin-top:35px; font-size:12px; font-weight:400; line-height:21px;}
#intro .section.n03 .list{margin:170px -9px 0 -9px; font-size:0; text-align:center; line-height:0;}
#intro .section.n03 .list li{display:inline-block; width:156px; height:200px; margin:0 4px 20px 4px; padding-top:35px; border:1px solid #000; vertical-align:top;}
#intro .section.n03 .list li span{display:block;}
#intro .section.n03 .list li .list_text1{font-size:13px; font-weight:600; font-family:"Neue Kabel"; line-height:15px; letter-spacing:.015em;}
#intro .section.n03 .list li .list_name{color:#874fc1; font-size:13px; font-weight:600; line-height:16px;}
#intro .section.n03 .list li .list_name span{display:block; margin-top:15px; margin-bottom:6px; font-size:28px; font-weight:600; font-family:"Neue Kabel"; line-height:28px; letter-spacing:.015em;}
#intro .section.n03 .list li .list_text2{margin-top:30px; font-size:10px; font-weight:400; line-height:15px;}
#intro .section.n03 .text3{position:relative; margin-top:36px; border:1px solid #000; font-size:18px; font-weight:600; text-align:center; line-height:100px;}
#intro .section.n03 .text3:before{position:absolute; top:-43px; left:0; right:0; width:24px; height:25px; margin:0 auto; background:url(/design/duolab/MB/intro/intro02_icon.jpg) no-repeat center / 24px 25px; content:'';}
#intro .section.n03 .text3 span{font-size:27px; font-weight:500; font-family:"Neue Kabel"; letter-spacing:.015em;}

#intro .section.n04{padding:80px 0 0 0; text-align:center;}
#intro .section.n04 .wrap{padding:0 20px;}
#intro .section.n04 .title{font-size:34px; font-weight:800; font-family:"Neue Kabel"; line-height:40px; letter-spacing:.015em;}
#intro .section.n04 .text{margin-top:50px; font-size:18px; font-weight:600; line-height:31px;}
#intro .section.n04 .text span{display:block; color:#874fc1; font-size:16px; line-height:18px;}
#intro .section.n04 .text b{display:block; margin-top:15px; margin-bottom:3px; font-size:40px; font-weight:600; line-height:42px; letter-spacing:0.1em;}
#intro .section.n04 .wrap > img{width:100%; margin:30px -10px 0 -10px;}
#intro .section.n04 .list{margin-top:40px;}
#intro .section.n04 .list li{font-size:15px; font-weight:400; line-height:26px;}
#intro .section.n04 .list li + li{margin-top:30px;}
#intro .section.n04 .list li span{display:block; margin-bottom:8px; color:#874fc1; font-size:28px; font-weight:600; line-height:30px;}
#intro .section.n04 .list li img{display:block; width:138px; margin:15px auto 12px auto;}

#intro .section.n05{padding:85px 0 0 0; text-align:center;}
#intro .section.n05 .wrap{padding:0 20px;}
#intro .section.n05 .title{font-size:45px; font-weight:800; font-family:"Neue Kabel"; line-height:45px; letter-spacing:.015em;}
#intro .section.n05 .text{margin-top:15px; font-size:16px; font-weight:600; line-height:18px;}
#intro .section.n05 .text2{margin-top:40px; color:#874fc1; font-size:13px; font-weight:600; line-height:22px;}
#intro .section.n05 .text2 span{font-family:"Neue Kabel"; letter-spacing:.015em;}
#intro .section.n05 .text3{margin-top:25px; font-size:12px; font-weight:400; line-height:21px;}
#intro .section.n05 .text3 span{font-family:"Neue Kabel"; letter-spacing:.015em;}
#intro .section.n05 img{width:100%; margin-top:35px;}

#intro .section.n06{padding:35px 0 0 0; text-align:center;}
#intro .section.n06 .wrap{padding:0 20px;}
#intro .section.n06 .list{display:inline-block; margin:0 -6px; text-align:center; vertical-align:top;}
#intro .section.n06 .list li{display:inline-block; width:156px; height:180px; margin:0 4px 20px 4px; padding-top:30px; border:1px solid #000; text-align:center; vertical-align:top; box-sizing:border-box;}
#intro .section.n06 .list li + li{/* margin-left:116px;*/}
#intro .section.n06 .list li span{display:block;}
#intro .section.n06 .list li .list_num{font-size:36px; font-weight:600; font-family:"Neue Kabel"; line-height:38px; letter-spacing:.015em;}
#intro .section.n06 .list li .list_text1{margin-top:10px; color:#874fc1; font-size:13px; font-weight:600; line-height:18px;}
#intro .section.n06 .list li .list_text2{margin-top:7px; font-size:11px; font-weight:500; line-height:16px;}

#intro .section.n07{padding:75px 0; text-align:center;}
#intro .section.n07 .title{font-size:45px; font-weight:800; font-family:"Neue Kabel"; line-height:45px; letter-spacing:.015em;}
#intro .section.n07 .text{margin-top:12px; font-size:16px; font-weight:600; line-height:24px;}
#intro .section.n07 .text2{margin-top:30px; font-size:13px; font-weight:600; line-height:24px;}
#intro .section.n07 .list{margin:45px -10px 0 -10px; margin-top:45px; font-size:0; line-height:0;}
#intro .section.n07 .list li{display:inline-block; width:213px; height:213px; margin:0 10px 20px 10px; padding-top:45px; background-color:#874fc1; color:#fff; vertical-align:top;}
#intro .section.n07 .list li span{display:block;}
#intro .section.n07 .list li .list_text1{font-size:16px; font-weight:600; line-height:26px;}
#intro .section.n07 .list li .list_num{margin-top:5px; font-size:64px; font-weight:600; font-family:"Neue Kabel"; line-height:64px; letter-spacing:.015em;}
#intro .section.n07 .list li .list_text2{margin-top:37px; font-size:12px; font-weight:400; font-family:"Neue Kabel"; line-height:14px; letter-spacing:.015em;letter-spacing:.05em;}
@media all and (max-width:800px){
    #intro .section.n02 .list{max-width:348px; margin-left:auto; margin-right:auto;}
    #intro .section.n02 .list li + li{margin-left:4px;}
    #intro .section.n02 .list li + li:before{display:none;}
    #intro .section.n02 .list li + li:last-child:before{display:block; top:-165px; left:-17px;}
    #intro .section.n03{background-position:left 65% top;}
}
/* BASIC css end */