@charset "UTF-8";
/* common */
#sub-visual{clear:both; position:relative; width:1180px; height:150px; margin:40px auto; padding:0; background:#f7f7f7;}
#sub-visual.sub-bg01{background:#f6ebd5 url('../images/sub/sub_visual_01.jpg') no-repeat center center; background-size:cover;}
#sub-visual.sub-bg02{background:#f6ebd5 url('../images/sub/sub_visual_01.jpg') no-repeat center center; background-size:cover;}
#sub-visual.sub-bg03{background:#f6ebd5 url('../images/sub/sub_visual_01.jpg') no-repeat center center; background-size:cover;}
#sub-visual.sub-bg04{background:#f6ebd5 url('../images/sub/sub_visual_01.jpg') no-repeat center center; background-size:cover;}
#sub-visual.sub-bg05{background:#f6ebd5 url('../images/sub/sub_visual_01.jpg') no-repeat center center; background-size:cover;}
#sub-visual.sub-bg06{background:#f6ebd5 url('../images/sub/sub_visual_01.jpg') no-repeat center center; background-size:cover;}
#sub-visual.sub-bg07{background:#f6ebd5 url('../images/sub/sub_visual_01.jpg') no-repeat center center; background-size:cover;}
#sub-visual.sub-bg08{background:#f6ebd5 url('../images/sub/sub_visual_01.jpg') no-repeat center center; background-size:cover;}
#sub-visual.sub-bg98{background:#f6ebd5 url('../images/sub/sub_visual_01.jpg') no-repeat center center; background-size:cover;}
#sub-visual.sub-bg99{background:#f6ebd5 url('../images/sub/sub_visual_01.jpg') no-repeat center center; background-size:cover;}
#sub-visual .title{width:100%; height:100%; line-height:150px;}
#sub-visual .title h2{font-size:34px; font-weight:500; text-align:center;}

#side{position:relative; width:100%; height:auto; margin:0 auto 40px; padding:0; background:#fff; text-align:center; box-sizing:border-box;}
#side ul{clear:both; display:inline-block; margin:0 auto; background:#fff; overflow:hidden; box-sizing:border-box;}
#side ul li{position:relative; float:left; width:280px; height:auto; background:#f7f7f7; border:1px solid #eee; box-sizing:border-box;}
#side ul li a{display:block; position:relative; padding:16.5px 12px; color:#444; font-size:17px; text-align:center; word-break:keep-all; box-sizing:border-box;}
#side ul li a:focus, #side ul li a:hover{color:#f66072;}
#side ul li.active{background:#fff; border:1px solid #f66072;}
#side ul li.active a{color:#f66072;}

#sub-contents{clear:both; position:relative; width:100%; height:100%; min-height:600px; margin:0 auto; padding:40px 0; background:#fff;}
#sub-contents:after{content:''; display:block; clear:both;}
#sub-contents .con-title{display:block; width:100%; margin-bottom:25px; border-bottom:1px solid #f66072;}
#sub-contents .con-title h3{display:inline-block; position:relative; padding:0 0 20px; color:#333; font-size:34px; font-weight:500; word-break:keep-all; line-height:1.2;}
#sub-contents .con-title h3 span, #sub-contents .con-title h3 strong{color:#f66072;}
#sub-contents .con-title.center{margin-bottom:40px; border-bottom:none; font-style:italic; text-align:center;}
#sub-contents .con-title.center:after{content:''; display:block; width:42px; height:14px; margin:0 auto; background:url('../images/sub/ico_bullet_01.png') no-repeat center;}
#sub-contents .con-title.center h3{padding:0 0 40px;}
#sub-contents .ready{}
#sub-contents .ready img{max-width:940px;}

