@charset "UTF-8";

.sub_img{margin-top: 26px; position: relative; left: 50%; margin-left: -960px; width: 1920px;}
.animate{animation: fadeIn 1.3s forwards ease-in; transition: 2s ease-in-out;}

@keyframes fadeIn {

    0%{opacity: 0; transform: translateY(70px);}
    100%{opacity: 1; transform: translateY(0);}

}

#sub{/*padding: 128px 0 138px;*/padding: 128px 0 0;}
#sub > .box{position: relative;}
#sub .sub_top{position: relative; height: 200px; line-height: 150px; background:#0054a8; text-align: center; z-index: 1;}
#sub .sub_top::after{content: ""; position: absolute; top:-49px; left: 50%; margin-left: -960px; width: 1920px; height: 248px; z-index: -1;}
#sub .sub_top1::after{background: url(../images/sub/sub_top1.jpg)no-repeat; z-index: -1;}
#sub .sub_top2::after{background: url(../images/sub/sub_top2.jpg)no-repeat; z-index: -1;}
#sub .sub_top3::after{background: url(../images/sub/sub_top3.jpg)no-repeat; z-index: -1;}
#sub .sub_top4::after{background: url(../images/sub/sub_top4.jpg)no-repeat; z-index: -1;}
#sub .sub_top5::after{background: url(../images/sub/sub_top5.jpg)no-repeat; z-index: -1;}

@media (max-width: 1199px) {

    #sub .sub_top::after{top:0; bottom: 0; height: 100%;}

}

@media (max-width: 1024px) {

    #sub .sub_top::after{margin-left: -1283px;}

}

@media (max-width: 414px) {

    #sub .sub_top::after{margin-left: -1350px;}

}

#sub .sub_top h2{font-size: 40px; color: #fff; font-family: 'Recipekorea'; font-weight: 500;}
#sub .sub_box{position: absolute; bottom: 1px; left:0; right:0; width: 100%; height: 50px; z-index: 90;}
#sub .sub_box .container{}
#sub .sub_box .container .box2{position: relative; border-bottom: 1px solid #e5e5e5;}
#sub .breadcrumb{height: 50px; background: #fff; border: 1px solid #e5e5e5; border-bottom: none; border-radius: 20px 20px 0 0;}
#sub .breadcrumb a{display: block;}
#sub .breadcrumb a.home:hover::after{transform: translate(-50%, -50%) scale(1.13);}
#sub .breadcrumb a.home{float: left; position: relative; width: 51px; height: 50px; text-indent: 100%; white-space: nowrap; overflow: hidden;}
#sub .breadcrumb a.home::after{content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 19px; height: 18px; background: url(../images/common/sp_icon.png)no-repeat -11px -11px; transition: all .3s; background-size: 520px 1500px;}
#sub .breadcrumb .box{position: relative; float: left; margin-right: -1px; min-width: 269px; height: 50px; line-height: 50px;}
#sub .breadcrumb .box > a.open{position: relative; padding: 0 98px 0 19px; color:#242424;  border: 1px solid #e5e5e5; border-width: 0 1px 0 1px;}
#sub .breadcrumb .box > a.open::after{content: ""; position: absolute; top: 50%; right: 18px; transform: translateY(-50%); width: 18px; height: 18px; background: url(../images/common/sp_icon.png)no-repeat -91px -91px; text-indent: 100%; white-space: nowrap; overflow: hidden; background-size: 520px 1500px;}
#sub .breadcrumb .box > a:hover.open::after{animation: after .7s infinite ease both;}
@keyframes after {
    0%{top:45%}
    25%{top:48%;}
    50%{top:51%;}
    100%{top:54%;}
}
#sub .breadcrumb .box > a.active.open::after{transform: translateY(-50%) rotate(180deg); background: url(../images/common/sp_icon.png)no-repeat -131px -91px; background-size: 520px 1500px;}
#sub .breadcrumb .box ul{display: none; padding: 9px 0 2px 0; position: absolute; width: 100%; border: 1px solid #e5e5e5; border-width: 0 1px 1px 1px; background: #fff; z-index: 9;}
#sub .breadcrumb .box ul li a{position: relative; display: block; padding: 9px 0 9px 19px; line-height: 1; font-weight: 300; color: #555;}
#sub .breadcrumb .box ul li a span{position: relative; transition: all .3s;}
#sub .breadcrumb .box ul li a span::after{display: none; content: ""; position: absolute; top: 50%; left:0; margin-top: -0.5px; width: 5px; height: 1px; background: #034da2;}
#sub .breadcrumb .box ul li a:hover{color: #034da2;}
#sub .breadcrumb .box ul li a:hover span{padding-left: 9px;}
#sub .breadcrumb .box ul li a:hover span::after{display: block;}
#sub .btn_box {position: absolute; top:0; right:0;}
#sub .btn_box > div{float: left;}
#sub .btn_box > div a{}
#sub .btn_box > div a::after{image-rendering: -webkit-optimize-contrast;}
#sub .btn_box a{display: block; position: relative;  text-indent: 100%; white-space: nowrap; overflow: hidden; transition: all .3s;}
#sub .btn_box .print a{width: 52px; height: 50px; border: 1px solid #e5e5e5; border-width: 0 1px 0 1px;}
#sub .btn_box .print a::after{content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 19px; height: 18px; background: url(../images/common/sp_icon.png)no-repeat -171px -91px; background-size: 520px 1500px;}
#sub .btn_box .share{position: relative;}
#sub .btn_box .share > a{width: 47px; height: 50px;}
#sub .btn_box .share > a::after{content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 19px; height: 20px; background: url(../images/common/sp_icon.png)no-repeat -210px -90px; background-size: 520px 1500px; transition: all .3s;}
#sub .btn_box .share .sns{display: none; padding-top: 6px; position: absolute; left: -1px; top:50px; width: 48px; height: 109px; border: 1px solid #ebebeb; border-top:none;}
#sub .btn_box .share .sns a{display: block; width: 26px; height: 26px; margin: 0 auto 9px; background: url(../images/common/sp_icon.png)no-repeat; background-size: 520px 1500px; transition: all .3s;}
#sub .btn_box .share .sns a:last-child{margin-bottom: 6px;}
#sub .btn_box .share .sns a.blog{background-position: -367px -247px;}
#sub .btn_box .share .sns a.facebook{background-position: -407px -247px;}
#sub .btn_box .share .sns a.twitter{background-position: -447px -247px;}
#sub .btn_box a:hover::after{transform: translate(-50%, -50%) scale(1.13);}

@media (max-width: 1199px) {

    #sub{padding-top: 61px;}

    #sub .btn_box .share .sns{width: 100%; left:0;}

    /* font */
    #sub .sub_top h2{font-size: 38px;}

}

@media (max-width: 1024px) {

    #sub .btn_box .print a{display: none;}
    #sub .btn_box .share > a{border-left: 1px solid #e5e5e5;}

    /* font */
    #sub .sub_top h2{font-size: 36px;}


}

@media (max-width: 768px) {

    #sub .breadcrumb a.home::after{transform: translate(-50%, -50%) scale(0.95);}
    #sub .breadcrumb .box{min-width: auto;}
    #sub .breadcrumb .box > a.open{padding: 0 98px 0 10px; font-size: 15px;}
    #sub .breadcrumb .box ul li a{padding-left: 10px; font-size: 15px;}

    /* font */
    #sub .sub_top h2{font-size: 34px;}

}

@media (max-width: 480px) {

    #sub .breadcrumb .box > a.open{padding: 0 10px; pointer-events: none;}
    #sub .breadcrumb .box > a.open::after{display: none;}
    #sub .breadcrumb .box ul{display: none;}

    /* font */
    #sub .sub_top h2{font-size: 32px;}

}

/* contents_wrap */
#sub .contents_wrap{position: relative;}
#sub .contents_wrap .contents{padding: 0 0 81px}
#sub .contents_wrap .contents > p{margin:26px 0 35px; font-size: 18px; font-weight: 300; color: #505050; text-align: center; line-height: 24px; word-break:keep-all;}
#sub .contents_wrap .contents_area{/*padding-bottom: 45px; border-bottom: 1px solid #dadada;*/}
#sub .contents_wrap .tit_box{height: 113px; line-height: 113px; text-align: center; border-bottom: 1px solid #dadada;}
#sub .contents_wrap .tit_box h2{font-size: 30px; font-weight: 500; color: #000;}
#sub .contents_wrap .tit{height: 99px; line-height: 99px; text-align: center; display:none;}
#sub .contents_wrap .tit h3{display: none; font-size: 26px; color: #000;}
#sub .contents_wrap ul.tab{max-width: 335px; width: 100%; margin: 0 auto 37px;}
#sub .contents_wrap ul.tab li{float: left; width: 31.1%; margin-right: 3.3%;}
#sub .contents_wrap ul.tab li:last-child{margin-right: 0;}
#sub .contents_wrap ul.tab li a{display: block; padding: 12px 0; font-size: 18px; color: #505050; text-align:center; border: 1px solid #c1c1c1; border-radius: 3px;}
#sub .contents_wrap ul.tab li.active a{color: #fff; background: #046fd9; border: none; box-shadow: 0px 0px 6px rgba(0,0,0,.3);}

@media (max-width: 1199px) {

    /*font */
    #sub .contents_wrap .tit_box h2{font-size: 28px}
    #sub .contents_wrap .contents > p{font-size: 16px; line-height: 22px; }

}

@media (max-width: 1024px) {

    /*font */
    #sub .contents_wrap .tit_box h2{font-size: 26px}

}

@media (max-width: 768px) {

    /*font */
    #sub .contents_wrap .tit_box h2{font-size: 24px}

}

@media (max-width: 414px) {

    #sub .contents_wrap ul.tab{max-width: none;}
    #sub .contents_wrap ul.tab li{width: 100%; margin-bottom: -1px;}
    #sub .contents_wrap ul.tab li a{border-radius: 0;}

}

/* contsLead */
#sub .contents_wrap .contsLead{clear: both; margin-bottom: 51px; min-height: 189px;}
#sub .contents_wrap .contsLead-img{padding: 36px 26px 35px 72px;}
#sub .contents_wrap .contsLead-txt{padding: 25px 25px 25px 46px;}
#sub .contents_wrap p.pgraph{padding: 0; margin-bottom: 0; font-weight: 300; font-size: 17px; color: #1b1b1b; line-height: 30px; word-break: break-all;}

@media (max-width: 1199px) {

    #sub .contents_wrap p.pgraph{line-height: 28px;}
    #sub .contents_wrap p.pgraph br{display: none;}

}

@media (max-width: 760px) {

    #sub .contents_wrap .contsLead-txt{padding: 25px 10px 25px 10px;}
    #sub .contents_wrap .contsLead{min-height: auto;}
    #sub .contents_wrap p.pgraph{line-height: 26px;}

    #sub .contents_wrap h5.titLv2 + ul.listLv > li br{display: none;}

}

/* tit */
#sub .contents_wrap .pgraph{padding-top: 0; font-weight: 300; color:#1b1b1b; line-height: 26px;}
#sub .contents_wrap h4.titLv{margin-bottom: 16px; line-height: 1;}
#sub .contents_wrap h4.titLv + .pgraph{margin-bottom: 29px;}
#sub .contents_wrap h5.titLv2{position: relative; margin-bottom: 10px; padding-left: 29px; font-size: 22px; color: #1b1b1b; line-height: 1;}
#sub .contents_wrap h5.titLv2::before{content: ""; width: 22px; height: 19px; position: absolute; top: 50%; transform: translateY(-50%);left:0; background: url(../images/sub/icon.png)no-repeat;}
#sub .contents_wrap h5.titLv2 + .pgraph{margin-bottom: 33px;}
#sub .contents_wrap h5.titLv2 + ul.listLv{ margin: 0; padding: 7px 0 0 30px}
#sub .contents_wrap h5.titLv2 + ul.listLv > li{padding: 0 0 0 15px; margin-bottom: 11px; font-weight: 300; font-size: 18px; color: #1b1b1b; line-height: 26px;}
#sub .contents_wrap h5.titLv2 + ul.listLv > li::before{top:9px; left: 0; width: 6px; height:6px; border-radius: 50%; background:#2540a1; border-radius: 50%; border:none;}
#sub .contents_wrap h5.titLv2 + ul.listLv > li .pgraph{margin: 3px 0 0 0;}
#sub .contents_wrap h5.titLv2 + ul.listLv > li ul.listLv2{margin:5px 0 0 0;}
#sub .contents_wrap h5.titLv2 + ul.listLv > li ul.listLv2 li{margin-bottom: 0; padding: 0 0 0 15px; font-weight: 300; color: #1b1b1b;}
#sub .contents_wrap h5.titLv2 + ul.listLv > li ul.listLv2 li::before{top: 7px; width: 6px; height: 10px; background: url(../images/sub/icon2.png)no-repeat;}

/* imptBox */
#sub .contents_wrap .imptBox{margin-bottom: 39px; padding: 15px 36px 15px 25px; font-weight: 100; color:#1b1b1b; line-height: 26px; word-break: break-all;}

@media (max-width: 1199px) {

    #sub .contents_wrap .imptBox{padding: 15px 10px 15px 10px;}

}

/* table1 */
#sub .contents_wrap .contents table.skinTb{margin-bottom: 10px; line-height: 1; border-color:#d8d8d8;}
#sub .contents_wrap .contents table.skinTb:before{border-top: 2px solid #034da2;}
#sub .contents_wrap .contents table.skinTb thead tr th{padding:21px 0 22px 0; font-size: 18px; color: #034da2; font-weight: 400; border-bottom-color:#d8d8d8; }
#sub .contents_wrap .contents table.skinTb tbody tr td{padding: 14px 0 10px 0; font-size: 16px; font-weight: 300; color: #1b1b1b;}
#sub .contents_wrap .contents table.skinTb tbody tr:first-child td:first-child{padding: 0;}
#sub .contents_wrap .contents table.skinTb tbody tr:nth-child(7) td:first-child{padding: 0;}
#sub .contents_wrap .contents .skinTb-wrapper + p{margin-bottom: 39px; font-weight: 100; color: #1b1b1b; line-height: 26px; text-align: right;}

/* table2 */
#sub .contents_wrap .contents div.skinTb{margin-bottom: 60px; line-height: 1;}
#sub .contents_wrap .contents div.skinTb div.skinTb-tr div.skinTb-th{padding:17px 0 10px 0; font-size: 18px; color: #034da2; font-weight: 400; border-bottom-color:#e0e0e0; }
#sub .contents_wrap .contents div.skinTb div.skinTb-tr div.skinTb-td{padding: 18px 0 11px 22px; border-color:#e0e0e0}
#sub .contents_wrap .contents div.skinTb div.skinTb-tr div.skinTb-th,
#sub .contents_wrap .contents div.skinTb div.skinTb-tr div.skinTb-td{border-color:#e0e0e0}
#sub .contents_wrap .contents div.skinTb div.skinTb-tr div.skinTb-td.list{padding: 14px 0 16px 22px;}
#sub .contents_wrap .contents div.skinTb div.skinTb-tr div.skinTb-td li{position: relative; padding-left: 12px; line-height: 26px;}
#sub .contents_wrap .contents div.skinTb div.skinTb-tr div.skinTb-td li::before{content: ""; position: absolute; left:0; top:12px; width: 4px; height: 4px; background:#434343; border-radius: 50%;}
#sub .contents_wrap .contents span.upload{display: block; margin-bottom: 13px; font-weight: 100; color: #1b1b1b; text-align: right;}

@media (max-width: 1199px) {

    /* font */
    #sub .contents_wrap .tit_box h3{font-size: 28px;}
    #sub .contents_wrap .contents_area .tit h3{font-size: 24px;}
    #sub .contents_wrap h4.titLv{font-size: 24px;}
    #sub .contents_wrap h5.titLv2{font-size: 20px;}

    #sub .contents_wrap h5.titLv2::before{left: 3px; transform: translateY(-56%) scale(0.95);}

}

@media (max-width: 1024px) {

    /* font */
    #sub .contents_wrap .tit_box h3{font-size: 26px;}
    #sub .contents_wrap .contents_area .tit h3{font-size: 22px;}
    #sub .contents_wrap h4.titLv{font-size: 22px;}
    #sub .contents_wrap h5.titLv2{font-size: 18px;}

    #sub .contents_wrap h5.titLv2::before{transform: translateY(-56%) scale(0.9);}

}

@media (max-width: 760px) {

    #sub .contents_wrap .contsLead-txt{padding: 25px 10px 25px 10px;}

     #sub .contents_wrap h5.titLv2 + ul.listLv > li br{display: none;}

}

/* button */
 #sub .contents_wrap .button_box strong{display: block; margin-bottom: 20px; font-size: 20px; font-weight: 500; color: #000;}
 #sub .contents_wrap .button_box {margin-bottom: 57px; font-size: 0;}
 #sub .contents_wrap .button_box p.listLv:before,
 #sub .contents_wrap .button_box div.listLv:before,
 #sub .contents_wrap .button_box span.listLv:before,
 #sub .contents_wrap .button_box .listLv >li:before,
 #sub .contents_wrap .button_box .listLv >dt:before{padding-left: 0; display: none;}
 #sub .contents_wrap .button_box .contsBtn{border: 1px solid #034da2;}
 #sub .contents_wrap .button_box .contsBtn:before{background:#034da2;}
 #sub .contents_wrap .button_box .contsBtn > a:after{width: 19px; height: 16px; background: url(../images/sub/icon4.png)no-repeat;}
 #sub .contents_wrap .button_box .contsBtn:hover > a:after{background: url(../images/sub/icon5.png)no-repeat;}
 #sub .contents_wrap .button_box .contsBtn .icon2::after{width: 18px; height: 18px; background: url(../images/sub/icon6.png)no-repeat;}
 #sub .contents_wrap .button_box .contsBtn:hover .icon2::after{background: url(../images/sub/icon7.png)no-repeat;}
 #sub .contents_wrap .button_box .contsBtn .contsBtn-move::after{width: 22px; height: 20px; background: url(../images/sub/icon8.png)no-repeat;}
 #sub .contents_wrap .button_box .contsBtn:hover .contsBtn-move::after{background: url(../images/sub/icon9.png)no-repeat;}
 #sub .contents_wrap .button_box .skinBtnBo{border: 1px solid #034da2; text-decoration: none; }
 #sub .contents_wrap .button_box .skinBtnBo:before{background: #034da2;}
 #sub .contents_wrap .button_box .skinBtnBo:hover{color: #fff; }
 #sub .contents_wrap .button_box p.listLv,
 #sub .contents_wrap .button_box div.listLv,
 #sub .contents_wrap .button_box span.listLv,
 #sub .contents_wrap .button_box .listLv >li,
 #sub .contents_wrap .button_box .listLv >dt,
 #sub .contents_wrap .button_box .listLv >dd{padding: 0;}
 #sub .contents_wrap ul.listLv{margin-left: 0;}
 #sub .contents_wrap .button_box ul.listLv li{margin-bottom: 43px; line-height: 1;}
 #sub .contents_wrap .button_box ul.listLv li span{display: block; margin-bottom: 10px;}

 #sub .contents_wrap .btn1{margin-bottom: 18px; font-size: 0;}
 #sub .contents_wrap .btn1 button{margin-right: 24px;vertical-align: middle;}
 #sub .contents_wrap .btn1 button.certification{width: 217px; height: 44px; line-height: 44px; background: #303030; font-size: 18px; color: #fff; font-weight: 500; }
 #sub .contents_wrap .btn1 button.reservation{width: 198px; height: 44px; line-height: 44px; background: #d3e7ff; font-size: 18px; color: #000; font-weight: 500; border: 2px solid #034da2;}
 #sub .contents_wrap .btn1 button.reservation2{width: 198px; height: 44px; line-height: 44px; background: #fff; font-size: 18px; color: #2540a1; font-weight: 500; border: 2px solid #034da2;}

 #sub .contents_wrap .btn2{margin-bottom: 20px; font-size: 0;}
 #sub .contents_wrap .btn2 button{width: 82px; height: 26px; line-height: 20px; margin-right: 10px; vertical-align: middle;}
 #sub .contents_wrap .btn2 button.impossible_type1{font-size: 14px; font-weight: 300; color: #fff; border: 1px solid #540808; background: #e62121; border-radius: 2px; box-shadow: 1px 1px 2px rgba(0,0,0,.2);}
 #sub .contents_wrap .btn2 button.possible_type1{font-size: 14px; font-weight: 300; color: #fff; border: 1px solid #03164c; background: #046fd9; border-radius: 2px; box-shadow: 1px 1px 2px rgba(0,0,0,.2);}
 #sub .contents_wrap .btn2 button.possible_type2{border: 1px solid #a4a4a4; font-size: 14px; font-weight: 300; color:#034da2; }
 #sub .contents_wrap .btn2 button.impossible_type2{border: 1px solid #a4a4a4; font-size: 14px; font-weight: 300; color:#e62121; }

 #sub .contents_wrap .btn3{margin-bottom: 49px;font-size: 0;}
 #sub .contents_wrap .btn3 button{vertical-align: middle; border-radius: 3px;}
 #sub .contents_wrap .btn3 button.btn3_1{margin-right: 15px; padding: 0 18px; height: 30px; line-height: 30px; font-size: 14px; font-weight: 100; color: #000; background: #d3d3d3;}
 #sub .contents_wrap .btn3 button.btn3_2{margin-right: 17px; padding: 0 11px; height: 30px; line-height: 30px; font-size: 14px; font-weight: 100; color: #000; background: #d3d3d3;}
 #sub .contents_wrap .btn3 button.active {background: #034da2; color: #fff;}
 #sub .contents_wrap .btn3 .btn3_3{width: 260px; height: 44px; font-size: 16px; line-height: 42px; color: #000; border: 1px solid #034da2; transition: all .3s; background: #fff;}
 #sub .contents_wrap .btn3 .btn3_3 span{position: relative;}
 #sub .contents_wrap .btn3 .btn3_3 span::before{content: ""; position: absolute; top:50%; transform: translateY(-50%); left:-30px; width: 22px; height: 29px; background: url(../images/sub/icon10.png)no-repeat;}
 #sub .contents_wrap .btn3 .btn3_3:hover span::before{background: url(../images/sub/icon11.png)no-repeat;}
 #sub .contents_wrap .btn3 .btn3_3:hover{background: #2540a1; color: #fff;}




/* step */
#sub .contents_wrap .step_box strong{display: block; margin-bottom: 29px; font-size: 20px; font-weight: 500; color: #000;}
#sub .contents_wrap .step_box ul.step{max-width: 722px; }
#sub .contents_wrap .step_box ul.step li{position: relative; float: left; width: 15.6%; margin-right: 5.5%; text-align: center; line-height: 1;}
#sub .contents_wrap .step_box ul.step li:last-child{margin-right: 0}
#sub .contents_wrap .step_box ul.step li span{ width: 112px; margin-bottom: 15px; display: block; height: 112px; border: 3px solid #a0a0a0; line-height: 106px;  border-radius: 50%; text-align: center;}
#sub .contents_wrap .step_box ul.step li::after{content: ""; position: absolute; right:-24%; top: 36%; transform: translateY(-50%); width: 15px; height: 23px; background: url(../images/sub/icon3.png)no-repeat;}
#sub .contents_wrap .step_box ul.step li:last-child::after{display: none;}
#sub .contents_wrap .step_box ul.step li.procedure-color span{border: 3px solid #2540a1;}
#sub .contents_wrap .step_box ul.step li em{font-size: 14px; color: #000; line-height: 19px; }

@media (max-width: 1199px) {

    #sub .contents_wrap .step_box ul.step{width: 100%; max-width: none;}
    #sub .contents_wrap .step_box ul.step li span{margin: 0 auto 15px;}

}

@media (max-width: 768px) {

    #sub .contents_wrap .step_box ul.step li{width: 27.8%; margin-bottom: 20px;}
    #sub .contents_wrap .step_box ul.step li::after{right: -12%;}

}

@media (max-width: 480px) {

    #sub .contents_wrap .step_box ul.step li::after{right: -18%;}

}

@media (max-width: 460px) {

    #sub .contents_wrap .step_box ul.step li{width: 44.5%;}
    #sub .contents_wrap .step_box ul.step li::after{right: -9%;}

}

/* 공통 */


/* 검색 */
#sub .contents_wrap .contents select{background:#fff url(../images/sub/icon24.png)no-repeat 0 center; background-size: 9px 7px;}
#sub .contents_wrap .contents .boSrchArea{margin-top: 29px;}
#sub .contents_wrap .contents .boSrchArea + .btn3{margin-bottom: 0; text-align: right;}
#sub .contents_wrap .contents .boSrchArea + .btn3 button{margin-right: 0;}
#sub .contents_wrap .contents .boSrchArea + .btn3 button.btn3_1{margin-right: 7px;}
#sub .contents_wrap .contents .boSrchArea + .btn3 .skinBtnBo{margin-left: 7px;height:30px;line-height:28px;font-size:14px;}
#sub .contents_wrap .contents .boSrchArea .boSrch-selectBox{width: 33.6%; font-size: 14px; font-weight: 100; color: #535353; background:#fff url(../images/sub/icon24.png)no-repeat 92% center;}
#sub .contents_wrap .contents .boSrch-iptTxt{padding-left: 29px; width: calc(100% - 22% - 113px); font-size: 14px; font-weight: 100; color: #535353; letter-spacing: -1px; background: #fff url(../images/sub/icon12.png)no-repeat 9px center; background-size: 15px 15px; }
#sub .contents_wrap .contents .boSrch-btnBo{background: #034da2; border: none; border-radius: 2px; font-weight: 300; font-size: 15px; color: #fff;}
#sub .contents_wrap .contents .boSrchArea{padding: 11px 13px 11px 22px;}
#sub .contents_wrap .contents .boSrchArea .boSrch{width: 31.1%;}
#sub .contents_wrap .contents .boSrchArea .boMeta{padding-top: 11px; font-size: 0; line-height: 1;}
#sub .contents_wrap .contents .boSrchArea .boMeta span{font-size: 14px;}
#sub .contents_wrap .contents .boSrchArea .boMeta span:first-child{margin-right: 8px;}
#sub .contents_wrap .contents .boSrchArea .boMeta span:last-child{color: #434343;}
#sub .contents_wrap .contents .boSrchArea .boMeta .boMeta-pt{padding-right: 0; color: #034da2;}
#sub .contents_wrap .contents .boSrchArea .boMeta .boMeta-pt:before{margin-right: 5px; width: 3px; height: 3px; background: #034da2;}

@media (max-width: 1199px) {

    #sub .contents_wrap .contents .boSrchArea .boSrch{width: 41.3%;}
    #sub .contents_wrap .contents .boSrch-iptTxt{width: calc(100% - 25% - 113px);}
    #sub .contents_wrap .contents .boSrchArea{padding: 11px 10px 11px 10px;}

}

@media (max-width: 999px) {

    #sub .contents_wrap .contents .boSrchArea .boSrch{width: 100%;}
    #sub .contents_wrap .contents .boSrchArea .boSrch-selectBox{width: 12.6%;}
    #sub .contents_wrap .contents .boSrch-iptTxt{width: calc(100% - 9% - 104px);}

}

@media (max-width: 639px) {

    #sub .contents_wrap .contents .boSrchArea .boSrch-selectBox{width: 100%; background: #fff url(../images/sub/icon24.png)no-repeat 98.5% center;}
    #sub .contents_wrap .contents .boSrch-iptTxt{/*width: calc(100% - -6% - 100px);*/ width: 100%; margin-bottom: 5px;}
    #sub .contents_wrap .contents .boSrch-btnBo{width: 100%!important; }

}

@media (max-width: 360px) {

    #sub .contents_wrap .contents .boSrchArea .boSrch-selectBox{background: #fff url(../images/sub/icon24.png)no-repeat 97.5% center;}

}

/* 동물병원정보 */
#sub .contents_wrap .contents ul.info_list{margin: 30px -12px -14px;}
#sub .contents_wrap .contents ul.info_list > li{float: left; width: 23%; height: 195px; margin: 0 1% 50px;}
#sub .contents_wrap .contents ul.info_list li a{position: relative; padding: 19px 10px 22px 19px; display:block; border: 1px solid #c1c1c1; transition: all .3s;}
#sub .contents_wrap .contents ul.info_list li a::after{display: none; content:""; position: absolute; top:0; left:0; right:0; bottom: 0; border: 4px solid #046fd9; transition: all .3s;}
#sub .contents_wrap .contents ul.info_list li a:hover{position: relative; top: -14px; box-shadow: 7px 9px 12px rgba(0,0,0,.15); border: none;}
#sub .contents_wrap .contents ul.info_list li a:hover::after{display: block;}
#sub .contents_wrap .contents ul.info_list li a span.area{display: inline-block; min-width: 60px; height: 24px; line-height: 18px; margin-bottom:16px; color: #034da2; border: 2px solid #034da2; border-radius: 20px 20px 20px 0; text-align: center; transition: all .3s; background: #fff; font-weight: 500; }
#sub .contents_wrap .contents ul.info_list li a h4{margin-bottom: 20px; color:#1b1b1b; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: 500;}
#sub .contents_wrap .contents ul.info_list li ul.list2 li{position: relative; padding-left: 21px; margin-bottom: 9px; font-size: 14px; color:#1b1b1b; line-height: 1;}
#sub .contents_wrap .contents ul.info_list li ul.list2 li.address{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 44px; line-height: 22px; overflow: hidden; text-overflow: ellipsis;}
#sub .contents_wrap .contents ul.info_list li ul.list2 li.address::before{content: ""; position: absolute; top:2px; left:0; width: 16px; height: 16px; background: url(../images/sub/address.png)no-repeat;}
#sub .contents_wrap .contents ul.info_list li ul.list2 li.phone_number::before{content: ""; position: absolute; top:-1px; left:0; width: 16px; height: 16px; background: url(../images/sub/number.png)no-repeat;}
#sub .contents_wrap .contents ul.info_list li a:hover span.area{line-height: 22px; color: #fff; background: #046fd9; border: none;}

