@charset "utf-8";

/* import */
@import url("common.css");
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
/*-------layout--------------------------------------------------------*/
html{max-width:100%;}
body {width:100%; font-family:'NanumSquare','NanumBarunGothic','Nanum Gothic',Dotum,Helvetica,"Apple SD Gothic Neo",Sans-serif;font-size:13px;;line-height:1.6; background:#fff; color: #222;height:100%;}

#wrap,
#header,
#container,
#content,
#footer {width:100%;position:relative; /*min-width:320px;*/}

.m_main {width:100%;max-width:1135px; margin:0 auto; position:relative}

.main_body {background:url(../img/bg01.jpg) no-repeat;}

@media all and (max-width:1135px){
    .m_main {padding:0 10px;}
}

/*------- header --------------------------------------------------------*/
#header {border-bottom:3px solid #b4986b; z-index:100;font-family:'NanumSquare'; background:#fff;}
#header .header-wrap {padding:23px 0;}
#header .header-wrap:after{content:"";display:block; height:0; visibility: hidden; clear: both;}
#header #logo {float:left;}
#header #logo img {display:block}
#header .top-nav {position:absolute; right:0;top:13px; font-size:12px;}
#header .top-nav > li {float:left; margin-left:0px;}
#header .top-nav > li a {color:#7a7a7a;}

#header .gnb {float:right; margin-top:44px;}
#header .gnb .inner {position:relative;}
#header .gnb .inner .nav {float: left;}
#header .gnb .inner .nav:after {content:"";display:block; height:0; visibility: hidden; clear: both;}
#header .gnb .inner .nav > li {float:left; margin-right:40px; position: relative; z-index: 9;display: block; height:30px;}
#header .gnb .inner .nav > li:last-child {margin-right:0;}
#header .gnb .inner .nav > li:hover > ul {left: -2px;}
#header .gnb .inner .nav > li a {font-size:21px; color:#2a303b;line-height:1;}
#header .gnb .inner .nav > li a.active {color:#a37e39;}

/*level2*/
#header .gnb .inner .row-depth {position: absolute; left: -999em; top: 25px; width:200px; padding: 50px 10px 10px 10px; background:rgba(255,255,255,0.95);display:none;font-family:'Nanum Gothic'}
#header .gnb .inner .row-depth:after {content:"";display:block; height:0; visibility: hidden; clear: both;}
#header .gnb .inner .row-depth > li {display:block;width:100%;}
#header .gnb .inner .row-depth > li a {font-size:16px; color:#4a4c50; margin-bottom:10px; line-height:30px;white-space: nowrap; font-weight:bold;font-family:'Nanum Gothic'}
#header .gnb .inner .row-depth > li a.active {border-bottom:1px solid #4a4c50; color:#4a4c50; font-weight:bold;}
#header .gnb .inner .row-depth > li a:hover{border-bottom:0; color:#4a4c50; font-weight:bold;}
#header.active .gnb .inner .row-depth {display:block;}

#header .gnb .inner .depth3 > li a {font-size:13px; color:#4a4c50; margin-bottom:10px; line-height:30px;white-space: nowrap; font-weight:bold;font-family:'Nanum Gothic'}


#header .btn-menu {display:none;}
#header .btn-menu .bar,
#header .btn-menu .bar:before,
#header .btn-menu .bar:after {
    content: ""; display: inline-block; width: 20px; height: 2px; background:#000; position: absolute; left: 50%; top: 50%;
    transform: translate(-50%, -50%) rotate(0deg);
    transition: all 500ms ease-in-out;
}
#header .btn-menu .bar:before {top:6px;}
#header .btn-menu .bar:after {top:-4px;}

#header.active .btn-menu .bar,
#header.active .btn-menu .bar:before,
#header.active .btn-menu .bar:after {
    transition: all 500ms ease-in-out;
}
#header.active .btn-menu .bar {background:rgba(0, 0, 0, 0)}
#header.active .btn-menu .bar:before{
    top:50%;
   transform:translate(-50%, -50%)  rotate(-45deg);
}
#header.active .btn-menu .bar:after {
    top:50%;
    transform:translate(-50%, -50%)  rotate(45deg);
}
.current>a{
    color: #a37e39 !important;
}
#header .gnb .inner .nav > li a:hover{color: #a37e39 !important;}
@media all and (max-width:1135px){
    #header .top-nav {right:10px;}
    #header .gnb {padding-right:0;}
}
@media all and (max-width:970px){
    #header .gnb .inner .nav > li {margin-right:30px;}
    #header .gnb .inner .nav > li a {font-size:18px;}
    #header.active:before {height:210px;}
    #header .gnb .inner .row-depth > li a {font-size:12px;}
}
@media all and (max-width:768px){
    #header {height:60px;}
    #header .header-wrap {padding:10px 0 0;}
    #header #logo {width:100%; text-align:center;}
    #header #logo img {height:40px; display:inline-block;}

    #header .gnb .btn-menu {position:absolute; left:0; top:0; width:40px; height:60px; display:block;}
    #header .gnb .inner {display:none;}

    #header.active:before {display:none;}

    #header.active .gnb .inner{display:block;margin-top:0; position:absolute; top:60px; background:#fff; width:100%;left:0; padding:20px; box-shadow: 2px 2px 2px rgba(0,0,0,0.4)}

    #header .gnb .inner ul,
    #header .gnb .inner ul li {display:block; width:100%;}
    #header .gnb .inner .nav > li {margin-right:0; border-bottom:1px solid #ccc;}
    #header .gnb .inner .nav > li a {padding:10px 0; font-size:14px;float:left;display:block;}
    #header .gnb .inner .nav .row-depth {display:none; position:static; padding-left:10px; padding-top:0;}
    #header .gnb .inner .nav > li.active .row-depth {display:block;}
    #header .gnb .inner .row-depth > li a {padding:2px 0;}
    #header .gnb .inner .row-depth > li a:hover {border-bottom:0;}
    #header .top-nav {display:inline-block;}

}
@media all and (min-width:769px){
	a.menu_arrow{display:none;}
	#header.active .gnb .inner .row-depth.foo_style {
    display: block !important;
	}
	#header .gnb .inner .row-depth.foo_style {
    display: none !important;
	}
}

