.clear {clear:both;} * {margin:0; padding:0;} ul li {list-style:none;} a {text-decoration:none; color:#222; } img {vertical-align:top; } .mgb0 {margin-bottom:0 !important;} .main{background:#f3edf1;} .cont {margin-bottom:4%;} .cont h2 {margin-bottom:2%;} .cont_main {width:100%;} .cont_main img{width:100%;} .course {padding:0 2% 2%; background:#fff;} .cont_wrap {width:100%; box-sizing: border-box;position:relative;margin-bottom:8%;} .cont_wrap::after {display:block; content:''; clear:both;} .cont_wrap > li:nth-child(1) {width:10%;margin:5% 0% 1% 4%;} .cont_wrap > li:nth-child(2) {width:93%;margin:0% 0% 0% 4%; background-color:#fff; box-sizing: border-box;position:relative; float:left; border-radius:15px;} .cont_wrap > li:nth-child(3) {width:32%;margin:0% 0% 2% 34%;} .cont_wrap > li:nth-child(4) {width:10%;margin:0% 0% 1% 4%;} .cont_wrap > li:nth-child(5) {width:93%;margin:0% 0% 2% 4%; } .cont_wrap_ul li {float:left;} .cont_wrap_ul li:nth-child(1) {width:46.5%;margin:2.5% 0% 2% 2.5%;} .cont_wrap_ul li:nth-child(2) {width:46.5%;margin:2.5% 1% 2% 2%;} .cont_wrap2 > li:nth-child(1) {width:10%;margin:0% 0% 2% 4%; padding-top:5%;} .cont_wrap2 > li:nth-child(2) {width:93%; margin:0% 0% 0% 4%; box-sizing: border-box; border-radius:15px;background-color:#fff;position:relative; float:left; } .cont_wrap2 > li:nth-child(3) {width:32%;margin:0% 0% 2% 34%; } .cont_wrap_ul2 li {float:left;} .cont_wrap_ul2 > li:nth-child(1) {width:22.5%;margin:2% 0% 2% 2%;} .cont_wrap_ul2 > li:nth-child(2) {width:22.5%;margin:2% 0% 2% 2%;} .cont_wrap_ul2 > li:nth-child(3) {width:22.5%;margin:2% 0% 2% 2%;} .cont_wrap_ul2 > li:nth-child(4) {width:22.5%;margin:2% 0% 2% 2%;} .cont_wrap3 > li:nth-child(1) {width:10%;margin:0% 0% 2% 4%; padding-top:2%;} .cont_wrap3 > li:nth-child(2) {width:93%;margin:0% 0% 4% 4%; box-sizing: border-box; border-radius:15px;background-color:#fff;position:relative; float:left;} .cont_wrap3 > li:nth-child(3) {width:10%;margin:0% 0% 2% 4%; padding-top:5%;} .cont_wrap3 > li:nth-child(4) {width:93%;margin:0% 0% 3% 4%; box-sizing: border-box; border-radius:15px;background-color:#fff;position:relative; float:left;} .cont_wrap3 > li:nth-child(5) {width:55%;margin:0% 0% 0% 24%;padding-bottom:6%;} .cont_wrap_ul3 li {float:left;} .cont_wrap_ul3 > li:nth-child(1) {width:48%;margin:2% 0% 2% 2.5%;} .cont_wrap_ul3 > li:nth-child(2) {width:48%;margin:2% 1% 2% 0%;} /* 19.04.10 추가 */ .one_wrap {background:url(https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=08b9319d-084d-45a1-866b-51a69964f4cf&mode=raw)no-repeat 0 0/100% 100%; width:100%; float:left;position:relative;} .cont_wrap_one li {float:left;} .cont_wrap_one li:nth-child(1) {width:29.5%;margin:12% 0% 5% 4%;background:url(./img/edit_name1.png)no-repeat 0 0/100% 100%; } .cont_wrap_one li:nth-child(2) {width:29.5%;margin:12% 0% 5% 2%;background:url(./img/edit_name2.png)no-repeat 0 0/100% 100%;} .cont_wrap_one li:nth-child(3) {width:29.5%;margin:12% 0% 5% 2%;background:url(./img/edit_name3.png)no-repeat 0 0/100% 100%;} .two_wrap {background:url(https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=2ae7ecdc-9fe4-4c2f-88b3-3456000036bf&mode=raw)no-repeat 0 0/100% 100%; width:100%; float:left;position:relative;} .cont_wrap_two li {float:left;} .cont_wrap_two li:nth-child(1) {width:29.5%;margin:12% 0% 5% 4%;background:url(./img/edit_name_1.png)no-repeat 0 0/100% 100%;} .cont_wrap_two li:nth-child(2) {width:29.5%;margin:12% 0% 5% 2%;background:url(./img/edit_name_2.png)no-repeat 0 0/100% 100%;} .cont_wrap_two li:nth-child(3) {width:29.5%;margin:12% 0% 5% 2%;background:url(./img/edit_name_3.png)no-repeat 0 0/100% 100%;} /* 19.04.10 추가 끝 */ @media screen and (max-width: 840px) { .cont_wrap li {float:none; width:100%; margin-bottom:3%} .cont_wrap > li:nth-child(1) {width:15%;} .cont_wrap > li:nth-child(3) {width:55%;margin:0% 0% 2% 23%;} .cont_wrap > li:nth-child(4) {width:15%; margin-top:8%;} .cont_wrap_ul li {float:none;} .cont_wrap_ul li:nth-child(1) {width:93%;margin:3% 1% 2% 3.5%;} .cont_wrap_ul li:nth-child(2) {width:93%;margin:3% 1% 3% 3.5%;} .cont_wrap2 > li:nth-child(1) {width:15%;} .cont_wrap2 > li:nth-child(3) {width:55%;margin:0% 0% 2% 23%;} .cont_wrap_ul2 > li:nth-child(1) {width:45%;margin:2% 1% 2% 3%;} .cont_wrap_ul2 > li:nth-child(2) {width:45%;margin:2% 1% 2% 2%; } .cont_wrap_ul2 > li:nth-child(3) {width:45%;margin:2% 1% 2% 3%;} .cont_wrap_ul2 > li:nth-child(4) {width:45%;margin:2% 0% 2% 2%;} .cont_wrap3 > li:nth-child(1) {width:15%;} .cont_wrap3 > li:nth-child(3) {width:15%;} .cont_wrap_ul3 li {float:none;} .cont_wrap_ul3 li:nth-child(1) {width:98%;margin:3% 1% 2% 3%;} .cont_wrap_ul3 li:nth-child(2) {width:98%;margin:3% 1% 2% 3%;} } @media screen and (max-width: 540px) { .cont_wrap li > div > a > p {font-size:16px; padding:10px;} } @media screen and (max-width: 400px) { .cont_wrap > li:nth-child(3) {width:40%;margin:0% 0% 2% 33%;} .cont_wrap_ul {width:96%;} .cont_wrap_ul li:nth-child(1) {width:92%;margin:5% 1% 2% 6.5%;} .cont_wrap_ul li:nth-child(2) {width:92%;margin:5% 1% 5% 6.5%;} .cont_wrap2 > li:nth-child(3) {width:40%;margin:0% 0% 2% 31.5%;} .cont_wrap_ul2 > li:nth-child(1) {width:43%;margin:5% 1% 2% 5%;} .cont_wrap_ul2 > li:nth-child(2) {width:43%;margin:5% 1% 2% 3%;} .cont_wrap_ul2 > li:nth-child(3) {width:43%;margin:2% 1% 2% 5%;} .cont_wrap_ul2 > li:nth-child(4) {width:43%;margin:2% 1% 2% 3%;} .cont_wrap_ul3 > li:nth-child(1) {width:92%;margin:5% 1% 3% 5%;} .cont_wrap_ul3 > li:nth-child(2) {width:92%;margin:2% 1% 4% 5%;} }