@media (max-width: 1199px) {

    #sub .contents_wrap .contents ul.info_list{margin-bottom: 0;}

}

@media (max-width:1024px) {

    #sub .contents_wrap .contents ul.info_list > li{width: 31.33%; margin-bottom: 20px;}

}

@media (max-width:576PX) {

    #sub .contents_wrap .contents ul.info_list > li{width: 48%;}

}

@media (max-width:414PX) {

    #sub .contents_wrap .contents ul.info_list{margin: 30px 0 36px;}
    #sub .contents_wrap .contents ul.info_list > li{width: 100%; margin: 0  0 20px;}

}

/* 숙박목록 */
#sub .contents_wrap .contents ul.st2 li{height: 343px;}
#sub .contents_wrap .contents ul.st2 li a{padding: 0;}
#sub .contents_wrap .contents ul.st2 li a span.area{position: absolute; bottom: 145px; left: 19px; margin-bottom: 0;}
#sub .contents_wrap .contents ul.st2 li a .img_box{position: relative; height: 184px; /*padding-top: 66%;*/ background: #e6eef1;}
#sub .contents_wrap .contents ul.st2 li a .img_box img{width: 100%; height: 100%; object-fit: cover;}
#sub .contents_wrap .contents ul.st2 li a .text_box{position: relative; margin-bottom: 0; height: 157px; padding: 28px 10px 22px 19px;}
#sub .contents_wrap .contents ul.st2 li a h4{line-height: 1;}

/* 숙박상세 */
#sub .contents_wrap .contents .detail_box{margin-bottom: 66px; }
#sub .contents_wrap .contents .detail_box .detail_img{position: relative; float: left; width: 55%; /*width: 660px;*/}
#sub .contents_wrap .contents .detail_box .detail_img .slide{position: relative; height: 440px; /*padding-top: 36.7%;*/ background: #e7eff8;}
#sub .contents_wrap .contents .detail_box .detail_img img{position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; margin: auto; object-fit: cover;}
#sub .contents_wrap .contents .detail_box .detail_img .control{position: absolute; right:8px; bottom: 10px; font-size: 0;}
#sub .contents_wrap .contents .detail_box .detail_img .control button{position: relative; border: 1px solid #bdcddf; background: #fff; opacity: .7; vertical-align: middle;}
#sub .contents_wrap .contents .detail_box .detail_img .control button.pause{margin-right: 3px; width: 30px; height: 30px; border-radius: 50%; }
#sub .contents_wrap .contents .detail_box .detail_img .control button.pause::before{content: ""; width: 8px; height: 10px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: url(../images/sub/pause.png)no-repeat;}
#sub .contents_wrap .contents .detail_box .detail_img .control button.play{display: none; margin-right: 3px; width: 30px; height: 30px; border-radius: 50%; }
#sub .contents_wrap .contents .detail_box .detail_img .control button.play::before{content: ""; width: 8px; height: 10px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); /*background: url(../images/sub/pause.png)no-repeat;*/}
#sub .contents_wrap .contents .detail_box .detail_img .control button.prev{width: 32px; height: 30px; border-radius: 30px 0 0 30px; border-width: 1px 0 1px 1px;}
#sub .contents_wrap .contents .detail_box .detail_img .control button.prev::before{content: ""; width: 5px; height: 10px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: url(../images/sub/prev.png)no-repeat;}
#sub .contents_wrap .contents .detail_box .detail_img .control button.prev::after{content: ""; position: absolute; top: 50%; margin-top: -4px; right:0; width: 1px; height: 8px; background: #555;}
#sub .contents_wrap .contents .detail_box .detail_img .control button.next{margin-right: 3px; width: 31px; height: 30px; border-radius: 0 30px 30px 0; border-width: 1px 1px 1px 0;}
#sub .contents_wrap .contents .detail_box .detail_img .control button.next::before{content: ""; width: 5px; height: 10px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(180deg); background: url(../images/sub/prev.png)no-repeat;}
#sub .contents_wrap .contents .detail_box .detail_img .control .count{display: inline-block; width: 50px; height: 30px; line-height: 28px; border: 1px solid #bdcddf; background: #fff; opacity: .7; font-size: 14px; color: #2b2b2b; border-radius: 30px; vertical-align: middle; text-align: center;}
#sub .contents_wrap .contents .detail_box .detail_img .control .count em{position: relative; margin-right: 15px;}
#sub .contents_wrap .contents .detail_box .detail_img .control .count em::after{content: ""; width: 1px; height: 8px; position: absolute; top: 52%; right:-9px; transform: translateY(-50%) rotate(20deg); background: #75766b;}
#sub .contents_wrap .contents .detail_box .detail_text{float: left; /*width: calc(100% - 660px);*/ width: 45%; padding: 8px 0 0 38px;}
#sub .contents_wrap .contents .detail_box .detail_text strong{display: block; margin:0 0 11px 9px; font-size: 14px; font-weight: 500; color: #242424;}
#sub .contents_wrap .contents .detail_box .detail_text .keyword{margin:0 0 32px 7px; font-size: 0;}
#sub .contents_wrap .contents .detail_box .detail_text .keyword span{display: inline-block; margin: 0 8px 4px 0; padding: 5px 7px 5px 8px; font-size: 14px; color: #555; border: 1px solid #d3d3d3; border-radius: 2px;}
#sub .contents_wrap .contents .detail_box .detail_text .info_text{position: relative; margin-bottom: 10px; padding: 27px 10px 26px 19px; /*max-width: 489px;*/ min-height: 200px; background:#e7eff8; border-radius: 10px;}
#sub .contents_wrap .contents .detail_box .detail_text .info_text dl{margin-bottom: 20px; overflow: hidden; line-height: 19px;}
#sub .contents_wrap .contents .detail_box .detail_text .info_text dl:nth-last-of-type(1){margin-bottom: 0;}
#sub .contents_wrap .contents .detail_box .detail_text .info_text dl dt{position: relative; float: left; width: 98px; padding-left: 25px; font-weight: 500; color:#000; }
#sub .contents_wrap .contents .detail_box .detail_text .info_text dl dt::before{content: ""; width: 16px; height: 16px; position: absolute; top:4px; left:0;}
#sub .contents_wrap .contents .detail_box .detail_text .info_text dl dt.address::before{background: url(../images/sub/address2.png)no-repeat;}
#sub .contents_wrap .contents .detail_box .detail_text .info_text dl dt.inquiries::before{background: url(../images/sub/inquiries.png)no-repeat;}
#sub .contents_wrap .contents .detail_box .detail_text .info_text dl dt.time::before{background: url(../images/sub/time.png)no-repeat;}
#sub .contents_wrap .contents .detail_box .detail_text .info_text dl dt.site::before{background: url(../images/sub/site.png)no-repeat;}
#sub .contents_wrap .contents .detail_box .detail_text .info_text dl dd{float: left; width: calc(100% - 98px); color: #505050; font-weight: 350;}
#sub .contents_wrap .contents .detail_box .detail_text .info_text dl dd a:hover{text-decoration: underline;}
#sub .contents_wrap .contents .detail_box .detail_text .info_text .btn{position: absolute; top:-20px; right:15px;}
#sub .contents_wrap .contents .detail_box .detail_text .info_text .btn button{width: 40px; height: 40px; transition: all .3s;}
#sub .contents_wrap .contents .detail_box .detail_text .info_text .btn button.btn01{background: url(../images/sub/btn01.png)no-repeat;}
#sub .contents_wrap .contents .detail_box .detail_text .info_text .btn button.btn02{background: url(../images/sub/btn02.png)no-repeat;}
#sub .contents_wrap .contents .detail_box .detail_text .info_text .btn button.btn03{background: url(../images/sub/btn03.png)no-repeat;}
#sub .contents_wrap .contents .detail_box .detail_text .info_text .btn button:hover{transform: scale(1.07);}
#sub .contents_wrap .contents .detail_box .detail_text ul.list li{float: left;width: 86px;padding-bottom:5px;height: 86px;margin-right: 12px;border: 1px solid #c1c1c1;border-radius: 2px;text-align: center;display: flex;align-items: center;justify-content: center;flex-direction: column;}
#sub .contents_wrap .contents .detail_box .detail_text ul.list li div{height:50px;align-items:center;display:flex;}
#sub .contents_wrap .contents .detail_box .detail_text ul.list li div img{display:block;}
#sub .contents_wrap .contents .detail_box .detail_text ul.list li span{display: block;font-size: 14px;color: #2b2b2b;margin-top: 5px;}
#sub .contents_wrap .contents .detail_box .detail_text ul.list li.bath{background: url(../images/sub/bath.png)no-repeat center 8px; background-size:  44px 49px;}
#sub .contents_wrap .contents .detail_box .detail_text ul.list li.fixtures{background: url(../images/sub/fixtures.png)no-repeat center 13px; background-size:  40px 38px;}
#sub .contents_wrap .contents .detail_box .detail_text ul.list li.petcompanion{background: url(../images/sub/pet_companion.png)no-repeat center 17px; background-size: 46px 35px;}
#sub .contents_wrap .contents .detail_box .detail_text ul.list li.weight{background: url(../images/sub/weight.png)no-repeat center 13px; background-size: 38px 37px;}
#sub .contents_wrap .contents .detail_box .detail_text ul.list li.firstaid{background: url(../images/sub/firstaid.png)no-repeat center 11px; background-size: 45px 44px;}
#sub .contents_wrap .contents .detail_box .detail_text ul.list li.admissionfee{background: url(../images/sub/admissionfee.png)no-repeat center 18px; background-size: 47px 32px;}
#sub .contents_wrap .contents .detail_box .detail_text ul.list li.parking{background: url(../images/sub/parking.png)no-repeat center 10px; background-size: 53px 43px;}
#sub .contents_wrap .contents .detail_box .detail_text ul.list li.outdoor{background: url(../images/sub/outdoor.png)no-repeat center 17px; background-size: 34px 32px;}
#sub .contents_wrap .contents .detail_box .detail_text .list_slick{position: relative;}
#sub .contents_wrap .contents .detail_box .detail_text .list_slick .control{position: absolute; top:94px; right: 8px; font-size: 0;}
#sub .contents_wrap .contents .detail_box .detail_text .list_slick .control button.prev{width: 5px; height: 10px; background: url(../images/sub/prev2.png)no-repeat;}
#sub .contents_wrap .contents .detail_box .detail_text .list_slick .control button.pause{margin: 0 11px; width: 5px; height: 8px; background: url(../images/sub/pause2.png)no-repeat;}
#sub .contents_wrap .contents .detail_box .detail_text .list_slick .control button.play{display: none; margin: 0 11px; width: 5px; height: 8px; background: url(../images/sub/play2.png)no-repeat;}
#sub .contents_wrap .contents .detail_box .detail_text .list_slick .control button.next{width: 5px; height: 10px; background: url(../images/sub/prev2.png)no-repeat; transform: rotate(180deg);}
#sub .contents_wrap .contents .text_box{margin-bottom: 41px; line-height: 25px; font-weight: 300; color: #555;}
#sub .contents_wrap .contents .text_box .map-box{height: 237px;}
#sub .contents_wrap .contents .text_box .map-box img{display: block;}
#sub .contents_wrap .contents .text_box strong{display: block; margin-top: 11px; color:#034da2; font-weight: 300;}
#sub .contents_wrap .contents .text_box h4.title{position: relative; margin-bottom: 15px; padding: 0 0 15px 37px; font-size: 20px; font-weight: 500; color:#000; border-bottom: 1px solid #c1c1c1;}
#sub .contents_wrap .contents .text_box h4.title::before{content: ""; position: absolute; top:-1px; left:0; width: 29px; height: 28px; background: url(../images/sub/tit.png)no-repeat;}
#sub .contents_wrap .contents .text_box.emergency p{margin-bottom: 28px;}
#sub .contents_wrap .contents .text_box dl{overflow: hidden; }
#sub .contents_wrap .contents .text_box dl dt{float: left; width: 134px;}
#sub .contents_wrap .contents .text_box dl dd{float: left;}
#sub .contents_wrap .contents .text_box.restaurant span{display: block; margin-bottom: 8px; }
#sub .contents_wrap .contents .text_box h5{position: relative; padding-left: 18px; margin-bottom: 2px;}
#sub .contents_wrap .contents .text_box h5::before{content: ""; position: absolute; top: 50%; transform: translateY(-50%); left:0; width: 13px; height: 13px; background:#555;}
#sub .contents_wrap .contents .text_box .box{display: table; width: 62.3%;}
#sub .contents_wrap .contents .text_box .box div{display: table-cell;}
#sub .contents_wrap .contents .text_box .box div:nth-of-type(1){width:52.9%; /*width: 395px;*/ /*margin-right: 110px;*/}
#sub .contents_wrap .contents .text_box .box div:nth-of-type(2){width: 38.7%;/*width: 289px;*/ /*margin-right: 157px;*/}
#sub .contents_wrap .contents .text_box .box div:nth-of-type(3){ /*margin-right: 157px;*/}
#sub .contents_wrap .contents .text_box.map p{margin-bottom: 6px;}
#sub .contents_wrap .contents .text_box ul.travel_destination{margin: 0 -1%;}
#sub .contents_wrap .contents .text_box ul.travel_destination li{float: left; width: 22.9%; margin: 0 1% 20px; border: 1px solid #c1c1c1;}
#sub .contents_wrap .contents .text_box ul.travel_destination li .img-box{position: relative; height: 0; padding-top: 66.1%; background: #e6eef1;}
#sub .contents_wrap .contents .text_box ul.travel_destination li .img-box img{position: absolute; left:0; right:0; bottom: 0; top:0; max-width: 100%; max-height: 100%; margin: auto;}
#sub .contents_wrap .contents .text_box ul.travel_destination li .text-box{height: 29px; line-height: 29px; text-align: center; font-size: 18px; font-weight: 300; color:#000;}

@media (max-width: 1199px) {
    #sub .contents_wrap .contents .text_box ul.travel_destination li .text-box{font-size: 16px;}

    #sub .contents_wrap .contents .detail_box .detail_img .control{transform: scale(0.9); right:0; bottom: 6px;}
    #sub .contents_wrap .contents .detail_box .detail_text .info_text .btn{transform: scale(0.9);}

    #sub .contents_wrap .contents .text_box .box{display: table; width: 100%;}
    #sub .contents_wrap .contents .text_box .box div{width: 33.33%!important;}

    /* font */
    #sub .contents_wrap .contents .detail_box .detail_text .info_text dl{font-size: 15px; line-height: 20px;}
}

@media (max-width: 1024px) {
    #sub .contents_wrap .contents .text_box ul.travel_destination li{width: 31.33%;}

    #sub .contents_wrap .contents .detail_box .detail_img .control{transform: scale(0.8); right: -6px;}
    #sub .contents_wrap .contents .detail_box .detail_text .info_text .btn{transform: scale(0.8);}
}

@media (max-width: 768px) {
    #sub .contents_wrap .contents .detail_box .detail_img{width: 100%; margin-bottom: 20px;}
    #sub .contents_wrap .contents .detail_box .detail_img .slide{height: auto; padding-top: 6.3%;}
    #sub .contents_wrap .contents .detail_box .detail_text{width: 100%; padding: 0;}
    #sub .contents_wrap .contents .detail_box .detail_text .info_text{max-width: none; width: 100%;}
    #sub .contents_wrap .contents .detail_box .detail_text .keyword{margin-left: 0;}
    #sub .contents_wrap .contents .detail_box .detail_text strong{margin-left: 0;}
    #sub .contents_wrap .contents .detail_box{margin-bottom: 34px;}

    #sub .contents_wrap .contents .text_box .box{width: 100%;}
}

@media (max-width: 576px) {
    #sub .contents_wrap .contents .text_box .box div{display: block; width: 100%!important; margin-bottom: 5px;}
    #sub .contents_wrap .contents .text_box ul.travel_destination li{width: 48%;}

    #sub .contents_wrap .contents .text_box p br{/* display: none; */}
}

@media (max-width: 480px) {
    #sub .contents_wrap .contents .text_box ul.travel_destination li{width: 48%;}
}

@media (max-width: 414px) {
    #sub .contents_wrap .contents .text_box ul.travel_destination{margin: 0;}
    #sub .contents_wrap .contents .text_box ul.travel_destination li{width: 100%; margin: 0 0 20px;}

    #sub .contents_wrap .contents .text_box dl dt{width: 120px;}
}

@media (max-width: 360px) {
    #sub .contents_wrap .contents .text_box dl dt{float: none; width: 100%;}
    #sub .contents_wrap .contents .text_box dl{margin-bottom: 10px;}
}

/* 나만의 여행 코스 완료*/
#sub .contents_wrap .contents .map_box{ margin: -1px 0 -46px 0; height: 780px;}
#sub .contents_wrap .contents .map_box .map_img{position: absolute; width: 100%!important; left:0; height: 780px!important;}
#sub .contents_wrap .contents .map_box .map_img.right{right:0;}
#sub .contents_wrap .contents .map_box .course{position: absolute; top:112px; right:0; bottom: 0; width: 300px; height: 780px; box-shadow: -3px 0 4px rgba(0,0,0,.4); z-index: 100;}
#sub .contents_wrap .contents .map_box .course::after{content: ""; width: 300px;height: 60px;position: absolute; bottom: -60px; right: 0; background: #fff;}
#sub .contents_wrap .contents .map_box .course .course_top{padding:30px 20px 24px 20px; height: 182px; background: #0e77e0;}
#sub .contents_wrap .contents .map_box .course .course_top input[type="text"]{margin-bottom: 16px; padding-left: 12px; width: 260px; height: 44px; background: #fff; border-radius: 2px; font-size: 16px; color: #9ea09f;}
#sub .contents_wrap .contents .map_box .course .course_top input[type="text"]::placeholder{color: #9ea09f;}
#sub .contents_wrap .contents .map_box .course .course_top .tab{margin-bottom: 8px;}
#sub .contents_wrap .contents .map_box .course .course_top .tab a{float: left; display: block; margin-right: 10px; width: 30.7%; height: 30px; line-height: 30px; color: #000; text-align: center; background: #fff; border-radius: 2px; background: #fff;}
#sub .contents_wrap .contents .map_box .course .course_top .tab a:last-child{margin-right: 0;}
#sub .contents_wrap .contents .map_box .course .course_top .tab a.active{background: #2540a1; color: #fff;}
#sub .contents_wrap .contents .map_box .course .course_top .box{position: relative; float: left; margin-right: 10px; width: 48%; height: 30px; line-height: 30px; }
#sub .contents_wrap .contents .map_box .course .course_top .box:last-child{margin-right: 0;}
#sub .contents_wrap .contents .map_box .course .course_top .box > a{position: relative; display: block; padding-left: 20px; border-radius: 2px; background: #fff; color:#505050; font-size: 14px;}
#sub .contents_wrap .contents .map_box .course .course_top .box > a::after{content: ""; position: absolute; top: 50%; transform: translateY(-50%); right:11px; background: url(../images/sub/icon13.png)no-repeat; width: 14px; height: 8px;}
#sub .contents_wrap .contents .map_box .course .course_top .box > a:hover::after{animation: icon .7s infinite ease both;}
@keyframes icon {
    0%{top:15px}
    25%{top:16px;}
    50%{top:17px;}
    100%{top:18px;}
}
#sub .contents_wrap .contents .map_box .course .course_top .box > a.active::after{transform: translateY(-50%) rotate(180deg);}
#sub .contents_wrap .contents .map_box .course .course_top .box .example{display: none; padding: 5px 0; position: absolute; top:30px; left:0; right:0; background: #fff; z-index: 1;}
#sub .contents_wrap .contents .map_box .course .course_top .box .example a{display: block; padding: 5px 5px 5px 20px; font-size: 14px; color: #505050; line-height: 1;}
#sub .contents_wrap .contents .map_box .course .course_top .box .example a:hover, a.active{font-weight: 700; }
#sub .contents_wrap .contents .map_box .course .course_box{height: 599px; padding: 28px 20px 0 20px; background: #d3e7ff; opacity: .9;}
#sub .contents_wrap .contents .map_box .course .course_box .box{position: relative; margin-bottom: 10px; position: relative; padding: 0 0 0 41px; height: 50px; line-height: 50px; font-size: 0; background: #fff; border-radius: 10px;}
#sub .contents_wrap .contents .map_box .course .course_box .box::after{content: ""; position: absolute; top: 50%; transform: translateY(-50%); right: 10px; width: 14px; height: 10px; background: url(../images/sub/menu.png)no-repeat;}
#sub .contents_wrap .contents .map_box .course .course_box .box span.number{position: absolute; top:-5px; left:13px; margin-right: 13px; font-size: 14px; font-weight: 500; color: #fff; z-index: 1;}
#sub .contents_wrap .contents .map_box .course .course_box .box span.number::after{content: ""; position: absolute; top:14px; left: 50%; right:0; bottom: 0; transform: translateX(-50%); background: url(../images/sub/icon14.png)no-repeat; width: 22px; height: 32px; z-index: -1;}
#sub .contents_wrap .contents .map_box .course .course_box .box strong{ position: absolute; top: 50%; width: 39%; transform: translateY(-50%); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 38px; line-height: 18px; overflow: hidden; text-overflow: ellipsis; font-size: 14px; color: #505050;}
#sub .contents_wrap .contents .map_box .course .course_box .box .btn_box02{position: absolute; top: 50%; transform: translateY(-50%); right:0;}
#sub .contents_wrap .contents .map_box .course .course_box .box button.close{margin-right: 37px; width: 13px; height: 13px; background: url(../images/sub/close.png)no-repeat;}
#sub .contents_wrap .contents .map_box .course .course_box .box.ui-state-default{border: none;}
#sub .contents_wrap .contents .map_box .course .btn_box01{position: absolute; top:365px; left:-18px; }
#sub .contents_wrap .contents .map_box .course .btn_box01 .btn_close{position: relative; width: 18px; height:50px; background: #d3e7ff; opacity: .9; box-shadow: -3px -2px 4px rgba(0,0,0,.4);}
#sub .contents_wrap .contents .map_box .course .btn_box01 .btn_close::after{content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 6px; height: 11px; background: url(../images/sub/icon15.png)no-repeat;}
#sub .contents_wrap .contents .map_box .course .btn_box01 .btn_open{display: none; position: relative; width: 18px; height:50px; background: #d3e7ff; opacity: .9; box-shadow: -3px -2px 4px rgba(0,0,0,.4);}
#sub .contents_wrap .contents .map_box .course .btn_box01 .btn_open::after{content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(180deg); width: 6px; height: 11px; background: url(../images/sub/icon15.png)no-repeat;}
#sub .contents_wrap .contents .map_box .course .btn3{position: absolute; left:0; right:0; bottom: 16px; margin: 0; text-align: center;}
#sub .contents_wrap .contents .tab-content .map_box{position: relative; overflow: hidden;}
#sub .contents_wrap .contents .tab-content .map_box .course .course_top{height: auto;}
#sub .contents_wrap .contents .tab-content .map_box .course{top:0!important; right:0; z-index: 999;}
#sub .contents_wrap .contents .tab-content .map_box .course::after{display: none;}
#sub .contents_wrap .contents .tab-content .map_box .course .course_box{height: 688px;}
#sub .contents_wrap .contents .tab-content .map_box .map_img{position: absolute; top: 0; left: 0; height: 780px!important; right: 0;}

@media (max-width: 1199px) {

#sub .contents_wrap .contents .map_box .course::after{height: 40px; bottom: -40px;}

}

@media (max-width: 768px) {

    #sub .contents_wrap .contents .map_box .course{height: auto; top: auto; bottom: -25px; width: 100%;}
    #sub .contents_wrap .contents .map_box .course::after{display: none;}
    #sub .contents_wrap .contents .map_box .course .course_top input[type="text"]{width: 100%;}
    #sub .contents_wrap .contents .map_box .course .course_top .tab a{margin: 0 1% 0 0; width: 32.6%; }
    #sub .contents_wrap .contents .map_box .course .course_top .tab a:last-child{margin-right: 0;}
    #sub .contents_wrap .contents .map_box .course .course_top{height: auto; padding: 20px 10px 50px;}
    #sub .contents_wrap .contents .map_box .course .course_top .box{width: 49.5%; margin-right: 1%;}
    #sub .contents_wrap .contents .map_box .course .course_box .box{height: 44px;}
    #sub .contents_wrap .contents .map_box .course .course_box .box:last-child{margin-bottom: 0;}
    #sub .contents_wrap .contents .map_box .course .course_box{padding: 10px 10px 74px 10px; height: auto;}

    #sub .contents_wrap .contents .map_box .course .course_top input[type="text"]{height: 36px;}
    #sub .contents_wrap .contents .map_box .course .course_top .tab a{height: 26px; line-height: 26px;}
    #sub .contents_wrap .contents .map_box .course .course_box .box span.number{top: -7px;}


}

/* 나만의 여행 코스 전체 */
#sub .contents_wrap .contents .course_all{position: absolute; top:113px; left:0; width: 300px; height: 500px; border-radius: 0 0 10px 0; box-shadow: 4px 4px 3px rgba(0,0,0,.3); z-index: 1;}
#sub .contents_wrap .contents .course_all .course_all_top{ padding: 24px 20px 13px 20px; height: 182px; background: #0e77e0;}
#sub .contents_wrap .contents .course_all .course_all_top h3{margin-bottom: 17px; font-size: 26px; font-weight: 700; color: #fff; text-align:center;}
#sub .contents_wrap .contents .course_all .course_all_top input[type="text"]{width: 100%; height: 44px; line-height: 44px; padding-left:11px; margin-bottom: 18px; background: #fff; font-size: 14px; color: #9ea09f; border-radius: 5px; letter-spacing: -1px; background: #fff url(../images/sub/search.png)no-repeat 233px center; box-shadow: 2px 2px 4px rgba(0,0,0,.3) inset;}
#sub .contents_wrap .contents .course_all .course_all_top input[type="text"]::placeholder{color: #9ea09f;}
#sub .contents_wrap .contents .course_all .course_all_top ul.search_list li{position: relative; float: left; margin-right: 11px; width: 16.6%;}
#sub .contents_wrap .contents .course_all .course_all_top ul.search_list li:last-child{margin-right: 0;}
#sub .contents_wrap .contents .course_all .course_all_top ul.search_list li a{display: block;  height: 41px; text-align: center;}
#sub .contents_wrap .contents .course_all .course_all_top ul.search_list li:hover a{border-radius: 3px;}
#sub .contents_wrap .contents .course_all .course_all_top ul.search_list li:hover a span{color: #000;}
#sub .contents_wrap .contents .course_all .course_all_top ul.search_list li.tourism:hover a{background: #fff url(../images/sub/tourism_hover.png)no-repeat center 5px; background-size: 18px 17px; }
#sub .contents_wrap .contents .course_all .course_all_top ul.search_list li.lodgment:hover a{background: #fff url(../images/sub/lodgment_hover.png)no-repeat center 7px; background-size: 18px 14px; }
#sub .contents_wrap .contents .course_all .course_all_top ul.search_list li.beverage:hover a{background: #fff url(../images/sub/beverage_hover.png)no-repeat 16px 7px; background-size: 19px 15px; }
#sub .contents_wrap .contents .course_all .course_all_top ul.search_list li.experience:hover a{background: #fff url(../images/sub/experience_hover.png)no-repeat center 6px; background-size: 17px 17px; }
#sub .contents_wrap .contents .course_all .course_all_top ul.search_list li.animal_hospital:hover a{background: #fff url(../images/sub/animal_hospital_hover.png)no-repeat center 5px; background-size: 16px 18px; }
#sub .contents_wrap .contents .course_all .course_all_top ul.search_list li a span{display: block; position: absolute; width: 100%; bottom: 3px; left: 50%; transform: translateX(-50%); font-size: 12px; color:#fff;}
#sub .contents_wrap .contents .course_all .course_all_top ul.search_list li.tourism a{background: url(../images/sub/tourism.png)no-repeat center 5px; background-size: 18px 17px; }
#sub .contents_wrap .contents .course_all .course_all_top ul.search_list li.lodgment a{background: url(../images/sub/lodgment.png)no-repeat center 7px; background-size: 18px 14px; }
#sub .contents_wrap .contents .course_all .course_all_top ul.search_list li.beverage a{background: url(../images/sub/beverage.png)no-repeat 16px 7px; background-size: 19px 15px; }
#sub .contents_wrap .contents .course_all .course_all_top ul.search_list li.experience a{background: url(../images/sub/experience.png)no-repeat center 6px; background-size: 17px 17px; }
#sub .contents_wrap .contents .course_all .course_all_top ul.search_list li.animal_hospital a{background: url(../images/sub/animal_hospital.png)no-repeat center 5px; background-size: 16px 18px; }
#sub .contents_wrap .contents .course_all .course_all_box{padding: 37px 20px 0 20px; height: 319px; background: #fff; border-radius: 0 0 10px 0;}
#sub .contents_wrap .contents .course_all .course_all_box strong{position: relative; display: block; position: relative; margin-bottom: 25px; font-size: 14px; font-weight: 500; color:#000;}
#sub .contents_wrap .contents .course_all .course_all_box strong::after{content: ""; position: absolute; top:6px; left:71px; width: 190px; height: 1px; background: #b1b3b2;}
#sub .contents_wrap .contents .course_all .course_all_box ul{padding-left: 15px; overflow: hidden; }
#sub .contents_wrap .contents .course_all .course_all_box ul li{margin-bottom: 18px;}
#sub .contents_wrap .contents .course_all .course_all_box ul li input[type="checkbox"]{position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0}
#sub .contents_wrap .contents .course_all .course_all_box ul li label::before{content: ""; position: absolute; top: 2px; left:0; width: 12px; height: 13px; border: 1px solid #c6c6c6;}
#sub .contents_wrap .contents .course_all .course_all_box ul li label{position: relative; padding: 0 0 0 21px; color: #505050; cursor: pointer;}
#sub .contents_wrap .contents .course_all .course_all_box ul li input[type="checkbox"]:checked + label::before{content: "\2713"; line-height: 11px;}
#sub .contents_wrap .contents .course_all .btn3{position: absolute; bottom: 20px; margin: 0; width: 100%; text-align: center;}
#sub .contents_wrap .contents .course_all .btn_box01{position: absolute; top:50%; right:-20px; transform: translateY(-50%); z-index: -1;}
#sub .contents_wrap .contents .course_all .btn_close{position: relative; width: 20px; height:50px; background: #fff; opacity: .9; box-shadow: 2px 1px 4px rgb(0 0 0 / 40%);}
#sub .contents_wrap .contents .course_all .btn_open::after{content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 6px; height: 11px; background: url(../images/sub/icon15.png)no-repeat;}
#sub .contents_wrap .contents .course_all .btn_open{display: none; position: relative; width: 20px; height:50px; background: #fff; opacity: .9; box-shadow: -3px -2px 4px rgba(0,0,0,.4);}
#sub .contents_wrap .contents .course_all .btn_close::after{content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(180deg); width: 6px; height: 11px; background: url(../images/sub/icon15.png)no-repeat;}

