@charset "gb2312";
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css);

/*
=============================================
|  ?????   SungMin Jo                    |
|  Cell: +82-10-8837-4565, 010-8837-4565    |
|  Home: http://www.alitaz.com              |
|  e-mail: miracle_runa@naver.com           |
=============================================
*/

div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, abbr, acronym, address, big, cite, code, ins, small, sub, sup
{ font:normal 12px/22px 'SimHei', monospace; padding:0; margin:0; }

div img, dl img, dt img, dd img, ul img, ol img, li img, h1 img, h2 img, h3 img, h4 img, h5 img, h6 img, pre img, form img, fieldset img, input img, textarea img, p img, blockquote img, th img, td img{ font-size:0; line-height:0; }

table{ border-collapse:collapse; border-spacing:0; }

ol, ul, li{ list-style:none; }

h1, h2, h3, h4, h5, h6, th, td{ font-weight:normal; font-size:100%; }

form, fieldset, a img{ border:0; }

q:before,q:after { content:''; }

abbr,acronym { border:0; }

address, abbr, address, big, cite, code, ins, small, sub, sup, em{ font-weight:normal; font-style:normal; }

blockquote, q{ quotes:none; }

.accessibility, .skip, legend
{ position:absolute !important; width:0 !important; height:0 !important; font-size:0 !important; line-height:0 !important; overflow:hidden !important; visibility:hidden !important; }
caption{ display:none; }

.null{ font-size:0; line-height:0; }

a img, input, textarea, select, img{ vertical-align:middle; }


time, progress, mark, output { display:inline; }


.hide{ position:absolute; top:-9999px; left:-9999px; }
.clr{ clear:both !important; float:none !important; width:0 !important; height:0 !important; padding:0 !important; font-size:0 !important; line-height:0 !important; overflow:hidden !important; visibility:hidden !important; }

a {text-decoration:none;}
a:hover {text-decoration:underline;}
a img{ border:0; }
img, input, select{ vertical-align:middle; }

