@charset "utf-8";
html,body{width: 100%; height: 100%;}
.ready-img{position: relative;}
.ready-img img{display: block; margin: 0 auto;}
.ready-img .ready-txt{font-size:37px; color: #414e57; text-align: center; font-weight: 500;}
.ready-img .ready-txt span.blue{color: #1752a2;}
.ready-img .ready-txt span.con{font-size:18px; color: #414e57; display: block; padding: 20px 0 0 0;}

ul.boxlist{display: flex; justify-content: space-between; flex-flow: wrap;}
ul.boxlist.list03 li{width: 32%; border:solid 1px #b1b1b1;}
ul.boxlist.list03 li img{width: 100%;}
ul.boxlist.list03 li span.txt{display: block; text-align: center; padding: 10px 0; background: #fafafa; font-size:15px;}

ul.boxlist.list03-odd{display: flex; justify-content: flex-start; flex-flow: wrap;}
ul.boxlist.list03-odd li{width: 32%; border:solid 1px #b1b1b1; margin: 0 0 20px 20px; position: relative;}
ul.boxlist.list03-odd li:first-child{margin: 0 0 20px 0px;}
ul.boxlist.list03-odd li:nth-child(4){margin: 0 0 0px 0px;}
ul.boxlist.list03-odd li:nth-child(5){margin: 0 0 0px 20px;}
ul.boxlist.list03-odd li span.bg-0201 img{width: 100%;}
ul.boxlist.list03-odd span.bg-0201 i.tit{padding: 5px 10px; background: #ca9b27; color: #fff; text-align: center; position: absolute; top:0; left:0; display: block; font-style: inherit;}
ul.boxlist.list03-odd li div.txt-0201{padding: 20px 20px;}
ul.boxlist.list03-odd li div.txt-0201 span.tit{font-size:18px; font-weight: bold; color: #000; display: block; padding-bottom: 15px; letter-spacing: -0.7px;}
ul.boxlist.list03-odd li div.txt-0201 span.txt{font-size:15px; color: #000;}

ul.boxlist.list03-odd.df{}
ul.boxlist.list03-odd.df li{height: auto;}
ul.boxlist.list03-odd.df li:nth-child(4){margin: 0 0 20px 0px;}
ul.boxlist.list03-odd.df li:nth-child(5){margin: 0 0 20px 20px;}
ul.boxlist.list03-odd li div.txt-0201{background: #fafafa; padding: 10px 20px;}
ul.boxlist.list03-odd.df li div.txt-0201 span.tit{text-align: center; padding-bottom: 0px; color: #666666; font-size:15px; font-weight: 400;}



ul.boxlist02.list02{display: flex; justify-content: space-between; flex-flow: wrap;}
ul.boxlist02.list02 li{width: 48%; border:solid 1px #b1b1b1; position: relative;}
ul.boxlist02.list02 li span.bg-0201 img{width: 100%;}
ul.boxlist02.list02 li div.txt-0201{padding: 20px 20px; display: flex; justify-content: space-between;}
ul.boxlist02.list02 li div.txt-0201 span.tit{font-size:18px; font-weight: bold; color: #000; display: block;}
ul.boxlist02.list02 li div.txt-0201 span.txt{font-size:15px; color: #000;}
ul.boxlist.list02 li img{max-width: 100%;}




ul.boxlist{display: flex; justify-content: space-between; flex-flow: wrap;}
ul.boxlist.list04 li{width: 23%;}
ul.boxlist.list04 li span.tit{padding: 10px 10px; background: #3d464d; color: #fff; font-size:18px; text-align: center; display: block;}
ul.boxlist.list04 li span.txt{padding: 40px 20px; background: #f4f3f3; color: #000; font-size:16px; text-align: center; display: block;}

ul.boxlist{display: flex; justify-content: space-between; flex-flow: wrap;}
ul.boxlist.list02 li{width: 48%;}
ul.boxlist.list02 li span.tit{padding: 10px 10px; background: #3d464d; color: #fff; font-size:18px; text-align: center; display: block;}
ul.boxlist.list02 li span.txt{padding: 40px 20px; background: #f4f3f3; color: #000; font-size:16px; text-align: center; display: block;}

ul.boxlist{display: flex; justify-content: space-between; flex-flow: wrap;}
ul.boxlist.list03 li{width: 31%; border:none;}
ul.boxlist.list03 li span.tit{padding: 10px 10px; background: #3d464d; color: #fff; text-align: center; display: block;}
ul.boxlist.list03 li span.txt{padding: 12px 20px;  background: #f4f3f3; color: #000; text-align: center; display: block;}
ul.boxlist.list03 li span.txt i{font-size:15px; color: #000; font-style: inherit; padding-top: 10px 0 0 0;}




ul.img-txt-box1n-2{display: flex; justify-content: space-between; border: solid 1px #b1b1b1; padding: 20px;}
ul.img-txt-box1n-2 li.img{width: 30%; height: 170px; }
ul.img-txt-box1n-2 li:last-child{width: 100%;}

ul.ico-boxwrap{display: flex; justify-content: space-between; flex-flow: wrap;}
ul.ico-boxwrap li{width: 48%; border:solid 1px #b1b1b1; margin-bottom: 20px;}
ul.ico-boxwrap li div.box{position: relative; padding: 30px 60px 30px 125px;}
ul.ico-boxwrap li div.box:before{content: ""; width: 41px; height: 100%; background: url("/images/Gimjae/contents/04/04041-ico01.png") #f0f0f0 center no-repeat; padding: 10px 50px; position: absolute; top:0; left:0; display: block; box-sizing: border-box;}
ul.ico-boxwrap li:nth-child(2) div.box:before{content: ""; width: 41px; height: 100%; background: url("/images/Gimjae/contents/04/04041-ico02.png") #f0f0f0 center no-repeat; }
ul.ico-boxwrap li:nth-child(3) div.box:before{content: ""; width: 41px; height: 100%; background: url("/images/Gimjae/contents/04/04041-ico03.png") #f0f0f0 center no-repeat; }
ul.ico-boxwrap li:nth-child(4) div.box:before{content: ""; width: 41px; height: 100%; background: url("/images/Gimjae/contents/04/04041-ico04.png") #f0f0f0 center no-repeat;}
ul.ico-boxwrap li div.box span{display: block;}
ul.ico-boxwrap li div.box span.tit{font-size:20px; font-weight: bold; color: #666666;}
ul.ico-boxwrap li div.box span.txt{font-size:15px; font-weight: 400; color: #666666; padding: 10px 0 0 0; letter-spacing: -1px;}

div.box-0101-01 p.txt{font-size:16px; line-height: 150%; letter-spacing: -1px;}
ul.txt-img-2n{display: flex; justify-content: space-between;}
ul.txt-img-2n li{width: 59%;}
ul.txt-img-2n li:last-child{width: 50%; position: relative;}
ul.txt-img-2n li:last-child span.img img{max-width:100%;}
/*
ul.txt-img-2n li:last-child span.img{width: 578px; height: 304px; background: url("/images/Gimjae/contents/01/0101-01-img01.png") no-repeat; display: block;}
*/


.quick-navi-box{position: fixed;top: 0;left: 104px; height: 100%;z-index: 40}
.quick-navi-box:before{content: ""; width: 1px; height: 100%; background: #d9d6d4; position: absolute; top:0; left:0;}
.quick-navi-box .quick-navi{width: 100px; height: 200px; position: fixed; top:440px; left:95px;}
.quick-navi-box .quick-navi li{ padding: 0 0 40px 0;}
.quick-navi-box .quick-navi li a{width: 8px; height: 8px; background: #fff; border:solid 5px #5590a2; border-radius: 50%; display: block;}
.quick-navi-box .quick-navi li a span{display: none;}
.quick-navi-box .quick-navi li.home.active a{width:100px; height: auto; border: none; border-radius: 28px; padding: 10px 20px; background: #5590a2;}
.quick-navi-box .quick-navi li.active span{display: block; color: #fff; font-size:14px; position: relative; padding: 0 0 0 25px;}
.quick-navi-box .quick-navi li.active span:before{content: ""; width: 16px; height: 15px; background: url("/images/Gimjae/contents/01/scroll-ico01.png") no-repeat; position: absolute; top:3px; left: 3px;}

.quick-navi-box .quick-navi li.about.active a{width:100px; height: auto; border: none; border-radius: 28px; padding: 10px 20px; background: #5590a2;}
.quick-navi-box .quick-navi li.about.active span:before{content: ""; width: 14px; height: 16px; background: url("/images/Gimjae/contents/01/scroll-ico02.png") no-repeat; position: absolute; top:3px; left: 3px;}

.quick-navi-box .quick-navi li.order.active a{width:100px; height: auto; border: none; border-radius: 28px; padding: 10px 20px; background: #5590a2;}
.quick-navi-box .quick-navi li.order.active span:before{content: ""; width: 15px; height: 18px; background: url("/images/Gimjae/contents/01/scroll-ico03.png") no-repeat; position: absolute; top:3px; left: 3px;}

.quick-navi-box .quick-navi li.product.active a{width:100px; height: auto; border: none; border-radius: 28px; padding: 10px 20px; background: #5590a2;}
.quick-navi-box .quick-navi li.product.active span:before{content: ""; width: 18px; height: 14px; background: url("/images/Gimjae/contents/01/scroll-ico04.png") no-repeat; position: absolute; top:3px; left: 3px;}

.cont01-home{width: 100%;}
.cont01-home.bg01{width: 100%; height: 1001px; margin-top: 0px;  position: relative;}
.cont01-home.bg01:before{position:absolute; top:0px; left:50%; width:2000px; height:1001px; margin-left:-1000px; background: url("/images/Gimjae/contents/01/0101-bg01.jpg") center no-repeat; background-size:cover; content:""; z-index:-1;}

#doc{position: relative;}



#doc .cont01-home h5.tit{ font-family: 'Jalnan'; font-size:50px; color: #000000; text-align: center; padding: 140px 0 0 0;}
#doc .cont01-home ul.photo-list{display: flex; justify-content: space-between; flex-flow: wrap; padding: 100px 0 0 0;}
#doc .cont01-home ul.photo-list li{width: 25%; margin-bottom: 4px;}
#doc .cont01-home ul.photo-list li a{width: 100%; height: 285px; background: url("/images/Gimjae/contents/01/0101-img01.jpg") center no-repeat; display: block; box-sizing: border-box; -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out; transition:all 0.5s ease-out;}
#doc .cont01-home ul.photo-list li:nth-child(2) a{background: url("/images/Gimjae/contents/01/0101-img02.jpg") center no-repeat;}
#doc .cont01-home ul.photo-list li:nth-child(3) a{ background: url("/images/Gimjae/contents/01/0101-img03.jpg") center no-repeat;}
#doc .cont01-home ul.photo-list li:nth-child(4) a{background: url("/images/Gimjae/contents/01/0101-img04.jpg") center no-repeat;}
#doc .cont01-home ul.photo-list li:nth-child(5) a{background: url("/images/Gimjae/contents/01/0101-img05.jpg") center no-repeat;}
#doc .cont01-home ul.photo-list li:nth-child(6) a{background: url("/images/Gimjae/contents/01/0101-img06.jpg") center no-repeat;}
#doc .cont01-home ul.photo-list li:nth-child(7) a{background: url("/images/Gimjae/contents/01/0101-img07.jpg") center no-repeat;}
#doc .cont01-home ul.photo-list li:nth-child(8) a{background: url("/images/Gimjae/contents/01/0101-img08.jpg") center no-repeat;}
#doc .cont01-home ul.photo-list li a span.tit{font-size:20px; color: #fff; text-align: center; display: block; padding: 120px 0 0 0; line-height: 120%;}
#doc .cont01-home ul.photo-list li a:hover span.tit{padding: 60px 0 0 0;}
#doc .cont01-home ul.photo-list li a span.more{ width: 48px; height: 48px; background: url("/images/Gimjae/contents/01/more-btn.png") center no-repeat; margin: 0 auto; text-indent: -9999px; padding-top: 20px;  display: none;}
#doc .cont01-home ul.photo-list li a:hover{border:solid 20px #fff; }
#doc .cont01-home ul.photo-list li a:hover span.more{display: block; padding-top: 80px;}

#doc .cont01-home.bg02{position: relative; width: 100%; height: 2530px;}
#doc .cont01-home.bg02:before{content:""; position:absolute; top:0px; left:50%; width:2000px; height:2564px; margin-left:-1000px; background: url("/images/Gimjae/contents/01/2pg-bg.png") center no-repeat; background-size:cover; z-index: -1; }
#doc .cont01-home.bg02 ul.box-list{display: flex; justify-content: space-between; flex-flow: wrap; padding: 80px 0 0 0;}
#doc .cont01-home.bg02 ul.box-list li{width: 48%;}
#doc .cont01-home.bg02 ul.box-list li span.tit{font-size:22px; font-weight: bold; color: #000000; text-align: left; display: block; padding: 0 0 20px 0;}
#doc .cont01-home.bg02 ul.box-list li div.box{width: 100%; height: 200px; background: #fff; padding: 30px 30px; box-sizing: border-box;}
#doc .cont01-home.bg02 ul.box-list li div.box p.txt-box{font-size:15px; color: #000000; padding: 0 0 0 135px; box-sizing: border-box; position: relative;}
#doc .cont01-home.bg02 ul.box-list li div.box p.txt-box span.t-line{padding: 0 0 5px 0; display: block;}
#doc .cont01-home.bg02 ul.box-list li div.box p.txt-box:before{content: ""; width: 97px; height: 97px; background: url("/images/Gimjae/contents/01/2p-ico01.png") center no-repeat; position: absolute; top:15px; left:0;}
#doc .cont01-home.bg02 ul.box-list li div.box p.txt-box span.tel{display: block; padding: 10px 0 0 0;}
#doc .cont01-home.bg02 ul.box-list li div.box p.txt-box span.tel i.tit{font-style: inherit; padding: 0 12px 0 30px; display: inline-block; position: relative; }
#doc .cont01-home.bg02 ul.box-list li div.box p.txt-box span.tel i.number{font-style: inherit; padding: 0 0 0 10px; display: inline-block; }
#doc .cont01-home.bg02 ul.box-list li div.box p.txt-box span.tel i.tit:before{content: ""; width: 21px; height: 22px; background: url("/images/Gimjae/contents/01/tel-ico.png") no-repeat; position: absolute; top:0; left:0;}
#doc .cont01-home.bg02 ul.box-list li div.box p.txt-box span.tel i.tit:after{content: ""; width: 1px; height: 15px; background: #b2b2b2; position: absolute; top:3px; right:0;}

#doc .cont01-home.bg02 ul.box-list li div.box p.date-box02{display: flex; justify-content: space-between; flex-flow: wrap; padding: 35px 0px 0px 135px; box-sizing: border-box; position: relative;}
#doc .cont01-home.bg02 ul.box-list li div.box p.date-box02:before{content: ""; width: 97px; height: 97px; background: url("/images/Gimjae/contents/01/2p-ico02.png") center no-repeat; position: absolute; top:15px; left:0;}
#doc .cont01-home.bg02 ul.box-list li div.box p.date-box02 span{width: 43%; font-size:23px; font-weight: bold; color: #dc7905; position: relative;}
#doc .cont01-home.bg02 ul.box-list li div.box p.date-box02 span.line{position: relative; padding: 0 20px 0 0;}
#doc .cont01-home.bg02 ul.box-list li div.box p.date-box02 span.line:before{content: ""; width: 1px; height: 50px; background: #e7e7e7; position: absolute; top:6px; right:0px;}
#doc .cont01-home.bg02 ul.box-list li div.box p.date-box02 span i{font-style: inherit; font-size:15px; color: #000000; padding: 0 0 5px 0; display: inline-block;}
#doc .cont01-home.bg02 ul.box-list li div.box p.date-box02 span.impor-txt{width: 100%; font-size:15px; font-weight: bold; color: #000000; padding: 15px 0 0 0;}

#doc .cont01-home.bg02 .box-list02{padding: 40px 0 0 0;}
#doc .cont01-home.bg02 .box-list02 span.tit{font-size:25px; color: #000000; font-weight: bold; padding: 0 0 20px 0; display: block;}
#doc .cont01-home.bg02 .box-list02 ul.list{display: flex; justify-content: space-between; background: #fff; padding: 30px 0px 50px 0px; box-sizing: border-box;}
#doc .cont01-home.bg02 .box-list02 ul.list li{width: 33%; padding: 0 30px; box-sizing: border-box; position: relative;}
#doc .cont01-home.bg02 .box-list02 ul.list li:after{content: ""; width: 1px; height: 100px; background: #e7e7e7; position: absolute; top:0; right:20px;}
#doc .cont01-home.bg02 .box-list02 ul.list li:nth-child(2):after{content: "";  right:10px;}
#doc .cont01-home.bg02 .box-list02 ul.list li:last-child:after{content: none;}
#doc .cont01-home.bg02 .box-list02 ul.list li:first-child{padding: 0 0px 0 0px;}
#doc .cont01-home.bg02 .box-list02 ul.list li:last-child{padding: 0 0px 0 0px;}
#doc .cont01-home.bg02 .box-list02 ul.list li:nth-child(2){padding-left: 0px;}
#doc .cont01-home.bg02 .box-list02 ul.list li div.flex{display: flex; justify-content: start;}
#doc .cont01-home.bg02 .box-list02 ul.list li div.flex p.img{width: 161px; height: 64px; background: url("/images/Gimjae/contents/01/2p-ico03.png") center no-repeat; position: relative;}
#doc .cont01-home.bg02 .box-list02 ul.list li:nth-child(2) div.flex p.img{background: url("/images/Gimjae/contents/01/2p-ico04.png") center no-repeat;}
#doc .cont01-home.bg02 .box-list02 ul.list li:nth-child(3) div.flex p.img{background: url("/images/Gimjae/contents/01/2p-ico05.png") center no-repeat;}

#doc .cont01-home.bg02 .box-list02 ul.list li div.flex p.img:before{content: "어른"; position: absolute; bottom:-26px; left:50%; transform: translate(-50%, 0); font-size:15px; font-weight: bold;}
#doc .cont01-home.bg02 .box-list02 ul.list li:nth-child(2) div.flex p.img:before{content: "청소년(군경)";}
#doc .cont01-home.bg02 .box-list02 ul.list li:nth-child(3) div.flex p.img:before{content: "어린이";}
#doc .cont01-home.bg02 .box-list02 ul.list li div.flex p.txt{padding: 20px 0 0 0px;}
#doc .cont01-home.bg02 .box-list02 ul.list li div.flex p.txt span{display: block;}
#doc .cont01-home.bg02 .box-list02 ul.list li div.flex p.txt span.price{font-size:20px; color: #000000;}
#doc .cont01-home.bg02 .box-list02 ul.list li div.flex p.txt span.txt-price{font-size:15px; color: #000000; padding: 10px 0 0 0;}
#doc .cont01-home.bg02 .box-list02 ul.list02{display: flex; justify-content: space-between; background: #f0f0f0; padding: 30px 30px; box-sizing: border-box;}
#doc .cont01-home.bg02 .box-list02 ul.list02 li{width: 60%;}
#doc .cont01-home.bg02 .box-list02 ul.list02 li:last-child{width: 40%;}
#doc .cont01-home.bg02 .box-list02 ul.list02 li span.l-tit{font-size:15px; color: #fff; background: #5590a2; padding: 5px 20px; border-radius: 20px; display: inline-block;}
#doc .cont01-home.bg02 .box-list02 ul.list02 li dl{padding: 20px 0 0 0;}
#doc .cont01-home.bg02 .box-list02 ul.list02 li dl dd{position: relative; padding: 0 0 0 15px;}
#doc .cont01-home.bg02 .box-list02 ul.list02 li dl dd:before{content: "1."; position: absolute; top:0; left:0;}
#doc .cont01-home.bg02 .box-list02 ul.list02 li dl dd:nth-child(3):before{content: "2.";}
#doc .cont01-home.bg02 .box-list02 ul.list02 li dl dd:nth-child(4):before{content: "3.";}
#doc .cont01-home.bg02 .box-list02 ul.list02 li dl dd:nth-child(5):before{content: "4.";}
#doc .cont01-home.bg02 .box-list02 ul.list02 li dl dd:nth-child(6):before{content: "5.";}
#doc .cont01-home.bg02 .box-list02 ul.list02 li dl dd:nth-child(7):before{content: "6.";}
#doc .cont01-home.bg02 .box-list02 ul.list02 li dl dd:nth-child(8):before{content: "7.";}
#doc .cont01-home.bg02 .box-list02 ul.list02 li dl dd:nth-child(9):before{content: "8.";}
#doc .cont01-home.bg02 .box-list02 ul.list02 li dl dd:nth-child(10):before{content: "9.";}
#doc .cont01-home.bg02 .box-list02 ul.list02 li dl dd.num{position: relative; padding: 0 0 0 23px;}
#doc .cont01-home.bg02 .box-list02 ul.list02 li dl dd.num10:before{content: "10."; position: absolute; top:0; left:0;}
#doc .cont01-home.bg02 .box-list02 ul.list02 li dl dd.num11:before{content: "11."; position: absolute; top:0; left:0;}
#doc .cont01-home.bg02 .box-list02 ul.list02 li dl dd.num12:before{content: "12."; position: absolute; top:0; left:0;}
#doc .cont01-home.bg02 .box-list02 ul.list02 li dl dd.num13:before{content: "13."; position: absolute; top:0; left:0;}
#doc .cont01-home.bg02 .box-list02 ul.list02 li span.r-tit{text-align: right; color: #000000; display: block; text-decoration: underline;}
#doc .cont01-home.bg02 .box-list02 ul.list02 li dl dd span{display: block; padding: 0 0 0 5px;}

#doc .cont01-home.bg02 ul.box-list03{display: flex; justify-content: space-between; padding: 50px 0 80px 0; position: relative;}
#doc .cont01-home.bg02 ul.box-list03:after{content: ""; width: 90px; height: 106px; background: url("/images/Gimjae/contents/01/2p-ico11.png") no-repeat; position: absolute; top:55px; right:-170px;}
#doc .cont01-home.bg02 ul.box-list03 li{width: 30%;}
#doc .cont01-home.bg02 ul.box-list03 li div.box{padding: 33px 0 0 180px; position: relative;}
#doc .cont01-home.bg02 ul.box-list03 li div.box:before{content: ""; width: 141px; height: 139px; background: url("/images/Gimjae/contents/01/2p-ico06.png") no-repeat; position: absolute; top:0; left:0;}
#doc .cont01-home.bg02 ul.box-list03 li:nth-child(2) div.box:before{content: ""; background: url("/images/Gimjae/contents/01/2p-ico07.png") no-repeat;}
#doc .cont01-home.bg02 ul.box-list03 li:nth-child(3) div.box:before{content: ""; background: url("/images/Gimjae/contents/01/2p-ico08.png") no-repeat;}

#doc .cont01-home.bg02 ul.box-list03 li div.box span{display: block;}
#doc .cont01-home.bg02 ul.box-list03 li div.box span i{display: block; font-size:15px; color: #000000; font-style: inherit; font-weight: bold; padding: 15px 0 0 0;}
#doc .cont01-home.bg02 ul.box-list03 li div.box span.tit{font-size:20px; color: #000000; font-weight: 500;}
#doc .cont01-home.bg02 ul.box-list03 li div.box span.nb{font-size:33px; font-weight: bold; color: #dc7905; padding: 15px 0 0 0; line-height: 110%;}

#doc .cont01-home.bg02 div.box-list04 p.txt{font-size:16px; color: #000000; font-weight: bold; padding: 0 0 0 60px; position: relative;}
#doc .cont01-home.bg02 div.box-list04 p.txt:before{content: ""; width: 44px; height: 42px; background: url("/images/Gimjae/contents/01/2p-ico09.png") no-repeat; position: absolute; top:0; left:0;}
#doc .cont01-home.bg02 div.box-list04 ul.list-t{ padding: 20px 0 100px 0;}
#doc .cont01-home.bg02 div.box-list04 ul.list-t li{font-size:15px; color: #000000; padding: 0 0 0 82px; position: relative;}
#doc .cont01-home.bg02 div.box-list04 ul.list-t li:before{content: ""; width: 10px; height: 1px; background: #000000; position: absolute; top:9px; left:62px;}

#doc .cont01-home.bg02 div.box-list05{width: 100%; height: 938px; position: relative;}
#doc .cont01-home.bg02 div.box-list05:before{content:""; position:absolute; bottom:0px; left:50%; width:2000px; height:988px; margin-left:-1000px; background: url("/images/Gimjae/contents/01/2pg-bg02.png") center no-repeat; background-size:cover; z-index: -1; }
#doc .cont01-home.bg02 div.box-list05 ul.list-flex{display: flex; justify-content: space-between;}
#doc .cont01-home.bg02 div.box-list05 ul.list-flex li{}
#doc .cont01-home.bg02 div.box-list05 ul.list-flex li span.txt01{ font-family: 'Nanum Myeongjo', serif; font-size:26px; display: block; line-height: 120%; padding: 60px 0px 30px 0; color: #fad549; letter-spacing:-0.05em;}
#doc .cont01-home.bg02 div.box-list05 ul.list-flex li span.txt02{color: #fff; font-weight: 300;}
#doc .cont01-home.bg02 div.box-list05 ul.list-flex li span.img{width: 376px; height: 479px; background: url("/images/Gimjae/contents/01/2p-ico10.png") no-repeat; display: block; margin: 100px 0 0 0;}
#doc .cont01-home.bg02 div.box-list05 ul.history-box{display: flex; justify-content: space-between; padding: 55px 0 0 0; position: relative;}
#doc .cont01-home.bg02 div.box-list05 ul.history-box:before{content: ""; width: 100%; height: 2px; background: #fff; position: absolute; top:110px; left:0;}

#doc .cont01-home.bg02 div.box-list05 ul.history-box li{width: 14%; position: relative;}
#doc .cont01-home.bg02 div.box-list05 ul.history-box li:before{content: ""; width: 10px; height: 10px; background: #fff; border-radius: 50%; border:solid 7px #775136; position: absolute; top:44px; left:0;}
#doc .cont01-home.bg02 div.box-list05 ul.history-box li span{display: block;}
#doc .cont01-home.bg02 div.box-list05 ul.history-box li span.date{font-size:17px; color: #fad549; font-weight: bold; padding: 0 0 35px 30px;}
#doc .cont01-home.bg02 div.box-list05 ul.history-box li span.date.one{padding: 20px 0 40px 30px;}


#doc .cont01-home.bg02 div.box-list05 ul.history-box li span.date i{font-style: inherit; color: #fff; display: block;}
#doc .cont01-home.bg02 div.box-list05 ul.history-box li span.txt{color: #fff; font-weight: 300; letter-spacing: -1px; padding: 0 0 0 30px;}


#doc .cont01-home.bg03{position: relative; width: 100%; height: 1085px; }
#doc .cont01-home.bg03:before{content:""; position:absolute; top:0px; left:50%; width:2000px; height:1085px; margin-left:-1000px; background: url("/images/Gimjae/contents/01/3pg-bg.png") center no-repeat; background-size:cover; z-index: -1; }
#doc .cont01-home.bg03 ul.location-box{display: flex; justify-content: space-between; padding: 100px 0 0 0;}
#doc .cont01-home.bg03 ul.location-box li{width: 56%;}
#doc .cont01-home.bg03 ul.location-box li:last-child{width: 45%;}
#doc .cont01-home.bg03 ul.location-box li .root_daum_roughmap{width: 100% !important; position: relative; z-index: 0;}
.root_daum_roughmap .wrap_map{height: 572px !important;}
#doc .cont01-home.bg03 ul.location-box li div.top{width: 100%; height: 167px; background: url("/images/Gimjae/contents/01/lct-topbg.png") no-repeat center; padding: 30px 50px; box-sizing: border-box;}
#doc .cont01-home.bg03 ul.location-box li div.top span{display: block; padding: 10px 0 30px 60px; position: relative; font-size:19px; color: #fff; font-weight: bold;}
#doc .cont01-home.bg03 ul.location-box li div.top span.txt:before{content: ""; width: 42px; height: 37px; background: url("/images/Gimjae/contents/01/lct-ico01.png") no-repeat; position: absolute; top:0; left:0;}
#doc .cont01-home.bg03 ul.location-box li div.top span.tel:before{content: ""; width: 42px; height: 37px; background: url("/images/Gimjae/contents/01/lct-ico02.png") no-repeat; position: absolute; top:0; left:0;}
#doc .cont01-home.bg03 ul.location-box li dl.bottom{width: 100%; height: 437px; padding: 30px 20px; background: #fff; box-sizing: border-box;}
#doc .cont01-home.bg03 ul.location-box li dl.bottom dd{padding: 50px 0 50px 95px; border-bottom:solid 1px #b1b1b1; position: relative; font-size:15px; color: #000000;}
#doc .cont01-home.bg03 ul.location-box li dl.bottom dd:nth-child(2){padding:20px 0 50px 95px;}
#doc .cont01-home.bg03 ul.location-box li dl.bottom dd:before{content: ""; width: 79px; height: 79px; background: url("/images/Gimjae/contents/01/lct-ico03.png") no-repeat; position: absolute; top:16px; left:0;}
#doc .cont01-home.bg03 ul.location-box li dl.bottom dd:nth-child(3):before{top:23px; background: url("/images/Gimjae/contents/01/lct-ico04.png") no-repeat;}
#doc .cont01-home.bg03 ul.location-box li dl.bottom dd:nth-child(4):before{top:23px; background: url("/images/Gimjae/contents/01/lct-ico05.png") no-repeat;}

#doc .cont01-home.bg03 ul.location-box li dl.bottom dd:last-child{border-bottom:none;}


#doc .cont01-home.bg04{width: 100%; padding: 0 0 40px 0; box-sizing: border-box; }
#doc .cont01-home.bg04 .pd-t{padding: 100px 0 0 0;}

.contents02{padding: 0px 0px !important;}

.quick-navi li.active a{color: blue;}

.bg-box-type01{width: 100%; height: 499px; background: url("/images/Gimjae/contents/02/0201bg.jpg") no-repeat;}
.bg-box-type01.bg0202{ background: url("/images/Gimjae/contents/02/0202-img04.png") no-repeat;}
.bg-box-type01.bg0203{ background: url("/images/Gimjae/contents/02/0203-img01.png") no-repeat;}
.bg-box-type01.bg0204{ background: url("/images/Gimjae/contents/02/0204-img01.png") no-repeat;}
.bg-box-type01.bg0101-02{ background: url("/images/Gimjae/contents/01/0101-02-img01.png") no-repeat;}
.bg-box-type01.bg0101-03{ background: url("/images/Gimjae/contents/01/0101-03-img01.png") no-repeat;}
.bg-box-type01.bg0101-02.df-ht{height: 570px;}
.bg-box-type01 div.right{  position: relative; height: 100%; }
.bg-box-type01 div.right span.img{width: 240px; height: 143px; background: url("/images/Gimjae/contents/02/0201-img01.png") no-repeat; display: block; position: absolute; top:60px; right:30px;}
.bg-box-type01 div.right p.txt-box{width: 400px; background: #fff; padding: 40px 40px; display: block; position: absolute; bottom:0px; right:0;}
.bg-box-type01 div.right p.txt-box span.tit{display: block; font-size:26px; font-weight: 500; color: #2b4158; text-align: left; padding: 0 0 15px 0;}
.bg-box-type01 div.right p.txt-box span.txt{display: block; text-align: left;}

/*전시*/
.bg-box-type02{width: 100%;}
.bg-box-type02 img{max-width: 100%;}
.bg-box-type02.bg0202{ background: url("/images/Gimjae/contents/02/0202-img04.png") no-repeat;}
.bg-box-type02.bg0203{ background: url("/images/Gimjae/contents/02/0203-img01.png") no-repeat;}
.bg-box-type02.bg0204{ background: url("/images/Gimjae/contents/02/0204-img01.png") no-repeat;}
.bg-box-type02.bg0101-02{ background: url("/images/Gimjae/contents/01/0101-02-img01.png") no-repeat;}
.bg-box-type02.bg0101-03{ background: url("/images/Gimjae/contents/01/0101-03-img01.png") no-repeat;}
.bg-box-type02.bg0101-02.df-ht{height: 570px;}
.bg-box-type02 div.right{  position: relative; height: 100%; }
.bg-box-type02 div.right span.img{width: 240px; height: 143px; background: url("/images/Gimjae/contents/02/0201-img01.png") no-repeat; display: block; position: absolute; top:60px; right:30px;}
.bg-box-type02 div.right p.txt-box{width: 750px;background: #fff;padding: 40px 40px;display: block;position: absolute;bottom:0px;right: auto;left: 50%;transform: translate(-50%, 0px);}
.bg-box-type02 div.right p.txt-box span.txt{display: block; text-align: center; color: #000000; font-family: 'NotoKrR'; font-size:15px; font-weight: 500;}
.bg-box-type02 span.tel-box{ padding: 0px 0 0 0;font-family: 'NotoKrL'; text-align: center; display: flex; justify-content: center;}
.bg-box-type02 span.tel-box i.tit{font-style: inherit; font-size:16px; color: #000000; padding: 0 10px 0 30px; position: relative; display: inline-block;}
.bg-box-type02 span.tel-box i.tit:before{content: ""; width: 21px; height: 22px; background: url("/images/Gimjae/contents/06/tel-ico.png") no-repeat; position: absolute; top:1px; left:0;}
.bg-box-type02 span.tel-box i.tit:after{content: "";width: 1px;height: 13px;background: #b2b2b2;position: absolute;top: 5px;right:0;}
.bg-box-type02 span.tel-box i.txt{font-style: inherit; padding: 0 0 0 10px;}

ul.boxlist-06.list03-odd{display: flex; justify-content: space-between; flex-flow: wrap;}
ul.boxlist-06.list03-odd li{width: 32%; height: 460px; border:solid 1px #b1b1b1; margin: 0 0 20px 0px; position: relative;}
ul.boxlist-06.list03-odd.ht520 li{height: 520px;}
ul.boxlist-06.list03-odd li span.bg-0201 img{width: 100%;}
ul.boxlist-06.list03-odd span.bg-0201 i.tit{padding: 5px 10px; background: #ca9b27; color: #fff; text-align: center; position: absolute; top:0; left:0; display: block; font-style: inherit;}
ul.boxlist-06.list03-odd li div.txt-0201{padding: 20px 20px;}
ul.boxlist-06.list03-odd li div.txt-0201 span.tit{font-size:18px; font-weight: bold; color: #000; display: block; padding-bottom: 15px; letter-spacing: -0.7px;}
ul.boxlist-06.list03-odd li div.txt-0201 span.txt{font-size:15px; color: #000;}

@media all and (max-width:1200px){
  .bg-box-type02 div.right p.txt-box{position: relative; width: 100%;}
  ul.boxlist-06.list03-odd li{width:30%; height: auto;}
  ul.boxlist-06.list03-odd.ht520 li{height: auto;}
}

@media all and (max-width:680px){
  ul.boxlist-06.list03-odd li{width:48%;}
}

@media all and (max-width:480px){
  ul.boxlist-06.list03-odd li{width:100%;}

}

/*도자기 total*/
div.total-flex{display: flex; justify-content: space-between; background: #ebf5f7; padding: 30px 30px; box-sizing: border-box;}
div.total-flex div.img{width: 30%;}
div.total-flex div.img img{margin: -60px 0 0 -60px; max-width: 100%;}
div.total-flex div.con{width: 85%;}
div.total-flex div.con h6.tit{font-family: 'NotoKrB'; font-size:24px; color: #427585; padding-bottom: 10px;}
div.total-flex div.con span.txt{font-family: 'NotoKrR'; font-size:16px; color: #000000; display: block; padding-bottom: 10px; line-height: 170%;}
div.total-flex div.con span.tel-box{ padding: 0px 0 0 0;font-family: 'NotoKrL'; text-align: center; display: flex; justify-content: flex-start;}
div.total-flex div.con span.tel-box i.tit{font-style: inherit; font-size:16px; color: #000000; padding: 0 10px 0 30px; position: relative; display: inline-block;}
div.total-flex div.con span.tel-box i.tit:before{content: ""; width: 21px; height: 22px; background: url("/images/Gimjae/contents/06/tel-ico.png") no-repeat; position: absolute; top:1px; left:0;}
div.total-flex div.con span.tel-box i.tit:after{content: "";width: 1px;height: 13px;background: #b2b2b2;position: absolute;top: 5px;right:0;}
div.total-flex div.con span.tel-box i.txt{font-style: inherit; padding: 0 0 0 10px;}

div.total-flex02{display: flex; justify-content: space-between;}
div.total-flex02 div.txt{width: 67%; padding: 0 20px 0 0; box-sizing: border-box;}
div.total-flex02 div.img{width:30%;}
div.total-flex02 div.img img{max-width: 100%;}



@media all and (max-width:1200px){
  div.total-flex div.con{width: 65%;}
  div.total-flex div.img{width: 30%;}
  div.total-flex div.img img{margin: 0px 0 0 0px;}
}

@media all and (max-width:680px){
  div.total-flex{flex-flow: wrap;}
  div.total-flex div.img{width: 100%; padding-bottom: 20px;}
  div.total-flex div.img img{width:100%; display: block; margin: 0 auto;}
  div.total-flex div.con{width: 100%;}
  div.total-flex div.con h6.tit{font-size:18px;}
  div.total-flex div.con span.txt{font-size:14px;}
  div.total-flex div.con span.tel-box i.tit{font-size:14px;}
  div.total-flex div.con span.tel-box i.tit{padding: 0 10px 0 25px;}
  div.total-flex div.con span.tel-box i.tit:before{background-size: 18px; top:3px;}

  div.total-flex02{flex-flow: wrap;}
  div.total-flex02 div.txt{width: 100%; padding-bottom: 20px;}
  div.total-flex02 div.img{width: 100%;}
  div.total-flex02 div.img img{width: 100%;}
}

/*서양화*/
p.right-font{font-family: 'NotoKrB'; font-size:15px; color: #000000; text-align: right;}
div.art-img img{max-width: 100%;}

/*체험프로그램*/
div.flex-box03 div.box{display: flex; justify-content: space-between; flex-flow: wrap;}
div.flex-box03 div.box div.common{width: 45%; padding-left: 20px;}
div.flex-box03 div.box div.common span.tit{display: block; margin-bottom: 50px; font-size: 18px; font-weight: bold; color: #427585; margin-left: -20px;}
div.flex-box03 div.box div.common div.con-box{width:100%; display: flex; background: #dbedf1; padding: 0px 30px 30px 0px; box-sizing: border-box; margin-bottom: 80px;}
div.flex-box03 div.box div.common div.con-box img{max-width: 100%; margin-left: -20px;margin-top: -20px;}
div.flex-box03 div.box div.common div.con-box ul.list-type01{padding: 30px 0 0 10px;}


@media all and (max-width:1200px){
  div.flex-box03 div.box div.common{width:49%; padding-left: 0px;}
  div.flex-box03 div.box div.common span.tit{margin-left: 0px; height: 15px;}
  div.flex-box03 div.box div.common div.con-box{padding: 30px 30px;}
  div.flex-box03 div.box div.common div.con-box img{width:40%; margin-left: 0px; margin-top: 0px;}
  div.flex-box03 div.box div.common div.con-box ul.list-type01{width:60%; padding: 0px 0 0 0px;}
}

@media all and (max-width:768px){
  div.flex-box03 div.box div.common div.con-box{flex-flow: wrap; height: 450px;}
  div.flex-box03 div.box div.common div.con-box img{width: 100%; height: 150px;}
  div.flex-box03 div.box div.common div.con-box ul.list-type01{width: 100%; margin-top: 20px;}
}

@media all and (max-width:680px){
  div.flex-box03 div.box div.common{width: 100%;}
  div.flex-box03 div.box div.common span.tit{height: auto; margin-bottom: 10px; font-size:15px;}
  div.flex-box03 div.box div.common div.con-box{height: auto; margin-bottom: 30px;}
  div.flex-box03 div.box div.common div.con-box img{height: auto;}
}



/*0402컨텐츠*/
ul.dojagi-process{display: flex; justify-content: start; flex-flow: wrap; border:solid 1px #b1b1b1; padding: 30px 30px;}
ul.dojagi-process li{width: 16%; margin-bottom: 30px; position: relative;}
ul.dojagi-process li:nth-child(7){margin-bottom: 0px;}
ul.dojagi-process li:nth-child(8){margin-bottom: 0px;}
ul.dojagi-process li:nth-child(9){margin-bottom: 0px;}
ul.dojagi-process li:nth-child(10){margin-bottom: 0px;}
ul.dojagi-process li:nth-child(11){margin-bottom: 0px;}
ul.dojagi-process li:nth-child(12){margin-bottom: 0px;}
ul.dojagi-process li:after{content: ""; width: 30px; height: 30px; background: url("/images/Gimjae/contents/04/r-arrorw.png") center no-repeat; position: absolute; top:50%; right:0; transform: translate(50%,-50%);}
ul.dojagi-process li:last-child:after{content: none;}
ul.dojagi-process li img{max-width: 100%; display: block; margin: 0 auto; box-shadow: 0px 0px 15px -1px #b3b3b3;}

ul.dojagi-process.df{justify-content: center; padding: 30px 30px 0px 30px;}
ul.dojagi-process.df li{width: 20%;}


/*0501컨텐츠*/
.bg-0501{width: 100%; height: 499px; background: url("/images/Gimjae/contents/05/0501-bg01.png") no-repeat; background-size: cover; position: relative;}
.bg-0501 .right-txtbox{width: 80%; padding: 40px 20px 20px 20px; background: #fff; position: absolute; bottom:0; right:0;}
.bg-0501 .right-txtbox span.tit{display: block; font-size:26px; color: #f96f2c; font-weight: bold; position: relative;}
.bg-0501 .right-txtbox span.tit:before{content: ""; width: 86px; height: 58px; background: url("http://183.111.144.100:7059/Gimjae/images/01_Potal/contents/05/0501-img01.png") no-repeat; position: absolute; top:-36px; right:-20px;}
.bg-0501 .right-txtbox span.txt{display: block; font-size:16px; padding: 10px 0 0 0;}
ul.ranclae-imgbox{display: flex; justify-content: space-between;}
ul.ranclae-imgbox li{width: 18%;}
ul.ranclae-imgbox li img{display: block; margin: 0 auto; max-width: 100%;}
ul.ranclae-imgbox li span.tit{display: block; text-align: center; padding: 15px 0 0 0; font-size:15px;}
.ranclae-2n{display: flex; justify-content: space-between;}
.ranclae-2n div.left{width: 55%;}
.ranclae-2n ul.right{width: 40%; display: flex; justify-content: space-between;}
.ranclae-2n ul.right li{width: 45%;}
.ranclae-2n ul.right li img{display: block; margin: 0 auto; max-width: 100%;}
.ranclae-2n ul.right li span.tit{display: block; text-align: center; padding: 15px 0 0 0;}

/*ready-box*/
.ready-box{width:741px; height: 284px; display: block; margin: 0 auto; background: url("/images/Gimjae/contents/01/ready-bg.png") center no-repeat; }
.ready-box .ready-box-wrap{}
.ready-box h5.tit{display: block; font-size:30px; color: #000000; text-align: center; padding: 166px 0 0 166px; position: relative;}
.ready-box h5.tit:before{content: ""; width: 202px; height: 222px; background: url("/images/Gimjae/contents/01/ready-img01.png") no-repeat; position: absolute; top:18px; left:166px;}
.ready-box h5.tit b{color: #1b8494;}
.ready-box h5 span.txt{display: block; font-size:15px; font-weight: 400; color: #899fa6; text-align: left; padding: 20px 0 0 154px;}

/*개인정보처리방침*/
.privacy-box-type01{width: 100%; border:solid 5px #b5b5b5; padding: 30px 30px; box-sizing: border-box;}
.privacy-box-type01 img{display: block; margin: 0 auto; max-width: 100%;}
.privacy-box-type01 p.em-tit{font-size:30px; text-align: center;}
.privacy-box-type02{width: 100%; border:solid 1px #b1b1b1; border-top:solid 1px #000000; padding: 30px 30px; box-sizing: border-box;}
.copy-boximg{display: flex; justify-content: space-between; padding: 30px 30px; border: solid 1px #b1b1b1; box-sizing: border-box;}
.copy-boximg li{width: 30%;}
.copy-boximg li img{max-width: 100%;}
.copy-boximg li:last-child{width: 67%;}
.copy-boximg li:last-child a{padding: 20px 0 0 0; display: block;}




@media all and (max-width: 1600px){
  .quick-navi-box{z-index: 100;}
  .quick-navi-box:before{content: none;}
  .quick-navi-box .quick-navi{left: 21px;}
}


@media all and (max-width: 1200px){
  /*스크롤 컨텐츠*/
  .quick-navi-box{z-index: 100;}
  .quick-navi-box:before{content: none;}
  .quick-navi-box .quick-navi{left: 21px;}
  .cont01-home{ box-sizing: border-box; }
  .cont01-home.bg01{padding: 0 20px;}
  .cont01-home.bg01:before{width: 100%; left: 0%; margin-left: 0px;}
  /*
  .contents02{padding: 0 20px; box-sizing: border-box;}
  */
  #doc .cont01-home.bg02{height: 100%;}
  #doc .cont01-home.bg02:before{width: 100%; height: 2764px; left: 0%; margin-left: 0px;}
  .contents02{padding: 0px 0px !important;}
  #doc .cont01-home.bg02 div.box-list05{padding: 0 20px; box-sizing: border-box;}
  #doc .cont01-home.bg02 div.box-list05:before{width: 100%; left: 0%; margin-left: 0px;}
  #doc .cont01-home.bg02 div.box-list05 ul.history-box{padding: 20px 0 0 0;}
  #doc .cont01-home.bg02 div.box-list05 ul.history-box:before{top:75px;}
  #doc .cont01-home.bg02 div.box-list05 ul.list-flex li{width: 85%;}
  #doc .cont01-home.bg02 div.box-list05 ul.list-flex li span.txt01{font-size:20px; padding: 0 0 15px 0;}
  #doc .cont01-home.bg02 div.box-list05 ul.list-flex li span.txt02{font-size:15px;}
  #doc .cont01-home.bg02 div.box-list05 ul.list-flex li:last-child{width: 32%;}
  #doc .cont01-home.bg02 div.box-list05 ul.list-flex li span.img{background-size: 300px; margin: 35px 0 0 0;}
  #doc .cont01-home.bg02 ul.box-list03:after{content: none;}
  #doc .cont01-home.bg03:before{width: 100%; left:0; margin-left: 0px;}

  #doc .cont01-home.bg02 ul.box-list{padding: 80px 20px 0 20px;}
  #doc .cont01-home.bg02 .box-list02{padding: 40px 20px 0 20px;}
  #doc .cont01-home.bg02 div.box-list04{padding: 60px 20px 0 20px;}
  #doc .cont01-home.bg03 ul.location-box{padding: 100px 20px 0 20px; box-sizing: border-box;}
  #doc .cont01-home.bg04 .pd-t{padding: 100px 20px 0 20px; box-sizing: border-box;}

  /*0201컨텐츠*/
  .bg-box-type01 div.right span.img{display: none;}
  ul.boxlist.list03-odd li{width: 31%;}

  /*0402컨텐츠*/
  ul.dojagi-process li img{width: 75px;}
  ul.dojagi-process li:after{width: 25px; background-size: 25px;}
}

@media all and (max-width: 1000px){

  .quick-navi-box{display: none;}
  ul.ico-boxwrap li div.box{height: 100px;}
  ul.img-txt-box1n-2 li:last-child{width: 60%;}

  /*스크롤 컨텐츠*/
  .cont01-home.bg01{margin-top: 0px; height: 735px;}
  .cont01-home.bg01:before{height: 735px;}
  #doc .cont01-home h5.tit{padding: 50px 0 0 0; font-size:35px;}
  #doc .cont01-home ul.photo-list{padding: 50px 0 0 0;}
  #doc .cont01-home ul.photo-list li{width: 24%; margin-bottom: 12px;}
  #doc .cont01-home ul.photo-list li a:hover{border-bottom: solid 10px #fff;}
  #doc .cont01-home ul.photo-list li a span.tit{font-size:16px;}
  #doc .cont01-home ul.photo-list li a:hover span.tit{padding: 80px 0 0 0;}
  #doc .cont01-home ul.photo-list li a span.more{background-size: 35px;}
  #doc .cont01-home ul.photo-list li a:hover span.more{padding-top: 50px;}

  #doc .cont01-home.bg02{background: #fff8f0;}
  #doc .cont01-home.bg02:before{width: 100%; height: 2289px; left: 0%; margin-left: 0px; content: none;}
  #doc .cont01-home.bg02 ul.box-list{padding: 50px 20px 0 20px;}
  #doc .cont01-home.bg02 ul.box-list li div.box{height: 90%;}
  #doc .cont01-home.bg02 ul.box-list li span.tit{font-size:20px;}
  #doc .cont01-home.bg02 ul.box-list li div.box{padding: 20px 20px;}
  #doc .cont01-home.bg02 ul.box-list li div.box p.txt-box{padding: 100px 0 0 0px; font-size:14px;}
  #doc .cont01-home.bg02 ul.box-list li div.box p.txt-box:before{background-size: 70px; top:0px; left: 50%; transform: translate(-50%,0);}


  #doc .cont01-home.bg02 ul.box-list li div.box p.date-box02{padding: 100px 0 0 0;}
  #doc .cont01-home.bg02 ul.box-list li div.box p.date-box02:before{background-size: 70px; top:0; left:50%; transform: translate(-50%,0);}
  #doc .cont01-home.bg02 ul.box-list li div.box p.date-box02 span{font-size:18px;}
  #doc .cont01-home.bg02 ul.box-list li div.box p.date-box02 span i{font-size:14px;}
  #doc .cont01-home.bg02 ul.box-list li div.box p.date-box02 span.impor-txt{font-size:14px;}
  #doc .cont01-home.bg02 .box-list02{padding: 50px 20px 0 20px;}
  #doc .cont01-home.bg02 .box-list02 span.tit{font-size:20px;}
  #doc .cont01-home.bg02 .box-list02 ul.list{padding: 20px 20px;}
  #doc .cont01-home.bg02 .box-list02 ul.list li{width: 35%;}
  #doc .cont01-home.bg02 .box-list02 ul.list li div.flex p.img{background-size: 50px; width: 130px;}
  #doc .cont01-home.bg02 .box-list02 ul.list li:nth-child(2) div.flex p.img{background-size: 50px; width: 130px;}
  #doc .cont01-home.bg02 .box-list02 ul.list li:nth-child(3) div.flex p.img{background-size: 50px; width: 130px;}
  #doc .cont01-home.bg02 .box-list02 ul.list li div.flex p.img:before{font-size:12px;}
  #doc .cont01-home.bg02 .box-list02 ul.list li div.flex p.txt span.price{font-size:16px;}
  #doc .cont01-home.bg02 .box-list02 ul.list li div.flex p.txt span.txt-price{font-size:14px;}
  #doc .cont01-home.bg02 .box-list02 ul.list li:after{right:0px;}
  #doc .cont01-home.bg02 ul.box-list03{padding: 30px 20px; box-sizing: border-box;}
  #doc .cont01-home.bg02 ul.box-list03 li div.box:before{background-size: 100px;}
  #doc .cont01-home.bg02 ul.box-list03 li:nth-child(2) div.box:before{background-size: 100px;}
  #doc .cont01-home.bg02 ul.box-list03 li:nth-child(3) div.box:before{background-size: 100px;}
  #doc .cont01-home.bg02 ul.box-list03 li div.box{padding: 0px 0 0 130px;}
  #doc .cont01-home.bg02 ul.box-list03 li:nth-child(2) div.box{padding: 20px 0 0 130px;}
  #doc .cont01-home.bg02 ul.box-list03 li:nth-child(3) div.box{padding: 20px 0 0 130px;}
  #doc .cont01-home.bg02 ul.box-list03 li div.box span.tit{font-size:18px;}
  #doc .cont01-home.bg02 ul.box-list03 li div.box span.nb{font-size:25px; padding: 10px 0 0 0;}
  #doc .cont01-home.bg02 ul.box-list03 li div.box span i{padding: 10px 0 0 0; font-size:13px;}

  #doc .cont01-home.bg02 div.box-list04{padding: 30px 20px 0 20px;}
  #doc .cont01-home.bg02 div.box-list04 p.txt{padding: 0 0 0 60px; font-size:15px;}
  #doc .cont01-home.bg02 div.box-list04 p.txt:before{background-size: 34px;}
  #doc .cont01-home.bg02 div.box-list04 ul.list-t li{padding: 0 0 0 75px; font-size:14px;}
  #doc .cont01-home.bg02 div.box-list04 ul.list-t li:before{width: 5px; left: 62px;}

  #doc .cont01-home.bg02 div.box-list05{padding: 20px 20px 0 20px; box-sizing: border-box; height: auto; background: #a4805b;}
  #doc .cont01-home.bg02 div.box-list05:before{content: none;}
  #doc .cont01-home.bg02 div.box-list05 ul.list-flex{width: 100%;}
  #doc .cont01-home.bg02 div.box-list05 ul.list-flex li{width: 84%;}
  #doc .cont01-home.bg02 div.box-list05 ul.list-flex li:last-child{width: 25%;}
  #doc .cont01-home.bg02 div.box-list05 ul.list-flex li span.txt01{font-size:18px; padding: 0px 0px 0px 0;}
  #doc .cont01-home.bg02 div.box-list05 ul.list-flex li span.txt02{font-size:14px;}
  #doc .cont01-home.bg02 div.box-list05 ul.list-flex li span.img{background-size: 200px; margin: 0px 0 0 0;}
  #doc .cont01-home.bg02 div.box-list04 ul.list-t{padding: 20px 0 20px 0;}

  #doc .cont01-home.bg02 div.box-list05 ul.history-box li{width: 100%;}
  #doc .cont01-home.bg02 div.box-list05 ul.history-box{padding: 30px 0 0 0;}
  #doc .cont01-home.bg02 div.box-list05 ul.history-box:before{top:85px; height: 1px;}
  #doc .cont01-home.bg02 div.box-list05 ul.history-box li:before{width: 5px; height: 5px; border:solid 5px #775136; top:48px;}
  #doc .cont01-home.bg02 div.box-list05 ul.history-box li span.date{font-size:14px; padding: 0 0 30px 10px;}
  #doc .cont01-home.bg02 div.box-list05 ul.history-box li span.date.one{padding:20px 0 20px 10px; }
  #doc .cont01-home.bg02 div.box-list05 ul.history-box li span.date i{font-size:11px;}
  #doc .cont01-home.bg02 div.box-list05 ul.history-box li span.txt{padding: 0 0 0 10px; font-size:13px;}

  #doc .cont01-home.bg03{height: 750px;}
  #doc .cont01-home.bg03:before{height: 750px;}
  #doc .cont01-home.bg03 ul.location-box li{width: 50%;}
  #doc .cont01-home.bg03 ul.location-box li:last-child{width: 50%;}

  #doc .cont01-home h5.tit{padding: 40px 0 0 0;}
  #doc .cont01-home.bg03 ul.location-box li div.top{height: 126px; padding: 10px 20px;}
  #doc .cont01-home.bg03 ul.location-box li div.top span{padding: 10px 0 10px 60px; font-size: 16px;}
  #doc .cont01-home.bg03 ul.location-box li div.top span.txt:before{background-size: 30px; top:15px;}
  #doc .cont01-home.bg03 ul.location-box li div.top span{padding: 10px 0 10px 60px; font-size:16px;}
  #doc .cont01-home.bg03 ul.location-box li div.top span.tel:before{background-size: 30px; top:4px;}
  .root_daum_roughmap .wrap_map{height: 484px !important;}
  #doc .cont01-home.bg03 ul.location-box li dl.bottom{height: 390px;}
  #doc .cont01-home.bg03 ul.location-box li dl.bottom dd:nth-child(2){padding: 0px 0 30px 95px;}
  #doc .cont01-home.bg03 ul.location-box li dl.bottom dd:before{background-size: 60px; top:11px;}
  #doc .cont01-home.bg03 ul.location-box li dl.bottom dd:nth-child(3):before{background-size: 60px; top:23px;}
  #doc .cont01-home.bg03 ul.location-box li dl.bottom dd:nth-child(4):before{background-size: 60px; top:15px;}
  #doc .cont01-home.bg03 ul.location-box li dl.bottom dd{padding: 20px 0 20px 95px;}

  /*0201컨텐츠*/
  .bg-box-type01 div.right p.txt-box{padding: 60px 30px; bottom:auto; right:auto; left:50%; top:50%; transform: translate(-50%, -50%); box-sizing: border-box; opacity: 0.9;}
  .bg-box-type01 div.right p.txt-box span.tit{font-size:20px;}
  ul.boxlist.list04 li span.txt{height: 50px;}


  /*개인정보처리방침*/
  .copy-boximg{flex-flow: wrap;}
  .copy-boximg li{width: 100%;}
  .copy-boximg li img{width: 280px; display: block; margin: 0 auto;}
  .copy-boximg li:last-child a{padding: 0px 0 0 0;}
  .copy-boximg li:last-child{width: 100%; padding: 20px 0 0 0;}
}

@media all and (max-width: 768px){
  #doc .cont01-home.bg02 .box-list02 ul.list li:nth-child(2) div.flex p.img:before{bottom:-39px;}
  #doc .cont01-home.bg02 .box-list02 ul.list02{flex-flow: wrap; padding: 20px 20px;}
  #doc .cont01-home.bg02 .box-list02 ul.list02 li{width: 100%;}
  #doc .cont01-home.bg02 .box-list02 ul.list02 li:last-child{width: 100%;}
  #doc .cont01-home.bg02 .box-list02 ul.list02 li span.r-tit{text-align: left; padding: 20px 0 0 0; font-size:13px;}
  #doc .cont01-home.bg02 .box-list02 ul.list02 li dl dd{font-size:13px;}

  #doc .cont01-home.bg02 ul.box-list03 li div.box{padding: 0 0 0 80px;}
  #doc .cont01-home.bg02 ul.box-list03 li:nth-child(2) div.box{padding: 10px 0 0 80px;}
  #doc .cont01-home.bg02 ul.box-list03 li:nth-child(3) div.box{padding: 10px 0 0 80px;}
  #doc .cont01-home.bg02 ul.box-list03 li div.box:before{background-size: 60px;}
  #doc .cont01-home.bg02 ul.box-list03 li:nth-child(2) div.box:before{background-size: 60px;}
  #doc .cont01-home.bg02 ul.box-list03 li:nth-child(3) div.box:before{background-size: 60px;}
  #doc .cont01-home.bg02 ul.box-list03 li div.box span.tit{font-size:16px;}
  #doc .cont01-home.bg02 ul.box-list03 li div.box span.nb{font-size:18px; padding: 5px 0 0 0;}
  #doc .cont01-home.bg02 ul.box-list03 li div.box span i{padding: 0px 0 0 0;}

  #doc .cont01-home.bg02 div.box-list05 ul.list-flex li{width: 100%;}
  #doc .cont01-home.bg02 div.box-list05 ul.list-flex li:last-child{display: none;}

  ul.boxlist.list03-odd li{width: 30%;}

  /*0402컨텐츠*/
  ul.dojagi-process{padding: 30px 30px 30px 0px;}
  ul.dojagi-process li{width: 33%;}
  ul.dojagi-process li:nth-child(7){margin-bottom: 30px;}
  ul.dojagi-process li:nth-child(8){margin-bottom: 30px;}
  ul.dojagi-process li:nth-child(9){margin-bottom: 30px;}
  ul.dojagi-process.df{ padding: 30px 30px 0px 30px;}
  ul.dojagi-process.df li{width: 33%;}



  /*ready-box*/
  .ready-box{width: 100%; background: none; display: flex; justify-content: center;}
  .ready-box h5.tit{font-size:20px; padding: 140px 0 0 45px;}
  .ready-box h5.tit:before{width: 120px; background-size: 120px; top:55px; left: 0px;}
  .ready-box h5 span.txt{font-size:14px; padding: 10px 0 0 46px;}
}

@media all and (max-width: 680px){
  ul.boxlist.list03 li{width: 48%; margin-bottom: 20px;}
  ul.boxlist.list03 li:last-child{width: 100%; margin-bottom: 0px;}

  ul.img-txt-box1n-2{flex-flow: wrap;}
  ul.img-txt-box1n-2 li.img{width: 100%; height: auto;}
  ul.img-txt-box1n-2 li.img img{width: 100%;}
  ul.img-txt-box1n-2 li:last-child{ width: 100%;} 
  ul.img-txt-box1n-2 li.txt{padding-top:15px;}
  ul.ico-boxwrap li{width: 100%;}
  ul.ico-boxwrap li div.box{height: auto; padding: 20px 0px 20px 93px;}
  ul.ico-boxwrap li div.box:before{background-size: 25px; padding: 0 35px;}
  ul.ico-boxwrap li:nth-child(2) div.box:before{background-size: 25px; padding: 0 35px;}
  ul.ico-boxwrap li:nth-child(3) div.box:before{background-size: 25px; padding: 0 35px;}
  ul.ico-boxwrap li:nth-child(4) div.box:before{background-size: 25px; padding: 0 35px;}
  ul.ico-boxwrap li div.box span.tit{font-size:16px;}
  ul.ico-boxwrap li div.box span.txt{font-size:13px; padding: 0px 0 0 0;}

  /*0501컨텐츠*/
  .bg-0501{height:250px;}
  .bg-0501 .right-txtbox{padding:30px 20px 20px 20px;}
  .bg-0501 .right-txtbox span.tit{font-size:20px;}
  .bg-0501 .right-txtbox span.txt{font-size:14px;}
  ul.ranclae-imgbox{flex-flow: wrap; justify-content: center;}
  ul.ranclae-imgbox li{width: 33%;}
  ul.ranclae-imgbox li img{max-width: 120px;}
  ul.ranclae-imgbox li:nth-child(4){padding: 15px 0 0 0;}
  ul.ranclae-imgbox li:nth-child(5){padding: 15px 0 0 0;}
  ul.ranclae-imgbox li span.tit{font-size:13px;}
  .ranclae-2n{flex-flow: wrap; width: 100%;}
  .ranclae-2n div.left{width: 100%;}
  .ranclae-2n ul.right{width: 100%; padding: 20px 0 0 0;}
  .ranclae-2n ul.right li{width: 100%;}
  .ranclae-2n ul.right li img{max-width: 120px;}


  /*스크롤 컨텐츠*/
  .cont01-home.bg01{ height: 1010px;}
  .cont01-home.bg01:before{height: 1010px;}
  #doc .cont01-home ul.photo-list li{width: 33%; margin-bottom: 3px;}
  #doc .cont01-home ul.photo-list li:nth-child(7){width: 49.6%;}
  #doc .cont01-home ul.photo-list li:nth-child(8){width: 49.6%;}
  #doc .cont01-home h5.tit{font-size:25px;}
  #doc .cont01-home ul.photo-list li a span.tit{font-size:14px;}
  #doc .cont01-home ul.photo-list li a span.more{background-size: 25px;}
  #doc .cont01-home ul.photo-list li a:hover{border:solid 5px #fff;}

  #doc .cont01-home.bg02 div.box-list05 ul.history-box{flex-flow: wrap;}
  #doc .cont01-home.bg02 div.box-list05 ul.history-box:before{content: none;}
  #doc .cont01-home.bg02 div.box-list05 ul.history-box li{width: 100%; border-bottom: solid 1px #fff; display: flex; justify-content: flex-start; padding: 10px 0 10px 30px;}
  #doc .cont01-home.bg02 div.box-list05 ul.history-box li:last-child{border-bottom: none;}
  #doc .cont01-home.bg02 div.box-list05 ul.history-box li:before{top:14px; left: 10px;}
  #doc .cont01-home.bg02 div.box-list05 ul.history-box li span.date{padding: 0 0 0px 10px;}
  #doc .cont01-home.bg02 div.box-list05 ul.history-box li span.date.one{padding: 0px 0 0px 10px;}

  #doc .cont01-home.bg02 ul.box-list{padding: 30px 20px 0 20px;}
  #doc .cont01-home.bg02 ul.box-list li{width: 100%;}
  #doc .cont01-home.bg02 ul.box-list li:last-child span.tit{padding: 20px 0 10px 0;}
  #doc .cont01-home.bg02 ul.box-list li span.tit{font-size:16px; padding: 0 0 10px 0;}
  #doc .cont01-home.bg02 ul.box-list li div.box p.date-box02:before{background-size: 60px;}
  #doc .cont01-home.bg02 ul.box-list li div.box p.txt-box:before{background-size: 60px;}
  #doc .cont01-home.bg02 ul.box-list li div.box p.date-box02 span{font-size: 15px; letter-spacing: -1px;}
  #doc .cont01-home.bg02 ul.box-list li div.box p.date-box02 span.impor-txt{font-size: 13px;}
  #doc .cont01-home.bg02 .box-list02 ul.list{flex-flow: wrap; padding: 20px 0 40px 0;}
  #doc .cont01-home.bg02 .box-list02 ul.list li{width: 100%;}
  #doc .cont01-home.bg02 .box-list02 ul.list li:nth-child(2){padding: 0 0 20px 0;}
  #doc .cont01-home.bg02 .box-list02 ul.list li:first-child{padding: 0 0 20px 0;}
  #doc .cont01-home.bg02 .box-list02 ul.list li div.flex p.img{background-size: 40px;}
  #doc .cont01-home.bg02 .box-list02 ul.list li:nth-child(2) div.flex p.img{background-size: 40px;}
  #doc .cont01-home.bg02 .box-list02 ul.list li:nth-child(3) div.flex p.img{background-size: 40px;}
  #doc .cont01-home.bg02 .box-list02 ul.list li div.flex p.img:before{bottom:-15px;}
  #doc .cont01-home.bg02 .box-list02 ul.list li:nth-child(2) div.flex p.img:before{bottom:-15px;}
  #doc .cont01-home.bg02 .box-list02 ul.list li:after{content: none;}
  #doc .cont01-home.bg02 .box-list02 ul.list li:nth-child(2):after{content: none;}
  #doc .cont01-home.bg02 .box-list02 ul.list li div.flex p.txt span.price{font-size:15px;}

  #doc .cont01-home.bg02 ul.box-list03 li div.box:before{background-size: 50px; top:10px;}
  #doc .cont01-home.bg02 ul.box-list03 li:nth-child(2) div.box:before{background-size: 50px;}
  #doc .cont01-home.bg02 ul.box-list03 li:nth-child(3) div.box:before{background-size: 50px;}
  #doc .cont01-home.bg02 ul.box-list03{flex-flow: wrap;}
  #doc .cont01-home.bg02 ul.box-list03 li{width: 100%; padding: 15px 0 15px 0;}
  #doc .cont01-home.bg02 ul.box-list03 li div.box span.tit{font-size:14px;}
  #doc .cont01-home.bg02 ul.box-list03 li div.box span.nb{font-size: 16px;}

  #doc .cont01-home.bg02 div.box-list05 ul.list-flex li span.txt01{font-size: 16px; padding: 0 0 10px 0;}
  #doc .cont01-home.bg02 div.box-list05 ul.list-flex li span.txt01 br{display: none;}
  #doc .cont01-home.bg02 div.box-list05 ul.list-flex li span.txt02 br{display: none;}
  #doc .cont01-home.bg02 div.box-list04 ul.list-t li{padding: 0 0 0 60px;}
  #doc .cont01-home.bg02 div.box-list04 ul.list-t li:before{left: 45px;}

  #doc .cont01-home.bg02 div.box-list04 p.txt{padding: 0 0 0 40px;}
  #doc .cont01-home.bg02 div.box-list04 p.txt:before{background-size: 25px;}

  #doc .cont01-home.bg03 ul.location-box{flex-flow: wrap; padding: 40px 20px 0 20px;}
  #doc .cont01-home.bg03 ul.location-box li{width: 100%;}
  #doc .cont01-home.bg03 ul.location-box li:last-child{width: 100%;}
  #doc .cont01-home.bg03{height: 1030px;}
  #doc .cont01-home.bg03:before{height: 1030px;}
  #doc .cont01-home.bg03 ul.location-box li div.top{background-size: 100%; padding: 10px 20px;}
  #doc .cont01-home.bg03 ul.location-box li div.top span{padding: 20px 0 10px 40px;}
  #doc .cont01-home.bg03 ul.location-box li div.top span.tel{padding: 15px 0 10px 40px;}
  #doc .cont01-home.bg03 ul.location-box li div.top span.txt:before{background-size: 30px; top:15px;}
  #doc .cont01-home.bg03 ul.location-box li div.top span.tel:before{background-size: 30px; top:12px;}
  #doc .cont01-home.bg03 ul.location-box li dl.bottom{padding: 20px 20px; height: auto;}
  #doc .cont01-home.bg03 ul.location-box li dl.bottom dd:nth-child(2){padding: 0px 0 15px 60px;}
  #doc .cont01-home.bg03 ul.location-box li dl.bottom dd{padding: 20px 0 20px 60px;}
  #doc .cont01-home.bg03 ul.location-box li dl.bottom dd:before{background-size: 40px; top:11px;}
  #doc .cont01-home.bg03 ul.location-box li dl.bottom dd:nth-child(3):before{background-size: 40px; top:19px;}
  #doc .cont01-home.bg03 ul.location-box li dl.bottom dd:nth-child(4):before{background-size: 40px; top:15px;}
  #doc .cont01-home.bg04 .pd-t{padding: 40px 20px 0 20px;}

  /*0201컨텐츠*/
  .bg-box-type01{height: 290px;}
  .bg-box-type01 div.right p.txt-box{width:406px; padding: 40px 20px;}
  .bg-box-type01.bg0101-02.df-ht{height: 495px;}
  .bg-box-type01 div.right p.txt-box span.tit{font-size:18px;}
  ul.boxlist.list04 li{width: 48%; margin-bottom: 15px;}
  ul.boxlist.list04 li:nth-child(3){ margin-bottom: 0px;}
  ul.boxlist.list04 li:nth-child(4){ margin-bottom: 0px;}
  ul.boxlist.list04 li span.tit{font-size: 14px;}
  ul.boxlist.list04 li span.txt{font-size: 14px; height: 35px;}
  ul.boxlist.list03 li span.tit{font-size: 14px;}
  ul.boxlist.list03 li span.txt{font-size: 14px; height: auto;}

  ul.boxlist.list03-odd{justify-content: space-between;}
  ul.boxlist.list03-odd li{width: 47%; height: 435px;}
  ul.boxlist.list03-odd li.df-ht{height: 530px;}
  ul.boxlist.list03-odd li.df-ht02{height: 600px;}
  ul.boxlist.list03-odd li:nth-child(3){margin: 0 0 20px 0px;}
  ul.boxlist.list03-odd li:nth-child(5){margin: 0 0 0 0px;}
  ul.boxlist.list03-odd li div.txt-0201{padding: 20px 10px;}
  ul.boxlist.list03-odd li div.txt-0201 span.tit{font-size: 16px;}
  ul.boxlist.list03-odd li div.txt-0201 span.txt{font-size: 14px;}
  ul.boxlist.list03 li span.txt{height: auto;}

  ul.boxlist.list03-odd.df li div.txt-0201{padding: 10px 10px;}
  ul.boxlist.list03-odd.df li:nth-child(5){margin: 0 0 20px 0px;}

  ul.txt-img-2n{flex-flow: wrap;}
  ul.txt-img-2n li{width: 100%;}
  div.box-0101-01 p.txt{font-size:14px; }
  ul.txt-img-2n li:last-child{width: 100%; margin-top: 20px;}
  ul.boxlist.list02 li span.txt{height: 50px;}


  ul.boxlist02.list02 li div.txt-0201{padding: 10px 10px;}
  ul.boxlist02.list02 li div.txt-0201 span.tit{font-size:16px;}

  /*개인정보처리방침*/
  .privacy-box-type01{padding: 20px 20px;}
  .privacy-box-type02{padding: 20px 20px;}
  .copy-boximg{padding: 20px 20px;}

}

@media all and (max-width: 480px){
  /*스크롤 컨텐츠*/
  .cont01-home.bg01{margin-top: 0px; height: 939px;}
  .cont01-home.bg01:before{height: 939px;}
  #doc .cont01-home h5.tit{padding: 40px 0 0 0; font-size:20px;}
  #doc .cont01-home ul.photo-list{padding: 20px 0 0 0;}
  #doc .cont01-home ul.photo-list li{width: 100%; margin-bottom: 5px;}
  #doc .cont01-home ul.photo-list li:nth-child(7){width: 100%;}
  #doc .cont01-home ul.photo-list li:nth-child(8){width: 100%;}
  #doc .cont01-home ul.photo-list li a{height: 100px; background:url("/images/Gimjae/contents/01/0101-img01.jpg") top center no-repeat; background-size: 100%; background-color: inherit; }
  #doc .cont01-home ul.photo-list li:nth-child(2) a{background-size: 100%;}
  #doc .cont01-home ul.photo-list li:nth-child(3) a{background-size: 100%;}
  #doc .cont01-home ul.photo-list li:nth-child(4) a{background-size: 100%;}
  #doc .cont01-home ul.photo-list li:nth-child(5) a{background-size: 100%;}
  #doc .cont01-home ul.photo-list li:nth-child(6) a{background-size: 100%;}
  #doc .cont01-home ul.photo-list li:nth-child(7) a{background-size: 100%;}
  #doc .cont01-home ul.photo-list li:nth-child(8) a{background-size: 100%;}
  #doc .cont01-home ul.photo-list li a:hover span.tit{padding: 15px 0 0 0;}
  #doc .cont01-home ul.photo-list li a:hover span.more{padding-top: 0px; background-size: 20px;}
  #doc .cont01-home ul.photo-list li a span.tit{padding: 33px 0 0 0;}
  #doc .cont01-home ul.photo-list li a span.tit.one{padding: 43px 0 0 0;}

  #doc .cont01-home.bg03{height: 1100px;}
  #doc .cont01-home.bg03:before{height: 1100px;}
  #doc .cont01-home.bg03 ul.location-box li div.top span.txt:before{background-size: 25px;}
  #doc .cont01-home.bg03 ul.location-box li div.top span.tel:before{background-size: 25px;}
  #doc .cont01-home.bg03 ul.location-box li div.top span{font-size:14px;}
  #doc .cont01-home.bg03 ul.location-box li dl.bottom dd{font-size: 14px;}

  /*0201컨텐츠*/
  ul.boxlist.list04 li{width: 100%;}
  ul.boxlist.list04 li:nth-child(3){margin-bottom: 15px;}
  ul.boxlist.list04 li span.txt{height: auto;}

  ul.boxlist.list03 li{width: 100%; margin-bottom: 20px;}
  ul.boxlist.list03 li:last-child{width: 100%; margin-bottom: 0px;}

  ul.boxlist.list02 li{width: 100%;}
  ul.boxlist.list02 li:first-child{margin-bottom: 15px;}
  ul.boxlist.list02 li span.txt{height: auto;}

  ul.boxlist.list03-odd li{width: 100%; height: auto;}
  ul.boxlist.list03-odd li:nth-child(2){margin: 0 0 20px 0px;}
  ul.boxlist.list03-odd li:nth-child(4){margin: 0 0 20px 0px;}

  .bg-box-type01 div.right p.txt-box{width: 100%;}
  .bg-box-type01.bg0101-02.df-ht{height: 514px;}

  ul.boxlist02.list02 li:first-child{width: 100%; margin: 0 0 15px 0;}
  ul.boxlist02.list02 li:last-child{width: 100%; margin: 0 0 0px 0;}
  ul.boxlist.list03-odd li.df-ht{height: auto;}
  ul.boxlist.list03-odd li.df-ht02{height: auto;}

  ul.boxlist.list03-odd.df li:nth-child(6){margin: 0 0 20px 0px;}

  /*0402컨텐츠*/
  ul.dojagi-process li{width: 50%;}
  ul.dojagi-process li img{width: 65px;}
  ul.dojagi-process li:after{width: 20px; background-size: 20px;}

  ul.dojagi-process.df{flex-flow: wrap;}
  ul.dojagi-process.df li{width: 100%; margin-bottom: 50px;}
  ul.dojagi-process.df li img{width: 100%; height: 200px;}
  ul.dojagi-process li:after{right:auto; left:50%; bottom:50%; transform:translate(-50%,110px) rotate(90deg);}

  /*0501컨텐츠*/
  ul.ranclae-imgbox li img{max-width: 80px;}
  .ranclae-2n ul.right li img{max-width: 80px;}

}


/*김제벽골제 소개*/
.con-box2 {overflow: hidden; padding: 0 0 20px 0;}
.con-box2:after {display: block;content: '';clear: both;}
.con-box2 li {width: 49%;box-sizing: border-box;border: 1px solid #dbdbdb;float: left;padding: 0;margin-top: 20px;height: 150px;}
.con-box2 li:nth-child(2n) {float: right;}
.con-box2 li h6.H6BI-re {background: #dbdbdb; display: block;padding: 10px 20px;}
.con-box2 li h6.H6BI-re:before {display: none;}
.con-box2 li p {padding: 20px;}


	@media all and (max-width:1200px){
	 .con-box2 li{width:100%; float:none !important; height:auto}
	}

/*아리랑문학마을 추가*/

ul.boxlist.list03-odd.new-st li div.txt-0201{padding-bottom: 0px !important; text-align: center;}
ul.boxlist.list03-odd.new-st li div.txt-0201 span.tit{padding-bottom: 10px; font-size:17px; font-weight: 600; color: #666666;}
ul.boxlist.list03-odd.new-st li:nth-child(4){margin: 0 0 20px 0px;}
ul.boxlist.list03-odd.new-st li:nth-child(5){margin: 0 0 20px 20px;}

@media all and (max-width:680px){
  ul.boxlist.list03-odd.new-st li{height: auto;}
  ul.boxlist.list03-odd.new-st li:nth-child(5){margin: 0 0 20px 0px;}
}