@charset "utf-8";
@import url('https://webfontworld.github.io/NanumSquare/NanumSquare.css');

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,video,img,svg { margin:0;  padding:0;}
table { border-collapse:collapse; border-spacing:0; }
fieldset,img {border:0;}
address,caption,cite,code,dfn,var {font-style:normal; font-weight:normal; }
ol,ul,li {list-style: none; }
th { text-align:left;}
caption{ overflow:hidden; line-height:0; text-indent:-2000em; }
h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight:normal;}
q:before,q:after {content:"";}
abbr, acronym {border:0;}
a {outline:1;   text-decoration:none; color:#000; box-sizing:border-box; }
em { font-style:normal; }
body { width:100%; overflow-x:hidden; font-family: 'NanumSquareNeo','NanumSquare', sans-serif; font-weight:400; min-width:360px;  }
#wrap { overflow-x: hidden; }

/*Font*/
@font-face {
    font-family: 'NanumSquareNeo';
	font-weight: 300;
    font-style: normal;
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-aLt.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-aLt.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-aLt.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-aLt.ttf) format("truetype");
}

@font-face {
    font-family: 'NanumSquareNeo';
	font-weight: 400;
    font-style: normal;
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.ttf) format("truetype");
}
@font-face {
    font-family: 'NanumSquareNeo';
	font-weight: 700;
    font-style: normal;
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.ttf) format("truetype");
}
@font-face {
    font-family: 'NanumSquareNeo';
	font-weight: 800;
    font-style: normal;
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.ttf) format("truetype");
}
@font-face {
    font-family: 'NanumSquareNeo';
	font-weight: 900;
    font-style: normal;
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.ttf) format("truetype");
}