/* contents */
#sub-contents .con{clear:both; display:block; position:relative; margin:0 auto 100px; padding:0;}
#sub-contents .con img{display:block; width:100%; max-width:1180px;}
#sub-contents .con img.mobile{display:none;}
#sub-contents .con p{color:#333; font-size:18px; line-height:1.8; word-break:keep-all;}
#sub-contents .con strong{font-weight:500;}
#sub-contents .con span.color{color:#907054;}
#sub-contents .con ul.number{}
#sub-contents .con ul.number li{position:relative; margin-bottom:20px; padding-left:30px; color:#333; font-size:18px; line-height:1.4; word-break:keep-all;}
#sub-contents .con ul.number li:before{display:inline-block; position:absolute; left:0; color:#f66072; font-style:italic;}
#sub-contents .con ul.number li.num01:before{content:'01';}
#sub-contents .con ul.number li.num02:before{content:'02';}
#sub-contents .con ul.number li.num03:before{content:'03';}
#sub-contents .con ul.number li.num04:before{content:'04';}
#sub-contents .con ul.number li.num05:before{content:'05';}
#sub-contents .con ul.number li.num06:before{content:'06';}
#sub-contents .con ul.number li.num07:before{content:'07';}
#sub-contents .con ul.number li.num08:before{content:'08';}

/*¸Þ´º*/
.sub01-01, .sub01-02, .sub01-03, .sub01-04
.sub02-01, .sub02-02, .sub02-03, .sub02-04
.sub03-01, .sub03-02, .sub03-03, .sub03-04
.sub04-01, .sub04-02, .sub04-03, .sub04-04
.sub05-01, .sub05-02, .sub05-03, .sub05-04
.sub06-01, .sub06-02, .sub06-03, .sub06-04{clear:both;}

#sub-contents .sub01-02{}
#sub-contents .sub01-02 .con .root_daum_roughmap{width:100%; margin-bottom:20px;}
#sub-contents .sub01-02 .con .wrap_map{height:400px;}
#sub-contents .sub01-02 .con ul.list{}
#sub-contents .sub01-02 .con ul.list li{display:block; position:relative; margin-bottom:12px; padding-left:15px;}
#sub-contents .sub01-02 .con ul.list li:before{content:''; display:inline-block; position:absolute; width:3px; height:3px; top:14px; left:0; background:#9ab43c;}
#sub-contents .sub01-02 .con ul.list li p strong{color:#744c28;}
#sub-contents .sub01-02 .con p.color{font-size:16px; color:#fb3a51; text-align:right;}
#sub-contents .sub01-02 .con ul.hours{}
#sub-contents .sub01-02 .con ul.hours li{clear:both; height:76px; margin-bottom:10px;}
#sub-contents .sub01-02 .con ul.hours li p.day{float:left; width:24%; height:100%; padding:28px 0; background:#f66072; color:#fff; font-size:19px; font-weight:500; text-align:center; line-height:1.2;}
#sub-contents .sub01-02 .con ul.hours li p.time{float:right; width:76%; height:100%; padding:28px 30px; background:#f1f1f1; color:#444; font-size:17px; line-height:1.2;}
#sub-contents .sub01-02 .con ul.hours li p.time span{font-size:14px;}
#sub-contents .sub01-02 .con ul.hours li:nth-child(2) p.time{padding:16px 30px;}
#sub-contents .sub01-02 .con ul.hours li:last-child{margin-bottom:0;}
#sub-contents .sub01-02 .con ul.hours li:last-child p.day{padding:19px 0; background:#c0c0c0;}

