@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:400,500,700,900&display=swap&subset=korean');

body,td,span,h1,h2,h3,h4,h5,div,p,li,ul,ol,dd,dt,section {margin:0; padding:0; font-size:13px; color:#333; line-height:1.6em; font-weight:400; font-family: 'Nanum Gothic', sans-serif, 'dotum'; }
ul,ol,li{margin:0;padding:0;list-style:none;}
a, img{border:0px;}
a{text-decoration:none; color:#333;}


/*  ¾Æ·¡ºÎÅÍ  ÆäÀÌÁö¿ë CSS */
#gnb_wrap {width:100%; height:41px; line-height:41px; border-bottom:1px solid #ddd; }
#gnb_wrap:after{content:""; display:block; clear:both;}
#gnb_wrap .gnb_area{width:1250px; margin:0 auto;}
#gnb_wrap .gnb_left {float:left; width:30%; text-align:left; background:none;  }
#gnb_wrap .gnb_left a{padding:0; margin:0; font-size:13px; }
#gnb_wrap .top_tel {display:inline-block; padding-left:20px; }
#gnb_wrap .top_tel a {color:#333; font-weight:700; padding-left:5px; }

#gnb_wrap .gnb_right {float:right; width:70%; text-align:right; font-size:12px; color:#333; background:none;  }
a.gnb_bt:link, a.gnb_bt:visited, a.gnb_bt:active{height:41px; line-height:41px; font-size:12px; color:#333; text-decoration:none; margin-left:15px;}
a.gnb_bt:hover {color:#f88e85; }

#header_area { width:1250px; height:129px; margin:0 auto; overflow:hidden;}
#header_area:after{content:""; display:block; clear:both;}
#header_area .top_bnr { float:left; display:inline; width:32%; }
#header_area .top_logo { float:left; display:inline; width:33%; text-align:center; padding-top:44px; }
#header_area .search { float:right; right:0; text-align:right; padding-top:67px; }


#lnb_wrap {width:100%; height:50px; background:#790144; }
#lnb_wrap:after{content:""; display:block; clear:both;}
#lnb_wrap .lnb_area {width:1250px; margin:0 auto;}
#lnb_wrap .lnb {width:100%; height:50px; line-height:50px; color:#000; }
#lnb_wrap .lnb ul { float:left; width:100%; text-align:center; padding:0; margin:0; top:0; font-size:0; line-height:0; }
#lnb_wrap .lnb ul > li {position:relative;  float:left;  display:block; text-align:center; font-size:15px; line-height:50px; }
#lnb_wrap .lnb ul > li > a{display:block; text-align:center; color:#fff;  padding:0 23px; font-weight:700; border:0px solid red;}
#lnb_wrap .lnb ul > li:first-child a{padding-left:0px;}
#lnb_wrap .lnb ul > li > a:hover{ display:block; text-align:center; color:#D5C1E9; cursor:pointer; height:50px; line-height:50px; text-decoration:none;}
#lnb_wrap .lnb ul > li:last-child { padding:0;}
#lnb_wrap .lnb ul > li > ul{width:150px; position: absolute; left:0px; top:50px; background: #000; border:0px solid #000; display: none; z-index:9990; opacity:1; filter: alpha(opacity:'100'); padding:0; margin:0;}
#lnb_wrap .lnb ul > li > ul > li{width:100%; height:30px; line-height:30px;  font-weight:normal; padding:0px; margin:0; text-align:left; cursor:pointer;  list-style:none; color:#fff;}
#lnb_wrap .lnb ul > li > ul > li > a{width:100%; height:30px; line-height:30px; color:#fff; background:#790144; font-size:12px; padding:0px; margin:0; text-align:left; text-indent:10px;}
#lnb_wrap .lnb ul > li > ul > li > a:hover{background:#000; color:#fff; width:100%; height:30px; line-height:30px;padding:0px; margin:0; text-align:left; text-indent:13px; }
#lnb_wrap .lnb ul li.etc_menu { float:right; right:0; display:inline-block; width:140px; height:50px; line-height:50px; padding:0; margin:0; background:#000;}
#lnb_wrap .lnb ul li.etc_menu a:hover {color:#000; background:#fdc436;}




#mainVisual {width:100%; height:auto; text-align:center; padding:0; background:#ebebeb;}



#contents {width:100%; margin:0 auto; }
#contents:after{content:""; display:block; clear:both;}



#m_bnr1 {width:100%; padding:60px 0; background:#f5f5f5;}
#m_bnr1:after{content:""; display:block; clear:both;}
#m_bnr1 .con_area {width:1250px; margin:0 auto; }
#m_bnr1 .con_area .m_bnr1_1 { position: relative; float:left; display:block; width:410px; height:410px; margin-right:15px; overflow:hidden;}
#m_bnr1 .con_area .m_bnr1_2 {float:left; display:block; width:405px; height:200px;}
#m_bnr1 .con_area .m_bnr1_3 {float:right; display:block; width:405px; height:200px;}
#m_bnr1 .con_area .m_bnr1_4 { position: relative; float:left; display:block; width:825px; height:195px; margin-top:15px; overflow:hidden;}



#m_bnr2 {width:100%; text-align:center; margin:0 auto; background:#f5f5f5;}
#m_bnr2:after{content:""; display:block; clear:both;}
#m_bnr2 table{margin:0 auto;}


#pro_area {position:relative; width:1250px; margin:0px auto; margin-top:100px; }
#pro_area:first-child {margin-top:0px; }
#pro_area:after{content:""; display:block; clear:both;}
#pro_area .pro_tit {width:100%; background:url('/_template/default_skin/skin2/image/tit_back.png')repeat-x 50% 50%;}
#pro_area .pro_tit h4{ width:100%; text-align:center;}
#pro_area .pro_tit p{  min-width:240px; display:inline-block; background:#fff; padding:0; text-align:center; font-size:25px; font-weight:700; margin:0 auto;  font-family: 'Noto Sans KR', sans-serif;}
#pro_area .pro_tit span{ display:block; text-align:center; color:#a0a0a0;}
#pro_area .pro_rolling_box { position:relative; top:0; width:1200px; margin:40px auto; background:none;}
#pro_area .pro_rolling_box:after{content:""; display:block; clear:both;}
#pro_area .pro_rolling_list {width:1030px; margin:0 auto;  }
#pro_area .pro_rolling_list ul {  padding:0; margin:0; }
#pro_area .pro_rolling_list ul li{ float:left; display:inline; width:186px; text-align:center; margin-right:25px; }
#pro_area .pro_rolling_list ul li:last-child {margin-right:0; }
#pro_area .pro_rolling_list ul li img {width:100%;  border:1px solid #e6e6e6; box-sizing:border-box; }
#pro_area .pro_rolling_left{ position:absolute; top:0; left:0; width:42px; text-align:left; padding-top:75px; }
#pro_area .pro_rolling_right{position:absolute; top:0; right:0; width:42px; text-align:right; padding-top:75px; }
#pro_area .pro_list { width:1250px; text-align:center; padding-top:40px; margin:0 auto;}
#pro_area .pro_list:after{content:""; display:block; clear:both;}
#pro_area .pro_list ul { width:100%; padding:0; }
#pro_area .pro_list ul li{ float:left; display:inline; width:290px; text-align:center; margin-right:30px; }
#pro_area .pro_list ul li:last-child {margin-right:0;}
#pro_area .pro_list ul li img {width:100%;  border:1px solid #e6e6e6; box-sizing:border-box; }
#pro_area .pro_name {font-size:16px; font-weight:normal;  color:#222; padding:15px 10px 5px 10px; } /* »óÇ°¸í */
#pro_area .pro_price {font-size:15px; font-weight:700; color:#222; padding:0px 10px 0px 10px } /* ÆǸŰ¡ */



#community {width:100%; text-align:center; margin-top:50px; }
#community:after{content:""; display:block; clear:both;}
#community .comm_menu {width:100%; height:39px; border-top:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3;}
#community .comm_menu:after{content:""; display:block; clear:both;}
#community .comm_menu_box {width:1250px; margin:0px auto;}
#community .comm_menu_left {float:left; }
#community .comm_menu_left ul{width:100%; left:0; padding:0; margin:0;  }
#community .comm_menu_left ul li{ float:left; display:inline; height:39px; line-height:39px; padding:0 15px; color:#777; font-size:12px; font-weight:700; background:url('/_template/default_skin/skin2/image/gubun_line.gif') no-repeat right center;}
#community .comm_menu_left ul li.comm_bt a {color:#777;}
#community .comm_menu_left ul li.comm_bt a:hover {color:#f88e85; font-weight:700; cursor:pointer;}
#community .comm_menu_left ul li:first-child {padding-left:0;}
#community .comm_menu_left ul li:last-child {background:none;}
#community .comm_menu_right {float:right; width:px;}
#community .comm_menu_right ul{width:100%; left:0; padding:0; margin:0;  }
#community .comm_menu_right ul li{ float:left; display:inline; width:39px; height:39px; line-height:39px; text-align:right; border-right:1px solid #d3d3d3;  border-left:1px solid #d3d3d3; }



#comm_area {width:1250px;  overflow:hidden; margin:0px auto;  }
#comm_area:after{content:""; display:block; clear:both;}
#comm_area h4 {font-size:15px; color:#333; font-weight:700; padding-bottom:5px;}
#comm_area p {font-size:12px; color:#555; line-height:18px; margin-top:10px;}
#comm_area div { width:100%; height:200px; margin:0; padding:30px 0 0 0; background:url('/_template/default_skin/skin2/image/gubun_line2.gif') repeat-y right center;  }
#comm_area div:after{content:""; display:block; clear:both;}


#comm_area .comm_cs {float:left; display:inline; width:260px; text-align:left; }
#comm_area .comm_cs p.tel { color:#000; font-size:24px;font-weight:700; height:27px; line-height:27px; background:url('/_template/default_skin/skin2/image/icon_tel.png') no-repeat; background-position:left center; padding-left:35px;}
#comm_area .comm_bank {float:left; display:inline; padding-left:30px;  width:210px;  text-align:left;}
#comm_area .comm_bank p {font-size:12px;}
#comm_area .comm_notice {float:left; display:inline; padding-left:30px; width:360px; text-align:left;}
#comm_area .comm_notice table{margin-top:8px; min-width:290px;}
#comm_area .comm_notice td{ height:23px; font-size:11px;}
#comm_area .comm_quick {float:right; padding-left:30px; width:330px; text-align:left; }
#comm_area .comm_quick ul{width:100%; left:0; padding:0; margin:0; padding-top:10px; }
#comm_area .comm_quick ul li{ float:left; display:inline; text-align:left; padding-right:10px;}
#comm_area .comm_quick ul li:last-child {padding-right:0;}
#comm_area .comm_quick ul li img {width:70px;}
#comm_area .comm_quick ul li span { display:block; padding:7px 0; font-size:12px; text-align:center;}
#comm_area .comm_quick ul li a:hover span { color:#000; font-weight:700;}



#footer {clear:both; width:100%; overflow:hidden; background:#fbfbfb; border-top:1px solid #eee; padding:30px 0 40px 0;  }
#footer:after{content:""; display:block; clear:both;}
#footer_area{ width:1250px; margin:0 auto; margin-top:0px; margin-bottom:30px;}
#footer_area .left{float:left; display:inline; text-align:left; color:#555; font-size:11.5px; line-height:20px; letter-spacing:0.02em; padding-left:0px;}
#footer_area .right{float:right; text-align:right;}


/* ¿À´Ã º» »óÇ° */
#stv {z-index:1001; position:relative; float:right; width:100px; margin-top:10px;} /* margin-top:10px; Ãß°¡ */
#stv_pg {display:block; margin:5px 0 0;}
#stv_list {width:100%; border:1px solid #e9e9e9; background:#fff}
#stv_list h2 {padding:10px 0 8px; background:#790144; text-align:center; letter-spacing:-0.1em; color:#fff; }
#stv_list span { display:block; font-size:11px; color:#000; text-align:center; padding:10px 0; border-top:1px solid #ddd; }
#stv_list span:hover {background:#790144; color:#fff; font-weight:700; cursor:pointer;}

#stv_btn {text-align:center;zoom:1}
#stv_btn:after {display:block; visibility:hidden; clear:both; content:""}
#stv_btn button {float:left; margin:0; padding:5px 0 4px; width:44px; border:0; background:#555; color:#fff; text-align:center; }
#stv_ul {width:56px; margin:5px 0 10px; padding:10px 0; list-style:none; margin:0 auto; }
#stv_ul li { border-bottom:1px solid #ddd; }
#stv_ul li:last-child { border-bottom:0; }
.stv_item {display:none; padding:0; text-align:center; word-break:break-all; }
.stv_item img {margin:10px 0}

#stv_nb {margin:0; padding:0; border-top:1px solid #e9e9e9 ;background:#fff; list-style:none;}
#stv_nb li {text-align:center;}
#stv_nb a {display:block;}





.quick {position:fixed; top:220px; left:50%; margin-left:630px; width:75px; border:1px solid #ddd; background-color:#fff; text-align:center; padding:5px 0;}

.stitle{width:100%; font-size:1.8em; font-weight:700; margin-bottom:20px; overflow:hidden;}

a.my_bt{display:block; height:30px; line-height:30px; width:119px; border:1px solid #666; text-align:center; margin-right:13.5px; float:left;}
a.my_bt:last-child{margin-right:0px;}
a.my_bt i{font-size:50px;}
a.my_bt:hover{background-color:#000; color:#fff;}
a.my_bt.hover{background-color:#000; color:#fff;}

/*.input{height:25px; border:1px solid #ccc;}*/

input[type=text],input[type=password], select{height:25px; border:1px solid #ccc; font-size:12px;}
input[type=text],input[type=password]{text-indent:5px;}
textarea{border:1px solid #ccc; font-size:12px;}


a.join_bt{display:block; height:30px; line-height:30px; width:106px; border:1px solid #333; text-align:center;}
a.join_bt:last-child{margin-right:0px;}
a.join_bt i{font-size:50px;}
a.join_bt:hover{background-color:#333; color:#fff;}
a.join_bt.hover{background-color:#333; color:#fff;}
.join_bt_s{display:block; height:40px; line-height:40px; width:106px; border:1px solid #333; text-align:center; color:#fff; background-color:#333; cursor:pointer;}