/* 지도 팝업 */
#sub .contents_wrap .contents .map_popup{padding: 15px 14px 9px 14px; position: relative; width: 218px; background: #fff; border: 1px solid #2540a1; border-radius: 8px; font-size: 0; box-shadow: 0px 0px 18px rgba(0,0,0,.8);}
#sub .contents_wrap .contents .map_popup strong{display: block; margin-bottom: 11px; font-size: 14px; font-weight: 500; color: #242424;}
#sub .contents_wrap .contents .map_popup .img_box{position: relative; margin-bottom: 4px; width: 188px; border-radius: 8px;}
#sub .contents_wrap .contents .map_popup .img_box img{width: 100%; height: 100%; object-fit: cover; border-radius: 8px;}
#sub .contents_wrap .contents .map_popup p{margin-bottom: 25px; font-size: 14px; color: #505050; line-height: 22px; white-space: initial;}
#sub .contents_wrap .contents .map_popup a{width: 90px; height: 30px; margin-right: 8px; line-height: 30px; display: inline-block; text-align: center; background: #d3e7ff; font-size: 14px; color: #242424; border-radius: 7px; transition: all .3s;}
#sub .contents_wrap .contents .map_popup a:nth-of-type(2){margin-right: 0;}
#sub .contents_wrap .contents .map_popup a:hover{transform: scale(1.07);}
#sub .contents_wrap .contents .map_popup button.pop_close{position: absolute; top:-13px; right:8px; width: 24px; height: 24px; background: url(../images/sub/pop_close.png)no-repeat; transition: all .3s;}

@media (max-width: 1199px) {

    #sub .contents_wrap .contents .course_all .course_all_top h3{font-size: 22px; }
    #sub .contents_wrap .contents .course_all .course_all_box ul li label{font-size: 15px;}
    #sub .contents_wrap .contents .course_all .course_all_box ul li label::before{top:0;}
    #sub .contents_wrap .btn3 .btn3_3{font-size: 15px;}
    #sub .contents_wrap .btn3 .btn3_3 span::before{transform: translateY(-50%) scale(0.9);}
    #sub .contents_wrap .contents .course_all .course_all_box{padding: 20px 10px;}

}

@media (max-width: 768px) {

    #sub .contents_wrap .contents .course_all .course_all_top input[type="text"]{background-position-x:98%;}
    #sub .contents_wrap .contents .course_all .course_all_top ul.search_list li.beverage a{background-position-x:52%!important;}
    #sub .contents_wrap .contents .course_all{width: 100%; top: auto; bottom: -106px; left: 0!important; height: auto;}
    #sub .contents_wrap .contents .course_all .course_all_box{height: auto; padding: 20px 10px 86px 20px;}
    #sub .contents_wrap .contents .course_all .course_all_box ul li{float: left; width: 33.33%;}
    #sub .contents_wrap .contents .course_all .course_all_top ul.search_list li{width: 20%; margin: 0;}

    #sub .contents_wrap .contents .course_all .course_all_box strong::after{width: 100%;}
    #sub .contents_wrap .contents .course_all .btn3{bottom: 20px;}

    #sub .contents_wrap .btn3 button.btn3_3{height: 39px; line-height: 39px; }
    #sub .contents_wrap .contents .course_all .btn_box01{display: none;}

}

/* 나만의 여행 코스 상세 */
#sub .contents_wrap .contents .course_detail{overflow:hidden;}
#sub .contents_wrap .contents .course_detail .box{margin-bottom: 30px;}
#sub .contents_wrap .contents .course_detail .box:last-child{margin-bottom: 50px;}
#sub .contents_wrap .contents .course_detail .box .point_box{position: relative; float: left; width: 220px; height: 230px;}
#sub .contents_wrap .contents .course_detail .box .point_box span.point{position: absolute; top:137px; left: 50%; transform: translateX(-50%); display: block; width: 60px; height: 22px; line-height: 20px; font-size: 14px; color: #000; border: 1px solid #0771d9; border-radius: 15px; text-align: center;}
#sub .contents_wrap .contents .course_detail .box .point_box span.point::after{content: ""; position: absolute; top:-51px; left: 50%; transform: translateX(-50%); width: 57px; height: 50px; background: url(../images/sub/icon18.png)no-repeat;}
#sub .contents_wrap .contents .course_detail .box .point_box span.point::before{content: ""; position: absolute; top:-209px; left: 50%; transform: translateX(-50%); width: 1px; height: 139px; background: url(../images/sub/icon19.png)no-repeat;}
#sub .contents_wrap .contents .course_detail .box:first-child .point_box span.point::before{display: none;}
#sub .contents_wrap .contents .course_detail .box a{float: left; width: calc(100% - 220px); position: relative; display: block; padding: 26px 19px 26px 26px; height: 230px; border: 1px solid #c1c1c1; border-radius: 17px; transition: all .3s;}
#sub .contents_wrap .contents .course_detail .box a .img{float: left; margin-right: 34px; width: 240px; height: 176px; }
#sub .contents_wrap .contents .course_detail .box a .img img{width: 100%; height: 100%; object-fit: cover;}
#sub .contents_wrap .contents .course_detail .box a .text{float: left; width: calc(100% - 274px);}
#sub .contents_wrap .contents .course_detail .box a .text h4{margin-bottom: 22px; font-size: 18px; color:#505050;}
#sub .contents_wrap .contents .course_detail .box a .text p{margin-bottom: 54px; font-size: 14px; font-weight: 300; color:#505050; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; height: 60px; line-height: 20px; overflow: hidden; text-overflow: ellipsis;}
#sub .contents_wrap .contents .course_detail .box a .keyword{overflow: hidden; white-space: nowrap; text-overflow:ellipsis;}
#sub .contents_wrap .contents .course_detail .box a .keyword span{display: inline-block; margin-right: 14px; line-height: 20px; font-size: 14px; color: #505050;}
#sub .contents_wrap .contents .course_detail .box a .keyword span:last-child{margin-right: 0;}
#sub .contents_wrap .contents .course_detail .box a .view_details{position: relative; padding-left: 18px; position: absolute; bottom: 15px; right:19px; display: block; width: 110px; height: 34px; line-height: 32px; border: 1px solid #2540a1; border-radius: 5px; background: #fff; font-size: 14px; font-weight: 300; color:#000; transition: all .3s;  overflow: hidden; z-index: 1;}
#sub .contents_wrap .contents .course_detail .box a .view_details::after{content: ""; position: absolute; top: 50%; transform: translateY(-50%); right:17px; width: 18px; height: 18px; background: url(../images/sub/icon17.png)no-repeat;}
#sub .contents_wrap .contents .course_detail .box a .view_details:before{content: ''; z-index: -1; position: absolute; bottom: 0; left: 50%; background: #034da2; width: 410px; height: 410px; margin-left: -200px; margin-bottom: -410px; transform-origin: 50% 48%; border-radius: 43%; transition-duration: 1.5s; transition-property: margin-bottom; transition-timing-function: ease;}
#sub .contents_wrap .contents .course_detail .box a:hover .view_details::after{background: url(../images/sub/icon7.png)no-repeat;}
#sub .contents_wrap .contents .course_detail .box a:hover .view_details{color: #fff;}
#sub .contents_wrap .contents .course_detail .box a:hover .view_details:before{margin-bottom: -310px; animation: rotate 2000ms infinite linear;}

@media (max-width: 1199px) {

    #sub .contents_wrap .contents .course_detail .box .point_box{width: 166px;}
    #sub .contents_wrap .contents .course_detail .box .point_box span.point::after{top: -48px; transform: translateX(-50%) scale(0.9);}
    #sub .contents_wrap .contents .course_detail .box a{ width: calc(100% - 166px);}

    #sub .contents_wrap .contents .course_detail .box a .keyword span{margin-right: 10px;}

}

@media (max-width: 1024px) {

    #sub .contents_wrap .contents .course_detail .box .point_box{/*width: 136px;*/ position:absolute; width: 1px; height: 1px; clip: rect(0 0 0 0); overflow: hidden;}
    #sub .contents_wrap .contents .course_detail .box .point_box span.point::after{top: -46px; transform: translateX(-50%) scale(0.8);}
    #sub .contents_wrap .contents .course_detail .box a{padding: 10px 10px 40px 10px; width: 100%; height: auto;}
    #sub .contents_wrap .contents .course_detail .box a .img{float: none; width: 100%; height: auto; margin-bottom: 20px;}
    #sub .contents_wrap .contents .course_detail .box a .text{float: none; width: 100%; margin-bottom: 24px;}
    #sub .contents_wrap .contents .course_detail .box .point_box span.point{top: 41px;}
    #sub .contents_wrap .contents .course_detail .box .point_box span.point::before{display: none;}
    #sub .contents_wrap .contents .course_detail .box a .text p{margin-bottom: 12px;}

}

/* 댕댕이자랑(목록) */
#sub .contents_wrap .contents ul.st3 li{margin-bottom: 26px; height: 260px;}
#sub .contents_wrap .contents ul.st3 li a{border: none;  padding-bottom: 10px;}
#sub .contents_wrap .contents ul.st3 li a::after{display: none!important;}
#sub .contents_wrap .contents ul.st3 li  a .img_box::after{ display: none; content: ""; position: absolute; top:0; left:0; right:0; bottom: 0; border:4px solid #046fd9;}
#sub .contents_wrap .contents ul.st3 li a .text_box{padding: 16px 53px 3px 10px; height: auto; margin-bottom: 0;}
#sub .contents_wrap .contents ul.st3 li a .text_box h4{margin-bottom: 8px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 38px; line-height: 19px; overflow: hidden; text-overflow: ellipsis; white-space: normal;}
#sub .contents_wrap .contents ul.st3 li a .text_box .writer_box{font-size: 0; line-height: 1;}
#sub .contents_wrap .contents ul.st3 li a .text_box .writer_box span{display: inline-block; }
#sub .contents_wrap .contents ul.st3 li a .text_box .writer_box span.writer{position: relative; margin-right: 16px; font-size: 13px; color:#505050;}
#sub .contents_wrap .contents ul.st3 li a .text_box .writer_box span.writer::after{content: ""; position: absolute; top:50%; right: -9px; margin-top: -6px; width: 1px; height:12px; background: #505050}
#sub .contents_wrap .contents ul.st3 li a .text_box .writer_box span.date{font-size: 13px; color:#9ea09f;}
#sub .contents_wrap .contents ul.st3 li a:hover .text_box h4{color: #034da2;}
#sub .contents_wrap .contents ul.st3 li a:hover .img_box::after{display: block;}
#sub .contents_wrap .contents ul.st3 li a:hover .img_box{border: none;}

@media (max-width: 1199px) {

    #sub .contents_wrap .contents ul.st3 li a .text_box{padding-right: 10px;}

}

@media (max-width: 1024px) {

    /*#sub .contents_wrap .contents ul.st3 li{height: auto!important;}*/

}

/* 게시판 공통 */
#sub .contents_wrap .contents table.skinTb thead tr th{padding: 24px 0 22px 0; font-weight: 500; color: #454545; font-size: 16px; background: #f2f2f2;}
#sub .contents_wrap .contents table.skinTb tbody tr td{padding: 23px 0 22px 0;}
#sub .contents_wrap .contents div.skinTb div.skinTb-tr div.skinTb-th{padding: 15px 10px 16px; font-size: 16px; color: #000;}
#sub .contents_wrap .contents div.skinTb div.skinTb-tr div.skinTb-td{padding: 17px 10px 13px 28px;}
#sub .contents_wrap .contents div.skinTb:before{border-top: 2px solid #034da2;}

@media (max-width: 1199px) {

    #sub .contents_wrap .contents div.skinTb div.skinTb-tr div.skinTb-td{padding-left: 10px!important;}
    #sub .contents_wrap .contents div.skinTb div.skinTb-tr div.skinTb-td.skinTb-conts{padding-left: 0!important;}

}

/* 공지사항 & 이벤트(리스트) */
#sub .contents_wrap .contents table.skinTb tbody tr td.skinTb-sbj{padding-left: 32px;}
#sub .contents_wrap .contents table.skinTb-data-bgEven{margin-bottom: 39px;}
#sub .contents_wrap .contents table.skinTb-data-bgEven + .button_box{float: right; margin-bottom: 0;}
#sub .contents_wrap .contents table.skinTb-data-bgEven + .button_box .skinBtnBo{padding: 0; width: 78px;}
#sub .contents_wrap .contents table.skinTb-data-bgEven + .button_box + .pager{padding: 8px 0 0; margin: 0;}

@media (max-width: 1199px) {

    #sub .contents_wrap .contents table.skinTb-data-bgEven + .button_box{margin-bottom: 10px;}
    #sub .contents_wrap .contents table.skinTb-data-bgEven + .button_box{float: none;}

}

@media (max-width: 999px) {

    #sub .contents_wrap .contents table.skinTb tbody tr td.skinTb-sbj{padding-left: 8px;}

}

@media (max-width: 639px) {

    #sub .contents_wrap .contents table.skinTb tbody tr td{padding: 14px 8px 10px 8px;}

}

/* 댕댕이자랑(상세) */
#sub .contents_wrap .contents div.skinTb-data-bgSbj{margin-bottom: 28px;}
#sub .contents_wrap .contents div.skinTb div.skinTb-conts{padding: 0!important;}
#sub .contents_wrap .contents div.skinTb div.skinTb-conts .boGalleryView{margin: 0; padding: 35px 0 38px; border: 1px solid #e0e0e0; border-width: 0 1px 0 1px;}
#sub .contents_wrap .contents div.skinTb div.skinTb-conts button{width: 41px; height: 78px; margin: 0; transform: translateY(-50%);}
#sub .contents_wrap .contents div.skinTb div.skinTb-conts button.boGalleryView-btnPrev{display: none; left:31px; background: url(../images/sub/prev3.png)no-repeat;}
#sub .contents_wrap .contents div.skinTb div.skinTb-conts button.boGalleryView-btnNext{display: none; right: 31px; background: url(../images/sub/prev3.png)no-repeat; transform: translateY(-50%) rotateY(180deg);}
#sub .contents_wrap .contents div.skinTb div.skinTb-conts .bx-prev{position: absolute; top:50%; transform: translateY(-50%); display: block; width: 41px; height: 78px; left:31px; background: url(../images/sub/prev3.png)no-repeat;}
#sub .contents_wrap .contents div.skinTb div.skinTb-conts .bx-next{position: absolute; top:50%; display: block; width: 41px; height: 78px; right: 31px; background: url(../images/sub/prev3.png)no-repeat; transform: translateY(-50%) rotateY(180deg);}
#sub .contents_wrap .contents div.skinTb div.skinTb-conts .boGalleryView-view li{padding: 0!important; background: #fff;}
#sub .contents_wrap .contents div.skinTb div.skinTb-conts .boGalleryView-view li::before{display: none;}

/* 댕댕이자랑(상세)_이전 글 다음 글 */
#sub .contents_wrap .contents div.skinTb-data-bgSbj + div.skinTb{margin-bottom: 30px;}
#sub .contents_wrap .contents div.skinTb-data-bgSbj + div.skinTb div.skinTb-th{}
#sub .contents_wrap .contents div.skinTb-data-bgSbj + div.skinTb div.skinTb-th .btnBoPrev,
#sub .contents_wrap .contents div.skinTb-data-bgSbj + div.skinTb div.skinTb-th .btnBoNext{font-family: 'NanumSquare', sans-serif; /*font-weight: 400;*/ font-weight: 600; transform: skew(-0.03deg); color: #362e2b;}
#sub .contents_wrap .contents div.skinTb-data-bgSbj + div.skinTb div.skinTb-td{padding: 8px 10px 8px 28px; color: #454545; line-height: 22px;}
#sub .contents_wrap .contents div.skinTb-data-bgSbj + div.skinTb div.skinTb-td a{color: #454545;}
#sub .contents_wrap .contents div.skinTb div.skinTb-tr div.skinTb-th .btnBoPrev span,
#sub .contents_wrap .contents div.skinTb div.skinTb-tr div.skinTb-th .btnBoNext span{ vertical-align: 0;}
#sub .contents_wrap .contents div.skinTb-data-bgSbj + div.skinTb + .button_box{margin-bottom: 0;}

@media (max-width: 1199px) {

    #sub .contents_wrap .contents div.skinTb-data-bgSbj + div.skinTb div.skinTb-td{padding-left: 10px;}

    #sub .contents_wrap .contents div.skinTb div.skinTb-conts .bx-prev{transform: translateY(-50%) scale(0.9);}
    #sub .contents_wrap .contents div.skinTb div.skinTb-conts .bx-next{transform: translateY(-50%) rotateY(180deg) scale(0.9);}

}

@media (max-width: 1024px) {

    #sub .contents_wrap .contents div.skinTb div.skinTb-conts .bx-prev{transform: translateY(-50%) scale(0.8);}
    #sub .contents_wrap .contents div.skinTb div.skinTb-conts .bx-next{transform: translateY(-50%) rotateY(180deg) scale(0.8);}

}

@media (max-width: 414px) {

    #sub .contents_wrap .contents div.skinTb div.skinTb-conts .bx-prev{left: 11px;}
    #sub .contents_wrap .contents div.skinTb div.skinTb-conts .bx-next{right: 11px;}

}