#sub-contents .sub02-01{}
#sub-contents .sub02-01 .con .box{width:100%; height:367px; padding:60px; background:#eee url('../images/sub/02/sub02_01_02.jpg') no-repeat right bottom; background-size:cover;}
#sub-contents .sub02-01 .con .box p:first-child{margin-bottom:20px;}
#sub-contents .sub02-01 .con .box p strong{color:#9ab43c; font-size:26px; font-weight:500;}
#sub-contents .sub02-01 .con .box p span.color{color:#907054;}
#sub-contents .sub02-01 .con ul.list{}
#sub-contents .sub02-01 .con ul.list li{display:inline-block; position:relative; width:48%; height:33px; margin-bottom:40px; padding-left:54px; color:#333; font-size:18px; line-height:33px; word-break:keep-all;}
#sub-contents .sub02-01 .con ul.list li:nth-child(n+5){margin-bottom:0;}
#sub-contents .sub02-01 .con ul.list li:before{content:''; display:inline-block; position:absolute; width:40px; height:33px; top:0; left:0; background:url('../images/sub/ico_bullet_02.png') no-repeat center center;}
#sub-contents .sub02-01 .con ul.gallery{clear:both; display:inline-block; margin-top:20px;}
#sub-contents .sub02-01 .con ul.gallery li{display:block; float:left; width:280px; margin:0 10px;}
#sub-contents .sub02-01 .con ul.gallery li:first-child{margin-left:0}
#sub-contents .sub02-01 .con ul.gallery li:last-child{margin-right:0}
#sub-contents .sub02-01 .con ul.gallery li{display:inline-block; width:280px; margin:0 83px 20px; vertical-align:top; text-align:left;}
#sub-contents .sub02-01 .con ul.gallery li:first-child, #sub-contents .sub02-01 .con ul.gallery li:nth-child(3n+1){margin-left:0}
#sub-contents .sub02-01 .con ul.gallery li:last-child, #sub-contents .sub02-01 .con ul.gallery li:nth-child(3n){margin-right:0}
#sub-contents .sub02-01 .con ul.gallery li img{max-width:280px; margin-bottom:20px;}
#sub-contents .sub02-01 .con ul.gallery li p{margin-bottom:5px;}
#sub-contents .sub02-01 .con ul.gallery li p strong{color:#f66072; font-size:26px;}


#sub-contents .sub03-01{}
#sub-contents .sub03-01 .con .box{width:100%; height:367px; padding:60px; background:#eee url('../images/sub/03/sub03_01_02.jpg') no-repeat right bottom; background-size:cover;}
#sub-contents .sub03-01 .con .box p:first-child{margin-bottom:20px;}
#sub-contents .sub03-01 .con .box p strong{color:#9ab43c; font-size:26px; font-weight:500;}
#sub-contents .sub03-01 .con .box p span.color{color:#907054;}
#sub-contents .sub03-01 .con ul.list{}
#sub-contents .sub03-01 .con ul.list li{display:inline-block; position:relative; width:100%; height:40px; margin-bottom:32px; padding-left:54px; color:#333; font-size:18px; line-height:40px; word-break:keep-all;}
#sub-contents .sub03-01 .con ul.list li:before{content:''; display:inline-block; position:absolute; width:40px; height:40px; top:0; left:0; background:url('../images/sub/ico_bullet_03.png') no-repeat center center;}
#sub-contents .sub03-01 .con p.tit strong{color:#f66072; font-size:24px; font-weight:400;}
#sub-contents .sub03-01 .con img.sample{margin-top:20px;}
#sub-contents .sub03-01 .con .txtbox{width:100%; margin-top:40px; padding:70px 20px; background:#f6f6f6; border:1px solid #e9ebea; text-align:center;}
#sub-contents .sub03-01 .con .txtbox p{}
#sub-contents .sub03-01 .con .txtbox p.tit{margin-bottom:12px; color:#f66072; font-size:28px;}
#sub-contents .sub03-01 .con .txtbox p strong{color:#9ab43c; font-size:28px; font-weight:500;}
#sub-contents .sub03-01 .con .txtbox p span{font-size:16px;}
#sub-contents .sub03-01 .con .box2{width:100%; height:367px; padding:60px; background:#eee url('../images/sub/03/sub03_01_04.jpg') no-repeat right bottom; background-size:cover;}
#sub-contents .sub03-01 .con .box2 p:first-child{margin-bottom:20px;}
#sub-contents .sub03-01 .con .box2 p strong{color:#9ab43c; font-size:26px; font-weight:500;}
#sub-contents .sub03-01 .con .box2 p span.color{color:#907054;}


