@charset "UTF-8";

/* 글꼴 선언 */
@font-face {
    font-family: 'Nanum';
    src: url('NanumGothic.eot');
    src: url('NanumGothic.eot?#iefix') format('embedded-opentype'),
         url('NanumGothic.woff') format('woff'),
         url('NanumGothic.ttf') format('truetype');
}

@font-face {
    font-family: 'Nanum-light';
    src: url('NanumGothic-Light.eot');
    src: url('NanumGothic-Light.eot?#iefix') format('embedded-opentype'),
         url('NanumGothic-Light.woff') format('woff'),
         url('NanumGothic-Light.ttf') format('truetype');
}

@font-face {
    font-family: 'Nanum-bold';
    src: url('NanumGothic-Bold.eot');
    src: url('NanumGothic-Bold.eot?#iefix') format('embedded-opentype'),
         url('NanumGothic-Bold.woff') format('woff'),
         url('NanumGothic-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Nanum-exbold';
    src: url('NanumGothic-ExtraBold.eot');
    src: url('NanumGothic-ExtraBold.eot?#iefix') format('embedded-opentype'),
         url('NanumGothic-ExtraBold.woff') format('woff'),
         url('NanumGothic-ExtraBold.ttf') format('truetype');
}

/* 초기화 */
img {border:0; vertical-align:middle;}
a {text-decoration:none; color:#494949; outline:none;}
body {margin:0; padding:0; font-size:12px; line-height:1.2em; font-family:'나눔고딕', 'nanum' ,'맑은 고딕','돋움';}

/* 메인/서브 공통 */
#sjc_header{display:table; width:1000px; height:94px; margin:0 auto;}
#sjc_header h1{display:table-cell; margin:0; padding:0; vertical-align:middle;}
#sjc_header ul{display:table-cell; list-style:none; text-align:right; margin:0; padding:0 8px; vertical-align:middle;}
#sjc_header ul li{display:block; font-size:18px; color:#ed1c24; line-height:1.2em;}

#sjc_nav{background:#ed1c24;}
#sjc_nav menu{display:table; width:1000px; height:30px; margin:0 auto; padding:0;}
#sjc_nav menuitem:nth-of-type(1){display:table-cell; margin:0; padding:0; vertical-align:middle; color:white;}
#sjc_nav menuitem:nth-of-type(1) a{margin:0 3px; color:white; font-size:13px; font-weight:600;}
#sjc_nav menuitem:nth-of-type(1) a:hover{color:yellow;}
#sjc_nav menuitem:nth-of-type(2){display:table-cell; margin:0; padding:0; vertical-align:middle; text-align:right; color:white;}
#sjc_nav menuitem:nth-of-type(2) a{margin:0 4px; color:white; font-size:11px;}
#sjc_nav menuitem:nth-of-type(2) a:hover{color:yellow;}

#sjc_footer{background:#222; color:#898989;}
#sjc_footer div{width:1000px; margin:0 auto; box-sizing:border-box; padding:16px 0 16px 227px; background:url('../img/logo_paw.gif') no-repeat left 20px;}
#sjc_footer div ul{display:block; list-style:none; margin:0 0 12px 0; padding:0 0 10px 0; border-bottom:1px solid #464646;}
#sjc_footer div ul li{display:inline; margin:0 4px 0 0;}
#sjc_footer div ul li a{color:#898989;}
#sjc_footer div address{font-style:normal; display:block;}
#sjc_footer div address p{margin:4px 0; font-size:13px;}
#sjc_footer div address p span{margin:0 8px;}
#sjc_footer div address p b{margin:0 8px 0 0;}
#sjc_footer div address p:nth-of-type(2) span:nth-of-type(1){margin-left:0;}

/* 메인 */
#sjc_main_paw{display:table; width:1000px; height:49px; background:#e1e1e1; margin:0 auto 24px auto; padding:0;}
#sjc_main_paw a{display:table-cell; vertical-align:middle; text-align:center; font-size:18px; color:black;}
#sjc_main_paw b{color:#ed1c24; font-weight:normal; margin:0 8px 0 0;}
#sjc_main_paw .title {display:table-cell; vertical-align:middle; text-align:center; font-size:18px; font-weight:600; color:black;}

/* 서브 */
#syj_section{display:table; width:1000px; margin:0 auto;}
#syj_section aside{display:table-cell; vertical-align:top; width:200px; min-height:600px;}
#syj_section article{display:table-cell; vertical-align:top; padding:30px 0 0 30px;}

#syj_section aside dl{margin:-23px 0 21px 0; padding:0; border-bottom:2px solid #CCC;}
#syj_section aside dl dt{margin:0; padding:0; position:relative; left:0; top:0; text-align:center;}
#syj_section aside dl dt p{line-height:100%;}
#syj_section aside dl dt p:nth-of-type(1){margin:0; padding:24px 0 0 0; font-size:24px; color:white; line-height:1.2em; font-weight:bold;}
#syj_section aside dl dt p:nth-of-type(2){margin:0; padding:2px 0 0 0; color:#c2dff6; font-weight:bold;}
#syj_section aside dl dd{border-top:1px solid #e3e3e3; margin:0; padding:0;}
#syj_section aside dl dd:nth-of-type(1){border-top:none;}
#syj_section aside dl dd a{display:block; padding:12px 16px; font-size:15px; color:#212121;}
#syj_section aside dl dd a:hover, #syj_section aside dl dd a.on{background:url('../img/l_on.png') no-repeat 178px 18px; color:#027bd3;}

#sjc_sub_paw{display:table; width:100%; background:#e1e1e1; margin:0 auto 64px auto; padding:8px 0;}
#sjc_sub_paw a{display:table-cell; vertical-align:middle; text-align:center; font-size:18px; color:black; line-height:1.4em;}
#sjc_sub_paw b{color:#ed1c24; font-weight:normal; margin:0 8px 0 0;}

#sjc_section_h2{display:table; width:100%; height:40px; border-bottom:1px solid #e2e2e2; margin:0 0 16px 0;}
#sjc_section_h2 b{display:table-cell; font-size:22px; vertical-align:middle; padding:0 0 0 20px; background:url('../img/bullet.png') no-repeat 5px 12px; font-weight:normal; color:#505050;}
#sjc_section_h2 span{display:table-cell; text-align:right; color:#848484; font-size:12px; font-weight:normal; vertical-align:top; padding:10px 6px 0 0;}