@charset "utf-8";

body{background:url('/youth/images/common/bg_body.gif') repeat-x left top;}
#wrap{width:970px; padding:16px 0 0 10px;}

/* skipNav */
#skipNav{display:none;}

/* header [프린트, 로고, 네비] */
#header{width:970px; height:93px;}

#utility_menu{float:right; height:18px; margin-bottom:8px;}
#utility_menu li{float:left; display:inline; line-height:1em;}
#utility_menu li.print{margin:0 25px 0 3px;}

#navi_wrap{clear:both; width:970px; height:67px;}
#navi_wrap div.logo_area{float:left; margin:0 72px 0 51px; display:inline;}
#navi_wrap div.logo_area h1{float:left; margin:17px 0 0 0;}
#navi_wrap div.logo_area p{float:left; margin:0 10px 0 0;}

#navi_wrap #lnb{float:left; margin:6px 0 0 0; width:709px; height:61px;}
.navi1depth{background:url('/youth/images/common/bg_navi.gif') no-repeat left top; width:709px; height:61px; position:relative;}
.navi1depth li{float:left; margin:13px 0 0 0; padding-left:25px; line-height:1em;}
.navi1depth li.pL22{padding-left:22px;}
.navi1depth li.pL30{padding:0 0 0 40px;}
/* 2depth 위치 */
#top-sub-menu1{position:absolute; left:45px; top:42px; width:664px; display:none;}
#top-sub-menu2{position:absolute; left:90px; top:42px; width:619px; display:none;}
#top-sub-menu3{position:absolute; left:260px; top:42px; width:449px; display:none;}
#top-sub-menu4{position:absolute; left:280px; top:42px; width:400px; display:none;}
#top-sub-menu5{position:absolute; left:430px; top:42px; width:279px; display:none;}
/* 2depth 블릿 */
#top-sub-menu1 li, #top-sub-menu2 li, #top-sub-menu3 li, #top-sub-menu4 li, #top-sub-menu5 li{display:inline; margin:0 12px 0 0; padding:0 0 0 11px;; background:url('/youth/images/common/bu_circle.gif') no-repeat left 4px; line-height:1.5em;}
/* 2depth 링크 */
#navi_wrap #lnb .navi1depth li ul li a{color:#7d7d7d;}
#top-sub-menu1 li a:hover, #top-sub-menu2 li a:hover, #top-sub-menu3 li a:hover, #top-sub-menu4 li a:hover, #top-sub-menu5 li a:hover{color:#375fa7; letter-spacing:-1px; font-weight:bold;}
#top-sub-menu1 li a.on,     #top-sub-menu2 li a.on,     #top-sub-menu3 li a.on,     #top-sub-menu4 li a.on,     #top-sub-menu5 li a.on,    {color:#375fa7; letter-spacing:-1px; font-weight:bold;}

/* left */
#left{float:left; padding:50px 10px 0 10px; width:200px;}
#left h2{margin-bottom:30px; padding:8px 0 0 17px; width:183px; height:47px; background:url('/youth/images/common/bg_left_title.gif') no-repeat left top;}
#left h2 img{display:block; padding-top:3px;}
#left #left_menu li{padding-bottom:2px; line-height:1em;}
#left #left_menu ul {padding-top:6px;}
#left #left_menu ul li{margin-left:21px; padding:0 0 4px 0; line-height:1.2em;}
#left #left_menu ul li a{padding:0 0 0 10px; background:url('/youth/images/common/left_3depth.gif') no-repeat left 5px; color:#5e5e5e; display:inline-block; line-height:1.2em;}
#left #left_menu ul li a:hover{padding:0 0 0 12px; color:#3d99e7; font-weight:bold; background:url('/youth/images/common/left_3depth_on.gif') no-repeat left 5px; letter-spacing:-1px;}
#left #left_menu ul li a.on{padding:0 0 0 12px; color:#3d99e7; font-weight:bold; background:url('/youth/images/common/left_3depth_on.gif') no-repeat left 5px; letter-spacing:-1px;}