#sub-contents .sub04-01{}
#sub-contents .sub04-01 img{max-width:1124px;}


#sub-contents .sub98-01 .con{margin:0 0 20px;}
#sub-contents .sub98-01 .con p{position:relative; margin:0; padding:10px 20px; background:#fff; border:1px solid #ddd; border-bottom:none; color:#f66072; font-size:20px; font-weight:500; text-align:center;}
#sub-contents .sub98-01 .con ul{margin:0; padding:10px 30px 25px; background:#f7f7f7; border:1px solid #ddd;}
#sub-contents .sub98-01 .con ul li{display:inline-block; position:relative; width:20.8%; margin:15px 30px 0 0; padding:0 0 0 10px; vertical-align:top;}
#sub-contents .sub98-01 .con ul li:nth-child(4n){margin-right:0;}
#sub-contents .sub98-01 .con ul li:before{content:''; display:block; position:absolute; top:6.5px; left:0; width:4px; height:4px; background:#9ab43c;}
#sub-contents .sub98-01 .con ul li a{color:#333; font-size:16px; font-weight:400;}
#sub-contents .sub98-01 .con ul li a:focus, #sub-contents .sub98-01 .con ul li a:hover{color:#9ab43c;}

@media only screen and (max-width:1279px){
	#sub-visual{width:100%; max-width:1180px;}
	#sub-contents{min-width:1000px;}

	#sub-contents .sub02-01 .con ul.gallery{width:100%; text-align:center;}
	/*#sub-contents .sub02-01 .con ul.gallery li{display:inline-block; float:none; width:22%; text-align:left; vertical-align:top;}*/
	#sub-contents .sub02-01 .con ul.gallery li{width:30%; margin:0 2% 20px;}

	#sub-contents .sub98-01 .con ul{padding:5px 5px 20px 15px;}
	#sub-contents .sub98-01 .con ul li{width:48%; margin:15px 5px 0 0; padding:0 0 0 8px;}
	#sub-contents .sub98-01 .con ul li:nth-child(2n){margin-right:0;}
	#sub-contents .sub98-01 .con ul li ul{margin:7px 0 0 5px;}
}

