@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);    /* º»°íµñ font-family: 'Noto Sans KR', sans-serif; */
@import "/A_Privacy/Agree.css";

SELECT {background-color : #ffffff;}
BODY { width:100%;
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; 
}

.form {font-family:µ¸¿ò,Verdana, Arial, Helvetica, sans-serif; border:1 solid #666666; back-color:white; font-size:9pt; }
.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;}
td   {font-family:±¼¸²,Verdana, Arial, Helvetica, sans-serif; color:#1E2D3B; font-size: 12px;}

/*
font { 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 ;}

.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: #FF6600;
       line-height: 12pt;
}

.txt5   {
       font-family: "±¼¸²";
       font-size: 12pt;
       color: #003399;
       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: 9pt;
        color: #999999;
        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;

}

.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: #FF6600; letter-spacing:0px; }
.pay01
{	 font-size: 11pt; color: blue; letter-spacing:0px; }
.fund
{	font-size: 17px; color: #3463C4; line-height: 16px; }
.sub_fund
{	font-size: 15px; color: #3463C4; line-height: 16px; letter-spacing:-1px; }
.sub_fund_red
{	font-size: 15px; color: red; line-height: 16px; letter-spacing:-1px; }
.sub_title
{	font-size: 17px; color: #FF3300; }
.sub_pr_title
{	font-size: 15px; color: #3463C4;  }
.box_line_thin_no { border: 1px #FFFFFF solid}
.box_line_thin_color { border: 1px cdcdcd solid}

/* gnb 2020-11-17 */
.jh-gnb{width:729px; height:85px; background:url('../images/620-gnb.jpg') no-repeat; float:left; margin:0; padding:0;}
.jh-gnb ul, .jh-gnb li, .jh-gnb li a{list-style:none; text-decoration:none; padding:0; margin:0;}
nav.jh-gnb a{display:inline-block; font-family: 'Noto Sans KR', sans-serif;}
nav.jh-gnb .main-menu > li{position:relative; float:left;}
nav.jh-gnb .main-menu li:first-child{margin-left:13px;}
nav.jh-gnb .main-menu > li > a{padding: 0 15px; font-weight:500; font-size:16px; color:#224e00; line-height:44px;height:44px;}
nav.jh-gnb .main-menu > li > a:hover{color:#000; }
nav.jh-gnb .main-menu > li .sub-menu{width:750px; position:absolute; top:42px; left:0px; z-index:100; display:none;}
nav.jh-gnb .main-menu > li:nth-child(2) a{padding: 0 26px;}
nav.jh-gnb .main-menu > li:nth-child(3) a{padding: 0 30px;}
nav.jh-gnb .main-menu > li:nth-child(3) .sub-menu{left:-200px;}
nav.jh-gnb .main-menu > li:nth-child(3) .sub-menu > li a{padding:2px 3px; letter-spacing:-1px;}
nav.jh-gnb .main-menu > li:nth-child(4) a{padding: 0 28px;}
nav.jh-gnb .main-menu > li:nth-child(4) .sub-menu{left:0px;}
nav.jh-gnb .main-menu > li:nth-child(5) a{padding: 0 20px;}
nav.jh-gnb .main-menu > li:nth-child(5) .sub-menu{left:-210px;}
nav.jh-gnb .main-menu > li:hover .sub-menu{display:block;}
nav.jh-gnb .main-menu > li .sub-menu > li{float:left;}
nav.jh-gnb .main-menu > li .sub-menu > li a{font-size:12px; padding:2px 5px; font-weight:bold; color:#fff;}
nav.jh-gnb .main-menu > li .sub-menu > li:hover a{color:#f4ff4a;}
nav.jh-gnb .main-menu > li .sub-menu.last-sub{left:-140px; width:400px;}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
nav.jh-gnb .main-menu > li > a{padding: 0 12px; font-weight:bold; font-size:16px; color:#224e00; line-height:44px;height:44px;}
nav.jh-gnb .main-menu > li:nth-child(2) a{padding: 0 18px;}
nav.jh-gnb .main-menu > li:nth-child(2) .sub-menu{left:-50px;}
nav.jh-gnb .main-menu > li:nth-child(3) .sub-menu{left:-200px;}
nav.jh-gnb .main-menu > li:nth-child(3) .sub-menu > li a{padding:2px 3px; letter-spacing:-1px;}
nav.jh-gnb .main-menu > li:nth-child(4) a{padding: 0 28px;}
nav.jh-gnb .main-menu > li:nth-child(4) .sub-menu{left:0px;}
nav.jh-gnb .main-menu > li:nth-child(5) a{padding: 0 14px;}
nav.jh-gnb .main-menu > li:nth-child(5) .sub-menu{left:-240px;}
}

/* main-recommend */
.main-recommend{border:1px solid #d1d1d1; box-sizing:border-box; background:#f5f5f5; border-radius:10px;
	width:448px; height:270px; z-index:0;}
.main-recommend .swiper-button-next{height:22px; margin-top:0px; background:rgba(0,0,0,.45);
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") !important;}
.main-recommend .swiper-button-prev{height:22px; margin-top:0px; background:rgba(0,0,0,.45);
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") !important;}
.swiper-pagination-bullet{background:#fff; opacity:1;}
.swiper-pagination-bullet-active{background:#9fe54e;}

.main-banner{width:757px; height:220px;}
.main-banner .swiper-pagination-bullets{bottom:3;}
.main-banner .swiper-pagination-bullet-active{background:#d20003;}

/* Ä«µå°áÁ¦¿À·ù ÇØ°á¹æ¾È */
.err-notice{position: fixed; width:260px; height:290px; top:100px; left:6%; z-index:9999; }
.err-close{text-align:center; background:#555; color:#fff; height:30px; line-height:30px;}
.err-pop-wrap{position: fixed; width: 100%; height: 100%; top:0; left:0; background: rgba(0,0,0,.65); z-index: 10000; opacity: 0;
		visibility: hidden; transition: visibility 0s, linear 0.25s, opacity 0.25s 0s; font-size:12px; overflow: scroll;}
.err-pop-wrap img{position: absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); z-index:10001;}
.show-err-pop{visibility: visible; opacity:1;  }