@charset "utf-8";
/* CSS Document */

/*메인탑 (인덱스에서만 적용)*/
#top_hd{ background:url(../img/main/top_hd_bg.jpg) no-repeat center ; height:450px; /*background-attachment:fixed*/}
#top_hd .txt_box  {position:relative;  /*border-radius:50%;background:rgba(255,255,255,0.7);*/max-width:210px;margin:20px auto;height:136px;vertical-align:middle;text-align:center;}
#top_hd .txt_box p.mt03 {	color:#fff;}
#top_hd .txt_box p.mt04{background:#106c38;padding:12px 5px;}
#top_hd .txt_box p.mt04 span{	color:#fff;}
#top_hd p.mt06 {	color:#fff;}

#svisual .txt_box  {position:relative; max-width:350px;margin:0 auto;height:136px;vertical-align:middle;/*border-radius:50%;background:rgba(255,255,255,0.7);*/	}
#svisual .txt_box .sbox{background:#106c38;}
#svisual .txt_box .sbox span{	color:#fff;}


#top_hd .txt_box_m  {position:relative; border-radius:50%;background:;max-width:350px;margin:20px auto;height:136px;vertical-align:middle;}
#top_hd .txt_box_m p.mt03 {color:#fff;text-shadow:1px 2px 2px rgba(0,0,0,0.6);font-weight:300;font-family:'Noto Sans KR',sans-serif;font-size:14px;}
#top_hd .txt_box_m p.mt04 {color:#fff;text-shadow:1px 2px 2px rgba(0,0,0,0.6);font-weight:500;font-family:'Noto Serif KR',sans-serif;letter-spacing:0;font-size:23px;}
@media screen and (max-width:767px) {
#top_hd{ background:url(../img/main/top_hd_bg.jpg) no-repeat top center; height:368px;background-attachment:fixed}
#top_hd .txt_box  {max-width:300px;height:116px;}
#svisual .txt_box {max-width:300px;height:116px;}

}

/*메인롤링*/
#mvisual_wrap{background:url(../img/main/m_roll_bg.jpg) repeat-x; height:505px; width:100%; position:relative; margin:0px auto;}
@media screen and (max-width:767px) {
	#top_hd .txt_box  {margin:0 auto;}
	#mvisual_wrap{background:#fff; height:auto; width:100%; position:relative; margin:0px auto;}
}

@media screen and (max-width:480px) {
	#top_hd{ background:url(../img/main/top_hd_bg_m.jpg) no-repeat center ;background-size:100% auto;}
}


@media (min-width: 1200px)
 .container {  width: 1200px;}
}


/* gnb 메뉴 */
.gnbNew { height:82px;z-index:1000;}


.gnbNew { height:82px;z-index:1000;}

