/****************************************/ 
/* Name: http://designwave.co.kr/
/* PART:contents
/* Version: 1.0
/* Author: Kim Bo Reum 
/****************************************/


#visual {position:relative; width:100%; height:100%; overflow:hidden; background:url(../_img/main/visual01.jpg?ver=230306g?ver=230306) no-repeat center; background-size:cover;}
#visual .center_deco {position:absolute; top:50%!important; left:50%; margin-top: -57px; margin-left:-382px; z-index:999; opacity:0}
#visual .left_deco {position:absolute; top:10%; left:-50%;}
#visual .right_deco {position:absolute; bottom:0; right:-50%;}


.section {position:relative; width:100%; overflow:hidden; box-sizing:border-box;}
.section .half-box {float:left; width:50%; height:100%; box-sizing:border-box; padding:60px 75px;}
.section h2 {font-size:4em; color:#fff; font-weight:700; text-align:center; line-height:1em; padding-top:50px; opacity:0;}
.section h2 span {display:block; font-weight:300; font-size:0.7em;}
.section p {color:#fff; opacity:0.6; text-align:center; font-size:1.9em; line-height:1.5em; font-weight:300; padding:30px 0; opacity:0;}
.section a.view_btn {display:inline-block; text-align:center; font-weight:400; color:#fff; font-size:1.7em; padding:20px 40px; border:1px solid #ddd; margin:15px auto 0 auto; }

#section01 {height:570px;}
#section01 .pic {background:url(../_img/main/sec01_pic.jpg?ver=230306g) no-repeat center; background-size:cover;}
#section01 .col {background:#1d1d1d;}
#section01 .col p#intro_list_tit {color:#fff; font-size:1.3em; line-height:45px; padding:0; opacity:0; text-align:left !important; padding-top:50px;}
#section01 .col ul {width:100%; overflow:hidden; margin-top:90px;}
#section01 .col ul li {float:left; width:33.3%; text-align:center; box-sizing:border-box; opacity:0}
#section01 .col ul li a {display:block; width:100%; height:auto; overflow:hidden; text-decoration:none;}
#section01 .col ul li a span {position:relative; display:block; padding:80px 0 15px 0; color:#fff; text-align:center; font-weight:600; font-size:1.7em; margin-bottom:15px;}
#section01 .col ul li a span::after {position:absolute; bottom:0; left:50%; margin-left:-15px; width:30px; height:1px; background:#e14444; content:'';}
#section01 .col ul li a p {font-size:1.2em; color:#727272; text-align:center !important; line-height:1.6em; padding-top:0 !important; opacity:1 !important;}
#section01 .col ul li.ico01 span {background:url(../_img/main/sec01_ico01.png?ver=230306) no-repeat top center;}
#section01 .col ul li.ico02 span {background:url(../_img/main/sec01_ico02.png?ver=230306) no-repeat top center;}
#section01 .col ul li.ico03 span {background:url(../_img/main/sec01_ico03.png?ver=230306) no-repeat top center;}


#section02 {height:665px; background:url(../_img/main/sec02_bg.jpg?ver=230306g) no-repeat center; background-size:cover; padding:190px 15px; text-align:center;}


#section03 {height:570px; text-align:center;}
#section03 .pic {background:url(../_img/main/sec03_pic.jpg?ver=230306g) no-repeat center; background-size:cover;}
#section03 .col {background:#3d2a3a; padding-top:170px;}


#section04 {height:665px; background:url(../_img/main/sec04_bg.jpg?ver=230306g) no-repeat center; background-size:cover; padding:190px 15px; text-align:center; background-attachment:fixed;}
/*#section04 .sec04_deco {position:absolute; bottom:0; right:-50%}*/


#section05 {height:570px; text-align:center;}
#section05 .pic {background:url(../_img/main/sec05_pic.jpg?ver=230306g) no-repeat center; background-size:cover;}
#section05 .col {background:#272727; padding-top:170px;}


#section06 {height:210px; overflow:hidden; background:#3f4152;}
#section06 .more_fun {float:left; width:20%; height:100%; background:#11d4ec; text-align:center; line-height:210px; color:#fff; font-size:1.2em;} 
#section06 .banner {float:left; width:80%; height:100%; overflow:hidden;}
#section06 .banner ul {width:100%; height:100%; box-sizing:border-box; padding:65px 70px; overflow:hidden;}
#section06 .banner ul li {float:left; width:50%; box-sizing:border-box;  padding-left:85px; font-size:3.7em; text-align:left; color:#fff; line-height:1em; text-decoration:none; cursor:pointer;}
#section06 .banner ul li a {color: #fff;}
#section06 .banner ul li span {font-size:0.45em; font-weight:300; opacity:0.7;}
#section06 .banner ul li.bn03 {background:url(../_img/main/sec06_ico01.png?ver=230306) no-repeat center left;}
#section06 .banner ul li.bn02 {background:url(../_img/main/sec06_ico02.png?ver=230306) no-repeat center left;}


/*===== section03 =====*/
#section07 {background:url(../_img/main/sec07_bg.jpg?ver=230306g) no-repeat center; background-size:cover; text-align:center; padding:150px 15px}
#section07 span#notebook {position:absolute; bottom:-100px; left:23%; opacity:0;}
#section07 span#hands {position:absolute; bottom:-100px; right:30%; opacity:0;}
#section07 span#notebook img, #section07 span#hands img  {width:100%;}

/*#section07 h2 {color:#af654f;}
#section07 h2 span {color:#222;}
#section07 p {color:#222;}
#section07 a.view_btn {color:#222; border:1px solid #555;}

*/



/*===== sub_visual =====*/
.sub_visual {width:100%; height:347px; overflow:hidden; text-align:center; box-sizing:border-box; padding-top:145px;}
.sub_visual.sv01 {background:url(../_img/sub/sub01_visual.jpg?ver=230306g) no-repeat center;}
.sub_visual.sv02 {background:url(../_img/sub/sub02_visual.jpg?ver=230306g) no-repeat center;}
.sub_visual.sv03 {background:url(../_img/sub/sub03_visual.jpg?ver=230306g) no-repeat center;}
.sub_visual.sv04 {background:url(../_img/sub/sub04_visual.jpg?ver=230306g) no-repeat center;}


/*===== sub_navList =====*/
#sub_navList {width:100%; height:60px; overflow:hidden; box-sizing:border-box;}
#sub_navList ul {width:100%; overflow:hidden;}
#sub_navList ul li {float:left; padding:18px 20px; line-height:21px; font-size:17px; font-weight:500; color:#333; cursor:pointer;}
#sub_navList ul li a {color:#333;}
#sub_navList ul li:first-of-type {padding-left:0;}
#sub_navList ul li.on, #sub_navList ul li.on a {color:#218bc1;}


/*===== sub_mainContents =====*/
.sub_mainContents {width:100%; overflow:hidden;}
.sub_mainContents .sub_section {position:relative; width:100%; height:auto; overflow:hidden; box-sizing:border-box;}
.sub_mainContents .sub_section .section_title, .sub_mainContents .sub_section .section_cont {width:100%; height:auto; overflow:hidden; padding:60px 0; box-sizing:border-box;}

/* sub_sec01  */
#sub_sec01 {}
#sub_sec01 .section_cont {background:url(../_img/sub/sub01_sec01_bg.png?ver=230306) no-repeat center; text-align:center; background-size:cover}

/* sub_sec02 */
#sub_sec02 {background:url(../_img/sub/sub01_sec02_bg.png?ver=230306) no-repeat top right 150px;}
#sub_sec02 .section_title {border-bottom:1px dotted #ddd;} 

ul.tabs {width:100%; overflow:hidden;}
ul.tabs li {float:left; width:25%; cursor:pointer; text-align:center; font-size:1.7em; color:#aaa; box-sizing:border-box; background:#333; color:#fff; padding:20px 0}
ul.tabs li span {display:block; width:100%; font-size:1.5em; padding:4% 0;}
ul.tabs li.active {background:#3b99c8 ;}
/*ul.tabs li#tab01 {background:url(../_img/sub/his01.png?ver=230306) no-repeat center;}
ul.tabs li#tab02 {background:url(../_img/sub/his02.png?ver=230306) no-repeat center;}
ul.tabs li#tab03 {background:url(../_img/sub/his03.png?ver=230306) no-repeat center;}
ul.tabs li#tab01.active {background:url(../_img/sub/his01_on.png?ver=230306) no-repeat center;}
ul.tabs li#tab02.active {background:url(../_img/sub/his02_on.png?ver=230306) no-repeat center;}
ul.tabs li#tab03.active {background:url(../_img/sub/his03_on.png?ver=230306) no-repeat center;}*/
ul.tabs.leng03 li {width: 33.3%; border:1px solid #fff; border-bottom: 0; border-left: 0;  box-sizing: border-box;}


.tab_container {width:100%; margin-top:40px;}
ul.history_list {width:100%; overflow:hidden; border-top:1px solid #d8d8d8;}
ul.history_list li {position:relative; float:left; width:49%; margin-left:1%; padding:13px 20px 13px 25px; border-bottom:1px solid #d8d8d8; font-size:14px; box-sizing:border-box;}
ul.history_list.leng1 li {width: 100%; margin-left: 0;}
ul.history_list li::before {position:absolute; top:23px; left:15px; width:5px; height:1px; background:#555; content:'';}

/* sub_sec03
#sub_sec03 {background:url(../_img/sub/sub01_sec03_bg.jpg?ver=230306g) no-repeat center; background-size:cover; box-sizing:border-box;}
#sub_sec03 .section_cont {padding:100px 0;}
.cert_list .item span {display:block; text-align:center; color:#fff; font-size:1.3em; padding:10px; width:100%; box-sizing:border-box;} */


#sub_sec03 {background:url(../_img/sub/sub01_sec03_bg.jpg?ver=230306g) no-repeat center; background-size:cover; box-sizing:border-box;}
#sub_sec03 .section_cont {padding:100px 0;}
.cert_list .item { float:left; width:157px; height:280px; margin:20px;   }
.cert_list .item img { width:100%; }
.cert_list .item span {display:block; text-align:center; color:#fff; font-size:1em; padding:5px 0; width:100%; box-sizing:border-box;}


@media screen and (max-width: 640px) {
	.cert_list .item { float:left; width:140px; height:250px; margin:10px;   }
	.cert_list .item img { width:100%; }
	.cert_list .item span {display:block; text-align:center; color:#fff; font-size:1.2em; padding:5px; width:100%; box-sizing:border-box;}

}



/* sub_sec04 */
#sub_sec04 {}
/*
ul.partner_list {width:100%; overflow:hidden;}
ul.partner_list li {float:left; width:100%; text-align:center; margin-bottom:25px;}
ul.partner_list li img {border:1px solid #ddd; box-sizing:border-box;}
ul.partner_list li span {display:block; width:100%; text-align:center; font-size:1.1em; color:#333; padding:10px; box-sizing:border-box;}
*/

ul.partner_list {width:100%;}
ul.partner_list li {float:left; width:20%; height:147px; text-align:center; margin-bottom:25px;}
ul.partner_list li img {border:1px solid #ddd; box-sizing:border-box;}
ul.partner_list li span {display:block; width:100%; text-align:center; font-size:1.3em; color:#333; padding:10px; box-sizing:border-box;}

@media screen and (max-width: 640px) {
	ul.partner_list li {float:left; width:30%; height:100px; text-align:center; margin:5px; }
}



/*===== section_remote =====*/
.section_remote {position:fixed; right:4%; top:50%; margin-top:-80px; z-index:999999;}
.section_remote ul {}
.section_remote ul li {position:relative; font-size:15px; font-weight:500; color:#ccc; padding-left:20px; margin:15px 0; cursor:pointer;}
.section_remote li span {position:absolute; top:4px; left:0; display:block; width:14px; height:14px; background:#ccc; text-indent:-99999px; border-radius:50%; box-sizing:border-box; cursor:pointer;}
.section_remote li.sec_on {color:#333;}
.section_remote li.sec_on span {background:#3399cc;}


.fourguard, .indoor {padding:70px 0}
#fourguard01 {background:url(../_img/sub/sub02_sec01_bg.jpg?ver=230306g) no-repeat center; background-size:cover}
#fourguard02 {}
#fourguard03, #indoor03 {background:#f8f8f8;}
#indoor01 {background:url(../_img/sub/indoor_sec01_bg.jpg?ver=230306g) no-repeat center; background-size:cover;}


/* product_section */
#product_section {position:relative; padding:0 !important;}
#product_section::after {position:absolute; right:0; top:0; width:50%; height:100%; background:#f5f5f5; content:'';}

#left_area {position:relative; float:left; width:330px; height:100%; overflow:hidden; background:#fff; box-sizing:border-box; padding:70px 0;}
#left_area span {font-weight:600; font-size:17px;}
#left_area ul {width:100%; overflow:hidden; margin:30px 0;}
#left_area ul li {padding:15px 0 15px 55px; font-size:19px; font-weight:600; text-align:left; box-sizing:border-box;}
#left_area ul li a {display:block; width:100%; height:100%; box-sizing:border-box;}

#left_area ul li#pdt_list01 {background:url(../_img/sub/left_ico01.png?ver=230306) no-repeat center left;}
#left_area ul li#pdt_list02 {background:url(../_img/sub/left_ico02.png?ver=230306) no-repeat center left;}
#left_area ul li#pdt_list03 {background:url(../_img/sub/left_ico03.png?ver=230306) no-repeat center left;}
#left_area ul li#pdt_list04 {background:url(../_img/sub/left_ico04.png?ver=230306) no-repeat center left;}
#left_area ul li#pdt_list05 {background:url(../_img/sub/left_ico05.png?ver=230306) no-repeat center left;}

#left_area ul li#pdt_list01.on {background:url(../_img/sub/left_ico01_on.png?ver=230306) no-repeat center left;}
#left_area ul li#pdt_list02.on {background:url(../_img/sub/left_ico02_on.png?ver=230306) no-repeat center left;}
#left_area ul li#pdt_list03.on {background:url(../_img/sub/left_ico03_on.png?ver=230306) no-repeat center left;}
#left_area ul li#pdt_list04.on {background:url(../_img/sub/left_ico04_on.png?ver=230306) no-repeat center left;}
#left_area ul li#pdt_list05.on {background:url(../_img/sub/left_ico05_on.png?ver=230306) no-repeat center left;}

#right_area {position:relative; float:left; width:870px; height:100%; background:#f5f5f5; padding:70px; box-sizing:border-box; z-index:10;}

#right_area ul.product_list {width:100%; overflow:hidden;}
#right_area ul.product_list li {width:100%; margin-top:100px; border-bottom:2px solid #000;}
#right_area ul.product_list li:first-of-type {margin-top:0;}
#right_area ul.product_list li .pdt_name {display:block; font-size:43px; font-weight:500; padding:15px 0; margin-bottom:50px;}

#right_area ul.product_list li .pdt_easy_description {width:100%; overflow:hidden;}
#right_area ul.product_list li .pdt_easy_description .pdt_thumbnail {width:100%; background:#fff; overflow:hidden; text-align:center;}
#right_area ul.product_list li .pdt_easy_description .pdt_thumbnail img {height:100%; width:auto !important; display:inline !important;}
#right_area ul.product_list li .pdt_easy_description .pdt_desc {width:100%; box-sizing:border-box; overflow:hidden; padding:25px 0;}
#right_area ul.product_list li .pdt_easy_description .pdt_desc p {font-size:17px; line-height:33px; font-weight:300}

.detail_spec {width:100%; overflow:hidden; border-bottom:2px solid #000}
.detail_spec dl {width:100%; overflow:hidden;}
.detail_spec dl dt, .detail_spec dl dd {float:left; padding:13px 5px; box-sizing:border-box; font-size:1.2em; text-align:left;}
.detail_spec dl dt {width:15%; color:#1b1b1b; text-transform:uppercase; font-weight:500; border-top:1px solid #5790ae; }
.detail_spec dl dd {width:85%; color:#666; border-top:1px solid #e0e0e0; color:#333;}
/*.detail_spec dl dt:nth-of-type(2n) {width:19%; margin-left:1%;}
.detail_spec dl dd:nth-of-type(2n) {width:37%; margin-left:1%;}*/
.detail_spec dl dd>ul {width:100%; overflow:hidden;}
.detail_spec dl dd>ul>li {position:relative; display:block; box-sizing:border-box; padding:5px 5px 5px 10px; color:#333}
.detail_spec dl dd>ul>li::before {position:absolute; top:13px; left:0; width:4px; height:4px; background:#555; content:'';}
.detail_spec dl dd ul li ul {width:100%; overflow:hidden;}
.detail_spec dl dd ul li ul li {position:relative; padding:2px 0 2px 12px; box-sizing:border-box; float:left; width:50%; color:#aaa;}
.detail_spec dl dd ul li ul li::before {position:absolute; top:12px; left:0; width:5px; height:1px; background:#ccc; content:'';}

.detail_spec.leng02 dl dd>ul>li {float:left; width:50%;}
.detail_spec.leng02 dl dd ul li ul li {width:100% !important;}

/* board
-------------------------------------------------------------------- */
.board-top {
	margin-bottom: 25px;
}
.board-top p {
	margin: 0;
}
.board-top em {
	display: block;
	margin-bottom: 4px;
	color: #333;
	font-size: 18px;
	line-height: 1.25;
	letter-spacing: -1px;
}


.board-wrap {
	position: relative; width:1200px; margin:70px auto;
}
.board-head {
	margin-bottom:4%;
}
.board-head h2 {
	font-size:18px;
	color:#333;
	font-weight: normal;
}
.board-head h2 span {
	display:block;
}
.board-head p {
	font-size:14px;
	margin:0;
}
@media screen and (max-width: 980px) {
	.board-head h2 { font-size:16px; }
	.board-head h2 span { display:inline; }
}
@media screen and (max-width: 640px) {
	.board-head h2 { font-size:14px; }
}/*/mediaquery*/

.board,
.board-view, 
.board-write {
	overflow: hidden;
	border-top: 3px solid #333;
	border-bottom: 2px solid #ddd;
	margin-bottom: 4%;
}
.board ul {
	overflow: hidden;
	position: relative;
	margin-bottom: -1px;
	*margin-bottom: -6px;
	padding-left:0;
}
.board li {
	border-bottom: 1px dashed #e0e0e0;
}
.col-content span.date {
	float: left;
	color: #999;
	font-size: 12px;
}
.board-view header .time,
.board-view header .date {
	color: #999;
	font-size: 12px;
}
.board li {
	overflow: hidden;
}
.board li:hover {
	background: #fafafa;
}
.board li.notice:hover {
	background: #ebeff3;
}
.board .h3 {
	color: #333;
	font-size: 22px;
	font-weight: normal;
	letter-spacing: -1px;
	margin-bottom: 4%;
}
.board h3 span {
	display: block;
	color: #767676;
	font-size: 14px;
	margin-top: 0.8%;
}
.board mark {
	background: #e7e7e7;
}
.board a:hover mark {
	color: #0093f0;
}

/* board-list */
.board-list .col-num { float:left; width:10%; margin-top: 2px; text-align: center; font-size:15px;}
.board-list .col-date { float:left; width:12%; text-align: center; font-size:15px;}
.board-list .col-date a {background:#e14444; color:#fff; padding:10px 20px; border-radius:20px;}
.board-list .col-date a:hover {color:#fff !important;}
.board-list .col-writer {float:left; width:15%; font-size:15px;}
.board-list .col-title { float:left; width:60%; margin-left:3%; }
.board-list .col-title a span {color:#333; padding-right:5px;}
.board-list .notice .col-num,
.board-list .notice .col-date { color: #6f91a9; text-transform:uppercase; }

.board-list li {
	vertical-align: top;
	padding: 18px 0;
}
.board-list a {
	overflow: hidden;
	display: inline-block;
	max-width:75%;
	color: #333;
	font-size: 16px;
	text-overflow: ellipsis;
	white-space: nowrap; 
	word-wrap:break-word;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.board-list img {vertical-align:text-top; padding-left:5px;}

.board-list a:hover {
	color: #db5151;
}
.board-list li.notice {
	position: relative;
	z-index: 10;
	background: #ebeff3;
	border-bottom: 1px solid #d0d8de;
	margin-bottom: -1px;
}
.board-list .notice a {
	color: #3273a0;
	font-size: 16px;
	font-weight: bold;
}

/* paging */
.paging {
	overflow:hidden;
	text-align:center;
	margin-top:4%;
}
.paging .total { 
	display: none; 
}
.paging strong {
	display:inline-block; *display: inline; *zoom: 1;
	color:#fff;
	margin: 0 10px;
	padding:7px 9px;
	line-height:1;
	background: #db5151;
	border-radius:30px;
	vertical-align: middle;
}
.paging a {
	margin: 0 10px;
	text-decoration:none;
}
.paging a + strong,
.paging strong + a {
	margin-left: 0;
}
.paging a span {
	visibility: hidden;
}
.paging .first, 
.paging .prev, 
.paging .next, 
.paging .last {
	display:inline-block; *display: inline; *zoom: 1;
	width: 26px;
	height: 25px;
	margin: 0;
	background: url(../images/a/btn_paging.gif) no-repeat;
	vertical-align: middle;
}
.paging .first { background-position: 0 0; }
.paging .prev { background-position: -35px 0; }
.paging .next { background-position: -70px 0; }
.paging .last { background-position: -105px 0; }


/*/*/


/* board_top */
.board_top {margin-bottom:20px; position:relative; height:40px;}
.board_top .page_count {position:absolute; left:0; top:20px; font-size:15px; color:#444;}
.board_top .search select {padding:2px 2px 2px 5px; height:40px; line-height:38px; border:1px solid #333; font-size:13px;}
.board_top .search input[type="text"] {padding:0px 5px; height:40px; line-height:38px; border:1px solid #333; width:200px; margin:0 3px;}
.board_top .search .btn {top:0px;}
.board_top .submit {padding:0px 25px; height:40px; line-height:38px; background:#333; border:1px solid #333; color:#fff; font-size:13px; font-weight:400; letter-spacing:-1px; cursor:pointer;}
.board_top .search.t_r {float:right;}


#location {background:#333;}
#location .section_cont .contents {padding-top:70px; border-top:1px dotted #777;}


/* router_slider */
#router_slider {}
#router_slider .owl-theme {width:100%; height:auto; text-align:center; background:#f8f8f8; border:1px solid #ddd; box-sizing:border-box;}
#router_slider .item {width:100%; height:100% !important; text-align:center;}
#router_slider .item img {display:inline !important; width:auto; height:100%;}
#router_slider .owl-theme .owl-dots {position:absolute; bottom:0; left:50%; margin-left:-5%;}
#router_sec02 {width:100%; background:url(../_img/sub/router_sec02_bg.jpg?ver=230306g) no-repeat center; background-attachment:fixed;}
#router_sec04 {background:#f8f8f8;}
#router_sec04 h3 {color:#000; font-size:1.7em; padding-bottom:20px; letter-spacing:-1px;}


#trio_sec02 {background:#f8f8f8;}

.sub_tabs {width:100%; overflow:hidden;}
.sub_tabs ul {width:100%; overflow:hidden; border:1px solid #ddd; border-right:0; box-sizing:border-box;}
.sub_tabs ul li {float:left; width:50%; background:#eee; box-sizing:border-box; border-right:1px solid #ddd; text-align:center; font-size:1.3em;}
.sub_tabs ul li a {display:block; width:100%; height:100%; box-sizing:border-box;  padding:15px; color:#333;}
.sub_tabs ul li.on {background:#0e5f8b;}
.sub_tabs ul li.on a {color:#fff;}

.sub_tabs.leng03 ul li {width:33.3%;}
.sub_tabs.leng04 ul li {width:25%;}
.sub_tabs.leng05 ul li {width:20%;}

#cx-slider {}
#cx-slider .txt-box {position:absolute; top:20px; left:50%; margin-left:-45%; width:90%; z-index:999; background:rgba(0,0,0,0.7); color:#fff; text-align:center; font-size:1.4em; padding:25px 10px; box-sizing:border-box;}
#cx_sec02 {background:url(../_img/sub/cx_bottom_bg.png?ver=230306) repeat-x left bottom, #f8f8f8;}
#cx_sec03 {background:#f8f8f8;}


.blog_area {width:100%; margin:50px auto 0; padding-bottom:30px; position:relative;}
.blog_area ul {zoom:1; width:105%;}
.blog_area ul:after {clear:both; content:''; display:block;}
.blog_area li {box-sizing:border-box;  float:left; margin-right:28px; margin-bottom:30px; position:relative; }
.blog_area li .chekbox { position:absolute; left:0px; top:0px;}
.blog_area li .chekbox input { width:20px; height:20px;}
.blog_area.view li {display:block;}
.blog_area li a {width:380px; box-sizing: border-box; display:block; border:1px solid #ccc; transition:all 0.3s;  }
.blog_area li a:hover {border:1px solid #2a97E7; }
.blog_area dl {padding:15px 20px;}
.blog_area dl dt {font-weight:bold; font-size:16px; height:26px; line-height:23px;  display: -webkit-box;text-overflow: ellipsis;white-space: normal;word-wrap: break-word;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden; color:#000}
.blog_area dl dd { line-height:21px; height:42px; display: -webkit-box;text-overflow: ellipsis;white-space: normal;word-wrap: break-word;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden; color:#7c7c7d; font-size:15px;}



/* modal */
.modal {display:none; position:fixed; top:15%; left:50%; margin-left:-225px; width:450px; height:auto; overflow:hidden; border-radius:8px; z-index:99999999; box-shadow:5px 5px 10px #333;}
.modal label {font-size:0.9em; font-weight:400; color:#555; top:0;}

.modal_head {width:100%; box-sizing:border-box; padding:15px 10px; overflow:hidden; text-align:center; background:#3f4152;}
.modal_head h3 {color:#fff; text-align:center; font-size:1.5em; text-transform:uppercase;}
.modal_head h3 span {background:url(../_img/main/modal_head_ico.png?ver=230306) no-repeat center left; background-size:20px; padding-left:27px;}
.modal_head span.modal_close {position:absolute; top:14px; right:10px; width:20px; height:20px; background:url(../_img/main/modal_close_ico.png?ver=230306) no-repeat center; background-size:100%; text-indent:-9999px; cursor:pointer;}

.modal_body {width:100%; height:auto; padding:15px; box-sizing:border-box; background:#fff; overflow:hidden;}
.modal_body dl {}
.modal_body dl dt, .modal_body dl dd {width:100%; overflow:hidden; font-size:1.25em;}
.modal_body dl dt {color:#333; font-weight:600}
.modal_body dl dd {color:#aaa}
.modal_body dl dd ul {width:100%; overflow:hidden;}
.modal_body dl dd ul li {position:relative; width:100%; overflow:hidden; margin:10px 0; box-sizing:border-box;}
.modal_body dl dd ul li span {position:absolute; top:12px; left:10px;}
.modal_body dl dd ul li.addr {padding-right:60px; margin-bottom:0;}
/*.modal_body dl dd ul li.file_add {padding-right:80px; margin-bottom:0;}*/
.modal_body dl dd p {width:100%; box-sizing:border-box; padding:10px; background:#f1f1f1; margin:5px 0; font-size:0.9em; color:#555;}
.modal_body dl dd p span {}

.modal_body input[type='text'] {width:100%; height:45px; box-sizing:border-box; border-radius:3px; border:1px solid #d8d8d8; overflow:hidden; padding:5px 10px; font-size:0.9em !important; color:#555; padding-left:80px; margin-bottom:5px;}
.modal_body input[type='file'] {width:100%; height:45px; box-sizing:border-box; border-radius:3px; border:1px solid #d8d8d8; overflow:hidden; padding:5px 10px; font-size:0.9em !important; color:#555;  margin-bottom:5px; /*opacity:0;*/}
.modal_body button.search {position:absolute; top:0; right:0; width:55px; height:45px; box-sizing:border-box; border:0; border-radius:3px; background:#3f4152; color:#fff; font-size:0.9em;}
.modal_body input[type='radio'] {margin-top:0; margin-left:20px; vertical-align:baseline;}
.modal_body input[type='checkbox'] {margin-top:0;}
.modal_body select {width:100%; height:45px; box-sizing:border-box; border:1px solid #d8d8d8; border-radius:3px; overflow:hidden; font-size:0.9em !important; padding-left:70px; color:#555}
.modal_body textarea {width:100%; height:100px; box-sizing:border-box; border:1px solid #d8d8d8; border-radius:3px; padding:10px; font-size:0.9em; color:#555;}

.modal_tail {width:100%; text-align:center; background:#fff; padding:0 15px 15px 15px; box-sizing:border-box;}
.modal_tail label {font-size:1.1em;}
.modal_tail .button_wrap {width:100%; margin-top:15px;}
.modal_tail .button_wrap button {width:120px; height:45px; border:0; margin:0 5px; color:#fff; font-size:1.2em; border-radius:3px;}
.modal_tail .button_wrap button.cancel {background:#555;}
.modal_tail .button_wrap button.submit {background:#11d4ec;}

button.replace {position:absolute; top:0; right:0; width:75px; height:45px; background:#3f4152; color:#fff; font-size:0.9em; border:0; border-radius:3px;}


.brend_more {  width:281px; height:70px;  text-align:center; margin:0 auto; margin-top:40px; margin-bottom:50px;background:#fa9f1b;  border-radius:10px; cursor:pointer; /*background:url(../_img/common/brend_more_bg.png?ver=230306) no-repeat right; */}
.direct_link { position:relative; display:inline-block; border:1px solid #fff; line-height:70px; color:#000 !important; font-size:1.8em; box-sizing:border-box;  } 
.click { position:absolute;  }

@media screen and (max-width: 700px) {
	.brend_more {  width:250px; height:70px; text-align:center; margin:0 auto; margin-bottom:50px; background:#fa9f1b; border-radius:10px; cursor:pointer;   }
	.direct_link { position:relative;  display:inline-block; border:1px solid #fff; line-height:70px; color:#000 !important; font-size:1.3em;  box-sizing:border-box; cursor:pointer;  } 
	.click { position:absolute;  }
	.direct_link img { width:40% !important; }
	
	
}


/*.brend_more {  width:420px; height:110px; line-height:40px;  text-align:center; margin:0 auto; margin-top:40px; background:url(../_img/common/brend_more_bg.png?ver=230306) no-repeat right; }
.direct_link {  display:inline-block; border:1px solid #fff; line-height:65px; color:#000 !important; font-size:1.5em; box-sizing:border-box;  } 


@media screen and (max-width: 640px) {
	.brend_more {  width:300px; height:110px; text-align:center; margin:0 auto; margin-top:40px; background:url(../_img/common/brend_more_bg02.png?ver=230306) no-repeat center; }
	.direct_link {  display:inline-block; border:1px solid #fff; line-height:70px;; color:#000 !important; font-size:1.2em;  box-sizing:border-box;  } 
	
	
}*/


.modal#app_from {width:900px; margin-left:-450px;}
.modal#app_from .modal_body {padding:15px 10px;}
.modal#app_from .modal_body dl {float:left; width:50%; padding:0 10px; box-sizing:border-box;}
.modal#app_from .modal_body dl.file {width:100%;}



#new-sub02_03 {background:url('/_img/sub/new-sub02_03-bg.jpg?ver=230306g') no-repeat center; background-size: cover; background-attachment: fixed;}
@media screen and (max-width: 700px) {
    #new-sub02_03 {background-attachment: inherit;}
}



/*.direct_link {display:inline-block; border:1px solid #fff; border-radius:5px; padding:10px 30px; color:#fff !important; font-size:1.2em; box-sizing:border-box; margin-top:20px;}*/