input{ font:13px 'Nanum Gothic', monospace; color:#000; vertical-align:middle; }
select{ font-size:13px; border:1px solid #D0D0D0; background:#fff; }



/*------------------------------------------------------------------------------------------------------------*/

.red {color:#e12b14;}
.blue {color:#1b64cd;}
.blue1 {color:#1b64cd; font:normal 15px}
.black {color:#222222;}
.green {color:#169a1e;}
.dark_grey {color:#4e4e4e;}
.dark_blue {color:#2b3b5f;}
.bright_purple {color:#8b81df;}
.scarlet {color:#d17379;}
.bright_yellow {color:#feff91;}
.seperater {color:#dadada;margin:0 7px;}

.il {width:280px;height:32px;position:relative;float:left;background:#fff;}
.il label {display:block;font:normal 12px/32px 'dotum';padding-left:10px;color:#777;}
.il span {display: block;height:32px;}
.il input {position:absolute;height:32px;padding-left:10px;border:0;background: transparent;font:normal 13px/32px 'dotum';vertical-align:top;color:#777;top:0;left:0;z-index:1;}

body{ margin:0; padding:0; position:relative;overflow-x:hidden;}

#document{ width:100%;margin:0 auto;}

/*?ªë?*/
#head_wrap {width:100%;height:109px;background:url('/img/comm/head_wrap_bg.gif') repeat-x;}
.head_inner {width:1200px;margin:0 auto;position:relative;}

#navi_wrap {width:300%;height:109px;position:absolute;top:0;left:236px;background:url('/img/comm/navi_bg.gif') repeat-x;}
#navi_wrap2 {width:962px;height:109px;position:absolute;top:0;left:236px;background:url('/img/comm/navi_bg.gif') repeat-x;}

.head_baf_wrap {position:absolute;left:236px;top:0;width:536px;height:37px;}
.head_baf_inner {position:relative;}

.head_bnf_list {position:absolute;overflow:hidden;left:150px;top:6px;}
.head_bnf_list li {float:left;margin-right:2px;}
.head_bnf_list li img {width:24px;height:23px;}

.head_sns {position:absolute;right:0;top:5px;overflow:hidden;}
.head_sns li {float:left;margin-right:17px;}

.head_search {position:absolute;right:0;top:37px;}

.head_menu {width:643px;height:32px;position:absolute;left:236px;top:37px;overflow:hidden;}
.head_menu li {float:left;}

.head_log_menu {width:399px;height:30px;position:absolute;right:0;top:0;background:url('/img/comm/head_lm_bg.gif') no-repeat;overflow:hidden;padding:7px 0 0 30px;}
.head_log_menu li {float:left;margin-right:15px;}

#head_navi {width:964px;height:40px;position:absolute;left:236px;top:69px;z-index:9999999;}
#head_navi li.hd1 {float:left;position:relative;}

#head_navi li.hd1 ul.hd2 {position:absolute;top:40px;display:none;z-index:9999999;}
#head_navi li.hd1 ul.hd2 li {width:100%;clear:both;border-bottom:1px solid #575a92;position:relative;}
#head_navi li.hd1 ul.hd2 li a {padding:5px 7px 5px 14px;display:block;background:url('/img/comm/hd2_bg.png') repeat;font:normal 12px 'SimHei';color:#c4c8e3;}
#head_navi li.hd1 ul.hd2 li a:hover, #head_navi li.hd1 ul.hd2 li a.select {background:#10104d;font:bold 12px 'SimHei';color:#f8ffa9;letter-spacing:-1px;}

#head_navi li.hd1 ul.hd2 li div.hd3 {position:absolute;width:214px;top:0;background:#10104d;padding:5px 0;display:none;}
#head_navi li.hd1 ul.hd2 li div.hd3 a {padding:3px 14px;background:none;display:block;font:normal 12px 'dotum';color:#9397b0;}
#head_navi li.hd1 ul.hd2 li div.hd3 a:hover {text-decoration:underline;font:bold 12px 'SimHei';color:#75fff4;letter-spacing:-1px;}

#head_navi li .hd2 {width:215px;}
#head_navi li#nv9 .hd2 {right:0;}
#head_navi li#nv1 .hd2 li div.hd3, #head_navi li#nv2 .hd2 li div.hd3, #head_navi li#nv3 .hd2 li div.hd3, #head_navi li#nv4 .hd2 li div.hd3, #head_navi li#nv5 .hd2 li div.hd3, #head_navi li#nv6 .hd2 li div.hd3, #head_navi li#nv7 .hd2 li div.hd3 {position:absolute;left:215px;}
#head_navi li#nv8 .hd2 li div.hd3, #head_navi li#nv9 .hd2 li div.hd3 {position:absolute;right:215px;}

/*footer*/
.foot_content_wrap {width:1116px;padding:30px 41px 0 41px;margin:0 auto;border-top:1px solid #e0e0e0;border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0;background:#fff;overflow:hidden;}
#foot_menu_wrap {width:100%;position:relative;}

#fmap_top {height:44px;border-top:3px solid #b0b0b0;border-bottom:2px solid #d7d7d7;position:relative;overflow:hidden;}
#fmap_top li {float:left;width:101px;}
#fmap_top li a {font:800 13px/44px 'Nanum Gothic', sans-serif;color:#333;}
#fmap_top li a:hover {color:#3636ca;}

#fmap_btm {width:100%;height:270px;overflow:hidden;}
#fmap_btm li {width:101px;float:left;padding:10px 0;}
#fmap_btm li a {display:block;padding:4px 8px 4px 0;font:normal 11px/15px 'dotum', sans-serif;color:#777;letter-spacing:-1px;}
#fmap_btm li a:hover {font-weight:bold;letter-spacing:-2px;color:#2d2db5;}

#cooper {width:100%;height:80px; background:#efefef;}
#cooper_inner {width:1127px;height:78px;margin:0 auto;background:#f5f5f5;border:1px solid #e0e0e0;border-bottom:1px solid #f5f5f5;overflow:hidden;}

#foot_addr_wrap {width:1200px;height:241px;overflow:hidden;margin:0 auto;}
#foot_addr_wrap li.fb_boxs {background:url('/img/comm/fa_bg.gif') center right no-repeat;float:left;overflow:hidden;}

.foot_board_box {width:265px;margin:25px 35px 0 35px;}
.foot_board_box h4 {margin-bottom:10px;font:800 12px 'Nanum Gothic', sans-serif;color:#9f9f9f;position:relative;}
.foot_board_box h4 span {font:normal 10px 'verdana';color:#5e80a6;position:absolute;right:0;}
.foot_board_box ul {overflow:hidden;}
.foot_board_box ul li {width:100%;height:20px;position:relative;background:none;}
.foot_board_box ul li a {font:normal 11px 'dotum';color:#4c4c4c;}
.foot_board_box ul li a:hover {color:#2d2db5;}
.foot_board_box ul li span {position:absolute;right:0;top:5px;font:normal 11px 'dotum';color:#ababab;}

#foot_copy {width:100%;height:100px;border-top:1px solid #d7d7d7;text-align:center;font:bold 12px/72px 'tahoma', sans-serif;color:#c2c2c2;}
#copy_inner {position:relative;width:1200px;height:72px;margin:0 auto;}
#foot_copy strong {color:#818080;}

#copy_inner p {position:absolute;left:44px;top:45px;}

#copy_mem {position:absolute;left:44px;top:21px;overflow:hidden;}
#copy_mem li {margin-right:18px;float:left;}
#copy_mem li a {font:bold 12px 'Nanum Gothic', sans-serif;color:#9b9b9b;}
#copy_mem li a:hover {color:#777;}

#copy_sns {position:absolute;right:15px;top:17px;overflow:hidden;}
#copy_sns li {margin:0 5px;float:left;}

#flow_banner_wrap {width:100%;overflow:hidden;}
#flow_banner_wrap .fb_inner {float:left;}
#fb_left, #fb_right {}
#fb_cont {width:1115px;height:78px;overflow:hidden;position:relative;}
#fb_cont ul {width:600%;position:absolute;left:0;}
#fb_cont ul li {width:223px;float:left;text-align:center;}

#roll_content { width:100%;height:78px; text-align:center;} 
#roll_content .mask{width:100%;height:78px; margin:0 auto; position:relative; overflow:hidden; text-align:center}
#roll_content .roll_wrap,#roll_content ul {position:absolute;}
#roll_content .roll_wrap {}
#roll_content ul {}
#roll_content ul {left:0px;overflow:hidden;}
#roll_content ul li{float:left;width:205px;}
#roll_content ul li a{display:block;}

/*??ç»?øú??Íüãí åÚ??*/

/***************************************  ?ðÂ?  *******************************************************/

.head_wrap {width:2000px; left:50%; margin-left:-1000px; position:relative; background:url(../img/comm/teuim/head_bg.gif) no-repeat #3b3b3b;}
.head_wrap .head_box {width:1100px; height:121px; margin:0 auto; overflow:hidden;}
.head_wrap .head_box h1 {float:left; margin-top:27px;}
.head_wrap .head_box .right_box {float:right; width:700px; overflow:hidden; margin-top:13px;}
.head_wrap .head_box .hmn {float:right;}
.head_wrap .head_box .log {overflow:hidden; margin-left:32px;}
.head_wrap .head_box .log li {float:left; margin-left:4px;}
.head_wrap .head_box .log li a {display:block; padding:3px 4px; background:#565656; font:bold 8px/10px 'dotum'; color:#fff;}
.head_wrap .head_box .icon {overflow:hidden; margin-top:7px;}
.head_wrap .head_box .icon li {float:left; margin-left:10px;}
.head_wrap .head_box .side_mn { float:right; overflow:hidden; margin-top:10px;}
.head_wrap .head_box .side_mn li {float:left;}
.head_wrap .head_box .side_mn li span {font:bold 15px/53px 'Nanum Gothic'; color:#6ad8f1; cursor:default;}
.head_wrap .head_box .side_mn li a {font:bold 15px/53px 'Nanum Gothic'; color:#6ad8f1;}

/***************************************  ????? *****************************************************/

.gnb_wrap {width:100%; top:121px; background:url(../img/comm/teuim/topmn_bg.gif) repeat-x #fff; position:absolute; z-index:100;}
#top_menu {width:1290px; height:42px; /*height:380px;*/ margin:0 auto; overflow:hidden; position:relative;}
#top_menu .dep1 {float:left; width:183px; text-align:center;}
#top_menu .dep1 a {font:bold 17px/42px 'Nanum Gothic'; color:#fff; letter-spacing:-1px; display:block;}
#top_menu .dep1.on a {color:#6ad8f1;}
#top_menu .dep1.off a {color:#fff;}
#top_menu .dep2 {text-align:left; margin-top:1px; padding-top:18px; height:337px; border-left:1px solid #e5e5e5;}
#top_menu .dep2.last {border-right:1px solid #e5e5e5;}
#top_menu .dep2 li {margin-left:15px;}
#top_menu .dep2 li span {font:bold 13px/27px 'Nanum Gothic'; color:#888; cursor:default;}
#top_menu .dep2 li a {font:bold 13px/27px 'Nanum Gothic';color:#888;letter-spacing:-1px; display:inline-block; *zoom:1;}
#top_menu .dep2 li.on a {color:#6b5ec7;}
#top_menu .dep2 li.off a {color:#888;}

/***************************************  ???  *******************************************************/

.foot_wrap {width:100%; background:#4f4f4f;}
.foot_wrap .foot_mn {width:1100px; padding:30px 0; margin:0 auto; overflow:hidden;}
.foot_wrap .foot_mn .dep1 {float:left; margin-right:80px;}
.foot_wrap .foot_mn .dep1.last {margin-right:0;}
.foot_wrap .foot_mn .dep1 a {display:block; font:bold 17px/10px 'Nanum Gothic';color:#fff; margin-bottom:25px;}
.foot_wrap .foot_mn .dep2 a {display:block; font:normal 14px/10px 'Nanum Gothic';color:#b5b5b5; margin-bottom:15px;}
.foot_wrap .foot_add {width:100%; background:#000;}
.foot_wrap .foot_add .add {width:1100px; padding:30px 0 80px 0; margin:0 auto; overflow:hidden;}
.foot_wrap .foot_add .add h1 {float:left; margin-right:39px;}
.foot_wrap .foot_add .add div {float:left;}
.foot_wrap .foot_add .add div ul {overflow:hidden;}
.foot_wrap .foot_add .add div ul li {float:left;}
.foot_wrap .foot_add .add div ul li span {font:bold 12px/20px 'dotum'; color:#6b6a6a; cursor:default;}
.foot_wrap .foot_add .add div ul li a {font:bold 12px/20px 'dotum'; color:#6b6a6a;}
.foot_wrap .foot_add .add div p {font:bold 12px/20px 'dotum'; color:#a3a3a3;}