/* °øÅë ¸Þ´º */
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

* html, body { font-family: 'Nanum Gothic', sans-serif;}
ul {list-style:none; padding:0px; margin:0px;}
ul li {list-style:none; padding:0px; margin:0px;}

img {max-width:100%;}

.word {float:left; width:150px; height:21px; border:0px; margin:2px 5px 0px 5px; font-size:12px; font-weight:bold; line-height:22px; color:#6d5e48;}
.word_2 {float:left; width:160px; height:21px; border:0px; margin:4px 5px 0px 5px; font-size:13px; font-weight:bold; line-height:25px;}
.word_3 {float:left; width:44px; height:21px; border:0px; margin:4px 5px 0px 2px; font-size:13px; font-weight:bold; line-height:25px; text-align:center;}
.select_1 {float:left; width:173px; height:31px; border:0px;}
.search_btn {float:left;}

.mr10 {margin-right:10px;}
.mr12 {margin-right:12px;}
.mr16 {margin-right:16px;}
.mr17 {margin-right:17px;}
.mr21 {margin-right:21px;}

.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt80 {margin-top:80px;}
.mt70 {margin-top:50px;}
.mt120 {margin-top:120px;}

.ml17 {margin-left:17px;}
.ml16 {margin-left:16px;}
.ml20 {margin-left:20px;}
.ml30 {margin-left:30px;}
.ml50 {margin-left:50px;}

.mb25 {margin-bottom:25px;}
.mb50 {margin-bottom:50px;}

.bt1 {border-top:1px solid #e9e9e9;}

.cb {clear:both;}

/*  »ó´Ü  */
#wrap {width:100%;}
#top_wrap {position:fixed; top:0px; left:0px; width:100%; height:65px; z-index:9999999;}

#top_1 {width:100%; height:76px;}
#top_1 > .top_center {margin:0 auto; width:980px; height:100%;}
#top_1 > .top_center > .logo {float:left;}
#top_1 > .top_center > .search_login > .login a {font-size:12px; font-weight:bold; font-family:'dotum', sans-serif;}

#top_1 > .top_center > .search_login {float:right; width:200px;  height:100%;}
#top_1 > .top_center > .search_login > .login {float:left; width:100%; height:33px; line-height:36px; text-align:right; font-size:12px; color:#656565; font-family:"dotum"; clear:both;}
#top_1 > .top_center > .search_login > .gnb_search {float:right;  width:192; height:25px; border:4px solid #fcdc03;}

#top_2 {width:100%; height:70px; background:#000000;}
#top_2 > .top_center2 {position:relative; margin:0 auto; width:100%; height:100%; z-index:9999;}
#top_2 > .top_center2 ul li {float:left; z-index:9999;}

#top_logo {position:absolute; top:10px; left:4%; z-index:9999;}
#top_logo img {width:70%;}
#top_list {position:absolute; top:32%; right:3%; z-index:9999;}

.top_wrap2 {position:absolute; top:24px; right:0px; z-index:9999;}
.top_wrap2 > li {float:left; display:inline; text-align:center;  font-size:16px; font-weight:bold; color:#6d5e48; font-family:"dotum"; padding-left:60px;}
.top_wrap2 a {float:left; font-size:16px; font-weight:bold; height:50px; line-height:48px; font-family:'Malgun Gothic', Gothic, sans-serif; color:#ffffff;}
.top_wrap2 li:hover > a {font-size:16px; font-weight:bold; color:#6d5e48; font-family:'Malgun Gothic', Gothic, sans-serif; color:#cccccc;}

.top_center2 > ul ul {display: none;}
.top_sub_wrap {width:200px; z-index:9999;}
.top_sub_wrap > li {float:left; width:200px; height:33px; font-size:13px; text-align:left; line-height:28px; z-index:9999;}
.top_sub_wrap a {display: block; width: 120px; font-family:'dotum'; height: 24px; font-size:13px; line-height:28px; background: #ffffff; text-align:left; color: #6d5e48; background:#f8f8f8; margin-left:40px; padding:3px 15px 5px 15px; z-index:9999; border-bottom:1px solid #e0e0e0;}
.top_sub_wrap li:hover > a {font-size:13px; font-family:'dotum'; font-weight: bold; background: #ffe001; color: #6d5e48; z-index:9999; border-bottom:1px solid #e0e0e0;}

.main_banners_btn1 {position:absolute; left:50px; top:400px;}
.main_banners_btn2 {position:absolute; right:50px; top:400px;}

.m_menu_wrap {background:#001e3b; font-size:18px; color:#ffffff;}
.m_menu_wrap ul li {float:left; width:100%; background:#0e0e0e; font-size:18px; line-height:40px; font-weight:bold; text-align:center;}
.m_menu_wrap a {color:#ffffff;}


/*  ¸ÞÀÎ  */
#main_1 {width:100%; margin-top:80px; text-align:center;}
#main_visual {width:100%; height:620px; background:url('/m/img/m_main01.jpg') center center no-repeat;}
.main_banners1 {width:100%; height:620px; background:url('/m/img/m_main01.jpg') center center no-repeat;}
.main_banners2 {width:100%; height:620px; background:url('/m/img/m_main02.jpg') center center no-repeat;}
.main_banners3 {width:100%; height:620px; background:url('/m/img/m_main02.jpg') center center no-repeat;}
.main_banners4 {width:100%; height:620px; background:url('/m/img/m_main02.jpg') center center no-repeat;}

.main_wrap {position:relative; width:950px; height:100%; margin:0 auto;}
.main_btn {position:absolute; bottom:50px; left:0%;}
.main_btn ul {float:left;}
.main_btn ul li {float:left; padding-right:8px;}

#main_menu_wrap {position:relative; width:980px; margin:0 auto;}
.main_menu {position:absolute; width:130px; top:0px; right:0px; z-index:2;}
.main_menu ul {float:left;}
.main_menu ul li {float:left; width:130px; height:133px;}
.main_menu .m_01 {float:left; width:130px; height:133px; background:url('/img/main_right_01.jpg') no-repeat;}
.main_menu .m_01_on {float:left; width:130px; height:133px; background:url('/img/main_right_01_on.jpg') no-repeat;}
.main_menu .m_02 {float:left; width:130px; height:133px; background:url('/img/main_right_02.jpg') no-repeat;}
.main_menu .m_02_on {float:left; width:130px; height:133px; background:url('/img/main_right_02_on.jpg') no-repeat;}
.main_menu .m_03 {float:left; width:130px; height:133px; background:url('/img/main_right_03.jpg') no-repeat;}
.main_menu .m_03_on {float:left; width:130px; height:133px; background:url('/img/main_right_03_on.jpg') no-repeat;}

#main_2 {width:100%; text-align:center;}
.main_2_01 {float:left;}
.main_2_02 {position:relative; float:left; width:280px; height:207px; background:url('../img/main2_02.jpg') no-repeat;}
.main_2_02 >.a_01 {position:absolute; top:17px; right:24px;}
.main_2_02 >.a_02 {position:absolute; top:71px; right:24px; width:173px; height:31px; background:#ffffff;}
.main_2_02 >.a_03 {position:absolute; top:112px; right:24px; width:173px; height:31px; background:#ffffff;}
.main_2_02 >.a_04 {position:absolute; top:153px; left:83px; width:51px; height:31px; background:#ffffff;}
.main_2_02 >.a_04_1 {position:absolute; top:153px; left:145px; width:50px; height:31px; background:#ffffff;}
.main_2_02 >.a_04_2 {position:absolute; top:153px; left:205px; width:51px; height:31px; background:#ffffff;}

#main_3 {width:100%; margin:0 auto;}
.main_3_title {float:left; width:100%; padding-bottom:25px; text-align:center;}
.main_3_title_2 {float:left; width:97%; padding-top:25px; padding-bottom:25px; margin-left:1.5%; margin-right:1.5%; text-align:center; border-top:3px solid #001e3b;}
.main_3_title_2 img {width:80px;}
.main_3_content {width:100%;}
.main_3_img {float:left; width:30%; padding:0px 1.5% 0px 1.8%;}
.main_3_text {font-size:11px; color:#000000; font-weight:bold; padding-top:10px; padding-bottom:5px; border-bottom:1px solid #dddddd;}
.main_3_text2 {font-size:10px; color:#999999; padding-top:5px; }

.work_cate {position:relative; float:left; width:calc(100%/4); background:url('../img/work_line.jpg') right top repeat-y;overflow:hidden;margin-top:10px}
.work_cate_line {position:absolute; left:0px; top:0px; width:1px; height:100%; background:url('../img/work_line.jpg');}
.work_title {float:left; width:100%;}
.work_content {float:left; width:100%; text-align:center;}

.pop_btn {width:100%; text-align:center;}
.mitem li {margin-right:10px;}	 /*ÇÏ´Ü º£³Ê ½½¶óÀÌ´õ*/


/*  Ä«ÇǶóÀÌÆ®  */
#footer {float:left; width:100%; background:#001e3b; margin-top:10%;}
.footer_text {width:100%; text-align:center;}

/* ¼­ºê  */
#sub_wrap {width:100%; margin-top:65px;}
#sub_left_wrap {float:left; width:204px;}
#sub_left_wrap > .left_top {float:left; width:100%; height:96px; line-height:92px; font-family:"Malgun Gothic"; font-size:22px; font-weight:bold; text-align:center; color:#ffffff; background:url('../img/sub_left_top_bg.jpg') no-repeat;}
#sub_left_wrap > .left_menu {float:left; width:100%;}
#sub_left_wrap > .left_menu ul {float:left;}
#sub_left_wrap > .left_menu ul li {float:left; width:184px; padding:2px 0px 0px 20px;  height:37px;  line-height:37px; font-size:15px; font-weight:bold;  border-bottom:1px solid #d2d2d2; font-family: '¸¼Àº °íµñ', 'Malgun Gothic', Gothic, sans-serif;}

#sub_contents_wrap {width:90%; margin:0px auto;}
#sub_contents_wrap > .sub_top {position:relative; float:left; width:100%; height:96px; border-bottom:2px solid #5e5856;}
#sub_contents_wrap > .sub_top > .sub_title {position:absolute; bottom:13px; left:0px; font-family:"Malgun Gothic"; font-size:26px; color:#555555; font-weight:bold;}
#sub_contents_wrap > .sub_top > .sub_navi {position:absolute; top:20px; right:0px; font-size:11px; color:#999999;}
#sub_contents_wrap > .sub_contents {float:left; width:100%;}

.work_1 {float:left; width:100%; font-size:18px; font-weight:bold;}
.work_2 {float:left; width:100%; font-size:16px; padding-top:10px; padding-bottom:30px;}
.work_3 {float:left; width:100%; font-size:13px; color:#999999; font-weight:bold; padding-bottom:5px;}
.work_4 {float:left; width:100%; font-size:13px; color:#999999;}
.sub_btn {float:left; position:relative; width:100%;}
.left_btn {position:absolute; left:0px; top:0px;}
.left_btn img {width:12px;}
.list_btn {width:100%; text-align:center; margin-top:3px;}
.list_btn img {width:60px;}
.right_btn {position:absolute; right:0px; top:0px;}
.right_btn img {width:12px;}
.contact_map {float:left; width:100%; height:50%; background:#eeeeee; margin-top:10%;}
.contact_title {float:left; width:100%; text-align:left;}
.pagination {text-align:center;}
.pagination a {padding:5px 9px 5px 9px; border:1px solid #cccccc;}
.main_3_title a {font-size:10px; color:#888888; font-weight:bold;padding:0 5px; word-break:break-all;display:inline-block; width:calc(100% - 10px)}
.pagination b {padding:5px 9px 5px 9px; border:1px solid #666666; background:#666666; color:#ffffff;}

/* work */
.work_img {float:left; width:46%; padding:0 2% 30px 2%;}
.work_img_blank{float:left; width:4%; padding:0px 0 6% 0;display:none}
.work_text {font-size:12px; text-align:left; color:#000000; font-weight:bold; padding-top:10px; padding-bottom:5px; border-bottom:1px solid #dddddd; }
.work_text2 {font-size:11px; text-align:left; color:#999999; padding-top:5px;}


/*°Ô½ÃÆÇ ÅÇ*/
.tab {padding:10px 30px 10px 30px;background-color:#fff;border: solid #eaeaea;border-width:1px;}
.tab_over {padding:10px 30px 10px 30px;background-color:#706f7f;border: solid #eaeaea;border-width:1px;}
a.tab_over {color:#fff;}

/*ÁÂ¿ì ½ºÅ©·Ñ*/
#view_qm {position:absolute; left:50%; margin-left:530px; top:800px; width:85px; }

.board-wrap{display:block; width:100%;border:1px solid #ddd}