@charset "utf-8";
html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,pre,iframe,hr,h1,h2,h3,h4,h5,h6{margin:0;padding:0}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
ul{list-style:none}
button,input,select,textarea{margin:0}
html,*{box-sizing:border-box !important;}
*,:before,:after{box-sizing:border-box}
img,embed,object,audio,video{height:auto;max-width:100%}
iframe{border:0}
table{border-collapse:collapse;border-spacing:0}
td,th{padding:0;text-align:left}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal}
html,body{height:100%;}
body{background:#fff;word-break:break-all;-webkit-text-size-adjust:none;font-size:0.75rem;font-family: '맑은 고딕','Malgun Gothic','돋움',Dotum,sans-serif;}

a {color:#333;text-decoration:none; cursor:pointer;}
a:active, a:hover {text-decoration:none}

/* 버튼 */
.btn_gr25 {display:block;height:25px;line-height:25px;overflow:hidden;color:#333;border:1px solid #cbcbcb;border-right:1px solid #a1a1a1;border-bottom:1px solid #909090; text-align:center; text-decoration:none; -webkit-border-radius:3px;-moz-border-radius:3px; border-radius:3px;letter-spacing:-1px; filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#F7F7F7, EndColorStr=#F1F1F1);background:#F7F7F7 -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F7F7F7), to(#F1F1F1)); background:#F7F7F7 -moz-linear-gradient(top, #F7F7F7, #F1F1F1);}
.btn_gr25 span{display:block; height:25px; text-align:center; font-size:0.82em;}

/*#hd_dnr {height:40px;border-bottom: 2px solid #65cd20;position:relative;}
#hd_dnr {height:40px;border-bottom: 2px solid #65cd20;position:relative;}
#hd_dnr .logo{padding:8px 0;text-align:center;}
#hd_dnr .logo img{height:1.5rem;}
#hd_dnr .btn_gr25{position:absolute; top:6px; width:30px;}
#hd_dnr .category{left:8px;}
#hd_dnr .mypage{right:8px;}
#hd_dnr .btn_gr25.category span{background:url('../img/category.png') center no-repeat; background-size:20px 20px;}
#hd_dnr .btn_gr25.mypage span{background:url('../img/mypage.png') center no-repeat; background-size:21px 21px;}
#hd_dnr .btn_gr25.sscard {position:absolute;top:5px;right:8px;width:55px}
#hd_dnr .search_iconW {position:absolute;top:8px;right:50px;width:22px;height:22px;overflow:hidden;background:url('../img/header_search_icon.png') 0 0 no-repeat;background-size:22px 22px;text-indent:-50000px;}
*/
#nav_dnr { clear: both; border-top: 2px solid #65cd20; }
#nav_dnr .logo { font-size: 0; line-height: 0; position: relative; }
#nav_dnr .logo img { width: 43%; }
#nav_dnr .all_menu { width: 41px; height: 41px; margin-top: -20.5px; background: url(../img/btn_all_menu.gif) no-repeat 50% 50%; background-size: cover !important; border: 1.5px solid #d9d9d9; border-radius: 50%; text-indent: -50000px; position: absolute; top: 50%; right: 6.5px; }
#nav_dnr .all_menu.active { background: url(../img/btn_all_menu_close.gif) no-repeat 50% 50%; }
#nav_dnr .nav { clear: both; margin: 0; padding: 0; list-style: none; border-bottom: 1px solid #d9d9d9; font-size: 0; line-height: 0; }
#nav_dnr .nav > li { display:inline-block; width: 50%; vertical-align: top; border-left: 1px solid #d9d9d9; position: relative; }
#nav_dnr .nav > li > a { display:block; height: 45px; padding: 0 0 0 15px; background: url(../img/nav_off.gif) no-repeat 100% 50%; background-size: contain !important; border-top: 1px solid #d9d9d9; font-weight: 700; font-size: 15px; line-height: 45px; color: #303030; }
#nav_dnr .nav > li > a.active { background: url(../img/nav_on.gif) no-repeat 100% 50%; }
#nav_dnr .nav > li:nth-child(even) a strong { font-size: 14px; color: #35b0b9; }
#nav_dnr .nav > li:nth-child(odd) { border-left: 0; }
#nav_dnr .nav > li:nth-child(odd) a strong { font-size: 14px; color: #3d9cd5; }
#nav_dnr .nav li ul li { display: block; width: 100%; }
#nav_dnr .nav li ul li a { display:block; padding: 0 0 0 18.5px; font-size: 13.5px; line-height: 42.5px; }
#category_dnr > li ul { width: 100.5%; padding: 10px 0; background: #fff; border: 1px solid #d9d9d9; position: absolute; z-index: 100; display: none; }
#category_dnr > li:nth-child(odd) ul { border-left: 0; right: -1px; }
#category_dnr > li:nth-child(even) ul { border-right: 0; left: -1px; }
#category_dnr > li ul:nth-child(odd) { background: red; }
#all_nav_dnr { width: 100%; background: #fff; position: absolute; top: 0; left: 0; z-index: 200; display: none; }
#all_nav_dnr > li { display: inline-block; width: 50%; min-height: 450px; }
#all_nav_dnr > li > a { background: url(../img/nav_on.gif) no-repeat 100% 50% !important; border-bottom: 1px solid #d9d9d9; }


#ca_dnr .sub_top {margin:0;padding:0;text-align:center;font-size:0;line-height:0;}
#ca_dnr .sns {display:table;width:100%;background:#f5f5f5;font-size:0;line-height:0;}
#ca_dnr .sns dt,
#ca_dnr .sns dd {display:table-cell;vertical-align:middle;}
#ca_dnr .sns dt {width:30%;text-align:left;}
#ca_dnr .sns dt img {width:100%;}
#ca_dnr .sns dd {width:70%;text-align:right;}
#ca_dnr .sns dd img {width:11%;margin-right:0.563rem;}
#ca_dnr > select { width: 100%; height: 49px; background: url(../img/select_arrow.gif) no-repeat 100% 50%; background-size: contain; border: 3.5px solid #0cace8; border-radius: 0; padding-left: 13px; font-weight: 700; font-size: 15px; color: #0f0f0f; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
#ca_dnr > select.saipan { border: 3.5px solid #3bbec2; }
#ca_dnr > select::-ms-expand { display: none; }


#ft_dnr{clear:both;padding-bottom:4.375rem;background:#f1f1f1;}
.footer_new {display:table;width:100%;overflow:hidden;}
.footer_new li {display:table-cell;width:25%;background-color:#7b7f86;text-align:center;line-height:39px;border-right:1px solid #6f737b;border-left:1px solid #888c92;}
.footer_new li a {display:block;width:100%;height:37px;color:#fff;font-size:1.1em;}
.footer_new li:first-child {border-left:none;}
.footer_new li:last-child {border-right:none;}
.footer_new li:last-child img {width:9px;vertical-align:0;margin-left:3px;}

.footerInfo .btn {text-align:center;margin:10px 0;}
.footerInfo .btn a {margin-left:7px;}
.footerInfo .btn a:first-child {margin-left:0;}
.footerInfo .btn img {width:2.813rem}
.footerInfo .txt {text-align:center;color:#666;line-height:1.5em;}
.footerInfo .txt p:nth-child(5) {margin-top:15px;font-weight:bold;}

#quick {position:fixed;bottom:4.5rem;right:0.75rem;z-index:200;display:none;}
#quick .btn_scroll {display:block;width:3.719rem;height:3.719rem;background:url(../img/btn_back_to_top.png) no-repeat;background-size:cover;text-indent:-50000px;}

.swiper-container{width:100%;}
.swiper-slide {text-align: center;}
.swiper-pagination-bullet{width:0.375rem;height:0.375rem;margin:0 0.375rem!important;border-radius:0.375rem!important;}
.swiper-pagination-bullet-active{width:0.844rem;background:#26a4ff;border-radius:0.375rem!important;}
.swiper-prev-next { width: 74.5%; margin-left: -37.25%; position: absolute; bottom: 0; left: 50%; }
.swiper-button-prev { width: 26.5px; height: 26.5px; background: url(../img/btn_prev.png) no-repeat; background-size: contain !important; border: 0; text-indent: -50000px; outline: 0; left: 0.844rem; top: -40px;}
.swiper-button-next { width: 26.5px; height: 26.5px; background: url(../img/btn_next.png) no-repeat; background-size: contain !important; border: 0; text-indent: -50000px; outline: 0; right: 0.844rem; top: -40px;}

#m_banner {position:relative;}
#m_banner li dl { margin: 41px 0 24px 0; text-align: center; }
#m_banner li dt img { height: 47px; }
#m_banner li dd.summary { padding: 17px 27px; font-size: 13px; line-height: 17px; color: #6f6f6f; }
#m_banner li dd.price { padding-bottom: 12px; font-weight: 700; font-size: 31.47px; line-height: 32px; color: #3ebac4; }
#m_banner li dd.price .won { font-size: 14px; }
#m_banner li dd.btn { padding: 0 9px; }
#m_banner li dd.btn a { display: block; padding: 13px 0; background: #f1592a; font-weight: 700; font-size: 12.5px; color: #fff; }
#m_banner .swiper-slide .thumb img { width:100% }
#m_banner .swiper-container {width:100%;height:100%;}
#m_banner .swiper-pagination {bottom:40%;}
@media screen and (orientation: landscape) {
	#m_banner .swiper-pagination {bottom:27%;}
}
#m_banner .swiper-pagination-bullet {width: 38px; height: 3.5px; background:#9d9d9d !important; border-radius: 0 !important; opacity:1 !important;}
#m_banner .swiper-pagination-bullet-active {background:#f1592a !important;}

.m_best { width: 100%; height: 0; padding-top: calc(1194 / 750 * 100%); background-size: cover !important; position: relative; }
#m_guam_best { background: url(../img/guam_best_bg.jpg) no-repeat 50% 50%; }
#m_saipan_best { background: url(../img/saipan_best_bg.jpg) no-repeat 50% 50%; }
.m_best .swiper-wrapper {right:-15%;}
.m_best .swiper-slide {width:70%}
.m_best .thumb img { width: 100%; }
.m_best dl {width:100%;margin:0;padding:18.5px 0 0;background:#fff;text-align:center;}
.m_best dt {margin:0;padding:0;font-size:15.5px;font-weight:700;color:#000;}
.m_best dd {margin:0;padding:0;}
.m_best .summary { padding: 8.5px 0 10px !important; font-size: 13.5px; line-height: 15px; color: #040404; }
.m_best .price {font-weight:700; font-size: 15.5px; color: #f1592a; }
.m_best .btns { padding: 7.5px 12px; }
.m_best .btns a { display: block; padding: 7.5px; background: #f1592a; fot-weight: 700; font-size: 13px; color: #f9f8f6; }
.m_best .swiper-container {width:100%;height:100%;position: absolute; padding-top: 34%; top: 0; left: 0; }
.m_best .swiper-pagination {padding-top:42px;background:url(../img/touch.png) no-repeat 50% 0;background-size:56.5px auto;bottom:5%;left: 0;}
.m_best .swiper-pagination-bullet {background:#fff !important;opacity:0.5 !important;}
.m_best .swiper-pagination-bullet-active {background:#fff !important;opacity:1 !important;}
.m_best .swiper-prev-next { width: 74.4%; margin-left: -37.2%; position: absolute; top: auto; bottom: 5%; left: 50%; }
.m_best .swiper-button-prev { left: 0; top: auto; bottom: 0;}
.m_best .swiper-button-next { right: 0; top: auto; bottom: 0;}

.m_guide { clear: both; background: #efefef; }
.m_guide h2 { text-align: center; }
.m_guide h2 img { width: 100%; }
.m_guide ul { display: table; width: 100%; text-align: center; }
.m_guide li { display: table-cell; width: 25%; padding: 0 0.66666666667%; }
.m_guide li a { display: block; width: 100%; height: 0; padding-top: calc(177 / 177 * 100%); background-size: cover !important; position: relative; }
.m_guide li a span { display: inline-block; width: 100%; text-align: center; font-weight: 700; font-size: 91.6%; line-height: 108%; color: #fff; position: absolute; top: 70%; left: 0; }
#m_guam li:nth-child(1) a { background: url(../img/m_guam1.gif) no-repeat; }
#m_guam li:nth-child(2) a { background: url(../img/m_guam2.gif) no-repeat; }
#m_guam li:nth-child(3) a { background: url(../img/m_guam3.gif) no-repeat; }
#m_guam li:nth-child(4) a { background: url(../img/m_guam4.gif) no-repeat; }
#m_saipan { padding-bottom: 57px; }
#m_saipan li:nth-child(1) a { background: url(../img/m_saipan1.gif) no-repeat; }
#m_saipan li:nth-child(2) a { background: url(../img/m_saipan2.gif) no-repeat; }
#m_saipan li:nth-child(3) a { background: url(../img/m_saipan3.gif) no-repeat; }
#m_saipan li:nth-child(4) a { background: url(../img/m_saipan4.gif) no-repeat; }
#m_guam li:nth-child(4) a span,
#m_saipan li:nth-child(2) a span,
#m_saipan li:nth-child(3) a span,
#m_saipan li:nth-child(4) a span { top: 65%; }


.detail_top { font-size: 0; line-height: 0; }
.detail_top .thumb img { width: 100%; }
.detail_top .info { text-align: center; }
.detail_top .info dt,
.detail_top .info dd { display: block; }
.detail_top .info dt img { width: 100%; }
.detail_top .info dd { padding: 20px; padding-top: 0; background: #5494f0; }
.detail_top .info dd a { display: block; width: 155.5px; margin: 20px auto 0 auto; }
.detail_top .info dd a img { width: 100%; }
.detail_top .info2 { width: 100%; position: fixed; bottom: 0; left: 0; z-index: 100; }
.detail_top .info2 > dl { display: table; width: 100%; background: #fff; border-top: 1px solid #010101; border-bottom: 1px solid #010101; }
.detail_top .info2 > dl > dt { display: table-cell; width: 35%; vertical-align: middle; text-align: center; font-size: 0.75rem; color: #000; }
.detail_top .info2 > dl > dt strong { display: inline-block; font-weight: 700; font-size: 1.25rem; color: #000; }
.detail_top .info2 > dl > dd { display: table-cell; width: 65%; text-align: right; }
.detail_top .info2 > dl > dd a { display: table-cell; border-left: 1px solid #010101; }
.detail_top .info2 > dl > dd a img { width: 100%; }
.detail_top .info2 .ref { width: 100%; padding-bottom:42px; background: #fff; position: absolute; left: 0; }
.detail_top .info2 .ref .btn_close { display: block; width: 26.5px; height: 26.5px; background: url(../img/btn_close.png) no-repeat; background-size: contain; position: absolute; top: 5.5px; right: 9px; }
.detail_top .info2 .ref h2 { height: 38px; padding: 0 24px; border-top: 1px solid #222; border-bottom: 1px solid #222; font-weight: 500; font-size: 15px; line-height: 38px; }
.detail_top .info2 .ref h2 .total { font-weight: 500; font-size: 12px; font-weight: 700; }
.detail_top .info2 .ref h2 .total strong { font-weight: 700; color: #fc4645; }
.detail_top .info2 .ref .list { display: table; width: 100%; padding: 5px 0 0; }
.detail_top .info2 .ref .list li { display: table-row; }
.detail_top .info2 .ref .list .thumb,
.detail_top .info2 .ref .list dl { display: table-cell; vertical-align: top; }
.detail_top .info2 .ref .list .thumb { width: 36%; padding: 7.5px 24px; }
.detail_top .info2 .ref .list .thumb img { width: auto; max-height: 70px; }
.detail_top .info2 .ref .list dl { width: 64%; padding: 7.5px 17px 7.5px 0 ; text-align: left; }
.detail_top .info2 .ref .list dl > dt { font-weight: 700; font-size: 15px; line-height: 22px; color: #000}
.detail_top .info2 .ref .list .summary { padding-bottom: 7px; font-size: 11px; line-height: 13.5px; color: #040404}
.detail_top .info2 .ref .list .price { font-weight: 700; font-size: 15px; line-height: 15px; color: #f1592a}
.detail_top .info2 .ref .list .price .won { font-weight: 500; font-size: 10px; color: #f1592a}
.detail_top .info2 .swiper-prev-next { width: 96.26%; height: 26.5px; margin-left: -48.13%; position: absolute; top: auto; bottom: 7px; left: 50%; }
.detail_top .info2 .swiper-button-prev { background: url(../img/btn_prev2.png) no-repeat; left: 0; top: auto; bottom: 0;}
.detail_top .info2 .swiper-button-next { background: url(../img/btn_next2.png) no-repeat; right: 0; top: auto; bottom: 0;}

.detail_tabs .tabs { display: table; width: 100%; margin: 0; padding: 10.5px 1px 14px; list-style: none; text-align: center; }
.detail_tabs .tabs.fixed { background: #fff; position: fixed; top: 0; left: 0; z-index: 100; }
.detail_tabs .tabs li { display: table-cell; width: 25%; }
.detail_tabs .tabs li:first-child { border-left: 0; }
.detail_tabs .tabs li a { display: block; height: 34.5px; text-indent: -50000px; background-size: contain !important; position: relative; }
.detail_tabs .tabs li:nth-child(1) a {background: url(../img/detail_tabs1.gif) no-repeat 50% 0;}
.detail_tabs .tabs li:nth-child(1).active a {background: url(../img/detail_tabs1_o.gif) no-repeat 50% 0;}
.detail_tabs .tabs li:nth-child(2) a {background: url(../img/detail_tabs2.gif) no-repeat 50% 0;}
.detail_tabs .tabs li:nth-child(2).active a {background: url(../img/detail_tabs2_o.gif) no-repeat 50% 0;}
.detail_tabs .tabs li:nth-child(3) a {background: url(../img/detail_tabs3.gif) no-repeat 50% 0;}
.detail_tabs .tabs li:nth-child(3).active a {background: url(../img/detail_tabs3_o.gif) no-repeat 50% 0;}
.detail_tabs .tabs li:nth-child(4) a {background: url(../img/detail_tabs4.gif) no-repeat 50% 0;}
.detail_tabs .tabs li:nth-child(4).active a {background: url(../img/detail_tabs4_o.gif) no-repeat 50% 0;}
.detail_tabs .tabs_content { text-align: center; font-size: 0; line-height: 0; }
.detail_tabs .tabs_content img { width: 100%; }
.detail_tabs .tabs_content h2 { border-bottom: 1px solid #d8d8d8; text-align: center; font-weight: 700; font-size: 27.5px; line-height: 50.5px; color: #222;}

.product { padding-bottom: 28px; }
.product .top { position: relative; }
.product .top h3 img { width: 100%; }
.product .top > a { display: block; }
.product .top dl { width: calc(100% - 9px); padding: 15px 0 15px 135px; background: #e85581 url(../img/product_info_bg.gif); position: absolute; bottom: 8px; left: 4.5px; }
.product .top dt { font-size: 18.5px; font-weight: 700; line-height: 17px; color: #fff;  }
.product .top dt span { font-size: 16.5px; }
.product .top .summary { padding: 0; font-size: 13.5px; line-height: 21px; color: #fff; }
.product .top .price { padding: 0 0 12px; font-weight: 700; font-size: 20px; color: #fff; }
.product .top .price .won {  }
.product .top .thumb { width: 88.5px; height: 88.5px; margin-top: -44.25px; position: absolute; top: 50%; left: 27.5px; display:block; overflow:hidden; border-radius: 44.25px; }
.product .top .thumb img { width: 100% !important; height: auto !important; }
.product .top .btn { display: inline-block; height: 24px; padding: 0 15px; background: #fff; border-radius: 12px; font-weight: 700; font-size: 12px; line-height: 24px; font-weight: 700; color: #e85581; }
.product h4 { padding: 46px 0 16px; }
.product .list { margin: 45px 47px 0 47px; padding:0; list-style: none; font-size: 0; line-height: 0; position: relative; }
.product .list li { margin-bottom: 21px; position: relative; box-shadow: 1px 6px 6px 0 lightgray; }
.product .list li > a { display: block; }
.product .list .thumb > img { width: 100%; }

.product .list dl {padding: 0 12px 11px 12px; line-height:1.3; background: #fff; text-align: center;min-height: 158px; }
.product .list dt {padding: 31px 0 0 0; font-size: 18px; font-weight: 700; color: #181818; }
.product .list .category { display: block; width: 100%; text-align: center; font-size:12px; color:#040404;line-height:1.4;padding-top:10px}
.product .list .price { text-align:center; font-size: 15px; font-weight: 700; line-height: 25px; color: #f1592a; }
.product .list .price .won { font-size: 11px; }
.product .list .btns { padding: 6px 0; background: #f1592a; font-size: 12px; font-weight: 700; color: #f9f8f6; }

.info { background: #abd7f5; }
.info .map_box img { width: 100%; }
.info .guide_box { margin: 0 7px 11.5px 7px; padding: 10px; background: #0cace8 url(../img/guam_guide_bg.gif); position: relative; overflow: hidden; }
.info.saipan .guide_box { background: url(../img/saipan_guide_bg.gif) }
.info .guide_box .text { float: left; width: 43.7%; padding-top: 10px; text-align: center; }
.info .guide_box h3 { text-indent: -50000px; height: 37.5px; background: url(../img/guam_guide_box_title.png) no-repeat 50% 0; background-size: auto 100%;}
.info .guide_box .summary { padding-top: 8px; font-size: 12.5px; color: #fff; }
.info .guide_box .summary img { width: 78px; margin-top: 17px; }
.info.saipan .guide_box h3 { height: 37.5px; background: url(../img/saipan_guide_box_title.png) no-repeat 50% 0; background-size: auto 100%; }

.guide_box div.box { float: right; width: 53.6%; height: 100%; padding: 9px 16px; background: #fff; font-size: 13px; line-height: 22px; color: #323232; }
.guide_box div.box strong { font-size: 13px; color: #3ebac4; }
.guide_box .box th,
.guide_box .box td { vertical-align: top; font-size: 12px; }
.guide_box .box th { padding: 0 0 0 20.5px; color: #0cace8; }
.guide_box .box td { padding: 0 8px 0 8px; color: #000; }
.guide_box dl.box { padding: 0 16px 9px 16px; background: #fff; }
.guide_box dt { font-size: 13px; font-weight: 700; line-height: 21px; color: #3ebac4; }
.guide_box dt span { font-weight: 500; font-size: 12px; color: #e85581; }
.guide_box dd { font-size: 12.5px; line-height: 18px; color: #323232; }
.guide_box dd strong { color: #e85581; }

.info .point { width: 100%; height: 0; padding-top: calc(1281 / 750 * 100%); background: url(../img/guam_info_point_bg.jpg ) no-repeat 50% 50%; background-size: cover !important; position: relative; }
.info .point .swiper-container {width:100%;height:100%;position: absolute; padding-top: 45%; top: 0; left: 0; }
.info .point .swiper-wrapper {right:-15%;}
.info .point .swiper-slide {width:70%}
.info .point .thumb { font-size: 0; line-height: 0; }
.info .point .thumb img { width: 100%; }
.info .point dl { min-height: 180px; padding: 21.5px 17px 0 17px; background: #fff; background-size: auto 44px !important; text-align: left; position: relative; }
.info .point dt { padding-bottom: 10px; font-weight: 700; font-size: 15px; letter-spacing: -1px; color: #000; }
.info .point .no { display: inline-block; width: 49px; height: 49px; padding-top: 7px; background: #0cace8; border: 3px solid #deeef8; border-radius: 50%; font-size: 13px; line-height: 13px; font-weight: 700; text-align: center; letter-spacing: 0; color: #fff; position: absolute; top: -58px; left: 20px; }
.info .point .no span { display: block; }
.info .point .summary { text-align: justify; font-size: 13px; line-height: 18px; }
.info .point .swiper-container {width:100%;height:100%;position: absolute; padding-top: 45%; top: 0; left: 0; }
.info .point .swiper-pagination {padding-top:42px;background:url(../img/touch.png) no-repeat 50% 0;background-size:56.5px auto;bottom:3.25%;left: 0; }
.info .point .swiper-pagination-bullet {background:#fff !important;opacity:0.5 !important;}
.info .point .swiper-pagination-bullet-active {background:#fff !important;opacity:1 !important;}
.info .point .point1 dl { background: #fff url(../img/guam_point_icon1.gif) no-repeat 100% 100%; }
.info .point .point2 dl { background: #fff url(../img/guam_point_icon2.gif) no-repeat 100% 100%; }
.info .point .point3 dl { background: #fff url(../img/guam_point_icon3.gif) no-repeat 100% 100%; }
.info .point .point4 dl { background: #fff url(../img/guam_point_icon4.gif) no-repeat 100% 100%; }
.info .point .point5 dl { background: #fff url(../img/guam_point_icon5.gif) no-repeat 100% 100%; }
.info .point .point6 dl { background: #fff url(../img/guam_point_icon6.gif) no-repeat 100% 100%; }
.info .point .point7 dl { background: #fff url(../img/guam_point_icon7.gif) no-repeat 100% 100%; }
.info .point .point8 dl { background: #fff url(../img/guam_point_icon8.gif) no-repeat 100% 100%; }
.info .point .point9 dl { background: #fff url(../img/guam_point_icon9.gif) no-repeat 100% 100%; }
.info .point .point10 dl { background: #fff url(../img/guam_point_icon10.gif) no-repeat 100% 100%; }

.info .transportation { clear: both; background: #5bc4cd; }
.info .transportation h3 img { width: 100%; }
.info .transportation .tabs { display: table; width: 100%; vertical-align: bottom; border-top: 1px solid #fff; margin: 0; padding: 7.5px 0 0; list-style: none; text-align: center; }
.info .transportation .tabs li { display: table-cell; }
.info .transportation .tabs.cols4 li { width: 25%; }
.info .transportation .tabs li a { display: block; height: 61px; padding-top: 40px; background-position: 50% 100% !important; background-size: contain !important; font-size: 13px; font-weight: 700; color: #fff; }
.info .transportation .tabs li.active a { color: #5bc4cd; }
.info .transportation .tabs li:nth-child(1) a { background: url(../img/transportation_tabs1.gif) no-repeat; }
.info .transportation .tabs li:nth-child(1).active a { background: url(../img/transportation_tabs1_o.gif) no-repeat; }
.info .transportation .tabs li:nth-child(2) a { background: url(../img/transportation_tabs2.gif) no-repeat; }
.info .transportation .tabs li:nth-child(2).active a { background: url(../img/transportation_tabs2_o.gif) no-repeat; }
.info .transportation .tabs li:nth-child(3) a { background: url(../img/transportation_tabs3.gif) no-repeat; }
.info .transportation .tabs li:nth-child(3).active a { background: url(../img/transportation_tabs3_o.gif) no-repeat; }
.info .transportation .tabs li:nth-child(4) a { background: url(../img/transportation_tabs4.gif) no-repeat; }
.info .transportation .tabs li:nth-child(4).active a { background: url(../img/transportation_tabs4_o.gif) no-repeat; }
.info .transportation .tabs_content { display: none; background: #fff; }
.info .transportation .tabs_content > dl { margin: 0 9px; }
.info .transportation .tabs_content > dl > dt { padding: 40px 0 6px; font-weight: 700; font-size: 22.5px; color: #443825; }
.info .transportation .tabs_content > dl dd { padding: 12px 0; font-size: 13.5px; line-height: 19px; color: #443825; }
.info .transportation .tabs_content > dl dd.bg { padding: 12px; background: #f0f0f0; font-size: 13.5px; line-height: 21px; }
.info .transportation .tabs_content dd dl { margin: 0 8px; padding: 24px 0; border-top: 1px solid #f0f0f0; }
.info .transportation .tabs_content dd dt { padding-bottom: 12px; font-size: 15px; font-weight: 700; color: #443825; }
.info .transportation .tabs_content dd dd ul { width: 100%; margin: 0; padding: 0; list-style: none; font-size: 0; line-height: 0; }
.info .transportation .tabs_content dd dd li { display: inline-block; vertical-align: top; width: 50%; text-indent: 12px; background: url(../img/dot_6x6_443825.gif) no-repeat 2.5px 50%; background-size: 3px; font-size: 12px; line-height: 20px; color: #443825; }
.info .transportation .tabs_content dd dd li:nth-child(odd) { width: 55%; }
.info .transportation .tabs_content dd dd li:nth-child(even) { width: 45%; }
.info .transportation .box dd { padding-bottom: 20px; line-height: 20px; color: #443825; }
.info .transportation .box dd.bg { margin-bottom: 4px; padding: 14px 23px; background: #f0f0f0; font-size: 13px; }
.info .transportation .box dd dl { border-top: 1px solid #f0f0f0; }
.info .transportation .box dd dl:first-child { border-top: 0; }
.info .transportation .box dd dl dt { padding: 14px 0 1px; font-size: 13px; font-weight: 700; color: #443825; }
.info .transportation .box dd dl dd { padding-bottom: 13px; }
#saipan_info_transportation_tab1 { display: block; }

.airport_to_hotel { clear: both; background: #eef4f4 url(../img/airport_to_hotel_bg.gif) no-repeat 50% 100%; background-size: contain; }
.airport_to_hotel h3 img { width: 100%; }
.airport_to_hotel p { padding-bottom: 51.5%; font-size: 13px; line-height: 17.5px; color: #545454; text-align: center; }

.essential_info { clear: both; padding-bottom: 36px; background: #deeef8; }
.info.saipan .essential_info { background: #eef4f4; }
.essential_info h3 img { width: 100%; }
.essential_info .list { margin: 0; padding: 0 19px; list-style: none; }
.essential_info .list li { padding-top: 10px; }
.essential_info .box { display: table; width: 100%; background: #fff; border: 1px solid #d1d1d1; overflow: hidden; }
.essential_info .box .icon { display: table-cell; vertical-align: middle; background: #ffc85a; width: 19%; font-size: 0; line-height: 0; }
.essential_info .box .icon img { width: 100%; }
.essential_info .box dl { display: table-cell; vertical-align: top; width: 81%; padding: 0 8.5px 0 19px; text-align: left; }
.essential_info .box dt { padding: 11.5px 0 0; font-weight: 700; font-size: 13.5px; color: #292929; }
.essential_info .box .summary { padding: 7.5px 0; font-size: 13.5px; line-height: 21px; color: #292929; }

.info .conversation { background: #fff; }
.info .conversation h3 img { width: 100%; }
.info .conversation ul { margin: 0; padding: 0; list-style: none; }
.info .conversation .list { margin: 0 19px 35px 19px; border-bottom: 2px solid #eaeaea; }
.info .conversation .list ul { border: 1px solid #d1d1d1; }
.info .conversation .list dl { text-align: left; }
.info .conversation .list dt,
.info .conversation .list dd { padding: 0 0 0 42px; height: 40px; background-size: 17px !important; font-size: 13px; line-height: 40px; color: #121212; }
.info .conversation .list dt { background: #fff url(../img/conversation_chamoru.png) no-repeat 11px 50%; }
.info .conversation .list dd { background: #f9f9f9 url(../img/conversation_korean.png) no-repeat 11px 50%; }


.recommend h3 img { width: 100%; }
.recommend .tabs { display: table; width: 100%; text-align: center; }
.recommend .tabs li { display: table-cell; vertical-align: top; }
.recommend .tabs.cols3 li { width: 33%; }
.recommend .tabs.cols2 li { width: 50%; }
.recommend .tabs li a { display: block; height: 79px; padding: 52px 0 0; background-size: contain !important; border: 1px solid #dcdcdc; border-left: 0; font-size: 14px; color: #434343; }
.recommend .tabs li:last-child a { border-right: 0; }
.recommend .tabs li.selected a,
.recommend .tabs li.active a { background: #0cace8; font-weight: 700; color: #fff; }
.recommend.saipan .tabs li.selected,
.recommend.saipan .tabs li.active a { background-color: #3ebac4; }
.recommend .tabs.cols3 li:nth-child(1) a { background: #fff url(../img/guam_recommend_tabs1.gif) no-repeat 50% 0; }
.recommend .tabs.cols3 li:nth-child(1).active a { background: #0cace8 url(../img/guam_recommend_tabs1_o.gif) no-repeat 50% 0; }
.recommend .tabs.cols3 li:nth-child(2) a { background: #fff url(../img/guam_recommend_tabs2.gif) no-repeat 50% 0; }
.recommend .tabs.cols3 li:nth-child(2).active a { background: #0cace8 url(../img/guam_recommend_tabs2_o.gif) no-repeat 50% 0; }
.recommend .tabs.cols3 li:nth-child(3) a { background: #fff url(../img/guam_recommend_tabs3.gif) no-repeat 50% 0; }
.recommend .tabs.cols3 li:nth-child(3).active a { background: #0cace8 url(../img/guam_recommend_tabs3_o.gif) no-repeat 50% 0; }
.recommend .tabs.cols2 li:nth-child(1) a { background: #fff url(../img/saipan_recommend_tabs1.gif) no-repeat 50% 0; }
.recommend .tabs.cols2 li:nth-child(1).active a { background: #3ebac4 url(../img/saipan_recommend_tabs1_o.gif) no-repeat 50% 0; }
.recommend .tabs.cols2 li:nth-child(2) a { background: #fff url(../img/saipan_recommend_tabs2.gif) no-repeat 50% 0; }
.recommend .tabs.cols2 li:nth-child(2).active a { background: #3ebac4 url(../img/saipan_recommend_tabs2_o.gif) no-repeat 50% 0; }
.recommend .tabs_content { display: none; }
#guam_recommend_01,
#saipan_recommend_01 { display: block; }
#guam_recommend_03 { padding-top: 27px; }

.recommend_list .map img { width: 100%; }
.recommend_list p.summary { padding: 0 0 17px 17px; font-weight: 700; font-size: 13.5px; line-height: 22px; color: #0cace8; }
.recommend_list p.summary img { vertical-align: top; height: 16px; margin-right: 6px; }
.recommend_list .title { padding: 0 0 12px 12px; font-size: 20px; font-weight: 700; line-height: 24px; color: #33a2ee; }
.recommend_list .title img { height: 21px; vertical-align: top; }
.saipan .recommend_list .title { color: #5bc4cd; }
.recommend_list .list { margin: 0 12px; padding: 0; list-style: none; font-size: 0; line-height: 0; }
.recommend_list .list li { border: 1px solid #bebebe; margin: 0 0 17.5px; vertical-align: top; }
.recommend_list .thumb { padding: 13px 11px; }
.recommend_list dd.thumb { padding: 13px 0; }
.recommend_list .thumb img { width: 100%; }
.recommend_list .top { border: 1px solid #bebebe; margin: 0 12px 17.5px; vertical-align: top; }

.recommend_list dl { padding: 10px 11px; background: #fff; position: relative; }
.recommend_list dt { display: inline-block; padding: 0 5px; font-size: 17.5px; font-weight: 700; line-height: 28.5px; color: #292929; }
.recommend_list dd.eng { display: inline-block; padding: 7px 0 12px 5px; font-size: 13px; color: #a5a5a5; }
.recommend_list dd.summary { display: block; padding: 0 5px; font-size: 13px; line-height: 19px; text-align: justify; color: #292929; }
.recommend_list .no { display: inline-block; width: 36.5px; height: 36.5px; background: #33a2ee; border: 2px solid #fff; border-radius: 50%; font-size: 15px; line-height: 36.5px; font-weight: 700; text-align: center; letter-spacing: 0; color: #fff; position: absolute; top: -58px; left: 20px; }
.saipan .recommend_list .no { background: #3ebac4; }

.recommend_list .special { margin-top: 18px; padding: 16px; padding-bottom: 0; background: #f0f0f0; line-height: 14.5px; }
.recommend_list .special * { background: #f0f0f0; }
.recommend_list .special p { font-size: 13.5px; font-weight: 700; text-align: center; color: #443825; }
.recommend_list .special dl { height: auto; margin: 0; padding: 0 0 16px !important; }
.recommend_list .special dt,
.recommend_list .special dd { padding: 0; font-size: 12px; font-weight: 500; color: #686868; }
.recommend_list .special dt { font-weight: 700; }

.flight h3 img { width: 100%; }
.flight .map_box { font-size: 0; line-height: 0; }
.flight .map_box img { width: 100%; }
.flight .guide_box { padding: 0 7px; background: #abd7f5; }
.flight .guide_box img { width: 100%; }
.flight .guide_box p { padding: 10px 6px 17.5px 6px; font-size: 11px; color: #252525; }
.flight .list { clear: both; margin: 0; padding: 0 0 34px; list-style: none; font-size: 0; line-height: 0; position: relative; }
.flight .list li { margin: 3px 7px 0 7px; }
.flight .list li:nth-child(2n+1) { padding-top: 50px; background: url(../img/dotted_3x1_c0c0c0.gif) repeat-x 0 25px;}
.flight .list li:first-child { padding-top: 0; background: none; }
.flight .list .box { display: table; width: 100%; }
.flight .list .box > dt { display: table-cell; vertical-align: middle; width: 20%; }
.flight .list .box > dt img { width: 100%; }
.flight .list .box > dd { display: table-cell; vertical-align: middle; width: 80%; padding: 0 7px 0 3.5px; background: #fff url(../img/flight_arrow.gif) no-repeat 49.5% 50%; background-size: 16px auto; border: 1px solid #d4d4d4; border-left: 0; }
.flight .list .box > dd dl { display: table; width: 47%; text-align: center; vertical-align: middle; }
.flight .list .box > dd dt,
.flight .list .box > dd dd { display: table-cell; vertical-align: middle; font-size: 12px; }
.flight .list .box > dd dt { width: 30%; font-weight: 700; line-height: 40.5px; color: #fff; text-align: center; }
.flight .list .box > dd dd { width: 70%; padding: 0 0 0 4px; border: 1px solid #e9e9e9; text-align: left; line-height: 12.5px; color: #262626; }
.flight .list .box > dd dd strong { display: block; }
.flight .left_area { float: left; }
.flight .left_area dt { background: #269ded; }
.flight .right_area { float: right; }
.flight .right_area dt { background: #6fccd3; }

.festival h3 img { width: 100%; }
.line_list ul { margin: 0; padding: 0 12px; list-style: none; }
.line_list li { padding-top: 29px; background: url(../img/line_list_bg.gif) repeat-y 50% 0; background-size: contain;}
.line_list li:first-child { padding-top: 0 }
.line_list .box { background: #fff; border: 1px solid #d1d1d1; position: relative; }
.line_list li:first-child .coner { display: none; }
.line_list .thumb { padding: 11px; }
.line_list .thumb img { width: 100% }
.line_list .box dl { padding: 11px; text-align: left; }
.line_list .box dt { padding: 0 7px 11px 7px; font-size: 17.5px; font-weight: 700; color: #292929; }
.line_list .box .summary { padding: 0 7px 7px 7px; font-size: 13.5px; line-height: 22px; text-align: justify; color: #292929; }
.line_list .box .eng { margin-top: -8px; padding: 0 7px 7px 7px; font-size: 11px; color: #a5a5a5; }
.line_list .box dl .thumb { padding: 10px 0; }
.line_list .bottom { height: 21px; margin-bottom: 21px; background: url(../img/line_list_bg_bottom.gif) no-repeat 50% 0; background-size: contain;}

article.tour h3 { font-size: 0; line-height: 0;}
article.tour h3 img { width: 100%; }

article.golf h3 { font-size: 0; line-height: 0;}
article.golf h3 img { width: 100%; }

article.festival h3 { font-size: 0; line-height: 0;}
article.festival h3 img { width: 100%; }
article.festival .line_list li { padding-top: 44px; }
article.festival .line_list li:first-child { padding-top: 0; }
article.festival .line_list .coner { width: 36px; height: 21px; margin-left: -22px; text-align: center; background: #fff; border: 2.5px solid #4cbfc8; border-radius: 16px; font-size: 13px; line-height: 16px; font-weight: 700; color: #4cbfc8; position: absolute; top: -27px; left: 50%; }
article.festival .line_list .coner:before { display: block; content: ''; width: 36px; height: 2px; background: #fff; position:absolute; top: -4.5px; left: 0; }
article.festival .line_list .coner:after { display: block; content: ''; width: 36px; height: 2px; background: #fff; position:absolute; bottom: -4.5px; left: 0; }


.paging { padding: 2.375rem 0; text-align: center; }
.paging a { display: inline-block; vertical-align: top; width: 1.875rem; height: 1.875rem; border: 1px solid #dfdfdf; font-weight: 700; font-size: 0.75rem; line-height: 1.875rem; color: #656565; }
.paging a.active { background: #55bdff; border: 0; color: #fff; }
.paging a.img { text-indent: -50000px; background-size: cover !important; }
.paging a.first { background: url(../img/paging_first.gif) no-repeat; }
.paging a.prev { background: url(../img/paging_prev.gif) no-repeat; }
.paging a.next { background: url(../img/paging_next.gif) no-repeat; }
.paging a.last { background: url(../img/paging_last.gif) no-repeat; }

#hm_container,
#hm_container * {box-sizing:content-box !important;}
#hm_container select {border:1px solid #ccc;height:30px;line-height:30px;color:#444;padding-left:5px;border-radius:3px;border:1px solid #cecece;border-top:1px solid #c0c0c0;border-left:1px solid #c0c0c0;outline-style:none;font-size:1.0em;}
.btnapp {padding:5px 0 !important;}
.btncancell {padding:5px 0 !important;}


.agSub * {box-sizing:content-box !important}