/* 팝업 */
.pop{z-index: 10000; display: none; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); max-width: 352px; width: 100%; height: 146px; box-shadow: 0 0 7px rgba(0,0,0,.3);}
.pop .pop_text{position: relative; padding: 28.5px 10px; background: #fff;border: 1px solid #c1c1c1; border-width: 1px 1px 0 1px;}
.pop .pop_text p{text-align: center; color: #000; line-height: 22px; }
.pop button{float: left; width: 50%; height: 44px; line-height: 44px; text-align: center;}
.pop button.pop_btn1{background: #d8d8d8; color: #000;}
.pop button.pop_btn2{background: #0350a2; color: #fff;}
.pop.type2 button.pop_btn2{width: 100%;}
.pop.type2 p span{display: block; margin-bottom: 14px;}

@media (max-width: 1199px) {

     .pop{width: 92%;}

}

/* 공지사항 & 이벤트(쓰기) */
#sub .contents_wrap .contents div.skinTb-data-resWrite{margin-bottom: 40px;}
#sub .contents_wrap .contents div.skinTb-data-resWrite div.skinTb-th{padding: 10px 0 9px 0!important; text-align: center; color: #454545!important; font-weight: 500!important; line-height: 24px;}
#sub .contents_wrap .contents div.skinTb-data-resWrite div.tr-file .skinTb-th{padding: 0!important;}
#sub .contents_wrap .contents div.skinTb-data-resWrite div.skinTb-td{padding: 8px 7px 7px 11px!important; color: #454545; font-size: 0;}
#sub .contents_wrap .contents div.skinTb-data-resWrite div.skinTb-td input[type="text"]{padding-left: 10px; height: 30px; color: #666; font-size: 16px; font-weight: 400; letter-spacing: -1px;}
#sub .contents_wrap .contents div.skinTb-data-resWrite div.skinTb-td input[type="text"]::placeholder{color: #666;}
#sub .contents_wrap .contents div.skinTb-data-resWrite div.skinTb-tr input#writer{color: #454545;}
#sub .contents_wrap .contents div.skinTb-data-resWrite .ctrlFile-btnFile{padding: 0; width: 86px; height: 33px; line-height: 33px; margin:0 11px 0 0; font-size: 16px; font-weight: 300; color: #fff; background: #4d5360; border: none;}
#sub .contents_wrap .contents div.skinTb-data-resWrite .ctrlFile{position: relative; margin: 0 0 6px 0; padding: 0 0 6px 0;}
#sub .contents_wrap .contents div.skinTb-data-resWrite .ctrlFile::after{content: ""; position: absolute; bottom: 0; left: -11px; right:-7px; height: 1px; background:#e0e0e0;}
#sub .contents_wrap .contents div.skinTb-data-resWrite .ctrlFile:last-child{margin: 0; padding: 0;}
#sub .contents_wrap .contents div.skinTb-data-resWrite .ctrlFile:last-child::after{display: none;}
#sub .contents_wrap .contents div.skinTb-data-resWrite .skinBtnDel{display: none; margin-left: 16px; width: 80px; height: 33px; line-height: 20px; font-size: 16px; color: #fff; background: #0054a6; vertical-align: -5px;}
#sub .contents_wrap .contents div.skinTb-data-resWrite div.skinTb-tr:nth-child(4) .skinBtnDel{vertical-align: -6px;}
#sub .contents_wrap .contents div.skinTb-data-resWrite .ctrlFile-fileTxt{font-size: 16px; color:#454545; font-weight: 300; vertical-align:-5px;}
#sub .contents_wrap .contents div.skinTb-data-resWrite input[type="radio"]{position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0;}
#sub .contents_wrap .contents div.skinTb-data-resWrite div.skinTb-tr:nth-child(3) div.skinTb-td label{padding-left: 12px; position: relative; margin-right: 18px; color: #464646; font-size: 16px; font-weight: 400; cursor: pointer;}
#sub .contents_wrap .contents div.skinTb-data-resWrite div.skinTb-tr:nth-child(3) div.skinTb-td label:nth-of-type(2){padding-left: 0;}
#sub .contents_wrap .contents div.skinTb-data-resWrite div.skinTb-tr:nth-child(3) div.skinTb-td label::before{content: ""; background: url(../images/sub/icon21.png)no-repeat; margin-right: 5px; display: inline-block; width: 20px; height: 20px; vertical-align: -4px;}
#sub .contents_wrap .contents div.skinTb-data-resWrite div.skinTb-tr:nth-child(3) div.skinTb-td input[type="radio"]:checked + label::before{background: url(../images/sub/icon20.png)no-repeat; width: 20px; height: 20px; border: none; }

@media (max-width: 1199px) {

    #sub .contents_wrap .contents div.skinTb-data-resWrite .ctrlFile-fileTxt{vertical-align: -2px}
    #sub .contents_wrap .contents div.skinTb-data-resWrite .skinBtnDel{vertical-align: middle;}
    #sub .contents_wrap .contents div.skinTb-data-resWrite div.skinTb-tr:nth-child(4) .skinBtnDel{vertical-align: middle;}

    #sub .contents_wrap .contents div.skinTb-data-resWrite div.skinTb-td input[type="text"]{font-size: 14px;}
    #sub .contents_wrap .contents div.skinTb-data-resWrite .ctrlFile-fileTxt{font-size: 14px;}
    #sub .contents_wrap .contents div.skinTb-data-resWrite .ctrlFile-btnFile{font-size: 15px;}
    #sub .contents_wrap .contents div.skinTb-data-resWrite div.skinTb-tr:nth-child(3) div.skinTb-td label{font-size: 14px;}
    #sub .contents_wrap .contents div.skinTb-data-resWrite div.skinTb-tr:nth-child(3) div.skinTb-td label::before{transform: scale(0.9);}

}

@media (max-width: 999px) {

    #sub .contents_wrap .contents div.skinTb-data-resWrite div.tr-file .skinTb-th{padding: 10px 0 9px 10px!important;}
    #sub .contents_wrap .contents div.skinTb-data-resWrite div.skinTb-tr:nth-child(2) input[type="text"]{padding-left: 0;}
    #sub .contents_wrap .contents div.skinTb-data-resWrite div.skinTb-tr:nth-child(3) div.skinTb-td label{padding-left: 0;}
    #sub .contents_wrap .contents div.skinTb-data-resWrite div.skinTb-th{text-align: left; padding-left: 10px!important;}
    #sub .contents_wrap .contents div.skinTb-data-resWrite div.skinTb-td{padding: 8px 10px 7px 10px!important;}
    #sub .contents_wrap .contents div.skinTb-data-resWrite .ctrlFile::after{left:-10px; right: -10px;}
    #sub .contents_wrap .contents div.skinTb-data-resWrite .ctrlFile{padding-bottom: 14px; margin-bottom: 14px;}

    #sub .contents_wrap .contents div.skinTb-data-resWrite div.tr-file div.skinTb-td{padding: 15px 10px 15px 10px!important;}

    #sub .contents_wrap .contents div.skinTb-data-resWrite .ctrlFile-btnFile{margin-bottom: 5px;}

    #sub .contents_wrap .contents div.skinTb-data-resWrite .ctrlFile-fileTxt,
    #sub .contents_wrap .contents div.skinTb-data-resWrite .skinBtnDel{vertical-align: -5px;}
    #sub .contents_wrap .contents div.skinTb-data-resWrite div.skinTb-tr:nth-child(4) .skinBtnDel{vertical-align: -6px;}

}

/* 공지사항 & 이벤트(읽기) */
#sub .contents_wrap .contents div.skinTb.st div.skinTb-tr:nth-child(3) .attachFile{height: 30px; margin-bottom: 9px;}
#sub .contents_wrap .contents div.skinTb.st div.skinTb-tr:nth-child(3) .attachFile .attachFile-txt{font-size: 16px;color: #454545;}
#sub .contents_wrap .contents div.skinTb.st div.skinTb-tr:nth-child(3) .attachFile a{font-size: 16px; color: #454545;}
#sub .contents_wrap .contents div.skinTb.st div.skinTb-tr:nth-child(3) .attachFile:last-child{margin-bottom: 0;}
#sub .contents_wrap .contents div.skinTb.st div.skinTb-tr:nth-child(3) .skinTb-td .icoFile{margin: 0 11px 0 0; vertical-align: -10px;}
#sub .contents_wrap .contents div.skinTb.st div.skinTb-tr:nth-child(3) .btnPreview{margin: 0 10px 0 14px!important}
/*
#sub .contents_wrap .contents div.skinTb.st div.skinTb-tr:nth-child(4) .skinTb-th{position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0}
#sub .contents_wrap .contents div.skinTb.st div.skinTb-tr:nth-child(4) .skinTb-conts{padding: 29px 48px 22px 30px!important; border: 1px solid #e0e0e0; border-width: 0 1px 1px 1px;}
 */
#sub .contents_wrap .contents div.skinTb.st div.skinTb-tr:last-child .skinTb-conts{padding: 16px 33px 16px 28px!important; border-right: 1px solid #e0e0e0;;}
#sub .contents_wrap .contents div.skinTb.st div.skinTb-tr .skinTb-conts{line-height: 24px;}


@media (max-width: 1199px) {

    #sub .contents_wrap .contents div.skinTb.st div.skinTb-tr:nth-child(3) .skinTb-conts,
    #sub .contents_wrap .contents div.skinTb.st div.skinTb-tr:last-child .skinTb-conts{padding: 10px!important;}

}

/* 마이페이지_나만의 여행코스*/
#sub .contents_wrap .contents .my_top{position: relative; margin: 39px 0 26px; padding: 0 34px 0 62px; height: 84px; line-height: 84px; background:#f5f5f5; border-radius: 10px;}
#sub .contents_wrap .contents .my_top strong{float: left; margin-right: 26px; font-size: 22px; color: #000; font-weight: 500;}
#sub .contents_wrap .contents .my_top p{float: left; width: calc(100% - 450px); font-weight: 300; color:#505050;}
#sub .contents_wrap .contents .my_top .btn3{float: right; margin-bottom: 0;}
#sub .contents_wrap .contents .my_top .btn3_3{ width: 166px; height: 44px; border-radius: 6px;}
#sub .contents_wrap .contents .my_top .btn3_3 span::before{display: none;}
#sub .contents_wrap .contents .my_top + .tab{max-width: none; width: 100%; margin-bottom: 20px;}
#sub .contents_wrap .contents .my_top + .tab li{width: 19%; height: 42px; margin-right: 1.2%;}
#sub .contents_wrap .contents .my_top + .tab li:last-child{margin-right: 0;}
#sub .contents_wrap .contents ul.course_list li{margin-bottom: 20px}
#sub .contents_wrap .contents ul.course_list li a{position: relative; display:block; padding: 29px 186px 29px 39px; min-height: 130px; border: 1px solid #c1c1c1; border-radius: 10px;}
#sub .contents_wrap .contents ul.course_list li a h4{margin-bottom: 36px; font-weight: 500; font-size: 18px; color:#000; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
#sub .contents_wrap .contents ul.course_list li a .course-box{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
#sub .contents_wrap .contents ul.course_list li a .course-box span{margin-bottom: 3px; position: relative; margin-right: 30px; color:#505050; font-size: 16px; line-height: 20px}
#sub .contents_wrap .contents ul.course_list li a .course-box span::after{content: ""; position: absolute; top: 50%; transform: translateY(-50%); right:-21px; width: 7px; height: 11px; background: url(../images/sub/icon22.png)no-repeat;}
#sub .contents_wrap .contents ul.course_list li a .course-box span:last-child::after{display: none;}
#sub .contents_wrap .contents ul.course_list li a span.date{position: absolute; right:18px; top:31px; font-size: 14px; color:#2b2b2b;}
#sub .contents_wrap .contents ul.course_list li a span.view_on_map{position: relative; padding-left: 41px; position: absolute; bottom: 20px; right:19px; width: 120px; height: 34px; line-height: 32px; border: 1px solid #2540a1; border-radius:6px; font-size: 14px; font-weight: 300; color: #000;}
#sub .contents_wrap .contents ul.course_list li a span.view_on_map::before{content: ""; position: absolute; top: 50%; transform: translateY(-50%); left:16px; width: 15px; height: 19px; background: url(../images/sub/icon23.png)no-repeat;}
#sub .contents_wrap .contents ul.course_list li a:hover{ border: 2px solid #046fd9;}
#sub .contents_wrap .contents ul.course_list li a:hover h4{color: #034da2;}
#sub .contents_wrap .contents ul.course_list li a:hover span.view_on_map{background: #2540a1; color:#fff;}
#sub .contents_wrap .contents ul.course_list li a:hover span.view_on_map::before{background: url(../images/sub/icon23_hover.png)no-repeat;}

@media (max-width: 1199px) {

    #sub .contents_wrap .contents .my_top{padding: 0 10px 0 10px;}
    #sub .contents_wrap .contents ul.course_list li a{padding: 29px 157px 29px 10px;}
    #sub .contents_wrap .contents ul.course_list li a .course-box span{margin-right: 24px;}
    #sub .contents_wrap .contents ul.course_list li a .course-box span::after{top: 54%; right: -18px;}

    /* font */
    #sub .contents_wrap ul.tab li a{font-size: 16px;}
    #sub .contents_wrap .contents .my_top strong{font-size: 20px;}

}

@media (max-width: 768px) {

    #sub .contents_wrap .contents .my_top + .tab li{width: 32.1%; margin-bottom: 10px}

}

@media (max-width: 576px) {

    #sub .contents_wrap .contents .my_top{height: auto; line-height: 1;}
    #sub .contents_wrap .contents .my_top strong{float: none; width: 100%; display: block; margin-bottom: 20px; padding-top: 20px;}
    #sub .contents_wrap .contents .my_top p{float: none; width: 100%; margin-bottom: 20px;}
    #sub .contents_wrap .contents .my_top .btn3{float: none; margin-bottom: 20px;}
    #sub .contents_wrap .contents .my_top .btn3_3{width: 100%;}

}

@media (max-width: 414px) {

    #sub .contents_wrap .contents .my_top + .tab li{width: 100%; margin-bottom: -1px}
    #sub .contents_wrap .contents .my_top + .tab{margin-bottom: 32px;}

}

/* 마이페이지_내가등록한사업장 정보*/
#sub .contents_wrap .contents div.skinTb{margin:34px 0 37px; }
#sub .contents_wrap .contents div.skinTb div.skinTb-td.pd{padding: 27px 7px 27px 22px!important;}
#sub .contents_wrap .contents div.skinTb .weight_box{float: left; margin: 0 23px 0 -8px; font-size: 0;}
#sub .contents_wrap .contents div.skinTb .weight_box span{font-size: 16px;}
#sub .contents_wrap .contents div.my_info .weight_box + .radio{padding: 2px 0;}
#sub .contents_wrap .contents div.my_info .weight_box + .radio label::before{margin-right: 6px;}
#sub .contents_wrap .contents div.my_info .weight_box input{margin-right: 10px; width: 99px; height: 30px; border: 1px solid #e4e4e4;}
#sub .contents_wrap .contents div.my_info .weight_box label{position: absolute!important; font-size: 0!important;}
#sub .contents_wrap .contents div.my_info div.skinTb-td{padding: 8px 7px 7px 22px!important; font-size: 16px; font-weight: 300; color:#454545; line-height: 26px;}

#sub .contents_wrap .contents div.skinTb div.skinTb-td .radio{/*margin-left: -11px;*/}
#sub .contents_wrap .contents div.skinTb div.skinTb-td .radio input[type="radio"]{position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0;}
#sub .contents_wrap .contents div.skinTb div.skinTb-td .radio label{position: relative; margin-right: 15px; color: #464646; font-size: 16px; font-weight: 400; cursor: pointer;}
#sub .contents_wrap .contents div.skinTb div.skinTb-td .radio label:nth-of-type(2){padding-left: 0;}
#sub .contents_wrap .contents div.skinTb div.skinTb-td .radio label::before{content: ""; background: url(../images/sub/icon21.png)no-repeat; margin-right: 7px; display: inline-block; width: 20px; height: 20px; vertical-align: -4px;}
#sub .contents_wrap .contents div.skinTb div.skinTb-td .radio input[type="radio"]:checked + label::before{background: url(../images/sub/icon20.png)no-repeat; width: 20px; height: 20px; border: none; }

@media (max-width: 1199px) {

    #sub .contents_wrap .contents div.my_info div.skinTb-td{padding: 10px!important;}
    #sub .contents_wrap .contents div.my_info div.skinTb-td.pd{padding: 10px!important;}
    #sub .contents_wrap .contents div.my_info .radio{margin-left: 0;}
    #sub .contents_wrap .contents div.my_info .weight_box + .radio label{margin-right: 12px;}

    #sub .contents_wrap .contents div.skinTb div.skinTb-td .radio label{font-size: 14px;}
    #sub .contents_wrap .contents div.skinTb div.skinTb-td .radio label::before{transform: scale(0.9);}

}

@media (max-width: 576px) {

    #sub .contents_wrap .contents div.my_info .weight_box{float: none; margin: 0 0 10px;}

}

@media (max-width: 360px) {

    #sub .contents_wrap .contents div.my_info .weight_box + .radio label{width: 100%;}

}

/* 마이페이지_내가찜한여행지*/
#sub .contents_wrap .contents ul.my_list{margin-top: 34px;}
#sub .contents_wrap .contents ul.my_list li{margin-bottom: 40px; height: 251px;}
#sub .contents_wrap .contents ul.my_list li a .text_box{height: 65px;}
#sub .contents_wrap .contents ul.my_list li a span.area{padding: 0 5px; left:19px; bottom: 53px; font-weight: 500; font-size: 13px; line-height: 20px;}
#sub .contents_wrap .contents ul.my_list + .pager{margin: 0; padding: 0;}
#sub .contents_wrap .contents ul.info_list li a:hover span.area{line-height: 24px;}

@media (max-width: 1024px) {

    #sub .contents_wrap .contents ul.my_list li{margin-bottom: 20px;}

}

/* 마이페이지_댕댕이자랑 */
#sub .contents_wrap .contents ul.my_list2 li{margin-bottom: 27px; height: 370px;}
#sub .contents_wrap .contents ul.my_list2 li a .text_box{height: auto;}
#sub .contents_wrap .contents ul.st3 li a .text_box,
#sub .contents_wrap .contents ul.st3 li a .img_box{transition: all .3s;}
#sub .contents_wrap .contents ul.st3 li a:hover{box-shadow: none;}
#sub .contents_wrap .contents ul.st3 li a:hover .img_box{box-shadow: 7px 9px 12px rgba(0,0,0,.15);}
#sub .contents_wrap .contents ul.st3 li a:hover .text_box h4{text-shadow: 7px 9px 12px rgba(0,0,0,.15);}
#sub .contents_wrap .contents ul.st3 li a:hover .text_box span{text-shadow: 7px 9px 12px rgba(0,0,0,.15);}

/* 마이페이지_회원정보 */
#sub .contents_wrap .contents div.my_info2{margin-bottom: 114px;}
#sub .contents_wrap .contents div.my_info2 div.skinTb-tr div.skinTb-td{font-size: 15px; color: #9ea09f;}
#sub .contents_wrap .contents div.my_info2 + .button_box .skinBtnBo:last-child{margin-left: 20px;}

@media (max-width: 1199px) {

    #sub .contents_wrap .contents div.my_info2{margin-bottom: 50px;}

}

/* 마이페이지_수정요청 */
#sub .contents_wrap .contents table.amendment_request thead tr th{padding: 14px 0 10px 0;}
#sub .contents_wrap .contents table.amendment_request tbody tr td{padding: 14px 0 10px 0;}

@media (max-width: 639px) {

    #sub .contents_wrap .contents table.amendment_request tbody tr td{padding: 14px 8px 10px 8px;}

}

/* 내용없음 */
#sub .contents_wrap .contents .no_contents{margin: 80px 0 196px 0; text-align: center;}
#sub .contents_wrap .contents .no_contents img{max-width: 340px; width: 100%;}

/* 회원가입1 */
#sub .contents_wrap .contents .login{margin-bottom: 92px; padding-top: 43px;}
#sub .contents_wrap .contents .login h4{margin-bottom: 35px; font-size: 18px; color: #505050; font-weight: 500; text-align: center;}
#sub .contents_wrap .contents .login h4 span{color: #034da2;}
#sub .contents_wrap .contents .login ul.login_list{max-width: 270px; margin: auto;}
#sub .contents_wrap .contents .login ul.login_list li{float: left; width: 70px; margin-right: 30px;}
#sub .contents_wrap .contents .login ul.login_list li:last-child{margin-right: 0;}
#sub .contents_wrap .contents .login ul.login_list li a{position: relative; display: block; height: 93px; text-align: center; transition: all .3s;}
#sub .contents_wrap .contents .login ul.login_list li a span{position: absolute; bottom: 0; left:0; right:0; width: 100%; font-size: 14px; font-weight: 300; color: #000;}
#sub .contents_wrap .contents .login ul.login_list li.google a{background: url(../images/sub/google.png)no-repeat center 0; background-size: 70px 70px;}
#sub .contents_wrap .contents .login ul.login_list li.naver a{background: url(../images/sub/naver.png)no-repeat center 0; background-size: 70px 70px;}
#sub .contents_wrap .contents .login ul.login_list li.kakao a{background: url(../images/sub/kakao.png)no-repeat center 0; background-size: 70px 70px;}
#sub .contents_wrap .contents .login ul.login_list li a:hover{transform: scale(1.07);}

/* 회원가입(약관)*/
#sub .contents_wrap .contents .join{}
#sub .contents_wrap .contents .join h4{margin-bottom: 16px; font-weight: 500; font-size: 16px; color: #000;}
#sub .contents_wrap .contents .join .chk{margin: 36px 0 35px; padding: 0 0 0 9px; height: 34px; line-height: 34px; background: #e6eef1;}
#sub .contents_wrap .contents .join .chk input[type="checkbox"]{position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0;}
#sub .contents_wrap .contents .join .chk input[type="checkbox"] + label{padding-left: 22px; position: relative; font-size: 16px; font-weight: 300; color: #000; cursor: pointer;}
#sub .contents_wrap .contents .join .chk input[type="checkbox"] + label::before{content: ""; position: absolute; top: 50%; transform: translateY(-50%); left:0; width: 14px; height: 14px; border: 1px solid #ddd; background: #fff;}
#sub .contents_wrap .contents .join .chk input[type="checkbox"]:checked + label::before{background: url(../images/sub/checked.png)no-repeat; border: none;}
#sub .contents_wrap .contents .join .chk2{margin: 0 0 66px; padding: 0; height: auto; background: #fff; text-align: right; line-height: 1;}
#sub .contents_wrap .contents .join .agree_box{margin-bottom: 30px; height: 200px; overflow-y: auto; border: 1px solid #c1c1c1;}
#sub .contents_wrap .contents .join .agree_box:last-child{margin-bottom: 11px;}
#sub .contents_wrap .contents .join .agree_box .agree_text{padding: 10px 30px 11px 30px; font-size: 14px; font-weight: 300; color:#505050; line-height: 22px; white-space: pre; word-break: normal;}
#sub .contents_wrap .contents .join .nickname{margin-bottom: 40px; padding-left: 313px; height: 54px; line-height: 54px; background: #e6eef1; font-size: 0;}
#sub .contents_wrap .contents .join .nickname strong{margin-right: 27px;  font-size: 16px; color: #000;}
#sub .contents_wrap .contents .join .nickname input[type="text"]{margin-right: 10px; width: calc(100% - 491px); height: 32px; border: 1px solid #c1c1c1;}
#sub .contents_wrap .contents .join .nickname button.double_check{margin-right: 20px; width: 70px; height: 32px; line-height: 30px; color: #fff; font-size: 14px; font-weight: 300; border-radius: 3px; background: #034da2;}
#sub .contents_wrap .contents .join .nickname span.info{font-size: 14px; font-weight: 300; color: #c10000;}

@media (max-width: 1199px) {

    #sub .contents_wrap .contents .join .nickname{padding-left: 0; text-align: center;}
    #sub .contents_wrap .contents .join .agree_box .agree_text{padding: 10px}

}

@media (max-width: 768px) {

    #sub .contents_wrap .contents .join .nickname{padding:20px 20px 20px 10px; height: auto;}
    #sub .contents_wrap .contents .join .nickname button.double_check{margin-right: 10px;}
    #sub .contents_wrap .contents .join .nickname strong{display: block; margin: 0 0 6px; text-align: left; line-height: 1;}
    #sub .contents_wrap .contents .join .nickname input[type="text"]{width: calc(100% - 314px);}

}

@media (max-width: 480px) {

    #sub .contents_wrap .contents .join .nickname{padding-right: 10px}
    #sub .contents_wrap .contents .join .nickname span.info{display: block; text-align: left; line-height: 1;}
    #sub .contents_wrap .contents .join .nickname input[type="text"]{width: calc(100% - 80px);}
    #sub .contents_wrap .contents .join .nickname button.double_check{margin-right: 0;}

}

/* 댕댕여지도 등록 */
#sub .contents_wrap .contents #areaCode,
#sub .contents_wrap .contents #partCode{float: none; width: 467px; padding-left: 10px; color: #666; font-size: 16px; font-weight: 400; }
#sub .contents_wrap .contents textarea{padding-left: 10px; color: #666; font-size: 16px; font-weight: 400; letter-spacing: -1px;}
#sub .contents_wrap .contents textarea::placeholder{color: #666;}
#sub .contents_wrap .contents input#keyword + span{color: #666; font-size: 14px; vertical-align: bottom;}
#sub .contents_wrap .contents div.skinTb-data-resWrite .not-pc05 .ctrlFile::after{left: -22px;}
#sub .contents_wrap .contents div.skinTb-data-resWrite .button_box{display: inline-block; vertical-align: 4px;}
#sub .contents_wrap .contents div.skinTb-data-resWrite .button_box a{height: 30px; line-height: 28px; }
#sub .contents_wrap .contents div.skinTb-data-resWrite div.skinTb-td input#latitude{margin-right: 0.3%;}
#sub .contents_wrap .contents div.skinTb-data-resWrite div.skinTb-td input#longitude{margin: 0 10px 0 0.3%;}

@media (max-width: 1199px) {

    #sub .contents_wrap .contents div.skinTb-data-resWrite .not-pc05 .ctrlFile::after{left: -10px; righT: -10px;}
    #sub .contents_wrap .contents div.skinTb-data-resWrite .button_box{display: block; margin: 10px 0;}
    #sub .contents_wrap .contents div.skinTb-data-resWrite .button_box + br{display: none;}
    #sub .contents_wrap .contents div.skinTb-data-resWrite .button_box + span{font-size: 14px;}
    #sub .contents_wrap .contents #areaCode,
    #sub .contents_wrap .contents #partCode{font-size: 14px;}
    #sub .contents_wrap .contents textarea{font-size: 14px;}
    #sub .contents_wrap .contents div.skinTb-data-resWrite .button_box a{font-size: 14px;}
    #sub .contents_wrap .contents div.skinTb-data-resWrite div.skinTb-td span{font-size: 14px;}
    #sub .contents_wrap .contents div.skinTb-data-resWrite div.skinTb-td input[type="text"] + span{font-size: 14px;}

}

@media (max-width: 1024px) {

    #sub .contents_wrap .contents div.skinTb-data-resWrite div.skinTb-td input#longitude{margin-right: 0;}

}

@media (max-width: 999px) {

    #sub .contents_wrap .contents #areaCode,
    #sub .contents_wrap .contents #partCode{width: 100%;}
    #sub .contents_wrap .contents div.skinTb-data-resWrite div.skinTb-td input[type="text"]{width: 100%;}
    #sub .contents_wrap .contents div.skinTb-data-resWrite div.skinTb-td input#latitude,
    #sub .contents_wrap .contents div.skinTb-data-resWrite div.skinTb-td input#longitude{width: 48.2%;}

}

@media (max-width: 480px) {

    #sub .contents_wrap .contents div.skinTb-data-resWrite div.skinTb-td input#latitude{margin-right: 0;}
    #sub .contents_wrap .contents div.skinTb-data-resWrite div.skinTb-td input#longitude{margin: 0}

}

/* 통합검색 */
#sub .contents_wrap .contents div.skinTb div.skinTb-td select{background:#fff url(../images/sub/icon24.png)no-repeat 98% center;}
#sub .contents_wrap .contents .search_box{position: relative; max-width: 550px; height: 50px; line-height: 50px; margin: 41px auto 48px; }
#sub .contents_wrap .contents .search_box input{padding: 14px 0 14px 6px; width: 100%; height: 100%; font-size: 18px; color: #848282;border-bottom: 2px solid #0054a8;}
#sub .contents_wrap .contents .search_box input::placeholder{color: #848282;}
#sub .contents_wrap .contents .search_box button.btn_search{position: absolute; top:50%; transform: translateY(-50%); right:0; width: 22px; height: 22px; background: url(../images/sub/btn_search.png)no-repeat;}
#sub .contents_wrap .contents .search_box2{padding: 11px 18px 11px 20px; height: 56px; margin-bottom: 20px; border: 1px solid #d6d6d6; font-size: 0;}
#sub .contents_wrap .contents .search_box2 span{display: inline-block; position: relative; padding-left: 7px; margin-right: 17px; font-size: 14px; color: #505050; font-weight: 300; vertical-align: top;}
#sub .contents_wrap .contents .search_box2 span::before{content: ""; width: 2px; height: 2px; background: #505050; position: absolute; left:0; top: 15px;}
#sub .contents_wrap .contents .search_box2 a{display: inline-block; height: 100%; font-size: 14px; color: #505050; font-weight: 300; border: 1px solid #c2c2c2; text-align: center;}
#sub .contents_wrap .contents .search_box2 > div{display: inline-block; margin-right: 45px; height: 32px; line-height: 30px;}
#sub .contents_wrap .contents .search_box2 > div:first-child a{margin-right: -1px; width: 123px;}
#sub .contents_wrap .contents .search_box2 > div:nth-child(2) a{margin-right: -1px; width: 62px;}
#sub .contents_wrap .contents .search_box2 fieldset{display: inline-block; vertical-align: top;}
#sub .contents_wrap .contents .search_box2 fieldset label{padding-left: 7px; position: relative; margin-right: 18px; font-size: 14px; font-weight: 300; color:#505050; }
#sub .contents_wrap .contents .search_box2 fieldset label::before{content: ""; width: 2px; height: 2px; background: #505050; position: absolute; left:0; top: 16px;}
#sub .contents_wrap .contents .search_box2 fieldset div{display: inline-block; margin-right: 19px; height: 32px; line-height: 32px;}
#sub .contents_wrap .contents .search_box2 fieldset div.end_date{margin-right: 11px;}
#sub .contents_wrap .contents .search_box2 fieldset input{padding-left: 10px; width: 112px; height: 32px; border: 1px solid #c2c2c2; font-size: 14px; color: #505050; font-weight: 300;}
#sub .contents_wrap .contents .search_box2 fieldset button.btn_search2{width: 60px; height: 30px; line-height: 30px; color: #fff; font-size: 14px; font-weight: 100; color: #fff; border-radius: 3px; background: #034da2;}
#sub .contents_wrap .contents .search_box2 fieldset button.btn_search2:hover{transform: scale(1.07);}
#sub .contents_wrap .contents .search_box2 fieldset .ui-datepicker-trigger{margin-left: 4px; width: 21px; height: 21px; background: url(../images/sub/calendar.png)no-repeat; vertical-align: -5px;}
#sub .contents_wrap .contents .search_box2 fieldset .ui-datepicker-trigger img{display: none;}
#sub .contents_wrap .contents ul.search_tab{margin: 0 -0.78% 48px;}
#sub .contents_wrap .contents ul.search_tab li{float: left; width: 12.72%; margin: 0 0.78%;}
#sub .contents_wrap .contents ul.search_tab li a{display: block; height: 50px; line-height: 48px; /*padding: 17px 0 14px 0;*/ color:#555; text-align: center; border: 1px solid #aeaeae; border-radius: 5px;}
#sub .contents_wrap .contents ul.search_tab li a:hover{color: #fff; background: #0054a8 url(../images/sub/pattern2.png); font-weight: 500; border: none;}
#sub .contents_wrap .contents ul.search_tab li a:hover span::before{content: ""; position: absolute; width: 100%; height: 1px; bottom: -8px; left:0; background: #d5d9e6;}
#sub .contents_wrap .contents ul.search_tab li a span{display: inline-block; position: relative; line-height: 1; }
#sub .contents_wrap .contents ul.search_tab li.active a{color: #fff; background: #0054a8 url(../images/sub/pattern2.png); font-weight: 500; border: none;}
#sub .contents_wrap .contents ul.search_tab li.active a span::before{content: ""; position: absolute; width: 100%; height: 1px; bottom: -8px; left:0; background: #d5d9e6;}
#sub .contents_wrap .contents h3.search_text{margin-bottom: 46px; font-size: 22px; font-weight: 300; color:#454545; text-align: center; line-height: 26px;}
#sub .contents_wrap .contents h3.search_text span,
#sub .contents_wrap .contents h3.search_text em{color: #ed0d11;font-weight: 700;}
#sub .contents_wrap .contents .search_results{position: relative; margin-bottom: 81px;}
#sub .contents_wrap .contents .search_results:last-child{margin-bottom: 0;}
#sub .contents_wrap .contents .search_results h4{padding-bottom: 10px; margin-bottom: 18px; font-size: 20px; color: #555; border-bottom: 1px solid #555;}
#sub .contents_wrap .contents .search_results h4 span{font-weight: 300;}
#sub .contents_wrap .contents .search_results ul.search_list{padding: 0 38px 0 20px;}
#sub .contents_wrap .contents .search_results ul.search_list > li{margin-bottom: 20px;}
#sub .contents_wrap .contents .search_results ul.search_list li a{display: block; padding: 0 0 20px 0; overflow:hidden; border-bottom: 1px solid #e6e6e6;}
#sub .contents_wrap .contents .search_results ul.search_list .img{float: left; width: 282px;}
#sub .contents_wrap .contents .search_results ul.search_list .img img{display: block; width: 100%; height: 100%; object-fit: cover;}
#sub .contents_wrap .contents .search_results ul.search_list .text{padding: 4px 0 0; float: left; padding-left: 29px; width: calc(100% - 282px);}
#sub .contents_wrap .contents .search_results ul.search_list .text span.area{display: block; width: 77px; margin-bottom: 26px; height: 30px; line-height: 26px; text-align: center; color: #034da2; font-weight: 500; border-radius: 50px; border: 2px solid #034da2;}
#sub .contents_wrap .contents .search_results ul.search_list .text .search_tit h5{display: inline-block; position: relative; font-size: 18px; color: #000; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
#sub .contents_wrap .contents .search_results ul.search_list .text .search_tit{display: inline-block; position: relative; margin-bottom: 14px; }
#sub .contents_wrap .contents .search_results ul.search_list li a:hover .text .search_tit h5{color:#034da2; }
#sub .contents_wrap .contents .search_results ul.search_list li a:hover .text .search_tit::before{content: ""; position: absolute; bottom: -2px; left:0; width: 100%; height: 1px; background: #1459a8;}
#sub .contents_wrap .contents .search_results ul.search_list .text h5 em{display: inline-block; padding: 1px 0 3px 2px; background: #fff93b;}
#sub .contents_wrap .contents .search_results ul.search_list .text ul.list li{position: relative; font-weight: 300; color:#555;}
/*
#sub .contents_wrap .contents .search_results ul.search_list .text ul.list li.address p{padding-left: 45px; }
#sub .contents_wrap .contents .search_results ul.search_list .text ul.list li.address span{position: absolute; top:0; left:0; line-height: 23px; }
*/
#sub .contents_wrap .contents .search_results ul.search_list .text ul.list li.address{margin-bottom: 4px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 49px; line-height: 23px; overflow: hidden; text-overflow: ellipsis; }
#sub .contents_wrap .contents .search_results ul.search_list .text ul.list li p{padding-left: 52px;}
#sub .contents_wrap .contents .search_results ul.search_list .text ul.list li span{position: relative; display: inline-block; width: 47px; position: absolute; top:0; left:0; line-height: 23px; font-weight: 500;}
#sub .contents_wrap .contents .search_results ul.search_list .text ul.list li span::after{content: ":"; position: absolute; top:0; right:0; font-weight: 300;}
#sub .contents_wrap .contents .search_results ul.search_list .text ul.list li.inquiries span{line-height: 1;}
#sub .contents_wrap .contents .search_results ul.search_list2 li a span.area{display: block; width: 77px; height: 30px; margin-bottom: 13px; line-height: 26px; text-align: center; color: #034da2; font-weight: 500; border-radius: 50px; border: 2px solid #034da2;}
#sub .contents_wrap .contents .search_results ul.search_list2{padding: 0 10px;}
#sub .contents_wrap .contents .search_results ul.search_list2 > li{float: left; width: 23.3%; height: 197px; margin: 0 0.85%; border: 1px solid #c1c1c1;}
#sub .contents_wrap .contents .search_results ul.search_list2 > li a{display: block; padding: 14px 75px 31px 19px;}
#sub .contents_wrap .contents .search_results ul.search_list2 > li a .search_tit h5{margin-bottom: 20px; font-size: 18px; color: #1b1b1b; font-weight: 500; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
#sub .contents_wrap .contents .search_results ul.search_list2 > li a .search_tit h5 em{display: inline-block; padding: 1px 0 3px 2px; background: #fff93b;}
#sub .contents_wrap .contents .search_results ul.search_list2 > li a ul.list li{padding-left: 21px; position: relative; font-size: 14px; color:#1b1b1b;}
#sub .contents_wrap .contents .search_results ul.search_list2 > li a ul.list li.address{margin-bottom: 9px; line-height: 22px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 44px; overflow: hidden; text-overflow: ellipsis;}
#sub .contents_wrap .contents .search_results ul.search_list2 > li a ul.list li::before{content: ""; position: absolute; top:3px; left:0; width: 16px; height: 16px;}
#sub .contents_wrap .contents .search_results ul.search_list2 > li a ul.list li.address::before{background: url(../images/sub/address.png)no-repeat;}
#sub .contents_wrap .contents .search_results ul.search_list2 > li a ul.list li.inquiries{}
#sub .contents_wrap .contents .search_results ul.search_list2 > li a ul.list li.inquiries::before{top:-1px; background: url(../images/sub/number.png)no-repeat;}
#sub .contents_wrap .contents .search_results ul.search_list2 > li a .search_tit{position: relative;}
#sub .contents_wrap .contents .search_results ul.search_list2 > li a:hover .search_tit h5{color:#034da2; }
#sub .contents_wrap .contents .search_results ul.search_list2 > li a:hover .search_tit::before{content: ""; position: absolute; bottom: -2px; left:0; width: 100%; height: 1px; background: #1459a8;}
#sub .contents_wrap .contents .search_results .search_tit_box a:first-child{margin-top: 4px;}
#sub .contents_wrap .contents .search_results .search_tit_box a:last-child{margin-bottom: 0;}
#sub .contents_wrap .contents .search_results .search_tit_box a{display: block; margin-bottom: 9px; padding-left: 20px; font-size: 18px; color:#555; font-weight: 300; line-height: 24px;}
#sub .contents_wrap .contents .search_results .search_tit_box a:hover{color: #034da2;}
#sub .contents_wrap .contents .search_results .search_tit_box a h5 em{display: inline-block; padding: 1px 0 3px 2px; background: #fff93b; line-height: 1;}
#sub .contents_wrap .contents .search_results a.view_more{position: absolute; top:0; right:9px; width: 22px; height: 21px; background: url(../images/sub/view_more.png)no-repeat;}
#sub .contents_wrap .contents .search_results a.view_more:hover{transform: scale(1.13);}

@media (max-width: 1199px) {

    #sub .contents_wrap .contents .search_box2{padding: 10px; height: auto;}
    #sub .contents_wrap .contents .search_box2 > div{width: 100%; margin:0 0 10px;}
    #sub .contents_wrap .contents .search_results ul.search_list{padding: 0;}
    #sub .contents_wrap .contents .search_results ul.search_list li a .text{padding-left: 16px;}

    #sub .contents_wrap .contents .search_results ul.search_list2{padding: 0; margin: 0 -0.85%;}
    #sub .contents_wrap .contents .search_results ul.search_list2 > li a{padding: 14px 10px 31px 20px;}
    #sub .contents_wrap .contents .search_results .search_tit_box a{padding: 0;}

    #sub .contents_wrap .contents .search_results ul.search_list .text ul.list li.address{margin-bottom: 8px; line-height: 22px;}

    #sub .contents_wrap .contents .search_results{ margin-bottom: 40px;}

    #sub .contents_wrap .contents .search_results ul.search_list .text span.area,
    #sub .contents_wrap .contents .search_results ul.search_list2 li a span.area{margin-bottom: 24px; width: 65px; height: 26px; line-height: 22px; font-size: 15px;}

    /* font */
    #sub .contents_wrap .contents h3.search_text{font-size: 20px; line-height: 24px;}
    #sub .contents_wrap .contents .search_results h4{font-size: 18px}
    #sub .contents_wrap .contents .search_box input{font-size: 16px;}
    #sub .contents_wrap .contents .search_results ul.search_list .text .search_tit h5{font-size: 17px;}
    #sub .contents_wrap .contents .search_results ul.search_list .text ul.list li{font-size: 15px;}
    #sub .contents_wrap .contents .search_results .search_tit_box a{margin-bottom: 7px; font-size: 16px; line-height: 22px;}

}

@media (max-width: 1024px) {

    #sub .contents_wrap .contents ul.search_tab li{width: 23.4%; margin-bottom: 10px;}

    #sub .contents_wrap .contents .search_results ul.search_list2{padding: 0; margin: 0 -1%;}
    #sub .contents_wrap .contents .search_results ul.search_list2 > li{width: 48%; margin: 0 1% 20px;}

}

@media (max-width: 576px) {

    #sub .contents_wrap .contents .search_box2 > div:first-child a{width: 50.1%; }
    #sub .contents_wrap .contents .search_box2 > div{width: 100%;}
    #sub .contents_wrap .contents .search_box2 > div:nth-child(2) a{width: 25.1%;}
    #sub .contents_wrap .contents .search_box2 fieldset div{width: 100%; margin: 0 0 10px;}
    #sub .contents_wrap .contents .search_box2 fieldset button.btn_search2{width: 100%;}
    #sub .contents_wrap .contents .search_box2 fieldset{width: 100%;}
    #sub .contents_wrap .contents .search_box2 fieldset input{width: calc(100% - 86px);}
    #sub .contents_wrap .contents .search_box2 fieldset .ui-datepicker-trigger{vertical-align: -4px;}
    #sub .contents_wrap .contents .search_box2 span{display: block;}
    #sub .contents_wrap .contents .search_box2 > div{height: auto;}
    #sub .contents_wrap .contents .search_box2 fieldset div.end_date{margin: 0 0 10px;}

    #sub .contents_wrap .contents ul.search_tab li{width: 31.7%;}
    #sub .contents_wrap .contents .search_results ul.search_list li a .img{float: none; width: 100%; margin-bottom:20px;}
    #sub .contents_wrap .contents .search_results ul.search_list li a .text{width: 100%; padding: 0;}
    #sub .contents_wrap .contents .search_results ul.search_list li a .text p.address{margin-bottom: 13px;}

    #sub .contents_wrap .contents .search_results ul.search_list2 > li a{padding: 17px 10px 31px 10px;}

    #sub .contents_wrap .contents .search_results ul.search_list .text span.area,
    #sub .contents_wrap .contents .search_results ul.search_list2 li a span.area{margin-bottom: 18px;}

}

@media (max-width: 414px) {

    #sub .contents_wrap .contents ul.search_tab li{width: 48.4%;}

    #sub .contents_wrap .contents div.skinTb div.skinTb-td select{background:#fff url(../images/sub/icon24.png)no-repeat 97% center;}

    #sub .contents_wrap .contents .search_results ul.search_list2{margin: 0;}
    #sub .contents_wrap .contents .search_results ul.search_list2 > li{width: 100%; margin: 0 0 20px;}
    #sub .contents_wrap .contents .search_results ul.search_list2 > li:last-child{margin-bottom: 0;}

}

/* 여행지검색 */
#sub .contents_wrap .contents .destination_search{}
#sub .contents_wrap .contents .destination_search h3{margin: 40px 0 22px; font-size: 20px; color: #000;}
#sub .contents_wrap .contents .destination_search h3 span{color: #034da2;}
#sub .contents_wrap .contents .destination_search ul.destination_list{border-top: 2px solid #046fd9;}
#sub .contents_wrap .contents .destination_search ul.destination_list li{position: relative;}
#sub .contents_wrap .contents .destination_search ul.destination_list > li{position: relative; padding: 17px 38px 20px 18px; border-bottom: 1px solid #e6e6e6; overflow: hidden;}
#sub .contents_wrap .contents .destination_search ul.destination_list li .img{float: left; width: 282px; height: 184px;}
#sub .contents_wrap .contents .destination_search ul.destination_list li .img img{display: block; width: 100%; height: 100%; object-fit: cover;}
#sub .contents_wrap .contents .destination_search ul.destination_list li .text{float: left; width: calc(100% - 282px); padding: 4px 0 0 29px}
#sub .contents_wrap .contents .destination_search ul.destination_list li span.area{display: block; width: 77px; margin-bottom: 26px; height: 30px; line-height: 26px; text-align: center; color: #034da2; font-weight: 500; border-radius: 50px; border: 2px solid #034da2;}
#sub .contents_wrap .contents .destination_search ul.destination_list li .tit_text{display: block; margin-bottom:18px;}
#sub .contents_wrap .contents .destination_search ul.destination_list li .tit_text h4{font-size: 18px; color: #000; /*overflow: hidden; text-overflow: ellipsis; white-space: nowrap;*/}
#sub .contents_wrap .contents .destination_search ul.destination_list li .tit_text h4 span{display: inline-block; position: relative; line-height: 1;}
#sub .contents_wrap .contents .destination_search ul.destination_list li .tit_text h4 span::before{display: none; content: ""; position: absolute; bottom: -6px; left:0; right:0; width: 100%; height: 1px; background:#1459a8;}
#sub .contents_wrap .contents .destination_search ul.destination_list li .tit_text:hover  h4{color: #034da2;}
#sub .contents_wrap .contents .destination_search ul.destination_list li .tit_text:hover  h4 span::before{display: block;}
#sub .contents_wrap .contents .destination_search ul.destination_list li .text ul.list li{position: relative; font-weight: 300; color:#555;}
#sub .contents_wrap .contents .destination_search ul.destination_list li .text ul.list li.address{margin-bottom: 4px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 49px; line-height: 23px; overflow: hidden; text-overflow: ellipsis; }
#sub .contents_wrap .contents .destination_search ul.destination_list li .text ul.list li p{padding-left: 52px;}
#sub .contents_wrap .contents .destination_search ul.destination_list li .text ul.list li span{position: relative; display: inline-block; width: 47px; position: absolute; top:0; left:0; line-height: 23px; font-weight: 500;}
#sub .contents_wrap .contents .destination_search ul.destination_list li .text ul.list li span::after{content: ":"; position: absolute; top:0; right:0; font-weight: 300;}
#sub .contents_wrap .contents .destination_search ul.destination_list li .text ul.list li.inquiries span{line-height: 1;}
#sub .contents_wrap .contents .destination_search ul.destination_list li .like{position: absolute; top:23px; right:20px; font-size: 0;}
#sub .contents_wrap .contents .destination_search ul.destination_list li .like .btn-box{float: left; min-width: 74px; margin-right: 16px;}
#sub .contents_wrap .contents .destination_search ul.destination_list li .like .btn-box span{font-weight: 500; color: #046fd9; vertical-align:-6px; font-size: 16px;}
#sub .contents_wrap .contents .destination_search ul.destination_list li .like .btn-box:last-child{margin-right: 0;}
#sub .contents_wrap .contents .destination_search ul.destination_list li .like .btn-box button{margin-right: 11px; width: 26px; height: 26px; background: url(../images/common/sp_icon.png)no-repeat; vertical-align: middle; background-size: 520px 1500px;}
#sub .contents_wrap .contents .destination_search ul.destination_list li .like .btn-box .btn_01{background-position: -247px -207px;}
#sub .contents_wrap .contents .destination_search ul.destination_list li .like .btn-box .btn_01:hover{background-position: -327px -207px;}
#sub .contents_wrap .contents .destination_search ul.destination_list li .like .btn-box .btn_02{background-position: -287px -207px;}
#sub .contents_wrap .contents .destination_search ul.destination_list li .like .btn-box .btn_02:hover{background-position: -367px -207px;}
#sub .contents_wrap .contents .destination_search ul.destination_list > li::before{content: ""; position: absolute; top:27px; left:28px; width: 30px; height: 30px; background: url(../images/common/sp_icon.png)no-repeat; z-index: 99; background-size: 520px 1500px;}
#sub .contents_wrap .contents .destination_search ul.destination_list > li.tourist_destination::before{background-position: -45px -205px;}
#sub .contents_wrap .contents .destination_search ul.destination_list > li.lodgment::before{background-position: -165px -205px;}
#sub .contents_wrap .contents .destination_search ul.destination_list > li.beverage::before{background-position: -205px -205px;}
#sub .contents_wrap .contents .destination_search ul.destination_list > li.experience::before{background-position: -125px -205px;}
#sub .contents_wrap .contents .destination_search ul.destination_list > li.animal_hospital::before{background-position: -85px -205px;}

@media (max-width: 1199px) {

    #sub .contents_wrap .contents .destination_search ul.destination_list > li{padding: 17px 0 20px 0;}

    #sub .contents_wrap .contents .destination_search ul.destination_list li span.area{margin-bottom: 24px; width: 65px; height: 26px; line-height: 22px; font-size: 15px;}
    #sub .contents_wrap .contents .destination_search ul.destination_list li .tit_text h4{font-size: 17px;}

    #sub .contents_wrap .contents .destination_search ul.destination_list li .text ul.list li.address{margin-bottom: 8px; line-height: 22px;}
    #sub .contents_wrap .contents .destination_search ul.destination_list li .text ul.list li{font-size: 15px;}
    #sub .contents_wrap .contents .destination_search h3{font-size: 18px;}

}

@media (max-width: 768px) {

    #sub .contents_wrap .contents .destination_search ul.destination_list li .img{float: none; width: 100%; height: auto;}
    #sub .contents_wrap .contents .destination_search ul.destination_list li .text{padding: 16px 0 0 0; width: 100%;}
    #sub .contents_wrap .contents .destination_search ul.destination_list > li::before{left: 10px;}

    #sub .contents_wrap .contents .destination_search ul.destination_list li span.area{margin-bottom: 16px;}

}

/* 코스여행 탭메뉴 */
#sub .contents_wrap ul.pageTab{height: 44px!important; margin: 39px 0 0; max-width: none; z-index: 1;}
#sub .contents_wrap ul.pageTab li{height: 44px!important; line-height: 42px; border-radius: 3px}
#sub .contents_wrap ul.pageTab li a{position: relative; font-size: 18px; color: #505050; font-weight: 400;}
#sub .contents_wrap ul.pageTab li:last-child{margin-right: 0;}
#sub .contents_wrap ul.pageTab li.active{background: #046fd9; border: none; box-shadow: 0px 0px 6px rgba(0,0,0,.3);}
#sub .contents_wrap ul.pageTab li.active a{color: #fff;}

@media (max-width: 639px) {

    #sub .contents_wrap ul.pageTab li a{font-size: 16px;}

}

/* 코스여행(바닷길 따라) */
#sub .contents_wrap .contents .course_box2 .course_contents .text .box div{margin-right: 0!important; width: 35.5%!important;}
#sub .contents_wrap .contents .course_box .tit-box{padding: 72px 0 0;margin: 38px 0 100px;position: relative;text-align: center;}
#sub .contents_wrap .contents .course_box .tit-box h3.course_tit{margin-bottom: 59px; }
#sub .contents_wrap .contents .course_box .tit-box h3.course_tit img{display: block; margin: 0 auto 11px;}
#sub .contents_wrap .contents .course_box .tit-box h3.course_tit span{display: block; font-size: 18px; color: #fff;}
#sub .contents_wrap .contents .course_box .tit-box::after{content: "";position: absolute;top:-20px;left: 50%;margin-left: -960px;width: 1920px;height: 400px;background: url(../images/sub/bg2.png)no-repeat;z-index: -1; transform:scale(1.2); transition-property:transform; transition-duration:5000ms; transition-timing-function:ease-in-out; animation: active 5s 0.1s;}
#sub .contents_wrap .contents .course_box .tit-box.active::after{transform:scale(1.0);}

@keyframes active {

    0%{transform:scale(1.2);}
    100%{transform:scale(1.0);}

}

#sub .contents_wrap .contents .course_box .tit-box .course_info{}
#sub .contents_wrap .contents .course_box .tit-box .course_info .box{overflow: auto;}
#sub .contents_wrap .contents .course_box .tit-box .course_info .box img{display: block;width: 1016px;margin: 0 auto 28px;}
#sub .contents_wrap .contents .course_box .tit-box .course_info span{float: right; display: inline-block; height: 25px; line-height: 23px; padding: 0 12px 0 13px; font-size: 14px; font-weight: 300; color: #505050; border: 1px solid #c1c1c1; border-radius: 50px;}
#sub .contents_wrap .contents .course_box p.info_text{margin-bottom:70px;padding:135px 114px 68px;font-size: 16px;color: #000100;position:relative;line-height: 26px;background: url(../images/sub/s001.jpg) center center no-repeat;background-size:cover;overflow:hidden;text-align:left;border-radius:20px;}
#sub .contents_wrap .contents .course_box p.info_text span{display:block;padding:45px 55px;border-radius:20px;background:rgba(255,255,255,.9);position:relative;}
#sub .contents_wrap .contents .course_box p.info_text strong{display:block;position:absolute;font-family: 'S-CoreDream';font-weight:500;color:#fff;z-index:2;;text-shadow:0px 0px 5px rgba(0,0,0,.5);left:60px;right:60px;top:47px;line-height:1.1;font-size:36px;letter-spacing:-2px;word-spacing:-1px;text-align:right;}
#sub .contents_wrap .contents .course_box p.info_text strong:after{content:'';display:block;position:absolute;top:35px;left:0;right:0;height:220px;border:10px solid #fff;border-width:8px 8px 0;z-index:-1;}
#sub .contents_wrap .contents .course_box p.info_text span:after{content:'';display:block;width:432px;height:270px;background: url(../images/sub/s004.png) center center no-repeat;background-size:cover;position:absolute;bottom:-20px;right:-90px;image-rendering:-webkit-optimize-contrast;}
#sub .contents_wrap .contents .course_box.course_box2 p.info_text{background-image:url(../images/sub/s002.jpg);}
#sub .contents_wrap .contents .course_box.course_box2 p.info_text span:after{background-image:url(../images/sub/s005.png);width:348px;height:270px;}
#sub .contents_wrap .contents .course_box.course_box3 p.info_text{background-image:url(../images/sub/s003.jpg);}
#sub .contents_wrap .contents .course_box.course_box3 p.info_text span:after{background-image:url(../images/sub/s006.png);width:432px;height:270px;}
#sub .contents_wrap .contents .course_box .course_contents{margin-bottom: 89px;}
#sub .contents_wrap .contents .course_box .course_contents:last-child{margin-bottom: 0;}
#sub .contents_wrap .contents .course_box .course_contents h4{margin-bottom: 25px; text-align: center;}
#sub .contents_wrap .contents .course_box .course_contents h4 span{position: relative; display: block; margin-bottom: 35px; font-family: "S-CoreDream"; font-size: 20px; font-weight: 400; color: #555; }
#sub .contents_wrap .contents .course_box .course_contents h4 span::after{content: ""; position: absolute; left: 50%; transform: translateX(-50%); top:-49px; background: url(../images/sub/icon25.png)no-repeat; width: 113px; height: 44px;}
#sub .contents_wrap .contents .course_box .course_contents h4 strong{display: block; margin-bottom: 18px; font-size: 28px; font-weight: 400; color: #034da2; font-family: "Jalnan"; }
#sub .contents_wrap .contents .course_box .course_contents h4 p{font-weight: 300; color: #555; line-height: 22px; }
#sub .contents_wrap .contents .course_box .course_contents .img{border-radius: 8px;}
#sub .contents_wrap .contents .course_box .course_contents .img img{display:block; width: 100%; height: 100%; object-fit: cover; border-radius: 8px;}
#sub .contents_wrap .contents .course_box .course_contents .text{position: relative; overflow: hidden;}
#sub .contents_wrap .contents .course_box .course_contents .text .box{padding: 24px 0 18px 40px;}
#sub .contents_wrap .contents .course_box .course_contents .text .box div{float: left; width: 48.4%; /*margin-right: 32px;*/}
#sub .contents_wrap .contents .course_box .course_contents .text .box div:last-child{margin-right: 0;}
#sub .contents_wrap .contents .course_box .course_contents .text dl{margin-bottom: 8px; /* width: 410px;  width: 34.2%;*/ font-size: 0; overflow: hidden;}
#sub .contents_wrap .contents .course_box .course_contents .text dl:nth-child(3){clear: both;}
#sub .contents_wrap .contents .course_box .course_contents .text dl:nth-child(3),
#sub .contents_wrap .contents .course_box .course_contents .text dl:nth-child(4){margin-bottom: 0;}
#sub .contents_wrap .contents .course_box .course_contents .text dt{position: relative; float: left; width: 90px; padding: 0 0 0 26px; font-size: 15px; font-weight: 500; color: #000; line-height: 24px;}
#sub .contents_wrap .contents .course_box .course_contents .text dt::before{content:""; position: absolute; top: 50%; transform: translateY(-50%); left:0; width: 15px; height: 18px; background: url(../images/sub/icon26.png)no-repeat;}
#sub .contents_wrap .contents .course_box .course_contents .text dt::after{content:""; position: absolute; top: 12px; margin-top: -5.5px; right:0; width: 1px; height: 11px; background: #555;}
#sub .contents_wrap .contents .course_box .course_contents .text dd{margin-top: -1px; float: left; width: calc(100% - 90px); padding-left: 10px; font-weight: 300; color: #555;  font-size: 16px; line-height: 24px;}
#sub .contents_wrap .contents .course_box .course_contents .text .btn3{position: absolute; top: 30px; right:0; margin: 0;}
#sub .contents_wrap .contents .course_box .course_contents .text .btn3 .btn3_3{display:block; padding-left: 48px; width: 120px; height: 44px; text-align: left;}
#sub .contents_wrap .contents .course_box .course_contents ul.img2{margin: 0 -0.46%;}
#sub .contents_wrap .contents .course_box .course_contents ul.img2 li{float: left; width: 32.4%; margin: 0 0.46%; border-radius: 8px; }
#sub .contents_wrap .contents .course_box .course_contents ul.img2 li img{display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 8px;}

@media (max-width: 1199px) {

    #sub .contents_wrap .contents .course_box p.info_text{font-size: 15px;line-height: 25px;}

    #sub .contents_wrap .contents .course_box .course_contents .text .box{padding-left: 20px;}

    #sub .contents_wrap .contents .course_box .tit-box h3.course_tit img{transform: scale(0.9); margin: 0 auto 8px;}

    #sub .contents_wrap .contents .course_box .course_contents h4 span{margin-bottom: 33px;}

    #sub .contents_wrap .contents .course_box .course_contents .text .btn3 .btn3_3{margin: 0 auto; transform: scale(0.9);}

    /* font */
    #sub .contents_wrap .contents .course_box .tit-box h3.course_tit span{font-size: 16px;}
    #sub .contents_wrap .contents .course_box .course_contents h4 strong{font-size: 26px; margin-bottom: 16px;}
    #sub .contents_wrap .contents .course_box .course_contents h4 span{font-size: 18px;}

    #sub .contents_wrap .contents .course_box .course_contents h4 span::after{transform: translateX(-50%) scale(0.9);}

    #sub .contents_wrap .contents .course_box p.info_text span{padding:35px 45px;}
    #sub .contents_wrap .contents .course_box p.info_text strong{left:30px;right:30px;top:35px;font-size:30px;}
    #sub .contents_wrap .contents .course_box p.info_text strong:after{top:30px;left:0;right:0;height:190px;border-width:6px 6px 0;}
    #sub .contents_wrap .contents .course_box p.info_text span:after{transform:scale(.8);transform-origin:100% 100%;}
    #sub .contents_wrap .contents .course_box p.info_text{padding:115px 70px 50px;}

}

@media (max-width: 1024px) {

    #sub .contents_wrap .contents .course_box .course_contents .text .box{padding: 24px 10px 22px 10px;}
    #sub .contents_wrap .contents .course_box .tit-box .course_info .box img{margin-bottom: 30px;}
    #sub .contents_wrap .contents .course_box p.info_text{margin-bottom: 50px;}

    #sub .contents_wrap .contents .course_box .tit-box h3.course_tit img{transform: scale(0.8);}

    #sub .contents_wrap .contents .course_box .tit-box{margin-bottom: 80px;}
    #sub .contents_wrap .contents .course_box .course_contents{}

    #sub .contents_wrap .contents .course_box .course_contents h4 span{margin-bottom: 31px;}

    #sub .contents_wrap .contents .course_box .course_contents .text .box div{float: none; width: 100%;}
    #sub .contents_wrap .contents .course_box .course_contents .text .btn3{margin: 10px 0 30px; padding: 0; position: static; text-align: center;}

    #sub .contents_wrap .contents .course_box2 .course_contents .text .box div{width: 100%!important;}

    /* font */
    #sub .contents_wrap .contents .course_box .course_contents h4 strong{font-size: 24px; margin-bottom: 14px;}

}

@media (max-width: 768px) {

    #sub .contents_wrap .contents .course_box .course_contents .text dl{width: 100%;}
    #sub .contents_wrap .contents .course_box .course_contents .text dl:nth-child(3){margin-bottom: 10px;}
    #sub .contents_wrap .contents .course_box .course_contents .text .box{position: static; transform: none; margin-bottom: 10px;}

    #sub .contents_wrap .contents .course_box .tit-box h3.course_tit img{transform: scale(0.7);}

    #sub .contents_wrap .contents .course_box p.info_text span{padding:20px 45px 80px;}
    #sub .contents_wrap .contents .course_box p.info_text span:after{transform:scale(.6);transform-origin:100% 100%;}
    #sub .contents_wrap .contents .course_box p.info_text span br{display:none;}
    #sub .contents_wrap .contents .course_box p.info_text span em{display:block;margin-top:5px;word-break:keep-all;}

}

@media (max-width: 576px) {

    #sub .contents_wrap .contents .course_box .course_contents ul.img2{margin: 0 -1%;}
    #sub .contents_wrap .contents .course_box .course_contents ul.img2 li{width: 48%; margin: 0 1% 10px;}
    #sub .contents_wrap .contents .course_box .tit-box h3.course_tit{margin-bottom:40px;}


    #sub .contents_wrap .contents .course_box p.info_text strong{left:15px;right:20px;top:25px;font-size:22px;}
    #sub .contents_wrap .contents .course_box p.info_text strong:after{display:none;}
    #sub .contents_wrap .contents .course_box p.info_text{padding:70px 20px 50px;border-radius:0;margin:0 -15px 30px;}

    #sub .contents_wrap .contents .course_box p.info_text span{padding:15px 20px 40px;font-size:13px;border-radius:10px;}
    #sub .contents_wrap .contents .course_box p.info_text span:after{transform:scale(.5);transform-origin:100% 100%;opacity:.8;}
    #sub .contents_wrap .contents .course_box p.info_text span br{display:none;}
    #sub .contents_wrap .contents .course_box p.info_text span em{line-height:1.7}

}

@media (max-width: 414px) {

    #sub .contents_wrap .contents .course_box .course_contents ul.img2{margin: 0;}
    #sub .contents_wrap .contents .course_box .course_contents ul.img2 li{width: 100%; margin: 0 0 10px;}

    #sub .contents_wrap .contents .course_box .course_contents h4 p br{display: none;}

}

@media (max-width: 360px) {

    #sub .contents_wrap .contents .course_box .course_contents h4 p br{display: none;}

}

/* 코스여행(발길 따라) */
#sub .contents_wrap .contents .course_box3 .course_contents .text .box{padding-bottom: 14px;}
#sub .contents_wrap .contents .course_box3 .tit-box::after{background: url(../images/sub/bg3.jpg)no-repeat;}

#sub .contents_wrap .contents .course_box3 .tit-box .course_info .box img{width: 1014px;}
#sub .contents_wrap .contents .course_box3 .course_contents h4 strong{color: #af2b2b;}
#sub .contents_wrap .contents .course_box3 .course_contents h4 span::after{height: 46px; background: url(../images/sub/icon27.png)no-repeat;}
#sub .contents_wrap .contents .course_box3 .course_contents .text dt::before{background: url(../images/sub/icon28.png)no-repeat;}

/* 코스여행(산따라물따라) */
#sub .contents_wrap .contents .course_box1 .course_contents .text .box{padding-bottom: 12px;}
#sub .contents_wrap .contents .course_box1 .tit-box .course_info .box img{width: 952px;}
#sub .contents_wrap .contents .course_box1 .tit-box::after{background: url(../images/sub/bg1.png)no-repeat;}
#sub .contents_wrap .contents .course_box1 .course_contents h4 strong{color: #053f23;}
#sub .contents_wrap .contents .course_box1 .course_contents h4 span::after{height: 45px; background: url(../images/sub/icon29.png)no-repeat;}
#sub .contents_wrap .contents .course_box1 .course_contents .text dt::before{background: url(../images/sub/icon30.png)no-repeat;}


/* 댕댕여지도 소개 */
#sub .contents_wrap .contents .introduce{}
#sub .contents_wrap .contents .introduce .box1{position: relative; height: 517px; padding: 68px 58px 0;}
#sub .contents_wrap .contents .introduce .box1::before{content: ""; position: absolute; bottom: 0; left:-239px; width: 571px; height: 180px; background: url(../images/sub/introduce_img2.png)no-repeat;}
#sub .contents_wrap .contents .introduce .box1 span.img{position: absolute; bottom:46px; right:79px; width: 459px; height: 299px; background: url(../images/sub/introduce_img1.png)no-repeat;}
#sub .contents_wrap .contents .introduce .box1 span.cloud{position: absolute; top:0;}
#sub .contents_wrap .contents .introduce .box1 span.cloud1{left:8px ; top: 93px; width: 40px; height: 24px; background: url(../images/sub/cloud1.png)no-repeat}
#sub .contents_wrap .contents .introduce .box1 span.cloud2{left: 100px; width: 63px; height: 34px; background: url(../images/sub/cloud2.png)no-repeat; animation: cloud 5s infinite ease; transition: all .5s;}
#sub .contents_wrap .contents .introduce .box1 span.cloud3{left: 394px; top: 20px;  width: 43px; height: 23px; background: url(../images/sub/cloud3.png)no-repeat;}
#sub .contents_wrap .contents .introduce .box1 h3{margin-bottom: 38px; font-size: 40px; color: #000; font-weight: 300;}
#sub .contents_wrap .contents .introduce .box1 h3 span{display: block; margin-bottom: 23px; line-height: 0.9;}
#sub .contents_wrap .contents .introduce .box1 h3 strong{display: block; font-weight:500; line-height: 0.9;}
#sub .contents_wrap .contents .introduce .box1 p{font-size: 16px; font-weight: 300; color: #000; line-height: 24px;}
#sub .contents_wrap .contents .introduce .box1 p strong{margin-top: 9px; display: inline-block; line-height: 0.9; font-size: 20px; font-weight: 500; color: #000;}
#sub .contents_wrap .contents .introduce .box2{position: relative; padding: 0 0 63px 0;}
#sub .contents_wrap .contents .introduce .box2::before{content: ""; position: absolute; left: 50%; margin-left: -960px; width: 1920px; height: 100%; background: url(../images/sub/introduce_bg.jpg)no-repeat; z-index: -1; background-size: cover;}
#sub .contents_wrap .contents .introduce .box2 h3{margin-bottom: 68px; padding: 58px 0 0;  font-size: 26px; color: #000; font-family: "Jalnan"; text-align: center;}
#sub .contents_wrap .contents .introduce .box2 h3 strong{font-size: 34px; color: #2540a1; font-weight: 400;}
#sub .contents_wrap .contents .introduce .box2 .icon_text_box{}
#sub .contents_wrap .contents .introduce .box2 .icon_text_box .icon_text{position: relative; margin:0 83px 10px 0; padding: 165px 0 0; display: inline-block; width: 306px; height: 307px; border-radius: 50%; vertical-align: top;}
#sub .contents_wrap .contents .introduce .box2 .icon_text_box .icon_text:last-child{margin-bottom: 0;}
#sub .contents_wrap .contents .introduce .box2 .icon_text_box .icon_text::after{content: ""; position: absolute; left: 50%; transform: translateX(-50%);}
#sub .contents_wrap .contents .introduce .box2 .icon_text_box{font-size: 0; text-align: center;}
#sub .contents_wrap .contents .introduce .box2 .icon_text_box .icon_text:nth-child(1){background: #f9a147;}
#sub .contents_wrap .contents .introduce .box2 .icon_text_box .icon_text:nth-child(1)::after{top:54px; width: 91px; height: 91px; background: url(../images/sub/introduce_icon2.png)no-repeat;}
#sub .contents_wrap .contents .introduce .box2 .icon_text_box .icon_text:nth-child(2){padding-top: 189px; background: #b8d432;}
#sub .contents_wrap .contents .introduce .box2 .icon_text_box .icon_text:nth-child(2)::after{top: 52px; width: 95px; height: 95px; background: url(../images/sub/introduce_icon3.png)no-repeat;}
#sub .contents_wrap .contents .introduce .box2 .icon_text_box .icon_text:nth-child(3){padding-top: 189px;  margin-right: 0; background: #95a6d4;}
#sub .contents_wrap .contents .introduce .box2 .icon_text_box .icon_text:nth-child(3)::after{top: 52px; width: 95px; height: 95px; background: url(../images/sub/introduce_icon4.png)no-repeat;}
#sub .contents_wrap .contents .introduce .box2 .icon_text p{font-size: 18px; color:#000; text-align: center; line-height: 24px;}
#sub .contents_wrap .contents .introduce .box3{position: relative; padding: 98px 0 0; height: 461px;}
#sub .contents_wrap .contents .introduce .box3::after{content: ""; position: absolute; right:-351px; bottom: -192px; width: 399px; height: 523px; background: url(../images/sub/puppy.png)no-repeat; z-index: -1;}
#sub .contents_wrap .contents .introduce .box3 p{font-weight: 300; font-size: 18px; color: #000; line-height: 26px; text-align: center;}
#sub .contents_wrap .contents .introduce .box3 p strong{font-weight: 700;}

@media (max-width: 1199px) {

    #sub .contents_wrap .contents .introduce .box1{height: 500px; padding: 68px 0;}

    #sub .contents_wrap .contents .introduce .box1::before{left:0; bottom: -9px;}
    #sub .contents_wrap .contents .introduce .box1::after{left: 311px;}

    #sub .contents_wrap .contents .introduce .box1 h3 span{margin-bottom: 21px;}

    #sub .contents_wrap .contents .introduce .box1 span.img{bottom: 56px; right:0; transform: scale(0.9);}
    #sub .contents_wrap .contents .introduce .box1::before{left: -28px; transform: scale(0.9);}

    #sub .contents_wrap .contents .introduce .box2{position: relative; padding: 0 0 50px 0;}
    #sub .contents_wrap .contents .introduce .box2 .icon_text_box .icon_text{padding-top: 150px; width: 270px; height: 270px; margin: 0 30px 30px;}
    #sub .contents_wrap .contents .introduce .box2 .icon_text p{font-size: 16px; line-height: 22px;}
    #sub .contents_wrap .contents .introduce .box2 .icon_text_box .icon_text::after{top: 38px!important; transform: translateX(-50%) scale(0.9);}
    #sub .contents_wrap .contents .introduce .box2 .icon_text_box .icon_text:nth-child(2),
    #sub .contents_wrap .contents .introduce .box2 .icon_text_box .icon_text:nth-child(3){padding-top: 174px;}

    #sub .contents_wrap .contents .introduce .box3 p{font-size: 16px; line-height: 24px;}

    /* font */
    #sub .contents_wrap .contents .introduce .box1 h3{margin-bottom: 34px; font-size: 36px;}
    #sub .contents_wrap .contents .introduce .box1 p{font-size: 15px; line-height: 23px;}
    #sub .contents_wrap .contents .introduce .box1 p strong{font-size: 18px;}
    #sub .contents_wrap .contents .introduce .box2 h3{font-size: 24px;}
    #sub .contents_wrap .contents .introduce .box2 h3 strong{font-size: 30px;}

    #sub .contents_wrap .contents .introduce .box3{padding-top: 60px;}
    #sub .contents_wrap .contents .introduce .box3::after{right:-88px; bottom: -185px; transform: scale(0.6);}
    #sub .contents_wrap .contents .introduce .box3{height: auto;}

}

@media (max-width: 1024px) {

    #sub .contents_wrap .contents .introduce .box1{height: 462px;}
    #sub .contents_wrap .contents .introduce .box1 h3 span{margin-bottom: 17px;}

    #sub .contents_wrap .contents .introduce .box1 span.img{right:-45px; transform: scale(0.8);}
    #sub .contents_wrap .contents .introduce .box1::before{bottom: -27px; left: -57px; transform: scale(0.8);}

    #sub .contents_wrap .contents .introduce .box2 .icon_text_box .icon_text{padding-top: 126px; width: 240px; height: 240px; margin: 0 20px 30px;}
    #sub .contents_wrap .contents .introduce .box2 .icon_text p{font-size: 15px; line-height: 21px;}
    #sub .contents_wrap .contents .introduce .box2 .icon_text_box .icon_text::after{top: 23px!important; transform: translateX(-50%) scale(0.8);}
    #sub .contents_wrap .contents .introduce .box2 .icon_text_box .icon_text:nth-child(2),
    #sub .contents_wrap .contents .introduce .box2 .icon_text_box .icon_text:nth-child(3){padding-top: 148px;}

    #sub .contents_wrap .contents .introduce .box3::after{right:-109px; bottom: -212px; transform: scale(0.5);}

    /* font */
    #sub .contents_wrap .contents .introduce .box1 h3{margin-bottom: 30px; font-size: 32px;}
    #sub .contents_wrap .contents .introduce .box2 h3{margin-bottom: 65px; font-size: 22px;}
    #sub .contents_wrap .contents .introduce .box2 h3 strong{font-size: 28px;}

}

@media (max-width: 768px) {

    #sub .contents_wrap .contents .introduce .box1{height: 430px;}
    #sub .contents_wrap .contents .introduce .box1 h3 span{margin-bottom: 13px;}

    #sub .contents_wrap .contents .introduce .box1 span.img{bottom: 26px; right:-68px; transform: scale(0.7);}
    #sub .contents_wrap .contents .introduce .box1::before{left: -86px; transform: scale(0.7);}

    #sub .contents_wrap .contents .introduce .box2 .icon_text_box .icon_text{padding-top: 108px; width: 220px; height: 220px; margin: 0 10px 30px;}
    /*
    #sub .contents_wrap .contents .introduce .box2 .icon_text p{font-size: 14px; line-height: 20px;}
    */
    #sub .contents_wrap .contents .introduce .box2 .icon_text_box .icon_text::after{top: 13px!important; transform: translateX(-50%) scale(0.7);}
    #sub .contents_wrap .contents .introduce .box2 .icon_text_box .icon_text:nth-child(2),
    #sub .contents_wrap .contents .introduce .box2 .icon_text_box .icon_text:nth-child(3){padding-top: 130px;}

    #sub .contents_wrap .contents .introduce .box3::after{opacity: .5; right:-129px; bottom: -238px; transform: scale(0.4);}

    /* font */
    #sub .contents_wrap .contents .introduce .box1 h3{margin-bottom: 26px; font-size: 28px;}
    #sub .contents_wrap .contents .introduce .box2 h3{font-size: 20px;}
    #sub .contents_wrap .contents .introduce .box2 h3 strong{font-size: 26px;}

}

@media (max-width: 576px) {

    /*
    #sub .contents_wrap .contents .introduce .box2 .icon_text_box .icon_text::after{top: 6px!important; transform: translateX(-50%) scale(0.6);}
    */
    #sub .contents_wrap .contents .introduce .box1{height: 390px;}
    #sub .contents_wrap .contents .introduce .box1 span.img{bottom: 0; opacity: .5; right:-90px; transform: scale(0.6);}
    #sub .contents_wrap .contents .introduce .box1::before{bottom: -37px; left: -114px; transform: scale(0.6);}

    /* font */
    #sub .contents_wrap .contents .introduce .box1 h3{margin-bottom: 22px; font-size: 24px;}

}

@media (max-width: 480px) {

    #sub .contents_wrap .contents .introduce .box1 span.img{right:-113px; transform: scale(0.5);}
    #sub .contents_wrap .contents .introduce .box1::before{bottom: -45px; left: -142px; transform: scale(0.5);}
    #sub .contents_wrap .contents .introduce .box1 h3 span{margin-bottom: 9px;}

    #sub .contents_wrap .contents .introduce .box2::before{background: url(../images/sub/introduce_bg.jpg)no-repeat -700px 0; background-size: cover;}
    /*
    #sub .contents_wrap .contents .introduce .box2 .icon_text_box .icon_text{padding-top: 95px; width: 200px; height: 200px;}
    #sub .contents_wrap .contents .introduce .box2 .icon_text_box .icon_text:nth-child(2),
    #sub .contents_wrap .contents .introduce .box2 .icon_text_box .icon_text:nth-child(3){padding-top: 116px;}
    */
    /* font */
    #sub .contents_wrap .contents .introduce .box1 h3{margin-bottom: 20x; font-size: 22px;}

}

@media (max-width: 414px) {

    #sub .contents_wrap .contents .introduce .box1 span.img{right:-136px; transform: scale(0.4);}

}

@media (max-width: 360px) {

    #sub .contents_wrap .contents .introduce .box1 p{font-size: 14px; line-height: 22px;}

}

/* 댕댕여지도 사전 공통 */
#sub .contents_wrap .contents .dictionary{padding: 39px 0 0;}
#sub .contents_wrap .contents .dictionary .dictionary_tit{position: relative; height: 408px; text-align: center;}
#sub .contents_wrap .contents .dictionary .dictionary_tit::before,
#sub .contents_wrap .contents .dictionary .dictionary_tit::after{content: ""; position: absolute; top:0; width: 960px; height: 408px; background: #7ab5c7; z-index: -1; transition: all .5s;}
#sub .contents_wrap .contents .dictionary .dictionary_tit::before{left: -1312px; /*left:-352px;*/ animation: effect1 1s 0.1s 1 ease-out forwards;}
#sub .contents_wrap .contents .dictionary .dictionary_tit::after{right: -1312px; /*right:-352px;*/ animation: effect2 1s 0.1s 1 ease-out forwards;}

@keyframes effect1 {

    0%{left: -1312px;}
    100%{left: -352px}

}

@keyframes effect2 {

    0%{right: -1312px;}
    100%{right: -352px}

}

#sub .contents_wrap .contents .dictionary .dictionary_tit .animate{animation: fadeIn 1.3s forwards ease-in; transition: 2s ease-in-out;}

@keyframes fadeIn {

    0%{opacity: 0; transform: translateY(70px);}
    40%{opacity: 0; transform: translateY(40px);}
    100%{opacity: 1; transform: translateY(0);}

}

#sub .contents_wrap .contents .dictionary .dictionary_tit h3{margin-bottom: 81px; padding: 12px 0 0; display: inline-block; position: relative; font-size: 24px; color: #000; z-index: 2; line-height: 30px;}
#sub .contents_wrap .contents .dictionary .dictionary_tit h3::before{content: ""; width: 100%; position: absolute; top:-1px; left:50%;  transform: translateX(-50%); right:0; width:146px; height: 100px; background: url(../images/sub/dictionary_icon.png)no-repeat; z-index: -1;}
#sub .contents_wrap .contents .dictionary .dictionary_tit h4{/*padding: 153px 0 0;*/  line-height: 51px; font-size: 38px; color: #fff; font-family: 'Eulyoo1945';}
#sub .contents_wrap .contents .dictionary .dictionary_img{margin: -108px 0 0;}
#sub .contents_wrap .contents .dictionary .dictionary_img .img{position: relative; margin-bottom: 31px; height: 0; padding: 41.7% 0 0px;}
#sub .contents_wrap .contents .dictionary .dictionary_img .img img{position: absolute; top:0; left:0; right:0; bottom: 0; display: block; width: 100%; height: 100%;}
#sub .contents_wrap .contents .dictionary .dictionary_img p{font-size: 18px; color: #000; line-height: 26px; text-align: center; font-family: 'Eulyoo1945';}
#sub .contents_wrap .contents .dictionary .dictionary_img p strong{}

@media (max-width: 1199px) {

    /* font */
    #sub .contents_wrap .contents .dictionary .dictionary_tit h3{padding-top: 8px; font-size: 20px; line-height: 26px;}
    #sub .contents_wrap .contents .dictionary .dictionary_tit h3::before{top:-6px; transform: translateX(-50%) scale(0.9);}
    #sub .contents_wrap .contents .dictionary .dictionary_tit h4{font-size: 34px; line-height: 47px;}

}

@media (max-width: 1024px) {

    #sub .contents_wrap .contents .dictionary .dictionary_tit h3{padding-top: 6px; font-size: 18px; line-height: 24px;}
    #sub .contents_wrap .contents .dictionary .dictionary_tit h3::before{top:-11px; transform: translateX(-50%) scale(0.8);}

    #sub .contents_wrap .contents .dictionary .dictionary_tit .animate{animation: fadeIn 1.7s ease-in forwards;}
    #sub .contents_wrap .contents .dictionary .dictionary_tit::before{animation: effect1 1.7s ease-out forwards;}
    #sub .contents_wrap .contents .dictionary .dictionary_tit::after{animation: effect2 1.7s ease-out forwards;}

    /* font */
    #sub .contents_wrap .contents .dictionary .dictionary_tit h4{font-size: 30px; line-height: 43px;}

}

@media (max-width: 768px) {

    #sub .contents_wrap .contents .dictionary .dictionary_tit::before,
    #sub .contents_wrap .contents .dictionary .dictionary_tit::after{width: 726px;}

    #sub .contents_wrap .contents .dictionary .dictionary_tit .animate{animation: fadeIn 2.5s ease-in forwards;}
    #sub .contents_wrap .contents .dictionary .dictionary_tit::before{animation: effect1 2s ease-out forwards;}
    #sub .contents_wrap .contents .dictionary .dictionary_tit::after{animation: effect2 2s ease-out forwards;}

    /* font */
    #sub .contents_wrap .contents .dictionary .dictionary_tit h4{font-size: 28px; line-height: 41px;}

}

@media (max-width: 480px) {

    #sub .contents_wrap .contents .dictionary .dictionary_tit::before,
    #sub .contents_wrap .contents .dictionary .dictionary_tit::after{width: 582px;}

    /* font */
    #sub .contents_wrap .contents .dictionary .dictionary_tit h4{font-size: 24px; line-height: 38px;}

}

@media (max-width: 414px) {

    #sub .contents_wrap .contents .dictionary .dictionary_tit::before,
    #sub .contents_wrap .contents .dictionary .dictionary_tit::after{width: 549px;}

}

@media (max-width: 360px) {

    #sub .contents_wrap .contents .dictionary .dictionary_tit::before,
    #sub .contents_wrap .contents .dictionary .dictionary_tit::after{width: 522px;}

}

/* 댕댕여지도 사전_가족이 되는 방법 */
#sub .contents_wrap .contents .dictionary.st1 .dictionary_tit::before,
#sub .contents_wrap .contents .dictionary.st1 .dictionary_tit::after{background: #7ab5c7;}
#sub .contents_wrap .contents .dictionary.st1 .st1_box1{padding: 47px 0 0 40px; position: relative; /*padding: 47px 0 0 40px;*/ }
#sub .contents_wrap .contents .dictionary.st1 .st1_box1 .img{position: relative; float: left; width: 47.42%; /*padding: 37% 0 0;*/ margin-right: 3.68%; /*width: 550px;*/}
#sub .contents_wrap .contents .dictionary.st1 .st1_box1 .img::before{content: ""; position: absolute; bottom:0; left:-392px; width: 1000px; height: 192px; background: #9ac8e9; z-index: -1; }
#sub .contents_wrap .contents .dictionary.st1 .st1_box1 .img.effect3::before{animation: effect3 1s 0.1s 1 ease-in forwards;}
@keyframes effect3 {

    0%{left: -1392px;}
    100%{left: -392px}

}

#sub .contents_wrap .contents .dictionary.st1 .st1_box1 img{display: block; /*position: absolute; top:0; left:0; right:0; bottom: 0;*/ width: 100%; height: 100%;}
#sub .contents_wrap .contents .dictionary.st1 .st1_box1 .text{float: left; /*padding-left: 42px;*/ /*width: calc(100% - 550px);*/ width: 47.2%;}
#sub .contents_wrap .contents .dictionary.st1 .text h5 em{display: block; margin-bottom: 18px; font-size: 22px; color: #000; font-weight: 700; font-family: 'S-CoreDream'; font-style: italic;}
#sub .contents_wrap .contents .dictionary.st1 .text h5 span{display: block; margin-bottom: 30px; font-size: 20px; font-weight: 500; color: #000; line-height: 24px; }
#sub .contents_wrap .contents .dictionary.st1 .st1_box1 .text ul li{margin-bottom: 12px; font-size: 18px; color: #505050; line-height: 22px;}
#sub .contents_wrap .contents .dictionary.st1 .st1_box1 .text ul li:last-child{margin-bottom: 0;}
#sub .contents_wrap .contents .dictionary.st1 .st1_box2{padding: 81px 0 0;}
#sub .contents_wrap .contents .dictionary.st1 .st1_box2 .text {margin-bottom: 22px; text-align: right;}
#sub .contents_wrap .contents .dictionary.st1 .st1_box2 .text h5{position: relative; padding-right: 21px;}
#sub .contents_wrap .contents .dictionary.st1 .st1_box2 .text h5::after{content: ""; position: absolute; top:-32px; right:-351px; width: 1048px; height: 192px; background: #fcaf17; z-index: -1;}
#sub .contents_wrap .contents .dictionary.st1 .st1_box2 .text h5 em{display: inline-block; margin: 0 16px 0 0; vertical-align: -2px;}
#sub .contents_wrap .contents .dictionary.st1 .st1_box2 .text h5 span{display: inline-block; margin: 0;}
#sub .contents_wrap .contents .dictionary.st1 .st1_box2 .img_box{}
#sub .contents_wrap .contents .dictionary.st1 .st1_box2 .img_box .img{position: absolute; width: 100%; height: 486px; z-index: -1; }
#sub .contents_wrap .contents .dictionary.st1 .st1_box2 .img_box .img img{display: block; width: 100%;}
#sub .contents_wrap .contents .dictionary.st1 .st1_box2 .img_box ul{position: relative; margin: 180px auto 37px; padding: 13px 26px 10px 14px; /*position: absolute; bottom: 36px; left: 50%; transform: translateX(-50%);*/ max-width: 1059px; width: 100%; background:#fff; background: rgba(255,255,255,.9); border-radius: 18px;}
#sub .contents_wrap .contents .dictionary.st1 .st1_box2 .img_box ul::after{content: ""; position: absolute; top:-158px; left: 50%; margin-left: -600px; width: 1200px; height:486px; background: url(../images/sub/st1_img2.jpg)no-repeat center; z-index: -1; background-size: cover;}
#sub .contents_wrap .contents .dictionary.st1 .st1_box2 .img_box ul li{}
#sub .contents_wrap .contents .dictionary.st1 .st1_box2 .img_box ul li a{position: relative; display: inline-block; padding: 0 7px; font-weight: 500; color:#000; line-height: 22px; z-index: 1;}
#sub .contents_wrap .contents .dictionary.st1 .st1_box2 .img_box ul li a::after{content: ""; position: absolute; left:0; right:0; bottom: 0; width: 100%; height: 12px; background: #fcaf17; z-index: -1;}
#sub .contents_wrap .contents .dictionary.st1 .st1_box2 .img_box ul li p{padding:5px 0 10px 7px; line-height: 22px;}
#sub .contents_wrap .contents .dictionary.st1 .st1_box2 > span{display:block; text-align: center; margin:13px 0 30px; font-size: 18px; color:#505050; line-height: 24px;  }
#sub .contents_wrap .contents .dictionary.st1 .st1_box2 > p{font-size: 18px; color: #000; line-height: 28px; text-align: center; font-family: 'Eulyoo1945';}
#sub .contents_wrap .contents .dictionary.st1 .st1_box3{padding: 53px 0 0 0;}
#sub .contents_wrap .contents .dictionary.st1 .st1_box3 .img{margin-right: 4%; /*margin-right: 47px;*/ padding: 37px 0 0 16px; position: relative; float: left; width: 33.7%;}
#sub .contents_wrap .contents .dictionary.st1 .st1_box3 .img::before{content: ""; position: absolute; bottom: -52px; left:-352px; width: 871px; height: 193px; background: #9ac8e9; z-index: -1;}
#sub .contents_wrap .contents .dictionary.st1 .st1_box3 .img img{display: block; width: 100%;}
#sub .contents_wrap .contents .dictionary.st1 .st1_box3 .text{position: relative; float: right; /*width: 62.3%;*/ width: 100%; padding-left: 45.1%;}
#sub .contents_wrap .contents .dictionary.st1 .st1_box3 .text::before{content: ""; position: absolute; top:37px; left:16px;  width: 477px; height: 321px; background:url(../images/sub/st1_img3.png)no-repeat; z-index: -1;}
#sub .contents_wrap .contents .dictionary.st1 .st1_box3 .text::after{content: ""; position: absolute; top: 217px; left:-352px; width: 871px; height: 193px; background: #9ac8e9; z-index: -2;}
#sub .contents_wrap .contents .dictionary.st1 .st1_box3 .text ul.box3_list > li{ }
#sub .contents_wrap .contents .dictionary.st1 .st1_box3 .text ul.box3_list > li span{display: block; line-height: 26px; font-size: 18px; color:#000;}
#sub .contents_wrap .contents .dictionary.st1 .st1_box3 .text ul.box3_list2{padding: 3px 0 22px;}
#sub .contents_wrap .contents .dictionary.st1 .st1_box3 .text ul.box3_list2  li{font-size: 16px; font-weight: 300; color: #505050; line-height: 24px;}
#sub .contents_wrap .contents .dictionary.st1 .st1_box3 .text ul.box3_list > li p{padding: 3px 0 22px; color: #505050; font-weight: 300; line-height: 24px; font-size: 16px; }

@media (max-width: 1199px) {

    #sub .contents_wrap .contents .dictionary.st1 .st1_box1{padding: 47px 0 0 0;}
    #sub .contents_wrap .contents .dictionary.st1 .st1_box1 .img::before{left: -10px; width: 650px; height: 159px;}

    #sub .contents_wrap .contents .dictionary.st1 .st1_box3 .text::before{left: -23px; transform: scale(0.9);}

    #sub .contents_wrap .contents .dictionary.st1 .st1_box2 .img_box ul{padding: 13px 10px 10px 10px;}
    #sub .contents_wrap .contents .dictionary.st1 .st1_box2 .text h5{padding-right: 0;}

}

@media (max-width: 1024px) {

    #sub .contents_wrap .contents .dictionary.st1 .st1_box1 .img::before{width: 580px;height: 129px;}

    #sub .contents_wrap .contents .dictionary.st1 .st1_box3 .text::before{left: -47px; transform: scale(0.8);}

}

@media (max-width: 768px) {

    #sub .contents_wrap .contents .dictionary.st1 .st1_box1 .img{float: none; width: 100%;}
    #sub .contents_wrap .contents .dictionary.st1 .st1_box1 .text{padding: 24px 0 0; float: none; width: 100%;}
    #sub .contents_wrap .contents .dictionary.st1 .st1_box1 .img::before{display: none;/*width: 450px; height: 129px;*/}

    #sub .contents_wrap .contents .dictionary.st1 .st1_box2 .text h5 em{display:block; margin-bottom: 18px;}

    #sub .contents_wrap .contents .dictionary.st1 .st1_box3 .text::before{left:auto; top: auto; bottom: -66px; right:-71px; opacity: 0.5; transform: scale(0.7);}

    #sub .contents_wrap .contents .dictionary.st1 .st1_box3 .text{padding-left: 0;}

    #sub .contents_wrap .contents .dictionary.st1 .st1_box3 .text h5{position: relative;}
    #sub .contents_wrap .contents .dictionary.st1 .st1_box3 .text h5::after{content: "";  position: absolute; top: -25px; bottom: -25px; left:-10px; width: 1048px; background: #9ac8e9; z-index: -2;}

    #sub .contents_wrap .contents .dictionary.st1 .st1_box3 .text::after{display: none; width: 1048px; top: -27px; height: 114px;}

    #sub .contents_wrap .contents .dictionary.st1 .text h5 span{margin-bottom: 28px;}
    #sub .contents_wrap .contents .dictionary.st1 .st1_box3 .text h5 span{margin-bottom: 45px;}

    #sub .contents_wrap .contents .dictionary.st1 .st1_box2 .img_box ul::after{top:0; height: 100%;}
    #sub .contents_wrap .contents .dictionary.st1 .st1_box2 .img_box ul{margin-top: 0;}

}

@media (max-width: 576px) {

    #sub .contents_wrap .contents .dictionary.st1 .st1_box3 .text::before{right:-95px; transform: scale(0.6);}

}

@media (max-width: 480px) {

    #sub .contents_wrap .contents .dictionary.st1 .st1_box2 .img_box ul{top: 0; bottom: 0;}

}

@media (max-width: 360px) {

    #sub .contents_wrap .contents .dictionary.st1 .st1_box2 .img_box ul li a::after{height: auto; top:0; bottom: 0;}

}

/* 댕댕여지도 사전_반려동물과교감하기 */
#sub .contents_wrap .contents .dictionary.st2{}
#sub .contents_wrap .contents .dictionary.st2 .dictionary_tit::before,
#sub .contents_wrap .contents .dictionary.st2 .dictionary_tit::after{background: #00a79d;}
#sub .contents_wrap .contents .dictionary.st2 span.info{margin: 30px 0 65px; display:block; font-size: 14px; color: #505050; text-align: right; line-height: 24px;}
#sub .contents_wrap .contents .dictionary.st2 ul.st2_list{position: relative;}
#sub .contents_wrap .contents .dictionary.st2 ul.st2_list::after{content: ""; position: absolute; left: 50%; top:0;  margin-left: -960px; width: 1920px; height: 1156px; background: url(../images/sub/st2_bg.jpg)no-repeat; z-index: -1;}
#sub .contents_wrap .contents .dictionary.st2 ul.st2_list li{ margin-bottom: 20px; position: relative; min-height: 150px; border: 1px solid #046fd9; text-align: center; border-radius: 80px; background: rgba(255,255,255,.8);}
#sub .contents_wrap .contents .dictionary.st2 ul.st2_list li:last-child{margin-bottom: 0;}
#sub .contents_wrap .contents .dictionary.st2 ul.st2_list li span{position: absolute; top: 50%; transform: translateY(-50%); left:-23px; display: block; width: 60px; height: 60px; line-height: 60px; font-size: 24px; font-family: 'S-CoreDream'; font-style: italic; background: #046fd9; border-radius: 50%; color: #fff; text-align: center; font-weight: 900;}
#sub .contents_wrap .contents .dictionary.st2 ul.st2_list li h6{margin-bottom: 19px; font-size: 20px; color: #000; line-height: 26px; font-weight: 500;}
#sub .contents_wrap .contents .dictionary.st2 ul.st2_list li p{line-height: 26px; font-weight: 300; color: #505050;}
#sub .contents_wrap .contents .dictionary.st2 ul.st2_list{padding: 0 97px 0 104px;}
#sub .contents_wrap .contents .dictionary.st2 ul.st2_list li:nth-child(1){padding: 26px 10px 26px;}
#sub .contents_wrap .contents .dictionary.st2 ul.st2_list li:nth-child(2){padding: 48px 10px 49px;}
#sub .contents_wrap .contents .dictionary.st2 ul.st2_list li:nth-child(2) h6{margin: 0;}
#sub .contents_wrap .contents .dictionary.st2 ul.st2_list li:nth-child(3){padding: 39px 10px 39px;}
#sub .contents_wrap .contents .dictionary.st2 ul.st2_list li:nth-child(4){padding: 40px 10px 39px;}
#sub .contents_wrap .contents .dictionary.st2 ul.st2_list li:nth-child(5){padding: 15px 10px 17px; border-radius: 130px;}
#sub .contents_wrap .contents .dictionary.st2 ul.st2_list li:nth-child(6){padding: 27px 10px 25px;}

@media (max-width: 1199px) {

    #sub .contents_wrap .contents .dictionary.st2 ul.st2_list{padding: 0 0 0 12px;}

    #sub .contents_wrap .contents .dictionary.st2 ul.st2_list li span{font-size: 22px; width: 50px; height: 50px; line-height: 50px;}

}

@media (max-width: 768px) {

    #sub .contents_wrap .contents .dictionary.st2 ul.st2_list li:nth-child(5){border-radius: 0;}
    #sub .contents_wrap .contents .dictionary.st2 ul.st2_list li span{top:-25px; left: 50%; transform: translateX(-50%);}
    #sub .contents_wrap .contents .dictionary.st2 ul.st2_list li{padding: 40px 10px!important; margin-bottom: 50px; border-radius: 0;}

}

/* 댕댕여지도 사전_동반여행체크리스트 */
#sub .contents_wrap .contents .dictionary.st3{}
#sub .contents_wrap .contents .dictionary.st3 .dictionary_tit::before,
#sub .contents_wrap .contents .dictionary.st3 .dictionary_tit::after{background: #fc7d17;}
#sub .contents_wrap .contents .dictionary.st3 ul.st3_list{margin: 62px 0 41px -58px; font-size: 0; text-align: center;}
#sub .contents_wrap .contents .dictionary.st3 ul.st3_list li{margin: 0 80px 70px 0; position: relative; /*float: left; width: 27.3%;*/ display: inline-block; width: 327px; border: 1px solid #c1c1c1; background: #fff;}
#sub .contents_wrap .contents .dictionary.st3 ul.st3_list li::after{content: ""; position: absolute; top:32px; left:27px; right: -29px; height: 444px; border: 2px solid #c1c1c1; z-index: -1;}
#sub .contents_wrap .contents .dictionary.st3 ul.st3_list li:last-child{margin-right: 0;}
#sub .contents_wrap .contents .dictionary.st3 ul.st3_list li a{position: relative; display: block; padding: 324px 18px 30px;}
#sub .contents_wrap .contents .dictionary.st3 ul.st3_list li a:hover span.hover{background: #034da2;}
#sub .contents_wrap .contents .dictionary.st3 ul.st3_list li a::before{content: ""; position: absolute; top:0; left: 50%; transform: translateX(-50%);}
#sub .contents_wrap .contents .dictionary.st3 ul.st3_list li:nth-child(1) a::before{top: 46px; width: 203px; height: 123px; background: url(../images/sub/st3_list1.png)no-repeat; }
#sub .contents_wrap .contents .dictionary.st3 ul.st3_list li:nth-child(2) a::before{top: 40px; width: 138px; height:125px; background: url(../images/sub/st3_list2.png)no-repeat;}
#sub .contents_wrap .contents .dictionary.st3 ul.st3_list li:nth-child(3) a::before{top: 53px; width:158px; height:113px; background: url(../images/sub/st3_list3.png)no-repeat;}
#sub .contents_wrap .contents .dictionary.st3 ul.st3_list li a::after{content: ""; position: absolute; top:0; left: 50%; transform: translateX(-50%); transition: all .5s;}
#sub .contents_wrap .contents .dictionary.st3 ul.st3_list li:nth-child(1) a:hover::after{top: 24px; width: 187px; height: 155px; background: url(../images/sub/st3_list1_hover.png)no-repeat;}
#sub .contents_wrap .contents .dictionary.st3 ul.st3_list li:nth-child(2) a:hover::after{top: 24px; width: 196px; height: 177px; background: url(../images/sub/st3_list2_hover.png)no-repeat;}
#sub .contents_wrap .contents .dictionary.st3 ul.st3_list li:nth-child(3) a:hover::after{top: 24px; width: 226px; height: 161px; background: url(../images/sub/st3_list3_hover.png)no-repeat;}
#sub .contents_wrap .contents .dictionary.st3 ul.st3_list li a:hover::before{display: none;}
#sub .contents_wrap .contents .dictionary.st3 ul.st3_list li a:hover{border: 2px solid #034da2;}
#sub .contents_wrap .contents .dictionary.st3 ul.st3_list li a span.hover{position: absolute; top:227px; right:-60px; display: block; width: 264px; height: 72px; line-height: 72px; background: #505050; text-align: center; font-size: 20px; color:#fff; border-radius: 7px; transition: all .3s;}
#sub .contents_wrap .contents .dictionary.st3 ul.st3_list li a p{text-align: center; line-height: 22px; color: #505050; font-size: 16px;}
#sub .contents_wrap .contents .dictionary.st3 div.st3_chk{margin-bottom: 72px;}
#sub .contents_wrap .contents .dictionary.st3 div.st3_chk .box{padding-left: 107px; float: left; width: 50%; margin-bottom: 34px;}
#sub .contents_wrap .contents .dictionary.st3 div.st3_chk .box input[type="checkbox"]{position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0;}
#sub .contents_wrap .contents .dictionary.st3 div.st3_chk .box label{padding-left: 46px; position: relative; font-size: 20px; color: #000; line-height: 26px; cursor: pointer;}
#sub .contents_wrap .contents .dictionary.st3 div.st3_chk .box label::before{content: ""; position: absolute; left:0; top: -1px; width: 28px; height: 28px; border: 4px solid #034da2; box-sizing: border-box;}
#sub .contents_wrap .contents .dictionary.st3 div.st3_chk .box label::after{display: none; content: ""; position: absolute; left:1px; top: -5px; width: 33px; height: 26px; background: url(../images/sub/check.png)no-repeat;}
#sub .contents_wrap .contents .dictionary.st3 div.st3_chk .box input[type="checkbox"]:checked + label::after{display: block;}
#sub .contents_wrap .contents .dictionary.st3 .st3_info{position: relative; border: 1px solid #c1c1c1; border-radius: 20px;}
#sub .contents_wrap .contents .dictionary.st3 .st3_info strong{display:block; width: 90px; height: 35px; line-height: 32px; position: absolute; top:-17px; left:29px; text-align: center; border-radius: 50px; border: 1px solid #ddd; color: #fff; font-size: 18px; font-weight: 500; background: #034da2;}
#sub .contents_wrap .contents .dictionary.st3 .st3_info ul{padding: 28px 126px 24px 129px; }
#sub .contents_wrap .contents .dictionary.st3 .st3_info ul li{color: #505050; line-height: 24px;}
#sub .contents_wrap .contents .dictionary.st3 div.st3_chk .box2 label{color: #fcaf17;}
#sub .contents_wrap .contents .dictionary.st3 div.st3_chk .box2 label::after{display: none; content: ""; position: absolute; left:1px; top: -5px; width: 33px; height: 26px; background: url(../images/sub/check3.png)no-repeat;}

@media (max-width: 1199px) {

    #sub .contents_wrap .contents .dictionary.st3 div.st3_chk .box{padding-left: 0;}
    #sub .contents_wrap .contents .dictionary.st3 .st3_info ul{padding: 28px 10px 24px 10px;}

    #sub .contents_wrap .contents .dictionary.st3 div.st3_chk .box label{padding-left: 36px; font-size: 18px; line-height: 24px;}
    #sub .contents_wrap .contents .dictionary.st3 div.st3_chk .box label::before{width: 24px; height: 24px;}
    #sub .contents_wrap .contents .dictionary.st3 div.st3_chk .box input[type="checkbox"]:checked + label::after{transform: scale(0.9);}

    #sub .contents_wrap .contents .dictionary.st3 ul.st3_list{margin: 62px 0 41px;}
    #sub .contents_wrap .contents .dictionary.st3 ul.st3_list li{width: 306px; margin: 0 91px 70px;}
    #sub .contents_wrap .contents .dictionary.st3 ul.st3_list li:last-child{margin-right: 91px;}
    #sub .contents_wrap .contents .dictionary.st3 ul.st3_list li a{padding: 285px 5px 30px;}

    #sub .contents_wrap .contents .dictionary.st3 ul.st3_list li:nth-child(1) a::before{transform: translateX(-50%) scale(0.9);}
    #sub .contents_wrap .contents .dictionary.st3 ul.st3_list li a span.hover{top: 197px; width: 201px; height: 56px; line-height: 56px; font-size: 18px;}
    #sub .contents_wrap .contents .dictionary.st3 ul.st3_list li::after{height: 396px;}

}

@media (max-width: 1024px) {

    #sub .contents_wrap .contents .dictionary.st3 ul.st3_list{margin-bottom: 10px;}
    #sub .contents_wrap .contents .dictionary.st3 div.st3_chk{margin-bottom: 50px;}
    #sub .contents_wrap .contents .dictionary.st3 ul.st3_list li{margin: 0 60px 70px;}
    #sub .contents_wrap .contents .dictionary.st3 ul.st3_list li a span.hover{top: 203px; width: 191px; height: 50px; line-height: 50px; font-size: 16px;}
    #sub .contents_wrap .contents .dictionary.st3 div.st3_chk .box{margin-bottom: 20px;}

}

@media (max-width: 768px) {

    #sub .contents_wrap .contents .dictionary.st3 div.st3_chk .box{width: 100%;}

}

@media (max-width: 480px) {

    #sub .contents_wrap .contents .dictionary.st3 ul.st3_list li{width: 100%; margin: 0 0 30px;}
    #sub .contents_wrap .contents .dictionary.st3 ul.st3_list li a span.hover{right: auto; left: 50%; transform: translateX(-50%);}
    #sub .contents_wrap .contents .dictionary.st3 ul.st3_list li::after{display: none;}

}

/* 댕댕여지도 사전_동물등록제캠페인 */
#sub .contents_wrap .contents .dictionary .dictionary_img .img::after{}



#sub .contents_wrap .contents .dictionary.st4{text-align: center;}
#sub .contents_wrap .contents .dictionary.st4 .dictionary_tit::before,
#sub .contents_wrap .contents .dictionary.st4 .dictionary_tit::after{background: #034da2;}
#sub .contents_wrap .contents .dictionary.st4 h5{margin: 94px 0 42px; display: inline-block; width: 223px;height: 53px; line-height: 53px; background:#034da2; border-radius: 50px; font-size: 26px; color: #fff; font-weight: 500; text-align: center;}
#sub .contents_wrap .contents .dictionary.st4 h5 + p{margin-bottom: 255px; font-size: 18px; color: #000; line-height: 30px;}
#sub .contents_wrap .contents .dictionary.st4 ul.st4_list{position: relative; font-size: 0; text-align: center;}
#sub .contents_wrap .contents .dictionary.st4 ul.st4_list::before{content: ""; position: absolute; top:-204px; left: 50%; transform: translateX(-50%); width: 88px; height: 78px; background: url(../images/sub/st4_icon.png)no-repeat;}
#sub .contents_wrap .contents .dictionary.st4 ul.st4_list{margin: 0 -30.5px;}
#sub .contents_wrap .contents .dictionary.st4 ul.st4_list > li{position: relative; /*float: left;*/ display: inline-block; width: 359px; margin: 0 30.5px 70px;}
#sub .contents_wrap .contents .dictionary.st4 ul.st4_list li h6{position: relative; margin-bottom: 13px; font-family: 'S-CoreDream'; font-weight: 700; font-size: 24px; color: #39b54a;}
#sub .contents_wrap .contents .dictionary.st4 ul.st4_list li h6::after{content: ""; width: 20px; height: 20px; position: absolute; top:-35px; left: 50%; transform: translateX(-50%); background: #39b54a; border-radius: 50%;}
#sub .contents_wrap .contents .dictionary.st4 ul.st4_list > li:nth-child(1)::before{content: ""; position: absolute; top: -83px; left: 178px; right: -240px; height: 43px; background: url(../images/sub/border1.png)no-repeat;}
#sub .contents_wrap .contents .dictionary.st4 ul.st4_list > li:nth-child(2)::before{content: ""; position: absolute; top: -80px; width: 2px; height: 41px; background: url(../images/sub/border2.png)no-repeat;}
#sub .contents_wrap .contents .dictionary.st4 ul.st4_list > li:nth-child(3)::before{content: ""; transform: rotateY(180deg); position: absolute; top: -83px; left: -240px; right: 178PX; height: 43px; background: url(../images/sub/border1.png)no-repeat;}
#sub .contents_wrap .contents .dictionary.st4 ul.st4_list li:nth-child(2) h6::after{background: #1489cf;}
#sub .contents_wrap .contents .dictionary.st4 ul.st4_list li:nth-child(2) h6{color: #1489cf;}
#sub .contents_wrap .contents .dictionary.st4 ul.st4_list li:nth-child(2) .box{border-color:#1489cf; }
#sub .contents_wrap .contents .dictionary.st4 ul.st4_list li:nth-child(2) .box .text{border-color: #1489cf;}
#sub .contents_wrap .contents .dictionary.st4 ul.st4_list li:nth-child(3) h6::after{background: #7ab5c7;}
#sub .contents_wrap .contents .dictionary.st4 ul.st4_list li:nth-child(3) h6{color: #7ab5c7;}
#sub .contents_wrap .contents .dictionary.st4 ul.st4_list li:nth-child(3) .box{border-color:#7ab5c7; }
#sub .contents_wrap .contents .dictionary.st4 ul.st4_list li:nth-child(3) .box .text{border-color: #7bb5c7;}
#sub .contents_wrap .contents .dictionary.st4 ul.st4_list li .box{position: relative; height: 360px; border: 20px solid #39b54a; border-radius: 50%;}
#sub .contents_wrap .contents .dictionary.st4 ul.st4_list li .box .text{position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%); width: 280px; height: 280px; border: 2px solid #39b54a; border-radius: 50%;}
#sub .contents_wrap .contents .dictionary.st4 ul.st4_list li .box .text > div{position: absolute; width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%);}
#sub .contents_wrap .contents .dictionary.st4 ul.st4_list li .box .text ul li{display:block; margin-bottom: 11px; font-size: 18px; color: #505050; font-weight: 500; line-height: 28px;}
#sub .contents_wrap .contents .dictionary.st4 ul.st4_list li .box .text p{line-height: 28px; font-size: 18px; color: #505050; font-weight: 500;}

@media (max-width: 1199px) {

    #sub .contents_wrap .contents .dictionary .dictionary_img{margin-top: -126px;}
    #sub .contents_wrap .contents .dictionary.st4 h5{width: 200px; height: 48px; line-height: 46px; font-size: 24px;}
    #sub .contents_wrap .contents .dictionary .dictionary_img p{font-size: 16px; line-height: 24px;}
    #sub .contents_wrap .contents .dictionary.st4 h5 + p{font-size: 16px; line-height: 28px;}

    #sub .contents_wrap .contents .dictionary.st4 ul.st4_list > li:nth-child(1)::before,
    #sub .contents_wrap .contents .dictionary.st4 ul.st4_list > li:nth-child(2)::before,
    #sub .contents_wrap .contents .dictionary.st4 ul.st4_list > li:nth-child(3)::before{display: none;}

    #sub .contents_wrap .contents .dictionary.st4 h5 + p{margin-bottom: 210px;}
    #sub .contents_wrap .contents .dictionary.st4 ul.st4_list::before{top: -157px; transform: translateX(-50%) scale(0.9);}
    #sub .contents_wrap .contents .dictionary.st4 ul.st4_list li h6::after{width: 15px; height: 15px;}

    #sub .contents_wrap .contents .dictionary.st4 ul.st4_list li h6{font-size: 22px;}

    #sub .contents_wrap .contents .dictionary.st4 ul.st4_list > li{width: 330px;}
    #sub .contents_wrap .contents .dictionary.st4 ul.st4_list li .box{height: 330px; border: 15px solid #39b54a;}
    #sub .contents_wrap .contents .dictionary.st4 ul.st4_list li .box .text{width: 260px; height: 260px;}

    #sub .contents_wrap .contents .dictionary.st4 ul.st4_list li .box .text p{font-size: 16px; line-height: 26px;}
    #sub .contents_wrap .contents .dictionary.st4 ul.st4_list li .box .text ul li{font-size: 16px; line-height: 26px;}

}

@media (max-width: 1024px) {

    #sub .contents_wrap .contents .dictionary.st4 ul.st4_list > li{width: 320px;}
    #sub .contents_wrap .contents .dictionary.st4 ul.st4_list li .box{height: 320px; border: 12px solid #39b54a;}
    #sub .contents_wrap .contents .dictionary.st4 ul.st4_list li .box .text{width: 260px; height: 260px;}

    #sub .contents_wrap .contents .dictionary .dictionary_img{margin-top: -130px;}
    #sub .contents_wrap .contents .dictionary.st4 h5{margin: 30px 0;}

    #sub .contents_wrap .contents .dictionary.st4 h5{width: 180px; height: 46px; line-height: 44px; font-size: 22px;}


    #sub .contents_wrap .contents .dictionary.st4 ul.st4_list li .box .text p{font-size: 15px; line-height: 25px;}
    #sub .contents_wrap .contents .dictionary.st4 ul.st4_list li .box .text ul li{font-size: 15px; line-height: 25px;}

}

@media (max-width: 768px) {

    #sub .contents_wrap .contents .dictionary .dictionary_img{margin-top: -150px;}
    #sub .contents_wrap .contents .dictionary.st4 h5{width: 170px; height: 40px; line-height: 38px; font-size: 20px;}

    #sub .contents_wrap .contents .dictionary.st4 ul.st4_list > li{width: 300px;}
    #sub .contents_wrap .contents .dictionary.st4 ul.st4_list li .box{height: 300px;}
    #sub .contents_wrap .contents .dictionary.st4 ul.st4_list li .box .text{width: 240px; height: 240px;}

}

@media (max-width: 480px) {

    #sub .contents_wrap .contents .dictionary.st4 ul.st4_list > li{width: 290px;}
    #sub .contents_wrap .contents .dictionary.st4 ul.st4_list li .box{height: 290px;}
    #sub .contents_wrap .contents .dictionary.st4 ul.st4_list li .box .text{}

}

@media (max-width: 414px) {

    #sub .contents_wrap .contents .dictionary.st4 ul.st4_list > li{width: 270px;}
    #sub .contents_wrap .contents .dictionary.st4 ul.st4_list li .box{height: 270px;}
    #sub .contents_wrap .contents .dictionary.st4 ul.st4_list li .box .text{width: 230px; height: 230px;}

    #sub .contents_wrap .contents .dictionary .dictionary_img .img{margin-bottom: 40px;}

}

/* 댕댕여지도 사전_댕댕이교통정보*/
#sub .contents_wrap .contents .dictionary.st5{}
#sub .contents_wrap .contents .dictionary.st5 .dictionary_tit::before,
#sub .contents_wrap .contents .dictionary.st5 .dictionary_tit::after{background: #2653a8;}
#sub .contents_wrap .contents .dictionary.st5 li{float: left; width: 25%;}
#sub .contents_wrap .contents .dictionary.st5 li a{display:block; height: 45px; line-height: 45px; text-align: center; font-size: 18px; color: #000; font-weight: 500; border: 1px solid #c1c1c1; border-bottom: none;}
#sub .contents_wrap .contents .dictionary.st5 li.active{}
#sub .contents_wrap .contents .dictionary.st5 li.active a{border: 2px solid #034da2; border-bottom: none;}
#sub .contents_wrap .contents .dictionary.st5 .tab_box{margin: 107px 0 7px;}
#sub .contents_wrap .contents .dictionary.st5 .st5_tab_contents{padding: 109px 10px 81px 77px; border: 1px solid #c1c1c1; border-top: none;}
#sub .contents_wrap .contents .dictionary.st5 .st5_tab_contents .img{float: left; width: 426px;}
#sub .contents_wrap .contents .dictionary.st5 .st5_tab_contents .img img{display: block; width: 100%;}
#sub .contents_wrap .contents .dictionary.st5 .st5_tab_contents .text{padding:27px 0 0 136px; float: left; width: calc(100% - 426px);}
#sub .contents_wrap .contents .dictionary.st5 .st5_tab_contents .text .img2{padding-left: 19px; font-size: 0;}
#sub .contents_wrap .contents .dictionary.st5 .st5_tab_contents .text .img2 img{display: inline-block; margin:0 54px 15px 0;}
#sub .contents_wrap .contents .dictionary.st5 .st5_tab_contents .text .img2 img:last-child{margin-right: 0;}
#sub .contents_wrap .contents .dictionary.st5 .st5_tab_contents .text h5{position: relative; padding-left: 19px; margin-bottom: 11px; font-size: 20px; color:#034da2; font-weight: 700; line-height: 26px;}
#sub .contents_wrap .contents .dictionary.st5 .st5_tab_contents .text h5::before{content: ""; position: absolute; top:8px; left: 0; width: 10px; height: 10px; border-radius: 50%; background: #034da2;}
#sub .contents_wrap .contents .dictionary.st5 span.info{margin-bottom: 58px; display: block; font-size: 14px; color: #505050; text-align: right;}
#sub .contents_wrap .contents .dictionary.st5 .st5_tab_contents .text p{padding-left: 19px; margin-bottom: 7px; color: #242424; line-height: 24px;}
#sub .contents_wrap .contents .dictionary.st5 .st5_tab_contents .text span{display: block; padding-left: 19px; font-size: 14px; color: #505050; line-height: 20px;}
#sub .contents_wrap .contents .dictionary.st5 .st5_tab_contents .text img{/*padding-left: 19px;*/}
#sub .contents_wrap .contents .dictionary.st5 .st5_tab_contents .train .text span{margin-bottom: 91px;}
#sub .contents_wrap .contents .dictionary.st5 .st5_tab_contents .airplane .text span{margin-bottom: 72px;}
#sub .contents_wrap .contents .dictionary.st5 .st5_text{padding: 44px 10px 20px; position: relative; text-align: center; border: 1px solid #c1c1c1;}
#sub .contents_wrap .contents .dictionary.st5 .st5_text h5{width: 200px; height: 42px; line-height: 42px; position: absolute; left: 50%; transform: translateX(-50%); top:-23px; font-size: 18px; color: #505050; border: 1px solid #c1c1c1; border-radius: 50px; background:#fff;}
#sub .contents_wrap .contents .dictionary.st5 .st5_text h6{margin-bottom: 17px; color: #505050; font-weight: 500;}
#sub .contents_wrap .contents .dictionary.st5 .st5_text p{line-height: 28px;}

@media (max-width: 1199px) {

    #sub .contents_wrap .contents .dictionary.st5 .st5_tab_contents{padding: 109px 10px 50px 77px;}
    #sub .contents_wrap .contents .dictionary.st5 li a{font-size: 16px;}
    #sub .contents_wrap .contents .dictionary.st5 .st5_tab_contents .text p,
    #sub .contents_wrap .contents .dictionary.st5 .st5_tab_contents .text span{padding-left: 17px;}
    #sub .contents_wrap .contents .dictionary.st5 .st5_tab_contents .text h5{padding-left: 17px; font-size: 18px; line-height: 24px;}
    #sub .contents_wrap .contents .dictionary.st5 .st5_tab_contents .text h5::before{width: 8px; height: 8px;}

}

@media (max-width: 1024px) {

    #sub .contents_wrap .contents .dictionary.st5 .st5_tab_contents{}
    #sub .contents_wrap .contents .dictionary.st5 .st5_tab_contents .text{padding-left: 60px;}

    #sub .contents_wrap .contents .dictionary.st5 .tab_box{margin-top: 40px;}

    #sub .contents_wrap .contents .dictionary.st5 .st5_tab_contents .text span{margin-bottom: 40px!important;}

}

@media (max-width: 768px) {

    #sub .contents_wrap .contents .dictionary.st5 .st5_tab_contents{padding: 122px 10px 30px;}
    #sub .contents_wrap .contents .dictionary.st5 .st5_tab_contents .text{padding-left: 30px;}

    #sub .contents_wrap .contents .dictionary.st5 .st5_tab_contents .img{width: 60.4%;}
    #sub .contents_wrap .contents .dictionary.st5 .st5_tab_contents .text{width: 39.6%;}

}

@media (max-width: 576px) {

    #sub .contents_wrap .contents .dictionary.st5 .st5_tab_contents .text{padding-left: 0;}
    #sub .contents_wrap .contents .dictionary.st5 .st5_tab_contents .img{width: 100%; float: none;}
    #sub .contents_wrap .contents .dictionary.st5 .st5_tab_contents .text{width: 100%; float: none;}

    #sub .contents_wrap .contents .dictionary.st5 li{width: 50%; margin-right: -1px;}

}

/* 테마별여행 */
#sub .contents_wrap .contents .theme{padding: 26px 0 0; }
#sub .contents_wrap .contents .theme .theme_tit{margin-bottom: 66px; padding: 85px 0 0; position: relative;  height: 318px; text-align: center;}
#sub .contents_wrap .contents .theme .theme_tit h3{margin-bottom: 22px;}
#sub .contents_wrap .contents .theme .theme_tit .text{max-width: 590px; margin: 0 auto; font-size: 0;}
#sub .contents_wrap .contents .theme .theme_tit .text2{max-width: 409px; }
#sub .contents_wrap .contents .theme .theme_tit .text span{display: inline-block; margin:0 16px 3px 0; line-height: 18px; color:#000; font-size: 16px;}
#sub .contents_wrap .contents .theme .theme_tit .text span:last-child{margin-right: 0;}
#sub .contents_wrap .contents .theme .theme_tit::before{content: ""; position: absolute; top:-318px; width: 1920px; height: 100%; left: 50%; margin-left: -960px; background: #fff; z-index: -1;}
#sub .contents_wrap .contents .theme .theme_tit::after{content: ""; width: 1920px; height: 100%; position: absolute; top:0; left: 50%; margin-left: -960px; background: url(../images/sub/theme_bg4.jpg)no-repeat; z-index: -2; background-size: cover; transition-property:transform; transition-duration:5000ms; transition-timing-function:ease-in-out; animation: active 5s 0.1s;}

@keyframes active {

    0%{transform:scale(1.2);}
    100%{transform:scale(1.0);}

}

#sub .contents_wrap .contents .theme ul.theme_list{margin: 0 auto 136px; text-align: center; font-size: 0;}
#sub .contents_wrap .contents .theme ul.theme_list li{display: inline-block; margin-right: 2%; width: 23.5%; text-align: center;}
#sub .contents_wrap .contents .theme ul.theme_list li:last-child{margin-right: 0;}
#sub .contents_wrap .contents .theme ul.theme_list li .img{position: relative; height: 0; padding-top: 70.7%; margin-bottom: 22px; }
#sub .contents_wrap .contents .theme ul.theme_list li .img img{position: absolute; top:0; left:0; right:0; bottom: 0; width: 100%; height: 100%; object-fit: cover;}
#sub .contents_wrap .contents .theme ul.theme_list li span{display: block; margin-bottom: 16px; font-family: 'Eulyoo1945'; color: #000; font-size: 18px; }
#sub .contents_wrap .contents .theme ul.theme_list li strong{font-size: 18px; color: #000; font-weight: 700;}
#sub .contents_wrap .contents .theme ul.theme_list2{margin-bottom: 154px;}
#sub .contents_wrap .contents .theme ul.theme_list2 + p{margin-bottom: 132px;}
#sub .contents_wrap .contents .theme > p{margin-bottom: 94px; font-size: 26px; color: #000; line-height: 27px; text-align:center; font-family: 'OTEnjoystoriesBA';}
#sub .contents_wrap .contents .theme .theme_box{margin-bottom: 52px;}
#sub .contents_wrap .contents .theme .theme_box .left{float: left; width: 66.7%;}
#sub .contents_wrap .contents .theme .theme_box .left .img{position: relative; padding-top: 63.8%; max-width: 700px; height: 0; margin-bottom: 78px;}
#sub .contents_wrap .contents .theme .theme_box .left .img::before{content: ""; position: absolute; top:0; left:0; border: 3px solid #9aa980;}
#sub .contents_wrap .contents .theme .theme_box .left .img img{position: absolute;; top:0; left:0; right:0; bottom: 0; width: 100%; height: 100%; object-fit: cover;}
#sub .contents_wrap .contents .theme .theme_box .left p{position: relative; padding:0 24px 0 92px; font-size: 18px; color: #000; font-family: 'Eulyoo1945'; line-height: 26px;}
#sub .contents_wrap .contents .theme .theme_box .left p::before{content: ""; position: absolute; top:-17px; left:91px; right:0; height: 3px; background:#9aa980; }
#sub .contents_wrap .contents .theme .theme_box .left p::after{content: ""; position: absolute; top:-78px; left:91px; width: 3px; height: 63px; background:#9aa980; }
#sub .contents_wrap .contents .theme .theme_box .right{position: relative; float: right; padding:59px 0 0 0;;/*padding-top: 237px;*/ width: 33.3%; margin-bottom: 21px;}
#sub .contents_wrap .contents .theme .theme_box .right span{position: relative; display: block; margin-bottom: 148px; width: 70px; /*position: absolute; top:58px; left:19px;*/ font-size: 40px; font-weight: 300; color:#000; background: #fff; line-height: 0.8; z-index: 99; text-align: center;}
#sub .contents_wrap .contents .theme .theme_box .right .img{position: relative; max-width: 399px; height: 0; padding-top: 103.4%;}
#sub .contents_wrap .contents .theme .theme_box .right .img img{position: absolute; top:0; left:0; right:0; bottom: 0; width: 100%; height: 100%; object-fit: cover;}
#sub .contents_wrap .contents .theme .theme_box .right h4{position: relative; margin-bottom: 22px; font-size: 28px; color: #000; font-weight: 700;}
#sub .contents_wrap .contents .theme .theme_box .right h4 strong{position: relative; padding-left: 113px;}
#sub .contents_wrap .contents .theme .theme_box .right h4 strong::before{content: ""; position: absolute; top: -158px; left: -100px; width: 192px; height: 212px; border: 3px solid #9aa980; border-width: 3px 3px 0 0;}
#sub .contents_wrap .contents .theme .theme_box .button_box{clear: both;}
#sub .contents_wrap .contents .theme .theme_box .button_box a{position: relative; padding: 0 16px 0 45px; text-align: left; color: #000; font-weight: 400; background: #fff;}
#sub .contents_wrap .contents .theme .theme_box .button_box a::after{content: ""; width: 22px; height: 22px; position: absolute; top: 50%; transform: translateY(-50%); left:15px; background: url(../images/sub/btn_icon.png)no-repeat;}
#sub .contents_wrap .contents .theme .theme_box .button_box a:hover::after{background: url(../images/sub/btn_icon2.png)no-repeat;}
#sub .contents_wrap .contents .theme .theme_box .button_box a:hover{color: #fff;}
#sub .contents_wrap .contents .theme .theme_box2{padding: 43px 0 34px; position: relative;}
#sub .contents_wrap .contents .theme .theme_box2::before{content: ""; top:0; position: absolute; left: 50%; margin-left: -960px; width: 1920px; height: 100%; background: #f7f7f7; z-index: -1;}
#sub .contents_wrap .contents .theme .theme_box2 .right{margin-bottom: 0; padding: 43px 0 0 29px; width: 66.7%;}
#sub .contents_wrap .contents .theme .theme_box2 .right span{display: inline-block; margin-bottom: 12px!important; margin-right: 58px; background: 0; background: #f7f7f7;}
#sub .contents_wrap .contents .theme .theme_box2 .right .img{max-width: 700px; padding-top: 65.8%;}
#sub .contents_wrap .contents .theme .theme_box2 .left{width: 33.3%;}
#sub .contents_wrap .contents .theme .theme_box2 .left p{padding-left: 0;}
#sub .contents_wrap .contents .theme .theme_box2 .left .img{max-width: 700px; margin-bottom: 22px; padding-top: 103.4%;}
#sub .contents_wrap .contents .theme .theme_box2 .button_box{position: absolute; top:43px; left:0; margin-left: 35.6%;}
#sub .contents_wrap .contents .theme .theme_box2 .left p::before,
#sub .contents_wrap .contents .theme .theme_box2 .left p::after{display: none;}
#sub .contents_wrap .contents .theme .theme_box2 .right h4{text-align: right;}
#sub .contents_wrap .contents .theme .theme_box2 .right h4 strong{position: relative; display:block;  padding-left:0; margin-left: 305px; text-align: left;}
#sub .contents_wrap .contents .theme .theme_box2 .right h4 strong::before{padding-top: 105.7%; left:-36px; top:-27px; right: 33px; width: auto; height: auto; border-width: 3px;}

@media (max-width: 1199px) {

    #sub .contents_wrap .contents .theme .theme_tit h3 img{transform: scale(0.9);}
    #sub .contents_wrap .contents .theme .theme_tit::before{right: 0; transform: scale(0.9);}

    #sub .contents_wrap .contents .theme ul.theme_list{width: auto;}

    #sub .contents_wrap .contents .theme .theme_box .right .img{margin-bottom: 21px;}

    #sub .contents_wrap .contents .theme .theme_box .right h4::before{bottom: -34px;}

    #sub .contents_wrap .contents .theme .theme_box .right h4{margin-bottom: 18px; font-size: 24px;}
    #sub .contents_wrap .contents .theme .theme_box .left p{font-size: 16px; line-height: 24px;}
    #sub .contents_wrap .contents .theme .theme_box .right span{margin-bottom: 144px; font-size: 36px;}
    #sub .contents_wrap .contents .theme .theme_box .right{padding-top: 55px;}


    #sub .contents_wrap .contents .theme .theme_box2 .button_box{position: static;}
    #sub .contents_wrap .contents .theme .theme_box2 .right h4 strong{margin-left: 113px;}

    #sub .contents_wrap .contents .theme .theme_box2 .right h4 strong::before{padding-top: 75%; right:21px;}

}

@media (max-width: 999px) {

    #sub .contents_wrap .contents .theme ul.theme_list{margin:-30px 0 60px;}
    #sub .contents_wrap .contents .theme .theme_tit h3 img{transform: scale(0.8);}
    #sub .contents_wrap .contents .theme .theme_tit::before{transform: scale(0.8);}
    #sub .contents_wrap .contents .theme{padding-top: 90px;}

    #sub .contents_wrap .contents .theme ul.theme_list li{width: 48%; margin: 0 1% 30px!important;}

    #sub .contents_wrap .contents .theme .theme_box2 .left p{padding: 0!important;}
    #sub .contents_wrap .contents .theme .theme_box .left p{padding-left: 30px;}
    #sub .contents_wrap .contents .theme .theme_box .left p::after{left: 30px;}
    #sub .contents_wrap .contents .theme .theme_box .left p::before{left: 30px;}

    #sub .contents_wrap .contents .theme ul.theme_list{margin-bottom: 34px;}
    #sub .contents_wrap .contents .theme > p{margin-bottom: 70px;}

    #sub .contents_wrap .contents .theme ul.theme_list2{margin-bottom: 34px;}
    #sub .contents_wrap .contents .theme ul.theme_list2 + p{margin-bottom: 70px;}

    #sub .contents_wrap .contents .theme .theme_box .right span{font-size: 32px; margin-bottom: 140px;}
    #sub .contents_wrap .contents .theme .theme_box .right h4 strong{padding-left: 20px;}
    #sub .contents_wrap .contents .theme .theme_box .right h4 strong::before{display: none;}
    #sub .contents_wrap .contents .theme .theme_box .right{padding-top: 51px;}

    #sub .contents_wrap .contents .theme .theme_box2 .right .img::before{display: none;}
    #sub .contents_wrap .contents .theme .theme_box2 .right h4 strong::before{padding-top: 62%; left:0; display: block;}
    #sub .contents_wrap .contents .theme .theme_box2 .right h4 strong{margin-left: 0;}

    #sub .contents_wrap .contents .theme .theme_box{margin-bottom: 24px;}
    #sub .contents_wrap .contents .theme .theme_box2{padding-top: 30px;}

    #sub .contents_wrap .contents .theme .theme_box .right h4{margin-bottom: 14px; font-size: 20px;}

    #sub .contents_wrap .contents .theme .theme_box .right .img{position: relative;}
    #sub .contents_wrap .contents .theme .theme_box .right .img::before{content: ""; position: absolute; top: -189px; right: 21px; width: 256px; height: 300px; border: 3px solid #9aa980; border-width: 3px 3px 0 0;}

}

@media (max-width: 768px) {
    #sub .contents_wrap .contents .map_box .map_img{height: 524px!important;}
}

@media (max-width: 639px) {

    #sub .contents_wrap .contents .theme .theme_tit{padding-top: 72px;}
    #sub .contents_wrap .contents .theme .theme_tit h3 img{transform: scale(0.7);}

    #sub .contents_wrap .contents .theme{padding-top: 43px;}
    #sub .contents_wrap .contents .theme.st2 ul.theme_list2 li{width: 48%; margin: 0 1% 30px!important;}

    #sub .contents_wrap .contents .theme .theme_box .right{float: none; width: 100%; padding: 0;}
    #sub .contents_wrap .contents .theme .theme_box .left{float: none; width: 100%;}
    #sub .contents_wrap .contents .theme .theme_box .right .img{width: 100%; max-width: none;}
    #sub .contents_wrap .contents .theme .theme_box .right span{font-size: 28px; margin-bottom: 136px; margin:0 auto 30px;}

    #sub .contents_wrap .contents .theme .theme_box .left p{padding: 0; margin-bottom: 36px;}

    #sub .contents_wrap .contents .theme .theme_box2 .right span{margin-bottom: 30px!important; display: block; text-align: center;}
    #sub .contents_wrap .contents .theme .theme_box2{margin-bottom: 30px;}

    #sub .contents_wrap .contents .theme .theme_box2 .button_box{margin: 0; position: static;}

    #sub .contents_wrap .contents .theme .theme_box .left .img{margin-bottom: 30px;}

    #sub .contents_wrap .contents .theme .theme_box .left p::after,
    #sub .contents_wrap .contents .theme .theme_box .left p::before{display: none;}

    #sub .contents_wrap .contents .theme .theme_box .button_box .skinTxa-right{text-align: center;}

    #sub .contents_wrap .contents .map_box{ height: 580px;}
    #sub .contents_wrap .contents .map_box .map_img{height: 385px!important;}

    #sub .contents_wrap .contents .course_all{width: 100%; top: auto; bottom: -166px; left: 0; height: auto;}
    #sub .contents_wrap .contents .theme .theme_box .right .img::before{display: none;}

    #sub .contents_wrap .contents .theme .theme_box .right h4 strong{padding: 0;}
    #sub .contents_wrap .contents .theme .theme_box .right h4{text-align: center;}

    #sub .contents_wrap .contents .theme .theme_box2 .right h4 strong::before{display: none;}
    #sub .contents_wrap .contents .theme .theme_box2 .right h4 strong{display: inline-block;}

}

@media (max-width: 480px) {

    #sub .contents_wrap .contents .theme ul.theme_list{margin-top: -60px;}
    #sub .contents_wrap .contents .theme ul.theme_list li{width: 100%; margin: 0 0 30px!important;}
    #sub .contents_wrap .contents .theme.st2 ul.theme_list2 li{width: 100%; margin: 0 0 30px!important;}

    #sub .contents_wrap .contents .map_box{ height: 580px;}
    #sub .contents_wrap .contents .map_box .map_img{height: 385px!important}

    #sub .contents_wrap .contents .theme .theme_tit h3 img{display: block; width: 100%; transform: scale(0.6);}
    #sub .contents_wrap .contents .theme .theme_tit{padding-top:52px;}

}

/* 테마별여행_바다보러 가게 */
#sub .contents_wrap .contents .theme.st2 .theme_tit::after{background: url(../images/sub/theme_bg2.jpg)no-repeat;}

/* 테마별여행_산책하기 좋은 날 */
#sub .contents_wrap .contents .theme.st1 .theme_tit::after{background: url(../images/sub/theme_bg1.jpg)no-repeat;}

/* 테마별여행_맛있는 여행 */
#sub .contents_wrap .contents .theme.st5 .theme_tit::after{background: url(../images/sub/theme_bg5.jpg)no-repeat;}

/* 테마별여행_호캉스?개캉스!*/
#sub .contents_wrap .contents .theme.st3 .theme_tit::after{background: url(../images/sub/theme_bg3.jpg)no-repeat;}

/* 대형견 추천 여행 */
#sub .contents_wrap .contents .large_dog{padding: 67px 0 0 0;}
#sub .contents_wrap .contents .large_dog .box{margin-bottom: 109px;}
#sub .contents_wrap .contents .large_dog .box h3{padding-left: 9px; margin-bottom: 16px;}
#sub .contents_wrap .contents .large_dog .box h3 img{display: block;}
#sub .contents_wrap .contents .large_dog .box span{margin:0 0 8px 24px; position: relative; display: block; width: 80px; height: 20px; line-height: 18px; background: #6c6ee8; color: #fff; font-size: 14px; text-align: center; border-radius: 50px;}
#sub .contents_wrap .contents .large_dog .box span::before{content: "!"; position: absolute; left:-14px; top: 50%; transform: translateY(-50%); width: 20px; height: 20px; border-radius: 50%; background:#fcaf17; color: #fff; text-align: center;}
#sub .contents_wrap .contents .large_dog .box span + ul{margin-bottom: 29px; padding-left: 12px; }
#sub .contents_wrap .contents .large_dog .box span + ul li{margin-bottom: 2px; font-size: 14px; color: #505050; line-height: 16px;}
#sub .contents_wrap .contents .large_dog .box > p{padding-left: 28px; margin-bottom: 43px; line-height: 34px; font-family: 'OTEnjoystoriesBA'; font-size: 30px; color: #000; font-weight: 400;}
#sub .contents_wrap .contents .large_dog .box{position: relative; padding-left: 40px;}
#sub .contents_wrap .contents .large_dog .box::after{content: ""; position: absolute; top:-52px; right:-106px; width: 745px; height: 621px; background: url(../images/sub/bg6.png)no-repeat; z-index: -2;}
#sub .contents_wrap .contents .large_dog .box::before{content: ""; position: absolute; top:-43px; right:-322px; width: 819px; height: 556px; background: url(../images/sub/bg7.png)no-repeat; z-index: -1;}
#sub .contents_wrap .contents .large_dog .check_box{padding: 17px 0 19px; position: relative; width: 715px; min-height: 271px; border-radius: 20px; background: url(../images/sub/bg3.png)no-repeat; background-size: cover;}
#sub .contents_wrap .contents .large_dog .check{margin: 0 auto; padding: 45px 17px 20px; width: 672px; min-height: 234px; border:  1px solid #000; background: url(../images/sub/check_bg.png)no-repeat; background-size: cover; box-shadow: 4px 4px 8px rgba(0,0,0,.4);}
#sub .contents_wrap .contents .large_dog .check::after{content: ""; position: absolute; top:-20px; left: 52%; transform: translateX(-50%); width: 215px; height: 73px; background: url(../images/sub/check5.png)no-repeat;}
#sub .contents_wrap .contents .large_dog .check h4{position: relative; margin-bottom: 19px; font-size: 18px; color: #000; font-weight: 500; line-height: 22px; text-align: center;}
#sub .contents_wrap .contents .large_dog .check h4::before{content: ""; position: absolute; top:-14px; left:0; right:0; width: 100%; height: 2px; background:#316ac0;}
#sub .contents_wrap .contents .large_dog .check ul li{position: relative; margin-bottom: 8px; padding:0 38px 4px 11px; border-bottom: 1px solid #9ea09f; font-size: 14px; font-weight: 300; color: #000100; line-height: 20px; }
#sub .contents_wrap .contents .large_dog .check ul li::after{content: ""; position: absolute; top: 50%; transform: translateY(-50%); right:11px; width: 15px; height: 14px; background: url(../images/sub/check4.png)no-repeat;}
#sub .contents_wrap .contents .large_dog .check ul li:last-child{margin-bottom: 0; border-bottom: 2px solid #316ac0;}
#sub .contents_wrap .contents .large_dog .box2{position: relative; text-align: center;}
#sub .contents_wrap .contents .large_dog .box2 span.icon{position: absolute; top: 0; display: block; z-index: -1;}
#sub .contents_wrap .contents .large_dog .box2 span.icon.icon1{left: -30px; top:-166px;  width: 16px; height: 16px; background: url(../images/sub/effect1.png)no-repeat;}
#sub .contents_wrap .contents .large_dog .box2 span.icon.icon2{left: 136px; top: -44px; width: 38px; height: 43px; background: url(../images/sub/effect2.png)no-repeat;}
#sub .contents_wrap .contents .large_dog .box2 span.icon.icon3{top: 64px; left: auto; right: 74px; width: 16px; height: 16px; background: url(../images/sub/effect1.png)no-repeat;}
#sub .contents_wrap .contents .large_dog .box2 span.icon.icon4{left: 140px; top: 100px;  width: 47px; height: 31px; background: url(../images/sub/effect5.png)no-repeat;}
#sub .contents_wrap .contents .large_dog .box2 span.icon.icon5{left: 6px; top:29px;  width: 29px; height: 23px; background: url(../images/sub/effect6.png)no-repeat;}
#sub .contents_wrap .contents .large_dog .box2 span.icon.icon6{left: -118px; top: 78px; width: 37px; height: 55px; background: url(../images/sub/effect7.png)no-repeat;}
#sub .contents_wrap .contents .large_dog .box2 span.icon.icon7{left: auto; right:199px; width: 38px; height: 33px; background: url(../images/sub/effect13.png)no-repeat;}
#sub .contents_wrap .contents .large_dog .box2 span.icon.icon8{top: -49px; right: 120px; left: auto; width: 37px; height: 34px; background: url(../images/sub/effect9.png)no-repeat;}
#sub .contents_wrap .contents .large_dog .box2 span.icon.icon9{top: -16px; right: 38px; left: auto; width: 36px; height: 34px; background: url(../images/sub/effect10.png)no-repeat;}
#sub .contents_wrap .contents .large_dog .box2 span.icon.icon10{top: 96px; right: -68px; left: auto; width: 33px; height: 42px; background: url(../images/sub/effect14.png)no-repeat;}
#sub .contents_wrap .contents .large_dog .box2 span.icon.icon11{left: -67px; top: -62px; width: 34px; height:32px; background: url(../images/sub/effect3.png)no-repeat;}
#sub .contents_wrap .contents .large_dog .box2 span.icon.icon12{right: -68px; left: auto; top: -75px; width: 33px; height: 34px; background: url(../images/sub/effect12.png)no-repeat;}
#sub .contents_wrap .contents .large_dog .box2::after{content:""; position: absolute; top:99px; right:19px; width: 528px; height: 80px; background: url(../images/sub/dog.png)no-repeat;}
#sub .contents_wrap .contents .large_dog .box2 h3{margin-bottom: 58px;}
#sub .contents_wrap .contents .large_dog .box2 h3 span{display: block; font-size: 28px; color: #000;}
#sub .contents_wrap .contents .large_dog .box2 h3 strong{/*text-align:  right;*/ padding-left: 130px;display: inline-block; margin: 9px 0 0; font-size: 36px; color: #000; font-family: "Jalnan"; font-weight: 400;}
#sub .contents_wrap .contents .large_dog .travel_destination{margin-bottom: 65px; text-align: left;}
#sub .contents_wrap .contents .large_dog .travel_destination:last-child{margin-bottom: 0;}
#sub .contents_wrap .contents .large_dog .travel_destination h4{margin-bottom: 20px; padding: 0 0 0 48px; position: relative; font-size: 28px; color: #000; font-weight: 900; z-index: 1;}
#sub .contents_wrap .contents .large_dog .travel_destination h4 span{transform: rotate(-10deg); display: inline-block;}
#sub .contents_wrap .contents .large_dog .travel_destination h4::before{content: ""; position: absolute; top:-36px; left:-36px; background: url(../images/sub/tit01.png)no-repeat; width: 176px; height: 113px; z-index: -1;}
#sub .contents_wrap .contents .large_dog .travel_destination ul.travel_destination_list{padding: 25px 20px 24px; /*height: 300px;*/ background: #fcaf17; border-radius: 20px;}
#sub .contents_wrap .contents .large_dog .travel_destination ul.travel_destination_list > li{float: left; width: 19.44%; margin-right: 0.7%; text-align: center;}
#sub .contents_wrap .contents .large_dog .travel_destination ul.travel_destination_list > li:last-child{margin: 0;}
#sub .contents_wrap .contents .large_dog .travel_destination ul.travel_destination_list li h5{margin-bottom: 11px; font-size: 20px; font-weight: 700; color: #1b1b1b;}
#sub .contents_wrap .contents .large_dog .travel_destination ul.travel_destination_list li .img{position: relative; padding-top: 65%;  border-radius: 20px 20px 0 0;}
#sub .contents_wrap .contents .large_dog .travel_destination ul.travel_destination_list li .img img{position: absolute; top:0; left:0; right:0; bottom: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 20px 20px 0 0;}
#sub .contents_wrap .contents .large_dog .travel_destination ul.travel_destination_list li .list_contetns{border-radius: 20px;}
#sub .contents_wrap .contents .large_dog .travel_destination ul.travel_destination_list2{padding: 10px 13px 11px 10px; height: 77px; background: #fedfa2; text-align: left; border-radius: 0 0 20px 20px;}
#sub .contents_wrap .contents .large_dog .travel_destination ul.travel_destination_list2 li{position: relative; margin-bottom: 6px; padding: 0 0 9px 20px; border-bottom: 1px solid #c1c1c1; font-size: 13px; color:#1b1b1b; line-height: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
#sub .contents_wrap .contents .large_dog .travel_destination ul.travel_destination_list2 li::before{content: ""; position: absolute; top:2px; left:0; width: 16px; height: 16px;}
#sub .contents_wrap .contents .large_dog .travel_destination ul.travel_destination_list2 li.address::before{background: url(../images/sub/icon01.png)no-repeat;}
#sub .contents_wrap .contents .large_dog .travel_destination ul.travel_destination_list2 li.phone::before{background: url(../images/sub/icon02.png)no-repeat;}
#sub .contents_wrap .contents .large_dog .travel_destination ul.travel_destination_list2 li:last-child{padding-bottom: 0; margin-bottom: 0; border: none; }

@media (max-width: 1199px) {

    #sub .contents_wrap .contents .large_dog .box{padding-left: 0;}
    #sub .contents_wrap .contents .large_dog h3{padding-left: 0;}
    #sub .contents_wrap .contents .large_dog .box h3{padding-left: 0;}
    #sub .contents_wrap .contents .large_dog > span{margin-left: 15px;}
    #sub .contents_wrap .contents .large_dog .box span{margin-left: 15px;}
    #sub .contents_wrap .contents .large_dog .box span + ul{padding-left: 0;}

    #sub .contents_wrap .contents .large_dog h3 img{margin-left: -31px; transform: scale(0.9);}

    #sub .contents_wrap .contents .large_dog .check{padding: 45px 10px 20px;}

    #sub .contents_wrap .contents .large_dog .box::after,
    #sub .contents_wrap .contents .large_dog .box::before{/*top: 100px;*/ right: 0; transform: scale(0.9); opacity: 0.5;}
    #sub .contents_wrap .contents .large_dog .box::after{right:150px;}
    #sub .contents_wrap .contents .large_dog .box::before{right: -40px;}

    #sub .contents_wrap .contents .large_dog .box > p{font-size: 28px; line-height: 32px;}

    #sub .contents_wrap .contents .large_dog .travel_destination h4::before{left:0; transform: scale(0.9);}
    #sub .contents_wrap .contents .large_dog .travel_destination h4{padding-left: 88px; font-size: 24px;}
    #sub .contents_wrap .contents .large_dog .travel_destination ul.travel_destination_list li h5{font-size: 18px;}
    #sub .contents_wrap .contents .large_dog .travel_destination ul.travel_destination_list{padding: 25px 10px 24px;}

    #sub .contents_wrap .contents .large_dog .box2 h3 span{font-size: 24px;}
    #sub .contents_wrap .contents .large_dog .box2 h3 strong{font-size: 32px;}

    #sub .contents_wrap .contents .large_dog .box2::after{top: 91px; right: 0; transform: scale(0.9);}

}

@media (max-width: 1024px) {

    #sub .contents_wrap .contents .large_dog h3 img{margin-left: -60px; transform: scale(0.8);}

    #sub .contents_wrap .contents .large_dog .box::after,
    #sub .contents_wrap .contents .large_dog .box::before{transform: scale(0.8);}
    #sub .contents_wrap .contents .large_dog .box::after{right: 50px; top: -60px; }
    #sub .contents_wrap .contents .large_dog .box::before{right: -90px;}

    #sub .contents_wrap .contents .large_dog .box > p{font-size: 26px; line-height: 30px;}

    #sub .contents_wrap .contents .large_dog .travel_destination h4::before{left: -22px; transform: scale(0.8);}
    #sub .contents_wrap .contents .large_dog .travel_destination h4{padding: 3px 0 0 67px; font-size: 20px;}

    #sub .contents_wrap .contents .large_dog .travel_destination ul.travel_destination_list > li{width: 32.8%; margin-bottom: 20px;}
    #sub .contents_wrap .contents .large_dog .travel_destination ul.travel_destination_list > li:nth-child(3){margin-right: 0;}
    #sub .contents_wrap .contents .large_dog .travel_destination ul.travel_destination_list > li:nth-child(4){margin-bottom: 0;}
    #sub .contents_wrap .contents .large_dog .travel_destination ul.travel_destination_list > li:nth-child(5){margin-bottom: 0;}
    #sub .contents_wrap .contents .large_dog .travel_destination ul.travel_destination_list > li:last-child{margin-right: 0.7%; }
    #sub .contents_wrap .contents .large_dog .travel_destination ul.travel_destination_list li h5{font-size: 16px;}

    #sub .contents_wrap .contents .large_dog .box{margin-bottom: 60px;}
    #sub .contents_wrap .contents .large_dog .box2 h3 span{font-size: 20px;}
    #sub .contents_wrap .contents .large_dog .box2 h3 strong{font-size: 28px;}

    #sub .contents_wrap .contents .large_dog .box2::after{top: 86px; right: -22px; transform: scale(0.8);}

}

@media (max-width: 768px) {

    #sub .contents_wrap .contents .large_dog h3 img{margin-left: -88px; transform: scale(0.7);}

    #sub .contents_wrap .contents .large_dog .box::after,
    #sub .contents_wrap .contents .large_dog .box::before{transform: scale(0.5);}
    #sub .contents_wrap .contents .large_dog .box::after{right: -90px;}
    #sub .contents_wrap .contents .large_dog .box::before{right: -203px;}

    #sub .contents_wrap .contents .large_dog .box > p{padding-left: 0; text-align: center;}

    #sub .contents_wrap .contents .large_dog .check_box{width: 100%;}
    #sub .contents_wrap .contents .large_dog .check{width: 95%;}

    #sub .contents_wrap .contents .large_dog .box2::after{top: 92px; right: -51px; transform: scale(0.7);}

    #sub .contents_wrap .contents .large_dog .travel_destination h4::before{left: -29px; transform: scale(0.7);}
    #sub .contents_wrap .contents .large_dog .travel_destination h4{padding: 5px 0 0 57px;}
}

@media (max-width: 576px) {

    #sub .contents_wrap .contents .large_dog h3 img{transform: none; margin-left: 0; width: 100%;}
    #sub .contents_wrap .contents .large_dog .box::after,
    #sub .contents_wrap .contents .large_dog .box::before{transform: scale(0.4);}
    #sub .contents_wrap .contents .large_dog .box::after{right: -220px;}
    #sub .contents_wrap .contents .large_dog .box::before{right: -240px;}

    #sub .contents_wrap .contents .large_dog .travel_destination ul.travel_destination_list > li{width: 49.6%;}
    #sub .contents_wrap .contents .large_dog .travel_destination ul.travel_destination_list > li:nth-child(3){margin-right: 0.7%;}
    #sub .contents_wrap .contents .large_dog .travel_destination ul.travel_destination_list > li:nth-child(2),
    #sub .contents_wrap .contents .large_dog .travel_destination ul.travel_destination_list > li:nth-child(4){margin-right: 0;}

    #sub .contents_wrap .contents .large_dog .box2::after{top: 96px; right: -83px; transform: scale(0.6);}

}

@media (max-width: 480px) {

    #sub .contents_wrap .contents .large_dog .box::after,
    #sub .contents_wrap .contents .large_dog .box::before{transform: scale(0.3);}
    #sub .contents_wrap .contents .large_dog .box::after{right: -260px;}
    #sub .contents_wrap .contents .large_dog .box::before{right: -280px;}

    #sub .contents_wrap .contents .large_dog .box2 h3 strong{padding-left: 0;}

    #sub .contents_wrap .contents .large_dog .box2::after{top: 100px; right: -115px; transform: scale(0.5);}

    #sub .contents_wrap .contents .large_dog .box2 span.icon.icon7{display: none;}
    #sub .contents_wrap .contents .large_dog .box2 span.icon.icon8{display: none;}

}

@media (max-width: 414px) {

    #sub .contents_wrap .contents .large_dog .travel_destination ul.travel_destination_list > li{width: 100%; margin: 0 0 20px!important;}
    #sub .contents_wrap .contents .large_dog .travel_destination ul.travel_destination_list > li:last-child{margin-bottom: 0;}

    #sub .contents_wrap .contents .large_dog .box2::after{top: 104px; right: -143px; transform: scale(0.4);}

}

#sub .contents_wrap .contents .img_box4{height: 2070px;}
#sub .contents_wrap .contents .img_box4 img{position: absolute; left: 50%; transform: translateX(-50%);}

#sub .comment-box {margin-top: 20px;}
#sub .comment-box .text_box h4.title{position: relative; margin-bottom: 15px; padding: 0 0 15px 37px; font-size: 20px; font-weight: 500; color:#000; border-bottom: 1px solid #c1c1c1;}
#sub .comment-box .text_box h4.title::before{content: ""; position: absolute; top:-1px; left:0; width: 29px; height: 28px; background: url(../images/sub/tit.png)no-repeat;}

.btn-login {float: right; bottom: 10px; font-size: 13px; height: 40px; line-height: 40px;}

#sub .comment-box .skinTb-data-comment {margin: 10px 0 !important;}
#sub .comment-box div.skinTb:before {border-top: 1px solid #e0e0e0 !important;}

#sub .comment-box .possible_type2 {border: 1px solid #a4a4a4; color: #5c5c5c; font-size: 14px; font-weight: 300; padding: 5px 10px; transition: 0.2s ease-in-out;}
#sub .comment-box .possible_type2:hover {border: 1px solid #000; color: #000;}

#sub .comment-box .skinMb-medium {padding: 10px 0;}
#sub .comment-box .skinMb-medium {margin-bottom: 0;}
#sub .comment-box h4.title {margin-bottom: 0px !important;}