@charset "euc-kr";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); 
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@font-face{
font-family:'NanumSquare';
src: url(/fonts/NanumSquareR.eot);
src: url(/fonts/NanumSquareR.eot?#iefix) format('embedded-opentype'),
     url(/fonts/NanumSquareR.woff) format('woff'),
     url(/fonts/NanumSquareR.ttf) format('truetype');
}

/*±âº»ÆùÆ®ÁöÁ¤*/
html{overflow-x:auto;}
/*body, th, td, input, select, li, dl{font-family:'Noto Sans CJK KR', Malgun Gothic, sans-serif; font-size:15px; color:#434343; margin:0; padding:0}*/
body, input, select, li, dl, td, th{font-family:'Noto Sans CJK KR', Malgun Gothic, sans-serif; font-size:15px; margin:0; padding:0}
h3 {font-size:24px; font-weight:500}

/*Çì´õ*/
#header_wrap {width:100%; height:200px;}
#header_bg {width:100%; height:150px; margin:0 auto; z-index:1; background:#181818}
#header {width:1160px; margin:0 auto; padding-top:60px;}
#header h1 {float:left;}
 .header_input{float:left; margin:10px 0 0 60px; width:400px; height:30px; border:2px solid #949494; background:#070707; padding:6px; border-radius:3px}
 .header_input img{float:right}
 .header_banner{float:right; }
#header input{float:left; color:#646464; margin:0 }

#top_menu_wrap{position:absolute; width:100%; background:#412c80; z-index:2;}
#top_menu{width:1160px; margin:0 auto}
#top_menu>ul {float:right; }
#top_menu li {float:left; display:inline-block; padding:8px 0; margin-left:20px; text-align:center; color:#b4aad2; }
#top_menu li a{font-size:14px; color:#b4aad2; }

/* Ä«Å×°í¸® Àüüº¸±â ********************************************************************************************************************************/
#wrap_ca{width:1200px; margin:0 auto; display:none;}
#wrap_ca div{position:absolute;z-index:1000;}

#ca_all{border:2px solid #000; width:1199px; background:#FFF;}
#ca_all ul {border-right:1px solid #efefef; width:149px; float:left;  min-height:230px; padding-bottom:10px; }
#ca_all ul:last-child{border-right:none;}
#ca_all ul li a{padding:5px 15px; height:15px; letter-spacing:-0.5px; font-size:14px; }
#ca_all ul li:first-child{font-size:15px; height:20px; padding:5px 5px 10px 5px; background:#666; text-align:center; margin-bottom:10px;}
#ca_all ul li:first-child a{color:#FFF;}

#Menulink{position:absolute; left:0; top:150px; width:100%; height:50px; background:#000; }
#Menulink>ul{width:1200px;  margin:0 auto; text-align:center }
#Menulink>ul>li{float:left; padding:0 20px 0 21px; line-height:47px; text-align:center }
#Menulink>ul>li img{padding-top:13px}
#Menulink>ul>li:first-child{margin-left:20px; border-left:0 }
#Menulink>ul>li:last-child{float:left; border-right:0; line-height:47px}
#Menulink>ul>li a {font-size:18px; color:#fff;} /*¸ÞÀθ޴º>¼­ºê¸Þ´º ÆùÆ®½ºÅ¸ÀÏ ÁöÁ¤*/
#Menulink>ul>li a:active, #Menulink>ul>li a:hover {color:#ffd800;}  /*¸ÞÀθ޴º>¼­ºê¸Þ´º ¿À¹ö½ºÅ¸ÀÏ »ö±òÁöÁ¤*/

#Menulink>ul>li>div#menu_1 {width:350px; left:5px; background:#063; border-radius:20px; padding:3px} /*¼­ºê¸Þ´º ±æÀÌ, À§Ä¡*/
#Menulink>ul>li>div#menu_2 {width:410px; left:30px; background:#063; border-radius:20px; padding:3px}
#Menulink>ul>li>div#menu_3 {width:350px; left:30px; background:#063; border-radius:20px; padding:3px}
#Menulink>ul>li>div#menu_4 {width:350px; left:-200px; background:#063; border-radius:20px; padding:3px}
#Menulink>ul>li>div#menu_5 {width:300px; left:-320px; background:#063; border-radius:20px; padding:3px}

/*ǪÅÍ*/

#footer_menubg {clear:both; background:#191919; height:40px; margin-top:30px }
#footer_menu {width:530px; margin:0 auto;}
#footer_menu li{float:left; border-left:1px solid #333333; padding:5px 25px;}
#footer_menu li:last-child {border-left:1px solid #333333; border-right:1px solid #333333;}
#footer_menu li a {color:#fff; font-size:13px}

#footer_bg {clear:both; height:200px; background:#292929; padding-top:10px}
#footer {position:relative; width:1000px; margin:0 auto; font-size:13px}
#footer h3 {float:left}
#footer div.copyright {float:left; margin:10px 0 0 50px; color:#929292;}
#footer .tel {color:#fbce3f; font-size:20px}

#footer div.qr {position:absolute; right:324px; top:36px;}
#footer div.mark {position:absolute; right:152px; top:36px;}
#footer div.mark li {float:left; display:inline;}
#footer div.counter {position:absolute; right:6px; top:45px; width:150px; height:81px; border:1px solid #e0e0e0; background:#ffffff;}
#footer div.counter dl {padding:10px 10px 0 10px;}
#footer div.counter dt, #footer div.counter dd {height:22px;font-size:13px;}
#footer div.counter dt {float:left;}
#footer div.counter dd {font-weight:bold; text-align:right;}
#footer div.counter dd.now_count {color:#4f4e4e;}
#footer div.counter dd.today_count {color:#0066ff;}
#footer div.counter dd.total_count {color:#cc0033;}


/**¼­ºê¸Þ´º žÀ̹ÌÁö ÁöÁ¤********************************************************************************************************/

#sub_container {width:1200px; margin:0 auto;}
#sub_visual{height:120px; text-align:center; font-size:30px; margin-top:10px;}
.sub_img0 {height:120px; background:url(/img/sub_img0.jpg) no-repeat top center;}
.sub_img1 {height:120px; background:url(/img/sub_img01.jpg) no-repeat top center;}
.sub_img2 {height:120px; background:url(/img/sub_img02.jpg) no-repeat top center;}
.sub_img3 {height:120px; background:url(/img/sub_img03.jpg) no-repeat top center;}
.sub_img4 {height:120px; background:url(/img/sub_img04.jpg) no-repeat top center;}
.sub_img5 {height:120px; background:url(/img/sub_img05.jpg) no-repeat top center;}
.sub_img6 {height:120px; background:url(/img/sub_img06.jpg) no-repeat top center;}
.sub_img7 {height:120px; background:url(/img/sub_img07.jpg) no-repeat top center;}
.sub_img8 {height:120px; background:url(/img/sub_img08.jpg) no-repeat top center;}
.sub_img9 {height:120px; background:url(/img/sub_img09.jpg) no-repeat top center;}
.sub_img10 {height:120px; background:url(/img/sub_img10.jpg) no-repeat top center;}

/*¼­ºê ·¹À̾ƿô-¿ÞÂʸ޴º»ç¿ë½Ã ·¹À̾ƿô***********************************************************************************************/
#sub_menu{width:1200px; margin:10px auto;}
#sub_menu h2{background:#393; font-family:'nanumsquare', sans-serif; font-size:22px; color:#FFF; height:28px} /*¿ÞÂʸ޴º »ó´Ü ŸÀÌƲ ½ºÅ¸ÀÏÁöÁ¤*/
#sub_menu li{float:left; border:1px solid #ccc; margin:2px; text-align:center; width:165px; } 
#sub_menu li a {font-size:16px;  font-weight:400;color:#333; background:#ddd; display:block; padding:10px 0} /*¿ÞÂʸ޴º ½ºÅ¸ÀÏÁöÁ¤*/
#sub_menu li a:hover {color:#fff; font-weight:400; background:#666}  /*¿ÞÂʸ޴º ¿À¹ö½ºÅ¸ÀÏÁöÁ¤*/
#sub_menu li a.on {color:#fff; background:#666; font-weight:400;}  /*¿ÞÂʸ޴º ¿Â½ºÅ¸ÀÏÁöÁ¤*/
#sub_menu .num5 li{width:193px;}
.sub_banner {padding-left:19px;}
#sub_menu_wrap {clear:both; width:1200px; margin:20px auto; }
#sub_content {clear:both; min-height:550px; padding:10px 0; word-break:keep-all;	text-align:justify; font-size:15px; }

#sub_title {width:100%; border-bottom:1px solid #ccc; margin:0 0 20px 0; height:40px; }
#sub_title h3 {display:inline-block; font-family:'nanumsquare', sans-serif; font-size:26px; color:#f88811; padding-top:5px } /*ŸÀÌƲ ½ºÅ¸ÀÏÁöÁ¤*/
.location {float:left;color:#808080; padding-top:5px} /*ÇöÀçÀ§Ä¡ ½ºÅ¸ÀÏÁöÁ¤*/

.secession_box {border:1px solid #dbdbdb; padding:30px 0; text-align:center; margin-bottom:20px; background-color:#fafafa;}
.secession_box h3 {font-size:18px; font-weight:500; color:#333; margin-bottom:20px;}
.secession_box ul {width:1020px; overflow:auto; margin:0 auto;}
.secession_box li {float:left; width:340px;}
.secession_box li div {width:320px; height:300px; border:1px solid #dbdbdb; margin:0 auto; padding:20px; background-color:#fff; line-height:1.5; box-sizing:border-box;}
.secession_box li div img {margin:10px 0 20px;}
.secession_box li div h4 {margin-bottom:20px; font-weight:400; color:#000; letter-spacing:-1px}
.secession_box li div p {font-size:13px; color:#666;}

.agr_box {height:250px; padding:20px; font-size:13px; line-height:1.2; color:#666; background-color:#fafafa; border:1px solid #dbdbdb; margin:5px 0; overflow-y:auto;}
.agr_box h4 {color:#555; font-size:14px;}
.agr_check {margin-bottom:20px; }
.agr_all_check {font-size:16px; font-weight:500; text-align:center; color:#333; background-color:#f0f0f0; padding:20px 0; }
.join_btn {padding:30px 0; text-align:center;}
/*¸ÞÀÎ ·¹À̾ƿô-ÀÛ¾÷ÀÚ ÀÓÀÇ·Î ÁöÁ¤*******************************************************************************************/
.main_wrap {position:relative; width:1200px; margin:0 auto;}

#main_visual {clear:both; position:relative; width:100%; height:410px; margin:0 auto; }
	.main_img {position:relative; top:0;}
	.main_img1 { height:410px; background:url('/img/main_img01.jpg') no-repeat top center;}
	.main_img2 { height:410px; background:url('/img/main_img02.jpg') no-repeat top center;}

.process {position:relative; height:200px; padding:50px 0;}
.process h3 {text-align:center; font-size:24px; color:#333; height:70px}
.process ul li{float:left; display:inline-block; }

.product{position:relative; clear:both; padding:50px 0; border-bottom:1px solid #efefef; height:430px}
.product h3{color:#412c80; font-size:36px; height:70px; text-align:center}
.product li{float:left; display:inline-block; width:260px; padding:0 20px; }
.product ul{width:1200px; margin:0 auto}
.product .num3 li{width:260px; padding:0 70px;}
.product img{border-radius:5px; }
.product h4{font-size:22px; color:#000; line-height:180%; font-weight:400}
.product .detail{height:auto;}

.main_board_wrap{clear:both; border-top:2px solid #695f91; width:100%}
.main_board {width:1200px; margin:0 auto; padding-top:30px; height:180px; }
.main_board ul li{float:left; margin-right:20px}
.main_board ul li:last-child{margin-right:0}
.main_board h3{color:#655499; font-size:20px; height:40px; font-weight:600; letter-spacing:-1px; padding-left:10px}
.main_board h3 span{float:right; color:#000}

.notice{border-radius:5px; background:#efefef; padding:10px; width:330px; height:109px}
.notice ul li{line-height:30px; width:305px; float:left; background:url('/img/ic_notice.gif') no-repeat 5px; padding-left:10px; font-size:14px  }
.notice ul li .date{float:right; font-size:12px; color:#666}

#main_notice {float:left; width:220px; height:200px; border:1px solid #e0e0e0; background-color:#fff; border-radius:5px; box-sizing:border-box; margin-bottom:30px}
#main_notice h3 {padding:15px; color:#060}
#main_notice .more {position:absolute; top:15px; left:190px;}
#main_notice span{float:right; padding-right:5px; color:#999; font-size:11px}
#main_notice ul {padding:0 15px;}
#main_notice li {line-height:25px;}
#main_notice a img{float:left; margin-right:10px;}
#main_notice ul li{padding:0; width:200px; }
.dot{margin:2px 0 0px 0;}
.small_redB{ font-size: 8pt; font-family:±¼¸²,±¼¸²Ã¼,Tahoma; font-weight: bold; color: red; }



.main_content {position:relative; width:1000px; margin:0 auto; margin-bottom:50px;}

#main_product {position:absolute; top:10px; right:0; width:750px; height:250px; border:5px solid #629946; background-color:#fff; }
#main_product h3 {position:absolute; top:20px; left:25px;}
#main_product .more {position:absolute; top:20px; right:25px;}
#main_product ul {padding:60px 10px 0;}
#main_product ul li {float:left; display:inline; width:33.3%; text-align:center;}
#main_product ul li .product_img {width:100%; height:124px;}
#main_product ul li .product_text {text-align:center; padding-top:5px; line-height:1.2; font-weight:bold;}
#main_product ul li .product_text a {color:#555;}
#main_product ul li .product_text strong {font-size:14px; color:#e5175c;}

#main_board {position:relative; top:0; left:0; width:198px; height:190px; background:url(/img/bg_board.gif); padding:10px 0 0 20px }
#main_board h3 {position:absolute; top:20px; left:30px }
#main_board .more {position:absolute; top:25px; right:24px;}
#main_board ul {padding-top:50px}
#main_board li {line-height:20px;}

/* ¸ÞÀÎÈ­¸é »óÇ°½ºÅ©·Ñ */
#product_box{float:CENTER; width:930px; padding:0px; height:200px;}
#product_box .control{float:left; padding:0px;}
#product_box .control li{float:left; padding:0px;}
#product_box .more{float:left; display:inline; width:30px; margin:2px 0 0 1px; padding:1px 0 0 0;}
#product_box .product_inner{clear:both; float:left; width:930; height:200px;}
#product_box .product_inner .btn_left{float:left; width:21px; padding:0px 0 0 0;}
#product_box .product_inner .list{float:left; width:930px; padding:0;}
#product_box .product_inner .list #product{position:relative;overflow:hidden; width:990px; height:200px; }
#product_box .product_inner .list #product #wrap{width:10000px; position:absolute;left:0px;HEIGHT:200px;}
#product_box .product_inner .list #product #wrap li{float:left;width:190px;padding:0px 4px 0 4px;text-align:center}
#product_box .product_inner .list #product #wrap li img{display:inline-block; border:0px solid #cccccc;}
#product_box .product_inner .btn_right{float:right; width:21px; margin:0px 0 0 0;}
.price {font-size:12px; color:#752606; font-weight:bold;}


/*¹öÆ°*/
.btn_detail a{border:1px solid #c7c7c7; padding:5px 30px; background:#f6f6f6;}
.btn_detail a:hover{border:1px solid #c7c7c7; padding:5px 30px; background:#777; color:#fff}

.td_center{text-align:center}
.td_right{text-align:right}

/*ÀÌ¿ë¾à°ü*/
.policy_wrap {line-height:1.5;}
.policy_wrap h3 {color:#222; padding:10px 0; border:1px solid #ddd; text-align:center; margin-bottom:25px;}
.policy_wrap dl {margin-bottom:25px;}
.policy_wrap dt {color:#333; font-weight:bold; margin-bottom:10px;  font-size:15px}
.policy_wrap dd {color:#666; font-size:14px; margin-bottom:5px;  font-size:15px}
.policy_wrap dd ul {padding-left:15px;}

.policy_box {padding-left:20px;}

.disclaimer {padding:50px 50px 35px 50px; border:1px solid #ddd;}
.disclaimer p {margin-bottom:15px;}