/*------- footer --------------------------------------------------------*/
#footer .foot1 {background:#2a303b; padding:55px 0 65px 0; color:#fff;}
#footer .foot1:after{content:"";display:block; height:0; visibility: hidden; clear: both;}
#footer .foot1 .foot-ul {width:50%; float:left;}
#footer .foot1 .foot-ul:after{content:"";display:block; height:0; visibility: hidden; clear: both;}
#footer .foot1 .foot-ul > li {float:left; width:50%;padding-left:110px;}
#footer .foot1 .foot-ul > li:last-child {margin-right:0;}
#footer .foot1 .foot-ul > li dl dt,
#footer .foot1 .foot-ul > li dl dd {width:100%; font-size:14px;}
#footer .foot1 .foot-ul > li > dl > dt {font-size:20px;line-height:1}
#footer .foot1 .foot-ul > li > dl > dt .tel {font-size:30px;line-height:1; margin-bottom:5px; display:block; margin-top:10px;}
#footer .foot1 .foot-ul > li > dl > dd {margin-top:20px;}
#footer .foot1 .foot-ul > li > dl.cs > dd {margin-top:10px;}
#footer .foot1 .foot-ul > li > dl > dd .row-dl dd {font-size:18px; font-weight:700;}
#footer .foot1 .foot-ul > li > dl > dd .row-ul a {color:#fff; }

#footer .foot2 {padding:18px 0 22px 0; background:#fff;}
#footer .foot2 .info {text-align:center;}
#footer .foot2 .info > li {display:inline-block; color:#66676b; font-size:12px; line-height:1.6;}
#footer .foot2 .copy {text-align: center; margin-top:20px;}
#footer .foot2 .copy * {display:inline-block; font-size:12px; color:#adbac4; vertical-align: middle;}
#footer .foot2 .copy img {margin-right:17px;}

@media all and (max-width:1135px){
    #footer .foot1 .foot-ul > li {padding-left:50px;}
}
@media all and (max-width:900px){
    #footer .foot1 .foot-ul > li {padding-left:0;}
}
@media all and (max-width:768px){
    #footer .foot1 {padding-top:20px; padding-bottom:0; text-align: center;}
    #footer .foot1 .foot-ul {width:100%; float:left;}
    #footer .foot1 .foot-ul > li {margin-bottom:20px; width:100%;}

    #footer .foot1 .foot-ul > li dl dt {font-size:16px;}
    #footer .foot1 .foot-ul > li dl dd {font-size:12px;}
    #footer .foot1 .foot-ul > li > dl > dd {margin-top:10px;}
    #footer .foot1 .foot-ul > li > dl > dt .tel {font-size:20px;}
    #footer .foot1 .foot-ul > li > dl.cs > dd {margin-top:0;}
    #footer .foot1 .foot-ul > li > dl.cs > dd p {display:inline-block; margin-right:5px;}
    #footer .foot1 .foot-ul > li > dl > dd .row-dl dt,
    #footer .foot1 .foot-ul > li > dl > dd .row-dl dd {display:inline-block; width:auto;}
    #footer .foot1 .foot-ul > li > dl > dd .row-dl dd {margin-right:10px;}
    #footer .foot1 .foot-ul > li > dl > dd .row-ul li {display:inline-block; margin-right:10px;}
    #footer .foot2 .copy span {display:block; width:100%; margin-top:10px;}
}

/*------- container --------------------------------------------------------*/
.img_st .bg-btn img {width: 260px; padding: 60px 0 100px 0; text-align: center; margin: 0 auto}

