@charset "utf-8";

@import url(/WEB-APP/_webponent/hanwha/nfonts/NotoFont.css);

.m_wrapper_n, .m_wrapper_n div, .m_wrapper_n span, .m_wrapper_n dl, .m_wrapper_n dt, .m_wrapper_n dd, .m_wrapper_n ul, .m_wrapper_n ol, .m_wrapper_n li, .m_wrapper_n h1, .m_wrapper_n h2, .m_wrapper_n h3, .m_wrapper_n h4, .m_wrapper_n h5, .m_wrapper_n h6,
	.m_wrapper_n blockquote, .m_wrapper_n p, .m_wrapper_n address, .m_wrapper_n pre, .m_wrapper_n cite, .m_wrapper_n form, .m_wrapper_n fieldset, .m_wrapper_n input, .m_wrapper_n textarea,
	.m_wrapper_n select, .m_wrapper_n table, .m_wrapper_n th, .m_wrapper_n td {
	margin: 0;
	padding: 0;
	font-family: 'NotoSansKR';
	font-weight: 400;
	letter-spacing:-0.5px;
}

.m_wrapper_n h1, .m_wrapper_n h2, .m_wrapper_n h3, .m_wrapper_n h4, .m_wrapper_n h5, .m_wrapper_n h6 {
	font-size: 100%;
	font-weight: normal;
}

.m_wrapper_n fieldset, .m_wrapper_n img, .m_wrapper_n abbr, .m_wrapper_n acronym {
	border: 0 none;
}

.m_wrapper_n ol, .m_wrapper_n ul {
	list-style: none;
}

.m_wrapper_n table {
	border-collapse: separate;
	border-spacing: 0;
	border: 0 none;
}

.m_wrapper_n caption, .m_wrapper_n th, .m_wrapper_n td {
	text-align: left;
	font-weight: normal;
	border: 0;
}

.m_wrapper_n address, .m_wrapper_n caption, .m_wrapper_n strong, .m_wrapper_n em, .m_wrapper_n cite {
	font-weight: normal;
	font-style: normal;
}

.m_wrapper_n ins {
	text-decoration: none;
}

.m_wrapper_n del {
	text-decoration: line-through;
}

.m_wrapper_n blockquote:before, .m_wrapper_n blockquote:after, .m_wrapper_n q:before, .m_wrapper_n q:after {
	content: "";
}

.m_wrapper_n blockquote, .m_wrapper_n q {
	quotes: "" "";
}

.m_wrapper_n legend, .m_wrapper_n .blind {
	position: absolute;
	overflow: hidden;
	width: 1px;
	height: 1px;
	font-size: 0;
	line-height: 0;
}

.m_wrapper_n a {
	text-decoration: none;
}

.m_wrapper_n a:hover {
	text-decoration: none;
}

.m_wrapper_n .slick-slide {outline-width:0px;}
.m_wrapper_n button {outline-width:0px;}

