#wrap {width:100%;margin:0;background:url('') #ffffff center repeat-y ;}

ul, ol, li{list-style:none;}

img {outline:none;}

#subV01 {position:relative;width:100%;height:150px;padding:0;margin:0; background:url('./image/subV01_bg.jpg') #ffffff top center no-repeat ;}
#subV02 {position:relative;width:100%;height:150px;padding:0;margin:0; background:url('./image/subV02_bg.jpg') #ffffff top center no-repeat ;}
#subV03 {position:relative;width:100%;height:150px;padding:0;margin:0; background:url('./image/subV03_bg.jpg') #ffffff top center no-repeat ;}
#subV04 {position:relative;width:100%;height:150px;padding:0;margin:0; background:url('./image/subV04_bg.jpg') #ffffff top center no-repeat ;}
#subV05 {position:relative;width:100%;height:150px;padding:0;margin:0; background:url('./image/subV05_bg.jpg') #ffffff top center no-repeat ;}
#subV06 {position:relative;width:100%;height:150px;padding:0;margin:0; background:url('./image/subV06_bg.jpg') #ffffff top center no-repeat ;}
#subV .subCtop {width:980px;margin:auto;}

#sub_btn {position:absolute;width:980px;height:100px;padding:0;left:50%;top:210px;margin-left:-490px;z-index:9999;}
#quickmenu {position:absolute;right:0px;padding:0;width:32px;z-index:9999;}