.keyvisual .bg-wrap { font-family:'NanumSquare';}
.keyvisual .bg-wrap img {  width:100%; text-align: center; margin: 0 auto}
.img_st .bg-wrap img { width:100%; text-align: center; margin: 0 auto}
.img_st .bg-wrap_m img { width:100%; text-align: center; margin: 0 auto; }
.img_st .bg-wrap_m ul li {display: none}
.keyvisual02 {width: 1114px;text-align: center}

.bg-wrap .newstyle {background-color: #c0c5ce}
/*.keyvisual .m_main {
    height:433px; position:absolute; left:calc((100% - 1135px) / 2); top:0;
}
.keyvisual .left-box {
    position:absolute; left:0; top:50%; background:rgba(0, 0, 0, 0.6); padding:70px 50px 80px 37px;
    transform: translate(0, -50%);
}
.keyvisual .left-box:before {content:""; width:63px; height:63px; background:url(../img/key_box.png) no-repeat; position:absolute; right:0; top:0;}
.keyvisual .left-box strong {font-size:20px; color:#bdb86b;line-height:1; font-weight:100;}
.keyvisual .left-box strong:after {content:""; width:113px; height:3px; background:#bdb86b; display:block; }
.keyvisual .left-box p {color:#fff; font-size:17px; margin-top:20px;}
.keyvisual .left-box p.btt {margin-top:35px; font-size:18px;}
.keyvisual .right-btn {position:absolute; top:0; right:0; height:100%;}
.keyvisual .right-btn li {padding-bottom:1px;height:33.33%;}
.keyvisual .right-btn li:last-child {padding-bottom:0;}
.keyvisual .right-btn li a {background:rgba(0,0,0,0.6); padding:25px 20px; display:block; height:100%; color:#fff;}
.keyvisual .right-btn li a strong {font-size:23px; font-weight:400;}
.keyvisual .right-btn li a strong span {font-size:24px; color:#cbcbcb; margin-left:12px;}
.keyvisual .right-btn li a p {margin-top:15px; font-size:15px;}*/

.section-tit {font-size:25px; text-align:center; line-height:1;color:#90703c; font-weight:400;}
h2.section-tit2 { font-size: 38px;text-align: center; line-height: 1; color: #90703c; font-weight: 400; display: inline;}
.h-sub-tit{color:#90703c; padding:0 10px; font-size:20px; vertical-align: baseline;}
.section-tit.t2 {text-align: left;}
.section-tit.t2 small{font-size:24px; margin-left:10px;}


.section-tit.t3 {text-align: center;}
.section-tit.t3 small{font-size:24px; margin-left:10px;}


.section-dec {font-size:22px; text-align:center; color:#777; margin-top:25px;}
.section_info { text-align:center; font-size: 18px; color: #777}
@media all and (max-width:1135px){
	.keyvisual .m_main {left:0;}
	.img_st .bg-wrap ul li { display: none}
	.img_st .bg-wrap_m ul li { display:block;}
}
@media all and (max-width:900px){
    .section-dec br {display:none;}

    #content section { padding-bottom:10px;}
    .section-tit {font-size:22px; text-align:center; line-height:1;color:#90703c;}
    .section-dec {font-size:18px; text-align:center; color:#777; margin-top:25px;}
	h2.section-tit2 { font-size: 22px; text-align: center; line-height: 1; color: #90703c;}
	.section-tit-small { font-size: 13px; margin-left: 0px; margin-top: 10px;display: block; color: #90703c;}
	.m-sub-tit { font-size: 13px; margin-left: 0px; margin-top: 10px; display: block; color: #90703c;}
}
@media all and (max-width:768px){
	.keyvisual .m_main {
		height:433px; position:absolute; left:0; top:0;
		max-width:100%;
	}
    .keyvisual {height:auto;}
    .keyvisual .left-box {
        left:8%; width:84%; padding-left:15px; padding-right:15px;padding-bottom:20px; margin-top:-36px;
        transform: translate(0%, -50%);
    }
    .keyvisual .left-box p br {display:none;}
    .keyvisual .right-btn {height:auto;left:0; bottom:0; top:auto;}
    .keyvisual .right-btn:after{content:"";display:block; height:0; visibility: hidden; clear: both;}
    .keyvisual .right-btn li {float:left; width:33.33%;padding-bottom:0; padding-right:1px;}
    .keyvisual .right-btn li:last-child {padding-right:0;}
    .keyvisual .right-btn li a {padding:10px;}
    .keyvisual .right-btn li a strong {font-size:18px;}
    .keyvisual .right-btn li a strong span {display:block; font-size:16px; margin-left:0; font-size:13px;}
    .keyvisual .right-btn li a p {display:none;}
	.h-sub-tit{text-align:left;}
}

/*-- content --*/
#content {background:#fbf9f9; padding-bottom:57px;}

@media all and (max-width:768px){
    #container {}
    #content {padding-bottom:10px;}
}
/*-- page-main --*/
.page-main #content {background:url(../img/pt1.png) repeat; }

.section-haerang1 {padding:0 12px; padding-top:85px;}
.section-haerang1 #slid-schedule {width:100%; max-width:1290px; margin:0 auto; margin-top:117px; position:relative; padding:0 88px;}
.section-haerang1 #slid-schedule .item {padding:0 12px;}
.section-haerang1 #slid-schedule .img-wrap {position:relative}
.section-haerang1 #slid-schedule .img-wrap img {width:100%;}
.section-haerang1 #slid-schedule .img-wrap .mark {background: #2a303b; padding:10px 13px; color:#a17e46; text-align: center;position:absolute; left:0; top:0;}
.section-haerang1 #slid-schedule .img-wrap .mark small {line-height:1; font-size:12px; border-bottom:1px solid #a17e46; padding-bottom:5px;}
.section-haerang1 #slid-schedule .img-wrap .mark p {margin-top:5px; font-size:12px; font-weight:700;}

.section-haerang1 #slid-schedule .img-wrap .mark .mark_sub {margin-top:5px; font-size:12px; font-weight:700;}

.section-haerang1 #slid-schedule .txt-wrap {background:#fff; padding:25px; padding-bottom:16px; text-align: center; color:#515151;}
.section-haerang1 #slid-schedule .txt-wrap .tit {font-size:22px; color:#2a303b; line-height:1; text-align: left; display:block;}
.section-haerang1 #slid-schedule .txt-wrap p {margin-top:10px; line-height:1;text-align: left; margin-bottom:20px; width:100%;}
.section-haerang1 #slid-schedule .txt-wrap dl {margin-bottom:10px;text-align:left;}
.section-haerang1 #slid-schedule .txt-wrap dl dt,
.section-haerang1 #slid-schedule .txt-wrap dl dd {display:inline-block; line-height:1;}
.section-haerang1 #slid-schedule .txt-wrap dl dd strong {font-size:22px;}
.section-haerang1 #slid-schedule .txt-wrap .btn {display:inline-block; line-height:36px; border:1px solid #bcbcbc; background:#fbf9f9; padding:0 52px 0 28px; color:#000; font-size:14px; position:relative; margin-top:10px;}
.section-haerang1 #slid-schedule .txt-wrap .btn.btn-plus:after {
    content:"+"; right:15px; top:50%;color:#6c6c6c; font-weight:700; position:absolute;
     transform: translate(0, -50%);
}
.section-haerang1 #slid-schedule .owl-prev,
.section-haerang1 #slid-schedule .owl-next {
    position:absolute; top:50%; width:34px; height:63px;
    transform: translate(0, -50%);
}
.section-haerang1 #slid-schedule .owl-prev {left:0; background:url(../img/arrow_left.png) no-repeat}
.section-haerang1 #slid-schedule .owl-next {right:0;background:url(../img/arrow_right.png) no-repeat}
.section-haerang1 .btn-wrap {text-align:center; margin-top:50px;}
.section-haerang1 .btn-wrap a {display:inline-block;white-space: nowrap}
.section-haerang1 .btn-wrap a img {display:block;}

@media all and (max-width:768px){
    .section-haerang1 #slid-schedule {padding:0 10px; margin-top:30px;}
    .section-haerang1 #slid-schedule .owl-prev,
    .section-haerang1 #slid-schedule .owl-next {width:20px; background-size: 100% auto;}
    .section-haerang1 #slid-schedule .owl-prev {left:-10px;}
    .section-haerang1 #slid-schedule .owl-next {right:-10px;}
}
@media all and (max-width:500px){
    .section-haerang1 #slid-schedule .txt-wrap {padding-left:10px; padding-right:10px;}
}

.section-haerang2 {padding:63px 0 0 0;}
.section-haerang2 .ft {text-align: center; margin-top:85px;}
.section-haerang2 .ft:after{content:"";display:block; height:0; visibility: hidden; clear: both;}
.section-haerang2 .ft li {float:left; width:25%;}
.section-haerang2 .ft li a {display:block; padding-top:100px; background-repeat:no-repeat; background-position:top center; line-height:1; font-size:15px; color:#58636c; position:relative;}
.section-haerang2 .ft li a:after {
    content:""; display:inline-block; width:3px; height:60px; background:url(../img/bd1.png) repeat-y; position:absolute; right:0; top:50%;
      transform: translate(0, -50%);
}
.section-haerang2 .ft li:last-child a:after {display:none;}
.section-haerang2 .ft li:nth-child(1) a {background-image:url(../img/ico1.png)}
.section-haerang2 .ft li:nth-child(2) a {background-image:url(../img/ico2.png)}
.section-haerang2 .ft li:nth-child(3) a {background-image:url(../img/ico3.png)}
.section-haerang2 .ft li:nth-child(4) a {background-image:url(../img/ico4.png)}

@media all and (max-width:768px){
    .section-haerang2 .ft {margin-top:30px;}
    .section-haerang2 .ft li {width:50%; margin-bottom:10px;}
    .section-haerang2 .ft li:nth-child(2n+0) a:after {display:none;}
}

/*-- page-introduce --*/
.page-introduce .section-rourneys {padding:50px 0 0 0;}
.section-rourneys {text-align:center;}
.section-rourneys .tab-wrap {width:100%; max-width:1135px; margin:0 auto; margin-top:20px;}
.section-rourneys .tab-wrap:after {content:""; visibility: hidden;clear: both; height:0; display:block;}
.section-rourneys .tab-wrap li {float:left; padding:5px 5px; width:20%; display:table;}
.section-rourneys .two_blocks li {float:left; padding:0 5px; width:50%; display:table;}
.section-rourneys .three_blocks li {float:left; padding:0 5px; width:33.3%; display:table;}
.section-rourneys .four_blocks li {float:left; padding:0 5px; width:25%; display:table;}
.section-rourneys .six_blocks li {float:left; padding:0 5px; width:16.6%; display:table;}
.section-rourneys .eight_blocks li {float:left; padding:5px 5px; width:25%; display:table;}
.section-rourneys .tab-wrap li a {display:table-cell;vertical-align: middle; text-align: center; width:191px; height:70px;color:#545050; background:#8a8a8a; position:relative}
.section-rourneys .tab-wrap li.active a {color:#c59649; background:#2a303b;}
.section-rourneys .tab-wrap li.active a strong:after {
    content:"";height:1px;width:30%; background:#90703c; display:inline-block; position:absolute;left:50%; top:-20px;
     transform: translate(-50%, 0);
}
.section-rourneys .tab-wrap li a strong,
.section-rourneys .tab-wrap li a small {display:block;line-height:1; font-weight:400;}
.section-rourneys .tab-wrap li a strong {font-size:20px;position:relative}
.section-rourneys .tab-wrap li a small {font-size:13px;margin-top:10px;}
.section-rourneys .tab-con {display:none;}
.section-rourneys .tab-con.active {display:block;}
.section-rourneys hr {display:inline-block; height:4px; width:198px; background:#2a303b; margin:40px 0 20px 0;}
.section-rourneys .dec {text-align: center; color:#777;font-size:22px;line-height:1; margin-bottom:85px;}
.section-rourneys article {text-align: left; margin-bottom:55px;}
.section-rourneys article .article-tit {font-size:17px; color:#2a303b; font-weight:400; text-transform: uppercase;}
.section-rourneys article .article-tit small {float:right;font-size:15px;}
/*.section-rourneys article .article-tit:before {content:""; display:inline-block; width:8px; height:8px; background:#2a303b; border-radius:3px; margin-right:10px; margin-bottom:0;}*/
.section-rourneys article .article-tit{
	font-size:17px;
	list-style-type: none;
	margin:40px 0 15px 0;
    background-image: url(../img/img_list.gif);
    padding-left: 15px;
    background-repeat: no-repeat;
    background-position: 0 40%;
	background-position-y: 7px;
}
.section-rourneys article .dec {color:#2a303b; font-size:18px; text-align:left; line-height:1.4; margin-top:15px;margin-bottom:0;}

.section-rourneys .article2 .date-wrap {width:100%; max-width:933px; margin:0 auto;}
.section-rourneys .article2 .date-wrap .year {border-bottom:1px solid #ccc;position:relative; margin-top:44px; padding-bottom:13px; margin-bottom:43px;}
.section-rourneys .article2 .date-wrap .year .txt {position:absolute; left:0;font-size:16px; color:#2a303b; text-transform: uppercase;}
.section-rourneys .article2 .date-wrap .year .select-year {text-align:center;}
.section-rourneys .article2 .date-wrap .year .select-year li {display:inline-block; color:#2a303b; font-size:17px; margin:0 10px;}
.section-rourneys .article2 .date-wrap .year .select-year li a,
.section-rourneys .article2 .date-wrap .year .select-year li span,
.section-rourneys .article2 .date-wrap .year .select-year li strong {display:inline-block; line-height:30px; vertical-align: middle;}
.section-rourneys .article2 .date-wrap .year .select-year li strong {font-size:19px; font-weight:700;vertical-align: initial;}

.section-rourneys .article2 .date-wrap .ui-widget.ui-widget-content {border:0; background:none; width:100% !important; border-radius:0; padding:0; position:relative}
.section-rourneys .article2 .date-wrap .ui-datepicker-header {border:0; background:none; padding:0;}
.section-rourneys .article2 .date-wrap .ui-datepicker-calendar {border-top:0; margin-bottom:0;}
.section-rourneys .article2 .date-wrap .ui-datepicker-calendar thead th {border:0;border-bottom:2px solid #fff; background:#2a303b; color:#fff; padding:0; height:23px;}
.section-rourneys .article2 .date-wrap .ui-datepicker-calendar td {border-bottom:2px solid #fff;background:#e6e6e6; padding:5px 0; opacity: 1 !important; line-height:15px;}
.section-rourneys .article2 .date-wrap .ui-datepicker-calendar td a.ui-state-default {line-height:15px; padding:0; font-size:15px; color:#2a303b; border:0; background:none; width:100%; text-align: center;display:block;}

.section-rourneys .article2 .table-btt li {float:left; width:33.33%;}
.section-rourneys .article2 .table-btt li .inner {width:95%;margin: 0 auto; background:#fff; padding:7px 10px;}
.section-rourneys .article2 .table-btt li .inner strong {color:#2a303b; font-size:12px; font-weight:400; margin-right:10px;white-space:nowrap}
.section-rourneys .article2 .table-btt li .inner strong:before {content:""; width:20px; height:15px; display:inline-block; margin-right:5px; vertical-align: middle;}
.section-rourneys .article2 .table-btt li .inner strong.t1:before {background:#475f8a;}
.section-rourneys .article2 .table-btt li .inner strong.t2:before {background:#4d586d;}

@media all and (max-width:500px){
    .section-rourneys .article2 .table-btt li .inner {padding-left:5px; padding-right:5px;}
    .ui-datepicker-title {font-size:12px; line-height:1 !important; padding:5px 0;}
    .ui-datepicker-title span {display:block; width:100%; line-height:1; float:left;}
    .ui-datepicker-title .ui-datepicker-month {margin-top:-10px;}
    .ui-datepicker .ui-datepicker-prev,
    .ui-datepicker .ui-datepicker-next {
        top:50%;
        transform: translate(0, -50%);
    }
    .section-rourneys .article2 .date-wrap .ui-datepicker-calendar td a.ui-state-default {font-size:10px;}
}

.section-rourneys .article3 .m_inner {width:100%;max-width:993px;margin:0 auto;}
.section-rourneys .article3 .line-wrap {background:#fdfcfc;border:1px solid #dbdada;margin-top:73px;padding:34px 0 8px 0; text-align: center;}
.section-rourneys .article3 .line-wrap .line li {width:20%; float:left; text-align: center;}
.section-rourneys .article3 .line-wrap .line li .dott {display:inline-block;width:16px; height:16px; background:url(../img/dott.png) no-repeat; position:relative}
.section-rourneys .article3 .line-wrap .line li.hasdetail.active .dott:before {
    content:""; display:block; width:44px; height:66px; background:url(../img/mark_now.png) no-repeat; position:absolute; bottom:16px; left:50%;
    transform: translate(-50%,0);
}
.section-rourneys .article3 .line-wrap .line li .dott .txt {
    position:absolute; left:50%; top:20px;
    transform: translate(-50%, 0);
}
.section-rourneys .article3 .line-wrap .line {position:relative}
.section-rourneys .article3 .line-wrap .line:before {
    content:""; display:block; height:20px; width:85%;background:url(../img/train.png) repeat-x; position:absolute;left:50%; top:40px;
    transform: translate(-50%, 0);
}
.section-rourneys .article3 .line-wrap .line li .dott .txt p,
.section-rourneys .article3 .line-wrap .line li .dott .txt small {font-size:17px; color:#2a303b; line-height:1;display:block; text-align: center; white-space: nowrap}
.section-rourneys .article3 .line-wrap .line li .dott .txt small {font-size:15px; margin-top:25px;}
.section-rourneys .article3 .line-wrap .btn-blue {padding:0 25px; line-height:35px; border:1px solid #939393; background:#1d50a1; font-size:15px;color:#fff; margin-top:95px;}

.section-rourneys article .line-con {margin-top:30px; display:none;}
.section-rourneys article .line-con.active {display:block;}
.section-rourneys article .line-con .destination {font-size:17px; color:#2a303b;line-height:1;font-weight:400;padding:0 6px;}
.section-rourneys article .thum-wrap {margin-top:10px;}
.section-rourneys article .thum-wrap:after {content:""; visibility: hidden;clear: both; height:0; display:block;}
.section-rourneys article .thum-wrap li {float:left;width:33.33%; padding:0 6px;}
.section-rourneys article .thum-wrap li img {width:100%;}
.section-rourneys article .thum-wrap li p {font-size:15px; color:#2a303b; line-height:1; margin-top:10px;}

.section-rourneys article table {width:100%; max-width:980px; text-align: center;border-top:1px solid #acacac; font-size:15px; color:#2a303b; margin-top:14px;}
.section-rourneys article table th,
.section-rourneys article table td {border-bottom:1px solid #acacac; padding:13px 0;font-weight:400; }
.section-rourneys article table td strong {display:block; font-size:19px; font-weight:400;}

.btn {display:inline-block; text-align: center;}
.btn.btn-reserve {padding:0 103px; line-height:89px; background:#2a303b; font-size:27px; color:#c59649;margin-top:45px;}

@media all and (max-width:1135px){
    .page-introduce .section-rourneys {padding-left:12px;}
}
@media all and (max-width:768px){
    .page-introduce .section-rourneys {padding-left:0; padding-right:0;}
    .section-rourneys .tab-wrap {margin-top:30px;}
    .section-rourneys .tab-wrap li {width:50%; margin-bottom:12px;}
    .section-rourneys .tab-wrap li a strong {font-size:20px;}
    .section-rourneys hr {margin:20px 0;}
    .section-rourneys .dec {font-size:18px;}
    .section-rourneys article .article-tit {font-size:15px;}
    .section-rourneys article .dec {font-size:14px;}

    .section-rourneys .article2 .date-wrap .year .txt {display:none;}
    .section-rourneys article table {font-size:14px;}
    .section-rourneys article table td strong {font-size:16px;}
    .btn.btn-reserve {padding:0; width:100%; font-size:20px; line-height:50px; margin-top:0;}
}
/*page-reservation02*/
.h_tit{color:#2a303b;font-size:1.2em;}
.h_agreement{ width: 100%; max-width: 1290px; margin: 0 auto;margin-top:50px;}
.textarea_style { width: calc(100% - 20%); margin: 50px 10% 10px; height: 150px;overflow-y: scroll;background-color:#fff; border: 1px solid rgb(169,169,169);}
.alert.alert-danger{ width: calc(100% - 20%); margin: 0 10%;text-align:right;}
.alert.alert-danger input { vertical-align: sub;}
input.btn.btn-danger { background-image: url(../img/btn_next.jpg); width: 100%; max-width: 156px; height: 35px; border: 0; cursor: pointer;}
.line_gray{ border: 0; height: 1px; background: #a2a2a2; width:100%;margin:50px 0;}

@media all and (max-width:1135px){
	.textarea_style { width: calc(100% - 20%); margin: 50px 10% 0;}
}
@media all and (max-width:768px){
	.textarea_style { width: 100%;margin: 0;}
}
/*page-email-reject*/
.email-reject{margin:0 auto;}
img.email-reject {width:100%;}
.content-email{margin:50px 10% 0; position: relative;}
.content-email-txt{position: absolute; bottom: 22%; right: 15%;}
@media all and (max-width:1135px){
	.textarea_style { width: calc(100% - 20%); margin: 50px 10% 0;}
}
@media all and (max-width:768px){
	.content-email { width: 100%;margin:50px 0 0 0;}
	img.email-reject {opacity: 0.4;}
	.content-email-txt { bottom: 10%;right: 10%;}
}
@media all and (min-width:769px) and (max-width:1000px){
	.content-email { width: 100%;margin:50px 0 0 0;}
	img.email-reject {opacity: 0.4;}
	.content-email-txt { bottom: 10%;right: 10%;}
}

/*page-personal*/
.table-personal th{background-color:#ececec;padding: 5px 0;border:1px solid #d8d8d8;}
.table-personal td{text-align:center;padding:3px;border:1px solid #d8d8d8;}

/*page-reservation-confirm*/
.h_width{ width: 100%; max-width: 1135px; margin: 0 auto;}
.h_width850{width: 100%; max-width: 850px; margin: 0 auto;}
.sub-tit-squre{ font-size: 17px;list-style-type: none; margin: 40px 0 15px 0;background-image: url(../img/img_list.gif); padding-left: 15px; background-repeat: no-repeat; background-position: 0 40%;}
.h-sub-pstyle{font-size:15px;color:#2a303b;}
.reserv-confirm{padding:20px;background-color:#fff;text-align:center;margin-top:30px;margin-bottom:30px;}
.reserv-confirm img{display:inline;margin-top:20px;}
.reserv-sub-txt{color:#2a303b;font-size:1.4em;font-weight:bold; font-family: 'NanumBarunGothic',Dotum,Helvetica,"Apple SD Gothic Neo",Sans-serif;padding: 20px 0 35px;}
.reserv-confirm-style tr{border:0 !important;}
.reserv-confirm-style {width:70% !important;margin:0 auto;margin-bottom:30px;}
@media all and (max-width:1135px){
.h-sub-pstyle {padding:0 10px;}
.sub-tit-squre{margin: 40px 0 15px 10px;}
}
@media all and (max-width:768px){
.reserv-confirm-style {width:100% !important;
}
.h_width850{max-width:100%;}
/*이용약관*/
.width-dv-9{
	width:11.1% !important;
}

.width-dv-8{
	width:12.5% !important;
}

.width-dv-7{
	width:14.2% !important;
}

.width-dv-6{
	width:16.6% !important;
}




.section-rourneys .article3 .line-wrap .line li .dott .txt{
	top:22px;
}

.section-rourneys .article3 .line-wrap .line li .dott .txt small{
	margin-top:25px;
}
}

@media screen and (min-width:769px){
	.pc-block{
		display:block;
	}
}

@media screen and (max-width:768px){
	.m-block{
		display:block;
	}
	.m-hide{
		display:none !important;
	}
	
	.section-rourneys .article3 .line-wrap .line:before{
		top:20px;
	}
	
	.section-rourneys .article3 .line-wrap .line li .dott .txt{
		top:44px;
	}
	
	.m-sub-tit{
		padding:10px 0 0 0px !important;
		
	}
	
}
/*고객의 소리*/
ul.customer_list li{
	list-style-type: disc !important;
    margin-left: 15px !important;
	line-height:22px;
	padding: 5px 0;          

}

.cutomer-confirm img{margin-top:0}
.customer-sub-txt{
    color: #2a303b;
    font-size: 1.4em;
    font-weight: bold;
    font-family: 'NanumBarunGothic',Dotum,Helvetica,"Apple SD Gothic Neo",Sans-serif;
    padding: 20px 0 35px;
}
.line-dash {
    border-bottom: 3px double #A2A2A2;
}
.img-btn-customer img {
    padding: 0 10px;
}
.textarea_style2{
    width: 100%;
    margin: 10px 0 10px;
    height: 150px;
    overflow-y: scroll;
    background-color: #fff;
    border: 1px solid rgb(169,169,169);
}
.alert.alert-danger2 {
    width: 100%;
    text-align: right;
	margin-bottom:50px;
}
.alert.alert-danger2 input {
    vertical-align: sub;
}
.cutomer_form_style {
    display: inline;
    width: 100%;
}
.publicity_head{
	width:100%;
}
.publicity_head_news{
	width:31.3%;
	float:left;
}
h1.news_title{
	font-size:1.5em;
	text-align:center;
	color:#2A303B;
}
.section-news01 img{
	width:100%;
}
.section-news02{
	margin:20px 0;
}
.mr3{margin:0 1%;}
.line20{width:80px; text-align:center; height:2px; background-color:#B6B6B6;margin: 0 auto; margin-top: 10px;}
.news_info{width:100%;}
.news_left{width:50%;float:left;}
.news_right{width:50%;float:left;text-align:right;}
.news_left span{color:#2A303B;}
.news_right span{color:#878787;}
.news_pstyle{margin:20px 0 40px;}
@media all and (max-width:900px){
	.section-customer{padding-top:0;}
}
@media all and (max-width:768px){
	.publicity_head_news {
		width: 100%;
		padding: 0 10px;
		float: none;
		clear:both;
	}
	.mr3{margin:0 !important;}
	.news_left{width: 100%;float: none;clear:both;}
	.news_right{width: 100%;float: none;clear:both;text-align:left;}
	.textarea_style2 { width: calc(100% - 20%); margin: 50px 10% 0;}
	.alert.alert-danger2 { width: calc(100% - 20%); text-align: left;  margin-bottom: 50px; margin: 10px 10% 0;}
	input.voc-phone-number { width: 56px !important;}
	th.essential { padding: 8px 0px 8px 0px !important;}
	.voc-table-1 td, .voc-table-1 th, .voc-table-2 td, .voc-table-2 th { padding: 8px 0px 8px 10px !important;}
}
/*popup*/
.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
  z-index:100;
}
.overlay:target {
  visibility: visible;
  opacity: 1;
}
.popup {
  margin: 150px auto;
  padding: 20px;
  background: #fff;
  border-radius: 5px;
  width: 45%;
  position: relative;
  transition: all 2s ease-in-out;
  height:650px;
  overflow:auto;
  overflow-x:hidden
}
.popup .close {
	display:block;
	text-align:right;
    top: 20px;
    right: 30px;
    transition: all 200ms;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    color: #2A303B;
}
.popup .content {
  max-height: 30%;
  overflow: auto;
}
/*location*/
span.lo_list_tit {
    color: #2a303b;
    font-size: 16px;
    font-weight: bold;
}
span.location_style {
    color: #2a303b;
    font-size: 14px;
}
.location_list li {
    padding-bottom: 20px !important;
}
@media all and (max-width:1135px){
	.popup {
	  width: 70%;
	}
}
@media all and (max-width:768px){
	.popup {
		  width: 90%;
		  margin: 70px auto;
	}
}
@media all and (max-width:768px){
	#divpop{
		transform:translate(-50%, 50%);
}
@media all and (max-width:768px){
	#divpop2{
		transform:translate(-45%, 0%);
	}
}
th{
font-weight:bold;
}
@media all and (max-width:768px){
	#header .gnb .inner ul.foo_style > li a {
    width: 100% !important;
    display: block;
	}
	a.btn-depth.menu_first {
		position: absolute;
	}
	a.menu_arrow {
		text-align: right;
		width: 100%;
	}
	#header .gnb .inner .row-depth {
    margin-top: 50px;
	display: none;
	}
	a.menu_arrow {
    width: 100%;
    text-align: right;
	}
}

ul.nav li.active {
    height: 100% !important;
}



/*special course page*/



.special_nav li {
    display: flex;
    flex-direction: row;
    width: 1200px;
    margin: 0;
    padding: 0;
    background-color: #fff;
    
}

.special-nav-item {
    padding: 15px;
    cursor: pointer;
    
}

.special-nav-item a {
    text-align: center;
    text-decoration: none;
    color: white;
}