/*°øÅë¿ä¼Ò*/
@charset "utf-8";
* {margin: 0px; padding: 0px; border: 0px;}
a { text-decoration:none; }
a:link { text-decoration:none; }
a:active { text-decoration:none; }
img {border:0px;}
table {border:0; margin:0; padding:0;}
body {background-color:#e6e6e6;}
/*¸ÞÀÎºí·° ±¸¼º*/
.top_bg_wrap{position: absolute; top:0px; width:100%; height:137px; background-image: url("../CTL_img/top_bg.png"); z-index:-1;}
.top_wrap {position: relative; height:90px; width:1024px; left:50%; margin-left: -512px;}
.menu_wrap {position: relative; height:50px; background-color:#3d5869;}
.menu_area {position: relative; height:50px; width:1024px; left:50%; margin-left: -512px; background-color:#3d5869;}
.middle_wrap {position: relative; min-height:580px; background-color:#ffffff; width:100%;}
.middle_area {position: relative; width:1024px; left:50%; margin-left:-512px; background-color:#ffffff;}
.footer_wrap {position: relative; height:150px; width:1024px; left:50%; margin-left: -512px; background-color:#e6e6e6;}

/*»ó´Üºí·° ±¸¼º*/
.main_ci {text-align:left;}
.ver_info {text-align:right; width:100%; color:#828282; padding-top:10px; font-size:13px; font-family: 'dotum';}

/*¸Þ´º ±¸¼º*/
.menu_dropdown {position: absolute; top:5px; left:138px; z-index:1;}
.menu_dropdown ul { padding: 0px; margin: 0px;}
.menu_dropdown ul li{position: relative; font-size: 16px; float: left;  list-style: none; text-align: center; word-wrap:break-word; }
.menu_dropdown ul li a{text-decoration: none; font-weight: normal;}
.menu_dropdown ul li ul{ padding-top: 5px; position: absolute; z-index: 50; display: none;}
.menu_dropdown ul li ul li{ font-size: 14px; padding-top:5px; padding-bottom:5px; margin:0px; float: none; border:none; word-wrap: break-word;}
.menu_dropdown ul li ul li a{ font-weight: normal;}
.menu_all_btn {position: absolute;  background-color:#0084a4; font-size:16px; color:#ffffff; padding:17px 20px 17px 55px;}
.menu_all_btn:hover {cursor:pointer;}
.menu_all_icn {position: absolute; z-index:10; left:20px; top:19px;}
.menu_all_close_btn {position: absolute;  background-color:#0084a4; font-size:16px; color:#ffffff; padding:17px 20px 17px 55px;}
.menu_all_close_btn:hover {cursor:pointer;}
.menu_all_close_icn {position: absolute; z-index:10; left:20px; top:15px;}

.log_in_icn {position: absolute; z-index:10; left:926px; top:14px;}
.log_in_btn {position: absolute; left:909px; background-color:#898989; font-size:14px; color:#ffffff; padding:17px 20px 17px 55px;}
.log_in_btn:hover {cursor:pointer; background-color:#9f9f9f;}
.log_out_btn {position: absolute; left:909px; background-color:#898989; font-size:13px; color:#ffffff; padding:17px 20px 17px 45px;}
.log_out_btn:hover {cursor:pointer; background-color:#9f9f9f;}

/*Àüü ¸Þ´º ±¸¼º*/
.menu_all_view {position: absolute; z-index:80; background-color:#0084a4; left:0px; top:50px; width:1024px; height:250px;}
.menu_all_view ul{position: relative; top:15px; left:170px; font-size: 16px; float: left; z-index: 100; list-style: none; width:155px; margin-right:35px; line-height:25px;}
.menu_all_view ul li{font-size: 16px; padding-top:5px; padding-bottom:5px; margin:0px; float: none; border:none; text-align:center; word-wrap: break-word;}
.menu_all_view ul li:hover{background-color:#3d5869;; cursor:pointer;}
.menu_all_view ul li a{text-decoration: none; color:white; font-weight: normal;}
.menu_all_b_close_btn {position: absolute; color:#82bbc9; text-align:center; font-size:25px; z-index:90;left:985px; top:258px;}
.menu_all_b_close_btn:hover {cursor:pointer; color:white;}

/*ÇÏ´Üºí·° ±¸¼º*/
.footer_ci_area{position: absolute; top:40px;}
.footer_info_area{position: absolute; left:200px; top:28px;}
.footer_pop_area{position: absolute; left:869px; top:30px;}
.family_site_area{position: absolute; left:795px; top:85px;}


.footer_info_tex {font-size:13px; font-family: 'dotum'; color:#828282; line-height:16px;}
.bottom_bt { border:1px solid #b3b3b3; width:150px; height:25px; margin:2px; padding:5px; color: #828282; font-family: 'dotum'; font-size: 12px; border-radius: 2px; background-image:url("../image/btn_bg.png"); vertical-align:middle; }
.bottom_bt:hover { cursor:pointer; border:1px solid #117bff; color: #000000;}
.family_site_select {border:1px solid #b6b6b6; height:25px; width:170px;}

/*·Î±×ÀÎ ¼Â*/
#mask {display: none; background: #000; position: fixed; left: 0; top: 0; 	z-index: 10; width: 100%; height: 100%;	opacity: 0.6;	z-index: 999;}
.login-popup{display:none; background: #efefef; width:400px; height:320px;	float: left; position: fixed;	top: 50%; left: 50%; z-index: 99999;}
.log_pop_top_area {background:#0084a4; padding:20px 0 20px 0; width:100%; color:white;}
.login_close_btn {position: absolute; top:25px; left:360px; font-size:18px;}
.login_close_btn a{color:#6EE3F7;}
.login_close_btn a:hover{color:white; text-decoration: none;}
.login_box_cls {padding:10px; width:200px; font-size:15px; border:1px solid #C2C2C2;}
.login_box_cls:hover {border:1px solid #0084a4;}
.login_ID_input_area{position: absolute; top:125px; left:30px; color:#8C8C8C; font-size:15px;}
.login_pass_input_area{position: absolute; top:175px; left:30px; color:#8C8C8C; font-size:15px;}
.acept_btn_area {position: absolute; top:228px; left:96px;}
.log_in_ok_btn {font-size:15px; width:103px; padding:10px 0 10px 0; background:#6B9900; color:white;}
.log_in_ok_btn:hover {background:#477500; cursor:pointer;}
.log_in_no_btn {font-size:15px; width:103px; padding:10px 0 10px 0; background:#8C8C8C; color:white;}
.log_in_no_btn:hover {background:#7A7A7A; cursor:pointer;}