/*header*/
header { width:100%; height:164px; position:relative; }
.header_in { max-width:1380px; margin:0 auto; position:relative; }
.header_top { width:100%; height:108px; }
.header_top h1.logo { width:200px; height:56px; display:block; position:absolute; top:26px; left:0px; }
.header_top h1.logo a { display:inline-block; width:100%; height:100%; background:url("/images/main/common_sp.png") no-repeat -1px -2px; text-indent:-99999px; }
.header_top_cont { width:346px; height:100%; margin-left:1032px; padding:33px 0px; box-sizing:border-box; }
.header_top_cont > div { display:inline-block; vertical-align:middle; }
/*.header_top_cont .weather { width:196px; height:100%; display:inline-block; font-size:12px; font-weight:bold; }*/
.header_top_cont .weather { width:196px; display:inline-block; font-size:12px; font-weight:bold; }
.header_top_cont .weather .today { display:block; text-align:right; }
.header_top_cont .weather > div { display:inline-block; margin-top:9px; }
.header_top_cont .weather > div .ico { background:url("/images/main/common_sp.png") no-repeat -7px -87px; width:26px; height:16px; display:inline-block; vertical-align:middle; }
.header_top_cont .weather .dokdo { margin-right:15px; }
.header_top_cont .weather .dokdo .ico { background-position: -7px -87px; }
.header_top_cont .weather .ulleung .ico { background-position: -73px -85px; }
.header_top_cont .weather > div .degree { font-weight:bolder; }
.header_top_cont .kakao { width:116px; height:100%; display:inline-block; margin:0 0 0 30px;  }
.header_top_cont .kakao a { width:100%; height:100%; display:block; font-size:13px; font-weight:800; background-color:#ffdc00; border-radius:100px; text-align:center; line-height:41px; }
.header_top_cont .kakao a .ico { background:url("/images/main/common_sp.png") no-repeat -148px -83px; width:26px; height:24px; display:inline-block; vertical-align:middle; margin-right:3px; }
.header_top_cont .search { width:269px; position:relative; }
.header_top_cont .search input[type="text"] { width:269px; height:38px; border:1px solid #e6e6e6; background:url("/images/main/common_sp.png") no-repeat -282px -78px; padding-left:68px; box-sizing:border-box; }
.header_top_cont .search input[type="submit"] { width:42px; height:38px; background:#25b6a0 url("/images/main/common_sp.png") no-repeat -219px -78px; border:1px solid #25b6a0; text-indent:-99999px; position:absolute; top:0px; right:0px; }

/*gnb*/
.header_btm { border-top:1px solid #e6e6e6; width:100%; height:56px; line-height:56px; }
.gnb { display:flex; justify-content:center; }
.gnb li { margin:0 28px; position:relative; transition: all 0.4s ease 0s; }
.gnb li::after { position:absolute; top:52px; left:0; width:0; height:3px; background-color:#25b6a0; transition:width .3s ease-in; content:''; }
.gnb li:hover::after { width:100%; }
.gnb li a { font-size:16px; font-weight:800; display:block; width:100%; height:100%; padding:0 20px; }

/*sitemap*/
#menuToggle { display:none; /*block*/ position:absolute; top:109px; right:0px; z-index: 1; -webkit-user-select: none; user-select: none; width:64px; height:55px; }
#menuToggle input { display: block; width:64px; height:55px; position: absolute; top:0px; right:0px; cursor: pointer; opacity: 0;  z-index: 2;  -webkit-touch-callout: none; }
#menuToggle span { display: block; width:22px; height: 2px; margin:0 auto 5px; top:17px; position: relative; background: #727272; border-radius: 3px; z-index: 3; transform-origin: 4px 0px; transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0), background 0.5s cubic-bezier(0.77,0.2,0.05,1.0), opacity 0.55s ease; }
#menuToggle span:first-child { transform-origin: 0% 0%;}
#menuToggle span:nth-last-child(2) { transform-origin: 0% 100%; }
#menuToggle input:checked ~ span { opacity: 1; transform: rotate(45deg) translate(4px, 2px); background: #fff; }
#menuToggle input:checked ~ span:nth-last-child(3) { opacity: 0; transform: rotate(0deg) scale(0.2, 0.2); }
#menuToggle input:checked ~ span:nth-last-child(2) { transform: rotate(-45deg) translate(0, 3px); }
#menu { position: absolute; width:190px;  padding:80px 50px; background: #005bcb; list-style-type: none; -webkit-font-smoothing: antialiased; transform-origin: 0% 0%; transform: translate(100%, 0); transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0); z-index:1; border-radius:20px 0 0 20px; top:0px; right:0px; }
#menu li { padding: 10px 0; font-size: 22px; }
#menu li a { font-size:14px; font-weight:700; color:#fff; width:100%; display:block; border-bottom:1px dashed #ffffff29; padding-bottom:20px; }
#menuToggle input:checked ~ ul { transform: none; }

/*main visual*/
.main_vis { width:100%; height:748px; position:relative; }
.main_vis .bxslider li { height:748px; }
.main_vis .bxslider li.vis_01 { background:url("/images/main/main_vis_03.jpg") no-repeat center 0; }
.main_vis .bxslider li.vis_02 { background:url("/images/main/main_vis_06.jpg") no-repeat center 0; }
.main_vis .bxslider li.vis_03 { background:url("/images/main/main_vis_05.jpg") no-repeat center 0; }
.main_vis .bxslider li.vis_04 { background:url("/images/main/main_vis_02.jpg") no-repeat center 0; }
.main_vis .bxslider li .li_in { max-width:1200px; margin:0 auto; padding-top:210px; text-align:center; color:#fff; position:relative; transform:translateY(-50px); opacity:0; animation:titleAni 1.6s ease 0.6s forwards; }
.main_vis .bxslider li .tita { font-size:55px; font-weight:800; margin-top:40px; line-height:72px; font-family:'NanumSquareNeo'; letter-spacing:-2px;  }
.main_vis .bxslider li .tita .block { display:block; }
.main_vis .bxslider li .titb { font-size:18px; margin-top:38px; font-weight:bold; }
.main_vis .bxslider li .titc { font-size:18px; margin-top:13px; font-weight:300; }
.main_vis .bxslider li .logo_tit { background:url("/images/main/common_sp.png") no-repeat -1033px -44px; width:145px; height:40px; display:block; text-indent:-99999px; margin:0 auto; }
.main_vis .bxslider li .hello_ico { background:url("/images/main/common_sp.png") no-repeat -1007px -140px; width:177px; height:85px; display:block; text-indent:-99999px; position:absolute; top:198px; right:300px; }
.main_vis .bxslider li a.bnt_link { width:154px; height:46px; text-align:center; color:#fff; line-height:46px; font-size:14px; background-color:#25b6a0; border-radius:100px; display:block; margin:45px auto 0; }

/*kakao_mobile*/
.kakao_mobile { display:none; }
.call_mobile { display:none; }

/*tab_btn*/
.pager_btnlist { position:absolute; top:85px; left:50%; margin-left:-205px; }
.pager_btnlist .tab_btn { display:flex; justify-content:center; }
.pager_btnlist .tab_btn li { width:205px; height:54px; margin:0 0.5px; }
.pager_btnlist .tab_btn li:first-child a { border-radius: 50px 0 0 50px; padding-left:10px; }
.pager_btnlist .tab_btn li:last-child a { border-radius: 0 50px 50px 0; padding-right:10px; }
.pager_btnlist .tab_btn li a { display:block; width:100%; height:100%; line-height:53px; color:#fff; text-align:center; font-size:15px; font-weight:700; background-color:#00000047; }
.pager_btnlist .tab_btn li a.active { background-color:#00000070; }

.pager_btnlist .tab_btn li:nth-child(2),.pager_btnlist .tab_btn li:nth-child(3) { display:none; }

/*controls*/
.main_vis .bx-controls-direction a { display:block; width:30px; height:90px; text-indent:-99999px; background:url("/images/main/common_sp.png") no-repeat -1029px -527px; position:absolute; top:315px; left:50%; margin-left:-650px; }
.main_vis .bx-controls-direction .bx-prev { background-position:-1029px -527px; }
.main_vis .bx-controls-direction .bx-next { right:50%; margin-left:620px; background-position:-1149px -527px; }

/*main_cont_common*/
.main_in { max-width:1200px; position:relative; margin:0 auto; }

/*quickbtn*/
.quick { margin-top:80px; }
.quick_btnlist { display:flex; justify-content:center; }
.quick_btnlist li { width:24%; height:100px; margin-left:20px; }
.quick_btnlist li:first-child { margin-left:0px; }
.quick_btnlist li a { display:block; width:100%; height:100%; border:1px solid #dcdcdc; border-radius:2px; padding:25px; box-sizing:border-box; background-color:#fff; }
.quick_btnlist li a .ico { width:50px; height:50px; display:block; float:left; background:url("/images/main/common_sp.png") no-repeat -27px -203px; margin-right:10px; }
.quick_btnlist li a .stit { font-size:12px; color:#828282; }
.quick_btnlist li a .btit { font-size:20px; font-weight:600; margin-top:6px; display:block; }
.quick_btnlist li.q01 a .ico { background-position: -27px -203px; }
.quick_btnlist li.q02 a .ico { background-position: -30px -292px; }
.quick_btnlist li.q03 a .ico { background-position: -30px -459px; margin-right:15px; }
.quick_btnlist li.q04 a .ico { background-position: -30px -381px; }

/*package*/
.pack { margin-top:80px; position:relative; }
.package_list li { position:relative; overflow:hidden; }
.package_list li a { display:block; width:100%; height:100%; border:1px solid #dcdcdc; border-radius:2px; box-sizing:border-box;  }
.package_list li a .img { width:100%; height:264px; overflow:hidden; }
.package_list li a .img img { transition: ease-in-out 0.5s; transform: scale(1,1); width:100%;}
.package_list li a .txt_in { padding:20px 30px; height:86px; }
.package_list li a .stit { font-size:14px; }
.package_list li a .btit { font-size:20px; font-weight:600; display:block; width:98%; text-overflow: ellipsis; overflow: hidden; word-break: break-word; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; line-height: 27px; }
.package_list li a .price { font-size:17px; font-weight:600; float:right;  }
.package_list li a .more { background:#fcb438 url("/images/main/common_sp.png") no-repeat -134px -199px; width:54px; height:54px; display:block; border-radius:100px; position:absolute; bottom:116px; right:30px; text-indent:-99999px; }

/*pack_control*/
.pack .bx-controls-direction a { background:#f6f6f6 url("/images/main/common_sp.png") no-repeat -239px -191px; display:block; width:55px; height:72px; text-indent:-99999px; position:absolute; top:125px; left:50%; margin-left:-690px; border:1px solid #dfdfdf; border-radius:2px; }
.pack .bx-controls-direction .bx-prev { background-position:-239px -191px; }
.pack .bx-controls-direction .bx-next { background-position:-238px -279px;  right:50%; margin-left:630px;  }
.pack .bx-controls-direction a:active { background-color: #dfdfdf; transition:all 0.3s; }

/*info*/
.main_cont .info { margin-top:60px; display:flex; justify-content:center; }
.main_cont .info > div { width:50%; margin-left:25px; border:1px solid #dcdcdc; border-radius:2px; height:137px; padding:30px 44px; box-sizing:border-box; }
.main_cont .info > div:first-child { margin-left:0px; }
.main_cont .info > div .tit { font-size:13px; color:#5e5e5e; font-weight:700; display:block; }
.main_cont .info > div > .ico { width:77px; height:74px; display:block; float:left; background:url("/images/main/common_sp.png") no-repeat -357px -191px; margin-right:22px; }
.main_cont .info > div.bank > .ico { background-position:-357px -191px; }
.main_cont .info > div.notice > .ico { background-position:-357px -310px; }

/*bank*/
.main_cont .info .bank .num { font-size:26px; color:#25b6a0; font-weight:800; display:block; margin:8px 0px; }
.main_cont .info .bank .bank_list li { display:inline-block; font-size:14px; font-weight:600; }
.main_cont .info .bank .bank_list li .ico { width:18px; height:20px; display:inline-block; vertical-align:middle; background:url("/images/main/common_sp.png") no-repeat 0px 0px; }
.main_cont .info .bank .bank_list li.b01 .ico { background-position:-368px -496px; }
.main_cont .info .bank .bank_list li.b02 { margin:0 15px; }
.main_cont .info .bank .bank_list li.b03 .ico { background-position:-368px -559px; }

/*notice*/
.main_cont .info .notice { position:relative; }
.main_cont .info .notice .notice_list { margin-top:5px; display:inline-block; width:375px; height:58px; overflow:hidden; }
.main_cont .info .notice .notice_list li { font-size:15px; font-weight:600; margin:8px 0px; position:relative; padding-left:11px; }
.main_cont .info .notice .notice_list li::before { content:''; width:6px; height:3px; background-color:#fcb63d; border-radius:10px; position:absolute; top:7px; left:0px; }
.main_cont .info .notice .notice_list li a { display:block; width:90%; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.main_cont .info .notice .more { position:absolute; bottom:0px; right:0px; display:block; font-size:11px; background-color:#f7f7f7; padding:11px 33px; }

/* 울릉관광지도 배너 */
.info .infobox.map_banner{padding:0; height:135px; overflow:hidden; border-radius:8px;}
.info .infobox.map_banner a{display:block; width:100%; height:100%;}
.info .infobox.map_banner img{width:100%; height:100%; object-fit:cover; display:block;
    transition:transform .35s ease;}
.info .infobox.map_banner a:hover img{transform:scale(1.04);}

@media all and (max-width:768px){
    .info .infobox.map_banner{height:auto; margin-top:20px;}
    .info .infobox.map_banner img{height:auto;}
}

/*sns*/
.sns { margin-top:150px; background:url("/images/main/travel_bg.jpg") no-repeat center 0; height:820px;  }
.sns .main_in { padding-top:88px; }
.sns .title { text-align:center; }
.sns .title span { display:inline-block; text-indent:-99999px; }
.sns .title .tit { width:355px; margin:0 0 0 15px; height:68px; background:url("/images/main/common_sp.png") no-repeat -831px -400px; }
.sns .title .ico { width:145px; height:68px; background:url("/images/main/common_sp.png") no-repeat -1038px -282px; }

/*snslist*/
.sns .sns_list { display:flex; justify-content:center; margin-top:50px; }
.sns .sns_list { height:375px; }
.sns .sns_list > div { padding:35px; box-sizing:border-box; }

/*youtube*/
.sns .sns_list .youtube { width:382px; background-color:#fff;  }
.sns .sns_list .youtube .tit { width:77px; height:23px; display:block; text-indent:-99999px; background:url("/images/main/common_sp.png") no-repeat -531px -211px; }
.sns .sns_list .youtube a { display:block; width:100%; height:172px; position:relative; margin-top:20px; overflow:hidden; }
.sns .sns_list .youtube a .play { width:46px; height:32px; display:block; position:absolute; left:50%; margin-left:-23px; top:72px; background:url("/images/main/common_sp.png") no-repeat -529px -295px;  }
.sns .sns_list .youtube a img { transition: ease-in-out 0.5s; transform: scale(1,1);}
.sns .sns_list .youtube .tita { font-size:18px; color:#25b6a0; font-weight:700; margin-top:25px; display:block; }
.sns .sns_list .youtube .titb { font-size:14px; margin-top:6px; color:#5b5b5b; }

/*insta*/
.sns .sns_list .travel { width:410px; margin:0 12px; padding:0px; }
.sns .sns_list .insta { width:382px; background-color:#fff;  }
.sns .sns_list .insta .tit { font-size:12px; color:#989898; }
.sns .sns_list .insta .tit .ico { width:26px; height:27px; display:inline-block; text-indent:-99999px; background:url("/images/main/common_sp.png") no-repeat -530px -708px; vertical-align:middle; margin-right:8px; }
.sns .sns_list .insta img { margin:15px 0; }
.sns .sns_list .insta ul.tag { margin-top:8px; }
.sns .sns_list .insta ul.tag li { display:inline-block; }
.sns .sns_list .insta ul.tag li a { font-size:13px; font-weight:700; padding:9px 12px; border:1px solid #838383; border-radius:50px;  }


/*window_icon*/
.win { width:19px; height:19px; display:inline-block; vertical-align:middle; background:url("/images/main/common_sp.png") no-repeat -40px -763px; }
.win01 { background-position: -118px -763px; }
.win02 { background-position: -157px -763px; }
.win03 { background-position: -157px -763px; }
.win04 { background-position: -118px -762px; }
.win05 { background-position: -202px -783px; }

/*footer*/
footer { height:318px; background-color:#f8f6f1; }
.footer_in { max-width:1380px; margin:0 auto; position:relative; }
.footer_info { padding-top:78px; font-size:13px; color:#5b5b5b; font-weight:700; }
.footer_info h3 { display:block; width:135px; height:35px; background:url("/images/main/common_sp.png") no-repeat -237px -16px; text-indent:-99999px; }
.footer_info .onw { margin-top:33px; }
.footer_info .addinfo_list { margin-top:13px; }
.footer_info .addinfo_list li { display:inline-block; margin-right:10px; font-size:12px; }
.footer_info .addinfo_list li.link a { font-size:12px; border:1px solid #c5bdaa; padding:6px 12px; color:#615b4b; background-color:#f3efe3;  }
.footer_info .rights { margin-top:20px;  }

/*footer_sns*/
.footer_sns { position:absolute; top:135px; right:0px; }
.footer_sns .snslist li { width:46px; height:46px; display:inline-block; }
.footer_sns .snslist li a { width:100%; height:100%; display:block; border-radius:100px; text-indent:-99999px; }
.footer_sns .snslist li a .ico { display:block; width:22px; height:20px; background:url("/images/main/common_sp.png") no-repeat -612px -508px; margin:-5px auto 0; }
.footer_sns .snslist li.insta a { background-image: linear-gradient(to bottom right, #5c4da1, #e92d8f,#ee325c, #f19932,#ffc44f); }
.footer_sns .snslist li.kakao a { background-color:#ffdc00; }
.footer_sns .snslist li.kakao a .ico { background-position:-612px -508px; }
.footer_sns .snslist li.insta a .ico { background-position:-612px -607px; }

/*footer_admin*/
.footer_adm { position:absolute; top:16px; right:120px; }
.footer_adm a.adm_btn { padding:10px 14px; border-radius:2px; display:block; font-size:12px; color:#fff; background-color:#646056; }

/*sub_common*/
#content { border-top:1px solid #e6e6e6; }
#content .wrapper { max-width:1200px; margin:0 auto; padding:50px 0; box-sizing:border-box; }
#content .sub_bg { width:100%; height:148px; }
#content .sub_bg .sub_in { max-width:1200px; margin:0 auto; position:relative; text-align:center; color:#fff; }
#content .sub_bg .sub_in h3 { font-size:25px; font-weight:700; padding-top:50px; display: block; }
#content .sub_bg .sub_in .min { font-size:10px; letter-spacing:2px; margin-top:9px; display:block; }
#content .sub01 { background:url("/images/main/sub_top_bg_01.jpg") no-repeat center 0; }

/*go to top*/
.top_btn {display: block; position: absolute; width: 60px; height: 60px; background: linear-gradient(to right bottom,#3aa5c9 ,#43b5a0); top: 0; right: 0; text-align: center; font-size: 13px; font-weight: 500; color: #fff; font-family: 'Noto Sans CJK KR';}
.top_btn img {padding-top: 12px; vertical-align: baseline;}

/* side fixed cs */
.side_fixed_cs { position:fixed; top:390px; left:50%; margin-left:710px; width:182px; height:175px; background:url("/images/main/site_cs_bg.png") no-repeat center 0; font-weight:600; }
.sfc_inner { position:relative; display:flex; flex-flow: column; }
.sfc_inner::before { content:''; width:116px; height:10px; display:block; position:absolute; top:-9px; left:30px; background:url("/images/main/common_sp.png") no-repeat -33px -864px; }
.side_fixed_cs .call { height:82px; padding:20px 15px; box-sizing:border-box; }
.side_fixed_cs .call li { font-size:13px; }
.side_fixed_cs .call li:nth-child(1) { display:inline-block; }
.side_fixed_cs .call li:nth-child(1)::after { content:''; width:17px; height:18px; display:inline-block; background:url("/images/main/common_sp.png") no-repeat -179px -861px; margin-left: 2px; vertical-align:middle; }
.side_fixed_cs .call li:nth-child(2) { font-size:21px; font-weight:900; letter-spacing:-1px; margin-top:3px; }
.side_fixed_cs .bank { padding:17px 15px; box-sizing:border-box; }
.side_fixed_cs .bank li { font-size:13px; }
.side_fixed_cs .bank li:nth-child(1) span { color:#005ba0; }
.side_fixed_cs .bank li:nth-child(1) span::before { content:''; width:16px; height:12px; background:url("/images/main/common_sp.png") no-repeat -228px -861px; display:inline-block; vertical-align:middle; margin:0 2px 0 6px; }
.side_fixed_cs .bank li:nth-child(2) { font-size:16px; font-weight:800; color:#0068b7; margin:4px 0px; }
.side_fixed_cs .bank li:nth-child(3) { font-size:12px; }
.side_fixed_cs .bank li:nth-child(3) span { display:inline-block; width:73px; height:13px; text-indent:-99999px; background:url("/images/main/common_sp.png") no-repeat -278px -860px; }

/*animaition*/
@keyframes titleAni {
	0%	{transform:translateY(-50px);opacity:0;-webkit-clip-path:polygon(100% 0, 100% 100%, 0 100%, 0 80%);clip-path:polygon(100% 0, 100% 100%, 0 100%, 0 80%);}
	100%{transform:translateY(0);opacity:1;-webkit-clip-path:polygon(100% 0, 100% 100%, 0 100%, 0 0);clip-path:polygon(100% 0, 100% 100%, 0 100%, 0 0);}
}



/*hover_event*/
@media(hover: hover) and (pointer: fine) {
    .header_top_cont .kakao a:hover { background-color:#fbbd1f; transition:ease-in 0.3s; }
    .main_vis .bxslider li a.bnt_link:hover { background-color:#169fa3; transition:ease-in 0.3s; }
    .quick_btnlist li a:hover { background-color:#fafafa; transition:ease-in 0.3s; }
    .quick_btnlist li a:hover .ico { margin-top:-5px; transition:ease-in-out 0.3s;  }
    .package_list li a:hover .img img { transform: scale(1.1,1.1); }
    .package_list li a:hover .more { transform: rotate(60deg); transition:ease-in-out 0.3s; }
    .main_cont .info .notice .notice_list li a:hover { color:#25b6a0; transition:all 0.3s; text-decoration:underline; }
    .main_cont .info .notice .more:hover { background-color:#e7e7e7; transition:all 0.3s; }
    .sns .sns_list .youtube a:hover img { transform: scale(1.1,1.1); }
    .sns .sns_list .insta ul.tag li a:hover { border:3px solid #8e96f3; transition:all 0.3s; color:#4f2ed5;  }
    .footer_sns .snslist li a:hover .ico { margin-top:-6px; transition:ease-in 0.3s;  }
   
    @media screen and (max-width:860px){ 
    .quick_btnlist li a:hover { background-color:#000000ba; }
    }
}



/*1280*/
@media screen and (max-width:1280px){ 
    header { height:86px; }
    .header_in { padding:0 20px; }
    .header_top { height:86px; }
    .header_top h1.logo { top:22px; left:20px; width:148px; height:42px; }
    .header_top h1.logo a { background-size:940px; }
    .header_top_cont { width:346px; margin:0 60px 0 0px; float:right; padding:22px 0px; }
    .header_top_cont .search { display:none; }
    .header_top_cont .kakao { margin:0 0 0 30px; }
    .header_btm { display:none; }
    #menuToggle { display:block; top:16px; }
    .main_in { padding:0 20px; }
    .quick_btnlist { flex-wrap:wrap; }
    .quick_btnlist li { width:49%; margin:3px 0px; }
    .quick_btnlist li:nth-child(even) { margin-left:4px; }
    .quick_btnlist li:first-child { margin:3px 0px; }
    .quick_btnlist li a .stit { font-size:11px; }
    .main_vis .bxslider li .hello_ico { left:50%; right:unset; margin-left:100px; }
    .pack .bx-controls-direction .bx-prev { left:0px; margin-left:0px; }
    .pack .bx-controls-direction .bx-next { left:unset; right:0px; margin-left:0px; }
    .main_cont .info { flex-direction: column; }
    .main_cont .info > div { width:100%; margin-left:0px; height:unset; }
    .main_cont .info > div:first-child { margin-bottom:12px; }
	.main_cont .info .notice .notice_list { width:unset; }
    .sns .sns_list .youtube { margin-right:10px; }
    .sns .sns_list .travel { display:none; }
    .footer_in { padding:0 20px; }
    .footer_sns { right:20px; }
}


/*860*/
@media screen and (max-width:860px){ 
    header { height:58px; }
    .header_top { height:58px; }
    .header_top h1.logo { top:11px; width:122px; height:34px; }
    .header_top h1.logo a { background-size:780px; }
    .header_top_cont { display:none; }
    #menuToggle { top:2px; }
    .main_vis { height:460px; }
    .main_vis .bxslider li { height:460px; background-size:cover !important;  }
    .main_vis .bxslider li .li_in { padding:125px 28px 0px; }
    .main_vis .bxslider li .logo_tit { background-size:800px; background-position:-692px -29px; width:93px; height:28px; }
    .main_vis .bxslider li .tita { font-size:23px; line-height:34px; margin-top:19px; }
    .main_vis .bxslider li .titb { font-size:14px; margin-top:26px;  }
    .main_vis .bxslider li .titc { font-size:11px; }
    .main_vis .bxslider li .hello_ico { display:none; }
    .main_vis .bxslider li a.bnt_link { width:120px; height:38px; line-height:37px; font-size:12px; margin:25px auto 0; }
    .kakao_mobile { width:44px; height:44px; display:block; position:absolute; top:400px; right:30px; }
    .kakao_mobile a { width:100%; height:100%; display:block; font-size:13px; font-weight:800; background-color:#ffdc00; border-radius:100px; text-align:center; line-height:41px; }
    .kakao_mobile a .ico { background:url("/images/main/common_sp.png") no-repeat -148px -73px; width:26px; height:44px; display:block; margin:0 auto; }
    .kakao_mobile a .tit { display:none; }
	.call_mobile { width:44px; height:44px; display:block; position:absolute; top:345px; right:30px; }
    .call_mobile a { width:100%; height:100%; display:block; font-size:13px; font-weight:800; background-color:#1bb0d0; border-radius:100px; text-align:center; line-height:41px; }
    .call_mobile a .ico { background:url("/images/main/common_sp.png") no-repeat -607px -699px; width:26px; height:44px; display:block; margin:0 auto; }
    .call_mobile a .tit { display:none; }
    .pager_btnlist { top:50px; margin-left:-140px; }
    .quick { margin-top:-51px; padding:0px;  }
    .quick_btnlist li { width:49.8%; height:48px; }
    .quick_btnlist li:nth-child(even) { display:none; }
    .quick_btnlist li a .stit { display:none; }
    .quick_btnlist li a .btit { font-size:13px; display:inline-block; vertical-align:middle; margin-top:-3px; }
    .quick_btnlist li a .ico { background-size:690px; width:30px; height:30px; margin-right:2px; float:unset; display:inline-block; vertical-align:middle; }
    .quick_btnlist li a { padding:10px; background-color:#00000085; color:#fff; border:0px; text-align:center; }
    .quick_btnlist li.q01 a .ico { background-position:-21px -117px; }
    .quick_btnlist li.q03 { border-left:1px solid #ffffff3b;  }
    .quick_btnlist li.q03 a .ico { background-position:-19px -266px; margin-right:8px; }
    .pager_btnlist .tab_btn li { width:140px; height:46px; }
    .pager_btnlist .tab_btn li a { font-size:12px; line-height:47px; }
    .pack { margin-top:55px; padding:0 0 0 20px; }
    .package_list li { width:250px !important; margin-right:15px !important;  }
    .package_list li a .img { height:170px; }
    .package_list li a .img img { width:100%; height:171px; }
    .package_list li a .stit { font-size:11px; }
    .package_list li a .btit { font-size:14px; letter-spacing:-1px; font-weight: bold;  }
    .package_list li a .price { font-size:13px; margin-top:6px; }
    .package_list li a .txt_in { padding:20px 18px; height:57px; }
    .package_list li a .more { width:38px; height:38px; bottom:81px; right:17px; background-size:898px; background-position:-101px -150px; }
    .pack .bx-controls-direction a { display:none; }
    .main_cont .info { margin-top:30px; }
    .main_cont .info > div { padding:20px 22px 38px; position:relative;  }
    .main_cont .info > div > .ico { background-size:560px; width:33px; height:32px; margin-right:8px; position:absolute; top:22px; left:25px; float:unset; }
    .main_cont .info > div.bank > .ico { background-position:-168px -93px; }
    .main_cont .info > div.notice > .ico { background-position:-168px -145px; }
    .main_cont .info > div .tit { height:33px; line-height:33px; padding-left:46px; }
	.main_cont .info .notice .notice_list { width:96%; height:50px; }
    .main_cont .info .bank .num { font-size:18px; }
    .main_cont .info .bank .bank_list li { font-size:12px; letter-spacing:-0.6px; }
    .main_cont .info .bank .bank_list li .ico { background-size:1060px; width:13px; height:16px; }
    .main_cont .info .bank .bank_list li.b01 .ico { background-position:-327px -440px;  }
    .main_cont .info .bank .bank_list li.b02 { margin:0 3px; }
    .main_cont .info .bank .bank_list li.b03 .ico { background-position:-327px -496px;  }
    .main_cont .info .notice .notice_list li { font-size:13px; }
    .main_cont .info .notice .more { padding:11px 22px; } 
    .sns { margin-top:60px; height:590px; }
    .sns .main_in { padding-top:55px; }
    .sns .title .ico { width:100px; height:49px; background-size:835px; background-position:-723px -196px; }
    .sns .title span { display:block; margin:0 auto; }
    .sns .title .tit { background-size:840px; background-position:-581px -288px; width:250px; height:38px; margin:5px auto 0px; }
    .sns .sns_list { display:block; margin-top:22px;  }
    .sns .sns_list .youtube { display:none; }
    .sns .sns_list .insta { width:310px; margin:0 auto; }
    .sns .sns_list .insta img { width:100%; }
    .sns .sns_list .insta .tit { font-size:11px; letter-spacing:-1px; }
    .sns .sns_list .insta .tit .ico { background-size:860px; background-position:-379px -506px; width:20px; height:22px; margin-right:3px; }
    .sns .sns_list .insta ul.tag li a { font-size:11px; }
    .main_vis { overflow-x:hidden; }
    footer { height:235px; }
    .footer_info { padding-top:41px; font-size:12px; }
    .footer_info h3 { width:66px; height:25px; background-size:840px; background-position:-196px -11px; }
    .footer_info .onw { margin-top:15px; }
    .footer_info .addinfo_list { margin-top:4px; }
    .footer_info .addinfo_list li { font-size:11px; margin-top:6px; display:block; }
	.footer_info .addinfo_list li.link { margin-top:12px; }
	.footer_info .addinfo_list li.link a { font-size:11px; padding:4px 14px;  }
    .footer_info .rights { font-size:11px; }
    .footer_sns { top:unset; bottom:0px; display:none;  }
    .footer_sns .snslist li { width:38px; height:38px; }
    .footer_sns .snslist li a .ico { background-size:1040px; width:19px; height:19px; margin:-9px auto 0;  }
    .footer_sns .snslist li.kakao a .ico { background-position:-530px -440px; }
    .footer_sns .snslist li.insta a .ico { background-position:-531px -525px; }
    .footer_adm { display:none; }
    #content .sub_bg { height:94px; }
    #content .sub_bg .sub_in h3 { font-size:18px; padding-top:29px; }
    #content .sub_bg .sub_in .min { margin-top:6px; opacity:0.6; }
    #content .wrapper { padding:30px 20px; }
    #content .wrapper img { width:100%; }
	
	.top_btn { width:55px; height:55px; font-size:11px;  }
	.side_fixed_cs { display:none; }
}    

/* layer popup - basic */
.layerPop{position:absolute; z-index:90;}
.layerPop a{display:block;}
.layerPop img{max-width:100%;}
.layerPop .btn{padding:3px 10px; background:#292b42; text-align:right;}
.layerPop .btn button{display:inline-block; margin-left:15px; background:none; color:#fff; font-size:12px; border:0; cursor:pointer;}

/* layer popup - btn control */
[data-pop-layer="layer"]{position:fixed; top:0px; left:0px; z-index:1000; width:100%; height:100%; background:rgba(0,0,0,0.2);}
[data-pop-layer="layer"] .popBox{position:absolute; top:50%; left:50%; min-width:400px; min-height:600px; box-sizing:border-box; background:#fff; box-shadow:3px 15px 20px rgba(0,0,0,0.15); transform:translate(-50%, -50%);}
[data-pop-layer="layer"] .popBox h2{height:67px; padding:0 20px !important; border-bottom:1px solid #eee; font-size:25px !important; font-weight:500; letter-spacing:-1px;}
[data-pop-layer="layer"] .popBox h2:after{content:''; display:inline-block; height:100%; vertical-align:middle;}
[data-pop-layer="layer"] .popBox h2 span{display:inline-block; width:99%; vertical-align:middle;}
[data-pop-layer="layer"] .popBox .btn_close{position:absolute; top:0px; right:-70px; width:70px; height:68px; line-height:68px; background:#34383e; box-shadow:3px 10px 15px rgba(0,0,0,0.15);}
[data-pop-layer="layer"] .popBox .btn_close span{display:inline-block; position:relative; width:18px; height:18px; margin:-4px auto 0; vertical-align:middle; background:url(../images/module/btn_close.png) no-repeat 50% 0; background-size:18px 18px; text-indent:100%; overflow:hidden; white-space:nowrap;}
[data-pop-layer="layer"] .popBox .btn_close:focus{outline:none;}
[data-pop-layer="layer"] .popBox .popConts{overflow-y:auto; max-height:532px; box-sizing:border-box; padding:20px 20px 40px;}
body[class*="ie"] [data-pop-layer="layer"] .popBox h2{height:68px; box-sizing:border-box;}