@charset "utf-8";

/*³» »óȲ¿¡ ¸Â´Â º¸Á¶±â±â

#mtab {width:735px; height:379px; margin:20px 0 0 0; }
#mtab>ul {float: left; width:735px; height:379px; text-align: left; padding: 0; position: relative;}
#mtab>ul>li {float:left;}
#mtab>ul>li.m01 {float:left;}
#mtab>ul>li.m01 a{display: block; position: absolute; top:0; left:0; width:245px; height:43px; font-size:16px; letter-spacing:-0.5px; padding-left:20px; line-height:40px; border-left:1px solid #e2e2e2; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; border-top:1px solid #e2e2e2; font-weight:bold; background:url(../images/new/knat_db/my_arrow_off.png) #f8fafc 222px 14px no-repeat;}
#mtab>ul>li.m01 a:hover{display: block; top:0; left:0; color:#fff; border-left:1px solid #0062a0; border-right:1px solid #0062a0; border-bottom:1px solid #0062a0; border-top:1px solid #0062a0; font-weight:bold; background:url(../images/new/knat_db/my_arrow_on.png) #0062a0 222px 14px no-repeat;}

#mtab>ul>li {float:left;}
#mtab>ul>li a{display: block; width:245px; height:42px; font-size:16px; letter-spacing:-0.5px; padding-left:20px; line-height:40px; border-left:1px solid #e2e2e2; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; font-weight:bold;  background:url(../images/new/knat_db/my_arrow_off.png) #f8fafc 222px 14px no-repeat;}
#mtab>ul>li a:hover{display: block; color:#fff; border-left:1px solid #0062a0; border-right:1px solid #0062a0; border-bottom:1px solid #0062a0; font-weight:bold; background:url(../images/new/knat_db/my_arrow_on.png) #0062a0 222px 14px no-repeat;}
#mtab>ul>li:first-child {border-top:1px solid #e2e2e2;}
#mtab>ul>li.selected a {display: block; color:#fff; font-weight:bold; background:url(../images/new/knat_db/my_arrow_on.png) #0062a0 222px 14px no-repeat; border:1px solid #0062a0;}

#mtab>ul>li.m01>div.List_img01{position: absolute; top:0; left:269px; float:left; width:472px; height:379px;}




#mtab>ul>li>div.List_img01 ul {float:left;}
#mtab>ul>li>div.List_img01 ul li {float:left; cursor:pointer;}
#mtab>ul>li>div.List_img01 ul li a {display: block; width:154px; height:187px; margin:0 5px 5px 0; font-size:14px; line-height:18px; text-align: center; letter-spacing:-0.5px; border: 1px solid #cccccc; border-radius: 3px; padding:6px;}
#mtab>ul>li>div.List_img01 ul li a:hover {border: 3px solid #0062a0; border-radius: 3px; color:#0062a0; padding:4px; font-weight:bold;}
#mtab>ul>li>div.List_img01 ul li.last {float:left;}
#mtab>ul>li>div.List_img01 ul li.last a {display: block; width:154px; height:187px; margin:0 0 5px 0; line-height:18px; text-align: center; letter-spacing:-0.5px; border: 1px solid #cccccc; border-radius: 3px; padding:6px;}
#mtab>ul>li>div.List_img01 ul li.last a:hover {border: 3px solid #0062a0; border-radius: 3px; color:#0062a0; padding:4px; font-weight:bold;}

*/





/*³» »óȲ¿¡ ¸Â´Â º¸Á¶±â±â*/

#mtab {width:735px; height:379px; margin:20px 0 0 0; }
#mtab>ul {float: left; width: 245px; height:379px; text-align: left; padding: 0; position: relative;}
#mtab>ul>li {float:left; cursor:pointer;}
#mtab>ul>li.fir {float:left;}
#mtab>ul>li.fir a{display: block; width:245px; height:43px; font-size:16px; letter-spacing:-0.5px; padding-left:20px; line-height:40px; border-left:1px solid #e2e2e2; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; border-top:1px solid #e2e2e2; font-weight:bold; background:url(../images/new/knat_db/my_arrow_off.png) #f8fafc 222px 14px no-repeat;}
#mtab>ul>li.fir a:hover{display: block; color:#fff; border-left:1px solid #0062a0; border-right:1px solid #0062a0; border-bottom:1px solid #0062a0; border-top:1px solid #0062a0; font-weight:bold; background:url(../images/new/knat_db/my_arrow_on.png) #0062a0 222px 14px no-repeat;}

