@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);

.notosanskr * { 
 font-family: 'Noto Sans KR', sans-serif;
}

/* ȸ¿ø ¾à°üµ¿ÀÇ */
#Join {clear:both; width:100%; margin:0 auto;} 
#Join h4 {text-align:left;}
#Join .agree_box {width:100%; height:200px; border:1px solid #e5e5e5; background-color:#f9f9f9; overflow: auto;}
#Join .txt_c {color:#666; text-align:center; padding:15px 0 25px 0;}
textarea {color:#666;}


SELECT {background-color : #FFFFFF;}
BODY {
background-color:#FFFFFF;
scrollbar-face-color: #eeeeee;  
scrollbar-shadow-color: #B7B7B7;  
scrollbar-highlight-color: #F2F2F2;  
scrollbar-3dlight-color: #F2F2F2;  
scrollbar-darkshadow-color: #E9E9E9;  
scrollbar-track-color: #E9E9E9;  
scrollbar-arrow-color: #404040; 
}
img{ border:none;}
td   {font-family:±¼¸²,Verdana, Arial, Helvetica, sans-serif; color:#1E2D3B; font-size: 12px;}
.form {font-family:µ¸¿ò,Verdana, Arial, Helvetica, sans-serif; border:1 solid #666666; back-color:white; font-size:9pt;display:inline; }
.form1 {font:9pt µ¸¿ò; background:#E2E2E2; border-bottom:1px solid #666666; border-right:1px solid #666666;border-left: 1px solid #E0E0E0;border-top:1px solid #E0E0E0;color:#333333;height:18px;text-decoration:none;cursor: hand;}

font , input ,textarea  { font-size: 9pt; font-family:µ¸À½}
a:link { font-family: "µ¸À½"; font-size: 9pt; color: #333333; text-decoration: none}
a:visited { font-family: "µ¸À½"; font-size: 9pt; color: #333333; text-decoration: none}
a:active { font-family: "µ¸À½"; font-size: 9pt; color: #0099CC; text-decoration: none}
a:hover { font-family: "µ¸À½"; font-size: 9pt; color: #134A6E; text-decoration: none}

a.board:link 	{font-size:9pt; font-family:µ¸¿ò,±¼¸²,Arial,¼­¿ï; color:#333333; text-decoration:none;}
a.board:visited {font-size:9pt; font-family:µ¸¿ò,±¼¸²,Arial,¼­¿ï; color:#333333; text-decoration:none;}
a.board:active  {font-size:9pt; font-family:µ¸¿ò,±¼¸²,Arial,¼­¿ï; color:#0099CC; text-decoration:none;}
a.board:hover   {font-size:9pt; font-family:µ¸¿ò,±¼¸²,Arial,¼­¿ï; color:#089AC8; text-decoration:none;}

A.goodtime:link     {  font-family: "µ¸¿ò"; font-size: 9pt; 	color: #404040;	text-decoration: none;	line-height:16px ;}
A.goodtime:visited  {  font-family: "µ¸¿ò"; font-size: 9pt; 	color: #404040;	text-decoration: none;	line-height:16px ;}
A.goodtime:hover     {  font-family: "µ¸¿ò"; font-size: 9pt; 	color: #4FA52C;	text-decoration: none;	font-weight:bold;	line-height:16px ;}

h1,h2,h3,h4,h5 { font-size:15px;}

.txt   {
       font-family: "µ¸¿ò";
       font-size: 9pt;
       color: #000000;
       line-height: 12pt;
}

.txt1   {
       font-family: "±¼¸²";
       font-size: 9pt;
       color: #51431E;
       line-height: 12pt;
}

.txt2   {
       font-family: "±¼¸²";
       font-size: 9pt;
       color: #232D31;
       line-height: 12pt;
}

.txt3   {
       font-family: "±¼¸²";
       font-size: 9pt;
       color: #CC0000;
       line-height: 12pt;
}

.txt4   {
       font-family: "±¼¸²";
       font-size: 9pt;
       color: #095A6B;
       line-height: 12pt;
}

.txt5   {
       font-family: "±¼¸²";
       font-size: 12pt;
       color: #E54B9D;
       line-height: 12pt;
}

.fox  {
        font-family: "±¼¸²";
        font-size: 9pt;
        color: #666666;
        line-height: 12pt;
        border-right: #CDCDCD 1pt solid;
	    border-top: #CDCDCD 1pt solid;
	    border-left: #CDCDCD 1pt solid;
	    color: #666666;
	    border-bottom: #CDCDCD 1pt solid;
	    background-color: #ffffff;
	    font-size : 9pt;
}

.line   {
       font-family: "±¼¸²";
       font-size: 6pt;
       color: #BBBBBB;
       line-height: 5pt;

}
.input6 {
        font-family: "µ¸¿ò";
        font-size: 10pt;
        color: #0A314C;
        line-height: 12pt;
        border-right: #CDCDCD 1pt solid;
    	border-top: #CDCDCD 1pt solid;
	    border-left: #CDCDCD 1pt solid;
    	color: #0A314C;
    	border-bottom: #CDCDCD 1pt solid;
    	background-color: #E9E9E9;
    	font-size : 8pt;

}

.intro {font-size:15PT; font-family:±¼¸²,Arial; font-weight:bold; color:#000000;}
.stress {font-size:9PT; font-family:±¼¸²,Arial; font-weight:bold; color:#9C3131;}

.price {font-size:9PT; font-family:±¼¸²,Arial; font-weight:bold; color:#FF6600; LETTER-SPACING:0px}
.order_price {font-size:11pt; font-family:±¼¸²,Arial; font-weight:bold; color:#FF6633; LETTER-SPACING:0px; text-align:right}

.point_price {  font-family :µ¸¿ò; font-size:10pt; color:#FF6633; border:1x;}
.order_price {  font-family :µ¸¿ò; font-size:10pt; font-weight:bold; color:#FF6633; border:1x; text-align:right}
.order_totPrice { Background-Color:#F7F6EC; font-family :µ¸¿ò ; font-size:11pt; font-weight:bold; color:#FF6633; border:1x; text-align:center}
.payment_price { Background-Color:#B0B50FF; font-family :µ¸¿ò ; font-size:11pt; font-weight:bold; color:#FF6633; border:1x; text-align:center}
.pay
{	 font-size: 11pt; color: #3463C4; letter-spacing:-2px; }
.fund
{	font-size: 17px; color: #3463C4; line-height: 16px; }
.sub_fund
{ font-family:"±¼¸²", "µ¸¿ò", Seoul, "ÇÑ°­Ã¼"; 	font-size: 17px; color: #3463C4; line-height: 16px; letter-spacing:-2px;}
.sub_title
{	font-size: 17px; color: #FF3300; }
.sub_pr_title
{	font-size: 15px; color: #3463C4;  }
.event_font
{	 font-size: 10pt; color: #3463C4; letter-spacing:-2px; }
.sub_point_fund
{	font-family: Tahoma, verdana, Seoul, Gulim; font-size: 15px; color: #6633FF; line-height: 16px;  letter-spacing:0.5px;}
.sub_point2_fund
{	font-family: Tahoma, verdana, Seoul, Gulim; font-size: 18px; color: #6633FF; line-height: 16px;  letter-spacing:0.5px;}
.sub_member_fund
{	font-family: Tahoma, verdana, Seoul, Gulim; font-size: 18px; color: #FF6600; line-height: 16px;  letter-spacing:0.5px;}
.sub_red_fund
{	font-family: Tahoma, verdana, Seoul, Gulim; font-size: 18px; color: #CC0000; line-height: 16px;  letter-spacing:0.5px;}
.sub_red_big_fund
{	font-family: Tahoma, verdana, Seoul, Gulim; font-size: 19px; color: #CC0000; line-height: 16px;  letter-spacing:0.5px;}


.input_box { 
font-size: 12px;
BORDER-RIGHT: #C7C7C7 1px solid;
BORDER-TOP: #C7C7C7 1px solid; 
BORDER-LEFT: #C7C7C7 1px solid; 
BORDER-BOTTOM: #C7C7C7 1px solid; 
BACKGROUND-color: #ffffff
}

.input_box_color {
        font-family: "µ¸¿ò";
        font-size: 12px;
        color: #000;
        line-height: 12pt;
        border-right: #CDCDCD 1pt solid;
    	border-top: #CDCDCD 1pt solid;
	    border-left: #CDCDCD 1pt solid;
    	border-bottom: #CDCDCD 1pt solid;
    	background-color: #13D704;

}

.pay_red
{	font-family: Tahoma, verdana, Seoul, Gulim; font-size: 15px; color: #EA1974; line-height: 16px;  letter-spacing:0.5px;}
.sub_member_fund15
{	font-family: Tahoma, verdana, Seoul, Gulim; font-size: 15px; color: #FF6600; line-height: 16px;  letter-spacing:0.5px;}

/* daum Copy 
.input_text {height:14px; padding:2px; border:1px solid #dcdde3; background-color:#fbfbfb; color:#798dd8; letter-spacing:0;}

.layer_comment {position:absolute; height: 40px; padding:7px 10px; font-size:11px; color:#666; border:1px solid #dcdcdc; background-color:#fff;}
.layer_comment .tail {position:absolute; left:-11px; top:30%; margin-top:-4px; width:13px; height:9px; background:url(http://kmk.seokwang21.co.kr/js/images/layer_left.gif); font-size:0; line-height:0;}*/
.layer_comment {position:absolute; height: 20px; padding:7px 10px; font-size:12px; color:#444; border:1px solid #c9c9c9; background-color:#e2e2e2;}
.layer_comment .tail {position:absolute; left:-11px; top:20%; margin-top:-4px; width:13px; height:11px; background:url(http://kmk.seokwang21.co.kr/js/images/layer_left_g.gif); font-size:0; line-height:0;}
.hidden_layer{visibility:hidden;width:0;height:0;overflow:hidden;position:absolute;top:-10000px;font-size:0;line-height:0;}

/* best Çöó¿ö, new Çöó¿ö */
.tab-wrap{width:919px; margin:0 auto; position:relative; height:650px; margin-top:50px;}
.tab-wrap ul, .tab-wrap li, .tab-wrap div, .tab-wrap img{box-sizing:border-box; padding:0; margin:0;}
.tab-wrap .tabs{width:600px; height:40px; text-align:center; position:absolute; top:0; right:0; z-index:10;}
.tab-wrap .tabs li{width:120px; height:40px; line-height:40px; border:1px solid #eaeaea; border-radius:10px 10px 0 0; float:left;
	background:#f5f5f5; color:#999; font-size: 16px; font-weight: 500;}
.tab-wrap .tabs li.selected{border-bottom:1px solid #fff; background:#fff; color:#000;}
.tab-wrap .tab-content{width:100%; height:600px; position:absolute; top: 39px; z-index:9; border:1px solid #eaeaea;
	border-radius:10px 0 10px 10px; display:none;}
.tab-wrap .tab-content.selected{display:block;}
.tab-wrap .tab-content ul{position:absolute; cursor:pointer;}
.tab-wrap .tab-content ul:hover img{border:1px solid #47aaff; transition:all .3s;}
.tab-wrap .tab-content ul:hover li:nth-child(3) span{color: #47aaff; transition:all .3s;}
.tab-wrap .tab-content ul li img{width:200px; height:200px; border:1px solid #eaeaea;}
.tab-wrap .tab-content ul li:first-child{height:200px;}
.tab-wrap .tab-content ul li:nth-child(2){font-size:14px; margin-top:5px;
	text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; width:200px; overflow:hidden;}
.tab-wrap .tab-content ul li:nth-child(3){font-size:14px;}
.tab-wrap .tab-content ul li:nth-child(3) span{font-size:16px; color:#cd133c; font-weight:bold;}

/* MDpick */
.md-wrap{width:919px; margin:50px auto; height:600px; }
.md-wrap ul, .md-wrap li, .md-wrap div, .md-wrap img{box-sizing:border-box; padding:0; margin:0; border:0;}
.md-wrap .md-cate{width:450px; background:url('/images/md-title.jpg') -20px -15px no-repeat;}
.md-wrap .md-cate h1{width:120px; height:40px; line-height:36px; text-align:center;
	border:1px solid #eaeaea; border-bottom:0; margin:0; padding:0;}
.md-wrap .md-cate h1:before{content:''; display:block; width:100%; height:4px; background:#4d7ccb;}
.md-wrap .md-cate h1 a{font-weight:600; font-size:16px; display:inline-block; width:100%; height:100%; background:#fff;}
.md-wrap .md-cate .md-list-box{width:452px; height:560px; border:1px solid #eaeaea; box-shadow: 0px 4px 8px rgba(0,0,0,0.15);
	border-radius:0 8px 8px 8px; padding:20px 17px;}
.md-wrap .md-cate .md-list-box ul{cursor:pointer; float:left; margin-right:16px;}
.md-wrap .md-cate .md-list-box ul:hover img{border:1px solid #47aaff; transition:all .3s;}
.md-wrap .md-cate .md-list-box ul:hover li:last-child span{color: #47aaff; transition:all .3s;}
.md-wrap .md-cate .md-list-box ul:nth-child(2n){margin-right:0;}
.md-wrap .md-cate .md-list-box ul:nth-child(3), .md-wrap .md-cate .md-list-box ul:nth-child(4){margin-top:20px;}
.md-wrap .md-cate .md-list-box ul li{font-size:14px;}
.md-wrap .md-cate .md-list-box ul li:first-child{height:200px;}
.md-wrap .md-cate .md-list-box ul li:nth-child(2){ margin-top:5px;
	text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; width:200px; overflow:hidden;}
.md-wrap .md-cate .md-list-box ul li:last-child span{color:#cd133c; font-weight:bold;font-size:16px;}
.md-wrap .md-cate .md-list-box ul img{width:200px; height:200px; border: 1px solid #eaeaea;}