/*-----------------
--------SUB--------
------------------*/
/* ******************  서브 컨텐츠 : 공통 ********************** */
/*subtop*/
div.sub_top{position: relative; padding:100px 0 0; }
div.sub_top div.sub_top_bg{position: relative;top: 0;left: 0;width: 100%;overflow: hidden; }
div.sub_top div.sub_top_bg .line{position:relative;margin:10px auto;width: 0%;height: 1px;display:block; background:#fff; transition:1.2s;}
div.sub_top div.sub_top_bg .line.on{width:244px;  transform-origin:center;}
div.sub_top div.sub_bg_img {position: relative; top: 0%; left: 0%; z-index: -1; width: 100%; height:500px; -webkit-transform:scale(1.07);transform:scale(1.07); transition: 1.5s; -webkit-transition: 1.5s; background:#333;}
div.sub_top div.sub_bg_img img{background-size:cover; background-position:center; }
div.sub_top div.sub_bg_img.on{-webkit-transform:scale(1);transform:scale(1); transform-origin:center; transform: rotate(.001deg); background:#9398fd;}
div.sub_top [class*=sub_title0]{text-align:center;color:#333;letter-spacing:-.1px;font-weight: 600;font-family: 'Montserrat';display: block;font-size: 44px;}


/*subtop title*/
div.sub_top div.inner_wrap{position:absolute; width:100%; height:auto; top:45%; left:0; transform: translate(0, -50%);}
div.sub_top .gNon div.inner_wrap{top: 50%;}
div.sub_top div.inner_wrap .sub_tit_box{width:100%;height:auto;overflow:hidden; line-height:36px;}
div.sub_top div.inner_wrap .sub_tit_box p{}
div.sub_top div.inner_wrap .sub_title01{position:relative;z-index:999;opacity:0;-webkit-transform:translateY(60px);transform:translateY(60px);margin-bottom: 0px; font-size:60px; color:#fff; text-transform:uppercase; font-family: 'Iropke Batang', serif; font-weight:normal;}
div.sub_top div.inner_wrap .sub_title01.on{opacity:1; -webkit-transform:translateY(0px); transform:translateY(0px); -webkit-transition: 1s 0.6s; transition: 1s 0.6s; font-size:60px; color:#fff; font-family: 'Iropke Batang', serif; font-weight:normal;}
div.sub_top div.inner_wrap .sub_title02{position:relative;margin:20px auto 0;opacity:0;-webkit-transform:translateY(-60px);transform:translateY(-60px); font-size:30px; font-weight:normal; color:#fff; line-height:150%; text-transform:uppercase; font-family: 'NanumSquare';}
div.sub_top div.inner_wrap .sub_title02.on{opacity:1; -webkit-transform:translateY(0px); transform:translateY(0px); -webkit-transition: 1s 0.6s; transition: 1s 0.6s; font-size:30px; font-weight:normal; color:#fff; line-height:150%; text-transform:uppercase; font-family: 'NanumSquare';}


/*subtop*/
div.sub_top.type02{position: relative; padding:100px 0 0; }
div.sub_top.type02 div.sub_top_bg{position: relative;top: 0;left: 0;width: 100%;overflow: hidden; text-align:left;}
div.sub_top.type02 div.sub_top_bg .line{position:relative;margin:10px auto;width: 0%;height: 1px;display:block; background:#333; transition:1.2s;}
div.sub_top.type02 div.sub_top_bg .line.on{width:244px;  transform-origin:center;}
div.sub_top.type02 div.sub_bg_img {position: relative; top: 0%; left: 0%; z-index: -1; width: 100%; height:350px; background:#fff;}
div.sub_top.type02 div.sub_bg_img img{background-size:cover; background-position:center; }
div.sub_top.type02 div.sub_bg_img.on{-webkit-transform:scale(1);transform:scale(1); transform-origin:center; transform: rotate(.001deg); background:#fff;}
div.sub_top.type02 [class*=sub_title0]{text-align:center;color:#333;letter-spacing:-.1px;font-weight: 600;font-family: 'Montserrat';display: block;font-size: 44px;}


/*subtop title*/
div.sub_top.type02 div.inner_wrap{position:absolute; width:100%; height:auto; top:40%; left:0; transform: translate(0, -50%);}
div.sub_top.type02 .gNon div.inner_wrap{top: 50%;}
div.sub_top.type02 div.inner_wrap .sub_tit_box{width:100%;height:auto;overflow:hidden; line-height:36px;}
div.sub_top.type02 div.inner_wrap .sub_tit_box p{}
div.sub_top.type02 div.inner_wrap .sub_title01{position:relative;z-index:999;opacity:0;-webkit-transform:translateY(60px);transform:translateY(60px);margin-bottom: 0px; font-size:60px; color:#333; text-transform:uppercase; font-family: 'Iropke Batang', serif; font-weight:normal;}
div.sub_top.type02 div.inner_wrap .sub_title01.on{opacity:1; -webkit-transform:translateY(0px); transform:translateY(0px); -webkit-transition: 1s 0.6s; transition: 1s 0.6s; font-size:60px; color:#333; font-family: 'Iropke Batang', serif; font-weight:normal;}
div.sub_top.type02 div.inner_wrap .sub_title02{position:relative;margin:20px auto 0;opacity:0;-webkit-transform:translateY(-60px);transform:translateY(-60px); font-size:30px; font-weight:normal; color:#333; line-height:150%; text-transform:capitalize; font-family: 'NanumSquare';}
div.sub_top.type02 div.inner_wrap .sub_title02.on{opacity:1; -webkit-transform:translateY(0px); transform:translateY(0px); -webkit-transition: 1s 0.6s; transition: 1s 0.6s; font-size:30px; font-weight:normal; color:#333; line-height:150%; text-transform:capitalize; font-family: 'NanumSquare';}



div.sub_tab_box{width: 100%; position: relative; z-index: 1; margin: -34px auto 0; top:0; left:0; transform:translate(0%, 0%);}
ul.sub_tab{font-size:0; max-width: 1200px; margin: 0 auto 0; height: 68px;}
ul.sub_tab .home{background:#eaeaea url('http://www.cellivery.com/img/common/home_icon.png')no-repeat left  165px center; padding-left: 200px;box-sizing: border-box;}
ul.sub_tab .dep1{background:#dbdbdb url('http://www.cellivery.com/img/common/sub_dep_icon1.png')no-repeat right 30px center;}
ul.sub_tab .dep2{background:#142e7b url('http://www.cellivery.com/img/common/sub_dep_icon2.png')no-repeat right 30px center; }
ul.sub_tab .dep{padding:0 30px;box-sizing: border-box;}
ul.sub_tab > li{display: inline-block;position:relative;vertical-align: top;width: 33.33%;line-height: 68px;}

ul.sub_tab li>a{color: #333;font-size:16px; font-weight:500; letter-spacing:-.1px;height: 68px;display: block;box-sizing: border-box;}
ul.sub_tab .dep:after{position:absolute;display:block;content:'';top:50%;transform: translate(0, -50%);right: 35px;background:url(/images/common/page_location_arr.png)no-repeat right center;width:10px;height:6px;}
ul.sub_tab .dep ul {
   display: none;
   position: absolute;
   left: 0;
   top: 100%;
   box-sizing: border-box;
   width: 100%;
}
ul.sub_tab .dep1 ul{background: #dbdbdb;}
ul.sub_tab .dep2 ul{background:#142e7b;}
ul.sub_tab .dep2 a{color:#fff; font-weight:400;}
}
ul.sub_tab .dep ul li a {
	padding:0 35px;
	box-sizing:border-box;
	height:40px;
	line-height:40px;
	font-weight:500;
}
ul.sub_tab li ul li a{line-height: 68px;height: 68px;padding:0 30px;box-sizing:border-box;border-top: 1px solid #bebebe;}
ul.sub_tab .dep1 ul li a:hover{background: #eeeeee;}
ul.sub_tab .dep2 ul li a:hover{background: #1c3fa7;}

ul.sub_tab2{font-size:0; max-width: 98%; margin: 0 auto 0; background:#fff url(/design/default/images/sub_tab_bg.gif) repeat left top;  text-align:center; -webkit-box-shadow: 23px 34px 59px 0px rgba(0, 0, 0, 0.08); box-shadow: 23px 34px 59px 0px rgba(0, 0, 0, 0.08); border-radius: 10px;}
ul.sub_tab2 li{display:inline-block; position:relative;vertical-align: top; width:auto; }
ul.sub_tab2 li a{color: #333; opacity:0.6; font-size:20px; font-weight:500; line-height:100%; letter-spacing:-.1px; display: block;box-sizing: border-box; padding:30px 25px;}
ul.sub_tab2 li a:hover{opacity:1.0;}
ul.sub_tab2 li.on a{color:#ebba93 !important; opacity:1.0;}

.sgnb{margin-bottom:20px; text-align:center;}
.sgnb a{display:inline-block; border:1px solid #ddd; color:#333; height:50px; line-height:48px; width:24.7%; text-align:Center; margin-bottom:2px;}
.sgnb a span{display:inline;}
.sgnb a:hover{background:#f5f5f5;}
.sgnb a.on{background:#333; color:#fff;}
.sgnb.col3 a{width:33.03%;}
.sgnb.col2 a{width:49.4%;}


@media(max-width:1280px){
	div.sub_top{margin:60px auto 0;}
	div.sub_top div.sub_bg_img{height:250px; -webkit-transform: scale(1); transform: scale(1); transition:0s;}
	div.sub_tab_box{width:93%;}
	div.sub_tab_on{width:93%;}
	ul.sub_tab .home{background:#eaeaea url('http://www.cellivery.com/img/common/home_icon.png')no-repeat left  30px center; padding-left:65px;}
}

@media(max-width:1024px){
	div.sub_top{margin:0px auto 0; padding:60px 0 0;}
	div.sub_top div.sub_bg_img{height:240px;}
	div.sub_top div.inner_wrap .sub_title01{line-height:40px;}
	div.sub_top div.inner_wrap .sub_title02{line-height:22px;}
	div.sub_top div.sub_top_bg .line{margin:5px auto;}
	div.sub_top div.sub_top_bg .line.on{width:142px;}

	div.sub_top div.inner_wrap .sub_title01{font-size:30px;}
	div.sub_top div.inner_wrap .sub_title01.on{font-size:30px;}
	div.sub_top div.inner_wrap .sub_title02{font-size:18px; margin:5px auto 0;}
	div.sub_top div.inner_wrap .sub_title02.on{font-size:18px;}


	ul.sub_tab > li{line-height:50px;}
	ul.sub_tab li>a{height:50px;}
	ul.sub_tab > li:nth-child(1),ul.sub_tab > li:nth-child(2){display:none;}
	ul.sub_tab > li.dep2{width:100%;}
	ul.sub_tab li ul li{height:50px; line-height:50px;}
	ul.sub_tab li ul li a{height:50px; line-height:50px;}

	ul.sub_tab2{padding:0px 0; overflow:auto;}
	ul.sub_tab2 li{padding:0 10px; width:50%; float:left; border-bottom:1px solid #ededed;}	
	ul.sub_tab2 li + li{border-left:1px solid #ededed;}
	ul.sub_tab2 li a{ font-size:17px; padding:20px 0px; letter-spacing:-0.02em;}
	ul.sub_tab2.long{padding:5px 0;}
	ul.sub_tab2.long li{padding:0 0px; width:49%; display:inline-block;}
	ul.sub_tab2.long li a{ padding:5px 0px; border-bottom:1px solid rgba(255, 255, 255, 0.2); border-right:1px solid rgba(255, 255, 255, 0.2);}

	.sgnb{width:95%; margin:0 auto 30px;}
	.sgnb a{ width:49.3%; font-size:13px; height:40px; line-height:38px; }
	.sgnb a span{display:none;}
}


.ssm{text-align:center; overflow:auto; margin-bottom:30px;}
.ssm li{display:inline;}
.ssm li a{display:inline-block; background:#f1f1f1; padding:10px 0px; text-align:center; width:150px; border-radius:20px;}
.ssm li.selected a{background:#ff6600; color:#fff;}

.m00{position:relative; padding:70px 0 0px; box-sizing:border-box;}
.m00:after{display:block; content:""; clear:both;}
.m00 .con{position:relative; top:0; left:0;}
.m00 .con:after{display:block; content:""; clear:both;}
.m00 .sub_page_title{margin-bottom:50px; font-family: 'NanumSquare';}
.m00 .sub_page_title .sub_main_tit:before{display:block; content:""; position:relative; margin:0 auto; width:1px; height:38px; background:#666666; margin-bottom:20px;}
.m00 .sub_page_title .sub_main_tit{font-size:50px; font-weight:700; text-align:center; font-family:'NanumSquare'; letter-spacing:1px; color:#333;}
.m00 .sub_page_title .sub_sub_tit{text-align:center; font-size:30px; font-family:'NanumSquare'; margin-top:10px; color:#999; }
.m00 .sub_page_title .sub_main_txt{font-size:16px; color:#777; font-weight:500; text-align:center; font-family:'NanumSquare'; margin-top:10px; letter-spacing:-1px;}


@media(max-width:1024px){
	.m00{ padding:50px 0 30px; }
	.m00 .con{padding:0 10px 40px;}
	.m00 .sub_page_title{margin-bottom:30px;}
	.m00 .sub_page_title .sub_main_tit{font-size:35px; font-weight:normal;}
	.m00 .sub_page_title .sub_main_tit:before{height:25px; background:#666666; margin-bottom:10px;}
	.m00 .sub_page_title .sub_sub_tit{text-align:center; font-size:18px;}
}

h3.type01{font-family:'NanumSquare'; font-size:50px; color:#ebba93; margin-bottom:15px; background:url(/design/default/images/view_tit_bg.gif) repeat-x left top; margin-top:80px; text-align:center;}
h3.type01 strong{color:#ff6600;}
h3.type01 u{color:#cc6600; font-size:30px; line-height:40px; text-decoration:none; margin-right:5px; display:inline-block; position:relative;}
h3.type01 u:before{content:""; display:block; width:7px; height:7px; border-radius:2px; background:#cc6600; position:absolute; left:0; top:0; margin-top:-7px;}
h3.type02{font-family:'NanumSquare'; font-size:28px; color:#333; margin-bottom:20px;}
h4.type01{font-family:'NanumSquare'; font-size:30px; color:#333; font-weight:bold;}
h4.type01:after{content:""; display:inline-block; width:6px; height:6px; background:#eac25b; border-radius:2px; margin-left:5px;}
h5.type01{background:#f1f1f1; padding:10px 20px; border-radius:10px; font-size:20px; color:#660000; margin:5px 0;}
.text_type01{font-size:18px; line-height:150%; padding:5px 0; }
.text_type01 strong{ font-size:20px; display:inline-block; border-bottom:10px solid rgba(153, 0, 0, 0.1); line-height:10%; color:#000; font-weight:normal;}
.text_type01 u{color:#cc6600; text-decoration:none; font-size:20px;}
.text_type02{font-size:18px; line-height:150%;}
.boxBorderGray{border:1px solid #ededed; border-radius:10px; padding:30px; font-size:18px; color:#666;}
.boxBorderGray strong{color:#000;}
.boxBgGray{background:#f5f5f5;}
.boxBgRed{background:#690000;}
.boxCs{background:#333 url(/design/default/images/csbox_bg.jpg) no-repeat center center/cover; color:#fff; text-align:Center; border-radius:5px; padding:50px 20px; font-size:24px; margin-top:30px;}
.boxCs strong{font-size:30px; color:#eac25b;}

h2.tt{font-family:'NanumSquare'; font-size:30px; margin:50px 0 30px; clear:both;}
h2.tt.first{margin-top:0;}
h3.tt{font-family:'NanumSquare'; font-size:24px; padding:10px 0; margin:70px 0 0px; clear:both; color:#3b5792;}
h3.tt:after{content:""; display:inline-block; width:6px; height:6px; border-radius:3px; background:#3b5792; margin-left:6px;}
h3.tt.first{ margin-top:0px;}
h4.tt{font-size:20px; margin:10px 0;}
h5.tt{font-size:20px; font-weight:normal; color:#666; margin:10px 0 5px;}

@media(max-width:1024px){
	h3.type01, h3.type02{font-size:30px; margin-bottom:10px; }
	h3.type01 u{font-size:22px;}
	h3.type01 u small{font-size:16px;}
	h4.type01{font-size:18px;}
	h4.type01 strong{font-size:18px;}
	.text_type01{font-size:14px;}
	.text_type01 strong{font-size:16px; display:inline; border-bottom:none; line-height:150%;}
	.text_type01 u{font-size:16px;}
	h3.tt{font-size:19px; margin:40px 0 0px; }
	h4.tt{font-size:18px;}
	h5.type01{ font-size:17px; }
	.boxBorderGray{ padding:20px; font-size:16px;}
	.boxCs{padding:40px 20px; font-size:20px; }
	.boxCs strong{font-size:24px;}
}




/* Float Shadow */
.hvr-float-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-float-shadow:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  /* W3C */
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
}
.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  /* move the element up by 5px */
}
.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
  opacity: 1;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}



#sub_nav { position:relative; background: #fff; color: #333; font-size: 16px; -webkit-overflow-scrolling: touch; border-bottom:1px solid #dbdbdb;  }
#sub_nav .sub_nav_wrap {overflow: auto; -webkit-overflow-scrolling: touch;}
#sub_nav .sub_nav_more {position: absolute; right: 0px; top:0px; background: #0070d9;}
#sub_nav .sub_nav_more button {border: 0; background: url('./img/arrow_white.png') no-repeat center center; height: 54px; width: 40px; }
#sub_nav .sub_nav_more button {-webkit-transition:all 0.2s; transition: all 0.2s}
#sub_nav .sub_nav_more button.show {-webkit-transform: rotate(180deg);transform: rotate(180deg);}
#sub_nav .sub_nav_more button:focus {outline: 0;}

#sub_nav.fix {width: 100%; z-index: 3}
#sub_nav ul {max-width:1200px; margin: 0 auto; list-style: none;padding: 0; }
#sub_nav ul:after{content:""; display: block; clear:both}
#sub_nav ul li {float: left; text-align: center}
#sub_nav ul li a {display: inline-block; padding: 15px 20px; color:#333; white-space: nowrap; text-decoration: none; font-size:16px;}
#sub_nav ul li a:hover, #sub_nav .selected,
#sub_nav ul li a:focus { color: #ef114c; text-decoration: none;}

#sGnb{ width:18%;  float:right; padding-bottom:50px; }
#sGnb h3{ width:100%;  color:#3b5792;  text-align:left;  padding:80px 0 30px;  font-size:26px; font-weight:normal; border-bottom:1px solid #ccc; font-family:'NanumSquare'; letter-spacing:-0.05em;  }
#sGnb ul{}
#sGnb ul li{}
#sGnb ul li a{ display:block;  border-bottom:1px solid #ccc;  padding:10px;  font-weight:bold;  font-size:13px; }
#sGnb ul li a:hover{  background:#ededed; }
#sGnb ul li.selected a{ background:#3b5792 url(/design/default/images/selected_bullet.png) no-repeat 195px 13px;  color:#fff; }
#sGnb ul li.selected a:hover{}




#contents .breadcrumb{ padding:50px 0; overflow:auto;}
#contents .breadcrumb span{font-size:14px; _text-transform:uppercase; border:1px solid #333; display:inline-block; float:right; padding:10px 20px;}

.historyCont {position:relative; padding:40px 40px 60px; background:#f9f9f9;}
.historyCont ul {position: relative;width:100%;height:auto;}
.historyCont li::after {content:"";display:block;position: absolute;right:-1px;top:30px;width:1px;height:100%;background-color: #dadee1;}
.historyCont li:last-child::after {height:97%}
.historyCont li:nth-child(odd)::after {left:0;right:auto;}
.historyCont li {position: relative;width: 50%;margin-left:50%;padding: 0 0px 0 70px;box-sizing:border-box;text-align: left;}
.historyCont li:nth-child(even) {margin-left:0%;padding: 0 70px 0 0px;text-align: right;}
.historyCont li::before {content:"";display:block;position:absolute;left:0;top:30px;width:50px;height:1px;background-color: #009fdb;}
.historyCont li .Year {font-size: 50px;font-weight: 500;line-height: 1em;color:#000;margin-bottom: 30px;letter-spacing: -1px;}
.historyCont li .Year::after {content:"";width:15px;height:15px;background-color:#fff;border:3px solid #009fdb;border-radius: 50%;box-sizing:border-box;position: absolute;left: -7px;top: 23px;z-index: 1; display:block;}
.historyCont li:nth-child(even)::before {right:0px;left:auto;}
.historyCont li:nth-child(even) .Year::after {right: -7px;left: auto;}
.historyCont li:nth-child(even) .historyTxt {text-align:right;}
.historyCont li:nth-child(even) .historyTxt.month {padding-left:0; padding-right:100px;}
.historyCont li:nth-child(even) .historyTxt.month b {right:0}
.historyCont li .historyTxt {position:relative;text-align: left;font-weight: normal;color:#555;letter-spacing:-0.5px;}
.historyCont li .historyTxt+.historyTxt {margin-top:15px;}
.historyCont li .historyTxt b {color:#000;font-size:20px;}
.historyCont li .historyTxt.month {padding-left:100px;}
.historyCont li .historyTxt.month b {position:absolute; top:-4px;left:0}
.history.history1 li:first-child:after {content: "";display: block;position: absolute;right: 0px;top: 30px;width: 1px;height: 100%;background-color: #dadee1;}

@media all and (max-width:1024px){
	.historyCont {padding:20px 30px 20px;}
	.historyCont li {width:100% !important;margin-left:0;padding:0 0 0 20px !important;text-align:left !important;margin-bottom: 20px;}
	.historyCont li::before {display:none;}
	.historyCont li::after {left:0px !important;height:calc(100% + 20px);top:11px;}
	.historyCont li .Year {margin-bottom:15px;font-size:24px;}
	.historyCont li .Year::after {left: -4px!important;top:7px;width:9px;height:9px;border-width:2px;}
	.historyCont li:nth-child(even) .historyTxt {text-align:left;}
	.historyCont li:nth-child(even) .historyTxt.month {padding-right:0;padding-left:70px;}
	.history.history1 li:first-child:after {top:10px}
	.historyCont li .historyTxt+.historyTxt {margin-top:10px;}
	.historyCont li .historyTxt b {font-size:15px}
	.historyCont li .historyTxt.month b {top:-2px;}
	.historyCont li .historyTxt.month {padding-left:70px;}
					}


@media(max-width:1024px){
	.scrollW {  width: 100%; max-width: 100%; margin: 0 auto; overflow: auto; }
	.scrollW table{width:600px;}
	::-webkit-scrollbar {
		-webkit-appearance: none;
	}

	::-webkit-scrollbar:vertical {
		width: 12px;
	}

	::-webkit-scrollbar:horizontal {
		height: 12px;
	}

	::-webkit-scrollbar-thumb {
		background-color: rgba(0, 0, 0, .5);
		border-radius: 10px;
		border: 2px solid #ffffff;
	}

	::-webkit-scrollbar-track {
		border-radius: 10px;  
		background-color: #ffffff; 
	}
}


.layout_type01{width:100%; }
.layout_type01 li{float:left; position:relative; border:1px solid #ededed; border-radius:5px; width:100%; margin:12px 0; padding:10px 20px 10px 50px;}
.layout_type01 li:before{content:"01"; display:block; text-align:center; position:absolute; left:15px; top:9px; width:27px; height:27px; background:#999; color:#fff; border-radius:50%; line-height:28px; font-size:13px;}
.layout_type01 li:nth-child(2):before{content:"02";}
.layout_type01 li:nth-child(3):before{content:"03";}
.layout_type01 li:nth-child(4):before{content:"04";}
.layout_type01 li:nth-child(5):before{content:"05";}
.layout_type01 li:nth-child(6):before{content:"06";}
.layout_type01 li:nth-child(7):before{content:"07";}
.layout_type01 li:nth-child(8):before{content:"08";}
.layout_type01 li:nth-child(9):before{content:"09";}
.layout_type01 li:after{content:"▼"; display:block; text-align:center; position:absolute; left:0; bottom:-25px; width:100%; color:#ccc;}
.layout_type01 li:last-child:after{display:none;}
.layout_type01 li strong{display:block; font-size:18px; font-weight:bold; margin:10px 0;}
.layout_type01 li span{display:block; color:#666;}
.layout_type01.alCenter li{text-align:Center;}
.layout_type01.col3 li{width:33.33%; padding:0 20px;}
@media(max-width:1024px){
	.layout_type01 li{font-size:14px;}
	.layout_type01 li strong{font-size:16px;}
	.layout_type01 li span{font-size:14px;}
	.layout_type01.col3 li{width:100%; padding:10px 0; }
}

.list_type01{width:100%;}
.list_type01 li{padding:8px 0 8px 20px; font-size:18px; position:relative;}
.list_type01 li i{position:absolute; left:0; top:10px; color:#ebba93;}
.list_type01 li strong{color:#bf2828; font-size:18px;}
.list_type01 dd{padding:5px 0 5px 20px; font-size:16px;}
.list_type01.navy li{color:#3b5792;}
.list_type01.navy li i{color:#3b5792;}
@media(max-width:1024px){
	.list_type01 li{padding:5px 0 5px 20px; font-size:14px;}
	.list_type01 li i{ top:7px; }
	.list_type01 li strong{font-size:16px;}
	.list_type01 dd{padding:5px 0 5px 20px; font-size:12px;}
}

.list_type02{}
.list_type02 li{width:50%; float:left;font-size:1.2rem; margin-bottom:0.5rem; padding-left:1.2rem; position:relative;}
.list_type02 li:before{content:""; display:inline-block; width:6px; height:6px; border:3px solid #ddd; position:absolute; left:0; top:7px; border-radius:50%;}
@media(max-width:1024px){
	.list_type02 li{width:100%; float:none; font-size:1.0rem;}
}

.small li{font-size:16px;}


.list_type03{ text-align:center;}
.list_type03 li{float:left; border:1px solid #ddd; margin:0 0.5% 10px;}
.list_type03 li strong{display:block; padding:10px 0; background:#f5f5f5; font-size:20px;}
.list_type03 li span{display:block; padding:15px 0;}
.list_type03 li span.address{padding:29px 0;}
.list_type03 li span.email{padding:53px 0;}
.list_type03 li span.qr{}
.list_type03.col2 li{width:49%;}
.list_type03.col3 li{width:32.33%;}
.list_type03.col4 li{width:24%;}
@media(max-width:1024px){
	.list_type03 li span.address{padding:15px 0;}
	.list_type03 li span.email{padding:15px 0;}
	.list_type03.col3 li{width:99%;}
	.list_type03.col4 li{width:49%;}
}


.list_type04{width:100%;}
.list_type04 li{padding:8px 0 8px 18px; font-size:16px; position:relative;}
.list_type04 li:before{content:""; display:inline-block; width:6px; height:6px; border:3px solid #ddd; position:absolute; left:0; top:12px; border-radius:50%;}
.list_type04 li strong{color:#bf2828; font-size:16px;}
@media(max-width:1024px){
	.list_type04 li{padding:5px 0 5px 20px; font-size:14px;}
}


.list_num{}
.list_num li{padding:8px 0 8px 34px; font-size:18px; position:relative;}
.list_num li strong{font-size:18px; color:#006699;}
.list_num li:before{content:'01'; display:inline-block; position:absolute; left:0; top:7px; color:#1faff5; font-size:20px;}
.list_num li:nth-child(2):before{ content:'02'; }
.list_num li:nth-child(3):before{ content:'03'; }
.list_num li:nth-child(4):before{ content:'04'; }
.list_num li:nth-child(5):before{ content:'05'; }
.list_num li:nth-child(6):before{ content:'06'; }
.list_num li:nth-child(7):before{ content:'07'; }
.list_num li:nth-child(8):before{ content:'08'; }
.list_num li:nth-child(9):before{ content:'09'; }

.list_num02{}
.list_num02 li{padding:8px 0 8px 30px; font-size:18px; position:relative;}
.list_num02 li strong{font-size:18px; color:#006699;}
.list_num02 li:before{content:'1'; display:inline-block; position:absolute; left:0; top:7px; color:#ebba93; font-size:14px; border-radius:50%; border:1px solid #ebba93; width:20px; height:20px; line-height:22px; text-align:center;}
.list_num02 li:nth-child(2):before{ content:'2'; }
.list_num02 li:nth-child(3):before{ content:'3'; }
.list_num02 li:nth-child(4):before{ content:'4'; }
.list_num02 li:nth-child(5):before{ content:'5'; }
.list_num02 li:nth-child(6):before{ content:'6'; }
.list_num02 li:nth-child(7):before{ content:'7'; }
.list_num02 li:nth-child(8):before{ content:'8'; }
.list_num02 li:nth-child(9):before{ content:'9'; }
@media(max-width:1024px){
	.list_num li{padding:8px 0 8px 30px; font-size:14px;}
	.list_num li strong{font-size:16px;}
	.list_num li:before{font-size:16px; top:9px;}
	.list_num02 li{font-size:14px;}
	.list_num02 li strong{font-size:16px;}
}

.left50 li{width:40% !important; float:left !important; }
@media(max-width:1024px){
	.left50 li{width:100% !important; float:none !important; }
}


.btnWrap{  text-align:center; padding-top:25px; } 
.btnWrap a.gray{ display:inline-block; color:#fff;  border:1px solid #555; background:#666; border-radius:4px; padding:10px 20px 13px; font-weight:bold;}
.btnWrap a.gray:hover{  background:#333;  border:1px solid #111;}
.btnWrap a.blue{ display:inline-block; color:#fff; border-radius:4px; padding:10px 20px 13px; font-weight:bold; background:#124293;  border:1px solid #061c41; }
.btnWrap a.blue:hover{  background:#061c41;}

.innerTb {border-left:1px solid #E9E9E9; text-align:center; width:100%;} 
.innerTb tr.borderT{border-top:2px solid #3b5792;}
.innerTb th {background:#333; padding:15px 0px; border-top:1px solid #00477b; border-bottom:1px solid #00477b; color:#fff; font-size:18px; vertical-align:middle;} 
.innerTb td {padding:10px; border:1px solid #E9E9E9; text-align:center; font-size:18px; vertical-align:middle;}
.innerTb td strong{font-size:20px;}
.innerTb td input, .innerTb td select{border:1px solid #ccc; height:30px;}
.innerTb td input.long{width:98%;}
.innerTb td input.middle{width:50%;}
.innerTb td input.short{width:20%;}
.innerTb td.stt{background:#f4f7fb; color:#000;}
.innerTb td.alLeft {padding-left:15px; text-align:left;}
.innerTb td.alRight {padding-right:15px; text-align:right;}
.innerTb td.alCenter {padding:5px; text-align:center;}
.innerTb td span.gray{opacity:0.5;}
.innerTb.small th{font-size:13px;}
.innerTb.small td{font-size:12px;}
.innerTb th.bClass{background:#e9f5de; color:#333; border:1px solid #E9E9E9;}
.innerTb th.cClass{background:#e9f6f7; color:#333; border:1px solid #E9E9E9;}
.innerTb th.dClass{background:#eaecf4; color:#333; border:1px solid #E9E9E9;}
@media(max-width:1024px){
	.innerTb th {font-size:14px;}
	.innerTb td, .innerTb td span {font-size:14px;}
	.innerTb td strong{font-size:16px;}
}


.innerTb2 {text-align:left; width:100%;} 
.innerTb2 th {padding:20px; border-top:1px solid #333; border-bottom:1px solid #333; font-size:30px; vertical-align:middle;} 
.innerTb2 td {padding:20px; border-top:1px solid #999; border-bottom:1px solid #666; text-align:left; font-size:20px; vertical-align:middle;}
@media(max-width:1024px){
	.innerTb2 th {font-size:20px; }
	.innerTb2 td {font-size:18px; }
}

.centerTb td{text-align:center; padding-left:0;}
.leftTb td{text-align:left; padding-left:10px;}

.import{font-weight:bold; color:#333;}.importRed{color:red; font-weight:bold;}
.importBlue{color:blue; font-weight:bold;}



/* -------------------- 신청 시작 ------------------------ */
.formTb {width:100%;}
.formTb th{text-align:left; border-bottom:1px solid #dcdcdc; padding:20px;  font-size:20px; font-weight:normal;}
.formTb th span{color:#cc0000;}
.formTb td{text-align:left; border-bottom:1px solid #dcdcdc; padding:20px; font-size:18px; }
.formTb td div.ww{position:relative; }
.formTb td input[type=text]{width:100%; border-radius:5px; border:1px solid #ddd; height:50px; text-indent:10px; background:#fff;}
.formTb td input.short{width:18.3%;}
.formTb td input.middle{width:35.5%;}
.formTb td textarea{width:100%; padding:10px;  border-radius:5px; border:1px solid #ddd; }
.formTb td select option{font-size:18px;}
.formTb td a{height:50px; line-height:50px; background:#666; color:#fff; padding:15px 20px; border-radius:5px; font-size:14px;}
.formTb td a:hover{background:#333;}
.formTb td span{color:#cc0000;}
.formTb td table{}
.formTb td table th{border:1px solid #dcdcdc; font-size:16px; padding:5px;}
.formTb td table td{border:1px solid #dcdcdc; font-size:16px; padding:5px; text-align:Center;}
.formTb td table td a i{font-size:20px;}
.formTb td table td a:hover{color:#cc0000;}
.formTb td p{}
.formTb td p a{display:inline-block; background:#666; color:#fff; font-size:14px; padding:8px 20px 5px;}
.formTb td p a:hover{background:#333;}
.formTb td .L{width:15%;}
.formTb td .R{width:78%;}

.form_text{ padding-bottom:50px;}
.form_text strong{display:block; text-align:center; font-size:30px; font-weight:normal; color:#7d0523; margin-bottom:30px; padding:50px 0; background:#f5f5f5; line-height:160%;}
.form_text strong u{text-decoration:none; color:#cc0000;} 
.form_text p{text-align:Center;}
.form_text p span{display:inline-block; text-align:left;}
@media(max-width:1024px){
	.formTb th{padding:10px; font-size:16px; width:25%;}
	.formTb td{padding:10px; font-size:16px;}
	.formTb td select,
	.formTb td .nice-select{min-width:100% !important; width:100% !important; margin:2px 0;}
	.formTb td input.middle{width:44%;}
	.formTb td.up .nice-select{z-index:99 !important;}
	.formTb td.down .nice-select{z-index:9 !important;}
}


.radios { }
.radios input[type=radio],
.radios input[type=checkbox]{  display: none;}
.radios input[type=radio]+label,
.radios input[type=checkbox]+label{
    display: inline-block;
    cursor: pointer;
    height: 45px;
	line-height:47px;
    width: 49%;
    border: 1px solid #ddd;
    line-height: 40px;
    text-align: center;
    font-size:18px;
	font-weight:normal;
	border-radius:5px;
	margin:2px 0;
}
.radios.col4 input[type=radio]+label,
.radios.col4 input[type=checkbox]+label{ width:24%;}
.radios.col5 input[type=radio]+label,
.radios.col5 input[type=checkbox]+label{ width:19%;}
.radios input[type=radio]+label,
.radios input[type=checkbox]+label{ background-color: #fff; color: #333; }
.radios input[type=radio]:checked+label,
.radios input[type=checkbox]:checked+label{ background-color: #ebba93; color: #fff; }



.checks {position: relative; text-align:Center; padding:20px 0;} 
.checks input[type="checkbox"] { /* 실제 체크박스는 화면에서 숨김 */ position: absolute; width:1px; height:1px; padding:0; margin:-1px; overflow: hidden; clip:rect(0,0,0,0); border:0; } 
.checks input[type="checkbox"] + label { display: inline-block; position: relative; padding-left: 30px; /* 글자와 체크박스 사이의 간격을 변경 */ cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; font-size:16px;} 
.checks input[type="checkbox"] + label:before { /* 가짜 체크박스 */ content: ''; position: absolute; left: 0; top: -4px; /* 이 값을 변경해서 글자와의 정렬 */ width: 21px; /* 체크박스의 너비를 지정 */ height: 21px; /* 체크박스의 높이를 지정 */ line-height: 21px; /* 세로정렬을 위해 높이값과 일치 */ text-align: center; background: #fafafa; border: 1px solid #cacece; border-radius : 3px; box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); display:inline-block;} 
.checks input[type="checkbox"] + label:active:before, .checks input[type="checkbox"]:checked + label:active:before { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); }
.checks input[type="checkbox"]:checked + label:before { /* 체크박스를 체크했을때 */ content: '\2714'; /* 체크표시 유니코드 사용 */ color: #99a1a7; text-shadow: 1px 1px #fff; background: #e9ecee; border-color: #adb8c0; box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1); }

.checks.etrans input[type="checkbox"] + label {
  padding-left: 30px;
}
.checks.etrans input[type="checkbox"] + label:before {
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 0;
  opacity: .6;
  box-shadow: none;
  border-color: #ebba93;
  -webkit-transition: all .12s, border-color .08s;
  transition: all .12s, border-color .08s;
}

.checks.etrans input[type="checkbox"]:checked + label:before {
  position: absolute;
  content: "";
  width: 10px;
  top: -0px;
  left: 5px;
  border-radius: 0;
  opacity:1; 
  background: transparent;
  border-color:transparent #ebba93 #ebba93 transparent;
  border-top-color:transparent;
  border-left-color:transparent;
  -ms-transform:rotate(45deg);
  -webkit-transform:rotate(45deg);
  transform:rotate(45deg);
}

.no-csstransforms .checks.etrans input[type="checkbox"]:checked + label:before {
  /*content:"\2713";*/
  content: "\2714";
  top: 0;
  left: 0;
  width: 21px;
  line-height: 21px;
  color: #ebba93;
  text-align: center;
  border: 1px solid #ebba93;
}


#hscroll_box {
border:1px solid #D9D9D9;
background:#fff;
width: 100%;
height: 200px;
overflow: auto;
padding:20px;
SCROLLBAR-FACE-COLOR: #E2E2E2;
SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; 
SCROLLBAR-SHADOW-COLOR: #aaaaaa; 
SCROLLBAR-3DLIGHT-COLOR: #999999; 
SCROLLBAR-ARROW-COLOR: #000000; 
SCROLLBAR-TRACK-COLOR: #ECECEC;
SCROLLBAR-DARKSHADOW-COLOR: #F1F2F2;
}
#hscroll_box p{font-size:16px;}
#hscroll_box p strong{font-size:18px;}

.hscroll_box.type02{height:400px !important;}
.hscroll_box.type02 h3{font-size:18px; font-weight:normal; padding:20px; border:1px solid #ddd; border-bottom:none; background:#f5f5f5; color:#000;}
.hscroll_box.type02 div{width:100%; border:1px solid #ddd; padding:20px; font-size:16px;}
.hscroll_box.type02 div strong{color:#000; font-weight:normal; font-size:18px;}
.hscroll_box.type02 div table{}
.hscroll_box.type02 div table th{border:1px solid #ddd; background:#f5f5f5; font-weight:normal; padding:8px;}
.hscroll_box.type02 div table td{border:1px solid #ddd; padding:8px;}

.hscroll_box.none{height:auto !important; border:none !important; padding:0 !important;}
@media(max-width:1024px){
	.radios input[type=radio]+label,
	.radios input[type=checkbox]+label{font-size:16px;}
}


.ar-tpl_page_type4 {  text-align:left; font-weight:bold; }
.ar-tpl_page_type4 > section { margin: 3px 0; border: 1px solid #ddd;}
.ar-tpl_page_type4 > section:first-child {margin-top: 0;}
.ar-tpl_page_type4 > section h1 { text-align:left; position: relative; margin: 0;  padding:30px 70px 30px 120px; font-size:28px; font-weight:500; line-height:160%; color:#000; cursor: pointer;  letter-spacing:0;  }
.ar-tpl_page_type4 > section h1 span{display:inline-block; color:#000; padding:5px 10px; font-size:40px; font-weight:bold; position:absolute; left:20px; top:50%; margin-top:-33px;}
.ar-tpl_page_type4 > section h1 u{display:block; font-size:18px; font-weight:normal; opacity:0.6; line-height:120%;}
.ar-tpl_page_type4 > section h1.on {}
.ar-tpl_page_type4 > section h1.on span{ }
.ar-tpl_page_type4 > section .text {display: none; clear: both; line-height:160%; padding:0 30px 30px 30px; font-size: 18px; font-weight:normal;  border-top: none; letter-spacing:0; color:#000; text-align: left; }
.ar-tpl_page_type4 > section .text.on {  display: block; }
.ar-tpl_page_type4 > section .text span{display:block; color:#777; position:relative; padding-left:10px; margin-bottom:5px; font-size: 18px;}
.ar-tpl_page_type4 > section .text span:before{content:""; display:block; width:4px; height:4px; border-radius:50%; background:#666; position: absolute; left:0px; top:7px;}
.ar-tpl_page_type4 > section .text ul{text-align:left; padding-top:15px; }
.ar-tpl_page_type4 > section .text ul li{display:inline-block; width:32.7%; border-radius:10px; padding:28px 0; margin:3px 0; letter-spacing:-0.02em; border:1px solid #ccc; text-align:center;}
.ar-tpl_page_type4 > section .text ul li.line02{line-height:120%; padding:20px 0;}
.ar-tpl_page_type4 > section .text ul li:hover{box-shadow:2px 2px 4px rgba(0, 0, 0, 0.2);}
.ar-tpl_page_type4 > section .text ul.type01 li{background:rgba(37, 154, 215, 0.1); border:1px solid rgba(37, 154, 215, 0.5);}
.ar-tpl_page_type4 > section .text ul.type01 li:nth-child(3n+1){background:rgba(37, 71, 215, 0.1); border:1px solid rgba(37, 71, 215, 0.5);}
.ar-tpl_page_type4 > section .text ul.type01 li:nth-child(3n){background:rgba(24, 183, 166, 0.1); border:1px solid rgba(24, 183, 166, 0.5);}		
.ar-tpl_page_type4 > section .text ul.type01 li:hover{background:rgba(37, 154, 215, 0.3);}
.ar-tpl_page_type4 > section .text ul.type01 li:nth-child(3n+1):hover{background:rgba(37, 71, 215, 0.3); }
.ar-tpl_page_type4 > section .text ul.type01 li:nth-child(3n):hover{background:rgba(24, 183, 166, 0.3); }
.ar-tpl_page_type4 > section .text ul.type02 li{background:rgba(215, 138, 37, 0.1); border:1px solid rgba(215, 138, 37, 0.5);}
.ar-tpl_page_type4 > section .text ul.type02 li:nth-child(3n+1){background:rgba(215, 213, 37, 0.1); border:1px solid rgba(215, 213, 37, 0.5);}
.ar-tpl_page_type4 > section .text ul.type02 li:nth-child(3n){background:rgba(215, 37, 37, 0.1); border:1px solid rgba(215, 37, 37, 0.5);}		
.ar-tpl_page_type4 > section .text ul.type02 li:hover{background:rgba(215, 138, 37, 0.3);}
.ar-tpl_page_type4 > section .text ul.type02 li:nth-child(3n+1):hover{background:rgba(215, 213, 37, 0.3); }
.ar-tpl_page_type4 > section .text ul.type02 li:nth-child(3n):hover{background:rgba(215, 37, 37, 0.3); }
.ar-tpl_page_type4 > section .text ul.type03 li{font-size:20px; position:relative;text-align:left; background:rgba(15, 195, 19, 0.1); border:2px solid rgba(15, 195, 19, 0.5);padding-left:80px; padding-right:10px; padding-top:28px; padding-bottom:28px;}
.ar-tpl_page_type4 > section .text ul.type03 li:before{content:""; display:block; width:60px; height:60px; background:#fff url(/design/default/images/s_agen03.jpg) no-repeat center center/100% auto; position:absolute; left:10px; top:50%; margin-top:-32px; border-radius:50%; }
.ar-tpl_page_type4 > section .text ul.type03 li:nth-child(3n+1){background:rgba(37, 154, 215, 0.1); border:2px solid rgba(37, 154, 215, 0.5);}
.ar-tpl_page_type4 > section .text ul.type03 li:nth-child(3n){background:rgba(184, 195, 15, 0.1); border:2px solid rgba(184, 195, 15, 0.5);}		
.ar-tpl_page_type4 > section .text ul.type03 li:hover{background:rgba(15, 195, 19, 0.3); border:2px solid rgba(15, 195, 19, 1); }
.ar-tpl_page_type4 > section .text ul.type03 li:nth-child(3n+1):hover{background:rgba(37, 154, 215, 0.3); border:2px solid rgba(37, 154, 215, 1);}
.ar-tpl_page_type4 > section .text ul.type03 li:nth-child(3n):hover{background:rgba(184, 195, 15, 0.3); border:2px solid rgba(184, 195, 15, 1);}
.ar-tpl_page_type4 > section .text ul.type03 li u{font-size:16px;}
.ar-tpl_page_type4 > section .text ul.type03 li.line02{padding-top:18px; padding-bottom:18px;}

.ar-tpl_page_type4 > section h1 i {display: block; overflow: hidden; position: absolute; right: 20px; top: 45px; width: 20px; height: 20px;text-indent: -9999px;}
.ar-tpl_page_type4 > section h1 i:after,
.ar-tpl_page_type4 > section h1 i:before { content: ''; display: block; position: absolute; background: #444; }
.ar-tpl_page_type4 > section h1 i:after { width: 100%; height: 2px; left: 0; top: 50%; margin-top: -1px; }
.ar-tpl_page_type4 > section h1 i:before { height: 100%; width: 2px; left: 50%; top: 0; margin-left: -1px; }
.ar-tpl_page_type4 > section h1.on i:before { display: none; }
.ar-tpl_page_type4 > section h1.on i:after { }

@media(max-width:1440px){
	.ar-tpl_page_type4 > section h1 { padding:20px 50px 20px 80px; font-size: 20px; }
	.ar-tpl_page_type4 > section h1 span{ font-size:30px; top:10px;}
	.ar-tpl_page_type4 > section .text {padding:0 80px 50px; font-size: 16px;}
	.ar-tpl_page_type4 > section h1 i { top: 30px;}
}
@media(max-width:1024px){
	.ar-tpl_page_type4 > section h1 { padding:15px 50px 18px 60px; font-size:17px; text-align:Center;}
	.ar-tpl_page_type4 > section h1 span{ font-size:20px; top:0px; left:0px; position:relative; display:block; margin:0;}
	.ar-tpl_page_type4 > section h1 u{font-size:14px;}
	.ar-tpl_page_type4 > section .text {padding:0 20px 30px 20px; font-size: 14px;}
	.ar-tpl_page_type4 > section h1 i { top: 20px;}
	.ar-tpl_page_type4 > section .text ul li{width:48%; padding:15px 0;}
	.ar-tpl_page_type4 > section .text ul.type01 li { font-size: 14px; }
	.ar-tpl_page_type4 > section .text ul.type02 li { font-size: 14px; }
	.ar-tpl_page_type4 > section .text ul.type03 li { font-size: 14px; padding:16px 0 16px 50px;}
	.ar-tpl_page_type4 > section .text ul.type03 li.line02{padding:10px 0 10px 50px;}
	.ar-tpl_page_type4 > section .text ul.type03 li u{font-size:13px;}
	.ar-tpl_page_type4 > section .text ul.type03 li:before{width:30px; height:30px; margin-top:-15px;}
}