@charset "utf-8";

@import url("font.css");
@import url("slick.css");
@import url("jquery-ui.css");

/* Reset */
* {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; outline:none}
html {height:100%; overflow-y:scroll; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; line-height:1.3; font-size:10px;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0; padding:0;}
body {height:100%; font-family:"notosans", "Malgun Gothic", Dotum, Arial, sans-serif; height:100%; min-width:320px; font-size:1.6rem; letter-spacing: -0.03rem; -webkit-font-smoothing:antialiased; -webkit-overflow-scrolling:touch; padding-top: constant(safe-area-inset-top); padding-bottom: constant(safe-area-inset-bottom); padding-top:env(safe-area-inset-top); padding-bottom: env(safe-area-inset-bottom);}
h1,h2,h3,h4,h5,h6 {font-weight:normal; font-size:100%}
strong {font-weight:600;}
input, select, textarea, button, label {font-size:100%; vertical-align:middle}
select {width:100%; height:42px; padding:0 25px 0 15px; font-size:1.6rem; font-family:"notosans", "Malgun Gothic", Dotum, Arial, sans-serif; color:#222; border:none; -webkit-appearance:none;  -moz-appearance:none; appearance:none; border:1px solid #b7b7b7; background:#fff url(../images/icon/select_arrow.jpg) right 14px center no-repeat; transition:border-color .3s ease;}
select::-ms-expand {display:none;}
input {border:1px solid #eaeaea; font-size:1.6rem;}
input:disabled {opacity:1; -webkit-text-fill-color: inherit}
input[type="text"], input[type="search"], input[type="password"], input[type="tel"], input[type="email"], input[type="number"], input[type="button"] {height:36px; font-size:1.6rem; padding:0 10px; outline:none; font-family:"notosans", "Malgun Gothic", Dotum, Arial, sans-serif; -webkit-appearance: none;  -moz-appearance: none; appearance:none; border:1px solid #d4d4d4; background:#fff; transition:border-color .3s ease; cursor:pointer}
input[type="text"] {width:270px;}
input[type="text"]+input[type="text"] {margin-left:10px;}
input[type="text"]:focus, input[type="password"]:focus, input[type="tel"]:focus, input[type="email"]:focus, input[type="number"]:focus {border-color:#00b5ef;}
fieldset, img, iframe {border:0 none}
img {max-width:100%; height:auto; vertical-align:middle; border-style:none;}
textarea {width:100%; padding:15px; -webkit-box-sizing:border-box; box-sizing:border-box; resize:none; border:1px solid #ccc; font-family:"notosans", "Malgun Gothic", Dotum, Arial, sans-serif; -webkit-appearance: none; -moz-appearance: none; appearance:none;}
em, address {font-style:normal}
a {text-decoration:none; background-color:transparent; vertical-align:middle; -webkit-text-decoration-skip:objects; color:#000; word-break: break-word}
a:hover, a:active, a:focus {text-decoration:none}
menu,li {list-style:none}
button {padding:0; margin:0; border:0; cursor:pointer; vertical-align:middle; background:none; font-family:"notosans", "Malgun Gothic", Dotum, Arial, sans-serif}
button, input {overflow:visible}
button, select {text-transform:none}
button, html [type="button"], [type="reset"],[type="submit"] {-webkit-appearance:button; cursor:pointer; font-family:"notosans", "Malgun Gothic", Dotum, Arial, sans-serif;}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner {border-style:none; padding:0}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring {outline:1px dotted ButtonText}
caption {width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden}
hr {display:none}
i,em,address{font-style:normal}
label {cursor:pointer}
table {width:100%; border-spacing:0; border-collapse:0; color:#000; table-layout:fixed}
table td {word-wrap: break-word;}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {-webkit-appearance:none; margin:0;}
::-webkit-input-placeholder {font-size:1.6rem; color:#999; vertical-align:middle;}
ul:after,
ol:after {display:block; content:''; clear:both;}

.tac {text-align:center !important;}
.tal {text-align:left !important;}
.tar {text-align:right !important;}

/* margin */
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt35 {margin-top:35px !important;}
.mt40 {margin-top:40px !important;}
.mt45 {margin-top:45px !important;}
.mt50 {margin-top:50px !important;}
.mt55 {margin-top:55px !important;}
.mt60 {margin-top:60px !important;}
.mt65 {margin-top:65px !important;}
.mt70 {margin-top:70px !important;}
.mt75 {margin-top:75px !important;}
.mt80 {margin-top:80px !important;}
.mt85 {margin-top:85px !important;}
.mt90 {margin-top:90px !important;}
.mt95 {margin-top:95px !important;}
.mt100 {margin-top:100px !important;}

.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;}
.mb35 {margin-bottom:35px !important;}
.mb40 {margin-bottom:40px !important;}
.mb45 {margin-bottom:45px !important;}
.mb50 {margin-bottom:50px !important;}
.mb55 {margin-bottom:55px !important;}
.mb60 {margin-bottom:60px !important;}
.mb65 {margin-bottom:65px !important;}
.mb70 {margin-bottom:70px !important;}
.mb75 {margin-bottom:75px !important;}
.mb80 {margin-bottom:80px !important;}
.mb85 {margin-bottom:85px !important;}
.mb90 {margin-bottom:90px !important;}
.mb95 {margin-bottom:95px !important;}
.mb100 {margin-bottom:100px !important;}

.ml5 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.ml15 {margin-left:15px !important;}
.ml20 {margin-left:20px !important;}
.ml25 {margin-left:25px !important;}
.ml30 {margin-left:30px !important;}
.ml35 {margin-left:35px !important;}
.ml40 {margin-left:40px !important;}
.ml45 {margin-left:45px !important;}
.ml50 {margin-left:50px !important;}
.ml55 {margin-left:55px !important;}
.ml60 {margin-left:60px !important;}
.ml65 {margin-left:65px !important;}
.ml70 {margin-left:70px !important;}
.ml75 {margin-left:75px !important;}
.ml80 {margin-left:80px !important;}
.ml85 {margin-left:85px !important;}
.ml90 {margin-left:90px !important;}
.ml95 {margin-left:95px !important;}
.ml100 {margin-left:100px !important;}

.mr5 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
.mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;}
.mr25 {margin-right:25px !important;}
.mr30 {margin-right:30px !important;}
.mr35 {margin-right:35px !important;}
.mr40 {margin-right:40px !important;}
.mr45 {margin-right:45px !important;}
.mr50 {margin-right:50px !important;}
.mr55 {margin-right:55px !important;}
.mr60 {margin-right:60px !important;}
.mr65 {margin-right:65px !important;}
.mr70 {margin-right:70px !important;}
.mr75 {margin-right:75px !important;}
.mr80 {margin-right:80px !important;}
.mr85 {margin-right:85px !important;}
.mr90 {margin-right:90px !important;}
.mr95 {margin-right:95px !important;}
.mr100 {margin-right:100px !important;}

.w5p {width:5% !important;}
.w10p {width:10% !important;}
.w15p {width:15% !important;}
.w20p {width:20% !important;}
.w25p {width:25% !important;}
.w30p {width:30% !important;}
.w35p {width:35% !important;}
.w40p {width:40% !important;}
.w45p {width:45% !important;}
.w50p {width:50% !important;}
.w55p {width:55% !important;}
.w60p {width:60% !important;}
.w65p {width:65% !important;}
.w70p {width:70% !important;}
.w75p {width:75% !important;}
.w80p {width:80% !important;}
.w85p {width:85% !important;}
.w90p {width:90% !important;}
.w95p {width:95% !important;}
.w100p {width:100% !important;}

#wrap {overflow-x:hidden;}
body {background:#f0f0f0;}
h1, h2, h3, h4, h5 {font-family:'notosans';}
.wrapper {width:1300px; margin:0 auto;}

.dp_mb {display:none;}

header {position:relative; padding-top:40px;}
header h1 a {display:block; width:354px; height:70px; text-indent:-9999px; background:url(../images/ico/ico_logo.png) no-repeat 0 0;}
header .sns {position:absolute; z-index:1; right:0; top:63px; text-align:right;}
header .sns a {display:inline-block; width:24px; height:24px; text-align:left; text-indent:-9999px;}
header .sns a + a {margin-left:18px;}
header .sns a.insta {background:url(../images/ico/ico_sns01.png);}
header .sns a.facebook {background:url(../images/ico/ico_sns02.png);}
header .sns a.blog {width:40px; background:url(../images/ico/ico_sns03.png);}
header nav {position:relative; z-index:9999; margin-top:40px; height:68px; padding-left:40px; background:#b41f25;}
header nav:after {content:''; display:block; clear:both;}
header nav > ul {float:left;}
header nav > ul > li {float:left; position:relative;}
header nav > ul > li > a {display:block; padding:0 40px; color:#fff; font-size:1.8rem; font-weight:500;}
header nav > ul > li > a span {display:inline-block; position:relative; line-height:68px;}
header nav > ul > li > a span:before {content:''; position:absolute; z-index:1; right:50%; bottom:0; width:0; height:3px; background:#fff; transition:all .3s ease; opacity:0;}
header nav > ul > li > a span:after {content:''; position:absolute; z-index:1; left:50%; bottom:0; width:0; height:3px; background:#fff; transition:all .3s ease; opacity:0;}
header nav > ul > li:hover > a span:after {width:50%; opacity:1;}
header nav > ul > li:hover > a span:before {width:50%; opacity:1;}
header nav .submenu {display:none; position:absolute; z-index:1; left:50%; top:68px; margin-left:-100px; width:200px; padding:20px 0; text-align:center; background:#c7141b;}
header nav .submenu li a {display:block; padding:10px 10px; color:#fff;}
header nav .lang {position:relative; float:right; width:210px; height:68px; line-height:64px; font-family:'cormorant-garamond'; background:#a20e14;}
header nav .lang > a {display:block; padding:0 20px; color:#fff; font-size:2.0rem;}
header nav .lang > a:after {content:''; position:absolute; z-index:1; right:20px; top:50%; margin-top:-4px; width:13px; height:8px; background:url(../images/ico/ico_arrow.png) no-repeat 0 0; transition:all .3s ease;}
header nav .lang > a.on:after {transform:rotate(180deg);}
header nav .lang ul {display:none; position:absolute; z-index:1; left:0; top:68px; width:100%; background:#6f0105;}
header nav .lang ul li a {display:block; padding:15px 20px; line-height:1; color:#fff;}
header nav .lang ul li + li {border-top:1px solid rgba(255,255,255,0.1);}

footer {padding:70px 0 80px; color:#bfbfbf; background:#333;}
footer > div {position:relative;}
footer > div:after {display:block; content:''; clear:both;}
footer .btm_logo {float:left; margin-right:120px;}
footer .foot_info {float:left;}
footer .foot_info .foot_util a {display:inline-block; color:#fff;}
footer .foot_info .foot_util a + a {margin-left:50px;}
footer .foot_info .foot_util a:hover {text-decoration:underline;}
footer .foot_info address {margin-top:30px;}
footer .foot_info address p + p {margin-top:10px;}
footer .foot_info address p span {display:inline-block; font-size:1.5rem; font-weight:300;}
footer .foot_info address p span + span {position:relative; margin-left:30px;}
footer .foot_info address p span + span:before {content:''; position:absolute; z-index:1; left:-15px; top:3px; width:1px; height:12px; background:#5c5c5c;} 
footer .btm_sns {position:absolute; z-index:1; right:0; top:0;}
footer .btm_sns a {display:inline-block; width:24px; height:24px; text-indent:-9999px; background-repeat:no-repeat;}
footer .btm_sns a + a {margin-left:16px;}
footer .btm_sns a.b_sns01 {background-image:url(../images/ico/ico_btm_sns01.png);}
footer .btm_sns a.b_sns02 {background-image:url(../images/ico/ico_btm_sns02.png);}
footer .btm_sns a.b_sns03 {width:40px; background-image:url(../images/ico/ico_btm_sns03.png);}

#container {float:none; min-height:0; margin:0; padding-bottom:130px; width:auto; font-size:1.6rem;}

.paging {text-align:right; margin-top:55px;}
.paging li {display:inline-block; min-width:35px; height:35px; text-align:center; border:0; overflow:hidden; border-radius:5px; background:#fff;}
.paging li a {display:block; line-height:35px; font-size:1.4rem; color:#888;}
.paging li a:hover {text-decoration:underline;}
.paging li + li {margin-left:6px;}
.paging li.on a {background:#e0343b; color:#fff; font-weight:600;}
.paging li.next a {padding:0 14px;}

.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url(../images/ico/ico_datepicker.png);
}
.ui-widget-header .ui-icon {
	background-image: url(../images/ico/ico_datepicker.png);
}

/*****************************************************************************************************************************************************************************************/

@media all and (max-width:1299px){
	.wrapper {width:auto; padding-left:20px; padding-right:20px;}
	
	header .sns {right:20px;}
	header nav {padding-left:0; margin:40px -20px 0;}	
	header nav > ul > li > a {padding:0 15px;}

	footer .btm_sns {right:20px;}
}

@media all and (max-width:950px){
	.dp_mb {display:block;}	
	.mb_hidden {display:none;}

	html {font-size:8px;}
	
	header {padding-top:20px;}
	header h1 a {width:240px; height:47px; background-size:240px;}
	header .sns {display:none;}
	header nav {margin-top:20px; height:auto;}
	header nav h2 {position:absolute; z-index:1; right:20px; top:-62px;}
	header nav h2 a {display:block; width:40px; height:40px; border-radius:5px; text-indent:-9999px; background:#b41f25 url(../images/ico/ico_menu.png) no-repeat center; background-size:20px;}
	header nav > ul {position:absolute; z-index:9999; left:0; top:0; width:100%; background:#b41f25;}
	header nav > ul > li {float:none; width:100%;}
	header nav > ul > li + li {border-top:1px solid rgba(255,255,255,0.2);}
	header nav > ul > li > a {padding:15px 20px; line-height:1;}
	header nav > ul > li > a span {line-height:1;}
	header nav > ul > li:hover > a span:before,
	header nav > ul > li:hover > a span:after {display:none;}
	header nav .submenu {position:static; margin-left:0; width:100%; padding:0; text-align:left; background:#fff;}
	header nav .submenu li a {padding:10px 20px; color:#333; font-size:1.6rem;}
	header nav .lang {display:none;}

	footer .btm_logo {margin-right:50px;}

	#container {padding-bottom:80px;}
} 

@media all and (max-width:768px){
	footer {padding:30px 0 50px;}
	footer .btm_logo {float:none; width:180px;}
	footer .foot_info {float:none; width:100%; margin-top:20px;}
	footer .foot_info .foot_util a + a {margin-left:20px;}
	footer .foot_info address {margin-top:20px;}
	footer .foot_info address p + p {margin-top:5px;}
	
} 

@media all and (max-width:640px){
	
} 

@media all and (max-width:480px){
	footer .foot_info address p span {display:block;}
	footer .foot_info address p span + span {margin-left:0; margin-top:5px;}	
	footer .foot_info address p span + span:before {display:none;}
	footer .btm_sns {position:static; margin-top:30px;}
} 

@media all and (max-width:320px){
	
}