@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 .sbox,
.footer .fbox,
.sub .contents{width:1200px; margin:0 auto;}

/* top */
.top{position:fixed; top:0; left:0; z-index:998; width:100%; background:rgba(0,0,0, 0.7);}
.top .tbox .logo{float:left; padding-top:5px;}
.top .tbox .logo img{width:140px;}
.top .tbox .menu{float:right;}
.top .tbox .menu li{position:relative; float:left; margin-left:100px;} 
.top .tbox .menu li:first-child{margin-left:0;}
.top .tbox .menu li>a{display:block; height:80px; font-size:16px; color:#fff; line-height:80px;}
.top .tbox .menu li:hover>a{color:#fbcf09;}

/* top submenu */
.submenu{display:none; position:absolute; top:80px; left:50%; transform:translateX(-50%); z-index:998; width:200px; padding:15px; background:rgba(0,0,0, 0.7);}
.submenu p a{display:block; padding:10px 0; font-size:13px; color:#fff; text-align:center;}
.submenu p a:hover{color:#fbcf09;}

/* slidetext */
.slidetext{position:absolute; top:250px; left:50%; transform:translateX(-50%); z-index:996; width:1200px;}
.slidetext p{font-size:50px; color:#fff; line-height:70px;}

/* section style */
.section1{position:relative;}
.section1 .sbox{position:absolute; top:-400px; left:50%; transform:translateX(-50%); z-index:997;}
.section1 .sbox .ssbox{float:left; width:380px; height:400px; border-top-left-radius:10px; border-top-right-radius:10px; background:#fff; box-shadow:0 10px 15px -5px #bbb; overflow:hidden;}
.section1 .sbox .ssbox:nth-child(2){margin:0 30px;}
.section1 .sbox .ssbox div img{}
.section1 .sbox .ssbox p{padding-left:40px;}
.section1 .sbox .ssbox p:nth-of-type(1){position:relative; margin:35px 0 20px; padding-bottom:20px; font-size:24px; font-weight:700; color:#333;}
.section1 .sbox .ssbox p:nth-of-type(1):before{content:""; position:absolute; bottom:0; left:40px; width:40px; border-bottom:2px solid #999;}
.section1 .sbox .ssbox p:nth-of-type(2){font-size:16px; color:#666; line-height:30px;}

.section2 .sbox{padding:100px 0;}
.section2 .sbox .ssbox{float:left; width:500px;}
.section2 .sbox .ssbox2{width:700px;}
.section2 .sbox .ssbox1{padding-right:100px;}
.section2 .sbox .ssbox p:nth-of-type(1){position:relative;  padding-bottom:20px; font-size:30px; font-weight:700; color:#333; line-height:50px;}
.section2 .sbox .ssbox p:nth-of-type(1):before{content:""; position:absolute; bottom:0; left:0; width:40px; border-bottom:2px solid #999;}
.section2 .sbox .ssbox p:nth-of-type(2){margin:20px 0; font-size:18px; color:#666; line-height:30px;}
.section2 .sbox .ssbox p:nth-of-type(3){font-size:16px; color:#999;}
.section2 .sbox .ssbox .more{margin-top:60px;}
.section2 .sbox .ssbox .more a{display:inline-block; width:140px; height:40px; font-size:14px; color:#ee4370; text-align:center; line-height:40px; border:1px solid #ee4370; border-radius:5px; transition:all 0.5s;}
.section2 .sbox .ssbox .more a:hover{color:#fff; background:#ee4370;}

.section3{padding:100px 0; background:#f5f5f5;}
.section3 .title{text-align:center;}
.section3 .title p:nth-of-type(1){font-size:30px; color:#333; line-height:40px;}
.section3 .title p:nth-of-type(2){margin-top:10px; font-size:16px; color:#666; line-height:30px;}
.section3 .sbox{margin-top:60px;}
.section3 .sbox .ssbox{float:left; width:270px; margin-right:40px; padding-bottom:20px; text-align:center; border:1px solid #ddd;}
.section3 .sbox .ssbox:last-child{margin-right:0;}
.section3 .sbox .ssbox div img{width:100%;}
.section3 .sbox .ssbox p:nth-of-type(1){position:relative; margin:35px 0 20px; padding-bottom:20px; font-size:24px; font-weight:700; color:#333;}
.section3 .sbox .ssbox p:nth-of-type(1):before{content:""; position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:40px; border-bottom:2px solid #999;}
.section3 .sbox .ssbox p:nth-of-type(2){font-size:16px; color:#999; line-height:30px;}

.section4 .sbox{padding:100px 0;}
.section4 .sbox .ssbox{position:relative; float:left; width:380px; height:230px; padding-right:160px;}
.section4 .sbox .ssbox2{margin:0 30px;}
.section4 .sbox .ssbox p:nth-of-type(1){position:relative; padding-bottom:20px; font-size:24px; font-weight:700; color:#333;}
.section4 .sbox .ssbox p:nth-of-type(1):before{content:""; position:absolute; bottom:0; left:0; width:40px; border-bottom:2px solid #999;}
.section4 .sbox .ssbox p:nth-of-type(2){margin-top:20px; font-size:14px; color:#666; line-height:30px;}
.section4 .sbox .ssbox .board{margin-top:20px;}
.section4 .sbox .ssbox .board td{padding-bottom:12px;}
.section4 .sbox .ssbox .board td img{vertical-align:middle;}
.section4 .sbox .ssbox .board td a{font-size:14px; color:#666;}
.section4 .sbox .ssbox .board td a:hover{color:#ee4370; text-decoration:underline;}
.section4 .sbox .ssbox .imgbox{display:block; position:absolute; bottom:0; right:0;}

/* footer */
.footer{padding:50px 0; background:#000;}
.footer .fbox .textbox{float:left;}
.footer .fbox .textbox p span{margin-right:10px; font-size:14px; color:#fff;}
.footer .fbox .textbox p:nth-of-type(1){line-height:30px;}
.footer .fbox .textbox p:nth-of-type(2){margin-top:50px;}
.footer .fbox .textbox p:nth-of-type(2) span{display:inline-block; padding-top:30px; border-top:1px solid #fff;}
.footer .fbox .snsbox{float:right;}
.footer .fbox .snsbox a{margin-left:10px;}

/* subtop */
.subtop{height:520px; padding-top:250px;}
.subtop p{position:relative; padding-top:30px; font-size:30px; color:#fff; text-align:center;}
.subtop p:before{content:""; position:absolute; top:0; left:50%; transform:translateX(-50%); width:40px; border-top:2px solid #fff;}
.subtop01{background:url('../img/subtop01.jpg') no-repeat center;}
.subtop02{background:url('../img/subtop02.jpg') no-repeat center;}
.subtop03{background:url('../img/subtop03.jpg') no-repeat center;}
.subtop04{background:url('../img/subtop04.jpg') no-repeat center;}

/* sub all */
.sub .contents{padding:100px 0;}
.sub .contents .title{font-size:40px; color:#333; text-align:center;}
.sub .contents .sbox{margin-top:50px;}
.sub .contents .round{width:300px; height:300px; margin:100px auto 0; font-size:30px; font-weight:500; color:#eee; text-align:center; line-height:300px; border:1px solid #ddd; border-radius:50%;}

/* sub style */
.sub01_01 .contents .sbox{margin-bottom:100px; padding-bottom:100px; border-bottom:2px dotted #ddd;}
.sub01_01 .contents .sbox:last-child{margin-bottom:0;}
.sub01_01 .contents .sbox ul li{margin-bottom:10px; padding-left:30px; font-size:20px; font-weight:700; color:#333; line-height:25px; background:url('../img/check.png') no-repeat left center / auto 25px;}
.sub01_01 .contents .sbox .basic{margin-top:80px; border-top:2px solid #ee4370; border-collapse:collapse;}
.sub01_01 .contents .sbox .basic:nth-child(2){margin-top:20px;}
.sub01_01 .contents .sbox .basic th,
.sub01_01 .contents .sbox .basic td{padding:20px 10px; font-size:16px; font-weight:700; color:#333; border:1px solid #ffe0e8;}
.sub01_01 .contents .sbox .basic th strong{font-size:20px; color:#ee4370;}
.sub01_01 .contents .sbox .basic th span{font-size:16px; font-weight:400; color:#333;}
.sub01_01 .contents .sbox .basic td:nth-child(1){width:6%; text-align:center;}
.sub01_01 .contents .sbox .basic td:nth-child(2){width:34%;}
.sub01_01 .contents .sbox .basic td:last-child{width:60%; font-weight:400;}
.sub01_01 .contents .sbox .basic td img{display:inline-block; width:290px; margin-bottom:5px;}
.sub01_01 .contents .sbox1 .basic:nth-child(2) img{width:580px;}

.sub01_02 .contents .sbox{margin-top:100px;}
.sub01_02 .contents .sbox1{margin-top:50px;}
.sub01_02 .contents .sbox>p{font-size:20px; font-weight:700; color:#333;}
.sub01_02 .contents .sbox .ssbox{margin-top:50px;}
.sub01_02 .contents .sbox .ssbox1{margin-top:20px;}
.sub01_02 .contents .sbox .ssbox>p{font-size:16px; color:#333; line-height:30px;}
.sub01_02 .contents .sbox .ssbox .box{margin-top:10px;}
.sub01_02 .contents .sbox .ssbox .box .list{float:left; margin-right:20px;}
.sub01_02 .contents .sbox .ssbox .box .list:last-child{margin-right:0;}
.sub01_02 .contents .sbox .ssbox .box .list div img{height:261px;}
.sub01_02 .contents .sbox .ssbox .box .list p{margin-top:10px; font-size:16px; font-weight:700; color:#333; text-align:center;}
.sub01_02 .contents .sbox1 .ssbox2 .box .list div img{height:393px; border:1px solid #ddd;}
.sub01_02 .contents .sbox1 .ssbox3 .box .list div img{height:430px;}
.sub01_02 .contents .sbox2 .ssbox1 .box .list div img{height:217px;}
.sub01_02 .contents .sbox2 .ssbox2 .box .list div img{height:289px;}
.sub01_02 .contents .sbox3 .ssbox1 .box .list div img{height:399px;}
.sub01_02 .contents .sbox3 .ssbox2 .box .list div img{height:209px;}
.sub01_02 .contents .sbox4 .ssbox1 .box .list div img{height:226px;}
.sub01_02 .contents .sbox4 .ssbox2 .box .list div img{height:290px;}
.sub01_02 .contents .sbox5 .ssbox1 .box .list div img{height:417px;}
.sub01_02 .contents .sbox6 .ssbox1 .box .list div img{height:auto;}

.sub02_01 .contents .sbox{margin-top:100px;}
.sub02_01 .contents .sbox1{margin-top:50px;}
.sub02_01 .contents .sbox>p{font-size:20px; font-weight:700; color:#333;}
.sub02_01 .contents .sbox .ssbox{margin-top:20px;}
.sub02_01 .contents .sbox .ssbox>p{font-size:16px; color:#333; line-height:30px;}
.sub02_01 .contents .sbox .basic{margin-top:10px; border-top:2px solid #ee4370; border-collapse:collapse;}
.sub02_01 .contents .sbox .basic th,
.sub02_01 .contents .sbox .basic td{padding:20px 10px; font-size:14px; color:#333; text-align:center; border:1px solid #ffe0e8;}
.sub02_01 .contents .sbox .basic th{font-size:16px;}
.sub02_01 .contents .sbox .basic td img{height:200px;}
.sub02_01 .contents .sbox1 .basic th:nth-child(1),
.sub02_01 .contents .sbox1 .basic th:nth-child(2){width:160px;}
.sub02_01 .contents .sbox2 .basic:last-child{margin-top:20px;}
.sub02_01 .contents .sbox2 .basic td{width:16.6%;}
.sub02_01 .contents .sbox2 .basic td img{height:80px;}
.sub02_01 .contents .sbox2 .basic2 td img{height:100px;}

.sub02_02 .contents .sbox .ssbox{position:relative; float:left; width:270px; height:270px; margin-right:30px; margin-bottom:30px; padding-top:100px; text-align:center; border:3px solid #ee4370; border-radius:50%;}
.sub02_02 .contents .sbox .ssbox:nth-child(4n){margin-right:0;}
.sub02_02 .contents .sbox .ssbox:before{content:""; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); z-index:-1; width:245px; height:245px; border-radius:50%; background:#f7f7f7;}
.sub02_02 .contents .sbox .ssbox p:nth-of-type(1){font-size:24px; font-weight:700; color:#333;}
.sub02_02 .contents .sbox .ssbox p:nth-of-type(2){margin-top:20px; font-size:16px; color:#666; line-height:30px;}
.sub02_02 .contents .sbox .ssbox:last-child{padding-top:50px;}
.sub02_02 .contents .sbox .ssbox:last-child div{margin-bottom:20px;}
.sub02_02 .contents .sbox .ssbox:last-child div img{width:150px;}
.sub02_02 .contents .sbox .ssbox:last-child p:nth-of-type(2){margin-top:10px;}