.case_wrap {position:relative;width: 760px;height:90px;padding:0;margin:0;}
.case_wrap .case_tit {position:absolute;padding:0;margin:0;}
.case_wrap .case_cat {position:absolute;padding:0;margin:0;z-index:99;width: 760px;height:90px;}
.case_wrap .case_cat ul {padding:17px 0 0 0;margin:0;}
.case_wrap .case_cat li {float:right;list-style-type:none;display:inline;padding:5px 10px 5px 10px;margin-right:10px;font-size:13px;font-weight:bold;color:#909090;border:#947534 solid 1px;font-family:'Nanum Gothic',"malgun gothic","Trebuchet MS",gulim,dotum,Georgia,"Times New Roman",Times,serif;}
.case_wrap .case_cat li a {color:#505050;outline:none;}
.case_wrap .case_cat li a:hover {color:#fa7703;}
.case_wrap .case_cat .on {background:url('') #947534 repeat ;}
.case_wrap .case_cat .on a {color:#fff;}

.case_wrap1 {position:relative;width: 760px;height:90px;padding:0;margin:0;}
.case_wrap1 .case_tit1 {position:absolute;padding:0;margin:0;}
.case_wrap1 .case_cat1 {position:absolute;padding:0;margin:0;z-index:99;width: 760px;height:90px;}
.case_wrap1 .case_cat1 ul {padding:17px 0 0 0;margin:0;}
.case_wrap1 .case_cat1 li {float:right;list-style-type:none;display:inline;padding:5px 5px 5px 5px;margin-right:10px;font-size:13px;font-weight:bold;color:#909090;border:#947534 solid 1px;font-family:'Nanum Gothic',"malgun gothic","Trebuchet MS",gulim,dotum,Georgia,"Times New Roman",Times,serif;}
.case_wrap1 .case_cat1 li a {color:#505050;outline:none;}
.case_wrap1 .case_cat1 li a:hover {color:#fa7703;}
.case_wrap1 .case_cat1 .on {background:url('') #947534 repeat ;}
.case_wrap1 .case_cat1 .on a {color:#fff;}

.tickercontainer { /* the outer div with the black border */
  width: 100%;
  min-height: 150px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  color:#fff;
}

/* that serves as a mask. so you get a sort of padding both left and right */

.tickercontainer .mask {
  position: relative;
  width: 100%;
  overflow: hidden;
}

ul.newsticker { /* that's your list */
  position: relative;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

/* important: display inline gives incorrect results when you check for elem's width */

ul.newsticker li {
  float: left;
  margin: 0;
  padding: 0;
}

.btn-danger {cursor:pointer}


#container_wrap {padding:0;margin:0;}
#container_wrap .snb {float:left;width:174px;padding:0 4px 0 2px;margin:0;}
#container_wrap .snb .tit {float:left;position:relative;margin:0;width:174px;height:90px;border-bottom:#b2b2b2 dotted 1px;}

#container_wrap .snb .navi-sub {position:relative;width:174px;padding:0;margin:0;}
#container_wrap .snb .navi-sub ul {margin:0;padding:0;}
#container_wrap .snb .navi-sub li {float:left;list-style-type:none;width:168px;height:20px;margin:0;padding:10px 0 7px 5px;font-size:13px;font-weight:bold;border-bottom:#b2b2b2 dotted 1px;letter-spacing:-1px;background: url() top right no-repeat ;}
#container_wrap .snb .navi-sub li a {color:#777;}
#container_wrap .snb .navi-sub li a:hover {color:#333;outline: none;}
#container_wrap .snb .navi-sub li .on {float:left;list-style-type:none;width:168px;height:20px;margin:-10px 0 0 -5px;_margin:-12px 0 -15px -16px;padding:10px 0 7px 5px;font-size:13px;font-weight:bold;color:#d46f08;letter-spacing:-1px;background: url(./image/sub_navi_bg_on.jpg) center right no-repeat ;outline: none;}
#container_wrap .snb .blog_link {float:left;width:174px;height:45px;margin:100px 0 0 0;border-top:#b2b2b2 dotted 1px;}
#container_wrap .snb .blog_link a:hover {opacity:0.8;}
#container_wrap .snb .cafe_link {float:left;width:174px;height:45px;margin:0;border-top:#b2b2b2 dotted 1px;}
#container_wrap .snb .cafe_link a:hover {opacity:0.8;}
#container_wrap .snb .catalog_link {float:left;width:174px;height:70px;margin:100px 0 0 0;padding:0;}
#container_wrap .snb .catalog_link a:hover {opacity:0.8;}
#container_wrap .snb .online_link {float:left;width:174px;height:46px;margin:0;padding:0;}
#container_wrap .snb .online_link a:hover {opacity:0.8;}
#container_wrap .snb .subcall {float:left;width:174px;height:85px;margin:0;padding:0;border-bottom:#b2b2b2 dotted 1px;}


#container_wrap .cont_wrap {float:left;width:740px;margin:0 30px 30px 30px;padding:0;min-height:700px;}
#container_wrap .side {float:right;width:178px;margin:0;padding:0 1px 0 1px;}

.trbg {width:740px;height:44px;padding:0;background:url('./image/tab/tr_bg.jpg') top repeat-x;}

/* 추가 */
#secret_content {float:left;width:100%;background:url() repeat;position:relative;}
.center {text-align:center;}

div.content_inner{position:relative;padding-bottom:10px;}
div.content_inner.center{width:760px;margin:0 auto}
div.content_inner a:hover {opacity:0.7;}

.text-center {text-align: center; margin-bottom:50px}
.section-tittle span { font-size: 18px; font-weight: 700; margin-bottom: 22px; color: #292c37; letter-spacing: 0.05em; display:inline-block; position:relative}
.section-tittle span:before{position:absolute;content:"";width:50px;height:2px;background:#292c37;top:0;left:-67px;top:50%;transform:translateY(-50%);}
.section-tittle h2 {text-align:center; font-size:52px; padding:0 20px }
.section-tittle p{ max-width:540px; margin:0 auto; text-align:center;  padding:20px 20px 40px 20px; color:#555; font-size:16px; line-height:1.75; letter-spacing:-0.02em; font-weight:300; word-break:keep-all}

/* pdf */
.tl_pdf_wrap {
	clear: both;
	width:100%;
	padding:150px 0;
	background:url('./image/bbg.jpg')no-repeat center/cover;
}
.tl_pdf_wrap .section-tittle, .tl_pdf_wrap .section-tittle span {
	color: #fff;
}
.tl_pdf_wrap .section-tittle span:before {
	background: #fff;
}
.tl_pdf_wrap ul {
	display: flex;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	flex-wrap: wrap;
}
.tl_pdf_wrap ul li {
	width: calc(100% / 3);
	display: inline-block;
	text-align: center;
	margin: 0 0 2rem;
}
.tl_pdf_wrap ul li a{
	color: #fff;
	font-size: 1.125rem;
	font-weight: 500;
	display: block;
}
.tl_pdf_wrap ul li img{
	padding: 1rem 0;
	display: block;
	margin: 0 auto;
	width: 95%;
	border-radius:50px;
	max-width: 350px;
}
@media screen and (max-width: 640px) {
	.tl_pdf_wrap ul li { width:calc(100%/2); }
	.tl_pdf_wrap ul li a {font-size: 0.8rem;}
}