#mtab>ul>li {float:left;}
#mtab>ul>li a{display: block; width:245px; height:42px; font-size:16px; letter-spacing:-0.5px; padding-left:20px; line-height:40px; border-left:1px solid #e2e2e2; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; font-weight:bold;  background:url(../images/new/knat_db/my_arrow_off.png) #f8fafc 222px 14px no-repeat;}
#mtab>ul>li a:hover{display: block; color:#fff; border-left:1px solid #0062a0; border-right:1px solid #0062a0; border-bottom:1px solid #0062a0; font-weight:bold; background:url(../images/new/knat_db/my_arrow_on.png) #0062a0 222px 14px no-repeat;}
#mtab>ul>li:first-child {border-top:1px solid #e2e2e2;}

#mtab>ul>li.selected a {display: block; color:#fff; font-weight:bold; background:url(../images/new/knat_db/my_arrow_on.png) #0062a0 222px 14px no-repeat; border:1px solid #0062a0;}

#mtab > div.List_img01, #mtab > div.List_img02, #mtab > div.List_img03, #mtab > div.List_img04, #mtab > div.List_img05, #mtab > div.List_img06, #mtab > div.List_img07, #mtab > div.List_img08, #mtab > div.List_img09 {float:left; width:472px; height:379px; margin:0 0 0 18px;}
#mtab > div.List_img01 ul, #mtab > div.List_img02 ul, #mtab > div.List_img03 ul, #mtab > div.List_img04 ul, #mtab > div.List_img05 ul, #mtab > div.List_img06 ul, #mtab > div.List_img07 ul, #mtab > div.List_img08 ul, #mtab > div.List_img09 ul{float:left;}
#mtab > div.List_img01 ul li, #mtab > div.List_img02 ul li, #mtab > div.List_img03 ul li, #mtab > div.List_img04 ul li, #mtab > div.List_img05 ul li, #mtab > div.List_img06 ul li, #mtab > div.List_img07 ul li, #mtab > div.List_img08 ul li, #mtab > div.List_img09 ul li {float:left; cursor:pointer;}
#mtab > div.List_img01 ul li a, #mtab > div.List_img02 ul li a, #mtab > div.List_img03 ul li a, #mtab > div.List_img04 ul li a, #mtab > div.List_img05 ul li a, #mtab > div.List_img06 ul li a, #mtab > div.List_img07 ul li a, #mtab > div.List_img08 ul li a, #mtab > div.List_img09 ul li a {display: block; width:154px; height:187px; margin:0 5px 5px 0; font-size:14px; line-height:18px; text-align: center; letter-spacing:-0.5px; border: 1px solid #cccccc; border-radius: 3px; padding:6px;}
#mtab > div.List_img01 ul li a:hover, #mtab > div.List_img02 ul li a:hover, #mtab > div.List_img03 ul li a:hover, #mtab > div.List_img04 ul li a:hover, #mtab > div.List_img05 ul li a:hover, #mtab > div.List_img06 ul li a:hover, #mtab > div.List_img07 ul li a:hover, #mtab > div.List_img08 ul li a:hover, #mtab > div.List_img09 ul li a:hover{border: 3px solid #0062a0; border-radius: 3px; color:#0062a0; padding:4px; font-weight:bold;}
#mtab > div.List_img01 ul li.last, #mtab > div.List_img02 ul li.last, #mtab > div.List_img03 ul li.last, #mtab > div.List_img04 ul li.last, #mtab > div.List_img05 ul li.last, #mtab > div.List_img06 ul li.last, #mtab > div.List_img07 ul li.last, #mtab > div.List_img08 ul li.last, #mtab > div.List_img09 ul li.last {float:left;}
#mtab > div.List_img01 ul li.last a, #mtab > div.List_img02 ul li.last a, #mtab > div.List_img03 ul li.last a, #mtab > div.List_img04 ul li.last a, #mtab > div.List_img05 ul li.last a, #mtab > div.List_img06 ul li.last a, #mtab > div.List_img07 ul li.last a, #mtab > div.List_img08 ul li.last a, #mtab > div.List_img09 ul li.last a{display: block; width:154px; height:187px; margin:0 0 5px 0; line-height:18px; text-align: center; letter-spacing:-0.5px; border: 1px solid #cccccc; border-radius: 3px; padding:6px;}
#mtab > div.List_img01 ul li.last a:hover, #mtab > div.List_img02 ul li.last a:hover, #mtab > div.List_img03 ul li.last a:hover, #mtab > div.List_img04 ul li.last a:hover, #mtab > div.List_img05 ul li.last a:hover, #mtab > div.List_img06 ul li.last a:hover, #mtab > div.List_img07 ul li.last a:hover, #mtab > div.List_img08 ul li.last a:hover, #mtab > div.List_img09 ul li.last a:hover{border: 3px solid #0062a0; border-radius: 3px; color:#0062a0; padding:4px; font-weight:bold;}
*/
.my_right_Area {width:735px; height:127px; position: relative; }
.my_right_Area>ul {float: left; width: 735px; height:127px; margin:0 0 30px 0; text-align: left; padding: 0;}
.my_right_Area>ul>li {float:left; cursor:pointer;}

