@charset "utf-8";
@font-face {
    font-family: 'Pretendard-Regular';
    src: url('//fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-style: normal;
}
body, form, p, ul, li {font-family:'Pretendard-Regular';margin:0px;padding:0px;}
ul {list-style:none; margin:0px; padding:0px;}
input, textarea {font-family:'Pretendard-Regular'}

a {text-decoration:none;}

#container  {width:100%;}
.wrapper    {width:1200px;margin:0px auto;}
section {width:100%;float:left;box-sizing:border-box;}

#header {width:100%;height:70px;}
#header #logo {float:left;margin:10px;}
#header #logo img {height:50px;}
#header #quick {float:right;background:royalblue;padding:10px 15px;margin:0px;border-radius:0px 0px 5px 5px;color:#fff;font-weight:bold;font-size:0.8rem;}
#header #quick a {color:#fff;}
#header #quick a:hover {color:#ffff00;text-decoration:none;}

#searchbox {width:100%;background:#4709B4;padding-top:10px;font-size:0.8rem;}
#search {width:1200px;margin:0px auto;background:#4709B4;padding-top:10px;font-size:0.8rem;display:flex;text-align:center;}
#search #banner_left {width:30%;text-align:center;}
#search #search_box {width:40%;margin:0px auto;float:left;color:#fff;font-weight:bold;line-height:2.0rem;margin-bottom:20px;}
#search #search_box input {text-align:left;height:30px;width:280px;}
#search #search_box button {font-weight:bold;height:30px;background:#06D0DA;color:#fff;border:1px solid #fff;border-radius:5px;margin-left:5px;}
#search #banner_right {width:30%;float:right;}
#search #search_box a {color:#fff;}

#gnb    {width:100%;background:#4709B4;font-size:1.0rem;font-weight:bold;text-align:center;}
#gnb ul {display:inline-block;margin:0px;margin-bottom:-4px;}
#gnb ul li {float:left;background:royalblue;padding:10px;border-radius:5px 5px 0px 0px;margin:0px 1px;padding:10px 20px;}
#gnb ul li a {color:#fff;}
#gnb ul li a:hover {color:#ffff00;text-decoration:none;}

#bottom {float:left;border-top:1px solid #eee;border-bottom:1px solid #eee;box-sizing:border-box;margin-top:20px;}
#bottom .corporate {float:left;width:100%;border-bottom:1px solid #eee;box-sizing:border-box;font-size:0.8rem;padding:20px 0px;text-align:center;}
#bottom .company {float:left;width:100%;border-bottom:1px solid #eee;box-sizing:border-box;}
#bottom .company ul {width:1200px;margin:0px auto;box-sizing:border-box;font-size:0.8rem;padding:10px 0px;text-align:center;}
#bottom .company li {display:inline;padding:5px;}
#bottom .copyright {width:1200px;margin:0px auto;box-sizing:border-box;font-size:0.8rem;padding:10px 0px;}
#bottom .copyright p {line-height:1.3rem;margin:5px 0px;}
#bottom .copyright span {display:inline-block;margin-right:20px;}
#bottom #bottom_logo img {height:30px;}

#contents {width:100%;display:flex;font-size:1.0rem;}
#contents .cLeft {flex-basis:18%;}
#contents .cLeft .banLeft {background:#4709B4;color:#fff;height:50px;line-height:50px;margin:10px 0px;text-align:left;padding:0px 10px;}
#contents .cLeft .banLeft a {color:#fff;}
#contents .cLeft .banLeft a:hover {color:#ffff00;}
#contents .cLeft .banLeft span {display:inline-block;}
#contents .cLeft .banLeft .material-symbols-outlined {vertical-align:middle;display:inline-block;margin-right:10px;font-size:35px;margin-top:-20px;}
#contents .cLeft .banLeft .banLabel {line-height:1.0rem;padding-top:10px;}
#contents .cLeft .banLeft .banLabel .elabel {font-size:0.7rem;}
#contents .cLeft .basicInfo {border:5px solid #4709B4;text-align:left;line-height:2.0rem;margin-top:-20px;}
#contents .cLeft .basicInfo .lContact {line-height:1.5rem;margin:10px;display:inline-block;padding-top:10px;}
#contents .cLeft .basicInfo .lContact .callnum {font-size:1.5rem;}
#contents .cLeft .basicInfo ul {margin:10px;font-size:1.0rem;}
#contents .cLeft .basicInfo ul li .material-symbols-outlined {vertical-align:middle;display:inline-block;margin-right:5px;font-size:1.0rem;}

#contents .cRight {flex-basis:18%;}
#contents .cRight .banRight {background:#4709B4;color:#fff;height:50px;line-height:50px;margin:10px 0px;text-align:left;padding:0px 10px;}
#contents .cRight .banRight a {color:#fff;}
#contents .cRight .banRight a:hover {color:#ffff00;}
#contents .cRight .banRight span {display:inline-block;}
#contents .cRight .banRight .material-symbols-outlined {vertical-align:middle;display:inline-block;margin-right:10px;font-size:35px;margin-top:-20px;}
#contents .cRight .banRight .banLabel {line-height:1.0rem;padding-top:10px;}
#contents .cRight .banRight .banLabel .elabel {font-size:0.7rem;}
#contents .cRight .basicInfo {border:5px solid #4709B4;text-align:left;line-height:2.0rem;margin-top:-20px;}
#contents .cRight .basicInfo .lContact {line-height:1.5rem;margin:10px;display:inline-block;padding-top:10px;}
#contents .cRight .basicInfo .lContact .callnum {font-size:1.5rem;}
#contents .cRight .basicInfo ul {margin:10px;font-size:1.0rem;}
#contents .cRight .basicInfo ul li .material-symbols-outlined {vertical-align:middle;display:inline-block;margin-right:5px;font-size:1.0rem;}

#contents .cRight .banRightIcon {margin:10px 0px;text-align:left;padding:0px;display:flex;justify-content:space-between;}
#contents .cRight .banRightIcon p {background:royalblue;color:#fff;flex-basis:32%;text-align:center;padding:10px 0px;font-size:0.8rem;}
#contents .cRight .banRightIcon p a {color:#fff;}
#contents .cRight .banRightIcon p a:hover {color:#ffff00;text-decoration:none;}

#contents .cCenter {flex-basis:64%;padding:0px 10px;}
#contetns .cCenter ul {margin:10px;}

#contents .cCenter .banCenter {background:#4709B4;color:#fff;height:50px;line-height:50px;margin:10px 0px;text-align:left;padding:0px 10px;}
#contents .cCenter .banCenter a {color:#fff;}
#contents .cCenter .banCenter a:hover {color:#ffff00;}
#contents .cCenter .banCenter span {display:inline-block;}
#contents .cCenter .banCenter .material-symbols-outlined {vertical-align:middle;display:inline-block;margin-right:10px;font-size:35px;margin-top:-5px;}
#contents .cCenter .banCenter .banLabel {font-size:1.2rem;line-height:1.2rem;padding-top:15px;}
#contents .cCenter .banCenter .banLabel .elabel {font-size:1.0rem;margin-left:10px;}
#contents .cCenter .worldmap  {margin-top:10px;}
#contents .cCenter .worldmap img {width:100%}

.fotorama__wrap--css3 .fotorama__html,.fotorama__wrap--css3 .fotorama__stage .fotorama__img
{
transition-property:opacity;
transition-timing-function:linear;
transition-duration: 0ms; //previous value = 0.3s
}
#contents .cLeft .area {border:5px solid #4709B4;text-align:left;line-height:2.0rem;margin-top:-20px;padding:10px;}
#contents .cLeft .area span {display:inline-block;margin-right:10px;}

/* list */
.s_contents {margin:10px 0px 10px 10px;width:100%;box-sizing:border-box;}
.svisual {margin-bottom:10px;position:relative;}
.svisual div {position:absolute;color:#fff;box-sizing:border-box;padding:20px;text-shadow:0px 0px 5px #000;line-height:3.0rem;}
.chn {right:0px;bottom:0px;text-align:right;}
.jpn {right:0px;bottom:0px;text-align:right;}
.kor {right:0px;bottom:0px;text-align:right;}
.phi {left:0px;top:0px;}
.tha {right:0px;bottom:0px;text-align:right;}
.vtn {left:0px;top:0px;}
.lao {right:0px;bottom:0px;text-align:right;}
.svisual div h1 {font-size:2.5rem;margin:0px;}
.svisual div p {font-size:1.5rem;}

/* goods */
.contentHead {width:100%;float:left;margin-bottom:10px;}
.searchProductBox {float:left;}
.linemap {float:right;text-align:right;}
.contentBody table {width:100%;border-collapse:collapse;border-bottom:1px solid #ddd;overflow:hidden;white-space:nowrap;word-break:break-all;text-overflow:ellipsis;}
.contentBody table th {border-top:1px solid #ddd;padding:10px 5px;}
.contentBody table td {border-top:1px solid #ddd;padding:10px 5px;}
.contentViewBody table {width:100%;border-collapse:collapse;border-bottom:1px solid #ddd;}
.contentViewBody table th {border-top:1px solid #ddd;padding:10px 5px;}
.contentViewBody table td {border-top:1px solid #ddd;padding:10px 5px;}
.gtitle span {max-width:500px;display:inline-block;overflow:hidden;white-space:nowrap;word-break:break-all;text-overflow:ellipsis;}
select, input {font-size:1.0rem;}
.inputbtn {background:#4709B4;color:#fff;border:0;padding:3px 10px;border-radius:5px;}
.btnAdm {background:#4709B4;color:#fff;border:0;padding:3px 10px;border-radius:5px;height:25px;}
.alr {text-align:right;}
.alc {text-align:center;}
.bt {text-align:center;}
.pg {width:100%;text-align:center;margin:20px 0px;}

/* sub visual */
.company_visual {position:relative;text-align:center;margin-bottom:10px;}
.company_visual .caption {position:absolute;left:35%;top:35%;color:#fff;text-shadow:0px 0px 10px #000;line-height:3.0rem;font-weight:bold;}
.company_visual .caption h1 {font-size:2.5rem;margin:0px;}
.company_visual .caption p {font-size:1.5rem;}

.greeting img {float:left;}
.greeting div {float:left;box-sizing:border-box;padding:0px 20px;line-height:2.0rem;}
.greeting div h2 {margin:0px;}
.greeting ul {list-style:disc;margin:20px;}
.greeting .desc {line-height:1.8rem;font-weight:bold;}

.greeting .ticketinfo {max-width:730px;}

.eticket {line-height:2.5rem;background:#eaeaea;padding:20px;border-radius:5px;}
.tit  {width:80px;display:inline-block;}
.btnAdm {float:left;height:30px;padding:0px 10px;margin:10px 5px;line-height:1.5rem;font-weight:bold;cursor:pointer;}
span.btnAdm {line-height:2.0rem;}
.agree {width:100%;float:left;margin-bottom:20px;}
.agree textarea {width:100%;height:400px;line-height:1.5rem;padding:10px;box-sizing:border-box;border:1px solid #ddd;}

/* 여행상품 상세 보기 */
.ptitle {width:100%;background-image:url('/img/sub01_cont_titbg.gif');float:left;height:35px;line-height:15px;padding:10px;box-sizing:border-box;margin-bottom:20px;}
.pbox {width:100%;margin-bottom:20px;}
.pbox .pic {width:50%;float:left;}
.pbox .pic img {width:100%;}
.pdesc {width:50%;float:left;overflow:hidden;}
.pdesc table {width:100%;margin:0px 20px;box-sizing:border-box;}
.pdesc table th {text-align:left;padding:5px;width:100px;line-height:1.5rem;}
.pdesc table th .ptt {display:inline-block;width:80px;}
.pdesc table td {text-align:left;padding:5px;}
.pdesc .pbtbox {margin:20px 20px;clear:both;}
.pdetails {width:100%;float:left;}
.admOnly {background:royalblue;}

.ptab {width:100%;float:left;height:46px;line-height:15px;padding:10px;box-sizing:border-box;margin-top:20px;border-bottom:1px solid royalblue;}
.ptab {float:left;}
.ptab ul li {float:left;background:#9c99a3;color:#fff;padding:10px 20px;border-radius:10px 10px 0px 0px;border-bottom:1px solid royalblue;margin-right:2px;}
.ptab ul li:hover {background:royalblue;cursor:pointer;}
.ptab ul li.chk {background:royalblue;color:#fff;padding:10px 20px;border-radius:10px 10px 0px 0px;}
.ptab ul li a {color:#fff;}
.bookmark {width:100%;float:left;height:20px;}

.pintro {padding:10px;}
.pintro h2 {font-size:1.2rem;float:left;width:100%;}

.pservicelist {padding:10px;}
.pservicelist h2 {font-size:1.2rem;float:left;width:100%;}

.premark {padding:10px;}
.premark h2 {font-size:1.2rem;float:left;width:100%;}

.pschedule {padding:10px;}
.pschedule h2 {font-size:1.2rem;float:left;width:100%;}
.pschedule table {float:left;margin-top:10px;}
.pschedule table tr th {border-right:1px solid #ddd;border-left:1px solid #ddd;background:#eee}
.pschedule table tr th.day {width:50px;}
.pschedule table tr th.area {width:80px;}
.pschedule table tr td {text-align:center;border-right:1px solid #ddd;border-left:1px solid #ddd;}
.pschedule table tr td.details {text-align:left;padding:10px;line-height:1.5rem;}
.pschedule table tr td.foods {text-align:left;}

.ppriviledge {padding:10px;}
.ppriviledge h2 {font-size:1.2rem;float:left;width:100%;}

.pcommons {padding:10px;}
.pcommons h2 {font-size:1.2rem;float:left;width:100%;}

/* passport */
.checklist #ajax_data .desc {width:100%;float:left;padding:10px;box-sizing:border-box;line-height:1.5rem;}
.checklist #ajax_data .desc p img {float:right;margin:0px 0px 0px 20px;}
.checklist #ajax_data .desc table {margin-bottom:20px;}
.checklist #ajax_data .desc table .article {width:200px;}

.desc .mofa {width:100%;background:#eee;box-sizing:border-box;padding:20px;margin-top:20px;}
.desc .mofa img {float:left;margin-right:20px;}

.desc .photo {width:100%;background:#eee;box-sizing:border-box;padding:20px;margin-top:20px;float:left;}
.desc .photo img {float:left;margin-right:20px;}
.desc .photo ul {list-style:square;float:left;margin-left:20px;}

/* visa */
.visa p {width:100%;float:left;margin-bottom:20px;}
.visa p table .article {width:100%;float:left;margin-bottom:20px;}
.visa .depth {display:inline-block;margin-left:10px;}
.tbold {font-weight:bold;}

/* packing */
.packing p {line-height:1.5rem;}
.packing p span {font-weight:bold;}
.packing p img {float:right;margin-left:20px;}
.packing table {margin:20px 0px;}
.packing table .article {width:100px;}
.packing table td {line-height:1.5rem;}

#manager {width:100%;box-sizing:border-box;padding:20px;}
#manager table {width:100%;}
#manager table tr th {padding:5px;width:100px;background:royalblue;color:#fff;text-align:left;}
#manager table tr td input[type='text'] {border:1px solid #ccc;padding:5px;}
#manager table tr td textarea {border:1px solid #ccc;padding:5px;}
#manager table tr td .fullwidth {width:100%;box-sizing:border-box;}
#manager table tr td .textrows {height:300px;}
#manager table tr td select {border:1px solid #ccc;padding:4px;}

.timetable tr th {text-align:center !important;}
.timetable tr td {text-align:center;border-bottom:1px solid #ddd;}
.timetable tr th:first-child {width:50px !important;}
.timetable tr th:nth-child(2) {width:40px !important;}
.timetable tr th:nth-child(3) {width:60px !important;}
.timetable tr th:nth-child(4) {width:40px !important;}
.timetable tr th:nth-child(5) {width:40px !important;}
.btnline {width:100%;text-align:center;}
.btnline .btnAdm {float:none;padding: 5px 10px;}