.m_wrapper_n .n_ctop {height:44px; background:#fffff; border-bottom:1px solid #dddfe0;}
.m_wrapper_n .n_ctop_in {position:relative;}
.m_wrapper_n .n_ctop_in .n_ctop_menu {position:absolute; top:0; left:0; display:block; width:50px; height:44px; background:url(/img/hanwha/nimg/m/n_top_menu.png) center no-repeat; background-size:24px 15px;}
.m_wrapper_n .n_ctop_in h1 {line-height:0px; padding-top:8px; text-align:center;}
.m_wrapper_n .n_ctop_in h1 a {display:inline-block; line-height:0px; width:117px; height:29px;}
.m_wrapper_n .n_ctop_in h1 a img {display:block; width:117px; height:29px;}
.m_wrapper_n .n_ctop_in .n_ctop_rbtn {position:absolute; top:0; right:0; display:block; width:50px; height:44px; background:url(/img/hanwha/nimg/m/n_top_rbtn.png) center no-repeat; background-size:17px 20px;}

.m_wrapper_n .n_b1d {padding:35px 0 40px 0; background:#f6f6f6}
.m_wrapper_n .n_b1d_con>h2 {font-size:17px; color:#f37321; line-height:24px; text-align:center;}
.m_wrapper_n .n_b1d_slide .n_b1d_dv {padding:12px 0 38px 0;}
.m_wrapper_n .n_b1d_slide .n_b1d_dv h3 {text-align:center; height: 47px; padding-left: 5px; padding-right: 5px; color:#2c2c2c; font-size:21px; line-height:30px; font-weight:700;}
.m_wrapper_n .n_b1d_slide .n_b1d_dv .e1 {margin-top:19px; overflow: hidden; text-align: center; height: 255px; background-position: center top; background-size: auto 255px; background-repeat: no-repeat;}
.m_wrapper_n .n_b1d_slide .n_b1d_dv img { position: absolute; display:block; height:255px;}
.m_wrapper_n .n_b1d_slide .slick-dots {z-index:2; position:absolute; left:0; right:0; bottom:0; text-align:center;}
.m_wrapper_n .n_b1d_slide .slick-dots li {display:inline-block; padding:0 5px;}
.m_wrapper_n .n_b1d_slide .slick-dots li button {padding:0px; transition:all 0.2s ease; border:none; text-indent:-9999px; font-size:0px; width:13px; height:13px; background:#cbced0; border-radius:13px;}
.m_wrapper_n .n_b1d_slide .slick-dots li.slick-active button {width:35px; background:#f37321;}

.m_wrapper_n .n_b2d {padding:55px 0 0 0;}
.m_wrapper_n .n_b2d_top h2 {font-size:29px; line-height:36px; font-weight:500; color:#2c2c2c; text-align:center;}
.m_wrapper_n .n_b2d_menu {margin-top:20px;}
.m_wrapper_n .n_b2d_con {margin-top:25px;}
.m_wrapper_n .n_b2d_menu ul {text-align:center; line-height:0px;}
.m_wrapper_n .n_b2d_menu ul li {display:inline-block; margin-left:12px;}
.m_wrapper_n .n_b2d_menu ul li:first-child {margin-left:0px;}
.m_wrapper_n .n_b2d_menu ul li a {display:block; width:46px; height:46px; border:1px solid #cccccc; border-radius:100%; background-size:300px 320px; background-repeat:no-repeat; background-image:url(/img/hanwha/nimg/m/n_mbsns_ico01.png);}
.m_wrapper_n .n_b2d_menu ul li.on a {border:1px solid #f37321; background-color:#f37321;}
.m_wrapper_n .n_b2d_menu ul li a:hover {border:1px solid #f37321; background-color:#f37321;}
.m_wrapper_n .n_b2d_menu ul li.w1 a {background-position:14px 13px;}
.m_wrapper_n .n_b2d_menu ul li.w2 a {background-position:-31px 13px;}
.m_wrapper_n .n_b2d_menu ul li.w3 a {background-position:-82px 13px;}
.m_wrapper_n .n_b2d_menu ul li.w4 a {background-position:-135px 13px;}
.m_wrapper_n .n_b2d_menu ul li.w5 a {background-position:-186px 13px;}
.m_wrapper_n .n_b2d_menu ul li.w1.on a {background-position:14px -37px;}
.m_wrapper_n .n_b2d_menu ul li.w2.on a {background-position:-31px -37px;}
.m_wrapper_n .n_b2d_menu ul li.w3.on a {background-position:-82px -37px;}
.m_wrapper_n .n_b2d_menu ul li.w4.on a {background-position:-135px -37px;}
.m_wrapper_n .n_b2d_menu ul li.w5.on a {background-position:-186px -37px;}
.m_wrapper_n .n_b2d_menu ul li.w1 a:hover {background-position:14px -37px;}
.m_wrapper_n .n_b2d_menu ul li.w2 a:hover {background-position:-31px -37px;}
.m_wrapper_n .n_b2d_menu ul li.w3 a:hover {background-position:-82px -37px;}
.m_wrapper_n .n_b2d_menu ul li.w4 a:hover {background-position:-135px -37px;}
.m_wrapper_n .n_b2d_menu ul li.w5 a:hover {background-position:-186px -37px;}

.m_wrapper_n .n_b2d_con .sizer {width:50%;}
.m_wrapper_n .n_b2d_dv {overflow:hidden; box-sizing:border-box;}
.m_wrapper_n .n_b2d_dv a {display:block;} 
.m_wrapper_n .n_b2d_dv.n_t1, .m_wrapper_n .n_b2d_dv.n_t1>a{width:100%; height:50vw;}
.m_wrapper_n .n_b2d_dv.n_t2, .m_wrapper_n .n_b2d_dv.n_t2>a{width:50%; height:100vw;}
.m_wrapper_n .n_b2d_dv.n_t3, .m_wrapper_n .n_b2d_dv.n_t3>a{width:50%; height:50vw;}
/* .m_wrapper_n .n_b2d_con .n_b2d_stamp {position:absolute; top:50vw; left:50vw; width:50vw; height:50vw; background:red; overflow:hidden;}  */
.m_wrapper_n .n_b2d_dv .n_img {position:absolute; z-index:2; top:0; left:0; right:0; bottom:0; background-size:cover; background-position:center;}
.m_wrapper_n .n_b2d_dv:hover .n_img {}

.m_wrapper_n .n_b2d_dv .n_dimm {position:absolute; z-index:3; top:0; left:0; right:0; bottom:0; background-image:url(/img/hanwha/nimg/m/n_dimm0.png); background-size:cover; background-position:center;}
.m_wrapper_n .n_b2d_dv.n_blog .e1 {display:block; position:absolute; z-index:4; top:10px; left:10px; width:20px; height:20px; background:url(/img/hanwha/nimg/m/n_mbsns_ico01.png) -93px -95px no-repeat #00c73c; border-radius:100%; background-size:300px 320px;}
.m_wrapper_n .n_b2d_dv.n_facebook .e1 {display:block; position:absolute; z-index:4; top:10px; left:10px; width:20px; height:20px; background:url(/img/hanwha/nimg/m/n_mbsns_ico01.png) -42px -95px no-repeat #4267b2; border-radius:100%; background-size:300px 320px;}
.m_wrapper_n .n_b2d_dv.n_twitter .e1 {display:block; position:absolute; z-index:4; top:10px; left:10px; width:20px; height:20px; background:url(/img/hanwha/nimg/m/n_mbsns_ico01.png) -145px -95px no-repeat #ffffff; border-radius:100%; background-size:300px 320px;}
.m_wrapper_n .n_b2d_dv.n_youtube .e1 {display:block; position:absolute; z-index:4; top:10px; left:10px; width:20px; height:20px; background:url(/img/hanwha/nimg/m/n_mbsns_ico01.png) -194px -95px no-repeat #ff0000; border-radius:100%; background-size:300px 320px;}

.m_wrapper_n .n_b2d_dv.n_t1 .e2 {display:block;  position:absolute; left:15px; right:15px; bottom:17px; z-index:4;}
.m_wrapper_n .n_b2d_dv.n_t1 .e2 span {display:block; text-align:center; font-size:15px; line-height:20px; color:#ffffff; overflow:hidden; text-overflow:ellipsis; white-space: nowrap;}
.m_wrapper_n .n_b2d_dv.n_t2 .e2 {display:block;  position:absolute; left:15px; right:15px; bottom:17px; z-index:4;}
.m_wrapper_n .n_b2d_dv.n_t2 .e2 span {display:block; text-align:center; font-size:13px; line-height:18px; color:#ffffff; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; word-break:break-all; max-height:36px;}
.m_wrapper_n .n_b2d_dv.n_t3 .e2 {display:block;  position:absolute; left:15px; right:15px; bottom:17px; z-index:4;}
.m_wrapper_n .n_b2d_dv.n_t3 .e2 span {display:block; text-align:center; font-size:13px; line-height:18px; color:#ffffff; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; word-break:break-all; max-height:48px;}
/* .m_wrapper_n .n_b2d_dv.n_t2 .plus {position:absolute; z-index:4; bottom:20px; left:50%; margin-left:-15px; display:block; width:30px; height:30px; background:url(/img/hanwha/nimg/m/n_b2d_more01.png) no-repeat;} */
 
.m_wrapper_n .n_b2d_dv.n_t1.n_lifeplus .w1 {display:table-cell; width:100vw; height:50vw; vertical-align:middle;}
.m_wrapper_n .n_b2d_dv.n_t1.n_lifeplus .w1 {width:100vw; height:50vw;}
.m_wrapper_n .n_b2d_dv.n_t2.n_lifeplus .w1 {width:50vw; height:100vw;}
.m_wrapper_n .n_b2d_dv.n_t3.n_lifeplus .w1 {width:50vw; height:50vw;}
.m_wrapper_n .n_b2d_dv.n_t1.n_lifeplus .n_dimm {position:absolute; z-index:3; top:0; left:0; right:0; bottom:0; background-image:url(/img/hanwha/nimg/m/n_dimm_lp01.png); background-size:cover; background-position:center;}
.m_wrapper_n .n_b2d_dv.n_t1.n_lifeplus a {z-index:4; display:block; position:relative; margin:0 auto; width:65px; height:65px; background:url(/img/hanwha/nimg/m/n_mbsns_ico01.png) 0 -200px no-repeat; background-size:300px 320px;}
.m_wrapper_n .n_b2d_dv.n_t1.n_lifeplus .e2 {position:relative; left:inherit; top:inherit; bottom:inherit; right:inherit; display:block;  margin-top:8px; padding:0 12px;}
.m_wrapper_n .n_b2d_dv.n_t1.n_lifeplus .e2 span {display:block; text-align:center; font-size:12px; line-height:16px; color:#ffffff; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; word-break:break-all; max-height:32px;}


.m_wrapper_n .n_b2d_dv.n_t2.n_twitter .e2 {top:-135px;}
.m_wrapper_n .n_b2d_dv.n_t2.n_twitter .tw_tag {top:-135px;}

.m_wrapper_n .n_b2d_dv.n_twitter .w1 {display:table-cell; vertical-align:middle; width:100vw; height:50vw;}
.m_wrapper_n .n_b2d_dv.n_twitter.n_t1.w1 {width:100vw; height:50vw;}
.m_wrapper_n .n_b2d_dv.n_twitter.n_t2.w1 {width:50vw; height:100vw;}
.m_wrapper_n .n_b2d_dv.n_twitter.n_t3.w1 {width:50vw; height:50vw;}
.m_wrapper_n .n_b2d_dv.n_twitter.n_t2 .w1 {height:626px;}
.m_wrapper_n .n_b2d_dv.n_twitter .e2 {padding:0 12px; display:block; position:relative; z-index:4; top:inherit; left:inherit; right:inherit; bottom:inherit;}
.m_wrapper_n .n_b2d_dv.n_twitter .e2 span {display:block; text-align:center; font-size:15px; line-height:20px; color:#ffffff; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical; word-break:break-all; max-height:60px;}
.m_wrapper_n .n_b2d_dv.n_twitter .tw_tag {padding:0 12px;margin-top:3px; display:block; position:relative; z-index:4; top:inherit; left:inherit; right:inherit; bottom:inherit; text-align:center;}
.m_wrapper_n .n_b2d_dv.n_twitter .tw_tag a {display:inline-block; font-size:11px; padding:0 9px; color:rgba(255,255,255,0.6); border:1px solid rgba(255,255,255,0.6); border-radius:19px; line-height:18px; margin-right:2px; margin-top:5px;}
.m_wrapper_n .n_b2d_dv.n_twitter .n_dimm {background:rgba(243,115,33,0.9);}

.m_wrapper_n .n_b2d_stamp_dv {width:50vw; height:50vw; position:relative; background-size:cover;}
.m_wrapper_n .n_b2d_stamp_dv_in {display:table-cell; vertical-align:middle; height:50vw; width:50vw;}
.m_wrapper_n .n_b2d_stamp_dv h3 {position:absolute; top:10px; left:10px; width:20px; height:20px; border-radius:100%; background-color:#ffffff; background-repeat:no-repeat; background-size:300px 320px;}
.m_wrapper_n .n_b2d_stamp_dv.n_facebook h3 {background-image:url(/img/hanwha/nimg/m/n_mbsns_ico01.png); background-position:-42px -145px;} 
.m_wrapper_n .n_b2d_stamp_dv.n_facebook {background-image:url(/img/hanwha/nimg/m/n_b2d_stp_img01.png);}
.m_wrapper_n .n_b2d_stamp_dv.n_blog h3 {background-image:url(/img/hanwha/nimg/m/n_mbsns_ico01.png); background-position:-93px -145px;} 
.m_wrapper_n .n_b2d_stamp_dv.n_blog {background-image:url(/img/hanwha/nimg/m/n_b2d_stp_img02.png);}
.m_wrapper_n .n_b2d_stamp_dv.n_twitter h3 {background-image:url(/img/hanwha/nimg/m/n_mbsns_ico01.png); background-position:-145px -145px;} 
.m_wrapper_n .n_b2d_stamp_dv.n_twitter {background-image:url(/img/hanwha/nimg/m/n_b2d_stp_img03.png);}
.m_wrapper_n .n_b2d_stamp_dv.n_youtube h3 {background-image:url(/img/hanwha/nimg/m/n_mbsns_ico01.png); background-position:-194px -145px;} 
.m_wrapper_n .n_b2d_stamp_dv.n_youtube {background-image:url(/img/hanwha/nimg/m/n_b2d_stp_img04.png);}
.m_wrapper_n .n_b2d_stamp_dv h4 {}
.m_wrapper_n .n_b2d_stamp_dv h4 img {display:block; width:93px; height:16px; margin:0 auto;}
.m_wrapper_n .n_b2d_stamp_dv h4 p {font-size:17px; line-height:22px; font-weight:500; text-align:center; margin-top:2px; color:#ffffff;}
.m_wrapper_n .n_b2d_stamp_dv .w1 {margin-top:7px; text-align:center;}
.m_wrapper_n .n_b2d_stamp_dv .w1 a {display:inline-block; margin-left:7px; width:68px; height:23px; line-height:23px; color:#ffffff; font-size:11px; border:1px solid #ffffff; border-radius:25px;}
.m_wrapper_n .n_b2d_stamp_dv .w1 a:first-child {margin-left:0px;}
.m_wrapper_n .n_b2d_stamp_slide .slick-dots {line-height:0px; position:absolute; bottom:20px; left:0; right:0; text-align:center;}
.m_wrapper_n .n_b2d_stamp_slide .slick-dots li {display:inline-block; padding:0 3px;}
.m_wrapper_n .n_b2d_stamp_slide .slick-dots li button {border-radius:100%; border:0px; text-indent:-9999px; font-size:0; background:rgba(255,255,255,0.5); width:7px; height:7px; display:block; padding:0px;}
.m_wrapper_n .n_b2d_stamp_slide .slick-dots li.slick-active button {background:#ffffff;}

.m_wrapper_n .n_b2d_con_more {margin-top:40px;}
.m_wrapper_n .n_b2d_con_more a {display:block; width:166px; height:46px; margin:0 auto; border-radius:48px; border:1px solid #a0a0a0; text-align:center;}
.m_wrapper_n .n_b2d_con_more a span {font-size:13px; line-height:46px; color:#888888; font-weight:500; letter-spacing:0.5px; display:inline-block; line-height:46px; background:url(/img/hanwha/nimg/m/n_b2d_more_ico01.png) right center no-repeat; padding-right:22px; background-size:12px 12px;}

.m_wrapper_n .n_cfooter {margin-top:75px; border-top:1px solid #000000; padding-bottom:30px;}
.m_wrapper_n .n_cft_menu ul:after {content:""; display:block; clear:both;}
.m_wrapper_n .n_cft_menu ul li {float:left; width:33.33%;}
.m_wrapper_n .n_cft_menu ul li:first-child {width:33.34%;}
.m_wrapper_n .n_cft_menu ul li a {display:block; position:relative; color:#000000; font-size:12px; line-height:19px; padding:15px 0; text-align:center; }
.m_wrapper_n .n_cft_menu ul li a:after {content:""; display:block; position:absolute; top:50%; left:0; margin-top:-5px; width:1px; height:10px; background:#dedede;}
.m_wrapper_n .n_cft_menu ul li:first-child a:after {display:none;}
.m_wrapper_n .n_cft1d {border-top:1px solid #dfdfdf; padding:19px 0 0 0;}
.m_wrapper_n .n_cft1d:after {content:""; display:block; clear:both;}
.m_wrapper_n .n_cft1d_lt {float:left; width:50%; box-sizing:border-box; border-right:1px solid #e0e0e0; padding-left:18px; padding-bottom:5px;}
.m_wrapper_n .n_cft1d_rt {float:right; width:50%; box-sizing:border-box; padding-left:18px; padding-bottom:5px;}
.m_wrapper_n .n_cft1d dl dt {font-size:12px; color:#000000; line-height:16px;}
.m_wrapper_n .n_cft1d dl dd {font-size:12px; color:#000000; line-height:16px; margin-top:4px;}
.m_wrapper_n .n_cft1d>div dl:first-child {margin-bottom:9px;}
.m_wrapper_n .n_cft2d {margin-top:19px;}
.m_wrapper_n .n_cft2d ul {text-align:center; line-height:0px;}
.m_wrapper_n .n_cft2d ul li {display:inline-block; padding:0 1px;}
.m_wrapper_n .n_cft2d ul li a, .m_wrapper_n .n_cft2d ul li img {display:block; width:38px; height:38px;}
.m_wrapper_n .n_cfooter .n_copy {margin-top:20px; color:#1e1e1e; font-size:12px; line-height:15px; text-align:center;}


.m_wrapper_n .n_go_top {display:none; position:fixed; bottom:4px; right:7px; z-index:15;}
.m_wrapper_n .n_go_top img {display:block; border:1px solid #939393; width:37px; height:37px; box-shadow:1px 1px 2px rgba(0, 0, 0, 0.25);}

.m_wrapper_n .n_bv_con {padding:36px 20px 0 20px;}
.m_wrapper_n .n_bv_con .w1 {text-align:center;}
.m_wrapper_n .n_bv_con .w1 h2 {color:#f37321; font-size:17px; line-height:24px;}
.m_wrapper_n .n_bv_con .w1 h3 {color:#2c2c2c; font-size:21px; line-height:30px; font-weight:700; margin-top:11px;}
.m_wrapper_n .n_bv_con .w1 .e1 {font-size:12px; line-height:18px; color:#888888; margin-top:10px; font-weight:300; letter-spacing:0px;}
.m_wrapper_n .n_bv_con .w2 {border-top:2px solid #f37321; margin-top:16px; padding-top:40px; padding-bottom:45px;}
.m_wrapper_n .n_bv_con .w2 .n_img {text-align:center; line-height:0px; text-align:center; padding-bottom:25px;}
.m_wrapper_n .n_bv_con .w2 .n_img img {display:inline-block; max-width:100%;}
.m_wrapper_n .n_bv_con .w2 .n_txt {font-size:13px; line-height:25px; color:#2c2c2c; font-weight:400;}
.m_wrapper_n .n_bv_con .w3 a {display:block; position:relative; padding:22px 10px; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}
.m_wrapper_n .n_bv_con .w3 a.t2 {position:relative; top:-1px;}
.m_wrapper_n .n_bv_con .w3 a .e1 {display:block; font-size:13px; color:#2c2c2c; line-height:18px;}
.m_wrapper_n .n_bv_con .w3 a .e2 {display:block; margin-top:4px; font-size:13px; color:#888888; line-height:18px; font-weight:300; padding-right:30px;}
.m_wrapper_n .n_bv_con .w3 a .e2 span {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} 
.m_wrapper_n .n_bv_con .w3 a .e3.up {position:absolute; top:50%; margin-top:-4px; right:15px; background:url(/img/hanwha/nimg/m/n_bv_arr_tp.png) no-repeat; width:15px; height:8px; background-size:15px 8px;}
.m_wrapper_n .n_bv_con .w3 a .e3.down {position:absolute; top:50%; margin-top:-4px; right:15px; background:url(/img/hanwha/nimg/m/n_bv_arr_dn.png) no-repeat; width:15px; height:8px; background-size:15px 8px;}
.m_wrapper_n .n_bv_con .w4 {margin-top:25px;}
.m_wrapper_n .n_bv_con .w4 ul {text-align:center; letter-spacing:0px;}
.m_wrapper_n .n_bv_con .w4 ul li {display:inline-block; padding:0 6px;}
.m_wrapper_n .n_bv_con .w4 ul li a, .m_wrapper_n .n_bv_con .w4 ul li a img {display:block; width:48px; height:48px;}

.m_wrapper_n .n_bv_list {padding:75px 20px 0 20px;}
.m_wrapper_n .n_bv_list h2 img {width:97px; height:16px; display:block; margin:0 auto; margin-bottom:3px; }
.m_wrapper_n .n_bv_list h2 {font-size:29px; line-height:35px; color:#2c2c2c; font-weight:500; text-align:center;}
.m_wrapper_n .n_bv_list_con {border-top:2px solid #f37321; margin-top:20px;}
.m_wrapper_n .n_bv_list_con ul li a {display:block; padding:22px 10px; position:relative; border-bottom:1px solid #e5e5e5;}
.m_wrapper_n .n_bv_list_con ul li a .w1 {display:block; font-size:14px; color:#2c2c2c; line-height:18px; padding-right:30px;}
.m_wrapper_n .n_bv_list_con ul li a .w1 span {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} 
.m_wrapper_n .n_bv_list_con ul li a .w2 {display:block; margin-top:5px; font-size:12px; color:#888888; line-height:18px; font-weight:300; }
.m_wrapper_n .n_bv_list_con ul li a .w3 {display:block; position:absolute; right:15px; top:50%; margin-top:-8px; background:url(/img/hanwha/nimg/m/n_bv_arr_rt.png) no-repeat; width:8px; height:15px; background-size:8px 15px;}

.m_wrapper_n .n_pager {line-height:0px; text-align:center; margin-top:20px;}
.m_wrapper_n .n_pager a {vertical-align:middle; margin:0 5px; display:inline-block; color:#444444; font-size:17px; line-height:33px; width:33px; height:33px; width:33px; height:33px; text-align:center;}
.m_wrapper_n .n_pager .prev {background:url(/img/hanwha/nimg/m/n_pager_prev.png) center no-repeat; background-size:10px 17px;}
.m_wrapper_n .n_pager .next {background:url(/img/hanwha/nimg/m/n_pager_next.png) center no-repeat; background-size:10px 17px;}
.m_wrapper_n .n_pager a.on {color:#ffffff; background:#f37321; border-radius:100%;}

.m_wrapper_n .n_ctop2 {height:45px; background:#e6e6e6;}
.m_wrapper_n .n_ctop2_in {position:relative;}
.m_wrapper_n .n_ctop2_in .n_ctop_menu {position:absolute; top:0; left:0; display:block; width:50px; height:45px; background:url(/img/hanwha/nimg/m/n_top2_menu.png) center no-repeat; background-size:22px 16px;}
.m_wrapper_n .n_ctop2_in h1 {line-height:0px; padding-top:8px; text-align:center;}
.m_wrapper_n .n_ctop2_in h1 a {display:inline-block; line-height:0px; width:117px; height:29px;}
.m_wrapper_n .n_ctop2_in h1 a img {display:block; width:117px; height:29px;}

.m_wrapper_n .n_c1d {position:relative; min-width:300px;}
.m_wrapper_n .n_c1d {background:url(/img/hanwha/nimg/m/n_c1d_bg01_n01.png) center no-repeat; background-size:cover; min-height:460px;}
.m_wrapper_n .n_c1d h2 {padding-top:46px; font-size:25px; line-height:36px; color:#ffffff; text-align:center; font-weight:300;}
.m_wrapper_n .n_c1d h2 img {height:28px; margin-top:7px; display:block; margin:0 auto;}
.m_wrapper_n .n_c1d p {margin-top:170px; font-size:14px; line-height:23px; color:#ffffff; font-weight:300; text-align:center;}
.m_wrapper_n .n_c1d_btns {text-align:center; position:absolute; left:20px; right:20px; bottom:50px; z-index:2;}
.m_wrapper_n .n_c1d_btns:after {content:""; display:block; clear:both;}
.m_wrapper_n .n_c1d_btns div {width:50%; box-sizing:border-box; float:left;}
.m_wrapper_n .n_c1d_btns div:first-child {padding-right:7px;}
.m_wrapper_n .n_c1d_btns div:last-child {padding-left:7px;}
.m_wrapper_n .n_c1d_btns a {display:inline-block; width:100%; box-sizing:border-box; height:47px; border:1px solid #ffffff; border-radius:47px; text-align:center;}
.m_wrapper_n .n_c1d_btns a span {font-size:14px; font-weight:500; line-height:47px; color:#ffffff;display:inline-block; padding-right:15px; background:url(/img/hanwha/nimg/m/n_c1d_arr01.png) right center no-repeat; background-size:7px 12px;}

.m_wrapper_n .n_tit_hd01 {line-height:0px; text-align:center;}
.m_wrapper_n .n_tit_hd01 img {display:inline-block;}
.m_wrapper_n .n_tit_hd02 {margin-top:13px; font-size:15px; font-weight:300; line-height:20px; color:#666666; text-align:center;}


.m_wrapper_n .n_c2d {padding:50px 0 50px 0;}
.m_wrapper_n .n_c2d .n_tit_hd01 img {height:22px;}
.m_wrapper_n .n_c2d_dv {display:block; padding:0 15px;}
.m_wrapper_n .n_c2d_dv a {display:block; width:245px; height:245px; position:relative;}
.m_wrapper_n .n_c2d_dv a .w1 {text-align:center; background:rgba(0,0,0,0.2); display:table-cell; width:245px; height:245px; vertical-align:middle; position:relative; z-index:2;}
.m_wrapper_n .n_c2d_dv a .w1 .e1 {display:block; font-weight:bold; font-size:14px; line-height:18px; font-weight:700;}
.m_wrapper_n .n_c2d_dv a .w1 .e1.t1 {color:#f26e3a;}
.m_wrapper_n .n_c2d_dv a .w1 .e1.t2 {color:#709aef;}
.m_wrapper_n .n_c2d_dv a .w1 .e1.t3 {color:#66da61;}
.m_wrapper_n .n_c2d_dv a .w1 .e2 {display:block; margin-top:8px; font-size:17px; height: 26px; line-height:25px; color:#ffffff; padding:0 20px;}
.m_wrapper_n .n_c2d_dv a .w1 .e2 { }
.m_wrapper_n .n_c2d_dv a .w2 {position:absolute; top:0; left:0; right:0; bottom:0;  overflow: hidden;}
.m_wrapper_n .n_c2d_dv a .w2 img {display:block; height:245px; max-width: none;}
.m_wrapper_n .n_c2d_dv a .w2.n_le01 img { position: absolute; left:-50%;}
.m_wrapper_n .n_c2d_slide {margin-top:32px; padding-bottom:33px;}
.m_wrapper_n .n_c2d_slide .slick-dots {position:absolute; left:0; right:0; bottom:0px; text-align:center;}
.m_wrapper_n .n_c2d_slide .slick-dots li {display:inline-block; padding:0 6px;}
.m_wrapper_n .n_c2d_slide .slick-dots li button {text-indent:-9999px; padding:0px; font-size:0px; border:0px; width:13px; height:13px; background:#cbced0; border-radius:13px;}
.m_wrapper_n .n_c2d_slide .slick-dots li.slick-active button {width:36px; background:#f37321;}
.m_wrapper_n .n_c2d_more a {margin:30px auto 0 auto; display:block; width:166px; height:46px; border:1px solid #f37321; text-align:center; border-radius:46px;}
.m_wrapper_n .n_c2d_more a span {font-size:13px; font-weight:500; color:#f37321; letter-spacing:0.5px; padding-right:20px; background:url(/img/hanwha/nimg/m/n_2d_arr01.png) right center no-repeat; line-height:46px; display:inline-block; background-size:7px 14px;}


.m_wrapper_n .n_c3d {border-top:1px solid #e5e5e5; padding:50px 0 50px 0;}
.m_wrapper_n .n_c3d .n_tit_hd01 img {height:23px;}
.m_wrapper_n .n_c3d_1d {margin-top:30px; background:url(/img/hanwha/nimg/m/n_c3d_bg01.png) center no-repeat; height:175px; background-size:cover;}
.m_wrapper_n .n_c3d_1d h2 {padding:48px 0 0 25px; font-size:22px; line-height:26px; color:#ffffff; font-weight:700;}
.m_wrapper_n .n_c3d_1d p {padding:8px 0 0 25px; font-size:16px; font-weight:300; color:#ffffff; line-height:22px;}
.m_wrapper_n .n_c3d_2d {margin-top:30px; padding:0 15px;}
.m_wrapper_n .n_c3d_2d ul {border:1px solid #dddddd;}
.m_wrapper_n .n_c3d_2d ul li {border-top:1px solid #dddddd; padding:24px 20px 24px 133px;}
.m_wrapper_n .n_c3d_2d ul li:nth-child(1) {background:url(/img/hanwha/nimg/m/n_c3d_ico01.png) 36px center no-repeat; background-size:52px 52px;}
.m_wrapper_n .n_c3d_2d ul li:nth-child(2) {background:url(/img/hanwha/nimg/m/n_c3d_ico02.png) 36px center no-repeat; background-size:52px 52px;}
.m_wrapper_n .n_c3d_2d ul li:nth-child(3) {background:url(/img/hanwha/nimg/m/n_c3d_ico03.png) 36px center no-repeat; background-size:52px 52px;}
.m_wrapper_n .n_c3d_2d ul li:first-child {border-top:0px;}
.m_wrapper_n .n_c3d_2d ul li h3 {color:#2c2c2c; font-size:17px; line-height:23px; font-weight:700;}
.m_wrapper_n .n_c3d_2d ul li p {color:#666666; font-size:12px; line-height:17px; font-weight:300; margin-top:4px;}


.m_wrapper_n .n_cfooter2 {padding-bottom:34px; background:#2b2b2b;}
.m_wrapper_n .n_cf2_1d {text-align:center; padding:15px 0 14px 0;}
.m_wrapper_n .n_cf2_1d dl {display:inline-block; line-height:0px;}
.m_wrapper_n .n_cf2_1d dl:first-child{margin-right:19px;}
.m_wrapper_n .n_cf2_1d dt, .m_wrapper_n .n_cf2_1d dd {display:inline-block; font-size:13px; line-height:16px; color:#eaeaea;}
.m_wrapper_n .n_cf2_1d dd {margin-left:4px;}
.m_wrapper_n .n_cf2_2d {padding:25px 0 0 0; border-top:1px solid #363637;}
.m_wrapper_n .n_cf2_2d ul {text-align:center;}
.m_wrapper_n .n_cf2_2d ul li {display:inline-block; line-height:0px; padding:0 7px;}
.m_wrapper_n .n_cf2_2d ul li img {display:block; width:48px; height:48px;}
.m_wrapper_n .n_cf2_3d {text-align:center; font-size:13px; line-height:22px; margin-top:21px; color:#a9a9a9; font-weight:100;}


/********************* 2018.09.11 *********************/
#newWrap .n_bv_con .w3 .e1 { display: none;} 
#newWrap .n_bv_con .w3 .e2 { color: #000; }
#newWrap .n_bv_con .w3 .e3 span {color: #999;}

#newWrap .n_bv_list .paging strong, #newWrap .n_bv_list .paging a {border: 0px;}
#newWrap .n_bv_list .paging strong {border: 0px !important; background-color:#f37321; border-radius: 20px; color: #fff; }

#newWrap .n_bv_list .paging .paging_first_off, #newWrap .n_bv_list .paging .paging_first {width:10px; height:22px; margin-top:3px; margin-right:10px; padding: 0px; background:url(/img/hanwha/nimg/m/n_pager_prev.png) no-repeat; background-size:10px;}
#newWrap .n_bv_list .paging .paging_last_off, #newWrap .n_bv_list .paging .paging_last {width:10px; height:22px; margin-top:3px; margin-left:10px; padding: 0px;  background:url(/img/hanwha/nimg/m/n_pager_next.png) no-repeat; background-size:10px;}


.m_wrapper_n .n_b1d_slide .n_b1d_dv .new_a1 {position: absolute; background-color: transparent; width: 100vh; height: 320px; z-index: 99999999;}

.m_wrapper_n .n_b2d_stamp_dv .new_a1 {position: absolute;  background-color: transparent; width: 100vh; height: 100vh; z-index: 99999999;}


/********************* 2018.11.22 *********************/
.m_wrapper_n .n_m2d {padding:60px 0 60px 0; position:relative; border-top:1px solid #e5e5e5;}
.m_wrapper_n .n_m2d_top {padding-top:25px; max-width: 640px; margin:0px auto;}
.m_wrapper_n .n_m2d_top ul {position: relative; display: block; overflow: hidden; margin-left: 10px; margin-right: 10px;}
.m_wrapper_n .n_m2d_top ul li {position: relative; display: block; overflow: hidden; margin-bottom:10px; background:url(/img/hanwha/nimg/m/n_plus_ico01.png) right 9px no-repeat;}
.m_wrapper_n .n_m2d_top ul li a {position: relative; display: block; overflow: hidden; height:100px; border:1px solid #dddddd; border-right:1px solid #fd7f68;}
.m_wrapper_n .n_m2d_top ul li a .img_n {position: relative; display: block; overflow: hidden; width: 100px; height:120px; background-repeat:no-repeat; background-size:cover; background-position:center;}
.m_wrapper_n .n_m2d_top ul li a .e1 {position: absolute; top:0px; left:108px; right:5px; height:110px; }
.m_wrapper_n .n_m2d_top ul li a .e1 .r1 {display:block; margin-top: 20px; line-height:20px; color:#333; font-size:17px; font-weight:500; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.m_wrapper_n .n_m2d_top ul li a .e1 .r2 {display:block; margin-top: 5px; line-height:17px; font-size:12px; color:#333; font-weight:300; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; word-break:break-all; max-height:34px;}

.m_wrapper_n .n_m2d_btm {padding-top:15px; max-width: 640px; margin:0px auto; overflow:hidden;}
.m_wrapper_n .n_m2d_btm .n_m2dbtm_lt {position: relative; display: block; overflow: hidden; margin-left: 10px; margin-right: 10px; text-align: center; border: 1px solid #dedede;}
.m_wrapper_n .n_m2d_btm .n_m2dbtm_lt a, .m_wrapper_n .n_m2d_btm .n_m2dbtm_lt a img {display:block; text-align: center;}

.m_wrapper_n .n_m2d_btm .n_m2dbtm_rt {margin-top: 8px; position: relative; display: block; overflow: hidden; border:1px solid #dddddd; padding:12px; margin-left: 10px; margin-right: 10px;}
.m_wrapper_n .n_m2d_btm .n_m2dbtm_rt h3 {position: relative; display: block; overflow: hidden; line-height: 25px; width: 65px; padding-right:5px; border-right:1px solid #dddddd; font-size:13px; color:#333; font-weight:300; text-align:center; }
.m_wrapper_n .n_m2d_btm .n_m2dbtm_rt ul {position: absolute; top: 16px; left: 92px; right: 15px; overflow: hidden; height: 25px;}
.m_wrapper_n .n_m2d_btm .n_m2dbtm_rt ul li a {position: relative; display: block; overflow: hidden;}
.m_wrapper_n .n_m2d_btm .n_m2dbtm_rt ul li {margin-top:6px; overflow:hidden;}
.m_wrapper_n .n_m2d_btm .n_m2dbtm_rt ul li:first-child {margin-top:0px;}
.m_wrapper_n .n_m2d_btm .n_m2dbtm_rt ul li a .w1 {position: relative; display: block; overflow: hidden; padding-right: 70px; white-space:nowrap; text-overflow:ellipsis; color:#666666; font-size:13px; line-height:18px; font-weight:300;}
.m_wrapper_n .n_m2d_btm .n_m2dbtm_rt ul li a .w2 {position: absolute; top: 0px; right: 0px; font-size:13px; line-height:18px; color:#a7a7a7; font-weight:300; text-align:right;}

.m_wrapper_n .n_m3d {padding:60px 0 60px 0; position:relative; border-top:1px solid #e5e5e5; background-color: #fafafa;}
.m_wrapper_n .n_m3d_dv a{transition:all 0.3s ease; display:block; margin:29px 25px 0 25px;}
.m_wrapper_n .n_m3d_dv .w1 {transition:all 0.3s ease; display:block; width:165px; height:116px; background-repeat:no-repeat; background-size:cover; background-position:center;}
.m_wrapper_n .n_m3d_dv .w2 {transition:all 0.3s ease;display:block; padding:17px 20px; height:41px; background:#ffffff;}
.m_wrapper_n .n_m3d_dv .w2 .e1 {text-align:center; transition:all 0.3s ease;display:block; font-size:12px; font-weight:300; color:#a1a5ac; line-height:16px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; word-break:break-all; max-height:34px;}
.m_wrapper_n .n_m3d_dv .w2 .e2 {text-align:center; transition:all 0.3s ease; display:none;}
.m_wrapper_n .n_m3d_dv {width:215px; height:379px;}
.m_wrapper_n .n_m3d_dv.slick-current.slick-active {width:255px; height:409px;}
.m_wrapper_n .n_m3d_dv.slick-current.slick-active .w2 .e2 {display:block; margin-top:8px; font-size:12px; font-weight:300; color:#a1a5ac; line-height:16px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; word-break:break-all; max-height:30px;}
.m_wrapper_n .n_m3d_dv.slick-current.slick-active .w1 {width:205px; height:125px;}
.m_wrapper_n .n_m3d_dv.slick-current.slick-active .w2 {padding:14px 10px 13px 10px; height:96px;}
.m_wrapper_n .n_m3d_dv.slick-current.slick-active .w2 .e1 {font-size:17px; color:#f47320; font-weight:500; line-height:24px; max-height:50px;}
.m_wrapper_n .n_m3d_dv.slick-current.slick-active a{margin:0px 25px 0 25px;}
.m_wrapper_n .n_m3d_dv.slick-current.slick-active .w2 {border-bottom:1px solid #fc683c;}
.m_wrapper_n .n_m3d_slide {margin-top:26px;}
.m_wrapper_n .n_m3d_slide_in_n {height:284px; overflow: hidden;}
.m_wrapper_n .n_m3d_slide_in_n .slick-dots {line-height:0px; position:absolute; bottom:0; left:0; right:0; text-align:center;}
.m_wrapper_n .n_m3d_slide_in_n .slick-dots li {display:inline-block; padding:0 5px;}
.m_wrapper_n .n_m3d_slide_in_n .slick-dots li button {border-radius:100%; border:0px; text-indent:-9999px; font-size:0; background:#dddddd; width:10px; height:10px; display:block; padding:0px;}
.m_wrapper_n .n_m3d_slide_in_n .slick-dots li.slick-active button {width:14px; height:14px; background:#f47320;}

.m_wrapper_n .n_m4d {padding:60px 0 60px 0; position:relative; border-top:1px solid #e5e5e5;}
.m_wrapper_n .n_m4d_slide {max-width: 325px; margin:0px auto; overflow: hidden; height: 207px;}
.m_wrapper_n .n_m4d .n_m4d_dv {margin-top: 18px; padding-left: 4px; overflow: hidden; }
.m_wrapper_n .n_m4d .n_m4d_dv .a_circle {display:block; width:119px;}
.m_wrapper_n .n_m4d .n_m4d_dv .circle {position: relative; padding:20px 17px 0 17px; width:119px; height:120px; background:#fafafa;  margin-bottom: 9px;}
.m_wrapper_n .n_m4d .n_m4d_dv .w1 {display:block; overflow:hidden; width:100%;}
.m_wrapper_n .n_m4d .n_m4d_dv .w1 .e1 {margin-top: 4px; text-align:right; font-size:12px; margin-left: 5px; font-weight:500; color:#5d5050; width:52px; display:block; float:left; padding-right:5px; background:url(/img/hanwha/nimg/m/n_line03.png) right center no-repeat; line-height:16px; }
.m_wrapper_n .n_m4d .n_m4d_dv .w1 .e2 {margin-top: 4px; width:43px; padding-left:5px; display:block; float:left; font-size:12px; font-weight:500; color:#ff994e; line-height:16px;}
.m_wrapper_n .n_m4d .n_m4d_dv .w1 .e2.high {color:#fc5e2e;}
.m_wrapper_n .n_m4d .n_m4d_dv .e3 {margin-top: 4px; text-align:right; font-size:12px; margin-left: 0; font-weight:500; color:#5d5050; display:block; float:left; padding-right:4px; background:url(/img/hanwha/nimg/m/n_line03.png) right center no-repeat; line-height:16px; }
.m_wrapper_n .n_m4d .n_m4d_dv .e3_2 {margin-top: 4px; text-align:right; font-size:12px; margin-left: 5px; font-weight:500; color:#5d5050; display:block; float:left; padding-right:3px; background:url(/img/hanwha/nimg/m/n_line03.png) right center no-repeat; line-height:16px; }
.m_wrapper_n .n_m4d .n_m4d_dv .e4 {margin-top: 4px; text-align:center; padding-left:3px; padding-right:4px; display:block; float:left; font-size:12px; font-weight:500; color:#ffbb00; line-height:16px; background:url(/img/hanwha/nimg/m/n_line03.png) right center no-repeat;}
.m_wrapper_n .n_m4d .n_m4d_dv .e4.high {color:#fc5e2e;}
.m_wrapper_n .n_m4d .n_m4d_dv .e5 {margin-top: 4px; padding-left:3px; display:block; float:left; font-size:12px; font-weight:500; color:#ffbb00; line-height:16px; }
.m_wrapper_n .n_m4d .n_m4d_dv .w2 {text-align:center; display:block; font-size:30px; line-height:30px; margin-top:2px; border-bottom:1px solid #cacaca; color:#2c2c2c; font-weight:700; }
.m_wrapper_n .n_m4d .n_m4d_dv .w2 span {font-size:19px;}
.m_wrapper_n .n_m4d .n_m4d_dv .w3 {text-align:center; font-size:12px; color:#666666; line-height:14px; display:block;  margin-top:4px;}
.m_wrapper_n .n_m4d .n_m4d_dv .w4 {text-align:center; display:block; margin-top:3px; font-size:13px; letter-spacing:-0.1em; color:#666666; line-height:14px; font-weight:500;}
.m_wrapper_n .n_m4d .n_m4d_dv .de1 {position: relative; top: -97px; height: 20px; width: 134px; left: 1px;};
.m_wrapper_n .n_m4d_slide_in_n {padding-bottom:5px;}
.m_wrapper_n .n_m4d_slide_in_n .slick-dots {line-height:0px;  bottom:0; left:0; right:0; text-align:center;}
.m_wrapper_n .n_m4d_slide_in_n .slick-dots li {display:inline-block; padding:0 5px;}
.m_wrapper_n .n_m4d_slide_in_n .slick-dots li button {border-radius:100%; border:0px; text-indent:-9999px; font-size:0; background:#dddddd; width:10px; height:10px; display:block; padding:0px;}
.m_wrapper_n .n_m4d_slide_in_n .slick-dots li.slick-active button {width:14px; height:14px; background:#f47320;}



.m_wrapper_n .n_m4d .w1 .e2.icoRisk_01{color:#094703}
.m_wrapper_n .n_m4d .w1 .e2.icoRisk_02{color:#4e8312}
.m_wrapper_n .n_m4d .w1 .e2.icoRisk_03{color:#119795}
.m_wrapper_n .n_m4d .w1 .e2.icoRisk_04{color:#ef4141}
.m_wrapper_n .n_m4d .w1 .e2.icoRisk_05{color:#cc0000;}
.m_wrapper_n .n_m4d .w1 .e2.icoRisk_06{color:#cc0000;}

.m_wrapper_n .n_m4d .e4.icoRisk_01{color:#094703}
.m_wrapper_n .n_m4d .e4.icoRisk_02{color:#4e8312}
.m_wrapper_n .n_m4d .e4.icoRisk_03{color:#119795}
.m_wrapper_n .n_m4d .e4.icoRisk_04{color:#ef4141}
.m_wrapper_n .n_m4d .e4.icoRisk_05{color:#cc0000;}
.m_wrapper_n .n_m4d .e4.icoRisk_06{color:#cc0000;}

.m_wrapper_n .n_m5d {padding:60px 0 10px 0; overflow: hidden; border-top:1px solid #e5e5e5;}
.m_wrapper_n .n_m5d_dv {display:block; padding:0 15px;}
.m_wrapper_n .n_m5d_dv a {display:block; width:245px; height:245px; position:relative;}
.m_wrapper_n .n_m5d_dv a .w1 {text-align:center; display:table-cell; width:245px; height:245px; vertical-align:middle; position:relative; z-index:2;}
.m_wrapper_n .n_m5d_dv a .w1 .e1 {display:block; font-weight:bold; font-size:14px; line-height:18px; font-weight:700;}
.m_wrapper_n .n_m5d_dv a .w1 .e1.t1 {}
.m_wrapper_n .n_m5d_dv a .w1 .e1.t2 {}
.m_wrapper_n .n_m5d_dv a .w1 .e1.t3 {}
.m_wrapper_n .n_m5d_dv a .w1 .e2 {display:block; text-align: center; margin-top:8px; font-size:17px; line-height:25px; color:#ffffff; padding:0 10px;}
.m_wrapper_n .n_m5d_dv a .w1 .e2 img{display: inline-block;}
.m_wrapper_n .n_m5d_dv a .w2 {position:absolute; top:0; left:0; right:0; bottom:0;}
.m_wrapper_n .n_m5d_dv a .w2 img {display:block; width:245px; height:245px;}
.m_wrapper_n .n_m5d_slide {margin-top:26px; padding-bottom:33px;}
.m_wrapper_n .n_m5d_slide .slick-dots {position:absolute; left:0; right:0; bottom:0px; text-align:center;}
.m_wrapper_n .n_m5d_slide .slick-dots li {display:inline-block; padding:0 5px;}
.m_wrapper_n .n_m5d_slide .slick-dots li button {border-radius:100%; border:0px; text-indent:-9999px; font-size:0; background:#dddddd; width:10px; height:10px; display:block; padding:0px;}
.m_wrapper_n .n_m5d_slide .slick-dots li.slick-active button {width:14px; height:14px; background:#f47320;}

.m_wrapper_n .n_md_tit01 {line-height:28px; text-align:center; font-size:28px; font-weight: 500;}
.m_wrapper_n .n_md_tit01 img {display:inline-block; height:28px;}
.m_wrapper_n .n_md_tit02 {margin-top:13px; font-size:15px; font-weight:300; line-height:20px; color:#666666; letter-spacing:-0.07em; text-align:center;}

.m_wrapper_n .n_free_more a {margin:30px auto 0 auto; display:block; width:166px; height:46px; border:1px solid #f37321; text-align:center;}
.m_wrapper_n .n_free_more a span {font-size:13px; font-weight:500; color:#f37321; letter-spacing:0.5px; padding-right:20px; background:url(/img/hanwha/nimg/m/n_2d_arr01.png) right 18px no-repeat; line-height:44px; display:inline-block; background-size:6px 10px;}


.m_wrapper_n .visualRollingWrap                                        	{position:relative; overflow:hidden;  }
.m_wrapper_n .visualRollingWrap .visualRolling                        	{}
.m_wrapper_n .visualRollingWrap .visualRolling ul                      	{}
.m_wrapper_n .visualRollingWrap .visualRolling ul li                 	{position:relative; display:block; color:#fff; font-size: 12px;}
.m_wrapper_n .visualRollingWrap .visualRolling ul li a 					{}
.m_wrapper_n .visualRollingWrap .visualRolling ul li img         		{display:block; vertical-align:top; }
.m_wrapper_n .visualRollingWrap .visualRolling ul li span.txt    		{position:absolute; padding:20px 12px 0;}
.m_wrapper_n .visualRollingWrap .visualRolling ul li em.tit      		{font-size:24px; display:block; padding-bottom:5px; }
.m_wrapper_n .visualRollingWrap .visualRolling ul li em.cont 			{font-size:15px; }
.m_wrapper_n .visualRollingWrap .visualRolling ul li span.img    		{display:block; }
.m_wrapper_n .visualRollingWrap .visualRolling ul li span.img img    	{width:100%; }
.m_wrapper_n .visualRollingWrap .visualRolling .slideTab               	{position:absolute;  width:100%; text-align:left; padding-left:12px; margin-top: 15%;  }
.m_wrapper_n .visualRollingWrap .visualRolling .slideTab li            	{display:inline; padding:0 1px;}
.m_wrapper_n .visualRollingWrap .visualRolling .slideTab li a      		{display:inline-block;  width:8px; height:8px; background:#ddd; }
.m_wrapper_n .visualRollingWrap .visualRolling .slideTab li.on a   		{background:#de690a}

.m_wrapper_n .visualRollingWrap .topLinks          {position:absolute; overflow: hidden; margin:0 11% 0; margin-top: -28%;}
@media all and (min-width:640px) {
.m_wrapper_n .visualRollingWrap .topLinks          { width: 70%;}
}
.m_wrapper_n .visualRollingWrap .topLinks li       {float:left; width:24%; margin-right: 1%; }
.m_wrapper_n .visualRollingWrap .topLinks li.last  {width:100%; }
.m_wrapper_n .visualRollingWrap .topLinks li a     {display:block; width:100%;}
.m_wrapper_n .visualRollingWrap .topLinks li img   {width:100%; vertical-align:top; }


.m_wrapper_n .marketDateWrap						{position:relative; overflow:hidden; margin:0 2px; padding-bottom:15px; }
.m_wrapper_n .marketDateWrap .dl					{float:left; width:33.3%; text-align: center; font-size:11px;}
.m_wrapper_n .marketDateWrap .dl strong		{font-weight:normal; }
.m_wrapper_n .marketDateWrap .dl strong.shares_data_tit	{display:block; padding:15px 0 0;  font-size:11px; color:#000; }
.m_wrapper_n .marketDateWrap .dl strong.perc			{display:block; font-size:19px;  }
.m_wrapper_n .marketDateWrap .dl em				{font-size:11px;  }
.m_wrapper_n .marketDateWrap .dl .dabiup		{color:#bf3332 !important;}
.m_wrapper_n .marketDateWrap .dl .dabidown	{color:#477dba !important;}

.m_wrapper_n .marketDateWrap span#_ksp_time_{ display:none; }
.dabidown													{ color: #0066cc !important; }
.dabiup															{ color: #da2020 !important; }
.m_wrapper_n .marketDateWrap .bul_upTable01		{ padding-left: 15px; background: url(/img/common/ico/2015/ico_up01.png) left center no-repeat;}
.m_wrapper_n .marketDateWrap .bul_downTable01	{ padding-left: 15px; background: url(/img/common/ico/2015/ico_down01.png) left center no-repeat;}

.m_wrapper_n .marketDate_more {position:relative; overflow: hidden; display: block; background-color: #f6f6f6;}
.m_wrapper_n .marketDate_more a {position:relative; overflow: hidden; display: block; height:46px; text-align:center;}
.m_wrapper_n .marketDate_more a span {font-size:13px; font-weight:500; color:#666; letter-spacing:0.5px; padding-right:10px; background:url(/img/hanwha/nimg/m/n_2d_arr01_n.png) right 17px no-repeat; line-height:44px; display:inline-block; background-size:6px 10px;}

#tnav.nav_color {}
#tnav.nav_color .all_menu_btn {left:9px;width:24px;height:18px;background:url(/img/hanwha/nimg/m/btn_allnav2_wn.png) 0 0 no-repeat; background-size:24px auto; font-size:0;text-indent:-10000px;}
#tnav.nav_color .all_menu_btn a {display:block; width:24px;height:18px;}
#tnav.nav_color h1.hlogo {width:120px; background: url(/img/hanwha/nimg/m/h1_logo_wn.png) left 4px no-repeat; background-size:120px auto;}
#tnav.nav_color .toploginBtn .btn_nav_login {height:22px;line-height:21px;width: 19px;background: url(/img/hanwha/nimg/m/header_icon_login2_wn.png) 100% 0 no-repeat; background-size:17px 21px;}
#tnav.nav_color .toploginBtn .btn_nav_logout {height:22px;line-height:21px;width: 19px;background: url(/img/hanwha/nimg/m/header_icon_logout2_wn.png) 100% 0 no-repeat; background-size:19px 21px;}
