@charset "utf-8";

@font-face {
    font-family: 'notokr-regular';
    src: url('webfont/notokr-regular.eot');
    src: url('webfont/notokr-regular.eot?#iefix') format('embedded-opentype'),
         url('webfont/notokr-regular.woff2') format('woff2'),
         url('webfont/notokr-regular.woff') format('woff'),
         url('webfont/notokr-regular.ttf') format('truetype'),
         url('webfont/notokr-regular.svg#notokr-regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'notokr-bold';
    src: url('webfont/notokr-bold.eot');
    src: url('webfont/notokr-bold.eot?#iefix') format('embedded-opentype'),
         url('webfont/notokr-bold.woff2') format('woff2'),
         url('webfont/notokr-bold.woff') format('woff'),
         url('webfont/notokr-bold.ttf') format('truetype'),
         url('webfont/notokr-bold.svg#notokr-bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'notokr-demilight';
    src: url('webfont/notokr-demilight.eot');
    src: url('webfont/notokr-demilight.eot?#iefix') format('embedded-opentype'),
         url('webfont/notokr-demilight.woff2') format('woff2'),
         url('webfont/notokr-demilight.woff') format('woff'),
         url('webfont/notokr-demilight.ttf') format('truetype'),
         url('webfont/notokr-demilight.svg#notokr-demilight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'notokr-light';
    src: url('webfont/notokr-light.eot');
    src: url('webfont/notokr-light.eot?#iefix') format('embedded-opentype'),
         url('webfont/notokr-light.woff2') format('woff2'),
         url('webfont/notokr-light.woff') format('woff'),
         url('webfont/notokr-light.ttf') format('truetype'),
         url('webfont/notokr-light.svg#notokr-light') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'notokr-medium';
    src: url('webfont/notokr-medium.eot');
    src: url('webfont/notokr-medium.eot?#iefix') format('embedded-opentype'),
         url('webfont/notokr-medium.woff2') format('woff2'),
         url('webfont/notokr-medium.woff') format('woff'),
         url('webfont/notokr-medium.ttf') format('truetype'),
         url('webfont/notokr-medium.svg#notokr-medium') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* LAYOUT */
#wrap { overflow: hidden; min-width: 1240px; -webkit-overflow-scrolling : touch; }
#header { min-width: 1240px; height: 90px; background-color: #2b286d; }
#container { min-width: 1240px; }
#footer { overflow: hidden; min-width: 1240px; margin: 50px auto 0; background-color: #f5f5f5; }


/* HEADER */
#header > .outer { position: relative; width: 1200px; margin: 0 auto; }

#header > .outer h1 { padding: 22px 0 0; margin: 0; line-height: 0; }

#header > .outer .lang { position: absolute; right: 0; top: 36px; line-height: 0; }

#header > .outer .gnb { position: absolute; height:50px; right: 47px; top: 35px; }
#header > .outer .gnb ul { margin: 0; padding: 0; }
#header > .outer .gnb li { position: relative; list-style: none; float: left; margin-left: 40px; }
#header > .outer .gnb a,
#header > .outer .gnb a:hover { font-family: 'notokr-demilight', sans-serif; color: #ffffff; font-size: 17px; line-height: 19px; font-weight: normal; letter-spacing: -1px; }
#header > .outer .gnb:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

#header > .outer .gnb .smenu { display:none; position:absolute; width:240px; left:-10px; top:54px; padding:0 0 30px 0; border-left:2px solid #dedede; border-right:2px solid #dedede; border-bottom:2px solid #dedede; background-color:#ffffff; z-index:21; }
#header > .outer .gnb .smenu ul { margin:0; }
#header > .outer .gnb .smenu li { list-style:none; float:none; width:100%; height:30px; margin:0; padding-left:0; background:none; }
#header > .outer .gnb .smenu li:first-child { height:20px; }
#header > .outer .gnb .smenu a { padding-left:16px;  font-family: 'notokr-demilight', sans-serif; color: #383838; font-size: 14px; line-height: 30px; font-weight: normal; letter-spacing: -1px; display:block; }
#header > .outer .gnb .smenu a:hover { color:#000000; background-color:#dfdfdf; }
#header > .outer .gnb .smenu .smenu_bar { height:4px; margin:-4px 48px 0 48px; background-color:#dfdfdf; }


/* CONTAINER */
#container > .slide { height: 580px; margin: 0 auto; }
#container > .slide ul { margin: 0; padding: 0; }
#container > .slide li { list-style: none; line-height: 0; }
#container > .slide:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}


#container > .service { height: 250px; background-color: #e5e5e5; }
#container > .service ul { margin: 0; padding: 45px 0 0; text-align: center; font-size: 0; }
#container > .service li { overflow: hidden; display: inline-block; list-style: none; width: 220px; height: 160px; margin: 0 10px; background-color: #fff; border: 1px solid #d0d0d0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; cursor: pointer; }
#container > .service .icon { margin: 27px 0 0; text-align: center; line-height: 0; }
#container > .service h2 { margin: 12px 0 0; font-family: 'notokr-regular', sans-serif; color: #444444; font-size: 15px; line-height: 16px; font-weight: normal; letter-spacing: -1px; text-align: center; }
#container > .service:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}


#container > .side { position: relative; width: 1200px; min-height:140px; margin: 48px auto 0; }
#container > .side .notice { position: relative; width: 370px; margin: 0 0 0 15px; }
#container > .side .notice h2 { position: relative; height: 44px; margin: 0; padding: 0; font-family: 'notokr-medium', sans-serif; color: #000000; font-size: 22px; line-height: 24px; font-weight: normal; letter-spacing: -1px; }
#container > .side .notice h2 .more { position: absolute; right: 0; top: 3px; line-height: 0; }
#container > .side .notice .list { }
#container > .side .notice .list ul { margin: 0; padding: 0; }
#container > .side .notice .list li { position: relative; list-style: none; height: 30px; padding-left: 10px; }
#container > .side .notice .list li:after { content: ""; position: absolute; width: 4px; height: 2px; left: 0; top: 14px; background-color: #454545; }
#container > .side .notice .list a,
#container > .side .notice .list a:hover { display: block; padding-right:90px; font-family: 'gulim', '굴림'; color: #454545; font-size: 12px; line-height: 30px; font-weight: normal; letter-spacing: 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; }
#container > .side .notice .list .data { position: absolute; right: 0; top: 0; font-family: 'gulim', '굴림'; color: #6f6f6f; font-size: 12px; line-height: 30px; font-weight: normal; letter-spacing: 0; text-align: right; }
#container > .side .notice .list:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

#container > .side .customer { position: absolute; width: 300px; left: 455px; top: 0; }
#container > .side .customer h2 { position: relative; height: 44px; margin: 0; padding: 0; font-family: 'notokr-medium', sans-serif; color: #000000; font-size: 22px; line-height: 24px; font-weight: normal; letter-spacing: -1px; }
#container > .side .customer .icon { position: absolute; left: 0; top: 44px; line-height: 0; }
#container > .side .customer p { margin: 10px 0 0 108px; font-family: 'notokr-medium', sans-serif; color: #444444; font-size: 15px; line-height: 16px; font-weight: normal; letter-spacing: -1px; }
#container > .side .customer span { display: block; margin-top: 10px; font-family: 'notokr-bold', sans-serif; color: #b21432; font-size: 26px; line-height: 26px; font-weight: normal; letter-spacing: -1.5px; }

#container > .side .inquiry { position: absolute; width: 348px; left: 831px; top: 0; }
#container > .side .inquiry h2 { position: relative; height: 44px; margin: 0; padding: 0; font-family: 'notokr-medium', sans-serif; color: #000000; font-size: 22px; line-height: 24px; font-weight: normal; letter-spacing: -1px; }
#container > .side .inquiry h2 .more { position: absolute; right: 0; top: 3px; line-height: 0; }
#container > .side .inquiry .icon { position: absolute; left: 0; top: 44px; line-height: 0; }
#container > .side .inquiry p { margin: 17px 0 0 88px; font-family: 'notokr-medium', sans-serif; color: #444444; font-size: 15px; line-height: 22px; font-weight: normal; letter-spacing: -1px; }


/* SUB CONTAINER*/
#sub_container { }
#sub_container .spot { position: relative; height: 350px; background: url(../images/about/spot.jpg) no-repeat center 40px; background-color: #f3f3f3; }
#sub_container .spot .text { position: absolute; width: 100%; left: 0; top: 158px; font-family: 'notokr-light', sans-serif; color: #ffffff; font-size: 46px; line-height: 38px; font-weight: normal; letter-spacing: 0; text-align: center; }

#sub_container .sub_title { margin: 72px auto 0; font-family: 'notokr-regular', sans-serif; color: #222222; font-size: 48px; line-height: 48px; font-weight: normal; letter-spacing: 0; text-align: center; }
#sub_container .sub_content { position: relative; width: 1180px; margin: 77px auto 100px; }


/* 인사말 */
#message { position: relative; }
#message .photo { position: absolute; left: 0; top: 0; line-height: 0; }
#message .message_area { overflow: hidden; margin: 0 0 0 639px; }
#message .message_area h3 { margin: 40px 0 0; padding: 0; font-family: 'notokr-regular', sans-serif; color: #222222; font-size: 30px; line-height: 30px; font-weight: normal; letter-spacing: -1px; }
#message .message_area h4 { margin: 18px 0 0; padding: 0; font-family: 'notokr-regular', sans-serif; color: #9c1b33; font-size: 24px; line-height: 24px; font-weight: normal; letter-spacing: -0.5px; }
#message .message_area p { margin: 25px 0 0; padding: 0; font-family: 'notokr-demilight', sans-serif; color: #444444; font-size: 15px; line-height: 28px; font-weight: normal; text-align: justify; letter-spacing: -0.5px; }
#message .message_area .sign { margin: 60px 0 0; padding: 0; font-family: 'notokr-demilight', sans-serif; color: #444444; font-size: 20px; line-height: 20px; font-weight: normal; text-align: right; letter-spacing: -0.5px; }
#message .message_area .sign span { font-family: 'notokr-medium', sans-serif; color: #000000; font-size: 20px; line-height: 20px; font-weight: normal; text-align: right; letter-spacing: -0.5px; }


/* 연혁*/
#history { overflow: hidden; height: 670px; background: url(../images/about/history_thum.jpg?20190218) no-repeat right bottom; background-color: #f4f6f9; }
#history .list { margin: 56px 0 0 0; }
#history .list ul { margin: 0; padding: 0; }
#history .list li { position: relative; list-style: none; margin: 0 0 0 179px; padding: 0 0 45px 0; border-left: 1px solid #bdc6d2; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#history .list li:last-child { padding: 0; }
#history .list .year { position: absolute; left: -112px; top: -10px; font-family: 'notokr-demilight', sans-serif; color: #9c1b33; font-size: 28px; line-height: 28px; font-weight: normal; text-align: left; letter-spacing: 0; }
#history .list .dot { position: absolute; width: 9px; height: 9px; left: -5px; top: 0; background-color: #fff; border: 1px solid #9c1b33; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
#history .list .no { position: absolute; left: 42px; top: 0; font-family: 'notokr-regular', sans-serif; color: #444444; font-size: 15px; line-height: 15px; font-weight: normal; text-align: left; letter-spacing: -0.5px; }
#history .list .text { margin: 0 0 0 86px; font-family: 'notokr-demilight', sans-serif; color: #777777; font-size: 15px; line-height: 15px; font-weight: normal; text-align: left; letter-spacing: -0.5px; }
#history .list:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}


/* 공평성 선언문 */
#declaration { }
#declaration ul { margin: 0; padding: 0; }
#declaration li { list-style: none; float: left; width: 575px; height: 440px; background: url(../images/about/declaration_thum.png) no-repeat right bottom; background-color: #f4f6f9; border: 5px solid #d8d8d8; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#declaration li.first { margin-right: 30px; }
#declaration h3 { margin: 75px 0 0; font-family: 'notokr-regular', sans-serif; color: #9c1b33; font-size: 30px; line-height: 30px; font-weight: normal; text-align: center; letter-spacing: -0.5px; }
#declaration p { margin: 30px 0 0; padding: 0; font-family: 'notokr-regular', sans-serif; color: #444444; font-size: 15px; line-height: 28px; font-weight: normal; text-align: center; letter-spacing: -0.5px; }
#declaration:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}


/* 지정서 */
#appointment { }
#appointment ul { margin: 0; padding: 0; font-size: 0; text-align: center; }
#appointment li { display: inline-block; margin: 0 31px 50px; }
#appointment .thum { line-height: 0; }
#appointment .thum_info { margin: 20px 0 0; font-family: 'notokr-regular', sans-serif; color: #9c1b33; font-size: 18px; line-height: 18px; font-weight: normal; text-align: center; letter-spacing: -1px; }


/* 찾아오시는길 */
#location { }
#location > .head { position: relative; }
#location > .head .map { position: absolute; width: 830px; height: 456px; left: 0; top: 0; border: 3px solid #dfdfdf; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#location > .head .info { overflow: hidden; height: 456px; margin: 0 0 0 830px; padding: 30px; border-top: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: 'notokr-demilight', sans-serif; color: #777777; font-size: 15px; line-height: 28px; font-weight: normal; text-align: left; letter-spacing: -0.5px; }
#location > .head .info strong { font-family: 'notokr-regular', sans-serif; color: #444444; font-size: 15px; line-height: 28px; font-weight: normal; text-align: left; letter-spacing: -0.5px; }

#location > .bottom { margin: 25px 0 0; border: 4px solid #c71d3d; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#location > .bottom ul { margin: 0; padding: 0; }
#location > .bottom li { overflow: hidden; position: relative; list-style: none; float: left; min-height: 237px; }
#location > .bottom li.v1 { width: 543px; border-right: 1px solid #dfdfdf; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#location > .bottom .thum { position: absolute; left: 0; top: 31px; line-height: 0; }
#location > .bottom p { margin: 26px 0 0 124px; padding: 0; font-family: 'notokr-demilight', sans-serif; color: #777777; font-size: 15px; line-height: 22px; font-weight: normal; text-align: left; letter-spacing: -0.5px; }
#location > .bottom p strong { font-family: 'notokr-medium', sans-serif; color: #444444; font-size: 15px; line-height: 22px; font-weight: normal; text-align: left; letter-spacing: -0.5px; }
#location > .bottom:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}


/* ISO */
#iso { }
#iso > .head { overflow: hidden; background-color: #ebf3f6; }
#iso > .head > h3 { position: relative; margin: 40px 40px 0; padding: 0 0 0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: 'notokr-medium', sans-serif; color: #000000; font-size: 15px; line-height: 15px; font-weight: normal; text-align: left; letter-spacing: -0.5px; }
#iso > .head > h3:after { content: ""; display: block; clear: both; position: absolute; width: 13px; height: 13px; left: 0; top: 1px; background-color: #fff; border: 4px solid #c71d3d; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; }
#iso > .head > p { margin: 20px 60px 40px; font-family: 'notokr-demilight', sans-serif; color: #777777; font-size: 15px; line-height: 28px; font-weight: normal; text-align: left; letter-spacing: -0.5px; }

#iso > h3 { position: relative; margin: 60px 40px 0; padding: 0 0 0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: 'notokr-medium', sans-serif; color: #000000; font-size: 15px; line-height: 15px; font-weight: normal; text-align: left; letter-spacing: -0.5px; }
#iso > h3:after { content: ""; display: block; clear: both; position: absolute; width: 13px; height: 13px; left: 0; top: 1px; background-color: #fff; border: 4px solid #c71d3d; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; }

#iso > .thum { margin: 40px 0 0; line-height: 0; }

#iso > .table { margin: 20px 60px 0; border: 1px solid #d8d8d8; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#iso > .table th { height: 50px; background-color: #ebf3f6; border-bottom: 1px solid #d8d8d8; border-left: 1px solid #d8d8d8; font-family: 'notokr-medium', sans-serif; color: #000000; font-size: 15px; line-height: 50px; font-weight: normal; text-align: center; letter-spacing: -0.5px; }
#iso > .table th:first-child { border-left: none; }
#iso > .table td { vertical-align: top; border-left: 1px solid #d8d8d8; }
#iso > .table td:first-child { border-left: none; }
#iso > .table .list { margin: 25px 10px 25px 30px; }
#iso > .table .list ul { margin: 0; padding: 0; }
#iso > .table .list li { position: relative; list-style: none; padding-left: 7px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: 'notokr-demilight', sans-serif; color: #777777; font-size: 15px; line-height: 28px; font-weight: normal; text-align: left; letter-spacing: -0.5px; }
#iso > .table .list li:after { content: ""; clear: both; position: absolute; width: 4px; height: 1px; left: 0; top: 14px; background-color: #777777; }

#iso > .btn_more { width: 260px; height: 56px; margin: 50px auto 0; border: 3px solid #d8d8d8; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #f5f5f5; }
#iso > .btn_more a,
#iso > .btn_more a:hover { display: block; font-family: 'notokr-medium', sans-serif; color: #000000; font-size: 15px; line-height: 50px; font-weight: normal; text-align: center; letter-spacing: -0.5px; }

#iso > .iso_p { margin:20px 60px 0; font-family: 'notokr-demilight', sans-serif; color: #777777; font-size: 15px; line-height: 28px; font-weight: normal; text-align: left; letter-spacing: -0.5px; }
#iso > .iso_list { margin: 20px 60px 0; }
#iso > .iso_list ul { margin: 0; padding: 0; }
#iso > .iso_list li { position: relative; list-style: none; padding-left: 7px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: 'notokr-demilight', sans-serif; color: #777777; font-size: 15px; line-height: 28px; font-weight: normal; text-align: left; letter-spacing: -0.5px; }
#iso > .iso_list li:after { content: ""; clear: both; position: absolute; width: 4px; height: 1px; left: 0; top: 14px; background-color: #777777; }


/* 인증절차 */
#process { font-size: 0; }
#process > .diagram { display: inline-block; width: 440px; vertical-align: top; background-color: #f4f6f9; }
#process > .diagram .list { width: 190px; margin: 40px auto; }
#process > .diagram .list ul { margin: 0; padding: 0; }
#process > .diagram .list li { position: relative; list-style: none; width: 190px; height: 44px; margin: 0 0 43px 0; background-color: #a4a4a4; border: 2px solid #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; font-family: 'notokr-demilight', sans-serif; color: #ffffff; font-size: 15px; line-height: 40px; font-weight: normal; text-align: center; letter-spacing: -0.5px; }
#process > .diagram .list li.v1 { background-color: #838383; }
#process > .diagram .list li.v2 { background-color: #6b6b6b; }
#process > .diagram .list li.last { margin:0; }
#process > .diagram .list li.last:after { display: none; }
#process > .diagram .list li:after { content: ""; clear: both; position: absolute; width: 100%; height: 15px; left: 0; top: 58px; text-align: center; background: url(../images/iso/process_dot.png) no-repeat center top;}
#process > .diagram .list:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

#process > .info { display: inline-block; width: 700px; vertical-align: top; margin: 20px 0 0 40px; }
#process > .info > h3 { position: relative; margin: 0; padding: 0 0 0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: 'notokr-medium', sans-serif; color: #000000; font-size: 15px; line-height: 15px; font-weight: normal; text-align: left; letter-spacing: -0.5px; }
#process > .info > h3:after { content: ""; display: block; clear: both; position: absolute; width: 13px; height: 13px; left: 0; top: 1px; background-color: #fff; border: 4px solid #c71d3d; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; }
#process > .info > .list { margin: 10px 20px 35px; }
#process > .info > .list ul { margin: 0; padding: 0; }
#process > .info > .list li { position: relative; list-style: none; padding-left: 7px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: 'notokr-demilight', sans-serif; color: #777777; font-size: 15px; line-height: 28px; font-weight: normal; text-align: left; letter-spacing: -0.5px; }
#process > .info > .list li:after { content: ""; clear: both; position: absolute; width: 4px; height: 1px; left: 0; top: 14px; background-color: #777777; }
#process > .info > .list:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}
#process > .info > .list_title { margin: 10px 13px -10px; padding-left: 7px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: 'notokr-demilight', sans-serif; color: #c71d3d; font-size: 15px; line-height: 28px; font-weight: normal; text-align: left; letter-spacing: -0.5px; }


/* 수행범위 */
#scope { margin: 0 10px; }
#scope > h3 { position: relative; margin: 0; padding: 0 0 0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: 'notokr-medium', sans-serif; color: #000000; font-size: 15px; line-height: 15px; font-weight: normal; text-align: left; letter-spacing: -0.5px; }
#scope > h3:after { content: ""; display: block; clear: both; position: absolute; width: 13px; height: 13px; left: 0; top: 1px; background-color: #fff; border: 4px solid #c71d3d; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; }

#scope > .scope_list { margin: 20px 0 50px; }
#scope > .scope_list ul { margin: 0; padding: 0; }
#scope > .scope_list li { list-style: none; float: left; width: 560px; border-top: 1px solid #d8d8d8; border-left: 1px solid #d8d8d8; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#scope > .scope_list li.v1 { margin-right: 40px; }
#scope > .scope_list:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}
#scope > .scope_list th { height: 50px; background-color: #ebf3f6; border-bottom: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8; font-family: 'notokr-medium', sans-serif; color: #000000; font-size: 15px; line-height: 50px; font-weight: normal; text-align: center; letter-spacing: -0.5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#scope > .scope_list td { border-bottom: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8; font-family: 'notokr-demilight', sans-serif; color: #777777; font-size: 15px; line-height: 40px; font-weight: normal; text-align: center; letter-spacing: -0.5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#scope > .scope_list td.v1 { background-color: #f6f6f6; }
#scope > .scope_list td.v2 { text-align: left; padding-left: 20px; }

#scope > .scope_table { margin: 20px 0 50px; border-top: 1px solid #d8d8d8; border-left: 1px solid #d8d8d8; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#scope > .scope_table th { height: 50px; background-color: #ebf3f6; border-bottom: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8; font-family: 'notokr-medium', sans-serif; color: #000000; font-size: 15px; line-height: 50px; font-weight: normal; text-align: center; letter-spacing: -0.5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#scope > .scope_table td { padding: 18px 0; border-bottom: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8; font-family: 'notokr-demilight', sans-serif; color: #777777; font-size: 15px; line-height: 20px; font-weight: normal; text-align: center; letter-spacing: -0.5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#scope > .scope_table td.v1 { background-color: #f6f6f6; }
#scope > .scope_table td.v2 { text-align: left; padding: 18px 20px; }


/* 심사일수 */
#evaluation { margin: 0; }
#evaluation > .tab { }
#evaluation > .tab ul { margin: 0; padding: 0; }
#evaluation > .tab li { list-style: none; float: left; width: 19.2%; height: 55px; margin-left: 1%; border: 4px solid #d8d8d8; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#evaluation > .tab li:first-child { margin-left: 0; }
#evaluation > .tab a,
#evaluation > .tab a:hover { display: block; font-family: 'notokr-demilight', sans-serif; color: #777777; font-size: 15px; line-height: 47px; font-weight: normal; text-align: center; letter-spacing: -0.5px; }
#evaluation > .tab li.select { border: 4px solid #00afeb; }
#evaluation > .tab li.select a,
#evaluation > .tab li.select a:hover { display: block; font-family: 'notokr-demilight', sans-serif; color: #000000; font-size: 15px; line-height: 47px; font-weight: normal; text-align: center; letter-spacing: -0.5px; }
#evaluation > .tab:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

#evaluation > .list { width: 700px; margin: 50px auto 0; }
#evaluation > .list.v1 { width: auto; }
#evaluation > .list .list_info { font-family: 'notokr-demilight', sans-serif; color: #777777; font-size: 15px; line-height: 15px; font-weight: normal; text-align: right; letter-spacing: -0.5px; }
#evaluation > .list .table { margin: 8px 0 0; border-top: 1px solid #d8d8d8; border-left: 1px solid #d8d8d8; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#evaluation > .list .table th { padding: 11px 0; background-color: #ebf3f6; border-bottom: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8; font-family: 'notokr-medium', sans-serif; color: #000000; font-size: 15px; line-height: 18px; font-weight: normal; text-align: center; letter-spacing: -0.5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#evaluation > .list .table td { padding: 10px 0; border-bottom: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8; font-family: 'notokr-demilight', sans-serif; color: #777777; font-size: 15px; line-height: 20px; font-weight: normal; text-align: center; letter-spacing: -0.5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#evaluation > .list .table td.left { padding-left: 10px; text-align: left; }
#evaluation > .list .table td.v1 { line-height: 34px; }
#evaluation > .list .table tr:nth-child(odd) { background-color: #fbfbfb; }
#evaluation > .list.v1 .table tr:nth-child(odd) { background-color: #fff; }
#evaluation > .list.v1 .table tr.v1 { background-color: #fbfbfb; }
#evaluation > .list .list_option { margin: 13px 0 0; font-family: 'notokr-demilight', sans-serif; color: #9c1b33; font-size: 15px; line-height: 15px; font-weight: normal; text-align: left; letter-spacing: -0.5px; }
#evaluation > .list .list_option01 { margin: 15px 10px 0; font-family: 'notokr-demilight', sans-serif; color: #777777; font-size: 15px; line-height: 24px; font-weight: normal; text-align: left; letter-spacing: -0.5px; }
#evaluation > .list .list_option01 strong { font-family: 'notokr-demilight', sans-serif; color: #9c1b33; font-size: 15px; line-height: 24px; font-weight: normal; letter-spacing: -0.5px; }


/* 신청업체 이행사항 */
#fulfillment { overflow: hidden; width: 1140px; min-height: 890px; margin: 0 auto; background: url(../images/iso/fulfillment_bg.jpg) no-repeat center top; }
#fulfillment .outer { overflow: hidden; margin: 125px 46px 0 424px; background-color: rgba(230,230,230,0.7); }
#fulfillment .outer .inner { overflow: hidden; margin: 20px; background-color: #fff; }
#fulfillment .outer .inner .inner_list { position: relative; margin: 38px 10px 38px 40px; }
#fulfillment .outer .inner .inner_list ul { margin: 0; padding: 0; }
#fulfillment .outer .inner .inner_list li { position: relative; list-style: none; margin: 0 0 30px 0; padding: 0 0 0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: 'notokr-demilight', sans-serif; color: #777777; font-size: 15px; line-height: 28px; font-weight: normal; text-align: left; letter-spacing: -0.5px; }
#fulfillment .outer .inner .inner_list li:after { content: ""; display: block; clear: both; position: absolute; width: 13px; height: 13px; left: 0; top: 7px; background-color: #fff; border: 4px solid #c71d3d; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; }
#fulfillment .outer .inner .inner_list:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}


/* 인증유지요령 */
#management01 {}
#management01 > .head { overflow: hidden; position: relative; background-color: #ebf3f6; }
#management01 > .head .thum { position: absolute; left: 59px; top: 40px; line-height: 0; }
#management01 > .head .list { margin: 26px 0 26px 237px; }
#management01 > .head .list ul { margin: 0; padding: 0; }
#management01 > .head .list li { position: relative; list-style: none; padding-left: 7px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: 'notokr-demilight', sans-serif; color: #777777; font-size: 15px; line-height: 28px; font-weight: normal; text-align: left; letter-spacing: -0.5px; }
#management01 > .head .list li:after { content: ""; clear: both; position: absolute; width: 4px; height: 1px; left: 0; top: 14px; background-color: #777777; }
#management01 > .head .list:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

#management01 > .outer { margin: 40px 0 0; }
#management01 > .outer ul { margin: 0; padding: 0; }
#management01 > .outer li { list-style: none; float: left; width: 580px; min-height: 410px; border: 4px solid #d8d8d8; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#management01 > .outer li.v1 { margin-right: 20px; }
#management01 > .outer:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}
#management01 > .outer h3 { position: relative; list-style: none; margin: 30px 0 0 20px; padding: 0 0 0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: 'notokr-medium', sans-serif; color: #000000; font-size: 15px; line-height: 15px; font-weight: normal; text-align: left; letter-spacing: -0.5px; }
#management01 > .outer h3:after { content: ""; display: block; clear: both; position: absolute; width: 13px; height: 13px; left: 0; top: 1px; background-color: #fff; border: 4px solid #c71d3d; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; }
#management01 > .outer p { margin: 13px 0 0 41px; font-family: 'notokr-demilight', sans-serif; color: #777777; font-size: 15px; line-height: 28px; font-weight: normal; text-align: left; letter-spacing: -0.5px; }
#management01 > .outer .inner { margin: 13px 0 0 41px; }
#management01 > .outer .inner ul { margin: 0; padding: 0; }
#management01 > .outer .inner li { position: relative; list-style: none; float: none; width: auto; min-height: 28px; border: none; padding-left: 7px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: 'notokr-demilight', sans-serif; color: #777777; font-size: 15px; line-height: 28px; font-weight: normal; text-align: left; letter-spacing: -0.5px; }
#management01 > .outer .inner li:after { content: ""; clear: both; position: absolute; width: 4px; height: 1px; left: 0; top: 14px; background-color: #777777; }

#management01 > h3 { position: relative; list-style: none; margin: 50px 25px 0; padding: 0 0 0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: 'notokr-medium', sans-serif; color: #000000; font-size: 15px; line-height: 15px; font-weight: normal; text-align: left; letter-spacing: -0.5px; }
#management01 > h3:after { content: ""; display: block; clear: both; position: absolute; width: 13px; height: 13px; left: 0; top: 1px; background-color: #fff; border: 4px solid #c71d3d; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; }
#management01 > p { margin: 15px 46px 0; padding: 0; font-family: 'notokr-demilight', sans-serif; color: #777777; font-size: 15px; line-height: 28px; font-weight: normal; text-align: left; letter-spacing: -0.5px; }

#management01 > .box { margin: 25px 40px; padding: 25px 0 25px 30px; background-color: #f9f9f9; border: 1px solid #dfdfdf; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: 'notokr-demilight', sans-serif; color: #777777; font-size: 15px; line-height: 28px; font-weight: normal; text-align: left; letter-spacing: -0.5px; }
#management01 > .box strong { font-family: 'notokr-regular', sans-serif; color: #9c1b33; font-size: 15px; line-height: 28px; font-weight: normal; text-align: left; letter-spacing: -0.5px; }

#management01 > .list01 { margin: 25px 0 25px 46px; }
#management01 > .list01 ul { margin: 0; padding: 0; }
#management01 > .list01 li { position: relative; list-style: none; float: none; width: auto; min-height: 28px; border: none; padding-left: 7px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: 'notokr-demilight', sans-serif; color: #777777; font-size: 15px; line-height: 28px; font-weight: normal; text-align: left; letter-spacing: -0.5px; }
#management01 > .list01 li:after { content: ""; clear: both; position: absolute; width: 4px; height: 1px; left: 0; top: 14px; background-color: #777777; }


/* 시스템변경안내 */
#management02 { position: relative; width: 1140px; margin: 0 auto; }
#management02 > .thum { position: absolute; right: 0; top: 50px; line-height: 0; }

#management02 > h3 { margin: 0; padding: 0; font-family: 'notokr-regular', sans-serif; color: #9c1b33; font-size: 30px; line-height: 30px; font-weight: normal; text-align: left; letter-spacing: 0; }
#management02 > h3.v1 { margin-top: 70px; }

#management02 > h4 { position: relative; list-style: none; margin: 40px 5px 0; padding: 0 0 0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: 'notokr-medium', sans-serif; color: #000000; font-size: 15px; line-height: 24px; font-weight: normal; text-align: left; letter-spacing: -0.5px; }
#management02 > h4:after { content: ""; display: block; clear: both; position: absolute; width: 13px; height: 13px; left: 0; top: 6px; background-color: #fff; border: 4px solid #c71d3d; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; }
#management02 > p { margin: 10px 25px 0; padding: 0; font-family: 'notokr-demilight', sans-serif; color: #777777; font-size: 15px; line-height: 28px; font-weight: normal; text-align: left; letter-spacing: -0.5px; }


/* 인증기업현황 */
#management03 { }
#management03 ul { margin: 0; padding: 0; }
#management03 li { overflow: hidden; position: relative; list-style: none; float: left; width: 575px; }
#management03 li.v1 { margin-right: 30px; }
#management03:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}
#management03 li > .outer { overflow: hidden; position: relative; height: 315px; background-color: #f4f6f9; border: 4px solid #d8d8d8; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#management03 li > .outer h3 { margin: 37px 0 0; padding: 0; font-family: 'notokr-regular', sans-serif; color: #9c1b33; font-size: 30px; line-height: 30px; font-weight: normal; text-align: center; letter-spacing: 0; }
#management03 li > .outer .thum { margin: 40px 0 0; text-align: center; line-height: 0; }
#management03 li > .website { width: 80px; margin: 15px auto 0; padding-bottom: 5px; border-bottom: 1px solid #7f7f7f; }
#management03 li > .website a,
#management03 li > .website a:hover { font-family: 'notokr-demilight', sans-serif; color: #444444; font-size: 15px; line-height: 15px; font-weight: normal; text-align: center; letter-spacing: -0.5px; }




/* 인증기업현황_1 */
#management04 { }
#management04 ul { margin: 0; padding: 0; }
#management04 li { overflow: hidden; position: relative; list-style: none; float: left; width: 355px; }
#management04 li.v1 { margin-right: 30px; }
#management04:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}
#management04 li > .outer { overflow: hidden; position: relative; height: 315px; background-color: #f4f6f9; border: 4px solid #d8d8d8; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#management04 li > .outer h3 { margin: 37px 0 0; padding: 0; font-family: 'notokr-regular', sans-serif; color: #9c1b33; font-size: 30px; line-height: 30px; font-weight: normal; text-align: center; letter-spacing: 0; }
#management04 li > .outer .thum { margin: 40px 0 0; text-align: center; line-height: 0; }
#management04 li > .website { width: 80px; margin: 15px auto 0; padding-bottom: 5px; border-bottom: 1px solid #7f7f7f; }
#management04 li > .website a,
#management04 li > .website a:hover { font-family: 'notokr-demilight', sans-serif; color: #444444; font-size: 15px; line-height: 15px; font-weight: normal; text-align: center; letter-spacing: -0.5px; }












/* 로고사용 및 홍보요령 */
#customer01 { position: relative; }
#customer01 .btn_down { position: absolute; width: 280px; height: 56px; right: 0; top: 0; background-color: #f5f5f5; border: 3px solid #d8d8d8; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 999; }
#customer01 .btn_down.v1 { top: 64px; }
#customer01 .btn_down a,
#customer01 .btn_down a:hover { display: block; font-family: 'notokr-medium', sans-serif; color: #9c1b33; font-size: 15px; line-height: 50px; font-weight: normal; text-align: center; letter-spacing: -0.5px; }

#customer01 > h3 { position: relative; list-style: none; margin: 0 0 0 20px; padding: 0 0 0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: 'notokr-medium', sans-serif; color: #000000; font-size: 15px; line-height: 24px; font-weight: normal; text-align: left; letter-spacing: -0.5px; }
#customer01 > h3:after { content: ""; display: block; clear: both; position: absolute; width: 13px; height: 13px; left: 0; top: 6px; background-color: #fff; border: 4px solid #c71d3d; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; }
#customer01 > p { margin: 10px 0 45px 40px; padding: 0; font-family: 'notokr-demilight', sans-serif; color: #777777; font-size: 15px; line-height: 28px; font-weight: normal; text-align: left; letter-spacing: -0.5px; }
#customer01 > p span { display: inline-block; width: 26px; }
#customer01 > p span.v1 { width: 42px; }
#customer01 > p span.v2 { width: 60px; }

#customer01 > .thum { line-height: 0; }
#customer01 > .thum_info { margin: 20px 0 35px 0; font-family: 'notokr-regular', sans-serif; color: #9c1b33; font-size: 15px; line-height: 15px; font-weight: normal; text-align: center; letter-spacing: -0.5px; }


/* 현판제작의뢰 */
#customer02 { overflow: hidden; position: relative; font-size: 0; }
#customer02 > .info { overflow: hidden; display: inline-block; vertical-align: top; width: 446px; background-color: #ebf3f6; }
#customer02 > .info h3 { position: relative; list-style: none; margin: 30px 0 0 30px; padding: 0 0 0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: 'notokr-medium', sans-serif; color: #000000; font-size: 15px; line-height: 24px; font-weight: normal; text-align: left; letter-spacing: -0.5px; }
#customer02 > .info h3:after { content: ""; display: block; clear: both; position: absolute; width: 13px; height: 13px; left: 0; top: 6px; background-color: #fff; border: 4px solid #c71d3d; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; }
#customer02 > .info p { margin: 10px 50px; padding: 0; font-family: 'notokr-demilight', sans-serif; color: #777777; font-size: 15px; line-height: 28px; font-weight: normal; text-align: left; letter-spacing: -0.5px; }
#customer02 > .info .info_thum { margin: 20px 50px 0; text-align:center; line-height:0; }
#customer02 > .info .thum_info { margin: 10px 50px 30px; padding: 0; font-family: 'notokr-demilight', sans-serif; color: #dd2a2a; font-size: 15px; line-height: 28px; font-weight: normal; text-align: left; letter-spacing: -0.5px; }

#customer02 > .insert { overflow: hidden; display: inline-block; vertical-align: top; width: 690px; margin: 26px 0 0 40px; }
#customer02 > .insert h3 { position: relative; list-style: none; margin: 0; padding: 0 0 0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: 'notokr-medium', sans-serif; color: #000000; font-size: 15px; line-height: 24px; font-weight: normal; text-align: left; letter-spacing: -0.5px; }
#customer02 > .insert h3:after { content: ""; display: block; clear: both; position: absolute; width: 13px; height: 13px; left: 0; top: 6px; background-color: #fff; border: 4px solid #c71d3d; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; }
#customer02 > .insert .inner { margin: 10px 0 0; }


/* 불만 및 이의제기 */
#customer03 { }
#customer03 > h3 { position: relative; list-style: none; margin: 0 20px; padding: 0 0 0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: 'notokr-medium', sans-serif; color: #000000; font-size: 15px; line-height: 24px; font-weight: normal; text-align: left; letter-spacing: -0.5px; }
#customer03 > h3:after { content: ""; display: block; clear: both; position: absolute; width: 13px; height: 13px; left: 0; top: 6px; background-color: #fff; border: 4px solid #c71d3d; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; }
#customer03 > h3 .option { position: absolute; right: 0; top: 0; font-family: 'notokr-demilight', sans-serif; color: #777777; font-size: 15px; line-height: 15px; font-weight: normal; text-align: right; letter-spacing: -0.5px; }
#customer03 > .process_thum { margin: 20px 0 0; line-height: 0; }
#customer03 > .btn_down { width: 260px; height: 56px; margin: 30px auto 0; background-color: #f5f5f5; border: 3px solid #d8d8d8; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#customer03 > .btn_down a,
#customer03 > .btn_down a:hover { display: block; font-family: 'notokr-medium', sans-serif; color: #000000; font-size: 15px; line-height: 50px; font-weight: normal; text-align: center; letter-spacing: -0.5px; }

#customer03 > .help { overflow: hidden; position: relative; min-height: 140px; margin: 40px 0 0; border: 4px solid #c71d3d; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#customer03 > .help .icon { position: absolute; left: 37px; top: 31px; line-height: 0; }
#customer03 > .help .help_info { margin: 26px 175px; font-family: 'notokr-demilight', sans-serif; color: #777777; font-size: 15px; line-height: 28px; font-weight: normal; text-align: left; letter-spacing: -0.5px; }



/* FOOT */
#footer > .partner { position: relative; background-color: #fcfcfc; border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; }
#footer > .partner .outer { position: relative; width: 1200px; height: 49px; margin: 0 auto; }
#footer > .partner .outer .title { position: absolute; width: 93px; height: 14px; left: 18px; top: 17px; font-family: 'notokr-bold', sans-serif; color: #9c1b33; font-size: 15px; line-height: 14px; font-weight: normal; letter-spacing: 0; background: url(../images/inc/dot.png) no-repeat right; }
#footer > .partner .outer .list { margin: 0 0 0 223px; }
#footer > .partner .outer .list ul { margin: 0; padding: 0; }
#footer > .partner .outer .list li { list-style: none; float: left; margin-right: 90px; line-height: 0; }
#footer > .partner .outer .list:after{ content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

#footer > .area { overflow: hidden; width: 1200px; margin: 0 auto; }
#footer > .area .footer_menu { margin: 33px 5px 0; }
#footer > .area .footer_menu ul { margin: 0; padding: 0; }
#footer > .area .footer_menu li { position: relative; list-style: none; float: left; margin-right: 10px; padding-left: 11px; }
#footer > .area .footer_menu li:after { content: ""; position: absolute; width: 1px; height: 11px; left: 0; top: 2px; background-color: #989898; }
#footer > .area .footer_menu li:first-child:after { display: none; }
#footer > .area .footer_menu li:first-child { padding: 0; }
#footer > .area .footer_menu a,
#footer > .area .footer_menu a:hover { display: block; font-family: 'notokr-medium', sans-serif; color: #5b5b5b; font-size: 13px; line-height: 14px; font-weight: normal; letter-spacing: -1px; }
#footer > .area .footer_menu:after{ content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

#footer > .area .copyright { margin: 12px 0 50px 5px; }
#footer > .area .copyright ul { margin: 0; padding: 0; }
#footer > .area .copyright li { position: relative; list-style: none; float: left; margin-right: 10px; padding-left: 11px; font-family: 'notokr-regular', sans-serif; color: #898989; font-size: 13px; line-height: 22px; font-weight: normal; letter-spacing: -0.5px; }
#footer > .area .copyright li:after { content: ""; position: absolute; width: 1px; height: 12px; left: 0; top: 5px; background-color: #96979c; }
#footer > .area .copyright li.v1 { clear: both; padding: 0; }
#footer > .area .copyright li.v1:after { display: none; }
#footer > .area .copyright:after{ content:""; display:block; clear:both; /* height:0; visibility:hidden; */ }