@charset "utf-8";
.sub_layout{

    position: relative;

    margin: 85px 0 45px;}

#header {border-bottom: 1px solid;/* background: #fff; */position:fixed; width:100%; height:100px; z-index:150;}

#svisual_layout .svisual_wrap .sub__background {background-image:url(../../damyang/img/common/sub_visual.jpg); }
#svisual_layout .svisual_wrap .subvisual-layout .subvisual-layout__title {width:489px;height:49px;background:url(../../damyang/img/common/slogan.png)no-repeat; }
#svisual_layout .svisual_wrap .subvisual-layout >div {position:absolute; left:50%; margin-left:-160px}

.lnb__title {background:#2a2a2a;}
.lnb_depth2__list li a:hover,
.lnb_depth2__list li a:focus {color:#466c04;}
.lnb_depth2__list >li.on>a {background:#00a650;}
.lnb_depth2__list >li.on>a:hover,
.lnb_depth2__list >li.on>a:focus {color:#fff;}
.lnb_depth2__list .lnb_depth3__list li a:after {background-color:#4d5058;}


.layout_sub h2 {
    text-align: center;
    vertical-align: middle;
    margin: 0;
}
.layout_sub h2 span {
    display: block;
    position: relative;
    padding: 0 0 10px 0;
    color: #fff;
    font-size: 27px;
    line-height: 48px;
    letter-spacing: -0.07em;
    font-weight: normal;
    font-family: 'gmarket';
}

.layout_sub h2 span:after {
    content: "";
    display: block;
    width: 50px;
    height: 1px;
    background: #efefef;
    position: absolute;
    left: 50%;
    bottom: 5px;
    margin-left: -25px;
}

.layout:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: "";
}


#svisual_layout .subvisual-layout__text {
    font-size: 15px;
    color: #efefef;
}


.sub_page_bg {
    font-size: 1.1rem;
    width: 100%;
    overflow: auto;
    padding: 30px 0 10px;
    background: url(/kr/theme/jd_basic/centum/images/sub/inside_bn_bg.png) repeat-x;
    font-weight: 600;
    letter-spacing: -0.05rem;
	font-family: 'NanumSquare',sans-serif;
}

#svisual_layout .svisual_wrap .sub__background {background-image:url(http://dyvol.or.kr/kr/theme/basic/damyang/damyang/img/common/sub_visual.jpg); }
#svisual_layout .svisual_wrap .subvisual-layout .subvisual-layout__title {width:489px;height:49px;background:url(../../damyang/img/common/slogan.png)no-repeat; }
#svisual_layout .svisual_wrap .subvisual-layout >div {position:absolute; left:50%; margin-left:-160px;bottom: 60px;}


#svisual_layout {overflow:hidden;position:relative;height:200px;margin: 0 0 45px;}
#svisual_layout .svisual_wrap {width:100%;height:100%;}
#svisual_layout .svisual_wrap .sub__background {position:absolute; width:100%;height:100%;background-image:url(http://dyvol.or.kr/kr/theme/basic/damyang/damyang/img/common/sub_visual.jpg);background-size:cover;background-repeat:no-repeat;background-position:center;}
#svisual_layout .svisual_wrap .subvisual-layout {padding: 55px 0 0;}
#svisual_layout .svisual_wrap .subvisual-layout .subvisual-layout__title {display:block; width:348px;height:43px;background:url(/template/A/images/slogan.png)no-repeat; font-size:0; }
#svisual_layout .svisual_wrap .subvisual-layout .subvisual-layout__text {font-size:16px; color:#ccc; letter-spacing:-0.08em; font-weight:500; margin-top:.5rem;}
#svisual_layout .svisual_wrap .subvisual-layout .subvisual-layout__text span {display:inline-block; font-weight:700;}

#body_layout .body_wrap{max-width: 1240px;margin: 0 auto;padding-bottom:15rem;}

.layout:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: "";
}
/*����*/

 .yearbox{position:relative; width:100%; min-height:630px; padding-left:440px; margin:45px 0 80px 0;}
 .yearbox .head{position:absolute; left:0; top:0; width:280px; height:100%;}
 .yearbox .head:after{content:""; display:block; position:absolute; right:-90px; top:-30px; z-index:0; width:213px; height:210px; background:url(/images/home/sub04/yearbox_simbol.png) no-repeat center center;}
 .yearbox .head strong{
	font-family:'NanumSquare',sans-serif;
	display: block;
    position: relative;
    z-index: 10;
    line-height: 45px;
    padding-bottom: 30px;
    font-weight: 600;
    font-size: 32px;
    color:#00a650;
    letter-spacing: -0.08em;}
 .yearbox .head strong span{font-weight:300; color:#353535;}
 .yearbox .head p{position:relative; z-index:10; margin:20px 0 90px 0;}
 .yearbox .head p span{display:inline-block; position:relative; line-height:34px; font-weight:400; font-size:24px; color:#33373b;}
 .yearbox .head p span:last-child{color: #353535;  line-height: 31px; letter-spacing: -0.06em; font-size: 20px; font-family:'NanumSquare',sans-serif;}
/*  .yearbox .head strong:after {
    content: "";
    display: block;
    width: 50px;
    height: 3px;
    background: #777;
    position: absolute;
    left: 0%;
    bottom: 0;
    margin-left: 5px;
 } */
 .yearbox .head p span:after{content:""; display:block; position:absolute; left:0; bottom:2px; width:100%; height:1px; background-color:#33373b;}
 .yearbox .head p span:last-child:after{display:none;}
 .yearbox .head .boxs img{display:block; width:100%;}
 .yearbox .head .boxs img:not(:nth-child(1)){margin-top:15px;}
 .yearbox .midd{}
 .yearbox .midd>ol{position:relative;}
 .yearbox .midd>ol:before{content:""; display:block; position:absolute; left:12px; top:0; width:1px; height:100%; background-color:#ddd;}
 .yearbox .midd>ol>li{position:relative;}
 .yearbox .midd>ol>li:not(:nth-child(1)){padding-top:20px;}
 .yearbox .midd>ol>li>strong{display:block; position:relative; line-height:24px; padding:5px 0 5px 50px;  font-size:20px; letter-spacing:-0.08em; color:#00a650; background-color:#fff; font-weight:700; font-family: 'NanumSquare',sans-serif;}
 .yearbox .midd>ol>li>strong:before,
 .yearbox .midd>ol>li>strong:after{
        content:""; display:block; position:absolute; left:0; top:5px; width:24px; height:24px; background-color:#00a650;
        border-radius:50%;
        -webkit-border-radius:50%;
    }
 .yearbox .midd>ol>li>strong:before{opacity:0.1;}
 .yearbox .midd>ol>li>strong:after{
        transform:scale(0.3);
    }
 .yearbox .midd>ol>li>ol{padding-bottom:20px; margin:10px 0 0 50px;}
 .yearbox .midd>ol>li:not(:last-child)>ol{border-bottom:1px dashed #ddd;}
 .yearbox .midd>ol>li>ol>li{position:relative; padding-left:70px; margin:5px 0;}
 .yearbox .midd>ol>li>ol>li>strong{display:block; line-height:26px; position:absolute; left:0; top:0; font-size:16px; color:#596068;}
 .yearbox .midd>ol>li>ol>li>p{line-height:26px; margin:0;  font-size:16px; color:#596068;}
    @media all and (max-width: 900px){
     .yearbox{padding-left:320px;}
     .tab-ul.clone{display:none !important;}
	 	 .layout_sub h2 span {font-size: 24px;}
	 #svisual_layout .svisual_wrap .subvisual-layout >div { margin-left: -15%;}
	 #svisual_layout .svisual_wrap .subvisual-layout .subvisual-layout__text {font-size: 15px;}
    }
    @media all and (max-width: 700px){
     .yearbox{padding-left:0; margin:40px 0;}
     .yearbox .head{position:relative; width:auto;}
     .yearbox .head p{width:260px; margin-bottom:30px;}
     .yearbox .head .boxs img{display:inline-block; width:auto; height:161px; vertical-align:top;}
     .yearbox .head .boxs img:not(:nth-child(1)){margin-top:0;}
	   .yearbox .head .boxs img:not(:nth-child(3)){margin-top:10px;}
	     .yearbox .head .boxs img:not(:nth-child(4)){margin-top:10px;}

     .yearbox .midd{margin-top:40px;}

    }
    @media all and (max-width: 600px){
     .yearbox .head .boxs:after{content:""; display:block; clear:both;}
     .yearbox .head .boxs img{display:block; float:left; width:49%; height:auto;}
     .yearbox .head .boxs img:nth-child(2){float:right;}
	  .yearbox .head .boxs img:nth-child(3){float:right;}
	  #svisual_layout .svisual_wrap .subvisual-layout >div {
    margin-left: -21%;
}
	
    }
    @media all and (max-width: 500px){
     .yearbox .head strong{line-height:35px; font-size:28px;}
     .yearbox .head p{margin:15px 0 20px 0;}
     .yearbox .head p span{line-height:29px; font-size:20px;}
     .yearbox .midd{margin-top:20px;}
     .yearbox .midd>ol>li>strong{padding-left:40px; font-size:16px;}
     .yearbox .midd>ol>li>ol{margin-left:40px;}
     .yearbox .midd>ol>li>ol>li>strong,
     .yearbox .midd>ol>li>ol>li>p{font-size:14px;}
	 .yearbox .head p span:last-child {font-size: 17px;}
	 #svisual_layout .svisual_wrap .subvisual-layout >div {margin-left: -32%;}
	 .layout_sub h2 span { font-size: 18px;}
	 #svisual_layout .svisual_wrap .subvisual-layout .subvisual-layout__text {font-size: 14px;}
    }




#svisual_layout {overflow:hidden;position:relative;height:120px;margin: 0 0 45px;}
#svisual_layout .svisual_wrap {width:100%;height:100%;}
#svisual_layout .svisual_wrap .sub__background {position:absolute; width:100%;height:100%;
background: url(/kr/theme/jd_basic/centum/images/sub/sub_visual.jpg) ;background-size:cover;background-repeat:no-repeat;background-position:center;}
#svisual_layout .svisual_wrap .subvisual-layout {padding: 145px 0 0;}
#svisual_layout .svisual_wrap .subvisual-layout .subvisual-layout__title {display:block; width:348px;height:43px;background:url(/template/A/images/slogan.png)no-repeat; font-size:0; }
#svisual_layout .svisual_wrap .subvisual-layout .subvisual-layout__text {font-size: 16px; color:#ccc; letter-spacing:-0.08em; font-weight:300; margin-top:.5rem; text-align:center;}
#svisual_layout .svisual_wrap .subvisual-layout .subvisual-layout__text span {display:inline-block; font-weight:700;}

#body_layout .body_wrap{max-width: 1280px;margin: 0 auto;padding-bottom:15rem;}

.contents_wrap{position:relative;float:right;width: 940px;}

.lnb_wrap{display: block;position:relative;top: 0px; z-index: 1;float:left;width: 240px;min-height: auto;margin: 0 0 50px;}
.lnb__title{display:block;position:relative; padding:50px 0; border-radius:40px 0px 0 0; text-align:center;}
/*.lnb__title:before {display:block; position:absolute; left:0; top:0; content:''; width:70px; height:62px; background:url()no-repeat;}*/
.lnb__title:after {display:block; position:absolute; right:0; bottom:0; content:''; width:142px; height:138px; /* background:url(/kr/theme/jd_basic/centum/images/common/sub_title_bg.png)no-repeat; */}
.lnb__title span {display:block; font-size:11px; color:#fff; color:rgba(255,255,255,.4); letter-spacing:0.2em;}
.lnb__title strong{display:block;position:relative;margin: 0px 0 0;padding: 0 8px;font-size:27px;line-height: 2.6;font-weight: 500;color:#fff;text-align:center; font-family: 'gmarket'; z-index:100;}
/*.lnb__title strong:after {display:block;position:absolute;top: -14.5px;left:50%;width:26px;height:1px;margin-left:-13px;background:#fff;content:'';}*/

.lnb_depth2__list{}
.lnb_depth2__list > li{position:relative;border: 1px solid #ccc;border-top:none;border-bottom: 1px solid #d6d6d6;}
.lnb_depth2__list > li:last-child {border-bottom:1px solid #ccc;}
.lnb_depth2__list li a{position:relative;display:block;line-height:1.2;word-wrap:break-word;word-break:keep-all;color: #333;}
.lnb_depth2__list > li > a:before {display:block;position:absolute;top: 26.5px;right: 23px;z-index:999999;width: 11px;height: 1px;background: #4b4b4b;content:'';}
.lnb_depth2__list > li > a:after {display:block;position:absolute;top: 22px;right: 27.5px;z-index:999999;width:1px;height: 11px;background: #4b4b4b;content:'';}



.lnb_depth2__list > li > a[target=_blank]:before {top:20px;right: 20px;width:17px;height:17px;background:url(/bbs/sub/img/blank.png)no-repeat;}
.lnb_depth2__list > li > a[target=_blank]:after {display:none;}
.lnb_depth2__list > li > a:hover,
.lnb_depth2__list > li > a:focus,
.lnb_depth2__list >li.ov>a,
.lnb_depth2__list >li.on>a{background-color:#fff;color: #0056b3;}
.lnb_depth2__list >li>a span{position:relative;display:block;line-height:1.2;word-wrap:break-word;word-break:keep-all;font-size: 17px;font-weight: 500;text-align: left;}
.lnb_depth2__list >li>a[target=_blank] span:before{display: none;}
.lnb_depth2__list >li>a>span{padding: 18px 38px 18px 23px;}
.lnb_depth2__list >li.on{border:0;}
.lnb_depth2__list >li.on > a:before {background:#fff;}
.lnb_depth2__list >li.on > a[target=_blank]:before {top:20px;right: 20px;width:14px;height:14px;background:url(/template/A/images/link_icon2.png)no-repeat;}
.lnb_depth2__list >li.on > a:after {display:none;}
.lnb_depth2__list >li.on>a{background-color: #111821;color: #fff;}
.lnb_depth2__list >li.on>a span{position: relative;}

.lnb_depth2__list .lnb_depth3__list{display:none;visibility:hidden;overflow:hidden;height:0;padding: 15px 15px 15px 30px;border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom: 1px solid #ccc;background-color: #f8f8f8;text-align: left;transition:all .4s;}
.lnb_depth2__list .lnb_depth3__list li {position: relative;margin: 8px 0;display:block;}
.lnb_depth2__list .lnb_depth3__list li a{display:block;font-size: 16px;color: #333;}
.lnb_depth2__list .lnb_depth3__list li a:after {display:block;position:absolute;left:-8px;top: 7px;width:3px;height:3px;background-color: #4d5058;content:'';}
.lnb_depth2__list .lnb_depth3__list li a span {display:inline-block;}
.lnb_depth2__list .lnb_depth3__list li a[target=_blank] span:after {display:inline-block; width:14px;height:14px;margin:-4px 0 0 3px;background:url(/template/A/images/link_icon.png)no-repeat; vertical-align:middle; content:'';}
.lnb_depth2__list .lnb_depth3__list li.on a span {text-decoration:underline;}
.lnb_depth2__list > li > a:hover .lnb_depth3__list,
.lnb_depth2__list > li > a:focus .lnb_depth3__list,
.lnb_depth2__list > li.on .lnb_depth3__list,
.lnb_depth2__list > li.ov .lnb_depth3__list,
.lnb_depth3__list.on,
.lnb_depth3__list.open{display:block !important;visibility:visible;height:auto;}
.lnb_depth3__list > li > a:hover span,
.lnb_depth3__list > li > a:focus span,
.lnb_depth3__list > li.on > a span
.lnb_depth3__list > li.ov > a span {text-decoration: underline;}

#location{position:relative;width:100%;margin: 10px 0px 0;padding: 0 0 10px; text-align:left;}
#location:after {display:block; clear:both; visibility:hidden; content:'';}

#location .page__title {display:block;float: left;font-size: 30px;font-weight:500;color: #000; letter-spacing:-0.08em; font-family: 'gmarket';}
#location .utile_wrap {display: inline-block;float: right;position:relative;padding: 14px 0px 0 0;}
#location .utile_wrap .location_wrap {margin: 0 0 10px;}
#location .utile_wrap .location_wrap:after {display:block; clear:both; visibility:hidden; content:'';}
#location .utile_wrap .location_wrap li {float:left;position:relative;margin: 0 10px;}
#location .utile_wrap .location_wrap li:after {display:block;position:absolute;top: 9px;right: -11px;width: 6px;height: 6px;border:solid;border-width:1px 1px 0 0;border-color: #a2a2a2;content:'';transform: rotate(45deg);-webkit-transform: rotate(45deg);}
#location .utile_wrap .location_wrap li:last-child:after {display:none;}
#location .utile_wrap .location_wrap li a {display:block;font-size: 16px; color:#252525; line-height:26px; letter-spacing:-0.06rem;}
#location .utile_wrap .location_wrap li.n1 {margin:0 10px 0 0;}
#location .utile_wrap .location_wrap li.n1 a {display:block;width:22px; font-family: 'gmarket'; height:22px;background:url(/kr/theme/jd_basic/centum/images/common/home.png)no-repeat center;font-size:0;}
#location .utile_wrap .location_wrap li:last-child a {font-weight:500;}

#location .utile_wrap .print_wrap {position:absolute;right:0;bottom: 5px;}
#location .utile_wrap .print_wrap:after{display:block; clear:both; visibility:hidden; content:'';}
#location .utile_wrap .print_wrap > li {float:left;position:relative;margin-left: 5px;}
#location .utile_wrap .print_wrap > li.n1 > a {display: block;width:27px;height:27px;border:1px solid #ddd;border-radius:50%;font-size:0;}
#location .utile_wrap .print_wrap > li.n1 > a span {display: inline-block;width: 27px;height: 27px;margin: 0 auto;background-position: 0 -14px;}
#location .utile_wrap .print_wrap > li.n1.on .sns_wrap {display:block; opacity:1;}
#location .utile_wrap .print_wrap > li.n1 .sns_wrap {display:none;opacity:0;position:absolute;right: 0;top: 40px;z-index:11;width: 90px;height: 53px;padding: 13px 10px;border:1px solid #e8ecf1;background: #fff;text-align: center;}
#location .utile_wrap .print_wrap > li.n1 .sns_wrap:before {position: absolute;top: -7px;right: 6px;width: 12px;height: 12px;background-color: #fff;border: solid #e8ecf1;border-width:1px 0 0 1px;transform: rotate(45deg);content: "";z-index: 1;}
#location .utile_wrap .print_wrap > li.n1 .sns_wrap:after {display:block; clear:both; visibility:hidden; content:'';}
#location .utile_wrap .print_wrap > li.n1 .sns_wrap a {display: inline-block;vertical-align: top;}
#location .utile_wrap .print_wrap > li.n1 .sns_wrap .fa span {display: block;width:27px;height:27px;background-position:-281px -1px;}
#location .utile_wrap .print_wrap > li.n1 .sns_wrap .tw span {display: block;width:27px;height:27px;background-position:-309px -1px;}
#location .utile_wrap .print_wrap > li.n1 .sns_wrap .clickClose {position:absolute;right: -1px;top: -41px;width:27px;height:27px;border:1px solid #ddd;border-radius:50%;background: #808080;font-size:0;}
#location .utile_wrap .print_wrap > li.n1 .sns_wrap .clickClose span {display: inline-block;width: 27px;height: 27px;margin: 0 auto;background-position: -54px -14px;}
#location .utile_wrap .print_wrap > li.n1 > button.ov + .sns_wrap button span {background-position: -54px -14px;}

#location .utile_wrap .print_wrap > li.n2 {/* margin-left:20px; */}
#location .utile_wrap .print_wrap > li.n2 button {width:27px; height:27px; border:1px solid #ddd; border-radius:50%; font-size:0;}
#location .utile_wrap .print_wrap > li.n2 button span {display: inline-block;width: 27px;height: 27px;margin: 0 auto;background-position: -27px -14px;}

#txt {position:relative; padding:0 0 50px; text-align:left; }

@media screen and (max-width:1279px){
	#body_layout .body_wrap {max-width:100%; padding:0 20px;}
	.lnb_wrap {width:220px;}
	#svisual_layout .svisual_wrap .subvisual-layout {padding:55px 20px 0;}
	.contents_wrap {width: calc(100% - 260px);}
}

@media screen and (max-width:1023px){
/* 	#svisual_layout {display:none;} */

	#body_layout .body_wrap{width: 100%;padding: 0 20px 80px;}
	.lnb_wrap{display:none;}
	.contents_wrap{float:none;width:100%;padding:0;margin: 0;}

	#location {margin: 20px 0 20px;padding: 0 0 20px;}
	#location .utile_wrap .location_wrap li {margin: 0 8px;}
	#location .utile_wrap .location_wrap li:after {right: -10px;top: 10.5px;width: 4px;height:4px;}
	#location .utile_wrap .location_wrap li.navi_home a span {margin:-1px 0 0;}

}

@media screen and (max-width:767px){
	#body_layout .body_wrap{padding: 0 15px 50px;}
	#location {padding:0 0 5px}
	#location .page__title {float:none;padding-right: 35px;font-size: 22px;}
	#location .utile_wrap {float:none;padding: 20px 28px 0 0;}
	#location .utile_wrap .location_wrap {}
	#location .utile_wrap .print_wrap {}
	#location .utile_wrap .print_wrap > li.n2 {display:none;}

}



/*footer*/
#charge{width: 100%;max-width: 1240px;margin: 0 auto;border: 1px solid #d7d7d7;font-size: 14px;color: #666;text-align: left;}
#charge .inner{position: relative;padding: 15px 25px 15px 50px;}
#charge .inner:before{display:inline-block;position: absolute;top: 17px;left: 25px;width: 13px;height: 17px;background: url(/template/A/images/footerinfo.png)no-repeat;background-position: -29px 0;content:"";}