@charset "euc-kr";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; outline: 0;}
/* HTML5 display-role reset for older browsers */
article, aside, hgroup, header, footer, figure, figcaption, nav, section,time, mark, canvas, video, audio, details, summary {display: block; clear: both;}
* { outline-style: none; outline:none; margin:0; padding:0; } 
img {border:0; vertical-align:top;}
body,form,th,td,p { margin:0;padding:0; -webkit-text-size-adjust:none;}
html { font-family:"Nanum Gothic","Malgun Gothic", dotum, "µ¸¿ò", "sans-serif"; }
a:link, a:visited, a:active, a:focus { text-decoration:none; color:inherit; cursor:pointer; }
a:hover { text-decoration:none; color:#fc4f08; cursor:pointer; } 
ol, ul, li {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
fieldset, legend {display:block; border:0;}
a {text-decoration: none; outline-style:none;}
table, td a { margin:0 auto; border-collapse: collapse;}
#wrap {width:100%; margin:0 auto;}
#header {position:relative; width:100%; text-align:center;}
#head {position:relative; height: 70px; border-bottom: 3px solid #fe7229; text-align:center;}
#head .back {position: absolute; top: 11px; left: 10px; width: 35px; height: 35px; list-style: none;}
#head .home {position: absolute; top: 11px; right: 10px; width: 35px; height: 35px; list-style: none;} 
#head h1 {display: inline-block; margin-top:5px; text-align:center; width: 210px; height: 50px;}
#menu {width:100%; margin:0; padding:0; clear:both;}
#menu:after {content:""; clear:both; display:block;}
#menu ul {list-style:none; padding:0; margin:0;} 
#menu ul li {float:left; font-family:"Nanum Gothic", "Malgun Gothic", dotum, "µ¸¿ò", AppleGothic; font-size:13px; color:#594f44; font-weight: bold; width:33.3%; height:55px; line-height:55px; background-color:#f7f7f7;outline:1px solid #e4e4e4;}
#menu ul li a {width:100%; height: 55px; color: #555555; display: block; overflow:hidden; text-decoration: none; line-height: 55px;} 
#menu ul li a:hover {color: #fff; font-weight: bold; background: #bb0607; border-bottom:3px solid #ccc;} 
.mo_main {clear:both; width: 100%; height:80% auto; margin:0 auto; padding:0;}
.con_banner {clear:both; position:relative; width:100%; text-align:center; padding: 30px; 0 0 0;}
.ban_01 {display: inline-block; width:269px; height: 123px; margin: 0px; padding: 0px; border: 0; background-image: url(../img/mo/moo.png); background-repeat: no-repeat;}
.ban_title { font-family:"Nanum Gothic","Malgun Gothic", dotum, "µ¸¿ò", AppleGothic, "sans-serif"; font-size: 12px; font-weight: bold; color: #333333; text-decoration: none; margin-top: 72px; text-align:center;}
.ban_title2 { font-family:"Nanum Gothic","Malgun Gothic", dotum, "µ¸¿ò", AppleGothic, "sans-serif"; font-size: 12px; font-weight: bold; color: #333333; text-decoration: none; margin-top: 42px; margin-left: 50px; }

.ban_title:hover { color: #fe7229; text-decoration: none;}
.ban_title2:hover { color: #fe7229; text-decoration: none;}
.ban_02 {display: inline-block; height: 100px; width:145px; margin: 0px; padding: 0px; border: 0; background-image: url(../img/mo/part_btn4.png); background-repeat: no-repeat;}
.ban_03 {display: inline-block; height: 100px; width:75px; margin: 0px; padding: 0px; border: 0; background-image: url(http://handkyungrak.com/default/img/mo/part_btn3.png); background-repeat: no-repeat;}
.ban_03:hover { color: #ffca42; text-decoration: none;}
.ban_04 {display: inline-block; height: 100px; width:75px; margin: 0px; padding: 0px; border: 0; background-image: url(http://handkyungrak.com/default/img/mo/part_btn2.png); background-repeat: no-repeat;}
.ban_04:hover { color: #ffca42; text-decoration: none;}

.ban_05 {display: inline-block; height: 100px; width:75px; margin: 0px; padding: 0px; border: 0; background-image: url(http://handkyungrak.com/default/img/mo/part_btn5.png); background-repeat: no-repeat;}
.ban_05:hover { color: #ffca42; text-decoration: none;}

.ban_06 {display: inline-block; height: 100px; width:75px; margin: 0px; padding: 0px; border: 0; background-image: url(http://handkyungrak.com/default/img/mo/part_btn6.png); background-repeat: no-repeat;}
.ban_06:hover { color: #ffca42; text-decoration: none;}




#footer {width:100%; margin:0 auto; clear:both;}
.copyright {position: relative; background: #efefef; height: 100px; color: #666666; overflow: hidden;}
.copyright p {font-family:"Nanum Gothic","Malgun Gothic", dotum, "µ¸¿ò", AppleGothic, "sans-serif"; font-size:12px; text-align: center; padding-top: 15px;}
/* sub */
#sub_page {clear:both; margin-top:15px; padding-top:15px;}
.sub_img {clear:both; width:100%; padding-top:5px;}
.sub_text {margin: 5px; padding:5px 10px 10px 10px;} 
.sub_text p {font-family:"Nanum Gothic","Malgun Gothic", dotum, "µ¸¿ò", AppleGothic, "sans-serif";}
.sub_text h3 {padding-top:5px; padding-bottom:5px; font-size:14px; font-weight:bold; text-decoration:none;}
.sub_board {margin:20px 5px 20px 5px;} 
.sub_board p {font-family:"Nanum Gothic","Malgun Gothic", dotum, "µ¸¿ò", AppleGothic, "sans-serif"; }

#sub_nav {width:100%; margin-bottom: 20px; padding-left: 5px; display:block;}
#sub_nav .but_bg { display: inline-block; padding: 7px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-color: rgba(140,188,18,1.00); border-width: 1px; border-style: solid; background-color: rgba(140,188,18,1.00); margin-top: 8px;}
#sub_nav .but_bg a { color: rgba(255,255,255,1.00); font-weight: bold; text-decoration: none; text-align: center;}
#sub_nav .but_bg2 { display: inline-block; padding: 7px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-color: rgba(140,188,18,1.00); border-width: 1px; border-style: solid; margin-top: 8px;}
#sub_nav .but_bg2 a { color: rgba(31,31,31,1.00); font-weight: bold; text-decoration: none; text-align: center;}

.carousel {position: relative;}
.carousel-inner {position: relative; width: 100%; overflow: hidden;}
.carousel-inner > .item {position: relative; display: none; -webkit-transition: 0.5s ease-in-out left; -moz-transition: 0.5s ease-in-out left; -o-transition: 0.5s ease-in-out left; transition: 0.5s ease-in-out left;}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {display: block; line-height: 1;}
.carousel-control {width: 0px; height: 0px; margin-top: 45%; text-align: center; background: transparent; border: 0px;}
.carousel-caption {position: absolute; right: 0; bottom: 0;left: 0; padding: 15px; background: #;}
.carousel-caption h4,
.carousel-caption p {line-height: 25px; color: #fff;}
.carousel-caption h4 {margin: 0 0 15px;}
.carousel-caption p {margin-bottom: 0;}

.style1 {font-size:13px;font-family:"Nanum Gothic","Malgun Gothic", dotum, "µ¸¿ò", AppleGothic, "sans-serif";color:#666666;font-weight:bold;text-decoration:none;margin-top:20px;}
.table_01 tr td { padding:5px 5px 5px 20px; font-size:12px; border:1px solid #d8d8d8;}
.main_icon_menu {width:100%; margin:0; padding:0; clear:both; margin-top: 10px;}
.main_icon_menu ul {list-style:none; padding:0; margin:0 auto;}
.main_icon_menu ul li {display:inline-block; width:33.3%; height:50px; font-family:"Nanum Gothic","Malgun Gothic", dotum, "µ¸¿ò", AppleGothic, "sans-serif"; font-size:13px; color:#594f44; font-weight: bold; line-height:50px; background-color:#f7f7f7;outline:1px solid #e4e4e4; float:left; margin:0;}
.main_icon_menu ul li a {height: 50px; color: #555555; display: block; overflow:hidden; text-decoration: none; line-height: 50px;} 
.main_icon_menu ul li a:hover {color: #fe7229; font-weight: bold; background: #eaeaea; border-bottom:3px solid #fe7229;}
.menu_i {padding-left:4px;float:left; text-align:center;}
.menu_i i {font-size:12pt; color:#fe7229; line-height:40px; width:20px;}
.menu_i i a:hover {color:#ffffff;}

.sub_icon_menu {width:100%; margin:0; padding:0; clear:both;}
.sub_icon_menu ul {list-style:none; padding:0; margin:0 auto;}
.sub_icon_menu ul li {display:inline-block; width:33.3%; height:50px; font-family:"Nanum Gothic","Malgun Gothic", dotum, "µ¸¿ò", AppleGothic, "sans-serif"; font-size:13px; color:#594f44; font-weight: bold; line-height:50px; background-color:#f7f7f7;outline:1px solid #e4e4e4; float:left; margin:0;}
.sub_icon_menu ul li a {height: 50px; color: #555555; display: block; overflow:hidden; text-decoration: none; line-height: 50px;} 
.sub_icon_menu ul li a:hover {color: #fe7229; font-weight: bold; background: #eaeaea; border-bottom:3px solid #fe7229;}