/* contents_wrap */
#contents_wrap{float:left; padding:0 0 0 38px; width:712px; background:url('/youth/images/common/bg_contents01.gif') no-repeat 50px top;}
#contents_wrap1{float:left; padding:0 0 0 38px; width:712px; background:url('/youth/images/common/bg_contents01.gif') no-repeat 50px top;}
#contents_wrap2{float:left; padding:0 0 0 38px; width:712px; background:url('/youth/images/common/bg_contents02.gif') no-repeat 50px top;}
#contents_wrap3{float:left; padding:0 0 0 38px; width:712px; background:url('/youth/images/common/bg_contents03.gif') no-repeat 50px top;}
#contents_wrap4{float:left; padding:0 0 0 38px; width:712px; background:url('/youth/images/common/bg_contents04.gif') no-repeat 50px top;}
#contents_wrap5{float:left; padding:0 0 0 38px; width:712px; background:url('/youth/images/common/bg_contents05.gif') no-repeat 50px top;}
h3{margin:20px 0 20px 13px;}
#contents{width:650px; margin:0 32px 0 30px;}

#location{margin:31px 0 0 0; width:682px; height:25px; text-align:right; line-height:1.2em;}
#location span{color:#363636; font-size:0.95em;}
#location img{margin:1px 8px 0 0;}
#location a{color:#898989; font-size:0.95em;}
#location a:hover{text-decoration:underline;}

#satisTop{width:640px;background:url('/main/images/common/satisfy_bg.gif') no-repeat left top;padding:5px 5px 0 5px;margin:40px 0 0 30px;}
#satisTop div{clear:both;overflow:hidden;background-color:#e2e2e2;font-size:0.95em;height:1%;}
#satisTop dl{line-height:1.2em;height:12px;padding:5px 0 4px 0;float:left;}
#satisTop dl dt{padding-left:10px;font-weight:bold;color:#464646;float:left;}
#satisTop dl dd{color:#464646;float:left;}
#satisTop p{float:right;font-weight:normal;color:#4794d6;padding:4px 5px 0 0;}
#satisfy{width:640px;background:url('/main/images/common/satisfy_bg.gif') no-repeat left bottom;padding:0 5px 5px 5px; margin-left:30px;}
#satisfy #satisMid{width:620px;padding:11px 10px 0 10px;line-height:1em;font-size:0.95em;}
#satisfy #satisMid dl{padding-bottom:2px;float:left;}
#satisfy #satisMid dl dt{font-weight:bold;color:#464646;display:inline;padding:0;}
#satisfy #satisMid dl dd{display:inline;color:#464646;padding:0;line-height:1.2em;}
#satisfy #satisMid p{color:#f77925;letter-spacing:-1px;float:right;line-height:1.2em;}
.satflo{clear:both;overflow:hidden;height:1%;}
#satisfy #satisMid img{display:inline;margin:-1px 5px 0 5px;}
#satisfy #satisFoot{padding:8px 0 0 2px;width:635px;clear:both;overflow:hidden;}
#satisfy #satisFoot dt{float:left;}
#satisfy #satisFoot dd{float:right;}
.opinion{font-size:0.94em;width:589px;height:14px;padding:2px 0 0 3px;border:1px solid #dbdbdb;}
#satisfy #satisFoot dd input{padding-bottom:1px;}

/* footer */
#footer{clear:both; padding-top:40px; width:970px; height:100px; background:url('/youth/images/common/bg_footer.gif') no-repeat left bottom;}

.footer_ci{float:left; padding:28px 0 0 69px; width:93px; height:30px;}
.footer_ci a{display:block;}
.footer_ci img{margin:13px 0 0 5px;}
.footer_ci img.ci{margin:0;}

#address{float:left; padding:0 0 0 95px;}
#address ul{overflow:hidden; margin:20px 0 8px 2px; width:446px;}
#address ul li{float:left; line-height:1em;}
#address ul li a{display:block; font-size:0;}
#address p{font-size:0; line-height:1em;}

.footer_form{float:left; padding:15px 0 0 42px; width:187px; line-height:1em;}
.footer_form select{width:155px; height:18px; font-size:0.95em; margin-bottom:3px; padding:1px 0 1px 1px; vertical-align:top; border-top:1px solid #abadb3; border-left:1px solid #e2e3ea; border-right:1px solid #e2e3ea; border-bottom:1px solid #e3e9ef;}
.footer_form label{margin-bottom:3px;}

#footer{clear:both; padding-top:40px; width:970px; height:100px; background:url('/town/images/common/bg_footer.gif') no-repeat left bottom;}