*{margin: 0; padding: 0; font-family: "SF Pro KR","SF Pro Text","SF Pro Icons","Apple Gothic","HY Gulim","MalgunGothic","HY Dotum","Lexi Gulim","Helvetica Neue","Helvetica","Arial",sans-serif;}
ul,li{list-style: none;}
a{text-decoration: none;}




#wrap{width: 100%;}


/* header */
header{width: 100%; background-color: #000;}

.nav{width: 1024px; height: 44px; margin: 0 auto;}
.nav>div>ul{width: 996px; height: 44px; display: flex; justify-content: space-between; align-items: center;}
.nav>div>ul>li>a{color: rgba(255, 255, 255, .8); font-size: 11px; }

/* 두번쨰바 */
.nav_img{padding-top: 12px; margin: 0 auto; text-align: center; width: 786px; height: 100px; display: flex; justify-content: space-between; align-items: flex-start;}

.nav_img>div>img{height: 54px;}
.nav_img>div>p:nth-child(2){font-size: 11px; color: #F5F5F7; padding-top: 4px;}
.nav_img>div>p:nth-child(3){font-size: 10px; color: #F56300; padding-top: 4px;}





/* container1 */

.container1{width: 100%; height: 850px; background-color: #000; position: relative;}

.ct1_font{position: absolute; top: 260px; left: 770px; text-align: center;}
.ct1_font>p>a{color: #2997ff; font-size: 16px; }
.ct1_font>p>a:hover{border-bottom: 1px solid #2997ff; padding-bottom: 0px;}
.ct1_font>p:nth-child(3){padding-bottom: 6px;}
.ct1_font>p:nth-child(4){padding-bottom: 16px;}
.ct1_font>p:nth-child(5){display: flex; justify-content: center; align-items: center;}

.container1>div>p:nth-child(1){color: #fff; font-size: 24px; font-weight: 600; padding-bottom: 20px;}
.container1>div>p:nth-child(2){color: #fff; font-size: 50px; font-weight: 600; padding-bottom: 40px;}

/* 이미지 */
.ct1_img1{position: absolute; top: 150px; left: -18px;}
.ct1_img2{position: absolute; top: 150px; right: -18px;}



/* container2 */

.container2{width: 100%; background-color: #000;}

.ctbox2{text-align: center; margin: 0 auto; width: 1339px; height: 850px; display: flex; justify-content: space-between; align-items: center; padding-left: 174px;}
.ctbox2>div>p:nth-child(1){color: #F56300; font-size: 12px;}
.ctbox2>div>p:nth-child(2){color: #fff; font-size: 56px; font-weight: 600;}
.ctbox2>div>p:nth-child(3){color: #fff; font-size: 24px; font-weight: 600; display: flex; justify-content: center; align-items: center; margin: 10px;}
.ctbox2>div>p:nth-child(4){color: #fff; font-size: 17px;}
.ctbox2>div>p:nth-child(5){width: 86px; height: 36px; line-height: 36px; color: #fff; font-size: 14px; background-color: #0071e3; cursor: pointer; margin: 0 auto; border-radius: 30px; margin-top: 18px; margin-bottom: 18px;}
.ctbox2>div>p:nth-child(5):hover{ background-color: #0077ED;}

.ct2_dbogi>a{color: #2997ff; font-size: 14px;}
.ct2_dbogi>a:hover{border-bottom: 1px solid #2997ff;}



/* container3 */

.container3 {width: 100%;}

.ctbox3{width: 902px; height: 772px; display: flex; justify-content: space-between; align-items: center; margin: 0 auto; text-align: center;}

.ctbox3>div>p:nth-child(1){color: #F56300; font-size: 12px;}
.ctbox3>div>p:nth-child(2){color: #1d1d1f; font-size: 56px; font-weight: 600;}
.ctbox3>div>p:nth-child(3){color: #1d1d1f; font-size: 24px; font-weight: 600; display: flex; justify-content: center; align-items: center; margin: 10px;}
.ctbox3>div>p:nth-child(4){color: #1d1d1f; font-size: 17px;}
.ctbox3>div>p:nth-child(5){width: 86px; height: 36px; line-height: 36px; color: #fff; font-size: 14px; background-color: #0071e3; cursor: pointer; margin: 0 auto; border-radius: 30px; margin-top: 18px; margin-bottom: 18px;}

.ct3_dbogi>a{color: #2997ff; font-size: 14px;}
.ct3_dbogi>a:hover{border-bottom: 2px solid #2997ff;}



/* container4 */
.container4{width: 100%; background-color: #eeeeef; text-align: center;}

.ct4_binbox{background-color: #eeeeef; padding-top: 40px;}

.ctbox4{width: 1400PX; background-color: #fff; margin: 0 auto;}


.ct4_box1>p{font-size: 56px; color: #1d1d1f; font-weight: 600; padding-top: 100px; padding-bottom: 40px;}

.ct4_box1>div{width: 440px; display: flex; justify-content: space-between; margin: 0 auto;}
.ct4_box1>div>p>a{color: #0066cc; font-size: 21px;}
.ct4_box1>div>p>a:hover{border-bottom: 1px solid #0066cc;}

.ct4_box2{width: 940px; display: flex; justify-content: center; flex-wrap: wrap; align-items: baseline; margin: 0 auto; margin-top: 80px; gap: 48px;}
.ct4_box2>div>img{display: flex; align-items: center; margin: 0 auto; margin-top: 20px; margin-bottom: 10px;}


.ct4_box3>div>hr{width: 167px; margin-bottom: 40px;}

.ct4_box4{display: flex; align-items: baseline; justify-content: center; gap: 37px; margin: 0 auto; margin-top: 20px; margin-bottom: 10px;}



/* 서브폰트 */
.new{color: #bf4800; font-size: 12px;}
.ct4_title{color: #1d1d1f; font-size: 24px; font-weight: 600; margin-top: 10px;}
.ct4_sub{color: #1d1d1f; font-size: 13px; font-weight: 600;}
.ct4_sub1{color: #1d1d1f; font-size: 13px; margin-top: 20px; margin-bottom: 24px;}
.ct4_sub1{color: #1d1d1f; font-size: 13px; margin-top: 20px; margin-bottom: 24px;}
.ct4_sub2{color: #1d1d1f; font-size: 13px; margin-bottom: 24px;}

/* 구입하기 버튼 */
.buybutton{width: 60px; height: 24px; line-height: 22px; background-color: #0071e3; cursor: pointer; margin: 0 auto; border-radius: 30px; margin-top: 18px; margin-bottom: 18px;}
.buybutton>a{color: #fff; font-size: 10px; font-weight: 600;}

/* 더보기 버튼 */
.dbogi{margin-bottom: 30px;}
.dbogi>a{color: #0066cc; font-size: 13px; font-weight: 500;}
.dbogi>a:hover{border-bottom: 1px solid #0066cc;}

.ct4_box3{width: 940px; display: flex; justify-content: center; margin: 0 auto; gap: 33px; padding-left: 23px; padding-top: 28px;}

.ct4_box2_sub_font>p{padding: 5px 0;}
.ct4_box2_sub_font>p:nth-child(1){font-size: 12px;}
.ct4_box2_sub_font>p:nth-child(2){font-size: 12px;}
.ct4_box2_sub_font>p:nth-child(3){font-size: 12px;}
.ct4_box2_sub_font>p:nth-child(4){font-size: 12px;}


.ct4_box3{width: 940px; display: flex; justify-content: center; margin: 0 auto; gap: 33px; padding-left: 23px; padding-top: 28px;}


.ct4_box4{width: 972px; display: flex; justify-content: space-between; margin: 0 auto; gap: 33px; padding-left: 21px; padding-top: 58px;}
.ct4_box3_img>p{font-size: 12px;}
.ct4_box3_img{width: 160px;}



.ct4_box5{width: 972px; display: flex; justify-content: space-between; margin: 0 auto; gap: 33px; padding-left: 21px; padding-top: 58px;}
.ct4_box4_img>p{font-size: 12px;}
.ct4_box4_img{width: 160px;}



.ct4_box6{width: 972px; display: flex; justify-content: space-between; margin: 0 auto; gap: 33px; padding-left: 21px; padding-top: 58px;}
.ct4_box5_img>p{font-size: 12px;}
.ct4_box5_img{width: 160px;}


.ct4_box7{width: 972px; display: flex; justify-content: space-between; margin: 0 auto; gap: 33px; padding-left: 21px; padding-top: 58px; padding-bottom: 80px;}
.ct4_box6_img>p{font-size: 12px;}
.ct4_box6_img{width: 160px;}

/* container5 */

.container5{width: 100%; height: 770px; background-color: #eeeeef; text-align: center;}

.ctbox5{position: relative; width: 1400px; background-color: #eeeeef; margin: 0 auto; display: flex; justify-content: center;}
.ctbox5>div{gap: 80px; position: inherit; top: 50px; width: 1400PX; height: 577px; background-color: #fff; margin: 0 auto; display: flex; justify-content: center;}

.ctbox5>div>div{margin-top: 28px;}
.ctbox5>div>div>img{ margin-top: 200px;}

.ctbox5_ft>p:nth-child(1) {font-size: 40px; color: #1d1d1f; font-weight: 600; padding-top: 100px; padding-bottom: 40px;}
.ctbox5_ft>p:nth-child(2) {font-size: 15px; font-weight: 500;}

.ctbox5_ft>p:nth-child(3){margin-top: 16px;}
.ctbox5_ft>p:nth-child(3)>a {color: #0066cc; font-size: 15px; font-weight: 600;}
.ctbox5_ft>p:nth-child(3)>a:hover{border-bottom: 1px solid #0066cc;}




/* container6 */

.container6{width: 100%; background-color: #eeeeef;}
.ct6_box_img{margin:0 auto; width: 860px; display: flex; justify-content: space-between; text-align: center;}

.ct6_box1_img>p{line-height:1.52381;}
.ct6_box1_img>p:nth-child(2){font-weight: 600; font-size: 18px; padding-top: 10px; padding-bottom: 4px;}
.ct6_box1_img>p:nth-child(3){font-size: 18px; padding-top: 6px; padding-bottom: 18px;}


.ct6_box1_img>p:nth-child(4)>a {color: #0066cc; font-size: 17px; font-weight: 600;}
.ct6_box1_img>p:nth-child(4)>a:hover{border-bottom: 1px solid #0066cc;}



/* container7 */
.container7{width: 100%; background-color: #eeeeef;}

.ct7_title{font-size: 50px; color: #1d1d1f; font-weight: 600; text-align: center; padding-top: 100px; padding-bottom: 100px;}

/* 박스1 */
.ct7_box{width: 1400px; display: flex; justify-content: space-between; margin: 0 auto;}


.ct7_box1{position: relative; text-align: center; width: 675px; height: 626px; background-color: #fff;}


.ct7_box1_img1>p:nth-child(1){font-size: 42px; color: #1d1d1f; font-weight: 600; margin-top: 64px; margin-bottom: 20px;}
.ct7_box1_img1>p:nth-child(2){font-size: 18px; color: #1d1d1f; font-weight: 600;}

.ct7_img1{position: absolute; bottom: -4px;}


/* 박스2 */

.ct7_box2{position: relative; text-align: center; width: 675px; height: 626px; background-color: #fff;}

.ct7_img2{position: absolute; top: 0;}

.ct7_box1_img2>p:nth-child(1){font-size: 42px; color: #1d1d1f; font-weight: 600; margin-top: 434px; margin-bottom: 20px;}
.ct7_box1_img2>p:nth-child(2){font-size: 18px; color: #1d1d1f; font-weight: 600;}



/* 쇼핑하기 더 알아보기 */
.ct7_ft {display: flex; justify-content: center; gap: 20px; margin-top: 20px;}

/* 쇼핑 */
.ct7_soping>a {color: #0066cc; font-size: 18px; font-weight: 600;}
.ct7_soping>a:hover{border-bottom: 2px solid #0066cc;}

.ct7_dbogi>a {color: #0066cc; font-size: 18px; font-weight: 600;}

.ct7_dbogi>a:hover{border-bottom: 2px solid #0066cc;}


/* container8 */
.container8{width: 100%; height: 738px; background-color: #eeeeef;}
.ct8{position: relative; top: 40px; background-color: #eeeeef; width: 1400px; background-color: #fff; margin: 0 auto;}
.ct8>div{position: inherit; background-color: #fff; width: 1400px; height: 697px; margin: 0 auto; text-align: center; }



.ct8_title>p:nth-child(1){font-size: 42px; color: #1d1d1f; font-weight: 600; padding-top: 84px; margin-bottom: 20px;}
.ct8_title>p:nth-child(2){font-size: 18px; color: #1d1d1f; font-weight: 600;}

.ct8_soping{margin-top: 20px; margin-bottom: 10px;}
.ct8_soping>a {color: #0066cc; font-size: 18px; font-weight: 600;}
.ct8_soping>a:hover{border-bottom: 2px solid #0066cc;}


/* container9 */

.ct9_title{background-color: #eeeeef; text-align: center; font-size: 42px; color: #1d1d1f; font-weight: 600; padding-top: 104px; padding-bottom: 60px;}

.container9{width: 100%; background-color: #eeeeef; padding-bottom: 30px;}


.ct9{text-align: center; background-color: #fff; width: 1400px; height: 466px; display: flex; justify-content: center; align-items: center; gap: 142px;  margin: 0 auto; padding-top: 30px;}

.ct9>div>p:nth-child(1){font-size: 42px; color: #1d1d1f; font-weight: 600; margin-bottom: 20px;}
.ct9>div>p:nth-child(2){font-size: 18px; color: #1d1d1f; font-weight: 600;}

.ct9_dbogi{padding-top: 30px;}
.ct9_dbogi>a {color: #0066cc; font-size: 18px; font-weight: 600;}
.ct9_dbogi>a:hover{border-bottom: 2px solid #0066cc;}


/* container10 */

.container10{width: 100%; height: 647px; background-color: #eeeeef;}

.ct10{margin: 0 auto; width: 1400px; background-color: #fff; position: relative;}

.ct10_ft{width: 1400px; margin: 0 auto; position: absolute; top: 66px; text-align: center; z-index: 999999;}

.ct10_img{position: absolute; top: 0;}
.ct10_img>img{width: 1400px;}

.ct10_ft>p:nth-child(1){font-size: 42px; color: #1d1d1f; font-weight: 600; margin-bottom: 20px;}
.ct10_ft>p:nth-child(2){font-size: 18px; color: #1d1d1f; font-weight: 600; line-height:1.52381;}

.ct10_dbogi{padding-top: 20px;}
.ct10_dbogi>a {color: #0066cc; font-size: 18px; font-weight: 600;}
.ct10_dbogi>a:hover{border-bottom: 2px solid #0066cc;}



/* container11 */


.container11{width: 100%; background-color: #eeeeef;}

/* 박스1 */
.ct11_box{width: 1400px; display: flex; justify-content: space-between; margin: 0 auto; padding-top: 40px;}


.ct11_box1{position: relative; text-align: center; width: 675px; height: 626px; background-color: #fff;}


.ct11_box1_img1>p:nth-child(1){font-size: 42px; color: #1d1d1f; font-weight: 600; margin-top: 64px; margin-bottom: 20px;}
.ct11_box1_img1>p:nth-child(2){font-size: 18px; color: #1d1d1f; font-weight: 600; line-height:1.52381;}

.ct11_img1{position: absolute; bottom: 30px; left: 40px;}
.ct11_img2{position: absolute; bottom: 30px; left: 150px;}


/* 쇼핑하기 더 알아보기 */
.ct11_ft {display: flex; justify-content: center; gap: 20px; margin-top: 20px;}

/* 쇼핑 */
.ct11_soping>a {color: #0066cc; font-size: 18px; font-weight: 600;}
.ct11_soping>a:hover{border-bottom: 2px solid #0066cc;}

.ct11_dbogi>a {color: #0066cc; font-size: 18px; font-weight: 600;}

.ct11_dbogi>a:hover{border-bottom: 2px solid #0066cc;}




/* container12 */
.container12{width: 100%; background-color: #eeeeef;}

.container12>div{width: 1100px; margin: 0 auto; font-size: 12px; color: #6e6e73; padding-top: 40px; padding-bottom: 30px;}


/* footer */
footer{width: 100%; background-color: #eeeeef;}
.footer_first{width: 1100px; margin: 0 auto;}
.footer_first>div{font-size: 12px; width: 1100px; display: flex; justify-content: left; gap: 100px; padding-top: 40px;}
.footer_first>div>div>div>ul{padding-top: 20px;}
.footer_first>div>div>div>ul>li{padding: 4px 0;}
.footer_first>div>div>div>ul>li>a{color: #424245;}
.footer_first>div>div>div>ul>li>a:hover{border-bottom: 1px solid #424245;}
b{color: #1d1d1f;}

.ft_binbox{padding-top: 10px;}

.footer_second{width: 1100px; margin: 0 auto; font-size: 12px; color: #999; padding-top: 40px; padding-bottom: 16px; line-height: 24px;}