@charset "euc-kr";
/* CSS Document */
*{margin:0; padding:0; font-family:'³ª´®°íµñ','Nanum Gothic','NanumGothic', sans-serif !important; box-sizing:border-box;}
a,
a:link,
a:hover,
a:active,
a:visited{text-decoration:none;}
.clearfix:before,
.clearfix:after{display:table; content:"";}
.clearfix:after{clear:both;}
ul,li{list-style:none;}
img{vertical-align:top;}

.top .tbox,
.section .title,
.section .sbox,
.footer .fbox,
.sub .contents{width:1200px; margin:0 auto;}

/* top */
.top .tbox{position:relative;}
.top .tbox .logo{position:absolute; top:50%; left:0; transform:translateY(-50%);}
.top .tbox .menu{float:right;}
.top .tbox .menu li{position:relative; float:left; margin-left:175px;}
.top .tbox .menu li>a{display:block; height:100px; font-size:20px; color:#000; line-height:100px;}
.top .tbox .menu li>a:hover{color:#0d6fb8;}

/* top submenu */
.submenu{display:none; position:absolute; top:100px; left:50%; transform:translateX(-50%); z-index:998; width:200px; padding:10px 0; background:#fff; box-shadow:0 0 1px #bbb;}
.submenu p a{display:block; padding:10px 0; font-size:14px; color:#333; text-align:center;}
.submenu p a:hover{color:#0d6fb8;}

/* section style */
.section1 .sbox{padding:45px 0 90px;}
.section1 .sbox .ssbox{float:left; width:262.5px; margin-right:50px; border-right:1px solid #ddd;}
.section1 .sbox .ssbox p{letter-spacing:-1px;}
.section1 .sbox .ssbox p:nth-of-type(1){position:relative; padding-bottom:20px; font-size:22px; font-weight:700; color:#1d85dd;}
.section1 .sbox .ssbox p:nth-of-type(1):before{content:""; position:absolute; bottom:0; left:0; width:48px; border-bottom:2px solid #1d85dd;}
.section1 .sbox .ssbox p:nth-of-type(2){margin:20px 0; font-size:18px; color:#000; line-height:22px;}
.section1 .sbox .ssbox p:nth-of-type(3){font-size:16px; color:#555; line-height:20px;}
.section1 .sbox .ssbox .more{margin-top:20px;}
.section1 .sbox .ssbox .more a{display:inline-block; position:relative; height:20px; padding-right:30px; font-size:18px; color:#000; line-height:20px;}
.section1 .sbox .ssbox .more a span{display:block; position:absolute; top:0; right:0; width:20px; height:20px; border-radius:50%; background:#999; transition:all 0.5s;}
.section1 .sbox .ssbox .more a span:before{content:""; position:absolute; bottom:8px; left:0; width:15px; border-bottom:2px solid #fff;}
.section1 .sbox .ssbox .more a span:after{content:""; position:absolute; bottom:8px; left:6px; transform:rotate(45deg); transform-origin:right bottom; width:8px; border-bottom:2px solid #fff;}
.section1 .sbox .ssbox4{margin-right:0;}
.section1 .sbox .ssbox4 p:nth-of-type(1){color:#ff3333;}
.section1 .sbox .ssbox4 p:nth-of-type(1):before{border-color:#ff3333;}
.section1 .sbox .ssbox4 .more a span{background:#ff3333;}
.section1 .sbox .ssbox .more:hover a span{right:-10px; background:#ff3333;}

.section2{padding:60px 0; background:#f6f6f6;}
.section2 .title{text-align:center;}
.section2 .title div{margin-bottom:20px;}
.section2 .title div img{width:200px;}
.section2 .title p:nth-of-type(1){font-size:36px; font-weight:800; color:#000;}
.section2 .title p:nth-of-type(2){font-size:16px; color:#247dbf;}
.section2 .title p:nth-of-type(3){margin-top:20px; font-size:16px; color:#000; line-height:26px;}
.section2 .sbox{margin-top:80px;}
.section2 .sbox .ssbox{position:relative; float:left; width:230px; margin-right:12.5px; text-align:center; border:1px solid #ddd; background:#fff;}
.section2 .sbox .ssbox5{margin-right:0;}
.section2 .sbox .ssbox span{display:block; position:absolute; top:-30px; left:50%; transform:translateX(-50%); width:60px; height:60px; font-size:30px; font-weight:700; color:#636363; line-height:60px; border:1px solid #ddd; border-radius:50%; background:#fff;}
.section2 .sbox .ssbox:hover span{color:#fff; background:#0d6fb8;}
.section2 .sbox .ssbox .imgbox{height:150px; padding-top:50px;}
.section2 .sbox .ssbox .box{padding:15px 0 10px;}
.section2 .sbox .ssbox .box p:nth-of-type(1){font-size:16px; color:#000;}
.section2 .sbox .ssbox .box p:nth-of-type(2){margin-top:15px; font-size:14px; color:#888; line-height:24px;}
.section2 .sbox .ssbox1 .box{background:#f4f8fe;}
.section2 .sbox .ssbox2 .box{background:#fdf7fe;}
.section2 .sbox .ssbox3 .box{background:#fdfff0;}
.section2 .sbox .ssbox4 .box{background:#fffcf5;}
.section2 .sbox .ssbox5 .box{background:#f6fff4;}

.section3{padding:50px 0;}
.section3 .title{text-align:center;}
.section3 .title p:nth-of-type(1){font-size:40px; font-weight:700; color:#000;}
.section3 .title p:nth-of-type(2){font-size:16px; color:#868d9d;}
.section3 .sbox1{margin:30px auto 50px; text-align:center;}
.section3 .sbox1 .ssbox{display:inline-block;}
.section3 .sbox1 .ssbox:nth-child(2){margin:0 50px;}
.section3 .sbox1 .ssbox p:nth-of-type(1){margin-bottom:10px; padding:0 5px 10px; font-size:20px; color:#666; border-bottom:1px solid #666;}
.section3 .sbox1 .ssbox p:nth-of-type(1) strong{display:inline-block; font-size:40px; color:#000; text-align:right;}
.section3 .sbox1 .ssbox p:nth-of-type(2){font-size:18px; color:#333;}
.section3 .sbox2 .board .gallery_basic{display:block; float:left; width:232px; margin-right:10px; margin-bottom:10px;}
.section3 .sbox2 .board .gallery_basic:nth-child(5n){margin-right:0;}
.section3 .sbox2 .board .gallery_basic td{height:45px; font-size:16px; color:#666; text-align:center; line-height:45px; border:1px solid #ddd;}
.section3 .sbox2 .more{margin-top:30px; text-align:center;}
.section3 .sbox2 .more a{display:inline-block; position:relative; width:232px; height:40px; padding-right:10px; font-size:16px; color:#666; line-height:40px; border:1px solid #ddd;}
.section3 .sbox2 .more a:before{content:""; position:absolute; top:50%; right:55px; transform:rotate(45deg); transform-origin:right bottom; width:8px; border-bottom:1px solid #666;}
.section3 .sbox2 .more a:after{content:""; position:absolute; top:50%; right:55px; transform:rotate(-45deg); transform-origin:right top; width:8px; border-top:1px solid #666;}
.section3 .sbox2 .more a:hover{border-color:#0d6fb8;}

.section4{padding:50px 0;}
.section4 .sbox .ssbox{float:left; width:360px; margin-right:60px;}
.section4 .sbox .ssbox:last-child{margin-right:0;}
.section4 .sbox .ssbox>p{font-size:24px; font-weight:700; color:#000;}
.section4 .sbox .ssbox>p a{display:block; position:relative; float:right; width:30px; height:30px; text-align:center; line-height:30px; font-size:24px; color:#000;}
.section4 .sbox .ssbox>p a:before{content:""; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) scale(0); z-index:-1; width:50px; height:50px; border-radius:50%; background:#ddd; transition:all 0.5s;}
.section4 .sbox .ssbox>p a:hover:before{transform:translate(-50%, -50%) scale(1);}
.section4 .sbox .ssbox .board{margin-top:30px;}
.section4 .sbox .ssbox .board td img{vertical-align:middle;}
.section4 .sbox .ssbox .board td,
.section4 .sbox .ssbox .board td a{font-size:18px; color:#777;}
.section4 .sbox .ssbox .board td a:hover{color:#0d6fb8;}

.section5{height:642px; background:url('../img/section5_bg.jpg') no-repeat center top;}
.section5 .sbox{padding-top:250px;}
.section5 .sbox p{color:#fff; text-align:center;}
.section5 .sbox p:nth-of-type(1){font-size:60px; font-weight:700;}
.section5 .sbox p:nth-of-type(2){margin-top:30px; font-size:24px;}

/* footer */
.footer1{background:#e4d17b;}
.footer1 .fbox{height:235px; background:url('../img/footer.png') no-repeat center bottom;}
.footer1 .fbox .flogo{float:left; padding-top:55px;}
.footer1 .fbox .flogo p:nth-of-type(1) img,
.footer1 .fbox .flogo p:nth-of-type(1) strong{vertical-align:middle; font-size:16px; color:#736a40;}
.footer1 .fbox .flogo p:nth-of-type(2){font-size:65px; font-weight:800; color:#403c29;}
.footer1 .fbox ul{float:right; padding-top:15px;}
.footer1 .fbox ul li{min-height:50px; margin-bottom:15px; padding:15px 0 0 60px;}
.footer1 .fbox ul li span{display:inline-block; vertical-align:top; font-size:16px; color:#000;}
.footer1 .fbox ul li span:first-child{width:65px; text-align:center;}
.footer1 .fbox ul li:nth-child(1){background:url('../img/ficon01.png') no-repeat left top;}
.footer1 .fbox ul li:nth-child(2){background:url('../img/ficon02.png') no-repeat left top;}
.footer1 .fbox ul li:nth-child(3){background:url('../img/ficon03.png') no-repeat left top;}
.footer2 .fbox{padding:50px 0;}
.footer2 .fbox .textbox{float:left;}
.footer2 .fbox .textbox p{font-size:14px; color:#888; line-height:24px;}
.footer2 .fbox .textbox p strong{color:#333;}
.footer2 .fbox ul{float:right;}
.footer2 .fbox ul li{float:left; margin-left:10px;}

@media (max-width:1240px){
.top .tbox,
.section .title,
.section .sbox,
.footer .fbox{width:100%; min-width:800px; padding:0 20px;}

/* top */
.top .tbox{position:relative;}
.top .tbox .logo{position:absolute; top:50%; left:20px; transform:translateY(-50%);}
.top .tbox .menu{float:right;}
.top .tbox .menu li{position:relative; float:left; margin-left:50px;}
.top .tbox .menu li>a{display:block; height:100px; font-size:20px; color:#000; line-height:100px;}
.top .tbox .menu li>a:hover{color:#0d6fb8;}

/* top submenu */
.submenu{display:none; position:absolute; top:100px; left:50%; transform:translateX(-50%); z-index:998; width:200px; padding:10px 0; background:#fff; box-shadow:0 0 1px #bbb;}
.submenu p a{display:block; padding:10px 0; font-size:14px; color:#333; text-align:center;}
.submenu p a:hover{color:#0d6fb8;}

/* section style */
.section1 .sbox{padding:45px 20px 40px;}
.section1 .sbox .ssbox{float:left; width:49%; margin-right:2%; margin-bottom:50px; border-right:1px solid #ddd;}
.section1 .sbox .ssbox:nth-child(2n){margin-right:0;}
.section1 .sbox .ssbox p{letter-spacing:-1px;}
.section1 .sbox .ssbox p:nth-of-type(1){position:relative; padding-bottom:20px; font-size:22px; font-weight:700; color:#1d85dd;}
.section1 .sbox .ssbox p:nth-of-type(1):before{content:""; position:absolute; bottom:0; left:0; width:48px; border-bottom:2px solid #1d85dd;}
.section1 .sbox .ssbox p:nth-of-type(2){margin:20px 0; font-size:18px; color:#000; line-height:22px;}
.section1 .sbox .ssbox p:nth-of-type(3){font-size:16px; color:#555; line-height:20px;}
.section1 .sbox .ssbox .more{margin-top:20px;}
.section1 .sbox .ssbox .more a{display:inline-block; position:relative; height:20px; padding-right:30px; font-size:18px; color:#000; line-height:20px;}
.section1 .sbox .ssbox .more a span{display:block; position:absolute; top:0; right:0; width:20px; height:20px; border-radius:50%; background:#999; transition:all 0.5s;}
.section1 .sbox .ssbox .more a span:before{content:""; position:absolute; bottom:8px; left:0; width:15px; border-bottom:2px solid #fff;}
.section1 .sbox .ssbox .more a span:after{content:""; position:absolute; bottom:8px; left:6px; transform:rotate(45deg); transform-origin:right bottom; width:8px; border-bottom:2px solid #fff;}
.section1 .sbox .ssbox4{margin-right:0;}
.section1 .sbox .ssbox4 p:nth-of-type(1){color:#ff3333;}
.section1 .sbox .ssbox4 p:nth-of-type(1):before{border-color:#ff3333;}
.section1 .sbox .ssbox4 .more a span{background:#ff3333;}
.section1 .sbox .ssbox .more:hover a span{right:-10px; background:#ff3333;}

.section2{padding:60px 20px 10px; background:#f6f6f6;}
.section2 .title{text-align:center;}
.section2 .title div{margin-bottom:20px;}
.section2 .title div img{width:200px;}
.section2 .title p:nth-of-type(1){font-size:36px; font-weight:800; color:#000;}
.section2 .title p:nth-of-type(2){font-size:16px; color:#247dbf;}
.section2 .title p:nth-of-type(3){margin-top:20px; font-size:16px; color:#000; line-height:26px;}
.section2 .sbox{margin-top:80px;}
.section2 .sbox .ssbox{position:relative; float:left; width:230px; margin-right:12.5px; margin-bottom:50px; text-align:center; border:1px solid #ddd; background:#fff;}
.section2 .sbox .ssbox5{margin-right:0;}
.section2 .sbox .ssbox span{display:block; position:absolute; top:-30px; left:50%; transform:translateX(-50%); width:60px; height:60px; font-size:30px; font-weight:700; color:#636363; line-height:60px; border:1px solid #ddd; border-radius:50%; background:#fff;}
.section2 .sbox .ssbox:hover span{color:#fff; background:#0d6fb8;}
.section2 .sbox .ssbox .imgbox{height:150px; padding-top:50px;}
.section2 .sbox .ssbox .box{padding:15px 0 10px;}
.section2 .sbox .ssbox .box p:nth-of-type(1){font-size:16px; color:#000;}
.section2 .sbox .ssbox .box p:nth-of-type(2){margin-top:15px; font-size:14px; color:#888; line-height:24px;}
.section2 .sbox .ssbox1 .box{background:#f4f8fe;}
.section2 .sbox .ssbox2 .box{background:#fdf7fe;}
.section2 .sbox .ssbox3 .box{background:#fdfff0;}
.section2 .sbox .ssbox4 .box{background:#fffcf5;}
.section2 .sbox .ssbox5 .box{background:#f6fff4;}

.section3{padding:50px 0;}
.section3 .title{text-align:center;}
.section3 .title p:nth-of-type(1){font-size:40px; font-weight:700; color:#000;}
.section3 .title p:nth-of-type(2){font-size:16px; color:#868d9d;}
.section3 .sbox1{margin:30px auto 50px; text-align:center;}
.section3 .sbox1 .ssbox{display:inline-block;}
.section3 .sbox1 .ssbox:nth-child(2){margin:0 50px;}
.section3 .sbox1 .ssbox p:nth-of-type(1){margin-bottom:10px; padding:0 5px 10px; font-size:20px; color:#666; border-bottom:1px solid #666;}
.section3 .sbox1 .ssbox p:nth-of-type(1) strong{display:inline-block; font-size:40px; color:#000; text-align:right;}
.section3 .sbox1 .ssbox p:nth-of-type(2){font-size:18px; color:#333;}
.section3 .sbox2 .board .gallery_basic{display:block; float:left; width:232px; margin-right:10px; margin-bottom:10px;}
.section3 .sbox2 .board .gallery_basic:nth-child(5n){margin-right:10px;}
.section3 .sbox2 .board .gallery_basic td{height:45px; font-size:16px; color:#666; text-align:center; line-height:45px; border:1px solid #ddd;}
.section3 .sbox2 .more{margin-top:30px; text-align:center;}
.section3 .sbox2 .more a{display:inline-block; position:relative; width:232px; height:40px; padding-right:10px; font-size:16px; color:#666; line-height:40px; border:1px solid #ddd;}
.section3 .sbox2 .more a:before{content:""; position:absolute; top:50%; right:55px; transform:rotate(45deg); transform-origin:right bottom; width:8px; border-bottom:1px solid #666;}
.section3 .sbox2 .more a:after{content:""; position:absolute; top:50%; right:55px; transform:rotate(-45deg); transform-origin:right top; width:8px; border-top:1px solid #666;}
.section3 .sbox2 .more a:hover{border-color:#0d6fb8;}

.section4{padding:50px 0 0;}
.section4 .sbox .ssbox{float:left; width:100%; margin-right:0; margin-bottom:60px;}
.section4 .sbox .ssbox:last-child{margin-right:0;}
.section4 .sbox .ssbox>p{font-size:24px; font-weight:700; color:#000;}
.section4 .sbox .ssbox>p a{display:block; position:relative; float:right; width:30px; height:30px; text-align:center; line-height:30px; font-size:24px; color:#000;}
.section4 .sbox .ssbox>p a:before{content:""; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) scale(0); z-index:-1; width:50px; height:50px; border-radius:50%; background:#ddd; transition:all 0.5s;}
.section4 .sbox .ssbox>p a:hover:before{transform:translate(-50%, -50%) scale(1);}
.section4 .sbox .ssbox .board{margin-top:30px;}
.section4 .sbox .ssbox .board td img{vertical-align:middle;}
.section4 .sbox .ssbox .board td,
.section4 .sbox .ssbox .board td a{font-size:18px; color:#777;}
.section4 .sbox .ssbox .board td a:hover{color:#0d6fb8;}

.section5{height:642px; background:url('../img/section5_bg.jpg') no-repeat center top;}
.section5 .sbox{padding-top:250px;}
.section5 .sbox p{color:#fff; text-align:center;}
.section5 .sbox p:nth-of-type(1){font-size:60px; font-weight:700;}
.section5 .sbox p:nth-of-type(2){margin-top:30px; font-size:24px;}

/* footer */
.footer1{background:#e4d17b;}
.footer1 .fbox{height:235px; background:url('../img/footer.png') no-repeat center bottom;}
.footer1 .fbox .flogo{float:left; padding-top:55px;}
.footer1 .fbox .flogo p:nth-of-type(1) img,
.footer1 .fbox .flogo p:nth-of-type(1) strong{vertical-align:middle; font-size:16px; color:#736a40;}
.footer1 .fbox .flogo p:nth-of-type(2){font-size:65px; font-weight:800; color:#403c29;}
.footer1 .fbox ul{float:right; padding-top:15px;}
.footer1 .fbox ul li{min-height:50px; margin-bottom:15px; padding:15px 0 0 60px;}
.footer1 .fbox ul li span{display:inline-block; vertical-align:top; font-size:16px; color:#000;}
.footer1 .fbox ul li span:first-child{width:65px; text-align:center;}
.footer1 .fbox ul li:nth-child(1){background:url('../img/ficon01.png') no-repeat left top;}
.footer1 .fbox ul li:nth-child(2){background:url('../img/ficon02.png') no-repeat left top;}
.footer1 .fbox ul li:nth-child(3){background:url('../img/ficon03.png') no-repeat left top;}
.footer2 .fbox{padding:50px 20px;}
.footer2 .fbox .textbox{float:left;}
.footer2 .fbox .textbox p{font-size:14px; color:#888; line-height:24px;}
.footer2 .fbox .textbox p strong{color:#333;}
.footer2 .fbox ul{float:right;}
.footer2 .fbox ul li{float:left; margin-left:10px;}
}

/* smenu */
.smenu{margin-top:30px; border-bottom:1px solid #ddd;}
.smenu ul{width:1200px; margin:0 auto;}
.smenu ul li{float:left; width:170px; margin-bottom:-1px;}
.smenu ul li a{display:block; height:60px; font-size:14px; color:#333; text-align:center; line-height:60px; letter-spacing:-1px; border:1px solid transparent;}
.smenu ul li a:hover{color:#0d6fb8;}
.smenu04 ul li{width:150px;}

/* smenu active */
.sub01 .smenu ul li:nth-child(1) a,
.sub02 .smenu ul li:nth-child(2) a,
.sub03 .smenu ul li:nth-child(3) a,
.sub04 .smenu ul li:nth-child(4) a,
.sub05 .smenu ul li:nth-child(5) a,
.sub06 .smenu ul li:nth-child(6) a,
.sub07 .smenu ul li:nth-child(7) a,
.sub08 .smenu ul li:nth-child(8) a{color:#0d6fb8; border-color:#ddd; border-bottom:1px solid #fff;}

/* sub all */
.sub .contents{padding:60px 0 100px;}
.sub .contents .title{margin-bottom:50px; font-size:30px; font-weight:700; color:#333;}
.sub .contents .sbox .board th,
.sub .contents .sbox .board td,
.sub .contents .sbox .board td a{font-size:16px; color:#333;}
.sub .contents .round{width:300px; height:300px; margin:100px auto 0; font-size:30px; font-weight:700; color:#eee; text-align:center; line-height:300px; border:1px solid #ddd; border-radius:50%;}

/* sub style */
.sub01_01 .contents .sbox .ssbox{background:url('../img/sub01_01.png') no-repeat right bottom / auto 100%;}
.sub01_01 .contents .sbox .ssbox p{margin-bottom:30px; font-size:16px; color:#333; line-height:30px;}
.sub01_01 .contents .sbox .ssbox p:nth-of-type(1){font-size:30px; font-weight:700; color:#09f;}
.sub01_01 .contents .sbox .ssbox p:nth-of-type(3) strong{font-weight:400; color:#f60;}
.sub01_01 .contents .sbox .ssbox p:last-child{margin-bottom:0;}

.sub01_02 .contents .sbox .ssbox ul{text-align:center;}
.sub01_02 .contents .sbox .ssbox ul li{display:inline-block; position:relative; transform:translateZ(0); width:180px; height:60px; font-size:24px; font-weight:700; color:#000; line-height:60px;}
.sub01_02 .contents .sbox .ssbox ul li strong{color:#f00;}
.sub01_02 .contents .sbox .ssbox ul li:before{content:""; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); z-index:-1; width:200px; height:100%; border-radius:30px;}
.sub01_02 .contents .sbox .ssbox ul li:nth-child(1):before{background:rgba(0,153,255, 0.5);}
.sub01_02 .contents .sbox .ssbox ul li:nth-child(2):before{background:rgba(153,153,153, 0.5);}
.sub01_02 .contents .sbox .ssbox ul li:nth-child(3):before{background:rgba(0,153,255, 0.3);}
.sub01_02 .contents .sbox .ssbox ul li:nth-child(4):before{background:rgba(60,137,188, 0.5);}
.sub01_02 .contents .sbox .ssbox .box{margin-top:80px;}
.sub01_02 .contents .sbox .ssbox .box .list1{float:left;}
.sub01_02 .contents .sbox .ssbox .box .list1 p{margin-bottom:30px; font-size:16px; color:#333; line-height:30px;}
.sub01_02 .contents .sbox .ssbox1 .box .list2{position:relative; float:right; width:250px; margin-right:100px;}
.sub01_02 .contents .sbox .ssbox1 .box .list2:before{content:""; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) rotate(45deg); z-index:-1; width:220px; height:220px; border:3px solid #aaa; border-radius:10px;}
.sub01_02 .contents .sbox .ssbox1 .box .list2 div{float:left; width:120px; height:120px; padding-top:40px; font-size:16px; color:#333; text-align:center; line-height:26px; border-radius:10px;}
.sub01_02 .contents .sbox .ssbox1 .box .list2 div:nth-child(odd){margin-right:10px;}
.sub01_02 .contents .sbox .ssbox1 .box .list2 div:nth-child(3),
.sub01_02 .contents .sbox .ssbox1 .box .list2 div:nth-child(4){margin-top:10px;}
.sub01_02 .contents .sbox .ssbox1 .box .list2 div:nth-child(1){background:#d0efff;}
.sub01_02 .contents .sbox .ssbox1 .box .list2 div:nth-child(2){background:#ddf4d0;}
.sub01_02 .contents .sbox .ssbox1 .box .list2 div:nth-child(3){background:#ffd4c4;}
.sub01_02 .contents .sbox .ssbox1 .box .list2 div:nth-child(4){background:#ffedb3;}
.sub01_02 .contents .sbox .ssbox2{margin-top:100px;}
.sub01_02 .contents .sbox .ssbox2 .box .list2{float:right; padding-right:200px;}
.sub01_02 .contents .sbox .ssbox2 .box .list2 .idea{position:relative;}
.sub01_02 .contents .sbox .ssbox2 .box .list2 .idea img{width:400px;}
.sub01_02 .contents .sbox .ssbox2 .box .list2 .idea div{position:absolute; left:317px; width:200px;}
.sub01_02 .contents .sbox .ssbox2 .box .list2 .idea div span{display:inline-block; vertical-align:top; font-size:16px; font-weight:700; color:#333; line-height:20px;}
.sub01_02 .contents .sbox .ssbox2 .box .list2 .idea div span:first-child{margin-right:10px; font-size:20px; color:#ffc300;}
.sub01_02 .contents .sbox .ssbox2 .box .list2 .idea .num1{top:10px;}
.sub01_02 .contents .sbox .ssbox2 .box .list2 .idea .num2{top:110px; left:327px;}
.sub01_02 .contents .sbox .ssbox2 .box .list2 .idea .num3{top:212px; left:327px;}

.sub01_03 .contents .sbox .ssbox1{position:relative; padding-bottom:50px; text-align:center;}
.sub01_03 .contents .sbox .ssbox1:before{content:""; position:absolute; bottom:0; left:50%; height:50px; border-left:2px dotted #ddd;}
.sub01_03 .contents .sbox .ssbox1:after{content:""; position:absolute; bottom:0; left:50%; width:5px; height:5px; margin-left:-1px; border-radius:50%; background:#333;}
.sub01_03 .contents .sbox .ssbox1 span{display:inline-block; width:250px; height:60px; font-size:20px; font-weight:700; color:#333; line-height:60px; border:2px solid #333; border-radius:30px;}
.sub01_03 .contents .sbox .ssbox1 span strong{font-size:20px;}
.sub01_03 .contents .sbox .ssbox2{margin-top:10px;}
.sub01_03 .contents .sbox .ssbox2 span{height:auto; padding:20px 0; font-size:14px; line-height:20px; border-color:#4c50bb; border-radius:10px;}
.sub01_03 .contents .sbox .ssbox2 img{position:absolute; top:0; left:50%; margin-left:-250px;}
.sub01_03 .contents .sbox .ssbox3{position:relative; padding-top:50px;}
.sub01_03 .contents .sbox .ssbox3:before{content:""; position:absolute; top:0; left:50%; transform:translateX(-50%); width:945px; border-top:2px dotted #ddd;}
.sub01_03 .contents .sbox .ssbox3 .box{position:relative; float:left; width:255px; margin-right:60px; text-align:center;}
.sub01_03 .contents .sbox .ssbox3 .box:last-child{margin-right:0;}
.sub01_03 .contents .sbox .ssbox3 .box:before{content:""; position:absolute; top:-50px; left:50%; height:50px; border-left:2px dotted #ddd;}
.sub01_03 .contents .sbox .ssbox3 .box p{padding:20px 0; font-size:14px; color:#fff; line-height:20px; border-radius:10px;}
.sub01_03 .contents .sbox .ssbox3 .box p strong{font-size:20px;}
.sub01_03 .contents .sbox .ssbox3 .box div{margin-top:20px;}
.sub01_03 .contents .sbox .ssbox3 .box1 p{background:#4c50bb;}
.sub01_03 .contents .sbox .ssbox3 .box2 p{background:rgba(76,80,187, 0.6);}
.sub01_03 .contents .sbox .ssbox3 .box3 p{background:#4c4747;}
.sub01_03 .contents .sbox .ssbox3 .box4 p{background:rgba(76,80,187, 0.8);}

.sub01_04 .contents .sbox{padding-bottom:200px; background:url('../img/sub01_04-bg.png') no-repeat center bottom;}
.sub01_04 .contents .sbox .ssbox{position:relative; float:left; width:171px; padding-top:350px;}
.sub01_04 .contents .sbox .ssbox img{position:absolute; left:50%; transform:translateX(-50%);}
.sub01_04 .contents .sbox .ssbox div{position:relative; text-align:center;}
.sub01_04 .contents .sbox .ssbox div:before{content:""; position:absolute; bottom:50px; left:50%; z-index:-1; border-right:1px solid #233e43;}
.sub01_04 .contents .sbox .ssbox div:after{content:""; position:absolute; top:50%; left:85px; transform:translateY(-50%); z-index:-1; width:100%; border-bottom:2px solid #233e43;}
.sub01_04 .contents .sbox .ssbox7 div:after{display:none;}
.sub01_04 .contents .sbox .ssbox div span{display:inline-block; width:50px; height:50px; font-size:24px; font-weight:700; color:#fff; line-height:50px; border-radius:50%; background:#233e43;}
.sub01_04 .contents .sbox .ssbox p:nth-of-type(1){margin:20px 0 30px; font-size:20px; font-weight:700; color:#233e43; text-align:center; letter-spacing:-1px;}
.sub01_04 .contents .sbox .ssbox p:nth-of-type(2){font-size:14px; color:#333; line-height:20px; text-align:center; letter-spacing:-1px;}
.sub01_04 .contents .sbox .ssbox1 img{top:50px;}
.sub01_04 .contents .sbox .ssbox2 img{top:200px;}
.sub01_04 .contents .sbox .ssbox3 img{top:130px;}
.sub01_04 .contents .sbox .ssbox4 img{top:200px;}
.sub01_04 .contents .sbox .ssbox5 img{top:0;}
.sub01_04 .contents .sbox .ssbox6 img{top:170px;}
.sub01_04 .contents .sbox .ssbox7 img{top:120px;}
.sub01_04 .contents .sbox .ssbox1 div:before{height:200px;}
.sub01_04 .contents .sbox .ssbox2 div:before{height:100px;}
.sub01_04 .contents .sbox .ssbox3 div:before{height:200px;}
.sub01_04 .contents .sbox .ssbox4 div:before{height:100px;}
.sub01_04 .contents .sbox .ssbox5 div:before{height:250px;}
.sub01_04 .contents .sbox .ssbox6 div:before{height:100px;}
.sub01_04 .contents .sbox .ssbox7 div:before{height:200px;}

.sub01_05 .contents .sbox{padding-bottom:200px; background:url('../img/sub01_04-bg.png') no-repeat center bottom;}
.sub01_05 .contents .sbox .ssbox{position:relative; float:left; padding-top:7px;}
.sub01_05 .contents .sbox .ssbox:before{content:""; position:absolute; bottom:7px; left:30px; z-index:-1; height:calc(100% - 20px); border-right:3px solid #000;}
.sub01_05 .contents .sbox .ssbox div{position:relative; margin-bottom:30px;}
.sub01_05 .contents .sbox .ssbox div:before{content:""; position:absolute; top:50%; left:-70%; transform:translateY(-50%); z-index:-1; width:100%; border-top:3px solid #000;}
.sub01_05 .contents .sbox .ssbox div span{display:inline-block; padding:10px 30px; font-size:16px; font-weight:700; color:#fff; border-radius:30px; background:#000;}
.sub01_05 .contents .sbox .ssbox p{position:relative; margin-bottom:15px; padding-left:65px; font-size:14px; color:#333;}
.sub01_05 .contents .sbox .ssbox p:last-child{margin-bottom:0;}
.sub01_05 .contents .sbox .ssbox p:before{content:""; position:absolute; top:50%; left:31px; transform:translateY(-50%); z-index:-1; width:25px; border-top:3px solid #000;}
.sub01_05 .contents .sbox .ssbox1{padding-top:0; padding-right:50px;}
.sub01_05 .contents .sbox .ssbox1:before{display:none;}
.sub01_05 .contents .sbox .ssbox1 div:before{display:none;}
.sub01_05 .contents .sbox .ssbox1 div span{font-size:20px; padding:15px 30px; background:#219653;}
.sub01_05 .contents .sbox .ssbox2 div span{background:#f2c94c;}
.sub01_05 .contents .sbox .ssbox3 div span{background:#f2994a;}
.sub01_05 .contents .sbox .ssbox4 div span{background:#eb5757;}
.sub01_05 .contents .sbox .ssbox5 div span{background:#2f80ed;}
.sub01_05 .contents .sbox .ssbox6 div span{background:#9b51e0;}
.sub01_05 .contents .sbox .ssbox2:before,
.sub01_05 .contents .sbox .ssbox2 div:before,
.sub01_05 .contents .sbox .ssbox2 p:before{border-color:#f2c94c;}
.sub01_05 .contents .sbox .ssbox3:before,
.sub01_05 .contents .sbox .ssbox3 div:before,
.sub01_05 .contents .sbox .ssbox3 p:before{border-color:#f2994a;}
.sub01_05 .contents .sbox .ssbox4:before,
.sub01_05 .contents .sbox .ssbox4 div:before,
.sub01_05 .contents .sbox .ssbox4 p:before{border-color:#eb5757;}
.sub01_05 .contents .sbox .ssbox5:before,
.sub01_05 .contents .sbox .ssbox5 div:before,
.sub01_05 .contents .sbox .ssbox5 p:before{border-color:#2f80ed;}
.sub01_05 .contents .sbox .ssbox6:before,
.sub01_05 .contents .sbox .ssbox6 div:before,
.sub01_05 .contents .sbox .ssbox6 p:before{border-color:#9b51e0;}

.sub01_06 .contents .sbox .basic{margin-top:20px; border-top:2px solid #0d6fb8; border-collapse:collapse;}
.sub01_06 .contents .sbox .basic th,
.sub01_06 .contents .sbox .basic td{padding:15px 10px; font-size:16px; color:#333; border:1px solid #ddd;}
.sub01_06 .contents .sbox .basic th{background:#f5f5f5;}

.sub02_01 .contents{width:100%;}
.sub02_01 .contents .sbox{padding:50px 0; background:url('../img/sub02_01-bg.jpg') no-repeat center top / auto 100%;}
.sub02_01 .contents .sbox>p{color:#fff; text-align:center;}
.sub02_01 .contents .sbox>p:nth-of-type(1){font-size:30px; font-weight:700;}
.sub02_01 .contents .sbox>p:nth-of-type(2){margin-top:10px; font-size:20px;}
.sub02_01 .contents .sbox .ssbox{position:relative; width:1200px; margin:50px auto 0;}
.sub02_01 .contents .sbox .ssbox .imgbox{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); margin-top:-20px;}
.sub02_01 .contents .sbox .ssbox .imgbox img{height:400px;}
.sub02_01 .contents .sbox .ssbox .box1{float:left;}
.sub02_01 .contents .sbox .ssbox .box2{float:right;}
.sub02_01 .contents .sbox .ssbox .box .list{width:374px; height:150px; margin-bottom:20px; padding:40px 30px 0; background:url('../img/sub02_01-1.png') no-repeat center top / cover;}
.sub02_01 .contents .sbox .ssbox .box .list:last-child{margin-bottom:0;}
.sub02_01 .contents .sbox .ssbox .box .list p:nth-of-type(1){font-size:16px; font-weight:700; color:#0e1460;}
.sub02_01 .contents .sbox .ssbox .box .list p:nth-of-type(2){margin-top:10px; font-size:14px; color:#fff; word-break:keep-all;}
.sub02_01 .contents .sbox .text{margin-top:30px; font-size:30px; font-weight:700; color:#fff; text-align:center;}

.sub02_02 .contents .sbox{background:url('../img/sub02_02.png') no-repeat right bottom / 400px auto;}
.sub02_02 .contents .sbox .ssbox2{margin:30px 0;}
.sub02_02 .contents .sbox .ssbox p:nth-of-type(1){height:68px; padding-left:80px; font-size:30px; font-weight:700; color:#333; line-height:68px;}
.sub02_02 .contents .sbox .ssbox p:nth-of-type(1) strong{color:#f60;}
.sub02_02 .contents .sbox .ssbox p:nth-of-type(2){margin-top:10px; font-size:16px; color:#333; line-height:30px;}
.sub02_02 .contents .sbox .ssbox1 p:nth-of-type(1){background:url('../img/sub02_02-icon1.png') no-repeat left center;}
.sub02_02 .contents .sbox .ssbox2 p:nth-of-type(1){background:url('../img/sub02_02-icon2.png') no-repeat left center;}
.sub02_02 .contents .sbox .ssbox3 p:nth-of-type(1){background:url('../img/sub02_02-icon3.png') no-repeat left center;}

.sub02_03 .contents .sbox{padding-bottom:100px; background:url('../img/sub02_03.jpg') no-repeat right bottom / 350px auto;}
.sub02_03 .contents .sbox .ssbox p{margin-bottom:20px; font-size:16px; color:#333; line-height:30px;}
.sub02_03 .contents .sbox .ssbox p:last-child{margin-bottom:0;}
.sub02_03 .contents .sbox .ssbox p:nth-of-type(1){height:67px; margin-bottom:10px; padding-left:80px; font-size:30px; font-weight:700; color:#f60; line-height:67px; background:url('../img/sub02_03-icon1.png') no-repeat left center;}

.sub03_01 .contents .sbox{background:url('../img/sub03_01.png') no-repeat right bottom / 500px auto;}
.sub03_01 .contents .sbox .ssbox p{margin-bottom:20px; font-size:16px; color:#333; line-height:30px;}
.sub03_01 .contents .sbox .ssbox p:last-child{margin-bottom:0;}
.sub03_01 .contents .sbox .ssbox p:nth-of-type(1){height:64px; padding-left:80px; font-size:30px; font-weight:700; color:#f00; line-height:64px; background:url('../img/sub03_01-icon1.png') no-repeat left center;}
.sub03_01 .contents .sbox .ssbox p:nth-of-type(4){color:#f00;}

.sub03_02 .contents .sbox{background:url('../img/sub03_02.png') no-repeat right bottom / 500px auto;}
.sub03_02 .contents .sbox .ssbox p{margin-bottom:20px; font-size:16px; color:#333; line-height:30px;}
.sub03_02 .contents .sbox .ssbox p:last-child{margin-bottom:0;}
.sub03_02 .contents .sbox .ssbox p:nth-of-type(1){height:60px; padding-left:80px; font-size:30px; font-weight:700; color:#f00; line-height:60px; background:url('../img/sub03_02-icon1.png') no-repeat left center;}

.sub03_03 .contents .sbox .ssbox p{margin-bottom:20px; font-size:16px; color:#333; line-height:30px;}
.sub03_03 .contents .sbox .ssbox p:last-child{margin-bottom:0;}
.sub03_03 .contents .sbox .ssbox p:nth-of-type(1){height:66px; padding-left:80px; font-size:30px; font-weight:700; color:#f00; line-height:66px; background:url('../img/sub03_03-icon1.png') no-repeat left center;}
.sub03_03 .contents .sbox .imgbox{margin-top:50px;}
.sub03_03 .contents .sbox .imgbox img{width:100%;}

.sub03_04 .contents .sbox .ssbox p{margin-bottom:20px; font-size:16px; color:#333; line-height:30px;}
.sub03_04 .contents .sbox .ssbox p:last-child{margin-bottom:0;}
.sub03_04 .contents .sbox .ssbox p:nth-of-type(1){height:60px; padding-left:80px; font-size:30px; font-weight:700; color:#f00; line-height:60px; background:url('../img/sub03_04-icon1.png') no-repeat left center / auto 100%;}
.sub03_04 .contents .sbox .imgbox{margin-top:50px;}
.sub03_04 .contents .sbox .imgbox img{width:100%;}

.sub03_05 .contents .sbox .ssbox p{margin-bottom:20px; font-size:16px; color:#333; line-height:30px;}
.sub03_05 .contents .sbox .ssbox p:last-child{margin-bottom:0;}
.sub03_05 .contents .sbox .ssbox p:nth-of-type(1){height:70px; padding-left:80px; font-size:30px; font-weight:700; color:#f00; line-height:70px; background:url('../img/sub03_05-icon1.png') no-repeat left center / auto 100%;}
.sub03_05 .contents .sbox .imgbox{margin-top:50px;}
.sub03_05 .contents .sbox .imgbox img{width:100%;}

.sub03_06 .contents .sbox .ssbox p{margin-bottom:20px; font-size:16px; color:#333; line-height:30px;}
.sub03_06 .contents .sbox .ssbox p:last-child{margin-bottom:0;}
.sub03_06 .contents .sbox .ssbox p:nth-of-type(1){height:60px; padding-left:80px; font-size:30px; font-weight:700; color:#f00; line-height:60px; background:url('../img/sub03_06-icon1.png') no-repeat left center / auto 100%;}
.sub03_06 .contents .sbox .imgbox{margin-top:50px;}
.sub03_06 .contents .sbox .imgbox img{width:100%;}

.sub03_07 .contents .sbox .ssbox p{margin-bottom:20px; font-size:16px; color:#333; line-height:30px;}
.sub03_07 .contents .sbox .ssbox p:last-child{margin-bottom:0;}
.sub03_07 .contents .sbox .ssbox p:nth-of-type(1){height:60px; padding-left:80px; font-size:30px; font-weight:700; color:#f00; line-height:60px; background:url('../img/sub03_07-icon1.png') no-repeat left center / auto 100%;}
.sub03_07 .contents .sbox .ssbox p:nth-of-type(3){font-size:30px; color:#f00; line-height:normal;}
.sub03_07 .contents .sbox .imgbox{margin-top:50px;}
.sub03_07 .contents .sbox .imgbox img{width:100%;}

.sub04_02 .contents .sbox .ssbox{float:left; width:224px; height:210px; margin-right:20px; margin-bottom:20px; padding-top:30px; text-align:center; border:1px solid #ddd; border-top:2px solid #0d6fb8;}
.sub04_02 .contents .sbox .ssbox:nth-child(5n){margin-right:0;}
.sub04_02 .contents .sbox .ssbox div{height:60px;}
.sub04_02 .contents .sbox .ssbox:nth-child(7) div{padding-top:20px;}
.sub04_02 .contents .sbox .ssbox p:nth-of-type(1){margin:30px 0 10px; font-size:16px; font-weight:700; color:#333;}
.sub04_02 .contents .sbox .ssbox p:nth-of-type(2){font-size:14px; color:#888; line-height:20px;}

.sub04_03 .contents .sbox>p{font-size:16px; color:#333;}
.sub04_03 .contents .sbox .ssbox{margin-top:10px;}
.sub04_03 .contents .sbox .ssbox .box{float:left; width:285px; margin-right:20px; text-align:center; border:1px solid #ddd;}
.sub04_03 .contents .sbox .ssbox .box:nth-child(4){margin-right:0;}
.sub04_03 .contents .sbox .ssbox .box div img{width:100%;}
.sub04_03 .contents .sbox .ssbox .box p:nth-of-type(1){margin:30px 0 10px; font-size:16px; font-weight:700; color:#333;}
.sub04_03 .contents .sbox .ssbox .box p:nth-of-type(2){height:120px; font-size:14px; color:#888; line-height:24px; letter-spacing:-1px;}

.sub04_05 .contents .sbox .basic{border-top:2px solid #0d6fb8; border-collapse:collapse;}
.sub04_05 .contents .sbox .basic th,
.sub04_05 .contents .sbox .basic td{padding:15px 10px; font-size:16px; color:#333; line-height:26px; border:1px solid #ddd;}
.sub04_05 .contents .sbox .basic th{width:15%;}
.sub04_05 .contents .sbox .basic td{width:35%;}
.sub04_05 .contents .sbox .basic th{background:#f5f5f5;}