@media only screen and (max-width:1024px){
    /* ¼­ºê¸Þ´º ¹é±×¶ó¿îµå ±×¸² ¼³Á¤*/
	#sub-visual{max-width:1024px; min-width:320px; margin:0 auto 40px;}
	#sub-visual.sub-bg01{background:#f6ebd5 no-repeat left center; background-size:cover;}
	#sub-visual.sub-bg02{background:#f6ebd5 no-repeat left center; background-size:cover;}
	#sub-visual.sub-bg03{background:#f6ebd5 no-repeat left center; background-size:cover;}
	#sub-visual.sub-bg04{background:#f6ebd5 no-repeat left center; background-size:cover;}
	#sub-visual.sub-bg05{background:#f6ebd5 no-repeat left center; background-size:cover;}
	#sub-visual.sub-bg06{background:#f6ebd5 no-repeat left center; background-size:cover;}
	#sub-visual.sub-bg07{background:#f6ebd5 no-repeat left center; background-size:cover;}
	#sub-visual.sub-bg08{background:#f6ebd5 no-repeat left center; background-size:cover;}
	#sub-visual.sub-bg09{background:#f6ebd5 no-repeat left center; background-size:cover;}
	#sub-visual.sub-bg98{background:#f6ebd5 url('../images/sub/sub_visual_m_01.jpg') no-repeat left center; background-size:cover;}
	#sub-visual.sub-bg99{background:#f6ebd5 url('../images/sub/sub_visual_m_01.jpg') no-repeat left center; background-size:cover;}

	#side ul li{width:auto;}

	#sub-contents{min-width:300px; min-height:300px; padding:10px 0;}
	#sub-contents .con-title h3{width:80%; font-size:29px; line-height:1.2;}
	#sub-contents .con-title.center{margin-bottom:20px; border-bottom:none; font-style:italic; text-align:center;}
	#sub-contents .con-title.center h3{padding:0 0 14px;}
	#sub-contents .con{margin:0 auto 60px;}
	#sub-contents .con img{max-width:1024px;}
	#sub-contents .con img.pc{display:none;}
	#sub-contents .con img.mobile{display:block;}

	#sub-contents .sub01-02 .con .wrap_map{height:320px;}

	#sub-contents .sub02-01 .con .box{background-position:right 40% bottom;}
	#sub-contents .sub02-01 .con .box p{background:rgba(255,255,255,0.6);}
	#sub-contents .sub02-01 .con .box p:first-child{background:none;}
	#sub-contents .sub02-01 .con ul.list li{width:100%; height:50px; margin-bottom:20px; line-height:1.3; border-bottom:1px dotted #ddd;}
	#sub-contents .sub02-01 .con ul.list li:nth-child(n+5){margin-bottom:20px;}
	#sub-contents .sub02-01 .con ul.list li:last-child{margin-bottom:0; border-bottom:none;}

	#sub-contents .sub03-01 .con .box{background-position:right 40% bottom;}
	#sub-contents .sub03-01 .con .box p{background:rgba(255,255,255,0.6);}
	#sub-contents .sub03-01 .con .box p:first-child{background:none;}
	#sub-contents .sub03-01 .con ul.list li{height:65px; margin-bottom:20px; line-height:1.3; border-bottom:1px dotted #ddd;}
	#sub-contents .sub03-01 .con ul.list li:last-child{margin-bottom:0; border-bottom:none;}
	#sub-contents .sub03-01 .con .txtbox{margin-top:20px; padding:30px 20px; text-align:left;}
	#sub-contents .sub03-01 .con .txtbox p{font-size:16px; line-height:1.4;}
	#sub-contents .sub03-01 .con .txtbox p.tit{font-size:25px; line-height:1.3;}
	#sub-contents .sub03-01 .con .box2{background-position:right 45% bottom;}
	#sub-contents .sub03-01 .con .box2 p{background:rgba(255,255,255,0.6);}

	#sub-contents .sub04-01 img{min-width:300px;}
}

@media only screen and (max-width:768px){
	#side ul{width:100%;}
	#side ul li{min-width:50%;}

	#sub-contents .sub02-01 .con .box{height:auto; padding:40px; background-position:right 45% bottom;}
	#sub-contents .sub02-01 .con .box p{line-height:1.4;}
	#sub-contents .sub02-01 .con .box p strong{line-height:1.2;}
	#sub-contents .sub02-01 .con ul.gallery li{width:47%; margin:0 1% 20px;}
	#sub-contents .sub02-01 .con ul.gallery li:first-child, #sub-contents .sub02-01 .con ul.gallery li:nth-child(3n+1){margin-left:1%}
	#sub-contents .sub02-01 .con ul.gallery li:last-child, #sub-contents .sub02-01 .con ul.gallery li:nth-child(3n){margin-right:1%}
	#sub-contents .sub02-01 .con ul.gallery li p{font-size:14px; line-height:1.5;}

	#sub-contents .sub03-01 .con .box{height:auto; padding:40px; background-position:right 28% bottom;}
	#sub-contents .sub03-01 .con .box2{height:auto; padding:40px;}
}

@media only screen and (max-width:550px){
	#sub-visual .title h2{color:#fff; background:rgba(32,22,12,0.4);}
	#sub-contents .sub02-01 .con ul.gallery li{width:100%; margin:0 0 20px;}
	#sub-contents .sub02-01 .con ul.gallery li img{width:100%; margin-bottom:10px;}
}