@charset "utf-8";
/**
* import
*/
@import url("../../common/css/reset.css");
@import url("../../common/css/style.css");
@import url("../../common/css/common.css");
@import url("../../common/css/ui.css");
@import url("../../common/css/font.css");

/*layout*/
*{box-sizing: border-box; font-family: "Noto Sans CJK KR", "Noto Sans Korean", "Malgun Gothic", dotum, Helvetica, sans-serif;}
html {width:100%; font-size:10px;}
body {font-size:1.6rem;}
#wrap {position:relative; z-index:0;  width:100%;}
#container { position:relative; z-index:10; min-width:136.6rem; width:100%; box-sizing:border-box; overflow: hidden;} /* min-width 값은 변경 또는 wrap 등으로 위치이동 */
.inner{width: 1366px; margin: 0 auto;}
.sound_only{display:none;}
#hd_pop h2{display:none;}

.font-oxanium{font-family: 'Oxanium';}

.required{position: relative;}
.required:after{display: block; position: absolute; top:0;  content: "\ea0f"; font-family: "xeicon" !important; color: #ff0707; font-size: 1.2rem; width: 1.5rem; height: 1.5rem;}
input.required:after{display: none;}
label.required:after,
span.required:after{right: -2rem; top:-0.5rem;}


h4{font-size: 4.8rem; font-weight: 400; color: #111; line-height: 1.2;}
h4 strong{font-size: 1.6rem; color:#e18a71; font-weight: 500; display: block; padding-bottom: 1rem; }

/* header */
header{position: fixed; z-index:30; width:100%; height: 10rem; transition: ease all 0.5s; }
header:before{position: absolute; top:0; left: 0;  content: ""; width: 100%; height: 13rem; display: block;  background: linear-gradient(180deg, rgba(0,0,0,0.6), transparent);}
header #header-wrap{position: relative;}
header button.site-map{position: absolute; top:2rem; right: 0; height: 6rem; line-height:6rem; display: block; width: 6rem; text-align: center; font-size:5rem; color: #fff; transition: ease all 0.5s; z-index: 100;}

header div.stte-map-area{display: none;}
header div.stte-map-area ul > li{float:left; width:16.66%; }
header div.stte-map-area ul > li > a{display:block; width:100%; padding:3rem 0; font-size: 2.8rem; color: #fff; box-sizing: border-box; text-align:center; }
header div.stte-map-area ul > li > ul > li {width:100%; display: block;}
header div.stte-map-area ul > li > ul > li > a{ font-size: 2.2rem;  font-weight:300; padding:2rem 0;}
/*header.on3 div.header-top{ position: fixed;top: 0; left:0; width: 100%; height:6rem; background:#008583; z-index:99; border-bottom:1px solid #ccc;}*/
header h1{position: absolute; left: 0; top: 0;  width:24.3rem; height:10rem; background: url("./img/logo.png") center center no-repeat; text-indent: -9999px; z-index: 1;}
header h1 a{display: block; width:100%; height:100%;}

body.sub header:before{ background: linear-gradient(180deg, #a4796e, transparent);}
body.sub header #gnb > ul > li > a{text-shadow: none;}

/**/
header #gnb {position:relative; width: 100%;  height: 10rem; padding-left: 43rem; box-sizing: border-box; }
/* depth 1 */
header #gnb > ul > li{float:left; }
header #gnb > ul > li > a {display:block; height:10rem; font-weight:300; font-size:2rem; text-align:center; line-height:10rem; color:#fff; padding:0 4.5rem; box-sizing: border-box; text-shadow:1px 2px 6px #222;}
header #gnb > ul > li > ul {display:none;}
header #gnb > ul > li:hover > a{color:#733938; font-weight:500;}
header #gnb > ul > li:hover > ul{display:block;}

/* depth 2 */
header #gnb > ul > li.hover > ul, #gnb > ul > li.on > ul {display:block;}
/* header #gnb > ul > li ul{width: 100%; background: #fff; display: none;} */
header #gnb > ul > li:hover > ul { border-top:2px solid #733938;}
header #gnb > ul > li > ul > li {width:100%; display: block;}
header #gnb > ul > li > ul > li > a {display:block; padding:2rem 1rem;font-size: 1.5rem; color: #555; background: #fff; box-sizing: border-box; text-align:center;  border-bottom:1px solid #ddd;}
header #gnb > ul > li > ul > li > a:hover{color: #fff; font-weight:500; background: #733938;}

/* depth 3 */
header #gnb > ul > li > ul > li > ul{display:none;}
header #gnb > ul > li > ul > li > ul > li > a {position:relative; width:100%; display:block; padding: 0.5rem 3rem; box-sizing:border-box; font-size:1.4rem;}
header #gnb > ul > li > ul > li > ul > li > a:hover {background:#f5f5f5;}
body.sub header.site-map-on:before{background: linear-gradient(180deg, rgba(0,0,0,0.9), transparent);}
header.site-map-on #header-wrap button.site-map i.xi-bars:before{ content: "\e921"; transition: ease all 0.5s;}
header.site-map-on #header-wrap div.stte-map-area:before{ position: fixed; left: 0; top: 0; content: ""; display: block; width: 100%; height: 100vh; background: rgba(0,0,0,0.8); z-index: -1;}
header.site-map-on #header-wrap div.stte-map-area{display: block;}
header.site-map-on #header-wrap h1,
header.site-map-on #header-wrap #gnb{z-index: -1;}
header.site-map-on.hover button.site-map,
header.site-map-on.head-white button.site-map{color: #fff;}

header.hover,
header.head-white{background: #fff; border-bottom: 0.1rem solid #ddd; box-sizing: border-box;}
header.hover:before,
header.head-white:before{display: none;}
header.hover h1,
header.head-white h1{background: url("./img/logo-on.png") center center no-repeat;}
header.hover #gnb a,
header.head-white #gnb a{color:#111; text-shadow:none;}
header.hover button.site-map,
header.head-white button.site-map{color: #111;}


/*sub-visual*/
div#section-top{position: relative;}
div#section-top div#sub-visual {position: relative; width: 100%;height: 60rem;text-align: center; background:#c9d4e8; background: url("./img/bg-s-visual01.png") 100% 100% no-repeat; background-size:cover;}
div#section-top div#sub-visual.bg0 {background: url("./img/bg-s-visual01.png") 100% 100% no-repeat;background-size:cover;}
div#section-top div#sub-visual div.txt-box{position: absolute; top:60%; left:30%; width: 30%; transform:translate(-50%,-50%); text-align: left; color: #fff; text-shadow: 3px 0px 4px rgba(0,0,0,0.1); }
div#section-top div#sub-visual div.txt-box p.tit{font-size: 1.6rem; font-weight: 400;}
div#section-top div#sub-visual div.txt-box h3{font-size: 6.8rem; line-height: 1.3; padding: 1rem 0 4rem;}
div#section-top div#sub-visual div.txt-box > div > p{display: none; font-size: 2rem; line-height: 1.3; font-weight: 400;}
body.sub1 div#section-top div#sub-visual div.txt-box > div > p.sub1-txt{display: block;}
body.sub2 div#section-top div#sub-visual div.txt-box > div > p.sub2-txt{display: block;}
body.sub3 div#section-top div#sub-visual div.txt-box > div > p.sub3-txt{display: block;}
body.sub4 div#section-top div#sub-visual div.txt-box > div > p.sub4-txt{display: block;}
body.sub5 div#section-top div#sub-visual div.txt-box > div > p.sub5-txt{display: block;}
body.sub6 div#section-top div#sub-visual div.txt-box > div > p.sub6-txt{display: block;}



/* lnb  */
#lnb-wrap{position:relative; width: 100%; z-index: 10; height: 60px; background:#fff;border-bottom:1px solid #ddd;}
#lnb{position:relative; width:1366px; margin: 0 auto;}
#lnb > p{float: left; width: 60px; height: 60px; text-align: center; border-left:1px solid #ddd; border-right:1px solid #ddd; box-sizing:border-box; border-top: 0;}
#lnb > p a{display:block; }
#lnb > p i{font-size: 18px; line-height: 60px; color:#733938;}
#lnb > p a:hover{color:#532120;}
#lnb > ul{position: absolute; left:60px; top: 0;}
#lnb > ul > li{position: relative; float: left; width: 200px; line-height: 60px; font-size: 16px; border-right:1px solid #ddd; box-sizing:border-box;}
#lnb > ul > li.tab2{width: 30rem;}
#lnb > ul > li a{position: relative; display:block; padding-left:20px; width:100%; height: 60px; color:#444;}
#lnb > ul > li:hover a{background:#fff; border-right: 1px solid #ddd; color:#666;}
#lnb > ul > li a i{position:absolute; top:0; right:20px; font-size: 18px; line-height:60px; color:#444;}
#lnb > ul > li > ul{margin-left:-1px; display: none; border-bottom: 1px solid #ddd; background:#fff;}
#lnb > ul > li:hover > ul{display:block;}
#lnb > ul > li > ul > li{border-top: 1px solid #ddd; border-left: 1px solid #ddd; box-sizing: border-box;}
#lnb > ul > li > ul > li a{color:#666; border-right: 1px solid #ddd;}
#lnb > ul > li > ul > li a:hover{background:#f7f7f7; color:#666;}

/*div#section-body*/
#section-body{min-height: 100rem; padding:10rem 0;}
/*content*/
/*div#article-wrap { width: 1030px;padding: 5rem 0; padding-bottom:20rem;}*/

/*footer*/
footer {position: relative; border-top: 1px solid #ddd; padding-bottom: 3rem; }

footer div.footerWrap,
footer div#footer-navi{position: relative;}
footer div#footer-navi > ul > li{ position: relative; font-size: 1.8rem; font-weight: 400; color: #444; padding-left: 1rem;}
footer div#footer-navi > ul > li:after{}
footer div#footer-navi > ul > li > a {display: block; padding:1.5rem 1rem ; color: #444; font-size: 1.8rem; font-weight: 400;}
footer div#footer-navi > ul > li:nth-child(1),
footer div#footer-navi > ul > li:nth-child(1) > a {padding-left: 0;}
footer div#footer-navi > ul > li:nth-child(3){padding:1.5rem 1rem ;}
footer div#footer-navi > ul > li.on > a {color:#a50a0a; font-weight: 500;}

footer div.footerWrap div.message{position:fixed; bottom:8rem; right: 10%;z-index: 9999;}
footer div.footerWrap div.message ul li{width: 6rem; height: 6rem; border-radius: 50%; overflow: hidden; }
footer div.footerWrap div.message ul li.kakao{background: #fdde01; margin-bottom: 1rem;}
footer div.footerWrap div.message ul li.kakao span{width:100%; height:6em; display:block; background:url("./img/icon-message.png") 2px 0px no-repeat;}
footer div.footerWrap div.message ul li.naver{background: #00c63b;}
footer div.footerWrap div.message ul li.naver span{width:100%; height:6em; display:block; background:url("./img/icon-message.png") -86px 0px no-repeat;}
footer div.footerWrap div.top-btn{position:fixed; bottom:1rem; right: 10%; width: 6rem; height: 6rem; border-radius: 50%; overflow: hidden; z-index: 9999;}
footer div.footerWrap div.top-btn a{display: block; width: 100%; height: 100%; background:#e18a71; color: #fff; text-align: center; line-height: 6rem; font-size: 1.8rem;}

footer div#footer-info {position: relative; padding: 4rem 0; color: #999; font-size: 1.6rem;}
footer div#footer-info address {padding-bottom: ;}
footer div#footer-info address dl{display: inline-block;}
footer div#footer-info address dl dt{display: inline-block;}
footer div#footer-info address dl dd{display: inline-block; padding:0.3rem 0.8rem 0.3rem 0;}
footer div#footer-info address dl dd:not(:first-of-type):before{ margin-right: 0.8rem; width: 1px; height: 1rem; background-color: #ccc; display:inline-block; content: "";}
footer div#footer-info address dl dd > span{padding-right: 1rem;}
footer div#footer-info p.copy{color: #111; font-weight: 300;}

footer div.footerWrap ul.sns{position:absolute; right:0; top:4rem;}
footer div.footerWrap ul.sns li{width:4rem; height:4rem; margin-right:1rem;}
footer div.footerWrap ul.sns li:last-child{margin-right:0;}
footer div.footerWrap ul.sns li a{display:block; width:100%;}
footer div.footerWrap ul.sns li a span{width:100%; height:4rem; display:block; background:url("./img/img-sns.png") 0 -2px no-repeat;}
footer div.footerWrap ul.sns li:nth-child(2) a span{background-position:-50px -2px;}
footer div.footerWrap ul.sns li:last-child a span{background-position:-100px -2px;}


/*탭*/
article.tab-wrap ul.tabs{justify-content: space-between;}
article.tab-wrap ul.tabs li{width: 100%; padding: 0 3%;height: 6rem;line-height: 6rem;text-align: center;background: #eee;border-top: 1px solid #ddd;border-right: 1px solid #ddd;border-bottom: 2px solid #222;cursor:pointer;}
div ul.tabs li.on {font-weight: 600;background: #fff;border: 2px solid #464b59;border-bottom-color: #fff;}

article.tab-wrap div.tab-container div.tab-content{display:none; margin-top:3rem;}
article.tab-wrap div.tab-container div.tab-content.on{display:block;}

/* 레이어팝업 */
.popup_cs {position:absolute; z-index:1000; background:transparent; z-index: 999;}
.popup_cs > a{display: block; width: 100%; height: 100%;}
.popup_cs > a > img,
.popup_cs > img{width:100%; height:100%;}
.popup_cs .popup_bottom {background-color:#333; text-align: right; padding: 1rem 0;}
.popup_cs .popup_bottom a {color:#fff; padding:0 5px;}
.popup_cs .popup_bottom span {padding:0 5px;}

#layer_back { display:none; position:fixed; top:0; left:0; z-index:990; width:100%; height:100%; background-color:#000; filter:alpha(opacity=40); -khtml-opacity:0.4; -moz-opacity:0.4; opacity:0.4; }
#layer_back.open { display:block; }
#layer_popup { display:none; position:fixed; top:50%; left:50%; z-index:995; width:600px; height:600px; background-color:#fff; margin:-300px 0 0 -300px; border:1px solid #000; }
#layer_popup.open { display:block; }
#layer_header { position:relative; width:100%; height:55px; background-color:#00aeef; }
#layer_header > h1 { width:80%; margin-left:15px; line-height:50px; color:#fff; font-size:20px; font-weight:bold; }
#layer_header > button { position:absolute; top:13px; right:13px; z-index:996; width:24px; height:24px; margin:0; padding:0; border:0; cursor:pointer; background:none; }
#layer_header > button > i { font-size:24px; color:#fff; }
#layer_content { height:500px; padding:20px 20px 0 20px; margin-bottom:0; overflow-y:auto; *zoom:1;  box-sizing: border-box;}
#layer_content h2 { height:20px; line-height:20px; margin-top:30px; color:#3c3c3c; font-weight:bold; }
#layer_content h2:first-child { margin-top:0; }
/* layer loading*/
#layer_loading { display:none; position:fixed; top:50%; left:50%; z-index:999; width:200px; height:200px; margin:-100px 0 0 -100px; }
#layer_loading > p { width:200px; height:140px; padding:30px 0; text-align:center; }
#layer_loading > p > i {font-size:100px; color:#eee; }
#layer_loading > p > strong { display:inline-block; margin:10px 0; font-size:12px; font-weight:bold; color:#fff; }

/* list-top 공통 */
div.list-top.flex{justify-content: space-between; flex-direction: row-reverse; align-items: baseline; margin-bottom: 3rem;}
div.list-top form{position: relative; border:0.1rem solid #ddd;}
div.list-top input.searchbox{height: 4rem; width: 25rem; border: 0;}
div.list-top button.searchbox-submit{width: 4rem; height: 4rem; position: absolute; top: 0; right: 0;}

div.list-type{border-top:1px solid #733938;}
div.list-type a{display: block;}
div.list-type ul.row{display: table; width: 100%;}
div.list-type ul.row > li{position: relative; display: table-cell; padding:0 5px; text-align:center; vertical-align:middle;  box-sizing:border-box;}
div.list-type div.board-head ul.row{border-bottom:1px solid #ddd; font-weight:500; background:#fdf9f8; color:#222;}
div.list-type div.board-body{margin-bottom: 8rem;}
div.list-type div.board-body ul{border-bottom:1px solid #ddd;}
div.list-type div.board-body ul.row li{color:#666;}
div.list-type div.board-body ul.row li.subject {text-align:left;}
div.list-type ul.row li.no{width:10%;}
div.list-type ul.row li.press{width:15%;}
div.list-type ul.row li.date{width:12%;}
div.list-type ul.row li.view{width:10%;}
div.list-type ul.row li.state{width:10%;}
div.list-type ul.row li.file{width:10%;}
div.list-type ul.row li.writer{width:10%;}
div.list-type ul.row li.producer,
div.list-type ul.row li.organ,
div.list-type ul.row li.period{width:20%;}
div.list-type ul.row li a:hover, table.list_table tr td a:focus, table.list_table tr td a:active {color:#333;}
div.list-type ul.row li span.icon {position:relative;top:-1px;margin-left:8px;}
div.list-type div.board-body{background:#fff;}
div.list-type div.board-body ul li.no-data,
div.list-type div.board-body span.no-data{display:block; height:200px; line-height:190px; text-align:center; border-bottom:1px solid #ddd;}

div.list-type ul.row li.state strong{display: inline-block; padding:2px 7px; border-radius:2px; line-height:160%; color:#fff; background:#888;}
div.list-type ul.row li.state strong.bd_state_W { background:#1b9729; }
div.list-type ul.row li.state strong.bd_state_P { background:#0062c3; }
div.list-type ul.row li.state strong.bd_state_E { background:#555; }

div.list-type1 ul.row li{height:70px; line-height:70px;}
div.list-type1 ul.row li.subject > strong{display:inline-block; max-width:90%; font-weight:500; color:#222; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle;}
div.list-type1 ul.row li a {font-weight:300;color:#666;}

div.list-btn{}
div.list-btn div{width: 18rem; text-align: center; margin: 0 auto;}
div.list-btn div a.btn{line-height: 4rem;}
/* view */
div.board-view > dl {margin:0;}
div.board-view > dl:after {clear:both; display:block;content:"";}
div.board-view > dl > dt { position:relative; padding:20px 100px 20px 20px;border-top:1px solid #733938;border-bottom:1px solid #ddd;font-weight:600;font-size:18px;color:#733938;background:#fdf9f8;}
div.board-view > dl > dt > span {position:absolute;top:22px;right:20px;font-weight:300;font-size:13px;color:#666;}

div.board-view > dl > dd {position:relative;padding:25px 20px;border-bottom:1px solid #ddd;}
div.board-view > dl > dd > span {display:inline-block;min-width:20%;margin-right:10px;padding-left:10px;background:url("./img/bu_dot2.gif") 0 50% no-repeat;}
div.board-view > dl > dd > span > em {margin-right:0;font-weight:600;color:#333;}
div.board-view > dl > dd > div.state_area {position:absolute;top:23px;right:0;}
div.board-view > dl > dd > div.state_area > span.stateW {display:block;width:50px;min-width:0;height:25px;margin:0;padding:0;font-weight:600;line-height:23px;border:1px solid #004b95;color:#fff;background:#0062c3;text-align:center;}

div.board-view > dl > dd.etc { position:relative; height:50px; line-height:50px; padding:0 20px 0 30px; background:url("./img/bu_dot2.gif") 20px 50% no-repeat; }

div.board-view > dl > dd.file { padding:15px 20px; }
div.board-view > dl > dd.file > ul.file {}
div.board-view > dl > dd.file > ul > li { padding-left:10px;background:url("./img/bu_dot2.gif") 0 50% no-repeat;}
div.board-view > dl > dd.file > ul > li > a {color:#666;}
div.board-view > dl > dd.file > ul > li > a:focus, div.board-view > dl > dd.file > ul > li > a:hover, div.board-view > dl > dd.file > ul > li > a:active {color:#333;}
div.board-view > dl > dd.file > ul > li > a > img {margin:0 4px 0 10px;}

div.board-view > dl > dd.cont *{vertical-align: top;}
div.board-view > dl > dd.cont {padding:30px 20px 60px 20px; line-height:1.6; color:#111;}
div.board-view > dl > dd.cont > div {overflow:hidden; min-height:200px; }
div.board-view > dl > dd.cont > div.btn_area {margin-top:40px; min-height:0; }
div.board-view > dl > dd.cont > div > *,
div.board-view > dl > dd.cont > div > p > *,
div.board-view > dl > dd.cont > div > p > a * { max-width:100%; }

/* view > comment */
div.board-view > dl.comment {}
div.board-view > dl.comment dt {padding:20px 100px 20px 20px; border-top:0; border-bottom:1px solid #ddd;font-weight:600;font-size:18px;color:#333;background:#eff8ff;}
div.board-view > dl.comment dt > span {position:absolute;top:22px;right:20px;font-weight:300;font-size:13px;color:#666;}
div.board-view > dl.comment dd {position:relative;padding:25px 20px;border-bottom:1px solid #ddd;}
div.board-view > dl.comment dd.cont {padding:40px 20px 60px;}
div.board-view > dl.comment dd.cont *{vertical-align: top;}
div.board-view > dl.comment dd.cont > div {overflow:hidden;min-height:80px;line-height:1.5em;}
div.board-view > dl.comment dd.cont > div img {max-width:740px;}
div.board-view > dl.comment strong {font-weight:600;color:#333;}


/* view > paging */
div.board-view div.view_paging {margin-bottom:20px;border:0;}
div.board-view div.view_paging > dl {padding-left:112px; position:relative; overflow:hidden;height:100%;border-bottom:1px solid #ddd; *zoom:1;}
div.board-view div.view_paging > dl a {display:inline-block; width:95%; color:#666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
div.board-view div.view_paging > dl > dt{position:absolute; left:0; top:0; width:50px;padding:14px 12px 14px 50px;font-weight:600; color:#333;}
div.board-view div.view_paging > dl > dd {padding:14px 20px 14px 20px;background:url("./img/line_view.gif") 0 50% no-repeat;color:#666;}
div.board-view div.view_paging > dl.prev > dt {background:url("./img/ico_view_prev.gif") 20px 50% no-repeat;}
div.board-view div.view_paging > dl.next > dt {background:url("./img/ico_view_next.gif") 20px 50% no-repeat;}

div.board-view div.button {text-align: center; margin-top: 6rem;}
div.board-view div.button:after { clear:both; display:block; content:""; }





body.board #wrap{overflow: hidden;}
/* list-body 갤러리 */
div.list-body{}
div.gallery-list{}
div.gallery-list ul li{position: relative; width: 38rem; height: 38rem; margin-right: 7%; margin-bottom: 5%;}
div.gallery-list ul li:nth-child(3n){margin-right: 0;}
div.gallery-list ul li a{display: block; width: 100%; height: 100%;}
div.gallery-list ul li a div.img-area{position: relative; width: 100%; height: 100%; border:0.1rem solid #ddd; overflow: hidden;}
div.gallery-list ul li a div.img-area img{position: absolute; top:0; left: 0; width: 100%; height: 100%;}
div.gallery-list ul li a div.info-box{position: absolute; bottom: 3rem; left:3rem; width: 100%; padding: 2.5rem; box-sizing: border-box; background: rgba(255,255,255,0.9);}
div.gallery-list ul li a div.info-box p.subject{position: relative; font-size: 2.2rem; line-height: 1;  width: 90%;   overflow: hidden; text-overflow: ellipsis;white-space: nowrap; vertical-align: middle;}
div.gallery-list ul li a div.info-box p.day{font-size: 1.6rem; font-weight: 300; padding-top: 1rem;}
div.gallery-list ul li a div.info-box span{position: absolute; top: 2.3rem; right: 2.5rem; font-size: 2.2rem;}
div.gallery-list ul li.no_data{width: 100%;  text-align: center; font-size: 1.8rem; padding: 15rem 0; border-bottom: 0.1rem solid #ddd; border-top: 0.1rem solid #ddd;}

div.gallery-list ul li:hover a div.info-box{background: #e18a71; border-color: #e18a71 ; }
div.gallery-list ul li:hover a div.info-box p.subject,
div.gallery-list ul li:hover a div.info-box p.day,
div.gallery-list ul li:hover a div.info-box span{color: #fff;}

/* gallery-view */
div.gallery-view h4{position: relative; font-size: 2.8rem; line-height: 1; margin-bottom: 4rem}
div.gallery-view h4 strong{ color: rgba(225,138,113,1); font-size: 1.4rem; font-weight: 300; padding-bottom: 1rem; font-family:'Oxanium';}
div.gallery-view div.tit-area{margin-bottom: 8rem;}
div.gallery-view div.tit-area p.subject{font-size: 4.8rem; line-height: 1;}
div.gallery-view div.tit-area p.subject strong{display: block; font-size: 1.6rem; font-weight: 300;     margin-bottom: 1rem;}
div.gallery-view div.cont{padding-bottom: 3rem; margin-bottom: 5rem; border-bottom: 0.1rem solid #ddd;}
div.gallery-view div.cont div.img-area{position: relative;}
div.gallery-view div.cont div.img-area img{position: absolute; top:0; left: 0; width: 100%; height: 100%;}
div.gallery-view div.cont div.con-box{position: relative;}

div.gallery-view div.cont div.box1{padding-bottom: 6rem; justify-content: space-between; align-items: flex-start; min-height: 79rem;}
div.gallery-view div.cont div.box2{padding: 6rem 0 10rem; background: url("./img/img-gallery01.png") 0 0 no-repeat;  background-position: left 6rem;  min-height: 78rem;}
div.gallery-view div.cont div.box3{position: relative; padding:10rem 0 14rem; background: url("./img/img-gallery02.png") #fbf0ed no-repeat; background-position:right; min-height: 63rem;}
div.gallery-view div.cont div.box3:before{position: absolute; top: 0; left: -50%; content: ""; display: block; width: 200%; height: 100%;  background: #fbf0ed; z-index: -1;}

body.treatment div.gallery-view div.cont div.box2{background: url("./img/img-gallery01-1.png") 0 6rem no-repeat;}

div.gallery-view div.cont div.box1 div.img-area{width: 63rem;}
div.gallery-view div.cont div.box1 div.img-area div{padding-top: 100%;}
div.gallery-view div.cont div.box1 div.img-area:before{position: absolute; top: 10rem; left: -30%; content: ""; display: block; width: 200%; height: 100%;  background: #f1eeee; z-index: -1;}
div.gallery-view div.cont div.box1 div.info-area{width: 45%;}
div.gallery-view div.cont div.box1 div.table-type{border-top:0.1rem solid #733938; margin-top: 3rem;}
div.gallery-view div.cont div.box1 div.table-type ul li{padding: 1.5rem 0; border-bottom: 0.1rem solid #ddd; box-sizing: border-box;}
div.gallery-view div.cont div.box1 div.table-type ul li dl dt,
div.gallery-view div.cont div.box1 div.table-type ul li dl dd{display: inline-block; font-size: 1.8rem;  vertical-align: top;}
div.gallery-view div.cont div.box1 div.table-type ul li dl dt{width: 40%; text-align: center; font-weight: 500;}
div.gallery-view div.cont div.box1 div.table-type ul li dl dd{width: 59%; font-weight: 300;}

div.gallery-view div.cont div.box2 div.info-area,
div.gallery-view div.cont div.box3 div.info-area{padding: 9rem 5rem 4.5rem; width: 66rem; z-index: 1; background: rgba(255,255,255,0.9);}
div.gallery-view div.cont div.box2 div.info-area{margin-top:8rem;   margin-left: 51%;}
div.gallery-view div.cont div.box3 div.list3{margin-top: 15rem; width: 66rem; z-index: 1;}

div.gallery-view div.cont ul.list.list-dot li{font-weight:300;     font-size: 1.8rem;}
div.gallery-view div.cont ul.list.list-dot li:before,
div.gallery-view div.cont dl.list.list-dot dd:before{top:1.6rem;}


div.gallery-view div.cont p.day{text-align: right; font-weight: 300; padding-top: 3rem;}
div.gallery-view div.button{margin-bottom:4rem; font-size:2.8rem; font-weight: 500;  }
div.gallery-view div.button a{display: block; width: 100%; height: 100%;}

div.gallery-view .slick-prev,
div.gallery-view .slick-next{width:5rem; height:5rem; top:9rem; background: #fff; border-radius: 50%; border: 0.1rem solid #e18a71; }
div.gallery-view .slick-prev {left: 50rem; z-index: 1; }
div.gallery-view .slick-next {right: 5rem;}
div.gallery-view .slick-prev:before ,
div.gallery-view .slick-next:before{font-family: "xeicon"; color: #e18a71; font-size: 2.8rem;}
div.gallery-view .slick-prev:before{content: "\e93b"}
div.gallery-view .slick-next:before{content: "\e93e"}
div.gallery-view .slick-prev:hover,
div.gallery-view .slick-next:hover{ background: #e18a71;}
div.gallery-view .slick-prev:hover:before,
div.gallery-view .slick-next:hover:before{color:#fff;}

div.gallery-page-list{}
div.gallery-page-list div.page-list.one .slick-track{width: 100% !important;}
div.gallery-page-list div.page-list{height: 40rem;}
div.gallery-page-list div.list-box{position: relative; width:38rem; height: 38rem; margin-right:8rem; }
div.gallery-page-list div.list-box a{display: block; width: 100%; height: 100%;}
div.gallery-page-list div.list-box a div.img-area{position: relative; width: 100%; height: 100%; border:0.1rem solid #ddd; overflow: hidden;}
div.gallery-page-list div.list-box a div.img-area img{position: absolute; top:0; left: 0; width: 100%; height: 100%;}
div.gallery-page-list div.list-box a div.info-box{position: absolute; bottom: 3rem; left:3rem; width: 100%; padding: 2.5rem; box-sizing: border-box; background: rgba(255,255,255,0.9);}
div.gallery-page-list div.list-box a div.info-box p.subject{position: relative; font-size: 2.2rem; line-height: 1;  width: 90%;   overflow: hidden; text-overflow: ellipsis;white-space: nowrap; vertical-align: middle;}
div.gallery-page-list div.list-box a div.info-box p.day{font-size: 1.6rem; font-weight: 300; padding-top: 1rem;}
div.gallery-page-list div.list-box a div.info-box span{position: absolute; top: 2.3rem; right: 2.5rem; font-size: 2.2rem;}

div.gallery-page-list .slick-prev,
div.gallery-page-list .slick-next{top:45%;}
div.gallery-page-list .slick-prev {left: 0%; }
div.gallery-page-list .slick-next {right: 0%;}

div.gallery-page-list div.list-box:hover a div.info-box{background: #e18a71; border-color: #e18a71 ; }
div.gallery-page-list div.list-box:hover a div.info-box p.subject,
div.gallery-page-list div.list-box:hover a div.info-box p.day{color: #fff;}

/* 1:1 문의  */
/* 1:1 문의 intro 개인 인증 페이지  */
div.certify-box{margin:0 auto; width:53rem; padding:6rem 5rem; border:1px solid #733938; box-sizing: border-box;}
div.certify-box p{margin-bottom: 6rem;}
div.certify-box ul li{width: 100%; margin-bottom:3rem;}
div.certify-box ul li.btn-area,
div.certify-box ul li:last-child{margin-bottom:0;}
div.certify-box ul li dl{width: 100%; display: table; }
div.certify-box ul li dl dt{margin-bottom: 1rem; font-size:1.8rem; color: #111; }
div.certify-box ul li dl dd input{border-radius: 0.5rem; padding:0 2rem; box-sizing: border-box; width: 100%; height: 5rem; font-size: 1.6rem;}
div.certify-box ul li.certify{display: none; padding-top: 4rem;}
div.certify-box ul li.certify.on{display:block;}
div.certify-box ul li div.btn{margin-top: 1rem;}
div.certify-box ul li div.btn,
div.certify-box ul li div.btn button{width:100%; background: #fff; padding: 0;}
div.certify-box ul li div.btn button{height: 5rem; line-height: 4.9rem; border-radius: 2.5rem; background:#733938; border:1px solid #733938; box-sizing: border-box; color: #fff; font-weight: 700;}
div.certify-box ul li div.btn button.redelivery{background: #fff; color:#733938;}
div.certify-box ul li div.btn:hover button{background: #fff; color: #733938;}
div.certify-box ul li div.btn.on{background:#9999; border-color:#999;}

/* 문의 게시판 상태 */
div.list_type ul.row li.state strong{display: inline-block; padding:2px 7px; border-radius:2px; line-height:160%; color:#fff; background:#888;}
div.list_type ul.row li.state strong.state-r{background: #f44336;}
div.list_type ul.row li.state strong.state-y{background:#ffc107;}
div.list_type ul.row li.state strong.state-b{background:#3f51b5;}
div.list_type ul.row li.state strong.state-g{background:#4caf50;}
strong.state-r {color:#f44336;}
strong.state-y {color:#ffc107;}
strong.state-b {color:#3f51b5;}
strong.state-g {color:#4caf50;}

/* 문의 게시판  write */
/* 문의 게시판 */
.user-write form p.primary{margin-bottom: 5rem;}
.user-write form div.group{}
.user-write form div.group div.left{width:50%; padding-right:3%;  border-right:1px solid #ddd; box-sizing: border-box;}
.user-write form div.group div.right{width:50%; padding-left:3%; box-sizing: border-box;}
.user-write form div.group ul li dl dt{color:#222; font-weight: 500;}
.user-write form div.group ul li{margin-bottom:2rem;}
.user-write form div.group ul li:last-child{margin-bottom: 0;}
.user-write form div.group div ul li dl dd textarea,
.user-write form div.group div ul li dl dd input{width: 100%; padding:0 2rem; box-sizing: border-box;}
.user-write form div.group div ul li dl{display: table;}
.user-write form div.group div ul li dl dt,
.user-write form div.group div ul li dl dd{display: table-cell;}
.user-write form div.group div ul li dl dt{width: 15rem; box-sizing: border-box; padding-left:1rem; vertical-align: middle;}
.user-write form div.group div ul li dl dd{width: 61rem}

/* 문의 게시판  left*/
.user-write form div.group div.left ul li dl dd input.file{ padding:1.3rem 1rem; height: 5rem; border-radius: 0.5rem; line-height: 1;}
.user-write form div.group div.left ul li:nth-child(4) p{font-size: 1.4rem; line-height: 1.3; padding-top: 0.5rem; padding-left: 16rem;}

.user-write form div.group div.left ul li:last-child{}

.user-write form div.group div.left ul li div.agree ul li{margin-bottom:0.5rem;}
.user-write form div.group div.left ul li div.agree ul li:nth-child(n+2){width: 40%; display: inline-block;}
.user-write form div.group div.left ul li.formfield{position: relative; padding-top: 2rem;}
.user-write form div.group div.left ul li.formfield dl dt{padding-bottom: 1rem;}
.user-write form div.group div.left ul li.formfield dl dd div.btn{position: absolute; top:0; right: 0;  padding:0; height: 4rem; line-height: 4rem; width: 12rem; background: #f9f9f9; border-radius: 2rem; box-sizing: border-box; border:1px solid #ddd;}
.user-write form div.group div.left ul li.formfield dl dd div.btn a{display: block; width: 100%; height: 100%; font-size: 1.4rem;}
.user-write form div.group div.left ul li div.privacy{width:100%; height: 10rem; padding:1rem; border:1px solid #ddd; box-sizing: border-box; overflow: hidden; overflow-y: scroll; margin-bottom:1rem; color: #666;}


/* 문의 게시판  right*/
.user-write form div.group div ul li.day dl{display: inline-block; width: 49.5%;}
.user-write form div.group div ul li.day dl dt{width:27rem;}
.user-write form div.group div ul li.day dl dd{position: relative;}
.user-write form div.group div ul li.day dl dd img{position: absolute; top:0; right: 0;}
.user-write form div.group div ul li.day input.date{text-align: left; border: 0.1rem solid #ddd; width: 100%;}
.user-write form div.group div ul li.day button.date{position: absolute; right: 0; top: 0; height: 5rem; width: 5rem; font-size: 2rem;}
.user-write form div.group div ul li.day dl:nth-child(2) dt{text-align: center;}
.user-write form div.group div ul li.day select.select{padding: 0 2rem; box-sizing: border-box; font-size: 1.6rem; width: 100%;}
.user-write form div.group div.right ul li{margin-bottom:2.5rem;}
.user-write form div.group div.right ul li:last-child{margin-bottom:0;}
.user-write form div.group div.right ul li:nth-child(n+3) dl dt{vertical-align: top;}
.user-write form div.group div.right ul li dl dd textarea{ padding:2rem; box-sizing: border-box; border-color: #ddd; border-radius: 0.5rem;}

.user-write form div.btn.btn-type1{width:100%; background: none; margin:10rem auto 0;}
.user-write form div.btn.btn-type1 button{display: block;  margin:0 auto; width: 36rem; text-align: center; fonr-size:1.4rem; color:#fff; font-weight:700; background:#e18a71; border: 1px solid #e18a71; height: 5rem; line-height: 4.8rem; border-radius: 2.5rem; box-sizing: border-box;}
.user-write form div.btn.btn-type1:hover button{background: #fff; color: #e18a71;}

/* 사용자 보드 뷰 에디터 */
#hd_pop p{line-height:180%;}
#hd_pop b,
#hd_pop strong{font-weight:800;}
#hd_pop i{font-style:italic;}
#hd_pop sup{vertical-align: super; font-size: smaller;}
#hd_pop ol{padding:0 40px;}
#hd_pop ul{padding:0 23px;} /* list-style 추가 고려하여 여백 포함*/
#hd_pop ol li {list-style:decimal;}
#hd_pop ul li::before {display:inline-block; width:4px; height: 4px; margin-right:5px; background-color:#bbb; border-radius: 3px; content:""; vertical-align: middle;}
#hd_pop iframe {max-width: 100%;}
#hd_pop .editor_img {padding:0}
#hd_pop img { max-width:100% !important;}

/* 관리자 보드 뷰 에디터 */
#hd_pop iframe {max-width: 100%;}
#hd_pop .editor_img {padding:0}
#hd_pop img { max-width:100% !important;}

/* pagination */
div.pagination{}
div.pagination ul{}
div.pagination ul li{}
div.pagination ul li a{color: #666; border: 0; font-size: 2rem;}
div.pagination ul li.on a{color:#e18a71; background: none; }
div.pagination ul li:first-child a{border: 0;}

@media screen and (max-width:1366px) {

  #wrap{overflow: hidden;}
  .inner{width:100%; padding: 0 4%;}
  #container { min-width:72rem; width:100%;} /* min-width 값은 변경 또는 wrap 등으로 위치이동 */
  /* header */



  header h1 {left: 4%;}
  div#section-top div#sub-visual div.txt-box{ left: 0;  width: 50%;  transform: translate(0,-50%);}
  div#section-top div#sub-visual div.txt-box h3{font-size: 5vw;}
  header #gnb{    padding-left: 38rem;}
  header #gnb > ul > li > a{padding: 0 3.5rem;}

  header button.site-map{right: 4%;}

  div#section-top {}
  #lnb-wrap{display: none;}
  #lnb{width: 100%; }
  #lnb > ul{left: 100px;}
  #section-body{min-height: auto; padding: 10% 4%;}

  footer div.footerWrap ul.sns{right: 4%;}


  div.gallery-list ul li{width: 30%; margin-right: 5%; height: auto;}
  div.gallery-list ul li a div.img-area{padding-top: 100%; box-sizing: border-box;}

  div.gallery-page-list div.list-box{}
  div.gallery-view div.cont div.box1 div.info-area{width: 55%;}
  div.gallery-view div.cont div.box1 div.img-area{width: 40%;}

  /*content*/
  div#article-wrap {padding: 2rem 0;}
  div#article-wrap {padding-bottom:8rem; width: 100; box-sizing: border-box;}
  div#article-wrap > div.flex:first-child { padding-bottom: 2rem; margin-bottom: 2rem; }
  footer div#footer-top div#footer-navi {}



}

@media screen and (max-width:1280px) {

  header button.site-map{display: none;}
  /*gnb*/
  header{ height: auto;}
  header.on3{position: fixed; background: linear-gradient(180deg, #a4796e, transparent); border-bottom: 0; height: 100vh !important;}
  header #gnb {position: fixed; top:0; left: auto; right:-150%; transform: translateX(0%); padding-left:0; width:30%; height:100%; background:#733938;transition:all 0.5s ease; z-index: 99;}
  header #gnb.on{right:0; transition:all 0.5s ease; overflow: scroll;}
  header #gnb > ul{position:static; display:block; margin-top:10rem; border-top:1px solid rgba(255,255,255,0.1); }
  header #gnb > ul > li {float:none; width:100%; border-bottom:1px solid rgba(255,255,255,0.1);background-color: #733938;}
  header #gnb > ul > li a{color:#ededed;}
  header #gnb > ul > li > a{height: 7rem;padding: 0 5rem;line-height: 6rem;color: #fff;font-size: 2rem;font-weight: 500; text-align: left;}
  header #gnb > ul > li:hover > a {color: #fff;}
  header #gnb > ul > li > a span{display:block;}
  header #gnb > ul > li > a span:before{top:2.8rem; right:.4rem; background:#fff;}
  header #gnb > ul > li > a span:after{top:2.2rem; right:1rem; background:#fff;}

  header button.btn-gnb.pc_hidden {position: absolute; top: 1.5rem; right: 4%; width: 35px;height: 60px; z-index: 999; display: block !important;}
  header button.btn-gnb > span {position: absolute; display: block; transition: all .2s ease;left: 0; top:20px; width:100%;height: 2px; background-color: #fff;}
  header button.btn-gnb > span:nth-child(2) {top:30px;}
  header button.btn-gnb > span:nth-child(3) {top:40px;}
  header button.btn-gnb.on span{background-color: #fff;}
  header button.btn-gnb.on span:nth-child(1){top: 25px; transform: rotate(45deg);}
  header button.btn-gnb.on span:nth-child(2){display: none;}
  header button.btn-gnb.on span:nth-child(3){top: 25px; transform: rotate(-45deg);}

  header.head-white{height: 10rem;}
  header.head-white button.btn-gnb > span{background-color: #111;}
  header.hover h1,
  header.on3.head-white h1,
  header.on3.head-white h1.on2{    background: url("./img/logo.png") center center no-repeat;}

  header.on3.head-white button.btn-gnb > span{background-color: #fff;}
  header.hover #gnb a,
  header.head-white #gnb a{color: #fff;}

  /* depth 2 */
  header #gnb  > ul > li > ul {position: relative; top:0; width:100%; border-top:1px solid rgba(255,255,255,0.2);}
  header #gnb  > ul > li > ul > li {width:100%;  background:#406d88;}
  header.hover #gnb  > ul > li > ul > li > a,
  header.head-white #gnb  > ul > li > ul > li > a,
  header #gnb  > ul > li > ul > li > a {padding:0 5rem; height:5rem; line-height:5rem; color: #e18a71; text-align: left;}
  header #gnb  > ul > li > ul > li > a:hover{background:#666; color: #fff;}

  /* depth 3 */
  header #gnb > ul > li > ul > li > ul{display:block;}
  header #gnb > ul > li > ul > li > ul > li > a {text-align: center;border-bottom: 1px solid #eddd;padding: 1rem;background: #65889c;}
  header #gnb > ul > li > ul > li > ul > li > a:after {display:none;}
  /*untill*/
  header div#untill{display: none;}
  footer div.footerWrap div.message,
  footer div.footerWrap div.top-btn{right: 4%;}
  footer div#footer-info{padding: 5rem 4%;}

}

@media screen and (max-width:970px) {

  header #gnb{width: 40%;}

  div.gallery-view div.cont div.box1{min-height: 60rem;}
  div.gallery-view div.cont div.box1 div.info-area{width:; }
  div.gallery-view div.cont div.box1 div.img-area{width: 50%;}
  div.gallery-view div.cont div.box2 div.info-area{margin-left: 3%; margin-top: 50%;}

  .popup_cs{position: fixed; width: 50% !important; height: auto !important; top:0 !important; left: 0 !important;}
  .popup_cs img{}

  .user-write form div.group div.left,
  .user-write form div.group div.right{width: 100%; border: 0; padding: 0;}
  .user-write form div.group div.left ul li.formfield{position: absolute; bottom: -30rem;}
  .user-write form div.group div ul li dl{width: 100%;}
  .user-write form div.group div ul li.day dl dt{width: 32rem;}
  .user-write form div.btn.btn-type1{ margin: 35rem auto 0;}
  .user-write form div.group div.left ul li.formfield dl dd div.btn{position: unset; margin-bottom: 1rem;}
  .user-write form div.group div.left ul li.formfield dl dt{margin-bottom: 0;}


}

/* 모바일 360px ~ 720px */
@media screen and (max-width:720px) {

  body {font-size:1.4rem;}
  #wrap {min-width:36rem}
  #container {width: 100%; min-width:36rem; } /* min-width 값은 변경 또는 wrap 등으로 위치이동 */
  section{min-width: 36rem;}
  header {position: fixed;top:0;background: #fff; border-bottom:1px solid #ddd;}
  header #gnb{width: 50%;}
  header div.flex-btn {width: 6rem;}
  div#section-top div#sub-visual div.txt-box{ left: 0;  width: 70%;  }
  div#section-top div#sub-visual div.txt-box p.tit{font-size:2vw;}
  div#section-top div#sub-visual div.txt-box h3{font-size: 7vw; padding: 1rem 0 2rem;}
  div#section-top div#sub-visual div.txt-box > div > p{font-size:2.5vw;}



  /* lnb */
  #lnb-wrap{display: block;}
  #lnb.inner{padding: 0; }
  #lnb > p{display: none;}
  #lnb ul{position: relative; left: 0; top: 0; width:100%;}
  #lnb ul > li.tab2{position: relative; float:none; width:100%; border-right: none;}
  #lnb ul > li a{position: relative; display:block; padding-left:2rem;width:100%; height:60px; line-height: 60px;}
  #lnb ul > li:hover a{background:#fff; border-right: 1px solid #ddd;}
  #lnb ul > li a i{position:absolute; top:0; right:20px; font-size: 18px; line-height: 60px; color: #999;}
  #lnb ul > li > ul{margin-left:-1px; display: none; border-bottom: 1px solid #ddd; background:#fff;}
  #lnb ul > li:hover > ul{display:none}
  #lnb ul > li.on > ul{display:block;}
  #lnb ul > li > ul > li{border-top: 1px solid #ddd; border-left: 1px solid #ddd;  box-sizing: border-box;}
  #lnb ul > li > ul > li a{color: #444; border-right:none;}
  #lnb ul > li > ul > li a:hover{background:#f7f7f7; border-right: 0;}
  #lnb #tabs0,
  #lnb ul li.tab1 {display:none;}

  footer div#footer-navi > ul{width: 70%;}
  footer div#footer-navi > ul > li:nth-child(3),
  footer div#footer-navi > ul > li:nth-child(3) a{padding-left: 0;}
  footer div#footer-navi > ul > li > a{padding-bottom: 0;}

  body.sub3 #lnb-wrap,
  body.sub5 #lnb-wrap,
  body.sub6 #lnb-wrap{display:none;}

  /*sub-visual*/
  div#section-top div#sub-visual {height:35.5rem; background-position:80% center; }
  div#section-top div#sub-visual div.txt-box{top:60%;}
  div#section-top div#sub-visual .txt.huge {padding-bottom: 1rem; font-size: 1.8rem !important;}
  div#section-top div#sub-visual .txt.subtit {font-size: 1.6rem !important;}
  footer div#footer-info {padding: 2rem 4%; color: #999;}



  div.gallery-list ul li{width: 43%;  margin-right: 10%; height: auto;}
  div.gallery-list ul li:nth-child(3n){margin-right: 10%;}
  div.gallery-list ul li:nth-child(even){margin-right: 0;}


  div.gallery-view div.cont div.box1{flex-direction: column-reverse;}
  div.gallery-view div.cont div.box1 div.info-area,
  div.gallery-view div.cont div.box1 div.img-area{width: 100%; }

  div.gallery-view div.cont div.box1 div.info-area{margin-top: 4rem;}
  div.gallery-view div.cont div.box2 div.info-area{margin-left: 0;}






}

@media screen and (max-width:580px) {

  header #gnb{width: 100%;}
  footer div#footer-navi > ul > li:nth-child(2),
  footer div#footer-navi > ul > li:nth-child(2) a{padding-left: 0;}
  div#section-top div#sub-visual div.txt-box > div > p{font-size:1.6rem;}

  footer div.footerWrap div.message{right: unset; left: 4%; bottom: 0;}
  footer div.footerWrap div.message ul:after{display: block; clear: both;}
  footer div.footerWrap div.message ul li{float: left;}
  footer div.footerWrap div.message ul li.kakao{margin-right: 1rem;}
  footer div.footerWrap ul.sns{top:2rem;}

  .popup_cs{position: fixed; width: 70% !important; height: auto !important; top:0 !important; left: 0 !important;}
  .popup_cs img{}

  h4{font-size: 10vw;}

  div.list-top.flex{flex-direction: column;}
  div.list-top.flex div.search-box{width: 100%; margin-bottom: 4rem}
  div.list-top.flex input.searchbox{width: 84%;}
  div.list-top button.searchbox-submit{width: 15%;}
  div.gallery-list ul li{width: 90%;  margin-right: 0; height: auto;}
  div.gallery-list ul li:nth-child(3n){margin-right: 0;}
  div.gallery-list ul li:nth-child(even){margin-right: 0;}
  div.gallery-view div.cont div.box3 div.list3{width: 100%; box-sizing: border-box;}
  div.gallery-view .slick-prev{    left: 36rem;}
  div.gallery-view div.cont div.box2 div.info-area{ margin-top: 80%;}
  div.gallery-view div.cont div.box2 div.info-area,
  div.gallery-view div.cont div.box3 div.info-area{width: 100%; box-sizing: border-box;padding: 6rem 3rem 3.5rem;}

  div.gallery-view div.cont div.box1 div.img-area:before{top:16rem;}
  div.gallery-view div.list3 .slick-next{ right: 1rem;}
  div.gallery-view div.list3 .slick-prev{left: unset; right: 7rem;}
  div.gallery-view div.gallery-page-list .slick-next{ right: 0rem;}
  div.gallery-view div.gallery-page-list .slick-prev{left: 0rem;}
  div.gallery-view .slick-dots{display: none !important;}

  .user-write form div.group div.left ul li:nth-child(4) p{padding-left: 1rem; font-size: 1.4rem;}
  .user-write form div.group div ul li.day dl{width: 100%;     display: table;}
  .user-write form div.group div ul li.day dl dt{width: 20%; box-sizing: border-box;}
  .user-write form div.group div ul li.day dl:first-child{    margin-bottom: 2rem;}
  .user-write form div.group div ul li.day dl:first-child dt{width: 20%;}
  .user-write form div.group div ul li.day dl:nth-child(2) dt{text-align: left;}

  /*.user-write form div.group div ul li dl dd{width: 80%;}*/
  .user-write form div.group div ul li dl dd textarea,
  .user-write form div.group div ul li dl dd input{box-sizing: border-box;}

  .user-write form div.group div ul li dl dt,
  .user-write form div.group div ul li dl dd{display: block;}
  .user-write form div.group div ul li dl dt{margin-bottom: 1rem;}
  .user-write form div.group div ul li dl dd{width: 100%;}
  .user-write form div.group div.left ul li div.agree ul li:nth-child(n+2){width: 100%; display:block;}


  div.certify-box{width: 100%;}
  div.certify-box p{margin-bottom: 3rem;}
}

@media screen and (max-width:360px) {


  footer div#footer-info{padding-top: 7rem;}
  footer div#footer-navi > ul{width: 100%;}
  footer div.footerWrap ul.sns{top:2rem; right: unset; left: 4%;}

  div#section-top div#sub-visual div.txt-box{width: 100%;}
  div#section-top div#sub-visual div.txt-box p.tit{font-size:1.6rem;}
  div#section-top div#sub-visual div.txt-box h3{font-size: 4rem;}

  .popup_cs{position: fixed; width: 100% !important; height: auto !important; top:0 !important; left: 0 !important;}
  .popup_cs img{}

  h4{font-size: 12vw;}

  div.gallery-view div.cont div.box1 div.table-type ul li dl dt,
  div.gallery-view div.cont div.box1 div.table-type ul li dl dd{width: 100%; text-align: left; padding-left: 3rem; box-sizing: border-box;}
  div.gallery-view div.cont div.box2{background-size: 100%;min-height: 69rem;}
  div.certify-box{padding: 4rem 2rem;}

  .user-write form div.group div ul li dl,
  .user-write form div.group div ul li.day dl,
  .user-write form div.group div ul li dl dt,
  .user-write form div.group div ul li dl dd{display: block; width: 100%;}
  .user-write form div.group div.left ul li:nth-child(4) p{padding-left: 0;}
  .user-write form div.group div ul li.day input.date{width: 84%;}
  .user-write form div.group div ul li dl dt{margin-bottom: 1rem;}
  .user-write form div.group div.left ul li.formfield{    bottom: -27rem;}
  .user-write form div.btn.btn-type1 button{width: 100%;}


}