@charset "utf-8";
/* CSS Document */

#scontainer-wrap {position:relative; width:100%; overflow:hidden; background:url(../img/sub/05/sub_bg.png) center top no-repeat; min-height:800px;}

/* */
#snb {float:left; width:190px; position:relative; padding:146px 0 0 0; margin:105px 0 0 0;}
#snb h2 {background:url(../img/sub/05/snb_tlt.png) left top no-repeat; width:190px; height:113px; position:absolute; top:0; left:0; text-align:center; padding:60px 0 0 0; color:#fff; font:600 20px 'Noto Sans KR', 'Malgun Gothic', sans-serif; }
#snb h2 span {color:#e7dcd7; font:600 12px 'Noto Sans KR', 'Malgun Gothic', sans-serif; letter-spacing:3px; }
#snb ul {background:url(../img/sub/snb_bg.png) left top repeat-y; width:190px; padding:20px 0;}
#snb ul li {margin:0 0 25px 0; }
#snb ul li a {display:inline-block; background:url(../img/sub/05/snb_arrow.png) 161px -16px no-repeat; width:152px;font:600 13px 'Malgun Gothic', sans-serif; color:#303b42; text-align:left; padding:0 0 0 45px;}
#snb ul li a:hover {background:url(../img/sub/05/snb_arrow.png) 161px 5px no-repeat; color:#9c7b69; }
#snb ul li a.active {display:inline-block; background:url(../img/sub/05/snb_arrow.png) 161px 5px no-repeat; width:152px;font:600 13px 'Malgun Gothic', sans-serif; color:#9c7b69; text-align:left; padding:0 0 0 45px;}
#snb ul li ul li {margin:0 0 8px 0;}
#snb ul li ul li a {display:inline-block; background:none; width:165px; font:600 11px 'Malgun Gothic', sans-serif; color:#82898e; text-align:right; padding:0 25px 0 0; }
#snb ul li ul li a:hover {text-decoration:underline; color:#82898e; background:none;}
#snb ul li ul li a.active {display:inline-block; background:none; width:165px; font:600 11px 'Malgun Gothic', sans-serif; color:#000; text-align:right; padding:0 25px 0 0; text-decoration:underline; }

#s_body {float:right; width:880px;}
#s_body #s_visual.bg_01 {background:url(../img/sub/05/s_tlt_img.png) 415px bottom no-repeat; margin:0 0 40px 0;}
#s_body #s_visual #scon_top {padding:170px 0 15px 0; background:url(../img/sub/05/tlt_bg.png) left bottom no-repeat; border-bottom:1px solid #e4e4e4; }
#s_body #s_visual #scon_top .location {text-align:left; width:100%;}
#s_body #s_visual #scon_top .location img {vertical-align:middle;}
#s_body #s_visual #scon_top ul li { font:bold 40px 'Malgun Gothic', sans-serif; color:#0f489b; letter-spacing:-4px; text-align:left;padding:0 0 15px 0;}
#s_body #s_visual #scon_top ul li+li { font:bold 12px 'Malgun Gothic', sans-serif; color:#9b9b9b; letter-spacing:-1px;}
#s_body #scon {margin:0 0 100px 0;}

#scon #scon_wrap {width:800px; margin:0 auto;}