.my_right_Area>ul>li.fir {float:left;}
.my_right_Area>ul>li.fir a{display: block; width:245px; height:43px; font-size:16px; letter-spacing:-0.5px; padding-left:20px; line-height:40px; border-left:1px solid #e2e2e2; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; border-top:1px solid #e2e2e2; font-weight:bold; background:url(../images/new/knat_db/my_arrow_off.png) #f8fafc 222px 14px no-repeat;}
.my_right_Area>ul>li.fir a:hover{display: block; color:#fff; border-left:1px solid #0062a0; border-right:1px solid #0062a0; border-bottom:1px solid #0062a0; border-top:1px solid #0062a0; font-weight:bold; background:url(../images/new/knat_db/my_arrow_on.png) #0062a0 222px 14px no-repeat;}
.my_right_Area>ul>li.fir a.on{display: block; color:#fff; border-left:1px solid #0062a0; border-right:1px solid #0062a0; border-bottom:1px solid #0062a0; border-top:1px solid #0062a0; font-weight:bold; background:url(../images/new/knat_db/my_arrow_on.png) #0062a0 222px 14px no-repeat;}


.my_right_Area>ul>li.sec {float:left;}
.my_right_Area>ul>li.sec a{display: block; width:245px; height:43px; font-size:16px; letter-spacing:-0.5px; padding-left:20px; line-height:40px; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; border-top:1px solid #e2e2e2; font-weight:bold; background:url(../images/new/knat_db/my_arrow_off.png) #f8fafc 222px 14px no-repeat;}
.my_right_Area>ul>li.sec a:hover{display: block; color:#fff; border-right:1px solid #0062a0; border-bottom:1px solid #0062a0; border-top:1px solid #0062a0; font-weight:bold; background:url(../images/new/knat_db/my_arrow_on.png) #0062a0 222px 14px no-repeat;}
.my_right_Area>ul>li.sec a.on{display: block; color:#fff; border-right:1px solid #0062a0; border-bottom:1px solid #0062a0; border-top:1px solid #0062a0; font-weight:bold; background:url(../images/new/knat_db/my_arrow_on.png) #0062a0 222px 14px no-repeat;}


.my_right_Area>ul>li.thi {float:left;}
.my_right_Area>ul>li.thi a{display: block; width:245px; height:42px; font-size:16px; letter-spacing:-0.5px; padding-left:20px; line-height:40px; border-left:1px solid #e2e2e2; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; font-weight:bold;  background:url(../images/new/knat_db/my_arrow_off.png) #f8fafc 222px 14px no-repeat;}
.my_right_Area>ul>li.thi a:hover{display: block; color:#fff; border-left:1px solid #0062a0; border-right:1px solid #0062a0; border-bottom:1px solid #0062a0; font-weight:bold; background:url(../images/new/knat_db/my_arrow_on.png) #0062a0 222px 14px no-repeat;}
.my_right_Area>ul>li.thi a.on{display: block; color:#fff; border-left:1px solid #0062a0; border-right:1px solid #0062a0; border-bottom:1px solid #0062a0; font-weight:bold; background:url(../images/new/knat_db/my_arrow_on.png) #0062a0 222px 14px no-repeat;}

.my_right_Area>ul>li.fou {float:left;}
.my_right_Area>ul>li.fou a{display: block; width:245px; height:42px; font-size:16px; letter-spacing:-0.5px; padding-left:19px; line-height:40px; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; font-weight:bold;  background:url(../images/new/knat_db/my_arrow_off.png) #f8fafc 222px 14px no-repeat;}
.my_right_Area>ul>li.fou a:hover{display: block; color:#fff; border-left:1px solid #0062a0; border-right:1px solid #0062a0; border-bottom:1px solid #0062a0; font-weight:bold; background:url(../images/new/knat_db/my_arrow_on.png) #0062a0 222px 14px no-repeat;}
.my_right_Area>ul>li.fou a.on{display: block; color:#fff; border-left:1px solid #0062a0; border-right:1px solid #0062a0; border-bottom:1px solid #0062a0; font-weight:bold; background:url(../images/new/knat_db/my_arrow_on.png) #0062a0 222px 14px no-repeat;}


/*º¸Á¶±â±â ¸ÂÃãÁ¶È¸*/
.search_box {width:735px; height:245px; margin-top:30px; background:#f8fafc; border:1px solid #d9d9d9; float:left;}
.search_box .search_txt {width:100%; height:114px; padding-top:25px; font-size:15px; text-align:center; float:left; line-height:35px;}
.search_box .search_txt span.big {font-size:23px; font-weight:bold;}
.search_box ul {width:100%; height:54px; padding-left:12px; font-size:15px; text-align:center; float:left;}
.search_box ul li {float:left; text-align:center;}
.search_box ul li select {width:171px; height:35px; font-size:14px; background:#fff; border:1px solid #e0e0e0; padding:7px 10px; margin-left:5px; color:#595959; margin-right:0px;}
.search_box .search_btnB {width:100%; height:77px; text-align:center; float:left;}
.search_box .search_btnB .btnBlue {display:inline-block; width:153px; height:50px; line-height:48px; color:#fff; font-weight:bold; font-size:18px; border-radius:3px; background:url(../images/new/knat_db/icon_search.png) #588bff 47px 15px no-repeat;}
.search_box .search_btnB .btnBlue a{display:block; color:#fff; padding-left:30px;}
.search_box .search_btnB .btnBlue a:hover{display:block; width:153px; height:50px; border-radius:3px; background:url(../images/new/knat_db/icon_search.png) #3c5a9a 47px 15px no-repeat;}
.search_result table {width: 735px; background-color:#fff; border-top: 2px solid #777777; margin-top:20px; font-size:15px; float:left;}
.search_result table td.fir{line-height:20px; font-weight:bold; border-bottom: 1px solid #e3e3e3; border-right:1px solid #e3e3e3; background:#f3f3f3; padding:16px 20px;}
.search_result table td.end{line-height:20px; border-bottom: 1px solid #e3e3e3; border-right:1px solid #fff; background:#fff; padding:16px 20px;}
.search_result table td.fir a{font-weight:bold;}
.search_result table td.end a{}



/*added 2018_1214*/

ul.tab_area{
	position: absolute;
	display:inline-block;  
    left: 100%;
    top: 0;
	width: 478px;
    height: 379px;
 	margin: 0 0 0 18px;
 }
.tab_area >li {
	display:inline-block;
	float:left;
	width:159px;
	height:192px;
	text-align:center;
}

#mtab>ul>li.selected>ul>li> a{
	display: block;
    width: 154px;
    height: 187px;
    margin: 0 5px 5px 0;
    color: #000 !important;
    font-family: "NG";
    font-weight: normal !important;
    text-decoration: none;
    font-size: 14px;
    font-weight:normal;
    line-height: 18px;
    text-align: center;
    letter-spacing: -0.5px;
    border: 1px solid #cccccc;
    border-radius: 3px;
    padding: 6px;
    background: none !important;
}

#mtab>ul>li.selected>ul>li a {
    display: block;
    color: #fff;
    font-weight: bold;
    background: url(../images/new/knat_db/my_arrow_on.png) #0062a0 222px 14px no-repeat;
    border: 1px solid #cccccc;
}

#mtab>ul>li.selected>ul>li a:hover {
	border: 3px solid #0062a0;
    border-radius: 3px;
    color: #0062a0 !important;
    padding: 4px;
    font-weight: bold !important;
}