@charset "utf-8";

/* ======================================================
   .greet-wrap
=========================================================*/
.greet-wrap {position:relative; padding:360px 0px 0px;}
.greet-wrap:before {position:absolute; top:0px; left:50%; transform:translateX(-50%); content:''; width:calc(100% - 0px); height:290px; background:#fff url('../img/content/01-img02.jpg') center top no-repeat; background-size:cover; border-radius:20px; 
	-webkit-box-shadow:0px 20px 24px rgba(0,0,0,.1);-moz-box-shadow:0px 20px 24px rgba(0,0,0,.1); box-shadow:0px 20px 24px rgba(0,0,0,.1);}
.greet-wrap .btit {font-size:20px; line-height:1.3; margin:0 0 25px; word-break:keep-all;font-weight:600;  letter-spacing:-0.03em;}
.greet-wrap .btit strong {color:#000; display:block;font-weight:600; letter-spacing:-0.03em;}
.greet-wrap .txt { font-size:16px; line-height:25px; letter-spacing:-0.03em; margin:0 0 50px; text-align: justify; text-justify: inter-word; word-break: break-word; hyphens: auto;}

	
	@media(min-width:768px) {
		.greet-wrap {padding:0 0px 0 300px; margin:30px auto; box-sizing:border-box; min-height:340px;}
		.greet-wrap:before {position:absolute; top:0; left:0px; transform:translateX(0); content:''; width:260px; height:500px; background:#fff url('../img/content/01-img02.jpg') center bottom no-repeat; background-size:cover; border-radius:30px;}
		.greet-wrap:after {position:absolute; content:''; top:20%; left:-550px; width:900px; height:240px; background:#fff; border-radius:0 0 70px 0; z-index:-1;}
		.greet-wrap .txt { font-size:18px; line-height:25px; letter-spacing:-0.03em; margin:0 0 50px; text-align: justify; text-justify: inter-word; word-break: break-word; hyphens: auto;}
	}

	@media(min-width:1024px) {
		.greet-wrap {padding:0px 0 0 450px; margin:70px auto 50px; box-sizing:border-box; min-height:500px;}
		.greet-wrap:before {position:absolute; top:0; left:0; transform:translateX(0); content:''; width:400px; height:700px; background:#fff url('../img/content/01-img02.jpg') center bottom no-repeat; background-size:auto;border-radius:20px;}
		.greet-wrap:after {position:absolute; content:''; top:20%; left:-500px; width:700px; height:400px; border-radius:100px; z-index:-1;}
		.greet-wrap .txt {font-size:18px; color:#666; font-weight:400; line-height:25px; letter-spacing:-0.03em; text-align: justify; text-justify: inter-word; word-break: break-word; hyphens: auto;} 
		.greet-wrap .txt strong{font-size:19px; color:#333; font-weight:700; line-height:30px; letter-spacing:-0.03em;}
		.greet-wrap .btit {line-height:1.3; font-size:22px;}
	}
	
	@media(min-width:1025px) {
		.greet-wrap {padding:0px 0 0 570px; margin:100px auto 50px; box-sizing:border-box; min-height:500px;}
		.greet-wrap:before {position:absolute; top:0; left:0; transform:translateX(0); content:''; width:500px; height:700px; background:#fff url('../img/content/01-img02.jpg') center bottom no-repeat; background-size:auto;border-radius:20px;}
		.greet-wrap:after {position:absolute; content:''; top:20%; left:-500px; width:700px; height:400px; border-radius:100px; z-index:-1;}
		.greet-wrap .txt {font-size:17px; color:#666; font-weight:400; line-height:26px; letter-spacing:-0.03em; text-align: justify; text-justify: inter-word; word-break: break-word; hyphens: auto;} 
		.greet-wrap .txt strong{font-size:19px; color:#333; font-weight:700; line-height:30px; letter-spacing:-0.03em;}
		.greet-wrap .btit {line-height:1.3; font-size:28px;}
	}

	
	
	@media(min-width:1200px) {
		.greet-wrap {padding:0px 0 0 600px; width:100%; min-height:700px;}
		.greet-wrap .btit {font-size:28px; padding-left: 0px; color:#000;}
	}

	@media only screen and (max-width:480px) {
		.greet-wrap .txt {font-size:15px; line-height:25px; letter-spacing:-0.03em;}
	}

	

/* ======================================================
   .round-tab
=========================================================*/


#round-wrap{position:relative; z-index:1000}
#round-wrap.fix .fix {position:fixed; left:0; top:0px; width:100%; background:#fff;}


.round-tab li {display:table-cell; float:left; width:33.333%; margin-bottom:-1px; border:0 none; background:#f2f3f5; box-sizing:border-box;}
.round-tab.w2p li {width:50%; border-right:none;}
.round-tab.w3p li {width:33.33%;}
.round-tab.w4p li {width:25%;}
.round-tab.w5p li {width:50%;}
.round-tab a {overflow:hidden; display:block; font-size:14px; height:45px; line-height:45px; text-align:center; color:#666;text-overflow:ellipsis; white-space:nowrap; font-weight:bold; padding:0 0px;letter-spacing:-0.03em;}
.round-tab .active {background-color:#00aaaf; background:linear-gradient(315deg, #2d519b 15%, #2d519b 100%);}
.round-tab .active a {color:#fff;}

@media(min-width:768px) {
	.round-tab.w2p li {width:50%;}
	.round-tab.w3p li {width:33.33%;}
	.round-tab.w4p li {width:25%;}
	.round-tab.w5p li {width:20%;}
	.round-tab a {font-size:18px;}
}

@media(min-width:1024px) {
	.round-tab ul{position:relative;}
	.round-tab {display:table; width:auto; max-width:700px; margin:0 auto; table-layout:fixed;  border:none;background:#f2f3f5; border-radius:100px; overflow:initial; padding:0px; box-sizing:border-box;}
	.round-tab li {float:none; display:table-cell; width:auto; vertical-align:middle; margin:0; background:none;}
	.round-tab li + li {border-left:0 none;}
	.round-tab a {display:block; padding:0 25px; height:40px; line-height:40px; text-align:center; color:#999; font-size:16px;}
	.round-tab a:hover {color:#111;}
	.round-tab .active {padding:0; border-radius:100px;}
	.round-tab .active a {color:#fff; font-weight:bold; border:none; border-radius:100px; /*box-shadow:0 5px 10px rgba(0, 0, 0, .1);*/ box-shadow: 0px 10px 30px 0px rgb(94 143 249 / 26%);}

}

@media(max-width:1199px) {
	.round-tab li:nth-child(3n) {border-right:0 none;}
	.round-tab li:nth-child(3n + 1) {clear:both;}
	.round-tab.w4p li:nth-child(3n + 1) {clear:none;}
	.round-tab.w2p li:nth-child(3n + 1) {clear:none;}

}

@media screen and (min-width:1200px) {
	.round-tab.w2p li {width:auto;}
	.round-tab.w3p li {width:auto;}
	.round-tab.w4p li {width:auto;}
	.round-tab.w5p li {width:auto;}
	.round-tab a {padding:0 30px; height:50px; line-height:50px; font-size:18px;}
}



/* ======================================================
   .sub-wrap
=========================================================*/
.sub-wrap {max-width:1200px; margin:0 auto; position:relative;}
.sub-wrap .enav{position:absolute;left:-175px; top:0;}
.sub-wrap .enav ul{position:relative;}
.sub-wrap .enav ul:before{width:1px;height: calc(100% - 14px); z-index:-1; background:#ededed; position:absolute ;left:3px; top:7px; display:block;content:""}
.sub-wrap .enav li{position:Relative; padding-left:22px;}
.sub-wrap .enav li:nth-child(n+2){margin-top:15px;}
.sub-wrap .enav li a{display:block; line-height:24px; font-size:17px; color:#888;}
.sub-wrap .enav li.active a{color:#1f1f1f; font-weight:700;}
.sub-wrap .enav li.active:before{width:7px;height:7px;background:#1f1f1f; position:absolute; left:0; top:9px; display:block; content:""; border-radius:100%;}
	@media only screen and (max-width:1200px) {
		.sub-wrap .enav{display:none;}
	}


.sub-wrap .upper{margin-bottom:65px; background:#f7f7f7; position:relative;padding:20px 30px;}
.sub-wrap .upper ul{}
.sub-wrap .upper ul:after{display:block;content:"";clear:both}
.sub-wrap .upper li{float:left; line-height:32px; font-weight:700; font-size:17px; position:relative; color:#888}
.sub-wrap .upper li:nth-child(n+2){margin-left:40px;}
.sub-wrap .upper li:nth-child(n+2):before{width:40px; position:Absolute; left:-40px; top:0;height:100%; display:Block; content:"";background:url(../img/content/channel-path.png) no-repeat center center;}
.sub-wrap .upper li:last-child{color:#1f1f1f;}

.sub-wrap .upper .abr{position:absolute;right:30px; top:20px; font-size:0;}
.sub-wrap .upper .abr a{display:inline-block;vertical-align:top; width:90px; font-size:13px;line-height:30px; border:1px solid #5c3fbf; border-radius:32px; text-align:center; color:#fff;}
.sub-wrap .upper .abr a:nth-child(n+2){margin-left:10px;}
.sub-wrap .upper .abr .save-btn{border:1px solid #5c3fbf; color:#5c3fbf}
.sub-wrap .upper .abr .enter-btn{border:1px solid #5c3fbf;background:#5c3fbf; color:#fff}
.sub-wrap .upper .ex{display:inline-block;vertical-align:top; line-height:20px; font-weight:500;letter-spacing:-0.03em;font-size:13px; color:#555; border-bottom:1px solid #555; position:absolute;right:0; bottom:-30px;}
	@media only screen and (max-width:1200px) {
		
	}
	@media only screen and (max-width:999px) {
		.sub-wrap .upper{margin-bottom:50px; padding:20px}
		.sub-wrap .upper li{font-size:16px;}
		.sub-wrap .upper li:nth-child(n+2){margin-left:30px;}
		.sub-wrap .upper li:nth-child(n+2):before{width:30px; left:-30px;background-size:6px auto;}
	} 
	@media only screen and (max-width:680px) {
		.sub-wrap .upper ul{font-size:0;text-align:center}
		.sub-wrap .upper li{float:none; display:inline-block;vertical-align:top;}
		.sub-wrap .upper .abr{position:Relative; right:auto; top:auto ;margin-top:10px;text-align:center;}
		.sub-wrap .upper .abr a{font-size:12px; width:80px;}
		.sub-wrap .upper .abr a:nth-child(n+2){margin-left:5px;}
		.sub-wrap .upper .ex{font-size:12px;}
	} 
	@media only screen and (max-width:480px) {
		
	} 



/* =====================================
   subLnb-wrap
===================================== */

@media only screen and (min-width:1367px) {

#subLnb-wrap { display: block; width: 200px; float: left; position: relative; z-index: 900;  padding-left:30px; bottom:-50px; /*position: fixed; left:0px; top:50%; overflow: hidden; */  }
#subLnb-wrap:after { display: block; content: ""; background: #dadada; width: 100%; height: 0px; position: absolute; left:30px; top: 0; z-index: 1 }
#subLnb-wrap:before { display: block; content: ""; background: #dadada; width: 100%; height: 1px; position: absolute; left:30px; bottom: 0; z-index: 1 }
#subLnb .lm-tit { font-size: 17px; font-weight:700; height: 30px; padding: 13px 20px; line-height: 30px; letter-spacing: -0.05em; background-color: #3b5389; border-bottom: 1px solid #3b5389; border-radius:15px 15px 0px 0px; background:url(../img/sub/cont-tit.jpg) repeat-x; color: #fff; text-align:left; position: relative; z-index: 5; display: block; vertical-align: top; width: auto; }
#subLnb .lm-tit button { display: none; }
#subLnb .lm-tit .stxt { display: none; }
#subLnb .leftmenu { display: block; position:relative; z-index: 3;  }
#subLnb .leftmenu ul { position: relative; line-height: 130%; text-align: left; }
#subLnb .leftmenu ul:after { clear: both; content: ""; display: block; }
#subLnb .leftmenu ul li { }
#subLnb .leftmenu ul.depth2 { width: 100%; }
#subLnb .leftmenu ul .lm_l2 { position: relative; vertical-align: top; }
#subLnb .leftmenu ul .lm_a2 { display: block; z-index: 1; font-weight: 500; font-size: 15px; background: #fff; border-bottom: 1px solid #ccc; background-repeat: repeat; padding: 13px 20px 13px 20px; }

#subLnb .leftmenu ul .over .lm_a2 { }
#subLnb .leftmenu ul .has-sub .lm_a2 .isMask { width: 45px; height: 100%; min-height: 44px; position: absolute; top: 0; right: 0; background-image: url(/kor/_Img/Sub/lm-hasmenu.png); background-position: center 20px; background-repeat: no-repeat; }
#subLnb .leftmenu ul .has-sub.is-open .lm_a2 .isMask { background-position: center 25px; }
#subLnb .leftmenu ul .has-sub.is-close.is-open .lm_a2 .isMask { background-image: url(/kor/_Img/Sub/lm-hasopen.png); background-position: center 20px; }
#subLnb .leftmenu ul .lm_a2 span.isTxt { color: #666; position: relative; z-index: 20; position: relative; }
#subLnb .leftmenu ul .lm_a2 span.sico-nwin { display: block; position: absolute; right: 5px; top: 1.2em; z-index: 30; width: 15px; height: 15px; background: url(/kor/_Img/Sub/sicon_nwin_w) no-repeat center center; overflow: hidden; }
#subLnb .leftmenu ul .lm_a2:hover span.isTxt { /*text-decoration: underline;*/ }
#subLnb .leftmenu ul .over .lm_a2 { background: #eef4ff url(../img/content/lm-ico.png) no-repeat 90% center; }
#subLnb .leftmenu ul .over.has-sub.is-close .lm_a2 .isMask { background-position: -100px 0; }
#subLnb .leftmenu ul .over.has-sub.is-close.is-open .lm_a2 .isMask { background-position: 0 5px; }
#subLnb .leftmenu ul .lm_l2.over.has-sub .isMask { display: none }

#subLnb .leftmenu ul .over .lm_a2 span.isTxt { color:#122141; }
#subLnb .leftmenu ul .over .lm_a2 span.isTxt:hover { color:#3b5389; }
#subLnb .leftmenu ul .over .lm_a2 span.sico-nwin { background-image: url(/kor/_Img/Sub/sicon_nwin_w.gif) }





#contents-wrap-sub { width: 1200px; /*float:right;*/ margin: 0 auto; min-height: 500px; letter-spacing: -0.02em; word-break: keep-all; word-wrap: break-word }
#contents-sub { padding-bottom: 50px; line-height:30px; }
.cont-top-sub h3 { font-size: 30px; font-weight: 700; letter-spacing: -0.03em; line-height: 1.3em; color: #000;  padding-top: 0px; padding-bottom: 20px; }
.cont-top-sub h6 { font-size: 30px; font-weight: 700; letter-spacing: -0.03em; line-height: 1.3em; color: #000;  padding-top: 50px; padding-bottom: 20px; }
.cont-top-sub p { font-size: 17px; font-weight: 400; letter-spacing: -0.03em; line-height: 26px; color: #666;  padding-bottom:15px; text-align: justify; text-justify: inter-word; word-break: break-word; hyphens: auto;}

.u-tit01 { font-size: 20px; font-weight: 500; color: #000; padding-top: 30px; line-height: 33px; margin-bottom: 10px; letter-spacing: -0.03em; }
.u-tit02 { font-size: 22px; font-weight: 500; color: #000; padding-left: 40px; padding-top: 10px; background: url(../img/content/u-tit02.jpg) no-repeat 0 0.45em; line-height: 30px; margin-bottom: 30px; letter-spacing: -0.05em; }
.u-tit02 span{ font-size: 18px; font-weight: 400; color: #666;  padding-left: 10px; padding-top: 10px; line-height: 30px; margin-bottom: 20px; letter-spacing: -0.05em; text-align:right;}
.u-tit03 { font-size: 28px; color: #000; font-weight: 700; line-height: 180%; padding-bottom:20px; }
.u-tit04 { font-size: 20px; font-weight: 600; color: #000; padding-left:20px; padding-top: 10px; background: url(../img/content/u-tit04.jpg) no-repeat 0 0.65em; line-height: 30px; margin-bottom: 15px; letter-spacing: -0.05em; }
.u-tit04 span{ font-size: 18px; font-weight: 400; color: #666;  padding-left: 10px; padding-top: 10px; line-height: 30px; margin-bottom: 20px; letter-spacing: -0.05em; text-align:right;}

.gray-box.ctr { padding: 30px; font-size: 15px; color: #555; line-height: 1.7em; }
.gray-box { background: #f7f7f7; border: 1px solid #dddddd; padding: 30px; font-size: 14px; }
}


@media only screen and (min-width:1921px)  {
	#subLnb-wrap { display: block; width: 230px; float: left; position: relative; z-index: 10000;  padding-left:330px; }
	#subLnb-wrap:after { display: block; content: ""; background: #dadada; width: 100%; height: 0px; position: absolute; left:330px; top: 0; z-index: 10000; }
	#subLnb-wrap:before { display: block; content: ""; background: #dadada; width: 100%; height: 0px; position: absolute; left:330px; bottom: 0; z-index: 10000; }
}



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

#subLnb-wrap { display: block; ; width: 100%; position: relative; z-index: 100; margin-bottom: 30px;}
#subLnb-wrap .side-banner { display: none; }
#subLnb-wrap .side-banner2 { display: none; }

#subLnb .lm-tit { font-weight: 300; background: #4a6c6f; color: #fff; text-align: left; position: relative; display: block; ; vertical-align: top; width: auto; padding: 0; line-height: 45px; letter-spacing: -0.05em; }
#subLnb .lm-tit * { vertical-align: middle; }
#subLnb .lm-tit .tit { display: block; white-space: nowrap; font-size: 18px; position: relative;padding-left: 0px;  }
#subLnb .lm-tit .tit span { display: block; }
#subLnb .lm-tit button { position: absolute; right: 15px; bottom: 17px; width: 19px; height: 10px; border: none; display: block; background: url(../img/sub/cnavi-arr.png) no-repeat center 0; }
#subLnb .lm-tit button { text-indent: 9999em; }
#subLnb .lm-tit button:after { width: 1px; background: rgba(255,255,255,0.1); width: 1px; height: 40px; left: -20px; top: 50%; margin-top: -15px; display: block; content: ""; position: absolute; }
#subLnb .lm-tit .btxt { padding-left: 15px; display: block; font-size: 15px; font-weight: 600 }
#subLnb .lm-tit .stxt { display: block; font-weight: 500; line-height: 50px; font-size: 14px; color: #666; display: block; padding-left: 15px; background: #f0f0f0; }

#subLnb-wrap .leftmenu { /*display: block;*/  display: none; background: #f4f4f4; position: absolute; /*top: 40px; left: 0;*/ width: 100%; z-index: 1500; }
#subLnb-wrap .leftmenu .lm_a2 { padding: 0.75em 15px; text-align: left; display: block; font-size: 13px; }
#subLnb-wrap .leftmenu li:first-child .lm_a2 { border-top: 0 }
#subLnb-wrap .leftmenu .over .lm_a2 { background: #7d9395; border-bottom: 1px solid #7d9395 }
#subLnb-wrap .leftmenu .over .lm_a2 span { color: #fff; }
#subLnb-wrap .leftmenu .lm_a2 { background: #none; border-bottom: 1px solid #dedede; border-bottom: 1px solid #dedede }
#subLnb-wrap .leftmenu .lm_a2 span { color: #555 }

.cont-tit h2 { padding-bottom: 20px }
#contents-sub { line-height: 160%; text-align: justify; text-justify: inter-word; word-break: break-word; hyphens: auto; }
.cont-top-sub p { font-size:15px; line-height:25px; letter-spacing:-0.03em; text-align: justify; text-justify: inter-word; word-break: break-word; hyphens: auto;}

.u-tit02 { font-size: 18px; padding-left: 30px; padding-top: 10px; background: url(../img/content/u-tit02.jpg) no-repeat 0 0.45em; line-height: 30px; margin-bottom: 10px; letter-spacing: -0.03em; }
.u-tit02 span{ font-size: 16px; padding-left: 10px; padding-top: 10px; line-height: 30px; margin-bottom: 10px; letter-spacing: -0.03em;}
.u-tit03 { font-size: 20px; line-height: 160%; padding-bottom:20px; font-weight: 600;}
.u-tit04 { font-size: 20px; font-weight: 400; color: #000; padding-left:20px; padding-top: 10px; background: url(../img/content/u-tit04.jpg) no-repeat 0 0.65em; line-height: 30px; margin-bottom: 15px; letter-spacing: -0.03em; }
.u-tit04 span{ font-size: 16px; padding-left: 10px; padding-top: 10px; line-height: 30px; margin-bottom: 20px; letter-spacing: -0.03em;}

.cont-top-sub h3 { font-size: 24px; padding-bottom: 20px; }

}

@media only screen and (max-width:1024px) {
 #subLnb-wrap { display: block; ; width: 100%; position: relative; z-index: 900; margin-bottom: 30px; }
 .cont-tit h3 { padding-top: 10px; padding-bottom:10px; font-size:24px; }
 #subLnb-wrap .leftmenu { display: none; position: relative;}
 .u-tit02 { font-size: 20px; padding-left: 30px; padding-top: 10px; background: url(../img/content/u-tit02.jpg) no-repeat 0 0.45em; line-height: 30px; margin-bottom: 10px; letter-spacing: -0.03em; }
 .cont-top-sub p { font-size:18px; line-height:30px; letter-spacing:-0.03em; text-align: justify; text-justify: inter-word; word-break: break-word; hyphens: auto;}
 #subLnb-wrap .leftmenu .lm_a2 { padding-left: 20px; font-size: 17px; }
 #subLnb .lm-tit .btxt { padding-left: 20px; display: block; font-size: 17px;  }
 }

 @media only screen and (max-width:999px) {
 #subLnb-wrap { display: block; ; width: 100%; position: relative; z-index: 100; margin-bottom: 30px; }
 #subLnb-wrap .leftmenu { display: none; position: relative;}
 }


@media only screen and (max-width:680px) {
 #subLnb-wrap { display: block; ; width: 100%; position: relative; z-index: 100; margin-bottom: 30px; }
 #subLnb .lm-tit .btxt { padding-left: 15px; font-size: 15px; }
#subLnb-wrap .leftmenu { display: none; position: relative; /*left:0; */}

}

 @media only screen and (max-width:480px) {
#subLnb-wrap .leftmenu { display: none; position: relative;} /* ★모바일에서 depth2 닫히게★ */

.cont-tit h3 { padding-top: 10px; padding-bottom:10px; font-size:18px; }
.u-tit03 { font-size: 17px;font-weight:600;  padding-bottom:5px; }
.u-tit02 { font-size: 16px;font-weight:600;  padding-bottom:5px; padding-left:25px; padding-top: 5px;  background: url(../img/content/u-tit02m.jpg) no-repeat 0 0.45em;}
.u-tit02 span{ font-size: 14px;font-weight:400;  padding-bottom:5px; }
.u-tit04 { font-size: 17px; padding-left:20px; padding-top: 10px; background: url(../img/content/u-tit04.jpg) no-repeat 0 0.65em; line-height: 20px; margin-bottom: 10px; }
.cont-top-sub .txt{ font-size:15px; line-height:25px; letter-spacing:-0.03em; padding-bottom:10px;}
 .cont-top-sub p { font-size:15px; line-height:30px; letter-spacing:-0.03em; text-align: justify; text-justify: inter-word; word-break: break-word; hyphens: auto;}
  #subLnb-wrap .leftmenu .lm_a2 { padding-left: 15px; font-size: 15px; }
  #subLnb .lm-tit .btxt { padding-left: 15px; font-size: 15px; }


}


/* =====================================
   ceo-wrap
===================================== */
.ceo-wrap { }
.ceo-img { margin: 0 auto; padding-bottom: 90px; }
.ceo-left { display: inline-block; width: 38%; /*margin-right: 2%;*/ vertical-align: top; color: #2d2f59; font-size: 28px; font-weight: 700; line-height: 1.4; }
.ceo-left:before { display: block; content: ''; width:300px; height: 2px; background: #2d2f59; margin-top: 7px; margin-bottom: 30px; }
.ceo-right { display: inline-block; width:60%; }
.ceo-txt { font-size: 17px; color: #000; margin-top: 40px; margin-bottom: 40px;  line-height: 1.6;  word-break: keep-all; }
.ceo-txt strong{ font-size: 20px; text-align:right;}

.about-wrap { position: relative; max-width: 1200px; margin: auto; }
.about-info { }
.about-info dt { float: left; display: block; width: 130px; padding: 20px 15px; font-weight: 600; color: #2b2b2b; border-top: 1px solid #333; }
.about-info dd { display: block; margin-left: 200px; padding: 20px 15px; color: #666; border-top: 1px solid #e2e2e2; }
.about-info:after { content: ''; clear: both; display: block; }
	@media only screen and (max-width:1260px) {
	}
	@media only screen and (max-width:1200px) {
	}
	@media only screen and (max-width:999px) {
		.ceo-img { margin: 0 auto; padding-bottom: 50px; }
		.ceo-left { display: inline-block; width: 30%; margin-right: 2%; vertical-align: top; color: #004098; font-size: 20px; font-weight: 500; line-height: 1.5; }
		.ceo-left:before { display: block; content: ''; width: 170px; height: 3px; background: #004098; margin-top: 7px; margin-bottom: 20px; }
		.ceo-txt { font-size: 15px; margin-bottom: 20px; }
	}
	@media only screen and (max-width:680px) {
		.ceo-img {width: 100%;   padding-bottom: 30px;}
		.ceo-left { display: block; width: 100%; margin-right: 0; margin-bottom: 30px; font-size: 20px; font-weight: 500; line-height: 1.5;}
		.ceo-left:before { display: block; content: ''; width: 50px; height: 3px; background: #004098; margin-top: 7px; margin-bottom: 15px; }
		.ceo-left br { display:none;}
		.ceo-right { display: block; width: 100%; }
		.ceo-txt { font-size: 15px; margin-bottom: 10px; }
		.ceo-right.ceo-txt br { display:none;}
		.about-wrap { }
		.about-info { margin-bottom: 10px }
		.about-info dd { font-size: 13px; line-height: 1 }
		.about-info dt { float: none; width: 100%; font-size: 14px; padding: 15px 0px; border-top: 1px solid #333; border-bottom: 1px solid #aaa }
		.about-info dd { margin: 0px; border-top: none; border-bottom: none; line-height: 20px; padding: 15px 0px; }
	}
	@media only screen and (max-width:480px) {
	}


/* ======================================================
   .use-wrap
=========================================================*/
.use-wrap {padding-top:50px; /*width:1000px; margin:0 auto;*/}
.use-wrap .list-box { border: 1px solid #aaa; font-size: 0px; }
.use-wrap .list-box .list { width: 20%; display: inline-block; position: relative; padding: 10px 0px 10px 0px; vertical-align: top; border-bottom: 1px solid #aaa; top:1px }

.use-wrap .list-box .list:after { position: absolute; top: 0px; right: -1px; width: 1px; height: 100%; background: #aaa; display: block; content: ""; }
.use-wrap .list-box .list li { margin: 10px 5px 10px 35px; position: relative; font-size: 16px; line-height: 140%; color: #000; font-weight: 500;  }
.use-wrap .list-box .list li a { padding-left: 10px; position: relative;  }
.use-wrap .list-box .list li a:after { position: absolute; top: 3px; left: 0px; width: 14px; height: 14px; background: url(../img/content/personal-info-icon.jpg)no-repeat 0px -24px; display: block; content: ""; }
.use-wrap .list-box .list li a.aciver { font-weight: 600; color: #171A19; }
.use-wrap .list-box .list li a.aciver:after { position: absolute; top: 3px; left: 0px; width: 14px; height: 14px; background: url(../img/content/personal-info-icon.jpg)no-repeat 0px 0px; display: block; content: ""; }
.use-wrap .list-box .list li a:hover { font-weight: 600; color: #171A19; }
.use-wrap .list-box .list li a:hover:after { position: absolute; top: 3px; left: 0px; width: 14px; height: 14px; background: url(../img/content/personal-info-icon.jpg)no-repeat 0px 0px; display: block; content: ""; }

.use-wrap02 { /*width:1000px; margin:0 auto;*/}
.use-wrap02 .btit { font-size: 28px; color: #000; font-weight: 700; line-height: 180%; padding-bottom: 0px; }
.use-wrap02 .btxt { font-size: 20px; color: #111; font-weight: 600; line-height: 170%;  padding-top: 30px; }
.use-wrap02 .stxt { font-size: 17px; color: #666; font-weight: 400; line-height: 28px; padding-top: 10px; padding-left:50px;  }
.use-wrap02 .ctxt { font-size: 17px; color: #666; font-weight: 400; line-height: 28px; padding-top: 0px; padding-left:70px;}


	@media only screen and (max-width:1600px) {
	.use-wrap .list-box { display:none;}
	.use-wrap .list-box .list li { margin: 10px 0px 10px 10px; font-size: 15px; line-height: 130%; }
	}
	@media only screen and (max-width:768px) {
	.use-wrap02 .stxt { font-size: 18px;  line-height: 30px; padding-top: 10px; padding-left:50px;  }
	}


 @media all and (max-width:580px) {
.use-wrap .list-box .list { width: 50%; padding: 0px 0px 0px 0px; }
.use-wrap .list-box .list:after { display:none; }
.use-wrap .list-box .list li { margin: 10px 0px 10px 5px;  font-size: 13px; letter-spacing:-0.03em; line-height: 120%; color: #000; font-weight: 500;  }

.use-wrap02 .btit { font-size: 20px; padding-bottom: 0px; }
.use-wrap02 .btxt { font-size: 17px; padding-bottom: 0px;  padding-top: 20px;}
.use-wrap02 .stxt { font-size:15px; line-height:25px; letter-spacing:-0.03em; padding-left:15px; }
.use-wrap02 .ctxt { font-size:15px; line-height:25px; letter-spacing:-0.03em; padding-left:30px; }

.img img{ width: 100%;}

}
.gray-box.ctr { padding: 35px; font-size: 17px; color: #555; line-height: 30px; }
.gray-box { background: #f9f9f9; border: 1px solid #eee; border-radius: 20px}
.use-wrap .u-list01 { padding: 0px 0; text-align: left; }
.use-wrap .u-list01 li { background: url(../img/content/dot01.png) no-repeat 1px 10px; padding-left: 14px; line-height: 170%; font-size: 16px;color:#111;letter-spacing:-0.03em; }
.use-wrap .u-list02 li { background: url(../img/content/dot01.png) no-repeat 1px 10px; padding-left: 30px; line-height: 170%; font-size: 16px;color:#111;letter-spacing:-0.03em; }
.use-wrap .u-list03 li { background: url(../img/content/dot01.png) no-repeat 1px 10px; padding-left: 50px; line-height: 170%; font-size: 16px;color:#111;letter-spacing:-0.03em; }

 @media all and (max-width:580px) {
.gray-box.ctr { padding: 20px; font-size:15px; line-height:25px; letter-spacing:-0.03em; color: #333;  }
.gray-box { background: #f7f7f7; border: 1px solid #dddddd; padding: 20px; font-size: 15px; font-weight: 500;}
.use-wrap .u-list01 { padding: 0px 0; text-align: left; }
.use-wrap .u-list01 li { background: url(../img/content/dot01.png) no-repeat 1px 10px; padding-left: 14px; line-height: 150%; font-size: 14px;color:#111;letter-spacing:-0.03em; }
.use-wrap .u-list02 li { background: url(../img/content/dot01.png) no-repeat 1px 10px; padding-left: 30px; line-height: 150%; font-size: 14px;color:#111;letter-spacing:-0.03em; }
.use-wrap .u-list03 li { background: url(../img/content/dot01.png) no-repeat 1px 10px; padding-left: 50px; line-height: 150%; font-size: 14px;color:#111;letter-spacing:-0.03em; }

.use-wrap .list-box { margin-top:50px;  }

}




/* ======================================================
   .history-wrap
=========================================================*/
.history-wrap{max-width:1340px;box-sizing:border-box;  margin:0 auto; margin-top:100px; margin-bottom:150px;}
.history-wrap dl{position:relative; padding-left:465px;}
.history-wrap dl:nth-child(n+2){margin-top:100px;}


.history-wrap dt{font-size:50px; position:Absolute ;left:0; top:0; line-height:1em; color:#2d2f59;  font-weight:700; letter-spacing:-0.02em;}
.history-wrap dd{position:Relative; padding-left:200px;}
.history-wrap dd:before{position:absolute; left:-55px; border-left:1px solid #dadada; display:block; content:""; position:absolute; top:14px; height:calc(100% + 70px); z-index:-1}
.history-wrap dd:after{position:absolute; left:-55px; border-left:1px solid #2051ba; display:block; content:""; position:absolute; top:14px; height:0;-webkit-transition: height 0.5s linear;-moz-transition: height 0.5s linear;-o-transition: height 0.5s linear;transition: height 0.5s linear;}

.history-wrap dl dd:nth-child(n+3):before{height:calc(100% + 70px)}
.history-wrap dl:nth-child(n+2) dd:nth-child(2):before{top:14px; height:calc(100% + 70px)}
.history-wrap dl:last-child dd:last-child:before, .history-wrap dl:last-child dd:last-child:after{display:none;}


.history-wrap dd.is-inview:nth-child(n+3):after{height:calc(100% + 70px)}
.history-wrap dd.is-inview:after{ height:calc(100% + 70px)}
.history-wrap dl:nth-child(n+2) dd.is-inview:nth-child(2):after{transition-delay: 0.6s;}

.history-wrap dl:first-child dd:last-child:before{height:calc(100% + 100px)}
.history-wrap dl:first-child dd.is-inview:last-child:after{height:calc(100% + 100px)}

.history-wrap dd:nth-child(1):after{transition-delay: 0.1s;}
.history-wrap dd:nth-child(2):after{transition-delay: 0.2s;}
.history-wrap dd:nth-child(3):after{transition-delay: 0.3s;}
.history-wrap dd:nth-child(4):after{transition-delay: 0.4s;}
.history-wrap dd:nth-child(5):after{transition-delay: 0.5s;}
.history-wrap dd:nth-child(6):after{transition-delay: 0.6s;}
.history-wrap dd:nth-child(7):after{transition-delay: 0.7s;}
.history-wrap dd:nth-child(8):after{transition-delay: 0.8s;}
.history-wrap dd:nth-child(9):after{transition-delay: 0.9s;}
.history-wrap dd:nth-child(10):after{transition-delay: 1.0s;}


.history-wrap dd:nth-child(n+3){margin-top:50px;}
.history-wrap dd .year{position:absolute; left:0; top:0;font-size:20px; line-height:1em; font-weight:600 ;color:#111; letter-spacing:-0.02em;}
.history-wrap dd .year:before{width:9px;height:9px; background:#595c8c; position:Absolute ;left:-59px; top:12px; border-radius:100%; display:block; content:""; z-index:1}
.history-wrap dd .year:after{width:19px;height:19px; background:#595c8c; border:4px solid #e6e6e6; position:absolute ;left:-63px; top:8px; border-radius:100%; display:block; content:""; z-index:2;opacity:0;-webkit-transition: opacity 1.opacitys ease-in-out;-moz-transition: opacity 0.5s ease-in-out;-o-transition: opacity 0.5s ease-in-out;transition: opacity 0.5s ease-in-out;}

.history-wrap dl dd.is-inview .year:after{opacity:1;}
.history-wrap dl dd.is-inview .year.c01:after{transition-delay: 0.1s;}
.history-wrap dl dd.is-inview .year.c02:after{transition-delay: 0.2s;}
.history-wrap dl dd.is-inview .year.c03:after{transition-delay: 0.3s;}
.history-wrap dl dd.is-inview .year.c04:after{transition-delay: 0.4s;}
.history-wrap dl dd.is-inview .year.c05:after{transition-delay: 0.5s;}
.history-wrap dl dd.is-inview .year.c06:after{transition-delay: 0.6s;}
.history-wrap dl dd.is-inview .year.c07:after{transition-delay: 0.7s;}
.history-wrap dl dd.is-inview .year.c08:after{transition-delay: 0.8s;}
.history-wrap dl dd.is-inview .year.c09:after{transition-delay: 0.9s;}
.history-wrap dl dd.is-inview .year.c10:after{transition-delay: 1.0s;}


.history-wrap dd ul{padding:0px 0}
.history-wrap dd li{font-size:18px;font-weight:400; color:#111; letter-spacing:-0.02em; line-height:1.3em;}
.history-wrap dd li:nth-child(n+2){margin-top:9px;}
.history-wrap dd li:before{}
	@media only screen and (max-width:1460px) {	
		.history-wrap dl{padding-left:485px}
		.history-wrap dl:before{left:430px}
		.history-wrap dl:after{left:430px}

		
		.history-wrap dt{font-size:61px;}
		.history-wrap dd{padding-left:150px}
		.history-wrap dd:nth-child(n+3){margin-top:50px;}
		.history-wrap dd .year{font-size:32px;}
		.history-wrap dd .year:before{top:11px}
		.history-wrap dd .year:after{top:7px;}

		.history-wrap dd li{font-size:18px;}
	}
	@media only screen and (max-width:1280px) {
		.history-wrap dl{padding-left:395px}

		.history-wrap dt{font-size:52px;}
		.history-wrap dd{padding-left:130px}
		.history-wrap dd .year{font-size:28px;}
		.history-wrap dd .year:before{top:9px}
		.history-wrap dd .year:after{top:5px;}

		.history-wrap dd li{font-size:16px;}

	}
	@media only screen and (max-width:999px) {
		.history-wrap dl{padding-left:0}
		.history-wrap dl:nth-child(n+2){margin-top:80px;}
		.history-wrap dt{font-size:43px; position:relative; left:auto; top:auto; line-height:1em; margin-bottom:20px;}
		
		.history-wrap dd{padding-left:130px;}
		.history-wrap dd:before{left:11px;}
		.history-wrap dd:after{left:11px;}

		
		.history-wrap dl dd:nth-child(n+3):before{height:calc(100% + 30px)}
		.history-wrap dl:nth-child(n+2) dd:nth-child(2):before{top:14px; height:calc(100% + 30px)}
		.history-wrap dd.is-inview:nth-child(n+3):after{height:calc(100% + 30px)}
		.history-wrap dd.is-inview:after{ height:calc(100% + 30px)}

		.history-wrap dl dd:last-child:before, .history-wrap dl dd:last-child:after{display:none;}

		.history-wrap dd .year{font-size:24px; left:35px;}
		.history-wrap dd .year:before{left:-28px;top:11px;}
		.history-wrap dd .year:after{left:-32px;top:7px;}
		.history-wrap dd li{font-size:15px;}

		.history-wrap dd:nth-child(n+3){margin-top:30px;}
	}
	@media only screen and (max-width:680px) {
		.history-wrap{margin-top:50px; margin-bottom:50px;}
		.history-wrap dl{padding-left:0}
		.history-wrap dl:nth-child(n+2){margin-top:60px;}
		.history-wrap dt{font-size:34px;}
		.history-wrap dd{padding-left:110px;}
		.history-wrap dd .year{font-size:21px;}
		.history-wrap dd .year:before{top:6px;}
		.history-wrap dd .year:after{top:2px}
		.history-wrap dd li{font-size:14px;}
	}
	@media only screen and (max-width:480px) {
		.history-wrap dt{font-size:25px;}
		.history-wrap dd .year{font-size:18px;}
		.history-wrap dd{padding-left:95px;}
	}



/* ======================================================
   .map-wrap
=========================================================*/
.map-wrap .ic { display: inline-block; vertical-align: middle; top: -1px; position: relative; }
.map-wrap { position: relative; background: #fff; margin-top: 0px; /*box-shadow: 0px 10px 18px rgba(0,0,0,0.14);*/ padding:50px 0px 80px; border-bottom: 1px solid #ddd;  }
.map-wrap h4 { font-size: 24px; color: #000; padding-bottom: 11px; border-bottom: 0px solid #e1e1e1; padding:40px 0px 0px; }
.map-wrap ul { margin-top: 0px; margin-left: -10px; margin-right: -10px }
.map-wrap ul > li { float: left; display: table; width: 23%; padding: 5px 10px }
.map-wrap ul > li.li01 { width: 48% }
.map-wrap ul > li .list { display: table-cell; width: 100px; vertical-align: middle }
.map-wrap ul > li .txt { display: table-cell; vertical-align: middle; color:#000; }
.map-wrap .ic_pin { width: 13px; height: 17px; background: url('../img/content/ic_pin.png') no-repeat }
.map-wrap .ic_tel { width: 16px; height: 16px; background: url('../img/content/ic_tel.png') no-repeat }
.map-wrap .ic_fax { width: 19px; height: 15px; background: url('../img/content/ic_fax.png') no-repeat }
.map-wrap .list { font-size: 17px; font-weight: 700; color: #333 }
.map-wrap .list i { margin-right: 10px }
.map-wrap .txt { font-size: 18px; color: #666 }
 
	@media (max-width:1280px) {
	.map-wrap { padding: 35px 30px }
	.map-wrap ul > li .list { width:90px }
	.map-wrap ul > li.li01 { width: 48% }
	.map-wrap .list { font-size: 16px; letter-spacing:-0.03em; }
	.map-wrap .txt { font-size: 16px; letter-spacing:-0.03em; }
	.map-wrap ul > li { float: left; display: table; width: 22%; padding: 0px 10px }
	}
	
	@media (max-width:970px) {
	.map-wrap { padding: 20px 40px; margin-top: 0px; height: 130px; }
	.map-wrap h4 { font-size: 20px }
	.map-wrap ul > li { width: 100%; padding: 5px 0px }
	.map-wrap ul > li.li01 { width: 100% }
	}
	@media (max-width:768px) {
	.map-wrap .list { font-size: 18px; letter-spacing:-0.03em; }
	.map-wrap .txt { font-size: 18px; letter-spacing:-0.03em; }
	}
	
	@media (max-width:480px) {
	.map-wrap { padding: 20px 10px; margin-top: 0px; height: 110px; }
	.map-wrap h4 { font-size: 17px }
	.map-wrap ul > li .list { width: 75px }
	.map-wrap ul > li .txt { font-size: 15px }
	.map-wrap .list { font-size: 15px; font-weight: 500;}
	.map-wrap .ic_pin { display:none; }
	.map-wrap .ic_tel { display:none; }
	.map-wrap .ic_fax { display:none; }

	}

/* ======================================================
   .location-02
=========================================================*/
.location-02 dl{padding-left:260px; position:relative;padding-bottom:50px; border-bottom:1px solid #dbdbe0; padding-top:30px; }
.location-02 dl.last{}
.location-02 dt{ position:absolute;left:0; top:0; width:100px; text-align:center; }
.location-02 dt .img{width:100px; height:40px; line-height:110px; /*background-color:#24459c; border-radius:84px 84px;*/ display:block; vertical-align:middle;text-align:center;}
.location-02 dt .txt{display:block; line-height:34px; font-size:14px; padding-top:40px; color:#000;}
.location-02 dt .stxt{ display:block;}
.location-02 dt .img img{display:inline-block;}

.location-02 dd .btxt{ font-size:17px; margin-top:15px; font-weight:400; display:block;color:#171A19;letter-spacing: -0.25px}
.location-02 dd .img{display:block; margin-top:25px;}

	@media all and (max-width:840px){ 
	  
	  .location-02 dl{padding-left:130px;}
	  .location-02 dd .btxt{font-size:16px}

	}

	@media all and (max-width:800px){ 
	  .location-02 dl{padding-left:110px;}
	}
	@media all and (max-width:768px){ 
	  
	  .location-02 dd .btxt{font-size:18px; line-height:30px;}

	}


	@media all and (max-width:480px){ 
	  .location-02 dl{padding-left:100px; position:relative;padding-bottom:20px; border-bottom:1px solid #dbdbe0; margin-top:20px;}
	  .location-02 dd .btxt{font-size:15px;}
	  .location-02 dt .img{width:30px; height:30px;}
	  .location-02 dt{ width:80px;}
	}


/* ======================================================
   .intro-wrap
=========================================================*/
.intro-wrap{max-width:1440px;box-sizing:border-box; padding:100px 20px; margin:0 auto; position:Relative;}
.intro-wrap:after{position:absolute; left:50%;margin-left:-10000px; top:0; height:100%; width:20000px; display:block; content:""; background:#fff; z-index:-1;}
.intro-wrap .txt{padding-left:410px; position:Relative;}
.intro-wrap .txt h3{font-weight:700; color:#000; letter-spacing:-0.03em; line-height:1.2em; font-size:30px; position:absolute; left:0; top:0;}

.intro-wrap ul li{position:relative; padding-left:170px;}
.intro-wrap ul li:nth-child(n+2){margin-top:20px; padding-top:20px; border-top:1px solid #ddd;}
.intro-wrap ul li .btxt{position:absolute; left:0px;  font-size:18px ;font-weight:700; color:#000 ;letter-spacing:-0.03em; line-height:1.6em;}
.intro-wrap ul li .stxt{font-size:17px ;font-weight:400; color:#333 ;letter-spacing:-0.03em; line-height:1.5em; margin-top:5px}

.intro-wrap ul li:nth-child(1):before{background:url(../img/content/biz-hico01.jpg) no-repeat}
.intro-wrap ul li:nth-child(2):before{top:60px;background:url(../img/content/biz-hico02.jpg) no-repeat}
.intro-wrap ul li:nth-child(3):before{top:60px;background:url(../img/content/biz-hico03.jpg) no-repeat}

	@media only screen and (max-width:1440px) {	
		.intro-wrap{padding:80px 20px; margin-top:120px}
		.intro-wrap .txt{padding-left:400px}
		.intro-wrap .txt h3{font-size:32px;}

		.intro-wrap ul li{padding-left:190px}
		.intro-wrap ul li:before{width:80px;height:80px;left:30px; background-size:100% auto !important}
		.intro-wrap ul li .btxt{font-size:24px;}
		.intro-wrap ul li .stxt{font-size:16px} 
	}
	@media only screen and (max-width:1371px) {	
		.intro-wrap{padding:80px 0px; margin-top:0px}
		.intro-wrap .txt{padding-left:300px}
		.intro-wrap .txt h3{font-size:27px;}

		.intro-wrap ul li{padding-left:190px}
		.intro-wrap ul li:before{width:80px;height:80px;left:30px; background-size:100% auto !important}
		.intro-wrap ul li .btxt{font-size:22px;}
		.intro-wrap ul li .stxt{font-size:16px} 
	}
	@media only screen and (max-width:1200px) {
		.intro-wrap{padding:80px 0px; margin-top:0px}
		.intro-wrap .txt{padding-left:200px}
		.intro-wrap .txt h3{font-size:24px;}
		.intro-wrap ul li .btxt{font-size:18px;}
	}
	@media only screen and (max-width:1024px) {

		.intro-wrap ul li{padding-left:190px}
		.intro-wrap ul li:before{width:80px;height:80px;left:30px; background-size:100% auto !important}
		.intro-wrap ul li .btxt{font-size:19px;}
		.intro-wrap ul li .stxt{font-size:18px} 
	}
	@media only screen and (max-width:999px) {
		.intro-wrap{padding:60px 20px; margin-top:40px;}
		.intro-wrap .txt{padding-left:0}
		.intro-wrap .txt h3{font-size:28px;position:relative; left:auto; top:auto;}
		
		.intro-wrap ul {margin-top:40px;}
		.intro-wrap ul li{padding-left:150px}
		.intro-wrap ul li:nth-child(n+2){margin-top:40px; padding-top:40px;}
		.intro-wrap ul li:before{width:70px;height:70px;left:20px}
		.intro-wrap ul li .btxt{font-size:22px;}
		.intro-wrap ul li .stxt{font-size:15px; margin-top:0px;} 

		.intro-wrap ul li:nth-child(2):before{top:40px;}
	}
	@media only screen and (max-width:768px) {
		.intro-wrap{padding:60px 0px; margin-top:0px;}
		.intro-wrap .txt{padding-left:0}
		.intro-wrap .txt h3{font-size:28px;position:relative; left:auto; top:auto;}
		
		.intro-wrap ul {margin-top:30px;}
		.intro-wrap ul li{padding-left:150px}
		.intro-wrap ul li:nth-child(n+2){margin-top:30px; padding-top:30px;}
		.intro-wrap ul li:before{width:50px;height:50px;left:20px}
		.intro-wrap ul li .btxt{font-size:19px;}
		.intro-wrap ul li .stxt{font-size:18px; margin-top:0px;line-height:30px;} 

		.intro-wrap ul li:nth-child(2):before{top:30px;}
	}
	@media only screen and (max-width:680px) {
		.intro-wrap{padding:40px 0px; margin-top:0px;}
		.intro-wrap .txt h3{font-size:24px;}

		.intro-wrap ul {margin-top:30px;}
		.intro-wrap ul li{padding-left:100px}
		.intro-wrap ul li:nth-child(n+2){margin-top:30px; padding-top:30px;}
		.intro-wrap ul li:before{width:50px;height:50px;left:10px}
		.intro-wrap ul li .btxt{font-size:20px;}
		.intro-wrap ul li .stxt{font-size:15px; line-height:25px; letter-spacing:-0.03em;} 
	}
	@media only screen and (max-width:480px) {
		.intro-wrap .txt h3{font-size:20px;}

		.intro-wrap ul li{padding-left:100px}
		.intro-wrap ul li:before{left:0}
		.intro-wrap ul li:nth-child(n+2){margin-top:20px; padding-top:20px;}
		.intro-wrap ul li .btxt{font-size:16px; }
		.intro-wrap ul li .stxt{font-size:15px; line-height:25px; letter-spacing:-0.03em;} 

	}


/* ======================================================
   .walk-wrap
=========================================================*/
.walk-wrap{padding:35px 0 35px 0px; position:relative;border-top:1px solid #d4d4d4; min-height:50px;  }
.walk-wrap h3{position:absolute; left:0; top:35px; color:#353535; font-weight:400; font-size:30px; line-height:1.5em; letter-spacing:-0.02em;}
.walk-wrap .front-slide{position:relative; width:100%;}
.walk-wrap .front-slide .item{position:relative;}
.walk-wrap .front-slide .item .img{}
.walk-wrap .front-slide .item .img img{width:100%;}
.walk-wrap .front-slide .item .txt{position:absolute; right:0; bottom:0; width:100%; background:rgba(0,0,0,0.45);text-align:right;}
.walk-wrap .front-slide .item .txt p{position:relative; padding:0 35px; font-size:18px; color:#fff; letter-spacing:-0.03em; line-height:60px;}
.walk-wrap .thumbs{padding:0 ; margin-top:20px; position:relative;}
.walk-wrap .thumbs-slide{overflow:visible !important}
.walk-wrap .thumbs ul:after{display:block; content:"";clear:both;}
.walk-wrap .thumbs li{float:left;position:relative;width:92px;margin-left:8.4px;}
.walk-wrap .thumbs li:first-child{margin-left:0}
.walk-wrap .thumbs li.active:after{border:1px solid #000; position:absolute; left:0; top:0; width:100%;height:100%;box-sizing:border-box; display:block ;content:""}
.walk-wrap .thumbs li a{cursor:pointer;display:block;overflow:hidden;}
.walk-wrap .thumbs li img{width:100%;height:60px;object-fit:cover;-webkit-transition: transform 0.6s ease-out;-moz-transition: transform 0.6s ease-out;-o-transition: transform 0.6s ease-out;transition: transform 0.6s ease-out;}
.walk-wrap .thumbs li:hover img{-webkit-transform:scale(1.05); -moz-transform:scale(1.05);  -o-transform:scale(1.05);  transform:scale(1.05);}



@media only screen and (max-width:1200px){
		.walk-wrap{padding:30px 0 30px 240px; }
		.walk-wrap .front-slide .item .txt{}
		.walk-wrap .front-slide .item .txt p{line-height:50px; padding:0 25px; font-size:16px;}
		.walk-wrap .thumbs li img{height:110px}
	}
    
    @media only screen and (max-width:999px){
		.
		.walk-wrap{padding:25px 0 25px 180px; }
		.walk-wrap .front-slide .item .txt p{line-height:45px; padding:0 20px; font-size:15px;}
		.walk-wrap .thumbs li img{height:90px}
	}
    
    @media only screen and (max-width:680px){
		
		.walk-wrap{padding:20px 0 20px 0px; }
		.walk-wrap .front-slide .item .txt p{line-height:40px; padding:0 15px; font-size:13px;}
		.walk-wrap .thumbs{margin-top:10px;}
		.walk-wrap .thumbs li img{height:75px}
	}
    
    @media only screen and (max-width:480px){
		.walk-wrap .thumbs li img{height:60px}
	}



/* =====================================
   picture-wrap
===================================== */
.picture-wrap{position:relative;}
.picture-wrap .vis{position:relative;}
.picture-wrap .vis .item .img img{width:100%; border-radius: 20px;}
.picture-wrap .vis .item  .txt{position:absolute; right:0; bottom:0; width:100%; background:rgba(0,0,0,0.30);text-align:right;  border-radius: 0 0 20px 20px;}
.picture-wrap .vis .item  .txt p{position:relative; padding:0 35px; font-size:17px; color:#fff; letter-spacing:-0.03em; line-height:60px; text-align:right;}

/*.picture-wrap .vis .item  .txt{width:100%;  text-align:left; }
.picture-wrap .vis .item  .txt p{ padding:10px 30px; font-size:17px; color:#333; letter-spacing:-0.03em; line-height:30px;}*/


.picture-wrap .vis .slick-dots{position:relative; display:block; left:auto; top:auto; bottom:auto; margin-top:30px;}
.picture-wrap .vis .slick-dots ul{height:auto;text-align:center; font-size:0; width:100%; height:10px;}
.picture-wrap .vis .slick-dots li{display:inline-block;vertical-align:top; margin:0 5px; padding:0; width:auto; height:10px;}
.picture-wrap .vis .slick-dots li button{  position:relative; width:10px;height:10px;}
.picture-wrap .vis .slick-dots li button:after{background:#dbdbdb; width:10px;height:10px;padding:0;display:block; content:""; position:absolute; left:0; top:0;border-radius: 100%;/*-webkit-transition: transform 0.3s ease-out;-moz-transition: transform 0.3s ease-out;-o-transition: transform 0.3s ease-out;transition: transform 0.3s ease-out;*/}
.picture-wrap .vis .slick-dots li.slick-active button:after{background:#111;  /*transform: scale(1,1) rotate(-50deg)skew(0,0) translate(0,0); -webkit-transform: scale(1,1) rotate(-50deg)skew(0,0) translate(0,0); -moz-transform: scale(1,1) rotate(-50deg)skew(0,0) translate(0,0);*/ }
	
.picture-wrap .vis .ctrl{}
.picture-wrap .vis .ctrl .prev{width:30px;height:50px; position:absolute; left:-80px; top:50%; margin-top:-45px;background:url(../img/content/vis-prev.png) no-repeat center center;background-size:100% auto;-webkit-transition: padding 0.3s ease-out, margin 0.3s ease-out;-moz-transition: padding 0.3s ease-out, margin 0.3s ease-out;-o-transition: padding 0.3s ease-out, margin 0.3s ease-out;transition: padding 0.3s ease-out, margin 0.3s ease-out;}
.picture-wrap .vis .ctrl .next{width:30px;height:50px; position:absolute; right:-80px;  top:50%; margin-top:-45px;background:url(../img/content/vis-next.png) no-repeat center center;background-size:100% auto;-webkit-transition: padding 0.3s ease-out, margin 0.3s ease-out;-moz-transition: padding 0.3s ease-out, margin 0.3s ease-out;-o-transition: padding 0.3s ease-out, margin 0.3s ease-out;transition: padding 0.3s ease-out, margin 0.3s ease-out;}
.picture-wrap .vis .ctrl .count{line-height:41px; font-size:16px; color:#000; font-weight:300; height:40px; }
.picture-wrap .vis .ctrl .count p{height:40px;}
.picture-wrap .vis .ctrl .count .nums{font-weight:400; font-size:36px; display:inline-block;vertical-align:center;line-height:41px;}

.picture-wrap .vis .ctrl .prev:hover{padding-right:15px; margin-left:-15px;}
.picture-wrap .vis .ctrl .next:hover{padding-left:15px; margin-right:-15px;}
	@media only screen and (max-width:1600px){
		.picture-wrap .vis{/*padding:0*/}
		.picture-wrap .vis .ctrl .prev{left:0; width:40px; height:60px; margin-top:-45px;background-size:16px auto;background-color:#fff !important; opacity:0.5;-webkit-transition: opacity 0.3s ease-out;-moz-transition: opacity 0.3s ease-out;-o-transition: opacity 0.3s ease-out;transition: opacity 0.3s ease-out;}
		.picture-wrap .vis .ctrl .next{right:0; width:40px;height:60px; margin-top:-45px;background-size:16px auto;background-color:#fff !important; opacity:0.5;-webkit-transition: opacity 0.3s ease-out;-moz-transition: opacity 0.3s ease-out;-o-transition: opacity 0.3s ease-out;transition: opacity 0.3s ease-out;}

		.picture-wrap .vis .ctrl .prev:hover{padding-right:0; margin-left:0; opacity:1;}
		.picture-wrap .vis .ctrl .next:hover{padding-left:0; margin-right:0; opacity:1;}
	}
	@media only screen and (max-width:1184px){
		.picture-wrap .vis{padding:0;}
		.picture-wrap .vis{width:calc(100% + 40px);margin-left:-20px;}
		.picture-wrap .vis .slick-dots li button{width:10px;height:10px}
		.picture-wrap .vis .slick-dots li button:after{width:10px; height:10px;}

		.picture-wrap .vis .ctrl .prev{left:10;}
		.picture-wrap .vis .ctrl .next{right:10;}

	} 
	@media only screen and (max-width:999px) {
		
	}
	@media only screen and (max-width:680px) {
		.picture-wrap{}
		.picture-wrap .vis{width:calc(100% + 0px);margin-left:0px;}
		.picture-wrap .vis .slick-dots{margin-top:20px;}
		.picture-wrap .vis .slick-dots li button{width:10px;height:10px}
		.picture-wrap .vis .slick-dots li button:after{width:10px; height:10px;}

		.picture-wrap .vis .ctrl .prev{width:25px; height:40px; margin-top:-35px; background-size:7px auto; opacity:0.3;}
		.picture-wrap .vis .ctrl .next{width:25px; height:40px; margin-top:-35px; background-size:7px auto; opacity:0.3;}

		.picture-wrap .vis .ctrl .prev:hover{padding-right:0; margin-left:0; opacity:0.3;}
		.picture-wrap .vis .ctrl .next:hover{padding-left:0; margin-right:0; opacity:0.3;}
	}
	@media only screen and (max-width:480px) {
		.picture-wrap .vis .item  .txt p{padding:0 20px; font-size:15px;line-height:40px;}
		.picture-wrap .vis .slick-dots li{margin:0 3px; }


		.picture-wrap .vis .ctrl .prev{width:25px; height:40px; margin-top:-35px; background-size:7px auto; opacity:0;}
		.picture-wrap .vis .ctrl .next{width:25px; height:40px; margin-top:-35px; background-size:7px auto; opacity:0;}

		
	}


.picture-wrap .info{padding:60px 0;}
.picture-wrap .info .vtxt{padding:0 0 0 30%; position:relative;}
.picture-wrap .info .vtxt h4{position:absolute; left:0; top:0;font-weight:600; line-height:1.35em; color:#000; letter-spacing:-0.03em; font-size:30px;}
.picture-wrap .info .vtxt p{font-weight:400; line-height:30px; color:#666; letter-spacing:-0.03em; font-size:17px;  /*word-break: keep-all;*/  text-align: justify; text-justify: inter-word; word-break: break-word; hyphens: auto;}

.picture-wrap .info ul{margin-top:75px;padding-right:5%;}
.picture-wrap .info ul:after{display:block; content:"";clear:both}
.picture-wrap .info li{float:left; width:25%;position:relative;padding:5px 0; box-sizing:border-box;}
.picture-wrap .info li:nth-child(n+2){width:35%;padding-left:10%}
.picture-wrap .info li:nth-child(n+2):before{width:1px;height:54px; position:Absolute; left:-1px; top:50%;margin-top:-27px; display:block; content:"";background:#e1e1e1;}
.picture-wrap .info li .btxt{text-transform:uppercase; font-size:16px; font-weight:400; line-height:1.2em; color:#000;}
.picture-wrap .info li .stxt{margin-top:10px;font-size:18px; font-weight:400; line-height:1.2em; font-weight:300; color:#000;word-break: keep-all;}
	@media only screen and (max-width:1600px){
		.picture-wrap .info .vtxt h4{font-size:32px}
		.picture-wrap .info .vtxt p{font-size:17px}
		.picture-wrap .info .vtxt p br{display:none;}
	}
	@media only screen and (max-width:1371px){
		.picture-wrap .info .vtxt h4{font-size:29px}
	}
	@media only screen and (max-width:1280px){
		.picture-wrap .info .vtxt h4{font-size:27px}
	}
	@media only screen and (max-width:1184px){
		.picture-wrap .info .vtxt{padding:0 0 0 25%;}
		.picture-wrap .info .vtxt h4{font-size:24px}
		.picture-wrap .info .vtxt p{font-size:16px; line-height:26px;}
		.picture-wrap .info ul{padding:0; margin-top:50px;}
		.picture-wrap .info li:nth-child(n+2){padding-left:8%}
	} 
	@media only screen and (max-width:1024px){
		.picture-wrap .info .vtxt p{font-size:18px; line-height:30px;}
	}
	@media only screen and (max-width:999px) {
		.picture-wrap .info{padding:40px 0;}
		.picture-wrap .info .vtxt h4{font-size:30px}
		.picture-wrap .info ul{margin-top:30px;}
		.picture-wrap .info li{float:none; width:auto;}
		.picture-wrap .info li:nth-child(n+2){width:auto; margin-top:25px; padding:0 ; padding-top:25px;;border-top:1px dashed #e1e1e1 ; }
		.picture-wrap .info li:nth-child(n+2):before{display:none;}
		.picture-wrap .info li .btxt{font-size:15px;}
		.picture-wrap .info li .stxt{font-size:16px;margin-top:5px;}

		.picture-wrap .info .vtxt{padding:0;}
		.picture-wrap .info .vtxt h4{font-size:28px; position:relative; left:auto; top:auto; margin-bottom:20px;}
		.picture-wrap .info .vtxt p{font-size:16px}
	}
	@media only screen and (max-width:768px) {
		
		.picture-wrap .info .vtxt p{font-size:18px; line-height:30px; }
	}
	@media only screen and (max-width:680px) {
		.picture-wrap .info .vtxt h4{font-size:25px;}
		.picture-wrap .info li:nth-child(n+2){margin-top:20px; padding-top:20px;}
		.picture-wrap .info li .btxt{font-size:14px;}
		.picture-wrap .info li .stxt{font-size:15px; margin-top:3px;s}
	}
	@media only screen and (max-width:480px) {
		.picture-wrap .info{padding:20px 0;}
		.picture-wrap .info .vtxt h4{margin-bottom:10px;font-size:18px;}
		.picture-wrap .info .vtxt p{font-size:15px; line-height:25px; letter-spacing:-0.03em; text-align: justify; text-justify: inter-word; word-break: break-word; hyphens: auto;}
		.picture-wrap .info li:nth-child(n+2){margin-top:14px; padding-top:14px;}
		.picture-wrap .info li .btxt{font-size:13px;}
		.picture-wrap .info li .stxt{font-size:14px;}
	}


.picture-wrap .preview{margin-top:100px;position:relative;padding:95px 0;box-sizing:border-box;}
.picture-wrap .preview:after{width:20000px; left:50%;margin-left:-10000px; top:0; height:65%; display:block; content:"";z-index:-1; background:#f1f1f1; position:absolute;}
.picture-wrap .preview .tits{text-align:center;}
.picture-wrap .preview .tits h3{font-size:50px;font-weight:700; color:#a68164; text-transform:uppercase;letter-spacing:-0.03em; line-height:1.2em; }

.picture-wrap .preview .cont{max-width:1400px; margin:0 auto; margin-top:60px; box-sizing:border-box; padding:0 100px; position:relative;}
.picture-wrap .preview .owl-stage-outer{overflow:visible}

.picture-wrap .preview .item {position:relative;}
.picture-wrap .preview .item .img:after{width:100%;height:100%; position:absolute; left:0; top:0;opacity:1;  display:block; content:""; background:rgba(0,0,0,0.45);webkit-transition:opacity 0.3s ease-out;-moz-transition: opacity 0.3s ease-out;-o-transition: opacity 0.3s ease-out;transition: opacity 0.3s ease-out;}
.picture-wrap .preview .item .img{position:relative;}
.picture-wrap .preview .item .img img{width:100%; opacity:0.5}

.picture-wrap .preview .owl-item.active .txt{transition-delay: 0.5s;opacity:1;-webkit-transform: translateY(0); -moz-transform: translateY(0);-ms-transform: translateY(0); -o-transform:  translateY(0);transform: translateY(0);}
.picture-wrap .preview .owl-item.active .item .img img{opacity:1;}
.picture-wrap .preview .owl-item.active .item .img:after{opacity:0;}

.picture-wrap .preview .owl-dots{position:absolute; display:block; left:0; width:100%; bottom:-40px;text-align:center; height:10px;}
.picture-wrap .preview .owl-dots .owl-dot{display:inline-block;vertical-align:top; margin:0 4px; padding:0; width:auto;  background:#e5e5e5; width:10px;height:10px;position:relative; border-radius:100%;}
.picture-wrap .preview .owl-dots .owl-dot.active{background:#111;}

.picture-wrap .preview .ctrl{}
.picture-wrap .preview .ctrl .prev{width:50px;height:50px; position:absolute; left:15px; top:50%;margin-top:-25px;background:url(../img/content/preview-prev.png) no-repeat center center;background-size:100% auto;}
.picture-wrap .preview .ctrl .next{width:50px;height:50px; position:absolute; right:15px; top:50%;margin-top:-25px;background:url(../img/content/preview-next.png) no-repeat center center;background-size:100% auto;}
.picture-wrap .preview .ctrl .prev:hover{background-image:url(../img/content/preview-prevo.png)}
.picture-wrap .preview .ctrl .next:hover{background-image:url(../img/content/preview-nexto.png)}
	@media only screen and (max-width:1600px){
		.picture-wrap .preview{margin-top:80px;padding:75px 0;}
		.picture-wrap .preview .tits h3{font-size:45px;}
		.picture-wrap .preview .cont{padding:0 80px;}
		.picture-wrap .preview .ctrl .prev{width:40px;height:40px;margin-top:-20px; left:5px;}
		.picture-wrap .preview .ctrl .next{width:40px;height:40px;margin-top:-20px; right:5px;}
	}
	@media only screen and (max-width:1184px){
		.picture-wrap .preview{margin-top:60px;padding:55px 0;}
		.picture-wrap .preview .tits h3{font-size:36px;}
		.picture-wrap .preview .cont{margin-top:40px;padding:0 60px;}
		.picture-wrap .preview .ctrl .prev{left:0;}
		.picture-wrap .preview .ctrl .next{right:0;}
	} 
	@media only screen and (max-width:999px) {
		.picture-wrap .preview{margin-top:40px;padding:40px 0;}
		.picture-wrap .preview .tits h3{font-size:32px;}
		.picture-wrap .preview .cont{margin-top:20px;padding:0 40px;}
		.picture-wrap .preview .ctrl .prev{width:30px;height:30px;margin-top:-15px; left:-5px;}
		.picture-wrap .preview .ctrl .next{width:30px;height:30px;margin-top:-15px; right:-5px;}

		.picture-wrap .preview .owl-dots{bottom:-30px;height:8px;}
		.picture-wrap .preview .owl-dots .owl-dot{width:8px;height:8px; margin:0 3px;}
	}
	@media only screen and (max-width:680px) {
		.picture-wrap .preview .tits h3{font-size:26px;}
		.picture-wrap .preview .cont{padding:0 25px;}
		.picture-wrap .preview .ctrl .prev{width:24px;height:24px;margin-top:-12px; left:-7px;}
		.picture-wrap .preview .ctrl .next{width:24px;height:24px;margin-top:-12px; right:-7px;}
		.picture-wrap .preview .owl-dots{bottom:-25px;}
	}
	@media only screen and (max-width:480px) {
		.picture-wrap .preview .tits h3{font-size:22px;}
	}


/* ======================================================
   .pc
=========================================================*/
.pc {display:block;}
.mobile02 {display:none;}

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


.mobile02 {display:block;}
.pc {display:none;}

}


/* =====================================
   zoom-img
===================================== */

.zoom-img { position: relative; width: 100%; height: 100%; }
.zoom-img .view { display: none; }
 @media only screen and (max-width:640px) {
.zoom-img .view { display: block; position: absolute; right: 5px; bottom: 5px; padding: 0px; font-size: 13px; color: #555; background: #eee; width:24px; height:24px; background: url(../img/Layout/search-ico.png) no-repeat center center; }
}
@media only screen and (max-width:480px) {
}

/* ======================================================
   .member-wrap
=========================================================*/
.member-wrap{max-width:700px; margin:0 auto}
.member-wrap .logo{background:url(../img/content/login-logo.jpg) no-repeat center top; height:66px; margin-bottom:60px;}
	@media only screen and (max-width:999px){
		.member-wrap .logo{margin-bottom:40px; background-size:auto 55px ; height:55px;}
	}
	@media only screen and (max-width:680px){
		.member-wrap .logo{ background-size:auto 40px ; height:40px;}
	}
	@media only screen and (max-width:480px){
		
	}

/* ======================================================
   .member-wrap.login
=========================================================*/
.member-wrap.login{}
.member-wrap.login h3{font-size:33px ;font-weight:300; color:#000; line-height:1.2em; letter-spacing:-0.03em; margin-bottom:15px;}
.member-wrap.login .stit{font-size:16px; font-weight:400; color:#1f1f1f; letter-spacing:-0.03em; line-height:1.2em;}

.member-wrap.login .sns{margin-top:25px;}
.member-wrap.login .sns ul:after{display:block;content:"";clear:both}
.member-wrap.login .sns li{float:left; width:46%;}
.member-wrap.login .sns li:nth-child(n+2){width:25%; margin-left:2%; }
.member-wrap.login .sns li a{display:block; height:55px; line-height:53px; text-align:center; border-radius:5px; border:1px solid #d2d2d2; background:#fff;}


.member-wrap.login .sns li:nth-child(1) a{background:#fee500; border-color:#fee500; font-size:16px; font-weight:400; letter-spacing:-0.03em; color:#1f1f1f;}
.member-wrap.login .sns li:nth-child(1) a span{display:inline-block;vertical-align:top; padding-left:34px;background:url(../img/content/login-kakao.jpg) no-repeat left center;}
.member-wrap.login .sns li:nth-child(2) a{background:url(../img/content/login-naver.jpg) no-repeat center center;}
.member-wrap.login .sns li:nth-child(3) a{background:url(../img/content/login-facebook.jpg) no-repeat center center;}

.member-wrap.login .entry{margin-top:40px;}
.member-wrap.login .entry ul{}
.member-wrap.login .entry ul li{position:relative;}
.member-wrap.login .entry ul li:nth-child(n+2){margin-top:10px;}

.member-wrap.login .other{margin-top:20px; position:relative}
.member-wrap.login .other ul{position:absolute; right:0; top:0;}
.member-wrap.login .other ul:after{display:block; content:"";clear:both;}
.member-wrap.login .other li{position:relative; float:left;}
.member-wrap.login .other li:nth-child(n+2){margin-left:35px;}
.member-wrap.login .other li:nth-child(n+2):before{width:1px;height:12px; position:absolute; left:-18px; top:50%;margin-top:-6px; background:#d1d1d1; display:block; content:""}
.member-wrap.login .other li a{display:block; line-height:25px; color:#555;}
.member-wrap.login .other .chk-check label{font-weight:300;}

.member-wrap.login .login-btn{margin-top:30px;display:block; line-height:55px; border:1px solid #1f1f1f; text-align:center; font-size:18px; font-weight:300; letter-spacing:-0.03em; color:#1f1f1f; border-radius:5px;}
.member-wrap.login .login-btn:hover{background:#1f1f1f; color:#fff; border-color:#1f1f1f}

.member-wrap.login .join-btn{margin-top:20px;display:block; line-height:60px; border:1px solid #353f51; background:#353f51; text-align:center; font-size:18px; font-weight:300; letter-spacing:-0.03em; color:#fff; border-radius:5px;}
.member-wrap.login .join-btn:hover{margin-top:20px;display:block; line-height:60px; border:1px solid #353f51; background:#fff;  text-align:center; font-size:18px; font-weight:300; letter-spacing:-0.03em; color:#353f51; border-radius:5px;}

.member-wrap.login .bemember-btn{margin-top:30px;display:block; line-height:1.3em; text-align:center; font-size:15px; font-weight:500; letter-spacing:-0.03em; color:#1f1f1f; text-decoration:underline; }

.member-wrap.login .copy{margin-top:50px; text-align:center; font-size:12px; color:#888; text-transform:uppercase; line-height:1.3em; letter-spacing:0.01em;}
	@media only screen and (max-width:1240px){
		
	}
	@media only screen and (max-width:999px){
		.member-wrap.login h3{font-size:25px ; margin-bottom:40px;}
		.member-wrap.login .stit{font-size:15px;}
		
		.member-wrap.login .sns li a{height:45px;line-height:43px; }
		.member-wrap.login .sns li:nth-child(1) a{font-size:15px;}
		.member-wrap.login .sns li:nth-child(1) a span{background-size:20px auto; padding-left:30px;}
		.member-wrap.login .sns li:nth-child(2) a {background-size:20px auto;}
		.member-wrap.login .sns li:nth-child(3) a {background-size:20px auto;}
		
		.member-wrap.login .entry{margin-top:20px;}
		.member-wrap.login .entry ul li:nth-child(n+2){margin-top:15px;}
		.member-wrap.login .entry ul li .chk-input input{height:45px;}
		.member-wrap.login .other li a{font-size:15px;}
		.member-wrap.login .other li:nth-child(n+2){margin-left:25px;}
		.member-wrap.login .other li:nth-child(n+2):before{left:-13px;}
		
		.member-wrap.login .login-btn{line-height:55px; font-size:17px;}
		.member-wrap.login .join-btn{line-height:55px; font-size:17px;}
		.member-wrap.login .bemember-btn{font-size:14px;}
		.member-wrap.login .copy{font-size:11px; margin-top:30px;}
	}
	@media only screen and (max-width:680px){
		.member-wrap.login h3{font-size:23px ; margin-bottom:20px;}
		.member-wrap.login .stit{font-size:14px;}

		.member-wrap.login .sns li:nth-child(1) a{font-size:14px;}
		
		.member-wrap.login .bemember-btn{font-size:13px;}
		.member-wrap.login .login-btn{line-height:50px; font-size:16px;}
		.member-wrap.login .join-btn{line-height:50px; font-size:16px;}
	}
	@media only screen and (max-width:480px){
		.member-wrap.login h3{font-size:21px ; margin-bottom:10px;} 
		.member-wrap.login .sns li:nth-child(1) a{font-size:13px;}
	}
/* ======================================================
   .member-wrap.join
=========================================================*/
.member-wrap.join{}
.member-wrap.join h3{font-size:33px ;font-weight:300; color:#000; line-height:1.2em; letter-spacing:-0.03em; margin-bottom:30px;}

.member-wrap.join .sns{}
.member-wrap.join .sns ul:after{display:block;content:"";clear:both}
.member-wrap.join .sns li{float:left; width:46%;}
.member-wrap.join .sns li:nth-child(n+2){width:25%; margin-left:2%; }
.member-wrap.join .sns li a{display:block; height:55px; line-height:53px; text-align:center; border-radius:5px; border:1px solid #d2d2d2; background:#fff;}

.member-wrap.join .sns li:nth-child(1) a{background:#fee500; border-color:#fee500; font-size:16px; font-weight:400; letter-spacing:-0.03em; color:#1f1f1f;}
.member-wrap.join .sns li:nth-child(1) a span{display:inline-block;vertical-align:top; padding-left:34px;background:url(../img/content/login-kakao.jpg) no-repeat left center;}
.member-wrap.join .sns li:nth-child(2) a{background:url(../img/content/login-naver.jpg) no-repeat center center;}
.member-wrap.join .sns li:nth-child(3) a{background:url(../img/content/login-facebook.jpg) no-repeat center center;}

.member-wrap.join .entry{margin-top:40px;position:relative;}
.member-wrap.join .entry .nec-ex{position:absolute; right:0; top:-35px; font-size:14px; background:url(../img/sub/ico-nec.jpg) no-repeat left center; padding-left:15px; line-height:16px; color:#666; }
.member-wrap.join .entry ul{}
.member-wrap.join .entry ul li{position:relative; padding-left:220px;}
.member-wrap.join .entry ul li:nth-child(n+2){margin-top:10px;}
.member-wrap.join .entry ul li .btxt{position:absolute; left:0; top:0; line-height:48px; font-size:16px; color:#1f1f1f; letter-spacing:-0.03em; }
.member-wrap.join .entry ul li .btxt.nec span{display:inline-block;position:relative;}
.member-wrap.join .entry ul li .btxt.nec span:after{width:11px;height:10px; position:absolute; right:-15px; top:50%; margin-top:-5px; background:url(../img/sub/ico-nec.jpg) no-repeat center center; display:block;content:""}
.member-wrap.join .entry ul li .ctxt{display:inline-block;vertical-align:top; font-size:15px; color:#000; line-height:48px;/* width:6%;*/ text-align:center;}
.member-wrap.join .entry ul li span{ line-height:43px; }


.member-wrap.join .entry ul li .field.cmmt{}
.member-wrap.join .entry ul li .field.cmmt .chk-input{ width:49%}
.member-wrap.join .entry ul li .field.cmmt .chk-input:nth-child(2){float:right; width:49%}


.member-wrap.join .entry ul li .field.cmmt{}
.member-wrap.join .entry ul li .field.cmmt .chk-select{ width:48%}
.member-wrap.join .entry ul li .field.cmmt .chk-select:nth-child(2){ width:25%}
.member-wrap.join .entry ul li .field.cmmt .chk-select:nth-child(3){float:right; width:25%}

.member-wrap.join .entry ul li .id-overlap{border:1px solid #6278b1; background:#6278b1; color:#fff; border-radius:5px;display:inline-block;vertical-align:top; font-size:13px;width:120px;text-align:center; line-height:43px; margin-left:5px;}
.member-wrap.join .entry ul li .id-overlap:hover{background:#fff; color:#6278b1; border-color:#6278b1;}

.member-wrap.join .entry ul li .field.zip{padding:5px 0;display:block;}
.member-wrap.join .entry ul li .field.zip .stxt{line-height:46px;}
.member-wrap.join .entry ul li .zip-btn{border:1px solid #6278b1; background:#6278b1; border-radius:5px;display:inline-block;vertical-align:top; font-size:13px; color:#fff;  width:100px;text-align:center; line-height:43px; margin-left:5px;}
.member-wrap.join .entry ul li .zip-btn:hover{background:#fff; color:#6278b1; border-color:#6278b1;}

.member-wrap.join .agrees{}
.member-wrap.join .agrees h5{ font-size:16px;}
.member-wrap.join .agrees .scroll{border:1px solid #d9d9d9; padding:20px; max-height:150px; margin-top:10px; box-sizing:border-box; overflow-y:auto; border-radius:10px;}
.member-wrap.join .agrees ul{padding:15px 0;}
.member-wrap.join .agrees li{position:relative;}
.member-wrap.join .agrees li:nth-child(n+2){margin-top:7px;}
.member-wrap.join .agrees li .chk-check{display:block;}
.member-wrap.join .agrees li .view-btn{position:Absolute; right:0; top:0; line-height:25px; color:#5c3fbf; border-bottom:1px solid #5c3fbf; font-size:14px;}
.member-wrap.join .agrees li .view-btn:hover{color:#1f1f1f; border-color:#1f1f1f;}

.member-wrap.join .join-btn{margin-top:40px;display:block; line-height:60px; border:1px solid #353f51; background:#353f51; text-align:center; font-size:18px; font-weight:300; letter-spacing:-0.03em; color:#fff; border-radius:5px;}
.member-wrap.join .join-btn:hover{margin-top:40px;display:block; line-height:60px; border:1px solid #353f51; background:#fff; text-align:center; font-size:18px; font-weight:300; letter-spacing:-0.03em; color:#353f51; border-radius:5px;}





	@media only screen and (max-width:1240px){
		.member-wrap.join .entry ul li .ctxt{line-height:45px;}
	}
	@media only screen and (max-width:999px){
		.member-wrap.join h3{font-size:25px ; margin-bottom:40px;}
		
		.member-wrap.join .sns li a{height:45px;line-height:43px; }
		.member-wrap.join .sns li:nth-child(1) a{font-size:15px;}
		.member-wrap.join .sns li:nth-child(1) a span{background-size:20px auto; padding-left:30px;}
		.member-wrap.join .sns li:nth-child(2) a {background-size:20px auto;}
		.member-wrap.join .sns li:nth-child(3) a {background-size:20px auto;}
		
		.member-wrap.join .entry{margin-top:20px;}
		.member-wrap.join .entry ul {padding:0 5px;}
		.member-wrap.join .entry ul li{padding-left:0;}
		.member-wrap.join .entry ul li .btxt{padding-left:10px;line-height:1.3em; margin-bottom:10px; font-size:16px;position:relative; left:auto; top:auto;}
		.member-wrap.join .entry ul li .btxt:before{/*width:3px;height:3px; position:Absolute; left:0; top:8px; background:#333; display:block; content:""*/}
		
		.member-wrap.join .entry ul li .field .ctxt{line-height:40px;}

		.member-wrap.join .join-btn{line-height:55px; font-size:17px;}
	}
	@media only screen and (max-width:680px){
		.member-wrap.join h3{font-size:23px ; margin-bottom:20px;}

		.member-wrap.join .sns li:nth-child(1) a{font-size:14px;}

		.member-wrap.join .entry ul li .btxt{font-size:15px;}
		.member-wrap.join .join-btn{margin-top:30px;line-height:50px; font-size:16px;}
	}
	@media only screen and (max-width:480px){
		.member-wrap.join h3{font-size:21px ;} 
		.member-wrap.join .sns li:nth-child(1) a{font-size:13px;}

		.member-wrap.join .entry{margin-top:20px;}
		.member-wrap.join .entry .nec-ex{ right:0; top:-10px; font-size:14px; background:url(../img/sub/ico-nec.jpg) no-repeat left center; padding-left:15px; }
		.member-wrap.join .entry ul li .id-overlap{ font-size:13px;width:100px;line-height:40px; height:40px; }
		.member-wrap.join .entry ul li .zip-btn{ width:100px;text-align:center; line-height:40px; height:40px;}

		.member-wrap.join .entry ul li .btxt{padding-left:0px; margin-bottom:0px; font-size:15px;}
		.member-wrap.join .entry ul li span{ line-height:30px; }
	}



/* ======================================================
   .layer-wrap.joinEnd
=========================================================*/
.layer-wrap.joinEnd {padding:30px;width:96%; max-width:500px; box-sizing:border-box; border-radius:15px;background:#fff; position:fixed; display:none;left:50%; top:50%;-webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);  -o-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2)  ; -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2)  ; -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2)  ; }
.layer-wrap.joinEnd .is-con{text-align:center;}
.layer-wrap.joinEnd .is-con .btxt{font-size:18px; color:#1f1f1f; font-weight:500; line-height:1.2em; padding-top:80px; background:url(../img/content/welcome-chk.jpg) no-repeat center 10px}
.layer-wrap.joinEnd .is-con .stxt{font-size:14px; color:#888; font-weight:400; line-height:1.2em; margin-top:7px;}

.layer-wrap.joinEnd .is-btm{margin-top:20px;}
.layer-wrap.joinEnd .is-btm:after{display:block; content:"";clear:both;}
.layer-wrap.joinEnd .is-btm a{display:inline-block;vertical-align:top;width:48.5%;text-align:center; border-radius:5px;}
.layer-wrap.joinEnd .is-btm .end-btn{float:left;border:1px solid #d1d1d1; line-height:45px; font-size:14px; color:#1f1f1f; font-weight:400; letter-spacing:-0.03em;}
.layer-wrap.joinEnd .is-btm .enter-btn{float:right;border:1px solid #4880ed; background:#4880ed;line-height:45px; font-size:14px; color:#fff; font-weight:400; letter-spacing:-0.03em;}


/* ======================================================
   .member-wrap.modify
=========================================================*/
.member-wrap.modify{}
.member-wrap.modify h3{font-size:28px ;font-weight:300; color:#1f1f1f; line-height:1.2em; letter-spacing:-0.03em; margin-bottom:60px;}
.member-wrap.modify h4{font-size:16px ;font-weight:700; color:#1f1f1f; line-height:1.2em; letter-spacing:-0.03em; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #d2d2d2}
.member-wrap.modify h5{font-size:14px ;color:#888; letter-spacing:-0.03em; font-weight:400; margin-bottom:20px;}

.member-wrap.modify .stit{font-size:16px; font-weight:400; color:#1f1f1f; letter-spacing:-0.03em; line-height:1.2em;}
.member-wrap.modify .entry{}
.member-wrap.modify .entry ul{}
.member-wrap.modify .entry ul li{position:relative; padding-left:220px;}
.member-wrap.modify .entry ul li:nth-child(n+2){margin-top:20px;}
.member-wrap.modify .entry ul li .btxt{position:absolute; left:0; top:0; line-height:48px; font-size:17px; color:#1f1f1f; letter-spacing:-0.03em;}
.member-wrap.modify .entry ul li .stxt{display:inline-block;vertical-align:top; line-height:48px; font-size:16px; color:#1f1f1f; letter-spacing:-0.03em; min-width:100px;}
.member-wrap.modify .entry ul li .stxt.f10{font-size:10px;}
.member-wrap.modify .entry ul li .modify-btn{border:1px solid #d2d2d2; border-radius:5px;display:inline-block;vertical-align:top; font-size:13px; color:#888;  width:62px;text-align:center; line-height:38px; margin-left:15px;}
.member-wrap.modify .entry ul li .modify-btn:hover{background:#1f1f1f; color:#fff; border-color:#1f1f1f}


.member-wrap.modify .entry ul li .field.modify{padding:5px 0;display:block;}
.member-wrap.modify .entry ul li .field.modify .stxt{line-height:38px;}

.member-wrap.modify .entry ul li .field.cmmt{}
.member-wrap.modify .entry ul li .field.cmmt .chk-input{float:left; width:49%}
.member-wrap.modify .entry ul li .field.cmmt .chk-input:nth-child(2){float:right; width:49%}

.member-wrap.modify .entry ul li .field.zip{padding:5px 0;display:block;}
.member-wrap.modify .entry ul li .field.zip .stxt{line-height:46px;}
.member-wrap.modify .entry ul li .zip-btn{border:1px solid #d2d2d2; border-radius:5px;display:inline-block;vertical-align:top; font-size:13px; color:#888;  width:100px;text-align:center; line-height:43px; margin-left:5px;}
.member-wrap.modify .entry ul li .zip-btn:hover{background:#1f1f1f; color:#fff; border-color:#1f1f1f}


.member-wrap.modify .letter{margin-top:27px;}
.member-wrap.modify .letter ul{margin:-5px}
.member-wrap.modify .letter ul:after{display:block; content:"";clear:both;}
.member-wrap.modify .letter li{float:left;margin:5px}
.member-wrap.modify .letter li:nth-child(n+2){}
.member-wrap.modify .letter li a{ line-height:30px; border:1px solid #d2d2d2; border-radius:30px; padding:0 20px;display:block; font-size:14px; color:#777; letter-spacing:-0.03em;}
.member-wrap.modify .letter li.active a{border-color:#718bdd; background:#718bdd; color:#fff;}


.member-wrap.modify .field.agree{margin-top:50px; display:block;}
.member-wrap.modify .field.agree .view-btn{font-size:15px; font-weight:500; display:inline-block;vertical-align:top;margin-left:10px; line-height:25px; color:#1f1f1f;text-decoration:underline }
.member-wrap.modify .field.agree .view-btn:hover{text-decoration:underline}
.member-wrap.modify .save-btn{margin-top:40px;display:block; line-height:60px; background:#1f1f1f; text-align:center; font-size:18px; font-weight:300; letter-spacing:-0.03em; color:#fff; border-radius:5px;}

.member-wrap.modify .r{margin-top:15px;text-align:Right;}
/*.member-wrap.modify .leave-btn{font-size:16px; font-weight:400; color:#1f1f1f; line-height:1.4em; border-bottom:1px solid #1f1f1f; display:inline-block;vertical-align:top;}*/

.member-wrap.modify .leave-btn{margin-top:20px;display:block; line-height:60px; background:#ff9053; border:1px solid #ff9053; text-align:center; font-size:18px; font-weight:300; letter-spacing:-0.03em; color:#fff; border-radius:5px;}
.member-wrap.modify .leave-btn:hover{margin-top:20px;display:block; line-height:60px; border:1px solid #ff9053; background:#fff; text-align:center; font-size:18px; font-weight:300; letter-spacing:-0.03em; color:#ff9053; border-radius:5px;}
	@media only screen and (max-width:1240px){
		
	}
	@media only screen and (max-width:999px){
		.member-wrap.modify h3{font-size:25px ; margin-bottom:40px;}
		.member-wrap.modify h4{font-size:15px ;}
		.member-wrap.modify h5{font-size:13px ;}
		.member-wrap.modify .entry ul {padding:0 5px;}
		.member-wrap.modify .entry ul li .stxt{line-height:32px;}
		.member-wrap.modify .entry ul li .modify-btn{line-height:32px; position:absolute;right:0; top:5px;}
		.member-wrap.modify .entry ul li .field.modify{padding-right:75px;}
		.member-wrap.modify .entry ul li .field.modify .stxt{line-height:32px; display:block;border:1px solid #dedede; padding:0 10px; font-size:14px; border-radius:5px;background:#fafafa}

		.member-wrap.modify .entry ul li{padding-left:0;}
		.member-wrap.modify .entry ul li .btxt{padding-left:10px;line-height:1.3em; margin-bottom:10px; font-size:16px;position:relative; left:auto; top:auto;}
		.member-wrap.modify .entry ul li .btxt:before{width:3px;height:3px; position:Absolute; left:0; top:8px; background:#333; display:block; content:""}
		.member-wrap.modify .stit{font-size:15px; }
		.member-wrap.modify .save-btn{line-height:55px; font-size:17px;}
		.member-wrap.modify .leave-btn{font-size:15px;}
		
		.member-wrap.modify .letter{margin-top:20px;}
		.member-wrap.modify .letter li a{padding:0 15px; font-size:13px;}
		
		.member-wrap.modify .field.agree{margin-top:30px;}
		.member-wrap.modify .field.agree .view-btn{line-height:20px; font-size:14px;}
	}
	@media only screen and (max-width:680px){
		.member-wrap.modify h3{font-size:23px ; margin-bottom:20px;}
		.member-wrap.modify .entry ul li .btxt{font-size:15px;}

		.member-wrap.modify .letter li a{ font-size:12px;}
		.member-wrap.modify .save-btn{margin-top:30px;line-height:50px; font-size:16px;}
		.member-wrap.modify .leave-btn{font-size:14px;}
	}
	@media only screen and (max-width:480px){
		.member-wrap.modify h3{font-size:21px ;} 
		.member-wrap.modify .stit{font-size:14px; }
		.member-wrap.modify .leave-btn{font-size:13px;}
		.member-wrap.modify .field.agree .view-btn{line-height:20px; font-size:13px;}
	}

/* ======================================================
   .member-wrap.leave
=========================================================*/
.member-wrap.leave{}
.member-wrap.leave h3{font-size:28px ;font-weight:300; color:#111; line-height:1.2em; letter-spacing:-0.03em; margin-bottom:60px;}
.member-wrap.leave .stit{font-size:16px; font-weight:400; color:#1f1f1f; letter-spacing:-0.03em; line-height:1.4em;}
.member-wrap.leave .ex{margin-top:25px; border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; padding:30px 0;}
.member-wrap.leave .ex ul{}
.member-wrap.leave .ex li{position:relative; padding-left:12px; font-size:14px; font-weight:300; color:#111; line-height:1.2em;}
.member-wrap.leave .ex li:nth-child(n+2){margin-top:5px;}
.member-wrap.leave .ex li:before{background:#777; width:6px;height:1px; position:absolute; left:0; top:8px; display:block ;content:""}
.member-wrap.leave .field{display:block; margin-top:25px;}
.member-wrap.leave .chk-check{display:block; }
.member-wrap.leave .chk-check label{}
.member-wrap.leave .chk-input{display:block; margin-top:20px;}
.member-wrap.leave .chk-input textarea{}
.member-wrap.leave .chk-select{display:block; margin-top:30px;}
.member-wrap.leave .chk-select select{}
.member-wrap.leave .leave-btn{margin-top:20px;display:block; line-height:60px; background:#1f1f1f; text-align:center; font-size:18px; font-weight:300; letter-spacing:-0.03em; color:#fff; border-radius:5px;}
.member-wrap.leave .leave-btn:hover{margin-top:20px;display:block; line-height:60px; border:1px solid #1f1f1f; background:#fff; text-align:center; font-size:18px; font-weight:300; letter-spacing:-0.03em; color:#1f1f1f; border-radius:5px;}


	@media only screen and (max-width:1240px){
		
	}
	@media only screen and (max-width:999px){
		.member-wrap.leave h3{font-size:25px; margin-bottom:40px;}
		.member-wrap.leave .stit{font-size:15px;}
		.member-wrap.leave .ex{padding:25px 0}
		.member-wrap.leave .ex ul{padding:0 5px;}
		.member-wrap.leave .ex li{padding-left:10px;}
		.member-wrap.leave .ex li:before{width:4px}
		.member-wrap.leave .field{margin-top:15px;}
		.member-wrap.leave .leave-btn{line-height:55px; font-size:17px;}
	}
	@media only screen and (max-width:680px){
		.member-wrap.leave h3{font-size:23px; margin-bottom:20px;}
		.member-wrap.leave .stit{font-size:14px;}

		.member-wrap.leave .leave-btn{line-height:50px; font-size:16px;}
	}
	@media only screen and (max-width:480px){
		.member-wrap.leave h3{font-size:21px}
		.member-wrap.leave .stit{font-size:13px;}
		
	}



/* =====================================
   mypage-wrap
===================================== */
.mypage-wrap h4 { font-size: 22px; color: #333; line-height: 1.2em; font-weight: 600; margin-bottom: 0px; padding-bottom: 20px; }
.mypage-wrap .nec-ex { font-size: 14px; color: #333; line-height: 1.2em; font-weight: 400; }
.mypage-wrap { margin: 10px 0 0 0; overflow: hidden; }
.mypage-wrap tbody { border-top: 1px solid #2b2b2b; }
.mypage-wrap tbody th { border-bottom: 1px solid #ddd; font-weight: 400; font-size: 16px; color: #000; background: #f9f9f9; border-left: 1px solid #ddd; }
.mypage-wrap tbody td { padding: 0px; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; /*text-align: left; */ }
.mypage-wrap tbody td input { border: 1px solid #ddd; padding: 10px; }
.mypage-wrap .btxt { display: inline-block; font-weight: 400; font-size: 16px; color: #555; padding: 0px 0; line-height: 100%; padding-bottom: 15px; }
.mypage-wrap ol li { float: left; margin: 0px 20px 0px 0; }
.mypage-wrap ol li input { display: inline-block; margin: 0 0 0px 0; }
.mypage-wrap ul li input { display: inline-block; margin: 0 0 0px 0; }
.mypage-wrap td textarea { width: 99%; padding: 10px; min-height: 100px; }
.mypage-wrap ol li.chk-radio { display: inline-block; font-size: 0px; vertical-align: middle; line-height: 100%; color: #000; }
.mypage-wrap ol li.chk-radio input[type="radio"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; }
.mypage-wrap ol li.chk-radio input[type="radio"] + label { display: block; position: relative; padding-left: 32px; font-size: 16px; color: #1e1e1e; line-height: 20px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
.mypage-wrap ol li.chk-radio input[type="radio"] + label:before { content: ''; position: absolute; left: 0; top: 0px; width: 24px; height: 24px; text-align: center; background: url(../img/Sub/radio-off.jpg) no-repeat center center #fff; border: 1px solid #aaa; border-radius: 100%; box-sizing: border-box; }
.mypage-wrap ol li.chk-radio input[type="radio"] + label:after { }
.mypage-wrap ol li.chk-radio input[type="radio"]:checked + label:before { background: url(../img/Sub/radio-on.jpg) no-repeat center center; border-color: #00abc1; }
.mypage-wrap ol li.chk-check { display: inline-block; font-size: 0; vertical-align: top; }
.mypage-wrap ol li.chk-check input[type="checkbox"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; }
.mypage-wrap ol li.chk-check input[type="checkbox"] + label { display: block; position: relative; padding-left: 32px; font-size: 16px; line-height: 40px; color: #666; font-weight: 400; letter-spacing: -0.02em; cursor: pointer; margin-top: 0px; }
.mypage-wrap ol li.chk-check input[type="checkbox"] + label:before { content: ''; position: absolute; left: 0px; top: 10px; box-sizing: border-box; width: 22px; height: 22px; text-align: center; background: #fff; border: 1px solid #777; }
.mypage-wrap ol li.chk-check input[type="checkbox"]:checked + label { color: #000; }
.mypage-wrap ol li.chk-check input[type="checkbox"]:checked + label:before { background: url(../img/Sub/check-on.jpg) no-repeat center #fff; background-size: 100% auto }
.bdln { border-left: none !important; }
 @media only screen and (max-width:999px) {
.mypage-wrap { border-top: 2px solid #16a1d0; font-size: 18px; margin: 10px 0 0 0; overflow: hidden; }
.mypage-wrap colgroup { display: none; }
.mypage-wrap tbody th { border-bottom: 1px solid #ddd; font-weight: 500; background: #f9f9f9; border-left: 1px solid #ddd; }
.mypage-wrap tbody td { padding: 10px 10px 10px 10px; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; text-align: left; }
.mypage-wrap tbody td input { border: 1px solid #ddd; padding: 5px; }
.mypage-wrap ol li { float: left; margin: 0 4px 0 0; }
.mypage-wrap ol li input { display: inline-block; margin: 0 0 5px 0; }
.mypage-wrap ul li input { display: inline-block; margin: 0 0 5px 0; }
.mypage-wrap td textarea { width: 98%; padding: 4px; min-height: 100px; }
.mypage-wrap ol li.chk-radio input[type="radio"] + label { font-size: 14px; padding-left: 30px; }
.mypage-wrap ol li.chk-radio input[type="radio"] + label:before { width: 24px; height: 24px; }
}
 @media only screen and (max-width:680px) {
.mypage-wrap h4 { font-size: 18px; color: #333; line-height: 1.4em; font-weight: 600; margin-bottom: -10px; }
.mypage-wrap .nec-ex { font-size: 12px; color: #333; line-height: 1.2em; font-weight: 400; }
.mypage-wrap { border-top: 0px solid #16a1d0; margin: 10px 0 0 0; overflow: hidden; }
.mypage-wrap tbody th { border-bottom: 1px solid #ddd; font-weight: 500; background: #f9f9f9; border-left: 1px solid #ddd; }
.mypage-wrap tbody td { padding: 10px 10px 10px 20px; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; text-align: left; }
.mypage-wrap tbody td input { border: 1px solid #ddd; padding: 5px; }
.mypage-wrap ol li { float: left; margin: 0 4px 0 0; }
.mypage-wrap ol li input { display: inline-block; margin: 0 0 5px 0; }
.mypage-wrap ul li input { display: inline-block; margin: 0 0 5px 0; }
.mypage-wrap td textarea { width: 98%; padding: 4px; min-height: 100px; }
.mypage-wrap ol li.chk-radio input[type="radio"] + label { display: block; position: relative; padding-left: 32px; font-size: 14px; color: #1e1e1e; line-height: 30px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
.mypage-wrap ol li.chk-check input[type="checkbox"] + label { display: block; position: relative; padding-left: 32px; font-size: 14px; line-height: 40px; color: #666; font-weight: 400; letter-spacing: -0.02em; cursor: pointer; }
}


/* =====================================
   mypage-list
===================================== */
.mypage-list { table-layout: fixed; width: 100%; height: auto; border-top: 0px solid #2b2b2b; }
.mypage-list tbody th { word-break: keep-all; background-color: #f9f9f9; padding: 10px 0px; text-align: center; font-weight: 400; }
.mypage-list tbody th.nec { position: relative; }
.mypage-list tbody th.nec:after { width: 11px; height: 10px; position: absolute; right: 20px; top: 50%; margin-top: -5px; background: url(../img/Member/ico-nec.jpg) no-repeat center center; display: block; content: "" }
.mypage-list tbody th.title { font-size: 1.25em; padding: 20px 10px 10px; font-weight: 800; color: #333; }
.mypage-list tbody th.date { padding: 10px 10px 20px; }
.mypage-list tbody th a { color: #555; }
.mypage-list tbody td { word-break: keep-all; border-bottom: 1px solid #e5e5e5; padding: 15px; font-size: 16px; }
.mypage-list tbody td .Nick { }
.mypage-list tbody td .Time { color: #777; }
.mypage-list tbody td a { color: #555; }
.mypage-list tbody td .c { text-align: center; }
.mypage-list tbody tr td .img img { width: 100%; }
 @media(max-width:999px) {
.mypage-list.mobile { width: 100%; height: auto; border-top: 1px solid #2b2b2b; }
.mypage-list.mobile thead { display: none; }
.mypage-list.mobile tbody { text-align: left; }
.mypage-list.mobile tbody,  .mypage-list.mobile tbody tr,  .mypage-list.mobile tbody tr th,  .mypage-list.mobile tbody tr td { display: block; float: left; clear: left; width: 100%; box-sizing: border-box; border: none; }
.mypage-list.mobile tr:nth-child(odd) { background-color: #fafafa; }
.mypage-list.mobile tbody tr { padding-top: 14px; padding-bottom: 14px; border: 1px solid #c6c6c6; border-bottom: none; border-left: none; border-right: none; }
.mypage-list.mobile tbody tr:first-child { border-top-width: 0; }
.mypage-list.mobile tbody tr:last-child { border-bottom: 1px solid #c6c6c6; }
.mypage-list.mobile tbody tr th { padding: 5px 10px; border-top-width: 0; background-color: transparent; text-align: left; font-size: 15px; font-weight: 500; box-sizing: Border-box; }
.mypage-list.mobile tbody tr th br { display: none; }
.mypage-list.mobile tbody tr td { border-top-width: 0; text-align: left; padding: 0 10px; font-size: 14px; box-sizing: Border-box; }
.mypage-list.mobile tbody tr td img.img { width: 100%; }
.tbnone { border-top: 1px solid #2b2b2b; }
.tbnone colgroup { display: block !important; }
.tbnone tbody { display: table-row-group !important; float: none !important; }
.tbnone tbody tr { display: table-row !important; padding: 0 !important; float: none !important; }
.tbnone tbody td { display: table-cell !important; background: #fff !important; text-align: left; float: none !important; width: auto !important; padding: 10px !important; border-left: 1px solid #c6c6c6 !important; }
.tbnone tbody th { display: table-cell !important; float: none !important; text-align: center !important; width: auto !important; padding: 10px 0; border-left: 1px solid #c6c6c6 !important; }
.tbnone tbody .bdln { border-left: none !important; }
}
 @media only screen and (max-width:680px) {
.mypage-list tbody th.nec { position: relative; }
.mypage-list tbody th.nec:after { width: 11px; height: 10px; position: absolute; right: 0px; top: 50%; margin-top: -5px; background: url(../img/Member/ico-nec.jpg) no-repeat center center; display: block; content: "" }
.mypage-list tbody td { word-break: keep-all; border-bottom: 1px solid #e5e5e5; padding: 15px; font-size: 15px; text-align: center; }
.mypage-list.mobile tbody tr td .c { text-align: center; }
.mypage-list.mobile tbody tr td .img img { object-fit: fill; height: auto }
}

.sw-btn span {
    background: #555;
    border: 1px solid #555;
    font-size: 13px;
    color: #fff;
    display: inline-block;
    font-weight: normal;
    vertical-align: baseline;
	padding:5px 10px;
	text-align: center;
    line-height: 26px;
    margin-left: 10px;
	border-radius: 5px;
}



/* =====================================
   type-wrap
===================================== */
.type-wrap{position:relative; }

.type-wrap .list{ position:relative; max-width:1400px; padding:0 0px; box-sizing:border-box;margin:0 auto; margin-top:200px;text-align:center;}
.type-wrap .list:before{width:1px;height:110px;border-right:1px solid #585858;position:absolute; left:50%; top:-160px; margin-left:-1px; display:block; content:"";-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);-ms-transform: translateX(-50%); -o-transform:  translateX(-50%);transform: translateX(-50%);}
.type-wrap .list h3{ line-height:1.6em; font-size:24px;text-align:left;letter-spacing:-0.03em; font-weight:500; color:#111; padding-bottom:30px;}
.type-wrap .list h3 span{ font-weight:700;}
.type-wrap .list .txt{ display:inline-block;vertical-align:top;}
.type-wrap .list .txt dl{position:relative; min-height:500px; padding-left:400px; padding-top:0px; box-sizing:border-box;text-align:left; }
.type-wrap .list .txt dl:before{width:300px;height:400px; position:absolute; left:0; top:0; display:block;content:""}
.type-wrap .list .txt dt{font-size:28px;color:#111; line-height:1.4em; letter-spacing:-0.03em; font-weight:500;}
.type-wrap .list .txt dt span{ font-weight:700;}
.type-wrap .list .txt dd{margin-top:20px;font-size:17px; color:#666; line-height:1.6em; letter-spacing:-0.03em; font-weight:400;}
.type-wrap .list .txt dl:nth-child(n+2){margin-top:100px}
.type-wrap .list .txt dl:nth-child(1):before{ background:url(../img/content/02-02-5-0.jpg) no-repeat center center; border-radius: 20px;}


	@media only screen and (max-width:1400px) {
		.type-wrap .list{margin-top:200px;}
		.type-wrap .list:before{height:80px; top:-120px}
		.type-wrap .list h3{font-size:27px;}
		
		.type-wrap .list .txt {margin-top:60px;}
		.type-wrap .list .txt dl{ padding-left:180px; padding-top:12px;}
		.type-wrap .list .txt dl:before{width:105px;height:105px; background-size:100px auto !important;}
		.type-wrap .list .txt dt{font-size:22px;}
		.type-wrap .list .txt dd{margin-top:15px;font-size:15px;}
	}
	@media only screen and (max-width:1100px) {
	
	
	}
	@media only screen and (max-width:999px) {
		.type-wrap .list{margin-top:160px;  padding:0 20px; }
		.type-wrap .list:before{height:60px; top:-90px}
		.type-wrap .list h3{font-size:25px;}
		
		.type-wrap .list .txt {margin-top:40px;}
		.type-wrap .list .txt dl{ padding-left:140px; padding-top:7px;}
		.type-wrap .list .txt dl:before{width:95px;height:95px; background-size:90px auto !important;}
		.type-wrap .list .txt dt{font-size:20px;}
		.type-wrap .list .txt dd{margin-top:10px;font-size:14px;}

		.type-wrap .list .txt dl:nth-child(n+2){margin-top:30px}
	}
	@media only screen and (max-width:680px) {
		.type-wrap .list .txt dl{ padding-left:100px; padding-top:3px;}
		.type-wrap .list .txt dl:before{width:75px;height:75px; background-size:70px auto !important;}
		.type-wrap .list .txt dt{font-size:18px;}
		.type-wrap .list .txt dd{}
		.type-wrap .list .txt dd br{display:none;}
	}
	@media only screen and (max-width:480px) {
		
	}

/* =====================================
   type02-wrap
===================================== */
.type02-wrap{position:relative;}
.type02-wrap .list{max-width:1400px; padding:0 0px; box-sizing:border-box; margin:0 auto; position:relative;}
.type02-wrap .list:before{width:30px;height:100%; position:absolute;right:-80px; bottom:0; display:block; content:"";background:url(../img/content/about-intxt.jpg) no-repeat right bottom;}
.type02-wrap .list:after{display:block; content:"";clear:both;}
.type02-wrap .list .txt{float:right; width:70%;}
.type02-wrap .list .txt h3{font-weight:700; color:#111; font-size:28px;line-height:1.3em;letter-spacing:-0.03em; margin-bottom:40px;}
.type02-wrap .list .txt h3 i{display:block;font-weight:600;line-height:1.2em; letter-spacing:-0.01em; display:block; font-size:18px;text-transform:uppercase;}
.type02-wrap .list .txt h3 span{font-weight:500;}
.type02-wrap .list .txt p{font-size:17px; color:#666; font-weight:400; line-height:30px; letter-spacing:-0.03em; padding-bottom:20px; text-align: justify; text-justify: inter-word; word-break: break-word; hyphens: auto;}

.type02-wrap .list .txt p:after {position: absolute; left: 370px; top: 0px;  width: 1px; height: 100%;  background: #aaa; display: block; content: "";
    -webkit-transition: height 1s ease-out;-moz-transition: height 1s ease-out; -o-transition: height 1s ease-out; transition: height 1s ease-out;}

.type02-wrap .list .img{float:left;width:22%; padding-right:100px;}
.type02-wrap .list .img .btxt {margin-bottom:45px;font-size:24px; color:#111; font-weight:700; line-height:1.8em; letter-spacing:-0.03em;}
.type02-wrap .list .img .btxt span{font-weight:500;}
.type02-wrap .list .img .stxt {margin-top:20px;font-size:18px; color:#000; font-weight:500; line-height:1.6em; letter-spacing:-0.03em;text-align: center;}

.type02-wrap .list .img img{width:100%;height:450px;object-fit:cover; border-radius: 20px;filter: drop-shadow(7px 7px 10px #c3c3c3);}  


	@media only screen and (max-width:1400px) {
		.type02-wrap .list .txt h3{font-size:28px;}
		.type02-wrap .list .txt h3 i{font-size:17px;}
		.type02-wrap .list .txt p{margin-top:35px;font-size:17px; }
		.type02-wrap .list .img img{height:600px;}
	}
	
	@media only screen and (max-width:1371px) {
		.type02-wrap .list .txt p:after {left: 330px; }
		.type02-wrap .list .txt p{margin-top:0px;font-size:17px; line-height: 26px; }
	}
	
	@media only screen and (max-width:1280px) {

		.type02-wrap .list{max-width:auto; }
		.type02-wrap .list .img{float:left;width:20%; padding-right:30px;}
		.type02-wrap .list .img img{height:350px;}
		.type02-wrap .list .txt{float:right; width:73%;}
		.type02-wrap .list .txt h3{font-size:24px;}
		.type02-wrap .list .txt p{margin-top:0px;font-size:16px; line-height: 26px; }
		.type02-wrap .list .txt p:after {left: 290px; }
	}

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

		.type02-wrap .list{max-width:auto; }
		.type02-wrap .list .img{float:left;width:20%; padding-right:30px;}
		.type02-wrap .list .img img{height:350px;}
		.type02-wrap .list .txt{float:right; width:73%;}
		.type02-wrap .list .txt h3{font-size:24px;}
		.type02-wrap .list .txt p{margin-top:0px;font-size:16px; line-height: 26px; }
		.type02-wrap .list .txt p:after {left: 235px; }
	}
	@media only screen and (max-width:1024px) {

		.type02-wrap .list{max-width:auto; }
		.type02-wrap .list .img{float:left;width:20%; padding-right:30px;}
		.type02-wrap .list .img img{height:350px;}
		.type02-wrap .list .txt{float:right; width:73%;}
		.type02-wrap .list .txt h3{font-size:24px;}
		.type02-wrap .list .txt p{margin-top:0px;font-size:18px; line-height: 30px; }
		.type02-wrap .list .txt p:after {left: 235px; }
	}
	@media only screen and (max-width:999px) {
		.type02-wrap .list .txt{float:none; width:auto;}
		.type02-wrap .list .txt h3{font-size:26px;}
		.type02-wrap .list .txt h3 i{font-size:16px; margin-bottom:5px;}
		.type02-wrap .list .txt h3 br{display:none;}
		.type02-wrap .list .txt p{margin-top:20px;font-size:16px; }
		.type02-wrap .list .txt p br{display:none;}

		.type02-wrap .list .img{float:none;width:auto; margin-top:35px;  padding-right:0px}
		.type02-wrap .list .img img{height:480px}
	}
	@media only screen and (max-width:768px) {
		.type02-wrap .list .txt p:after {display:none;}
		.type02-wrap .list .txt h3 br{display:block;}
		.type02-wrap .list .txt h3{font-size:22px;margin-bottom: 20px; margin-top: 30px;}
		.type02-wrap .list .txt p{margin-top:0px;font-size:18px; line-height: 30px; }
		.type02-wrap .list .img img{height:auto;}
	}
	@media only screen and (max-width:680px) {
		.type02-wrap .list .txt h3{font-size:24px;}
		.type02-wrap .list .txt h3 i{font-size:15px;}
		.type02-wrap .list .txt p{margin-top:15px;font-size:15px; }

		.type02-wrap .list .txt p:after {display:none;}


		.type02-wrap .list .img img{height:340px}
	}
	@media only screen and (max-width:480px) {
		.type02-wrap .list .txt h3{font-size:19px;margin-bottom: 20px;line-height:1.6em;}
		.type02-wrap .list .txt h3 i{font-size:14px;}
		.type02-wrap .list .img{width:100%; padding-right:0px;margin-top:0px; }
		.type02-wrap .list .img img{height:auto;}

		.type02-wrap .list .img .btxt {margin-bottom:30px;font-size:17px; color:#aaa;}
		.type02-wrap .list .img .stxt {margin-top:20px;font-size:15px; text-align: left;margin-bottom:40px;}

		.type02-wrap .list .txt p{margin-top:0px;font-size:15px; line-height: 26px;letter-spacing:-0.03em;}

	}



/* =====================================
   type03-wrap
===================================== */
.type03-wrap{position:relative;}
.type03-wrap .list{max-width:1200px; padding:0 0px; box-sizing:border-box; margin:0 auto; position:relative;}
.type03-wrap .list:before{width:30px;height:100%; position:absolute;right:-80px; bottom:0; display:block; content:"";background:url(../img/content/about-intxt.jpg) no-repeat right bottom;}
.type03-wrap .list:after{display:block; content:"";clear:both;}
.type03-wrap .list .txt{float:right; width:74%;}
.type03-wrap .list .txt h3{font-weight:700; color:#111; font-size:28px;line-height:1.3em;letter-spacing:-0.03em; margin-bottom:40px;}
.type03-wrap .list .txt h3 i{display:block;font-weight:600;line-height:1.2em; letter-spacing:-0.01em; display:block; font-size:18px;text-transform:uppercase;}
.type03-wrap .list .txt h3 span{font-weight:500;}
.type03-wrap .list .txt h4{font-weight:600; color:#111; font-size:20px;line-height:1.3em;letter-spacing:-0.03em; margin-top:10px; margin-bottom:10px;}
.type03-wrap .list .txt p{font-size:17px; color:#666; font-weight:400; line-height:30px; letter-spacing:-0.03em; padding-bottom:20px; text-align: justify; text-justify: inter-word; word-break: break-word; hyphens: auto;}

.type03-wrap .list .txt p:after {position: absolute; left: 270px; top: 0px;  width: 1px; height: 100%;  background: #aaa; display: block; content: "";
    -webkit-transition: height 1s ease-out;
    -moz-transition: height 1s ease-out;
    -o-transition: height 1s ease-out;
    transition: height 1s ease-out;
}

.type03-wrap .list .img{float:left;width:18%; padding-right:80px;}
.type03-wrap .list .img .btxt {margin-bottom:25px;font-size:24px; color:#111; font-weight:700; line-height:1.8em; letter-spacing:-0.03em;}
.type03-wrap .list .img .btxt span{font-weight:500;}
.type03-wrap .list .img .stxt {margin-top:20px;font-size:18px; color:#000; font-weight:500; line-height:1.6em; letter-spacing:-0.03em;text-align: center;}

.type03-wrap .list .img img{width:100%;height:330px;object-fit:cover; border-radius: 20px;filter: drop-shadow(5px 5px 7px #ddd);}  


	@media only screen and (max-width:1400px) {
		.type03-wrap .list .txt h3{font-size:28px;}
		.type03-wrap .list .txt h3 i{font-size:17px;}
		.type03-wrap .list .txt p{margin-top:35px;font-size:17px; }
		.type03-wrap .list .img img{height:600px;}
	}
	@media only screen and (max-width:1371px) {
		.type03-wrap .list .txt p:after {left:265px; }
		.type03-wrap .list .txt p{margin-top:0px;font-size:17px; line-height: 26px; }
		.type03-wrap .list .img img{height:auto;}
	}
	@media only screen and (max-width:1280px) {

		.type03-wrap .list{max-width:auto; }
		.type03-wrap .list .img{float:left;width:20%; padding-right:30px;}
		.type03-wrap .list .img img{height:350px;}
		.type03-wrap .list .txt{float:right; width:73%;}
		.type03-wrap .list .txt h3{font-size:24px;}
		.type03-wrap .list .txt p{margin-top:0px;font-size:16px; line-height: 26px; }
		.type03-wrap .list .txt p:after {left: 290px; }
	}
	@media only screen and (max-width:1100px) {

		.type03-wrap .list{max-width:auto; }
		.type03-wrap .list .img{float:left;width:20%; padding-right:30px;}
		.type03-wrap .list .img img{height:350px;}
		.type03-wrap .list .txt{float:right; width:73%;}
		.type03-wrap .list .txt h3{font-size:24px;}
		.type03-wrap .list .txt p{margin-top:0px;font-size:16px; line-height: 26px; }
		.type03-wrap .list .txt p:after {left: 235px; }
	}
	@media only screen and (max-width:1024px) {

		.type03-wrap .list{max-width:auto; }
		.type03-wrap .list .img{float:left;width:20%; padding-right:30px;}
		.type03-wrap .list .img img{height:350px;}
		.type03-wrap .list .txt{float:right; width:73%;}
		.type03-wrap .list .txt h3{font-size:24px;}
		.type03-wrap .list .txt p{margin-top:0px;font-size:18px; line-height: 30px; }
		.type03-wrap .list .txt p:after {left: 235px; }
	}
	@media only screen and (max-width:999px) {
		.type03-wrap .list .txt{float:none; width:auto;}
		.type03-wrap .list .txt h3{font-size:26px;}
		.type03-wrap .list .txt h3 i{font-size:16px; margin-bottom:5px;}
		.type03-wrap .list .txt h3 br{display:none;}
		.type03-wrap .list .txt p{margin-top:25px;font-size:16px; }
		.type03-wrap .list .txt p br{display:none;}

		.type03-wrap .list .img{float:none;width:auto; margin-top:35px;  padding-right:0px}
		.type03-wrap .list .img img{height:480px}
	}
	@media only screen and (max-width:768px) {
		.type03-wrap .list .txt p:after {display:none;}
		.type03-wrap .list .txt h3 br{display:block;}
		.type03-wrap .list .txt h3{font-size:22px;margin-bottom: 20px; margin-top: 30px;}
		.type03-wrap .list .txt p{margin-top:0px;font-size:18px; line-height: 30px; }
		.type03-wrap .list .img img{height:auto;}
	}
	@media only screen and (max-width:680px) {
		.type03-wrap .list .txt h3{font-size:24px;}
		.type03-wrap .list .txt h3 i{font-size:15px;}
		.type03-wrap .list .txt p{margin-top:15px;font-size:15px; line-height:25px; letter-spacing:-0.03em; }

		.type03-wrap .list .txt p:after {display:none;}


		.type03-wrap .list .img img{height:340px}
	}
	@media only screen and (max-width:480px) {
		.type03-wrap .list .txt h3{font-size:17px; margin-bottom:0px; margin-top:20px;}
		.type03-wrap .list .txt h3 i{font-size:14px;}
		.type03-wrap .list .img{width:100%; padding-right:0px; margin-top:0px;}
		.type03-wrap .list .img img{height:auto;}

		.type03-wrap .list .img .btxt {margin-bottom:30px;font-size:17px; color:#aaa;}
		.type03-wrap .list .img .stxt {margin-top:20px;font-size:14px; margin-bottom:40px; text-align:left;}
		.type03-wrap .list .txt h3 br{display:block;}

		.type03-wrap .list .txt p{margin-top:0px;font-size:15px; line-height: 26px;letter-spacing:-0.03em;}
		.type03-wrap .list .txt h4{font-size:17px; margin-top:10px; margin-bottom:10px;}

	}



/* =====================================
   .current-wrap
===================================== */
.current-wrap{margin-top:50px; position:relative; padding-left:600px;}
.current-wrap h3{font-size:24px; position:absolute ; color:#111; left:0; top:0; letter-spacing:-0.03em; line-height:1.6em; font-weight:500;}
.current-wrap ul{display:flex;display:-webkit-flex;  flex-wrap:wrap;  -webkit-flex-wrap:wrap}
.current-wrap ul:after{display:block ;content:"";clear:both}
.current-wrap li{display:flex; display:-webkit-flex;float:left; width:calc(100% - 0px); border-top:1px solid #777; position:relative; ; padding:0 0 0 0px;padding-top:20px; box-sizing:border-box; min-height:70px; padding-bottom:20px;}
.current-wrap li .btxt{line-height:30px; font-size:18px; font-weight:500; color:#111; letter-spacing:-0.03em;}
.current-wrap li .btxt span{font-size:30px; color:#0081c5; margin-right:12px;}
.current-wrap li .stxt{margin-top:10px;font-size:17px ;font-weight:500; color:#111; letter-spacing:-0.04em; line-height:1.6em;}


	@media only screen and (max-width:1480px){
		.current-wrap{margin-top:80px;  margin-bottom:80px; padding-left:280px;} 
		.current-wrap h3{font-size:32px;}
		.current-wrap li{padding-top:20px; padding-left:60px;}
		.current-wrap li:before{width:50px;height:40px; top:20px}
		.current-wrap li .btxt{line-height:45px; font-size:22px;}
		.current-wrap li .btxt span{font-size:27px; margin-right:10px;}
		.current-wrap li .stxt{font-size:16px;}
	}
	@media only screen and (max-width:1371px){
		.current-wrap{margin-top:80px;  margin-bottom:80px; padding-left:550px;} 
		.current-wrap h3{font-size:24px;}
		.current-wrap li{padding-top:20px; padding-left:10px;}
		.current-wrap li:before{width:50px;height:40px; top:20px}
		.current-wrap li .btxt{line-height:40px; font-size:20px;}
	}
	@media only screen and (max-width:1280px) {
		.current-wrap{ padding-left:500px;} 
		.current-wrap li .btxt{line-height:40px;font-size:18px; }
		.current-wrap h3{font-size:20px;}
		.current-wrap li{padding-top:10px; padding-left:10px;padding-bottom:10px;min-height: 40px;}
	}
	@media only screen and (max-width:1185px) {
		.current-wrap{ padding-left:500px;} 
	}
	@media only screen and (max-width:999px){
		.current-wrap{ padding-left:0;margin-top:60px; margin-bottom:60px;}
		.current-wrap h3{font-size:20px; position:Relative; left:auto; top:auto ;margin-bottom:15px;}

		.current-wrap li .btxt{font-size:18px;}
		.current-wrap li .btxt span{font-size:24px; margin-right:5px;}
		.current-wrap li .stxt{font-size:15px; margin-top:5px;}
	}
	@media only screen and (max-width:768px){
		.current-wrap li .btxt{font-size:20px;}
	}
	@media only screen and (max-width:680px){
		.current-wrap{margin-top:0px; margin-bottom:40px;}
		.current-wrap h3{font-size:20px;}	
		.current-wrap ul{display:block;}
		.current-wrap li{float:none; width:auto; margin:0; min-height:auto;padding-left:45px;}
		.current-wrap li:nth-child(n+3){margin-top:20px;}
		.current-wrap li:before{width:40px;height:30px; top:25px;}
		.current-wrap li .btxt{font-size:17px;}
		.current-wrap li .btxt span{font-size:21px; }
		.current-wrap li .stxt{font-size:14px;}
	}
	@media only screen and (max-width:480px){
		.current-wrap h3{font-size:17px; line-height:26px; letter-spacing:-0.03em;}
		.current-wrap li .btxt{font-size:16px;line-height:25px; letter-spacing:-0.03em;}
		.current-wrap li .stxt{font-size:13px;}

		.current-wrap li{padding-left:0px; padding:10px 0px;}
		.current-wrap li:nth-child(n+2){margin-top:0px;}
	}



/* =====================================
   .subtxt-wrap
===================================== */
.subtxt-wrap{ position:relative; max-width:1440px; padding:0 0px; box-sizing:border-box;margin:0 auto; margin-top:0px;text-align:center;}
/*.subtxt-wrap:before{width:1px;height:110px;border-right:1px solid #585858;position:absolute; left:50%; top:-160px; margin-left:-1px; display:block; content:"";-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);-ms-transform: translateX(-50%); -o-transform:  translateX(-50%);transform: translateX(-50%);}*/
.subtxt-wrap h3{ line-height:1.2em; font-size:30px;text-align:center;letter-spacing:-0.03em; font-weight:400; color:#111; }
.subtxt-wrap .tit{ font-size: 30px; font-weight: 700; letter-spacing: -0.03em; line-height: 1.3em; color: #000; padding-top: 50px; 20px;text-align:left;}
.subtxt-wrap .txt{width:100%; margin-top:30px; display:inline-block;vertical-align:top;}
.subtxt-wrap .txt dl{position:relative; /*min-height:128px;*/ padding-top:15px; box-sizing:border-box;text-align:left;}
.subtxt-wrap .txt dt{font-size:22px;color:#111; line-height:1.2em; letter-spacing:-0.03em; font-weight:600;}
.subtxt-wrap .txt dd{margin-top:10px;font-size:17px; color:#666; line-height:1.6em; letter-spacing:-0.03em; font-weight:400; text-align: justify; text-justify: inter-word;  word-break: break-word;  hyphens: auto;}
.subtxt-wrap .txt dl:nth-child(n+2){margin-top:30px}


	@media only screen and (max-width:1400px) {
		.subtxt-wrap{/*margin-top:200px;*/}
		.subtxt-wrap:before{height:80px; top:-120px}
		.subtxt-wrap h3{font-size:27px;}
		
		.subtxt-wrap .txt {margin-top:60px;}
		.subtxt-wrap .txt dl{ /*padding-left:180px; padding-top:12px;*/}
		.subtxt-wrap .txt dl:before{width:105px;height:105px; background-size:100px auto !important;}
		.subtxt-wrap .txt dt{font-size:22px;}
		.subtxt-wrap .txt dd{margin-top:15px;font-size:15px;}
	}
	@media only screen and (max-width:1024px) {
		.subtxt-wrap .txt dd{margin-top:15px;font-size:18px;}
	
	}
	@media only screen and (max-width:999px) {
		.subtxt-wrap{/*margin-top:160px;*/}
		.subtxt-wrap:before{height:60px; top:-90px}
		.subtxt-wrap h3{font-size:25px;}
		
		.subtxt-wrap .txt {margin-top:20px;}
		.subtxt-wrap .txt dl{/* padding-left:140px; padding-top:7px;*/}
		.subtxt-wrap .txt dl:before{width:95px;height:95px; background-size:90px auto !important;}
		.subtxt-wrap .txt dt{font-size:20px;}
		.subtxt-wrap .txt dd{margin-top:10px;font-size:15px; line-height:25px; letter-spacing:-0.03em;}

		.subtxt-wrap .txt dl:nth-child(n+2){margin-top:10px}
	}
	@media only screen and (max-width:768px) {
		.subtxt-wrap .txt dd{margin-top:10px;font-size:18px; line-height:30px; letter-spacing:-0.03em;}

	}
	@media only screen and (max-width:680px) {
		.subtxt-wrap .txt dl{ /*padding-left:100px; padding-top:3px;*/}
		.subtxt-wrap .txt dl:before{width:75px;height:75px; background-size:70px auto !important;}
		.subtxt-wrap .txt dt{font-size:17px;}
		.subtxt-wrap .txt dd{margin-top:10px;font-size:16px; line-height:26px; letter-spacing:-0.03em;}
		/*.subtxt-wrap .txt dd br{display:none;}*/
	}
	@media only screen and (max-width:480px) {
		.subtxt-wrap .tit{ font-size: 20px; padding-top: 30px; 20px;}
		.subtxt-wrap .txt dd{margin-top:10px;font-size:16px; line-height:25px; letter-spacing:-0.03em; }
	}



/* =====================================
   .subtxt02-wrap
===================================== */
.subtxt02-wrap{max-width:1400px; padding:0 0px; box-sizing:border-box; margin:0 auto; }
.subtxt02-wrap h3{font-size:48px; font-weight:600; color:#fff; line-height:1.2em; letter-spacing:-0.01em; }
.subtxt02-wrap p{margin-top:20px;font-size:17px; color:#666; font-weight:400; line-height:1.6em;  text-align: justify; text-justify: inter-word;  word-break: break-word;  hyphens: auto;}

	@media only screen and (max-width:1400px) {
		.subtxt02-wrap{/*margin-top:140px*/}
		.subtxt02-wrap h3{font-size:42px;}
		.subtxt02-wrap p{margin-top:20px;font-size:16px;}
	}
	@media only screen and (max-width:1100px) {
		.subtxt02-wrap p{margin-top:10px;font-size:15px;  line-height:26px;}
	}
	@media only screen and (max-width:1024px) {
		.subtxt02-wrap p{margin-top:10px;font-size:18px;  line-height:30px;}
	}
	@media only screen and (max-width:999px) {
		.subtxt02-wrap{padding:0 0px;  }
		.subtxt02-wrap h3{font-size:36px;}
		.subtxt02-wrap p{margin-top:20px;font-size:15px;}
	}
	@media only screen and (max-width:768px) {
		.subtxt02-wrap p{margin-top:20px;font-size:18px; line-height:30px; }
	}
	@media only screen and (max-width:680px) {
		.subtxt02-wrap{}
		.subtxt02-wrap h3{font-size:30px;}
		.subtxt02-wrap p{margin-top:15px; font-size:15px; line-height:25px; letter-spacing:-0.03em;}

	}
	@media only screen and (max-width:480px) {
		
	}

/* =====================================
   .subtxt03-wrap
===================================== */
.subtxt03-wrap{overflow:hidden}
.subtxt03-wrap .left{width:34%; float:left; }
.subtxt03-wrap .txt{width:60%; float:right; }
.subtxt03-wrap .txt li{padding-bottom:20px; font-size:17px; color:#666; font-weight:400; line-height:1.6em;  text-align: justify; text-justify: inter-word;  word-break: break-word;  hyphens: auto;}
.subtxt03-wrap .img img{width:100%;border-radius: 20px;}
.subtxt03 .list {margin-top:20px;font-size:17px; color:#666; font-weight:400; line-height:1.6em;  text-align: justify; text-justify: inter-word;  word-break: break-word;  hyphens: auto;}

	
	@media all and (max-width:1280px){ 
		.subtxt03-wrap .left{width:36%; float:left; }
		.subtxt03-wrap .txt{width:60%; float:right; }
		.subtxt03-wrap .txt li{padding-bottom:10px; font-size:16px; line-height:27px; }
		.subtxt03 .list {margin-top:20px;font-size:16px; line-height:27px; }
	}
	@media all and (max-width:1279px){ 
		.subtxt03-wrap .left{width:47%; float:left; }
		.subtxt03-wrap .txt{width:49%; float:right; }
		.subtxt03-wrap .txt li{padding-bottom:10px; font-size:15px; line-height:25px; letter-spacing:-0.03em; text-align: justify; text-justify: inter-word;  word-break: break-word;  hyphens: auto; }
		.subtxt03 .list {margin-top:10px; font-size:15px; line-height:25px; letter-spacing:-0.03em;  }
	}
	@media all and (max-width:1024px){ 
		.subtxt03-wrap .left{width:auto;float:none;}
		.subtxt03-wrap .txt{width:100%;float:none;margin-top:30px}
		.subtxt03-wrap .txt li{padding-bottom:10px; font-size:18px; line-height:30px; letter-spacing:-0.03em; text-align: justify; text-justify: inter-word;  word-break: break-word;  hyphens: auto; }
		.subtxt03 .list {margin-top:10px; font-size:18px; line-height:30px; letter-spacing:-0.03em;  }
	}


	@media all and (max-width:768px){ 
		.subtxt03-wrap .left{width:auto;float:none;}
		.subtxt03-wrap .txt{width:100%;float:none;margin-top:15px}
	}


	@media all and (max-width:480px){ 
		.subtxt03-wrap .txt li{font-size:15px; line-height:25px; letter-spacing:-0.03em; text-align: justify; text-justify: inter-word;  word-break: break-word;  hyphens: auto; }
		.subtxt03 .list {margin-top:5px; font-size:15px; line-height:25px; letter-spacing:-0.03em;  }
	}

/* =====================================
   brochure-wrap
===================================== */

.brochure-wrap { position: relative; min-height: 568px; padding-left: 500px; margin-top: 0px; margin-bottom: 20px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.brochure-wrap .brochure-img { position: absolute; top: 0; left: 0; width: 400px; }
.brochure-img .left { width: 100%; margin-top:-1px; }
.brochure-img .left ul { position: relative; clear: both; list-style: none; padding: 0; margin: 0; }
.brochure-img .left li { float: left; width: 100%; height: 568px; overflow: hidden; box-shadow: 5px 10px 30px rgba(0, 0, 0, 0.30); }
.brochure-txt { clear: both; padding: 0px 0px 30px; font-family: "ChosunGs";}
.brochure-txt .tit {font-family: "ChosunGs"; font-size: 20px; color: #111; line-height: 1.3; margin-bottom: 30px; font-weight: 500;  }
.brochure-txt .txt {font-family: "ChosunGs"; font-size: 60px; color: #000; line-height: 1.2; margin-bottom: 0px; font-weight: 500; }
.info { position: relative; display: block; font-size: 18px; color: #555; letter-spacing: -1px; line-height: 24px; }
.icon-download { width: 30px; height: 17px; margin: 0px 0px 0 0px; background-image: url(../img/content/brochure-icon-down.png); }
.icon-pdf { width: 30px; height: 17px; margin: -3px 10px 0 20px; background-image: url(../img/content/brochure-icon-pdf.png); }
[class^=icon-] { display: inline-block; overflow: hidden; margin: 0; padding: 0; border: 0; background-color: transparent; background-position: 50% 50%; background-repeat: no-repeat; font-size: 0; line-height: 0; text-decoration: none; vertical-align: middle; text-indent: -1000em;}
/* brochure-btn */
.brochure-btn { text-align: left; margin-bottom: 5rem; }
.brochure-btn button { min-width: 15rem; border: 1px solid #ddd; background: #fff; color: #555; padding: 1.2rem 0; font-size: 16px; border-radius: 8px;}
.brochure-btn button:hover { border-color: #333; -webkit-transition: all .2s; transition: all .2s; }
.brochure-btn .btn_list, .brochure-btn .btn_submit { background: #003864; color: #fff; border-color: #003864; }
.brochure-btn .btn_list:hover, .brochure-btn .btn_submit:hover { background: #fff; color: #003864; border: 1px solid #003864; }
 
	@media only screen and (max-width:1400px) {
		.brochure-txt { padding: 70px 0px 30px;}
		.brochure-txt .tit {font-size: 20px; line-height: 1.3; margin-bottom: 30px; }
		.brochure-txt .txt {font-size: 50px; line-height: 1.2; margin-bottom: 0px; }
	}
	@media only screen and (max-width:1200px) {
	}
	@media only screen and (max-width:999px) {
	.brochure-wrap { position: relative; min-height: 400px; padding-left: 330px; margin-top: 50px; margin-bottom: 20px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
	.brochure-wrap .brochure-img { position: absolute; top: 0; left: 0; width: 290px; }
	.brochure-img .left { width: 100%; margin-bottom: 10px; }
	.brochure-img .left ul { position: relative; clear: both; list-style: none; padding: 0; margin: 0; }
	.brochure-img .left li { float: left; width: 100%; height: 400px; overflow: hidden; box-shadow: 5px 10px 30px rgba(0, 0, 0, 0.30); }
	.brochure-txt { clear: both; padding: 20px 0px; }
	.brochure-txt .tit { font-size: 18px; color: #111; line-height: 1.3; margin-bottom: 30px; font-weight: 500; }
	.brochure-txt .txt { font-size: 30px; color: #000; line-height: 1.3; margin-bottom: 20px; font-weight: 200; }
	.info { position: relative; display: block; font-size: 16px; color: #555; letter-spacing: -1px; line-height: 24px; }

	/* brochure-btn */
	.brochure-btn { text-align: left; margin-bottom: 3rem; }
	.brochure-btn button { min-width: 10rem; border: 1px solid #ddd; background: #fff; color: #555; padding: .8rem 0;}
	.brochure-btn button:hover { border-color: #333; -webkit-transition: all .2s; transition: all .2s; }
	.brochure-btn .btn_list, .brochure-btn .btn_submit { background: #003864; color: #fff; border-color: #003864; }
	.brochure-btn .btn_list:hover, .brochure-btn .btn_submit:hover { background: #fff; color: #003864; border: 1px solid #003864; }
	}
	@media only screen and (max-width:768px) {
		.brochure-txt { clear: both; padding: 50px 0px; }
	}
	@media only screen and (max-width:680px) {
	.brochure-wrap { margin-bottom: 20px; }
	.brochure-wrap { padding-left: 0; margin-top: 0px; }
	.brochure-wrap .brochure-img { position: static; width: 100%; }
	.brochure-img .left { width: 100%; height: 100%; margin-bottom: 10px; }
	.brochure-img .left ul { position: relative; clear: both; list-style: none; padding: 0; margin: 0; }
	.brochure-img .left li { float: left; width: 100%; height: 100%; }
	.brochure-txt { clear: both; padding: 30px 0px 0px; border-top: 1px solid #000; border-bottom: 0px solid #ddd; text-align: left; }
	.brochure-txt .txt { font-size: 30px; color: #000; line-height: 1.3; margin-bottom: 10px; text-align: left; font-weight: 400; }
	.info { position: relative; display: block; text-align: left; font-size: 14px; color: #555; padding: 10px 0 20px; letter-spacing: -1px; }
	.info br { display: none; }
	.brochure-btn { text-align: left; margin-bottom: 2rem; }
	.brochure-btn button { min-width:100%; border: 1px solid #ddd; background: #fff; color: #003864; padding: .8rem 0;}
	br { display: block; }
	}
	@media only screen and (max-width:480px) {
		
	}

/* =====================================
   brochure-wrap
===================================== */

.ebook-btn a{margin-top:50px;width:450px;height:70px; display:inline-block;vertical-align:top; z-indeX:9999; line-height:70px; font-size:24px; font-weight:500; color:#fff; letter-spacing:-0.03em; text-align:center; background:#2d519b; border-radius:20px; border:1px solid #2d519b;}
.ebook-btn a span{padding-right:60px; position:relative; display:inline-block;vertical-align:top}
.ebook-btn a span:after{width:28px;height:24px; position:absolute; right:0; top:50%; margin-top:-12px; background:url(../img/sub/ebook-arrow.png) no-repeat right center; display:block ;content:"";transition:transform 1s cubic-bezier(.33,.02,0,.93)}
.ebook-btn a:hover span:after{transform:translateX(7px); background-image:url(../img/sub/ebook-arrowon.png) }
.ebook-btn a:hover{background:#fff; color:#2d519b}


	@media only screen and (max-width:1240px) {	
		.ebook-btn a{margin-top:30px;width:300px;height:60px;line-height:60px; font-size:20px;}
		.ebook-btn a span{padding-right:30px;}
		.ebook-btn a span:after{background-size:24px auto;}
	}

	@media only screen and (max-width:1100px) {
		.ebook-btn a{margin-top:30px}
	}
	@media only screen and (max-width:999px) {

		.ebook-btn a{margin-top:40px;width:230px;height:55px;line-height:55px; font-size:18px; border-radius:8px;display:none;}
		.ebook-btn a span{padding-right:40px;}
		.ebook-btn a span:after{background-size:22px auto;}
	}
	@media only screen and (max-width:680px) {
		.ebook-btn a{/* position:absolute; left:20px; width:calc(100% - 40px); bottom:0; */height:50px;line-height:50px; font-size:16px; border-radius:6px; }
		.ebook-btn a span{padding-right:35px;}
		.ebook-btn a span:after{background-size:18px auto;}
	}
	@media only screen and (max-width:480px) {
		.ebook-btn a{width:100%; height:45px;line-height:45px; font-size:16px; border-radius:6px; display:block}
		.ebook-btn a span{padding-right:30px;}
		.ebook-btn a span:after{background-size:16px auto;}
	}


/* =====================================
   seokho-wrap
===================================== */

.seokho-wrap .info-box{ text-align:center;background: #f7f7f7; border-radius: 20px;}
.seokho-wrap .info-box h3{font-size:25px; color:#0060a1; line-height:1.2em; margin-bottom:25px; letter-spacing:-0.03em; font-weight:400;}
.seokho-wrap .info-box ul{ position:relative;}
.seokho-wrap .info-box ul:after{display:block; content:"";clear:both}
.seokho-wrap .info-box li{float:left; width:100%; min-height:200px; box-sizing:border-box; padding:60px 40px; }


.seokho-wrap .info-box li .btxt{color:#000;  font-size:24px;font-weight:500; line-height:1.25em; letter-spacing:-0.03em; height:62px;margin-bottom:15px;word-break: keep-all;}
.seokho-wrap .info-box li .stxt{ font-size:18px;letter-spacing:-0.03em; line-height:1.6em; color:#444; word-break: keep-all; font-weight:400;}
.seokho-wrap .info-box li .ex{ margin-top:30px;font-size:15px;letter-spacing:-0.03em; line-height:1.6em; color:#444; word-break: keep-all; font-weight:300;}

.seokho-wrap .info-box li dl dd{padding-left:10px; line-height:1.4em; color:#555; font-size:15px; letter-spacing:-0.04em; font-weight:300;word-break: keep-all; position:relative;}
.seokho-wrap .info-box li dl dd:before{width:3px;height:3px; background:#555; position:absolute; left:0; top:9px; display:block; content:""}
.seokho-wrap .info-box li dl dd:nth-child(n+2){margin-top:5px;}

.seokho-wrap .info-box li:nth-child(1) .btxt{background:url(../img/Content/alcohol-block01.jpg) no-repeat}

.seokho-wrap .info-box li:nth-child(1):before{ border:0px solid #097fc5; background: #f7f7f7; border-radius: 20px; position:absolute; left:0; top:0; box-sizing:border-box; width:100%; height:100%; display:block; content:""; z-index:-1;}

.seokho-wrap .info-box .img{margin-top:30px;}
.seokho-wrap .info-box .img img{width:100%}

	@media only screen and (max-width:1240px){
		.seokho-wrap .info-box li{min-height:150px; padding:30px 30px; }
		.seokho-wrap .info-box li .btxt br{display:none;}
		.seokho-wrap .info-box li .stxt{ font-size:17px; line-height:1.5em; }
		.seokho-wrap .info-box li .stxt br{display:none;}
	}
	@media only screen and (max-width:999px){
		.seokho-wrap .info-box h3{font-size:23px}
		
		.seokho-wrap .info-box li{padding:25px 30px;min-height:auto;}
		.seokho-wrap .info-box li .btxt{font-size:22px; padding-top:95px; height:46px;}
		.seokho-wrap .info-box li .stxt{ font-size:14px;}
		.seokho-wrap .info-box li .ex{margin-top:20px;font-size:14px;}

		.seokho-wrap .info-box li dl dd{font-size:16px;}
		.seokho-wrap .info-box li dl dd:nth-child(n+2){margin-top:3px;}

		.seokho-wrap .info-box li:nth-child(1) .btxt{background-size:70px auto }
		.seokho-wrap .info-box li:nth-child(2) .btxt{background-size:90px auto }

		.seokho-wrap .info-box .img{margin-top:25px;}
	}
	@media only screen and (max-width:768px){
		.seokho-wrap .info-box h3{font-size:23px}
		
		.seokho-wrap .info-box li{padding:25px 30px;min-height:auto;}
		.seokho-wrap .info-box li .btxt{font-size:22px; padding-top:95px; height:46px;}
		.seokho-wrap .info-box li .stxt{ font-size:17px;}
		.seokho-wrap .info-box li .ex{margin-top:20px;font-size:14px;}

		.seokho-wrap .info-box li dl dd{font-size:16px;}
		.seokho-wrap .info-box li dl dd:nth-child(n+2){margin-top:3px;}

		.seokho-wrap .info-box li:nth-child(1) .btxt{background-size:70px auto }
		.seokho-wrap .info-box li:nth-child(2) .btxt{background-size:90px auto }

		.seokho-wrap .info-box .img{margin-top:25px;}
	}
	@media only screen and (max-width:680px){
		.seokho-wrap .info-box h3{font-size:21px;margin-bottom:15px;}
		
		.seokho-wrap .info-box li{padding:30px 30px;border:0px solid #097fc5;float:none !important; display:block; width:auto;text-align: justify; text-justify: inter-word; word-break: break-word; hyphens: auto;}
		.seokho-wrap .info-box li:nth-child(n+2){margin-top:20px;}
		.seokho-wrap .info-box li .btxt{font-size:19px; height:auto;padding-top:80px;}
		.seokho-wrap .info-box li .ex{margin-top:15px;font-size:13px;}

		.seokho-wrap .info-box li:nth-child(1):before{/*display:none;*/}
		.seokho-wrap .info-box li:nth-child(2):before{display:none;}

		.seokho-wrap .info-box li:nth-child(1) .btxt{background-size:60px auto }
		.seokho-wrap .info-box li:nth-child(2) .btxt{background-size:75px auto }
	}
	@media only screen and (max-width:480px){
		.seokho-wrap .info-box h3{font-size:19px}
		.seokho-wrap .info-box li .btxt{}
		.seokho-wrap .info-box li .stxt{ font-size:15px; line-height:25px; width:auto;text-align: justify; text-justify: inter-word; word-break: break-word; hyphens: auto;}
		.seokho-wrap .info-box li .stxt br{display:none;}
		.seokho-wrap .info-box li{padding:20px 20px;}
	}

.seokho-wrap .list{ }
.seokho-wrap .list h3{font-size:25px; color:#0060a1; line-height:1.2em; margin-bottom:25px; letter-spacing:-0.03em; font-weight:400;}
.seokho-wrap .list h4{font-size:21px; color:#111; line-height:1.2em; letter-spacing:-0.03em; font-weight:600; position:absolute; left:0; top:0; width:270px; border-top:1px solid #dedede; text-align:left; padding-top:30px;}

.seokho-wrap .list .vtem{padding-left:295px; position:relative;}
.seokho-wrap .list .vtem:nth-child(n+3){margin-top:40px;}
.seokho-wrap .list .txt{ border-top:1px solid #dedede; padding:30px 10px;}
.seokho-wrap .list .txt .btxt{font-size:20px; color:#2d519b; letter-spacing:-0.03em; font-weight:500; line-height:1.65em; word-break: keep-all;}
.seokho-wrap .list .txt .stxt{font-size:16px; color:#666; letter-spacing:-0.03em;font-weight:400; line-height:1.65em; word-break: keep-all;}
.seokho-wrap .list .txt a{color:#087ec4;}
	
	@media screen and (min-width: 1300px) and (max-width: 1500px) {
		.seokho-wrap .list .txt .btxt{font-size:15px; line-height:1.5em;}
		.seokho-wrap .list .txt .stxt{font-size:13px; line-height:1.7em; }
	}

	@media only screen and (max-width:1280px){
		.seokho-wrap .list h4{width:240px}
		.seokho-wrap .list .vtem{padding-left:265px}
		.seokho-wrap .list .txt .btxt{font-size:18px; line-height:1.5em; }
		.seokho-wrap .list .txt .stxt{font-size:15px; line-height:1.65em;}
	}
	@media only screen and (max-width:1024px){
		.seokho-wrap .list h4{width:240px}
		.seokho-wrap .list .vtem{padding-left:265px}
		.seokho-wrap .list .txt .btxt{font-size:18px; line-height:1.5em; }
		.seokho-wrap .list .txt .stxt{font-size:15px; line-height:1.65em;}
	}
	@media only screen and (max-width:999px){
		.seokho-wrap .list h3{font-size:23px}
		.seokho-wrap .list h4{font-size:19px; width:190px}

		.seokho-wrap .list .vtem{padding-left:215px}
		.seokho-wrap .list .txt .btxt{font-size:18px;}
		.seokho-wrap .list .txt .stxt{font-size:15px;}

	}
	@media only screen and (max-width:768px){
		.seokho-wrap .list .vtem:nth-child(n+3){margin-top:20px;}
		.seokho-wrap .list .txt .stxt{font-size:18px;}
	}
	@media only screen and (max-width:680px){
		.seokho-wrap .list h3{font-size:21px; padding-bottom:15px; border-bottom:1px solid #dedede; margin-bottom:15px;}
		.seokho-wrap .list h4{font-size:17px;position:relative; left:auto; top:auto; padding:0; border:none; text-align:left;}
		
		.seokho-wrap .list .vtem{padding-left:0;margin-top:20px;}
		.seokho-wrap .list .vtem:nth-child(n+3){margin-top:20px;}
		.seokho-wrap .list .txt{border-top:0; padding:15px 0}
		.seokho-wrap .list .txt .btxt{font-size:15px; line-height:25px; letter-spacing:-0.03em;}
		.seokho-wrap .list .txt .btxt br{display:none;}
		.seokho-wrap .list .txt .stxt{font-size:15px; line-height:25px; letter-spacing:-0.03em;}

		.seokho-wrap .list .txt .mg25t{margin-top:20px;}
		.seokho-wrap .list .txt .mg10t{margin-top:5px;}
		
		.seokho-wrap .lower{margin-top:40px}
		.seokho-wrap .lower a{width:240px;height:45px; line-height:45px}
	}
	@media only screen and (max-width:480px){
		.seokho-wrap .list h3{font-size:19px}
		.seokho-wrap .list h4{font-size:18px}

		.seokho-wrap .list .vtem{padding-left:0}
		.seokho-wrap .list{ }
	}


/* =====================================
   .round-box
===================================== */
.round-box {width:700px; margin:0 auto; padding:40px; border-radius: 20px; background: #f7f7f7; font-weight:400; line-height:30px; color:#666; letter-spacing:-0.03em; font-size:17px; text-align: justify; text-justify: inter-word; word-break: break-word; hyphens: auto;}

	@media only screen and (max-width:1280px){
		.round-box {width:auto; padding:30px; border-radius: 20px;  line-height:26px;  font-size:16px;}

	}
	
	@media only screen and (max-width:1024px){
		.round-box {line-height:30px;  font-size:17px;}

	}

	@media only screen and (max-width:480px){
		.round-box {width:auto; padding:30px; border-radius: 20px;  line-height:24px;  font-size:15px;}
		.round-box br {display:none;}
	}