.gnbNew #logo{ width:204px; padding:28px 0 0 0; float:left;}
.gnbNew .on{border-top:1px solid #dddddd;position:relative;z-index:2;height:61px;background:none;}
.gnbNew img{vertical-align:top;}
.gnbNew .gnbNewBox{overflow:hidden; /*border-bottom:3px solid #333; background:#fff url(../img/common/gnb_line.gif) repeat-x 0 0;*/ /*box-shadow: 0px 5px 8px 0px rgba(115, 115, 115, 0.5);*/}
.gnbNew .gnbNewBox .gnbNewIn{width:1200px;margin:0 auto;overflow:hidden;height:82px;background:transparent;}
.gnbNew h1#logo{float:left; width:258px; padding:30px 0 0;  text-indent:-9999}
.gnbNew h1#logo a { display:block; background:url('../img/common/logo.png') no-repeat;width:258px;height:37px;z-index:10;}

.gnbNew .gnbReal{float:right; /*width:805px; */padding:0;height:82px;}
.gnbNew .gnbReal > li{float:left;line-height:82px;padding:30px 0 0 0;font-family:'s-core_dream', sans-serif;}
.gnbNew .gnbReal > li > a{display:block;font-size:15px; font-weight:500; color:#000;  height:54px; font-weight:bold}
.gnbNew .gnbReal > li > a:hover{color:#ff6b0d;}
.gnbNew .gnbReal > li > ul{position:absolute; margin-top:0px;padding:0 10px 20px 10px;/*border-left:1px solid #dedede;*/ /*height:281px;*/}
.gnbNew .gnbReal > li > ul > li{font-size:11px;font-weight:400;line-height:13px;height:20px;font-family:'s-core_dream', sans-serif;}
.gnbNew .gnbReal > li > ul > li:first-child{margin-top:20px;}
.gnbNew .gnbReal > li > ul > li:last-child{padding-bottom:20px;}
.gnbNew .gnbReal > li > ul > li > a{display:block;color:#fff;}
.gnbNew .gnbReal > li > ul > li > a:hover{color:#ff6b0d;text-decoration:underline;}
.gnbNew .gnbReal > li > ul > li.on > a{color:#08379a;text-decoration:underline;}

.gnbNew .gnbReal > li > ul{display:none;}
.gnbNew .gnbReal > li:hover > ul{display:block;}


.gnbNew .gnbReal > li.long{width:100px;float:left; font-family:'s-core_dream', sans-serif; }
.gnbNew .gnbReal > li.long > a{display:block;font-size:15px; font-weight:500; color:#000; line-height:18px; text-align: center;}
.gnbNew .gnbReal > li.long > a:hover{color:#ff6b0d;}
.gnbNew .gnbReal > li.long > ul{margin-top:0px;min-width:110px;background:rgba(21,74,51,0.7);}
.gnbNew .gnbReal > li.long > ul > li{text-align:center;}
.gnbNew .gnbReal > li.long > ul > li:first-child{margin-top:20px;}
.gnbNew .gnbReal > li.long > ul > li:last-child{padding-bottom:20px;}
.gnbNew .gnbReal > li.long > ul > li > a{display:block;}
.gnbNew .gnbReal > li.long > ul > li > a:hover{color:#ff6b0d;text-decoration:underline;}
.gnbNew .gnbReal > li.long > ul > li.on > a{color:#08379a;text-decoration:underline;}
.gnbNew .gnbReal > li.s_store {padding-top:24px;padding-right:20px;}

.gnbNew .gnbReal > li.mem_menu {text-align:right}
.gnbNew .gnbReal > li.mem_menu > ul{top:50px;background:#fff;height:130px;border-radius:15px;min-width:80px;}
.gnbNew .gnbReal > li.mem_menu {width:35px;text-align:right}
.gnbNew .gnbReal > li.mem_menu li a{color:#000;}
.gnbNew .gnbReal > li.mem_menu > ul > li {padding-left:5px;text-align:left}

.gnbNew .gnbReal > li.sns_menu {width:35px;text-align:right}
.gnbNew .gnbReal > li.sns_menu > ul{top:50px;background:#fff;height:130px;max-width:50px;min-width:50px;border-radius:15px;}
.gnbNew .gnbReal > li.sns_menu > ul li {padding:2px;text-align: center;margin-bottom:10px;}
.gnbNew .gnbReal > li.sns_menu > ul li img{max-width:25px;}
.gnbNew .gnbReal > li.sns_menu > ul li a{color:#000;margin-bottom:20px;}
.gnbNew .gnbReal > li.sns_menu > ul > li > a{height:50px;}


.gnbNew .gnbReal > li.short{width:110px;float:left; font-family:'Nanum Gothic', sans-serif; }
.gnbNew .gnbReal > li.short > a{display:block;padding-left:20px;font-size:1.25em; font-weight:500; color:#333; letter-spacing:-.095em; height:54px; font-weight:bold}
.gnbNew .gnbReal > li.short > a:hover{color:#ff6b0d;}
.gnbNew .gnbReal > li.short > ul{margin-top:0px;border-left:1px solid #dedede;border-top:1px solid #ddd;height:281px;}
.gnbNew .gnbReal > li.short > ul > li{font-size:0.95em; line-height:24px;color:#888; letter-spacing:-.095em}
.gnbNew .gnbReal > li.short > ul > li:first-child{margin-top:20px;}
.gnbNew .gnbReal > li.short > ul > li:last-child{padding-bottom:20px;}
.gnbNew .gnbReal > li.short > ul > li > a{display:block;padding-left:20px;}
.gnbNew .gnbReal > li.short > ul > li > a:hover{color:#ff6b0d;text-decoration:underline;}
.gnbNew .gnbReal > li.short > ul > li.on > a{color:#08379a;text-decoration:underline;}


.gnbNew .gnbReal > li.long2{width:155px;float:left; font-family:'Nanum Gothic', sans-serif; }
.gnbNew .gnbReal > li.long2 > a{display:block;padding-left:20px;font-size:1.25em; font-weight:500; color:#333; letter-spacing:-.095em; height:54px; font-weight:bold}
.gnbNew .gnbReal > li.long2 > a:hover{color:#ff6b0d;}
.gnbNew .gnbReal > li.long2 > ul{margin-top:0px;border-left:1px solid #dedede;border-top:1px solid #ddd;height:281px;}
.gnbNew .gnbReal > li.long2 > ul > li{font-size:0.95em; line-height:24px;color:#888; letter-spacing:-.095em}
.gnbNew .gnbReal > li.long2 > ul > li:first-child{margin-top:20px;}
.gnbNew .gnbReal > li.long2 > ul > li:last-child{padding-bottom:20px;}
.gnbNew .gnbReal > li.long2 > ul > li > a{display:block;padding-left:20px;}
.gnbNew .gnbReal > li.long2 > ul > li > a:hover{color:#ff6b0d;text-decoration:underline;}
.gnbNew .gnbReal > li.long2 > ul > li.on > a{color:#08379a;text-decoration:underline;}


/*메인컨텐츠*/
#mcont{ /*width:1200px;*/ margin:0px auto;}
#mcont:after{ display:block; content:""; clear:both;}
#mcont p{ float:left;}
#mcont p.p1{ width:401px;}
#mcont p.p2{ width:352px;}
#mcont .bbs{ display:inline-block; width:303px; margin-left:40px;}

/*메인컨텐츠 박스padding*/
.box-padd{ padding-right:20px}
@media screen and (max-width:767px) {
.box-padd{ padding-right:0px}
}

/*메인컨텐츠*/
.m_content01{ width:100%; margin:0px auto; background:url(../img/main/content_bg01.png) center no-repeat; height:630px; padding:20px 0}
@media screen and (max-width:1000px) {
.m_content01{ width:100%; margin:0px auto; background:#365592; height:auto; padding:30px 0}	
}
@media screen and (max-width:767px) {
.m_content01{ width:100%; margin:0px auto; background:#365592; height:auto; padding:30px 0}	
}
.m_content01:after {display:block;visibility:hidden;clear:both;content:""}
.m_content01 .box01{min-height:400px; background:url(../img/main/m_box01_bg.jpg) bottom right no-repeat #fff; padding:30px 30px 30px 30px}
.m_content01 .box01 p.more{ width:90%; font-size:0.9em; line-height:1.4em; letter-spacing:-.050em;text-shadow:1px 1px 1px 1px #fff;}
.m_content01 .box01 a:hover{ border:3px solid #000}
.m_content01 .box02{min-height:400px; background:url(../img/main/m_box02_bg.jpg) bottom right no-repeat #fff; padding:30px}
.m_content01 .box02 p.more{ width:80%; font-size:0.9em; line-height:1.4em; letter-spacing:-.050em}
.m_content01 .box03{min-height:210px; background:url(../img/main/m_box03_bg.jpg) bottom right no-repeat #fff; padding:30px}
.m_content01 .box03 p.more{ width:60%; font-size:0.9em; line-height:1.4em; letter-spacing:-.050em}
.m_content01 .box04{min-height:400px; background:url(../img/main/m_box04_bg.jpg) bottom right no-repeat #fff; padding:30px}
.m_content01 .box04 p.more{ width:70%; font-size:0.9em; line-height:1.4em; letter-spacing:-.050em}
.m_content01 .box05{min-height:218px; background:url(../img/main/m_box05_bg.jpg) bottom right no-repeat #fff; padding:30px}
.m_content01 .box05 p.more{ width:40%; font-size:0.9em; line-height:1.4em; letter-spacing:-.050em}
.m_content02{ width:100%; background:#f1f5fd; padding:40px 0}
.m_content02 .main_more{text-align:right;font-size:14px;letter-spacing:-1px; padding:10px 30px 10px 10px  ;font-weight:500; background:url(../img/icon_go.png) center right no-repeat ; }
.m_content02 .main_more a{color:#3B8F99;}
@media screen and (max-width:767px) {
.m_content01:after {display:block;visibility:hidden;clear:both;content:""}
.m_content01 .box01{min-height:450px; background:url(../img/main/m_box01_bg.jpg) bottom right no-repeat #fff; padding:50px 30px 30px 30px}
.m_content01 .box01 p.more{ width:70%; font-size:0.9em; line-height:1.4em; letter-spacing:-.050em}
.m_content01 .box02{min-height:210px; background:url(../img/main/m_box02_bg.jpg) bottom right no-repeat #fff; padding:30px; margin:10px 0 0 0}
.m_content01 .box02 p.more{ width:65%; font-size:0.9em; line-height:1.4em; letter-spacing:-.050em}
.m_content01 .box03{min-height:210px; background:url(../img/main/m_box03_bg.jpg) bottom right no-repeat #fff; padding:30px; margin:10px 0 0 0}
.m_content01 .box03 p.more{ width:70%; font-size:0.9em; line-height:1.4em; letter-spacing:-.050em}
.m_content01 .box04{min-height:218px; background:url(../img/main/m_box04_bg.jpg) bottom right no-repeat #fff; padding:30px; margin:10px 0 0 0}
.m_content01 .box04 p.more{ width:70%; font-size:0.9em; line-height:1.4em; letter-spacing:-.050em}
.m_content01 .box05{min-height:218px; background:url(../img/main/m_box05_bg.jpg) bottom right no-repeat #fff; padding:30px}
.m_content01 .box05 p.more{ width:50%; font-size:0.9em; line-height:1.4em; letter-spacing:-.050em}


.m_content02{ width:1200px; margin:0px auto; background:#f1f5fd; padding:40px 0}
}


@media screen and (max-width:767px) {
.m_content02{ width:100%; margin:0px auto; background:#f1f5fd; padding:40px 0}
}
.m_content02:after {display:block;visibility:hidden;clear:both;content:""}

/****모바일메뉴****/
#mobile-menu-bar{text-align: center;height: 70px;padding: 0 50px;line-height:70px;color:#fff;position:fixed;top:0px;left:0;width:100%;z-index:99999;background:#fff; /*;-moz-box-shadow: 0px 1px 1px #0e0f17;-webkit-box-shadow: 0px 1px 1px #0e0f17;box-shadow: 0px 1px 1px #0e0f17;*/}
#mobile-menu-bar h1{font-size:24px;margin:0;padding:0;}
#mobile-menu-bar h1 img{ width:200px; padding:15px 0 0}
#mobile-menu-bar h1 a{position:relative;width:auto;height:auto;}
#mobile-menu-bar h1 span{ text-indent:-5000px;; font-size:0px; line-height:0px}
#mobile-menu-bar h1 a:hover, 
#mobile-menu-bar h1 a:active, 
#mobile-menu-bar h1 a:link, #mobile-menu-bar h1 a:visited{text-decoration:none;}


/****Mobile_menu cate****/
#hd_ct {position:absolute;top:20px;left:12px;width:30px;height:23px;border:0;background:url(../img/common/cate.png) no-repeat 50% 50%;color:#fff;font-size:1em;text-indent:-9999px;-webkit-appearance:none;}
/****Mobile_menu home****/
#hd_home {overflow:hidden;position:absolute;top:15px;right:12px;padding:0 10px;height:2.6em;border:0;background:url(../img/common/home.png) no-repeat 50% 50%;color:#fff;font-size:0.01em;width:30px;height:30px;-webkit-appearance:none;text-indent:-999px;}

/****Mobile_menu****/
#hd_tnb{margin-top:-1px}
#hd_tnb:after {display:block;visibility:hidden;clear:both;content:""}
#hd_tnb li{float:left;width:25%;}
#hd_tnb li a{display:block;color:#a8a8a8;background:#f9f9f9;border:1px solid #e9e9e9;border-right:none;height:30px;line-height:30px;font-size:0.98em; letter-spacing:-.055em}
#hd_tnb li a:hover{background:#f1f1f1}
#hd_tnb li:first-child a{border-left:none}
#hd_tnb{margin-top:-1px}
#hd_tnb:after {display:block;visibility:hidden;clear:both;content:""}
#hd_tnb li{float:left;width:25%;}
#hd_tnb li a{display:block;color:#a8a8a8;background:#f9f9f9;border:1px solid #e9e9e9;border-right:none;height:30px;line-height:30px;font-size:0.98em; letter-spacing:-.055em}
#hd_tnb li a:hover{background:#f1f1f1}
#hd_tnb li:first-child a{border-left:none}
#hd_tnb li .tnb_cart {color:#404678}
#hd_tnb li .tnb_cart span{background:url(../mobile/shop/img/cart.gif) no-repeat;display:inline-block;width:11px;height:9px;margin-right:2px}

#hd_mb { position:relative; /*box-shadow:#222 0px 1px 2px*/}
#hd_mb:after {display:block;visibility:hidden;clear:both;content:""}
#hd_mb li{float:left;width:50%;}
#hd_mb li a{display:block;background:#3056a4;color:#fff;height:40px;line-height:40px;border-left:1px solid #254891;font-weight:bold; font-size:1.15em}
#hd_mb li a:hover{background:#081f4e}
#hd_mb li:first-child a{border-left:none}



/****모바일메뉴_Category****/
#category{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0,0.8);z-index:99999;-moz-box-sizing: border-box;    -webkit-box-sizing: border-box;    box-sizing: border-box;  -webkit-backface-visibility: hidden;}
#category .ct_wr{width:70%;height:100%;overflow-y:auto;background:#fff;}
#category ul.cate_tab{width:100%; margin:0;}
#category ul.cate_tab:after{display:block;visibility:hidden;clear:both;content:""}
#category ul.cate_tab li{float:left;width:33.3333333333%;font-size:13px; }
#category ul.cate_tab li a{display:block;height:38px;line-height:38px;color:#a8a8a8;background:#f9f9f9;border-bottom:1px solid #e9e9e9;border-right:1px solid #e9e9e9;border-left:none;letter-spacing: -.055em;}
#category ul.cate_tab li a.ct_tab_sl{background:#fff;border-bottom-color:#fff;color:#545454}

#category ul.cate_tab2{width:100%; margin:0 0 20px;background-color:#eeeeee;text-align:right;padding:3px 0;border-bottom:1px solid #ddd;}
#category ul.cate_tab2:after{display:block;visibility:hidden;clear:both;content:""}
#category ul.cate_tab2 li{float:left;padding-left:10px;font-size:1.05em; font-weight:bold;}
#category ul.cate_tab2 li a{display:block;height:38px;line-height:38px;color:#a8a8a8;}
#category ul.cate_tab2 li a img{}
#category ul.cate_tab2 li a.shop {background:#000;color:#fff;font-size:13px;padding:0 15px;border:none;border-radius:20px;}



#category ul.cate{background:#fff;;width:100%;text-align:left;text-indent:10px;}
#category ul.cate>li{line-height:35px;border-bottom:1px solid #e9e9e9;}
#category ul.cate li{position:relative;font-weight:bold;}
#category ul.cate li a{color:#545454;display:block;  text-overflow: ellipsis;  overflow: hidden;  white-space: nowrap;padding-right:30px; font-size: 1.20em; letter-spacing:-.050em}
#category ul.cate li ul li a{color:#545454;font-size: 1.00em; letter-spacing:-.050em}
/*#category ul.cate li .ct_op{display:inline-block;text-indent:-999px;background:url(../img/common/cate_op.png) no-repeat 10px 50% ;height:35px; width:30px;position:absolute;top:0;right:0;border:none}*/
#category ul.cate li .ct_op{display:inline-block;text-align:left;height:35px; width:100%;background:url(../img/common/cate_op2.png) no-repeat 95% 50% ;border:none;}
/*
#category ul.cate li .ct_op:after{background:url(../img/common/cate_op.png) no-repeat 10px 50% ;height:35px; width:30px;position:absolute;top:0;right:0;border:1px solid red}
*/
#category ul.cate li a:hover{color:#404678}
/*#category ul.cate li .ct_cl{background-position:-12px 50%}
#category ul.cate li .sub_ct_toggle{text-indent:-9999px;}*/
#category ul.sub_cate{display:none}
#category ul.sub_cate1 li{text-indent:20px;background:#fafafa;border-top:1px solid #e9e9e9;font-weight:normal}
#category ul.sub_cate2 li{text-indent:25px;background:#f6f6f6;}
#category ul.sub_cate3 li{text-indent:40px;background:#f3f3f3;}
#category ul.sub_cate4 li{text-indent:55px;background:#efefef;}

	

#category .pop_close{position:absolute;top:10px;left:71%;width:30px;height:30px; background:url(../img/common/close.png) no-repeat 50% 50%;;border:none;text-indent:-99999px}
#hd_mb { position:relative; /*box-shadow:#222 0px 1px 2px*/}
#hd_mb:after {display:block;visibility:hidden;clear:both;content:""}
#hd_mb li{float:left;width:50%;}
#hd_mb li a{display:block;background:#3056a4;color:#fff;height:40px;line-height:40px;border-left:1px solid #254891;font-weight:bold; font-size:1.15em}
#hd_mb li a:hover{background:#081f4e}
#hd_mb li:first-child a{border-left:none}



/* 하단 레이아웃 */
@media screen and (min-width:948px) {
#ft {min-width:100%;background:#2c9777; z-index:0; position:relative;; /*padding:40px 0 0*/}
}
@media screen and (max-width:947px) {
#ft {min-width:100%;background:#2c9777; z-index:0; position:relative;; /*padding:40px 0 0*/}
}

#ft .foot{ width:100%; margin:0px auto;  position:relative; /*background:#fff height:62px*/}
#ft .foot:after {display:block; clear:both; content:"";}

#ft .foot .fmenu{ float:left; font-size:1.00em; margin: 15px 0 0 0; font-weight: bold;}
#ft .foot .fmenu li{ display:inline; margin-right:10px; line-height:58px; color:#747371; font-size:1.00em; letter-spacing:-.055em; font-weight: 400;}
#ft .foot .fmenu li a{ color:#fff !important}
#ft .foot .fmenu li.btn{}
#ft .foot .fmenu li.btn a{padding:2px 7px; text-align:center;display:inline-block; border:1px solid #ccc; border-radius:3px; line-height:1.8em}
#ft .foot .fmenu li.btn a:hover{ display:inline-block; background:#6daad7; color:#fff; text-align:center; border-radius:3px; border:1px solid #4585b3;}
#ft .foot .fmenu li span{color:#ffe400; font-weight:400; font-size:1.0em}
#ft .foot .selbox{ float:right; padding:5px 0 0;line-height:1.3em; font-size:0.9em; margin: 15px 0 0 0}

#ft .foot .fsns{ float:right; font-size:1.00em; margin: 15px 0 0 0; font-weight: bold;}
#ft .foot .fsns li{ display:inline; margin-right:10px; line-height:58px; color:#747371; font-size:1.00em; letter-spacing:-.055em; font-weight: 400;}
#ft .foot .fsns li a{ color:#fff !important}


@media screen and (max-width:947px) {
#ft .foot .fmenu{ float:none; font-size:1.00em; text-align:center; display:block; margin:20px 0 0}
#ft .foot .fmenu li{ display:inline; margin-right:10px; line-height:16px; color:#747371; font-size:1.00em; text-align:center;word-break:keep-all}
#ft .foot .fmenu li a{  color:#747371; font-size:1.00em; text-align:center}
#ft .foot .fmenu li.btn{  text-align:center; display:block}
#ft .foot .fmenu li.btn a{padding:2px 7px; text-align:center;display:inline-block; border:1px solid #ccc; border-radius:3px; line-height:1.8em; background:#fff;color:#555;}
#ft .foot .fmenu li.btn a:hover{ display:inline-block; background:#6daad7; color:#fff; text-align:center; border-radius:3px; border:1px solid #4585b3;}
#ft .foot .fmenu li span{color:#ff6c00; font-weight:bold; font-size:1.0em}
#ft .foot .selbox{float:none;  display:block; padding:0;line-height:1.3em; font-size:0.9em; text-align:center}
#ft .foot .fmenu li.sslmark {display:block;margin-bottom:10px;}
#ft .foot .fsns{ float:none;text-align:center; display:block;}
}

#ft .n_area{ width:100%; margin:0px auto; height:72px; clear:both; padding:20px 0 0; /*background:#fff*/}
#ft .n_area:after {display:block; clear:both; content:"";}
#ft .n_area .notice{ font-size:1.05em;}
#ft .n_area .notice .bar{ font-size:0.85em; color:#CCC;padding: 29px 0 0 20px;}
#ft .n_area .notice .latest{ font-size:1.05em; color:#777;padding: 29px 0 0 20px;  font-family: 'Nanum Gothic', sans-serif;}
#ft .n_area .notice span{ font-size:1.6em;font-family:'Noto Sans KR', sans-serif; letter-spacing:-.095em; padding:22px 0 0}
#ft .n_area .notice span.point{color:#ff8441}

@media screen and (max-width:947px) {
#ft .n_area{ width:100%; margin:0px auto; height:72px; clear:both; padding:20px 0 0; /*background:#fff*/; text-align:center}
#ft .n_area:after {display:block; clear:both; content:"";}
#ft .n_area .notice{  font-size:1.05em;}
#ft .n_area .notice .bar{ font-size:0.85em; color:#CCC;padding: 29px 0 0 20px; display:none}
#ft .n_area .notice .latest{ font-size:1.05em; color:#555; opacity:0.7; padding:7px 0 0;  font-family: 'Nanum Gothic', sans-serif; display:block}
#ft .n_area .notice span{font-size:1.25em;font-family:'Noto Sans KR', sans-serif; letter-spacing:-.095em; padding: 0; color:#333}
#ft .n_area .notice span.point{color:#ff8441}
}

#ft .copy{ width:100%; margin:0px auto; clear:both; padding:0px 0 50px 0;; /*background:#fff*/ }
#ft .copy:after {display:block; clear:both; content:"";}
#ft .copy .copyright{}
#ft .copy .copyright p{color:#fff; line-height:1.45em; font-size:0.90em;word-break:keep-all}
#ft .copy .copyright span{color:#ddd; font-weight:300; line-height:10px;  font-size:12px;padding:0 6px}
#ft .copy .copyright span.copy{color:#555;  font-size:1.0em}
#ft .copy .stats { float:right; font-family: 'Nanum Gothic', sans-serif; text-align:right}
#ft .copy .stats .call{ font-family: 'Titillium Web', sans-serif; font-size:2.10em; font-weight:800; color:#3b579d; letter-spacing:-.050em; line-height:1.0em}
#ft .copy .stats .call_t{}
#ft .copy .stats .call_c{font-size:0.90em; color:#777; letter-spacing:-.050em; line-height:1.2em}

#ft .copy .copyright02{ padding:0px 0 50px 0;}
#ft .copy .copyright02 p{color:#93969d; line-height:1.25em; font-size:1.00em}
#ft .copy .copyright02 span{color:#fff; font-weight:600; line-height:2.22em;  font-size:1.15em}
#ft .copy .copyright02 span.t{color:#fff; font-weight:600; line-height:2.22em;  font-size:1.05em}
#ft .copy .copyright02 span.copy{color:#555;  font-size:1.0em}

#ft .copy .stats { float:right; font-family: 'Nanum Gothic', sans-serif; margin:10px 0 0}
#ft .copy .stats span{ font-weight:bold; font-family: 'Nanum Gothic', sans-serif; color:#333}

#ft .check{ width:100%; clear:both; padding:20px 0 30px; /*background:#fff*/ }
#ft .check:after {display:block; clear:both; content:"";}
#ft .check p{ color:#37405b; font-weight:bold; line-height:1.35em;  font-size:1.10em; letter-spacing:-.055em; /*text-align:center*/}

#ft .check02{ width:100%; clear:both; padding:0 /*background:#fff*/ }


@media screen and (max-width:767px) {
#ft .copy{ width:100%; margin:0px auto; clear:both; padding:0px 15px 30px 15px; /*background:#fff*/ }
#ft .copy:after {display:block; clear:both; content:"";}
#ft .copy .copyright{ }
#ft .copy .copyright p{color:#fff; line-height:1.45em; font-size:0.90em;word-break:keep-all}
#ft .copy .copyright span{color:#ddd; font-weight:300; line-height:0;  font-size:12px;padding:0 6px;}
#ft .copy .copyright span.br{ display:block;text-indent:-50px;}
#ft .copy .copyright span.copy{color:#555;  font-size:1.0em}
#ft .copy .stats { float:right; font-family: 'Nanum Gothic', sans-serif; text-align:center}
#ft .copy .stats .call_t{ padding:0 0 30px}

#ft .copy .copyright02{padding:0 0 0 0}
#ft .copy .copyright02 p{color:#93969d; line-height:1.35em; font-size:0.9em; text-align:center}
#ft .copy .copyright02 span{color:#fff; font-weight:550; line-height:2.00em;  font-size:1.05em}
#ft .copy .copyright02 span.copy{color:#555;  font-size:1.0em}

#ft .copy .stats { float:right; font-family: 'Nanum Gothic', sans-serif;}
#ft .copy .stats span{ font-weight:bold; font-family: 'Nanum Gothic', sans-serif; color:#333}

#ft .check{ width:100%; clear:both; padding:20px 0 20px; /*background:#fff*/ }
#ft .check:after {display:block; clear:both; content:"";}
#ft .check p{ color:#37405b; font-weight:bold; line-height:1.35em;  font-size:1.00em; letter-spacing:-.055em; text-align:center}
#ft .check02{ text-align:center }
}


#ft h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ft h3{display:none;}
#ft p {margin:0;padding:10px 0;line-height:1.8em}
#ft p span{color:#0b215f; line-height:1.3em; font-size:0.9em; opacity:1}

@media screen and (max-width:947px) {
#ft h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ft h3{display:none;}
#ft p {margin:0;padding:10px 0;line-height:1.8em}
#ft p span{color:#0b215f; line-height:1.3em; font-size:0.9em; opacity:1}
}

#ft_catch {position:relative;margin:0 auto;padding:20px 0 0;text-align:center}

#ft_company {text-align:center}

#ft_copy {background:#414141}
#ft_copy div {position:relative;margin:0 auto;padding:10px 0;color:#fff}
#ft_copy a {display:inline-block;margin:0 10px 0 0;color:inherit}
#ft_copy #ft_totop {position:absolute;top:10px;right:0}


/* 하단-탑스크롤 */
#btm_menu {
    position: fixed;
    vertical-align: bottom;
    bottom: 5px;
    clear: both;
    padding: 0px 5px 0px 0px;
    z-index: 1000;
    right: 0;
}
#btm_menu img {
    width: 45px;
}
#btm_menu02 {
    position: fixed;
    vertical-align: bottom;
    bottom: 5px;
    clear: both;
    padding: 0px 0px 0px 5px;
    z-index: 1000;
    left: 0;
}
#btm_menu02 img {
    width: 45px;
}


.main_title {margin:20px 0 50px;text-align:center}
.main_title h2{	font-family: 'Noto Serif KR', serif;font-size:26px}

.main_prod {width:100%;margin:50px 0;}
.main_prod .container{width:1300px;margin:0 auto;padding:0;}
.main_prod li {float:left;width:18%;margin:0 1.0%;text-align:center;padding-top:15px;font-family: 'Noto Sans KR', sans-serif;	}
.main_prod li .pbox{background-color:#414141;border-radius:42px;text-align:center;padding-top:15px;}
.main_prod li .pbox .pimg { padding-top:20px; }
.main_prod li .pbox .pimg img {max-width:100%;}
.main_prod li .pbox .ptxt {background: rgba(248, 242, 242, 0.46);padding:5px 0 0 0;margin:0;height:75px;}
.main_prod li .pbox .ptxt h4{font-weight: 500;font-size: 20px;line-height:22px;text-align: center;color: #FFFFFF;font-family: 'Roboto', sans-serif;	}
.main_prod li .pbox .ptxt h4 span{font-weight: 400;font-size: 16px;color:#fff	}
.main_prod li .pbox .ptxt p{font-weight: 300;font-size: 14px;line-height:14px;text-align: center;color: #FFFFFF;font-family: 'Roboto', sans-serif;	}
.main_prod li .pbtn {margin-top:30px; }
.main_prod li .pbtn span{border-radius: 50px;padding : 8px 25px;font-family:'s-core_dream', sans-serif;font-weight: 500;	font-size: 15px;	line-height: 18px;text-align: center;letter-spacing: -0.105em;color: #615F5F;}
.main_prod li .pbtn span.b1{box-shadow: 0px 0px 6px 5px rgba(163, 56, 65, 0.7);}
.main_prod li .pbtn span.b2{box-shadow: 0px 0px 6px 5px #F1B9A8;}
.main_prod li .pbtn span.b3{box-shadow: 0px 0px 6px 5px #62605E;}
.main_prod li .pbtn span.b4{box-shadow: 0px 0px 6px 5px rgba(98, 96, 94, 0.47);}
.main_prod li .pbtn span.b5{box-shadow: 0px 0px 6px 5px rgba(98, 96, 94, 0.47);}
.main_prod li .pbtn span.b6{box-shadow: 0px 0px 6px 5px rgba(1, 120,124, 0.7);}

.main_prod li .pbox .pimg img {
  -moz-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
}
/*
.main_prod li .pbox .pimg:hover img {
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
*/

.main_prod li:hover .pimg img {
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}


@media(max-width:1400px) {
	.main_prod .container{width:100%;}
	.main_prod li {float:left;}
	
}
@media(max-width:640px) {
  .main_title {margin:10px 0 20px;}
  

	.main_prod {padding:10px}
	.main_prod li {float:clear;width:50%;margin:0;padding:15px 10px 15px 10px;}
	
	.main_prod li:nth-child(2n-1){}
	.main_prod li .pbox{border-radius:25px;padding-top:5px;}
  .main_prod li .pbox .pimg {background:url(../img/main/icon_logo_m.png) no-repeat top center;padding-top:15px; }
	.main_prod li .pbox .pimg img {padding:0 10px}
	.main_prod li .pbox .ptxt {height:55px;}
	.main_prod li .pbox .ptxt h4{font-weight: 500;font-size: 22px;line-height:22px;margin:5px 0 2px 0;}	
	.main_prod li .pbox .ptxt p{font-size: 13px;}
	.main_prod li .pbtn span{font-size:13px;}
}