@charset "utf-8";

/* LAYOUT */
body { -webkit-text-size-adjust: 100%; }
#wrap { overflow: hidden; min-width: 1600px; margin: 0 auto; -webkit-overflow-scrolling : touch; }
#header { z-index: 20; position: fixed; width: 100%; min-width: 1600px; height: 100px; left: 0; top: 0; background-color: #fff; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition: all 0.3s ease; transition:all 0.3s ease; }
#container { overflow: hidden; min-width: 1200px; margin: 100px auto 0; }
#footer { overflow: hidden; position: relative; }


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


/* HEADER - GNB */
#header > .outer .gnb { position: absolute; height:60px; right: 0; top: 40px; }
#header > .outer .gnb ul { margin: 0; padding: 0; }
#header > .outer .gnb li { position: relative; list-style: none; float: left; margin: 0 0 0 55px; }
#header > .outer .gnb a,
#header > .outer .gnb a:hover { display: block; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 400; font-size: 17px; line-height: 18px; color: #000000; letter-spacing: -1px; text-align: left; }
#header > .outer .gnb:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}


/* HEADER - GNB SUB MNEU */
#header .outer .gnb .smenu { display:none; position:absolute; width:240px; left:-10px; top:60px; 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:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#383838; font-size:12.5px; line-height:30px; font-weight:normal; 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; }


/* 모바일버튼 */
#header > .outer .gnb_btn { position:absolute; top:28px; right:10px; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition: all 0.5s ease; transition:all 0.5s ease; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; visibility: hidden; }
#header > .outer .gnb_btn .btn_nav { position:relative; width:26px; height:20px; cursor:pointer; }
#header > .outer .gnb_btn .btn_nav span { display:block; position:absolute; width:100%; height:3px; left:0; background:#333; -webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;transition:.3s ease-in-out; }
#header > .outer .gnb_btn .btn_nav span.ico1 { top:0px; }
#header > .outer .gnb_btn .btn_nav span.ico2,
#header > .outer .gnb_btn .btn_nav span.ico3 { top:8px; }
#header > .outer .gnb_btn .btn_nav span.ico4 { top:16px; }
#header > .outer .gnb_btn .btn_nav.open span.ico1 { width:0%; left:50%; top:18px; }
#header > .outer .gnb_btn .btn_nav.open span.ico2 { width:100%; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg);}
#header > .outer .gnb_btn .btn_nav.open span.ico3 { width:100%; -webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg); transform:rotate(-45deg); }
#header > .outer .gnb_btn .btn_nav.open span.ico4 { width:0%; top:18px; left:50%;}


/* 모바일 메뉴영역 */
.gnb_m_bg { position:fixed; overflow-y:auto; width:100%; height:100vh; left:0; top:0; background-color:rgba(0,0,0,0.6); -webkit-overflow-scrolling:touch; z-index:99999999; display:none; }
.gnb_m { position:fixed; overflow-y:auto; width:85%; height:100vh; left:-100%; top:0; margin-right:15%; background-color:#1153a1; opacity:0; -webkit-overflow-scrolling:touch; z-index:99999999; }
.gnb_m .head { height:55px; background-color:#fff; }

.gnb_m .head .member_thum { display: inline-block; vertical-align: middle; width: 35px; height: 35px; margin: 10px; line-height: 0; -webkit-border-radius:80px; -moz-border-radius:80px; border-radius:80px; }
.gnb_m .head .member_thum img { width: 100%; -webkit-border-radius:80px; -moz-border-radius:80px; border-radius:80px; }
.gnb_m .head .member_message { display: inline-block; vertical-align: middle; margin: 10px 20px 10px; font-family:'Noto Sans KR'; color:#333; font-size:14px; line-height:35px; font-weight:400; letter-spacing:0; }
.gnb_m .head .member_message ul { margin: 0; padding: 0; }
.gnb_m .head .member_message li { list-style: none; float: left; margin-left: 15px; }
.gnb_m .head .member_message li:first-child { margin-left: 0; }
.gnb_m .head .member_message:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}
.gnb_m .head .member_message a,
.gnb_m .head .member_message a:hover { display: block; font-family:'Noto Sans KR'; color:#333; font-size:14px; line-height:35px; font-weight:400; letter-spacing:0; }

.gnb_m .head .gnb_btn_close { position:absolute; right:20px; top:16px; width:20px; cursor:pointer; }
.gnb_m .head .gnb_btn_close img { width:100%; }

.gnb_m .list { position:relative; margin-bottom:100px; -webkit-overflow-scrolling:touch; z-index:99999999; }
.gnb_m .list ul { margin:0; padding:0; }
.gnb_m .list li { position:relative; list-style:none; min-height:42px; border-bottom:1px solid #2068bc; cursor:pointer; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition: all 0.5s ease; transition:all 0.5s ease; }
.gnb_m .list .list_title { margin:0 0 0 30px; font-family:'Noto Sans KR'; color:#ffffff; font-size:12px; line-height:42px; font-weight:500; letter-spacing:1px; }

.gnb_m .list li.select { background-color:#2068bc; }
.gnb_m .list li.select .list_title { color:#fff; }
.gnb_m .list li.select .list_title span { color:#20aae3; }

.gnb_m .list .sub_list { background-color:#fff; display:none; }
.gnb_m .list .sub_list ul { margin:0; padding:0; }
.gnb_m .list .sub_list li { padding:0 0 0 30px; list-style:none; border-top:1px solid #ccc; border-bottom:none; font-family:'Noto Sans KR'; color:#666666; font-size:11px; line-height:42px; font-weight:500; letter-spacing:0; }
.gnb_m .list .sub_list a,
.gnb_m .list .sub_list a:hover { display: block; }
.gnb_m .list:after { content:""; clear:both; display:block; }


/* HEADER - LANGUAGE */
#header > .language { overflow: hidden; position: absolute; right: 0; top: 0; }
#header > .language ul { margin: 0; padding: 0; }
#header > .language li { list-style: none; float: left; width: 80px; height: 100px; }
#header > .language li.v1 { background-color: #211f61; }
#header > .language li.v2 { background-color: #1c1a53; }
#header > .language a,
#header > .language a:hover { display: block; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 500; font-size: 15px; line-height: 100px; color: #a7a5d8; letter-spacing: -1px; text-align: center; }
#header > .language:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}


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

#container > .slide .outer { display: table; position: relative; width: 1200px; height: 100%; margin: 0 auto; }
#container > .slide .outer .inner { display: table-cell; vertical-align: middle; text-align: left; }
#container > .slide .outer .inner h2 { display: inline-block; margin: 0 0 0 3px; padding: 10px 44px; background-color: rgba(40,109,100,0.77); font-family:'Noto Sans KR'; color:#ffffff; font-size:16px; line-height:22px; font-weight:100; letter-spacing:0; -webkit-border-radius:80px; -moz-border-radius:80px; border-radius:80px; }
#container > .slide .outer .inner h2 i { display: block; }
#container > .slide .outer .inner h3 { margin: 32px 0 0 47px; padding: 0; font-family:'Noto Sans KR'; color:#ffffff; font-size:40px; line-height:48px; font-weight:500; letter-spacing:-1px; text-shadow: 1px 1px 0 rgba(0,0,0,0.2); }
#container > .slide .outer .inner p { margin: 20px 0 0 47px; padding: 0; font-family:'Noto Sans KR'; color:#ffffff; font-size:50px; line-height:60px; font-weight:100; letter-spacing:-1px; text-shadow: 1px 1px 0 rgba(0,0,0,0.2); }
#container > .slide img.pc { }
#container > .slide img.mobile { display: none; }


/* MAIN - CONTACT */
#container > .contact { overflow: hidden; padding-bottom: 100px; background-color: #eaeaf1; font-size: 0; text-align: center; }
#container > .contact h2 { margin: 100px auto 0; padding: 0; font-family:'Noto Sans KR'; color:#111111; font-size:46px; line-height:46px; font-weight:700; letter-spacing:-1px; text-align: center; }
#container > .contact p { margin: 20px auto 0; padding: 0; font-family:'Noto Sans KR'; color:#555555; font-size:18px; line-height:20px; font-weight:300; letter-spacing:-1px; text-align: center; }
#container > .contact .contact_outer { display: inline-block; vertical-align: top; position: relative; width: 560px; height: 232px; margin: 50px 20px 0; background-color: #fff; border: 1px solid #dbdbdb; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#container > .contact .contact_outer .subject { position: absolute; width: 248px; left: 0; top: 0; font-family:'Noto Sans KR'; color:#2b286d; font-size:18px; line-height:230px; font-weight:500; letter-spacing:-1px; text-align: center; }
#container > .contact .contact_outer .list { margin: 30px 40px 0 248px; }
#container > .contact .contact_outer .list ul { margin: 0; padding: 0; }
#container > .contact .contact_outer .list li { list-style: none; width: 270px; height: 50px; margin-bottom: 10px; font-family:'Noto Sans KR'; color:#ffffff; font-size:15px; line-height:50px; font-weight:300; letter-spacing:-1px; text-align: center; background-color: #2b286d; -webkit-border-radius:80px; -moz-border-radius:80px; border-radius:80px; }
#container > .contact .contact_outer .list li strong { display: inline-block; vertical-align: middle; margin: -5px 0 0 10px; font-family:'Noto Sans KR'; color:#ffffff; font-size:18px; line-height:50px; font-weight:600; letter-spacing:-1px; }
#container > .contact .contact_outer .list a,
#container > .contact .contact_outer .list a:hover { display: block; font-family:'Noto Sans KR'; color:#ffffff; font-size:18px; line-height:50px; font-weight:600; letter-spacing:-1px; }

#container > .contact .contact_outer.v1 .subject { color:#0075c4; }
#container > .contact .contact_outer.v1 .list li { background-color: #17a2ff; }
#container > .contact .contact_outer.v1 .list a,
#container > .contact .contact_outer.v1 .list a:hover { display: block; font-family:'Noto Sans KR'; color:#ffffff; font-size:15px; line-height:50px; font-weight:500; text-align: center; }
#container > .contact .contact_outer .list:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}


/* MAIN - SERVICE */
#container > .service { overflow: hidden; background-color: #f5f5f5; }
#container > .service h2 { margin: 120px auto 0; padding: 0; font-family:'Noto Sans KR'; color:#111111; font-size:46px; line-height:46px; font-weight:700; letter-spacing:0; text-align: center; }
#container > .service p { margin: 30px auto 0; padding: 0; font-family:'Noto Sans KR'; color:#555555; font-size:18px; line-height:20px; font-weight:300; letter-spacing:-1px; text-align: center; }
#container > .service p i { display: none; }

#container > .service .list { padding: 65px 0 100px; }
#container > .service .list ul { margin: 0; padding: 0; text-align: center; }
#container > .service .list li { display: inline-block; vertical-align: middle; list-style: none; width: 394px; margin: 0 25px; cursor: pointer; }
#container > .service .list li .thum { overflow: hidden; position: relative; height: 280px; text-align: center; }
#container > .service .list li .thum .thum_img { margin: 0; line-height: 0; -webkit-transition:all 0.8s ease; -moz-transition:all 0.8s ease; -o-transition: all 0.8s ease; transition:all 0.8s ease; }
#container > .service .list li .thum .thum_img img { width: 100%; }
#container > .service .list li:hover .thum_img { margin: -40px; }
#container > .service .list li .thum_info { z-index: 1; position: relative; height: 200px; margin: -30px -30px 0 30px; background-color: #fff; box-shadow: 7px 7px 9px rgba(0,0,0,0.1); }
#container > .service .list li .thum_info h2 { margin: 0; padding: 56px 0 0 35px; font-family:'Noto Sans KR'; color:#222222; font-size:24px; line-height:24px; font-weight:700; letter-spacing:-1px; text-align: left; }
#container > .service .list li .thum_info p { margin: 15px 35px 0; padding: 0; font-family:'Noto Sans KR'; color:#666666; font-size:15px; line-height:24px; font-weight:300; letter-spacing:-0.5px; text-align: left; }
#container > .service .list li .thum_info p i { display: block; }
#container > .service .list li .thum_info:after { content: ""; position: absolute; width: 21px; height: 12px; right: 30px; top: 20px; background: url("../images/main/service_more.png") no-repeat; }
#container > .service .list:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}


/* MAIN - PRODUCT */
#container > .product { position: relative; width: 1200px; margin: 120px auto 120px; }
#container > .product ul { margin: 0; padding: 0; }
#container > .product li { list-style: none; font-size: 0; padding: 0 0 40px; }
#container > .product li .thum { display: inline-block; vertical-align: middle; width: 600px; box-shadow: 40px 40px 0 #f6f6f6; }
#container > .product li .thum_info { display: inline-block; vertical-align: middle; width: 500px; margin: 0 0 0 100px; }
#container > .product li .thum_info h3 { margin: 0; padding: 0; font-family:'Noto Sans KR'; color:#111111; font-size:48px; line-height:48px; font-weight:700; letter-spacing:-1px; text-align: left; }
#container > .product li .thum_info p { margin: 34px 0 0; padding: 0; font-family:'Noto Sans KR'; color:#555555; font-size:18px; line-height:30px; font-weight:300; letter-spacing:-1px; text-align: left; }
#container > .product li .thum_info p i { display: block; }
#container > .product li .thum_info .btn_more { display: inline-block; width: 212px; height: 50px; margin: 34px 0 0; background-color: #17a2ff; background-image: url("../images/main/product_more.png"); background-repeat: no-repeat; background-position: 155px; -webkit-border-radius:80px; -moz-border-radius:80px; border-radius:80px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#container > .product li .thum_info .btn_more a,
#container > .product li .thum_info .btn_more a:hover { display: block; padding-left: 32px; font-family:'Noto Sans KR'; color:#ffffff; font-size:16px; line-height:50px; font-weight:400; letter-spacing:-1px; text-align: left; }
#container > .product:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}


/* MAIN - FAMILY */
#container > .family { padding: 55px 0; background-color: #f8f8f8; }
#container > .family h3 { margin: 0; padding: 0; font-family:'Noto Sans KR'; color:#111111; font-size:30px; line-height:30px; font-weight:700; letter-spacing:-1px; text-align: center; }
#container > .family .list { margin: 30px 0 0; }
#container > .family .list ul { margin: 0; padding: 0; font-size: 0; text-align: center; }
#container > .family .list li { display: inline-block; vertical-align: middle; list-style: none; margin: 0 50px; line-height: 0; }
#container > .family .list:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}


/* FOOTER */
#footer > .outer { background-color: #333333; }
#footer > .outer .inner { overflow: hidden; position: relative; width: 1200px; margin: 0 auto; padding: 50px 0; }

#footer > .outer .inner .menu { }
#footer > .outer .inner .menu ul { margin: 0; padding: 0; font-size: 0; }
#footer > .outer .inner .menu li { display: inline-block; vertical-align: middle; position: relative; list-style: none; margin-right: 10px; padding-left: 11px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#footer > .outer .inner .menu li:after { content: ""; position: absolute; width: 1px; height: 11px; left: 0; top: 3px; background-color: #7d7d7d; }
#footer > .outer .inner .menu li:first-child { padding: 0; }
#footer > .outer .inner .menu li:first-child:after { display: none; }
#footer > .outer .inner .menu a,
#footer > .outer .inner .menu a:hover { display: block; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 100; font-size: 13px; line-height: 15px; color: #ffffff; letter-spacing: -1px; text-align: left; }
#footer > .outer .inner .menu:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

#footer > .outer .inner .copyright { margin: 14px 0 0; }
#footer > .outer .inner .copyright ul { margin: 0; padding: 0; font-size: 0; }
#footer > .outer .inner .copyright li { display: inline-block; vertical-align: middle; position: relative; list-style: none; margin-right: 15px; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; font-size: 13px; line-height: 24px; color: #999999; letter-spacing: 0; text-align: left; }
#footer > .outer .inner .copyright li.v1{ display: block; clear: both; }
#footer > .outer .inner .copyright:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

#footer > .outer .inner .family { position: absolute; width: 148px; height: 32px; right: 0; top: 74px; }
#footer > .outer .inner .family select { width: 100%; height: 32px; padding: 0 5px; font-family:'Noto Sans KR'; color:#333333; font-size:13px; line-height:32px; font-weight:500; letter-spacing:0; text-align: left; border: none; background-color: #9f9f9f; outline: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }


/* SUB LAYOUT */
#sub_spot { position: relative; height: 300px; line-height: 0; }
#sub_spot .spot_text { position: absolute; width: 100%; left: 0; top: 0; font-family:'Noto Sans KR'; color:#ffffff; font-size:48px; line-height:300px; font-weight:500; letter-spacing:-1px; text-align: center; text-shadow: 1px 1px 0 rgba(0,0,0,0.2); }
#sub_spot img { display: none; width: 100%; }

#content { width: 1200px; min-height: 400px; margin: 60px auto 150px; }
#content h2 { position: relative; margin: 0; padding: 0; font-family:'Noto Sans KR'; color:#111111; font-size:36px; line-height:36px; font-weight:500; letter-spacing:0; text-align: left; }
#content h2:after { content: ""; position: absolute; width: 60px; height: 2px; left: -75px; top: 19px; background-color: #444444; }


/* 인사말 */
#message { margin: 50px auto 0; font-size: 0; }
#message > .thum { display: inline-block; vertical-align: top; width: 600px; }
#message > .thum_info { display: inline-block; vertical-align: top; position: relative; width: 553px; margin-left: 47px; }
#message > .thum_info h3 { margin: 0 0 0 -17px; padding: 0; font-family:'Noto Sans KR'; color:#ff6600; font-size:32px; line-height:32px; font-weight:600; letter-spacing:-1px; text-align: left; }
#message > .thum_info h4 { margin: 15px 0 0 0; padding: 0; font-family:'Noto Sans KR'; color:#111111; font-size:22px; line-height:40px; font-weight:300; letter-spacing:-1px; text-align: left; }
#message > .thum_info .line { display: inline-block; width: 200px; height: 4px; margin: 32px 0 0 -97px; background-color: #2a296d; }
#message > .thum_info h5 { margin: 32px 0 0 0; padding: 0; font-family:'Noto Sans KR'; color:#111111; font-size:21px; line-height:37px; font-weight:400; letter-spacing:-1px; text-align: left; }
#message > .thum_info p { margin: 40px 0 0 0; padding: 0; font-family:'Noto Sans KR'; color:#777777; font-size:15px; line-height:28px; font-weight:300; letter-spacing:-1px; text-align: left; }
#message > .thum_info p i { display: block; }
#message > .thum_info .sign { margin: 50px 0 0 0; font-family:'Noto Sans KR'; color:#555555; font-size:21px; line-height:22px; font-weight:300; letter-spacing:-0.5px; text-align: right; }
#message > .thum_info .sign strong { font-family:'Noto Sans KR'; color:#000000; font-size:21px; line-height:22px; font-weight:400; letter-spacing:-0.5px;}


/* 연혁 */
#history { margin: 50px auto 0; font-size: 0; }
#history > .thum { display: inline-block; vertical-align: middle; width: 600px; }
#history > .thum_info { display: inline-block; vertical-align: middle; position: relative; width: 553px; margin-left: 47px; }
#history > .thum_info h3 { margin: 0 0 0 -17px; padding: 0; font-family:'Noto Sans KR'; color:#ff6600; font-size:32px; line-height:32px; font-weight:600; letter-spacing:-1px; text-align: left; }
#history > .thum_info h4 { margin: 15px 0 0 0; padding: 0; font-family:'Noto Sans KR'; color:#111111; font-size:24px; line-height:40px; font-weight:300; letter-spacing:-1px; text-align: left; }
#history > .thum_info h4 i { display: block; }
#history > .thum_info .line { display: inline-block; width: 200px; height: 4px; margin: 32px 0 0 -97px; background-color: #2a296d; }
#history > .thum_info p { margin: 32px 0 0 0; padding: 0; font-family:'Noto Sans KR'; color:#777777; font-size:15px; line-height:28px; font-weight:300; letter-spacing:-0.5px; text-align: left; }
#history > .thum_info p i { display: block; }

#history > .list { margin-top: 80px; padding: 18px 0 0; }
#history > .list .outer { width: 50%; margin-left: 50%; border-left: 1px solid #dadada; }
#history > .list .outer .inner { position: relative; }
#history > .list .outer .inner .dot { position: absolute; width: 11px; height: 11px; left: -6px; top: -6px; background-color: #fff; border: 3px solid #e71218; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#history > .list .outer .inner .year { position: absolute; left: 50px; top: -18px; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 600; font-size: 30px; line-height: 30px; color: #111111; letter-spacing: -1px; }
#history > .list .outer .inner .month { position: absolute; left: 4px; top: 0; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 20px; color: #111111; letter-spacing: -1px; }
#history > .list .outer .inner .day { margin: 0 0 0 120px; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; font-size: 16px; line-height: 20px; color: #666666; letter-spacing: -1px; }
#history > .list .outer .inner .inner_list { padding: 36px 0 60px 50px; }
#history > .list .outer .inner .inner_list ul { margin: 0; padding: 0; }
#history > .list .outer .inner .inner_list li { position: relative; list-style: none; margin-bottom: 15px; }
#history > .list .outer .inner .inner_list:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

#history > .list .outer.v1 { margin-left: 0; border-right: 1px solid #dadada; border-left: none; }
#history > .list .outer.v1 .inner .dot { left: auto; right: -6px; }
#history > .list .outer.v1 .inner .year { position: absolute; left: auto; right: 50px; text-align: right; }
#history > .list .outer.v1 .inner .month { position: absolute; left: auto; right: 4px; text-align: right; }
#history > .list .outer.v1 .inner .day { margin: 0 120px 0 0; text-align: right; }
#history > .list .outer.v1 .inner .inner_list { padding: 36px 50px 60px 0; }


/* 지정현황 */
#appointed { margin: 50px auto 0; font-size: 0; }
#appointed > .thum { display: inline-block; vertical-align: middle; width: 600px; }
#appointed > .thum_info { display: inline-block; vertical-align: middle; position: relative; width: 553px; margin-left: 47px; }
#appointed > .thum_info h3 { margin: 0 0 0 -17px; padding: 0; font-family:'Noto Sans KR'; color:#ff6600; font-size:32px; line-height:32px; font-weight:600; letter-spacing:-1px; text-align: left; }
#appointed > .thum_info h4 { margin: 15px 0 0 0; padding: 0; font-family:'Noto Sans KR'; color:#111111; font-size:24px; line-height:40px; font-weight:300; letter-spacing:-1px; text-align: left; }
#appointed > .thum_info h4 i { display: block; }
#appointed > .thum_info .line { display: inline-block; width: 200px; height: 4px; margin: 32px 0 0 -97px; background-color: #2a296d; }
#appointed > .thum_info p { margin: 32px 0 0 0; padding: 0; font-family:'Noto Sans KR'; color:#777777; font-size:15px; line-height:28px; font-weight:300; letter-spacing:-0.5px; text-align: left; }
#appointed > .thum_info p i { display: block; }
#appointed > .thum_info .thum_logo { margin-top: 25px; line-height: 0; }

#appointed > .service { margin: 60px 0 0; }
#appointed > .service ul { margin: 0; padding: 0; }
#appointed > .service li { list-style: none; float: left; width: 380px; height: 375px; margin-left: 30px; border: 1px solid #d5d5d5; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#appointed > .service li:first-child { margin-left: 0; }
#appointed > .service .service_title { background-color: #f0f0f0; border-bottom: 1px solid #d5d5d5; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; font-size: 24px; line-height: 78px; color: #111111; letter-spacing: 0; text-align:center; -webkit-border-top-left-radius:4px; -moz-border-top-left-radius:4px; border-top-left-radius:4px; -webkit-border-top-right-radius:4px; -moz-border-top-right-radius:4px; border-top-right-radius:4px; }
#appointed > .service .service_list { margin: 30px 30px 0; }
#appointed > .service .service_list ul { margin: 0; padding: 0; }
#appointed > .service .service_list li { position: relative; list-style: none; float: none; width: auto; height: auto; margin: 0 0 20px 0; padding-left: 25px; font-family:'Noto Sans KR'; color:#333333; font-size:15px; line-height:28px; font-weight:400; letter-spacing:-0.5px; text-align: left; border: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#appointed > .service .service_list li i { display: block; }
#appointed > .service .service_list li span { display: block; margin: 0; padding: 0; font-family:'Noto Sans KR'; color:#777777; font-size:15px; line-height:28px; font-weight:300; }
#appointed > .service .service_list li:after { content: ""; position: absolute; width: 13px; height: 8px; left: 0; top: 10px; background: url("../images/about/dot.png") no-repeat; }
#appointed > .service .service_list:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}
#appointed > .service:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

#appointed > .list { margin: 50px 0 0; border-top: 2px solid #2a296d; }
#appointed > .list ul { margin: 0; padding: 0; }
#appointed > .list li { list-style: none; padding: 30px 0; font-size: 0; border-bottom: 1px solid #cacaca; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#appointed > .list li:nth-child(even) { background-color: #f9f9f9; }
#appointed > .list .list_thum { display: inline-block; vertical-align: middle; width: 180px; margin-left: 30px; line-height: 0; border: 1px solid #d5d5d5; box-shadow: 7px 9px 0 #e5e5e5; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#appointed > .list .list_info { display: inline-block; vertical-align: middle; width: 668px; margin-left: 50px; font-family:'Noto Sans KR'; color:#333333; font-size:22px; line-height:28px; font-weight:500; letter-spacing:-1px; text-align: left; }
#appointed > .list .list_info .info_list { margin: 10px 0 0; }
#appointed > .list .list_info .info_list ul { margin: 0; padding: 0; }
#appointed > .list .list_info .info_list li { position: relative; list-style: none; padding: 0; border: none; }
#appointed > .list .list_info .info_list li:nth-child(even) { background-color: transparent; }
#appointed > .list .list_info .info_list li:after { content: ""; position: absolute; width: 5px; height: 2px; left: 2px; top: 15px; background-color: #000000; }
#appointed > .list .list_info .info_list li .list_title { position: absolute; left: 14px; top: 0; font-family:'Noto Sans KR'; color:#333333; font-size:15px; line-height:28px; font-weight:400; letter-spacing:-0.5px; text-align: left; }
#appointed > .list .list_info .info_list li .list_text { margin: 0 0 0 120px; font-family:'Noto Sans KR'; color:#777777; font-size:15px; line-height:28px; font-weight:300; letter-spacing:-0.5px; text-align: left; }
#appointed > .list .list_info .info_list li .list_text i { display: block; }
#appointed > .list .list_info .info_list:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}
#appointed > .list .list_logo { display: inline-block; vertical-align: middle; width: 272px; line-height: 0; text-align: center; }
#appointed > .list:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}


/* 찾아오시는 길 */
#location { margin: 50px auto 0; font-size: 0; }
#location > .tab { }
#location > .tab ul { margin: 0; padding: 0; }
#location > .tab li { list-style: none; float: left; width: 19.5%; margin-left: 0.5%; height: 48px; background-color: #f0f0f0; border: 1px solid #d5d5d5; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#location > .tab li:first-child { margin-left: 0; }
#location > .tab a,
#location > .tab a:hover { display: block; font-family:'Noto Sans KR'; color:#777777; font-size:15px; line-height:46px; font-weight:300; letter-spacing:-1px; text-align: center; }
#location > .tab li.select { background-color: #2a296d;}
#location > .tab li.select a,
#location > .tab li.select a:hover { color:#fff; font-weight:400; }
#location > .tab:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

#location > .map { height: 408px; margin: 40px 20px 0; border: 4px solid #ececec; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#location > .map_title { display: inline-block; width: 200px; margin: 30px 20px 0; padding: 0 0 18px 18px; border-bottom: 4px solid #2a296d; font-family:'Noto Sans KR'; color:#111111; font-size:24px; line-height:24px; font-weight:300; letter-spacing:-1px; text-align: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#location > .map_info { margin: 22px 0 0 39px; }
#location > .map_info ul { margin: 0; padding: 0; }
#location > .map_info li { position: relative; list-style: none; font-size: 0; }
#location > .map_info .info_title { display: inline-block; vertical-align: top; width: 75px; padding-left: 19px; background: url("../images/about/dot.png") no-repeat left; font-family:'Noto Sans KR'; color:#333333; font-size:15px; line-height:28px; font-weight:400; letter-spacing:-0.5px; text-align: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#location > .map_info .info_text { display: inline-block; vertical-align: top; font-family:'Noto Sans KR'; color:#777777; font-size:15px; line-height:28px; font-weight:300; letter-spacing:-0.5px; text-align: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#location > .map_info:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}


/* 선언서 */
#declaration { margin: 50px auto 0; font-size: 0; }
#declaration > .thum { display: inline-block; vertical-align: top; width: 460px; -webkit-border-top-left-radius:80px; -moz-border-top-left-radius:80px; border-top-left-radius:80px; -webkit-border-bottom-right-radius:80px; -moz-border-bottom-right-radius:80px; border-bottom-right-radius:80px; box-shadow: 20px 20px 0 #f1f1f1; }
#declaration > .thum img { -webkit-border-top-left-radius:80px; -moz-border-top-left-radius:80px; border-top-left-radius:80px; -webkit-border-bottom-right-radius:80px; -moz-border-bottom-right-radius:80px; border-bottom-right-radius:80px; }
#declaration > .thum_info { display: inline-block; vertical-align: top; width: 670px; margin-left: 70px; font-family:'Noto Sans KR'; color:#555555; font-size:16px; line-height:32px; font-weight:300; letter-spacing:-1px; text-align: left; }
#declaration > .thum_info i { display: block; }
#declaration > .thum_info .data { margin: 60px 0 0; font-family:'Noto Sans KR'; color:#555555; font-size:16px; line-height:16px; font-weight:300; letter-spacing:-1px; text-align: right; }
#declaration > .thum_info .sign { margin: 20px 0 0; font-family:'Noto Sans KR'; color:#555555; font-size:21px; line-height:22px; font-weight:400; letter-spacing:-1px; text-align: right; }
#declaration > .thum_info .sign strong { font-family:'Noto Sans KR'; color:#000000; font-size:21px; line-height:22px; font-weight:500; letter-spacing:-1px; text-align: right; }


/* BUSINESS */
#business { margin: 40px auto 0; }
#business > .head_info { font-family:'Noto Sans KR'; color:#777777; font-size:15px; line-height:28px; font-weight:300; letter-spacing:-0.5px; text-align: left; }
#business > .head_info i { display: block; }
#business > .head_thum { margin: 40px auto 0; }
#business > .head_thum ul { margin: 0; padding: 0; }
#business > .head_thum li { list-style: none; float: left; width: 560px; line-height: 0; -webkit-border-top-left-radius:80px; -moz-border-top-left-radius:80px; border-top-left-radius:80px; -webkit-border-bottom-right-radius:80px; -moz-border-bottom-right-radius:80px; border-bottom-right-radius:80px; box-shadow: 20px 20px 0 #f1f1f1; }
#business > .head_thum li img { -webkit-border-top-left-radius:80px; -moz-border-top-left-radius:80px; border-top-left-radius:80px; -webkit-border-bottom-right-radius:80px; -moz-border-bottom-right-radius:80px; border-bottom-right-radius:80px; }
#business > .head_thum li:first-child { margin-right: 80px; }
#business > .head_thum:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

#business > .business_title { margin: 80px auto 0; padding-left: 23px; background: url("../images/business/blet.png") no-repeat left 6px; font-family:'Noto Sans KR'; color:#2a296d; font-size:20px; line-height:20px; font-weight:500; letter-spacing:-0.5px; text-align: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#business > .list { margin: 10px 0 0 24px; }
#business > .list ul { margin: 0; padding: 0; }
#business > .list li { position: relative; list-style: none; padding-left: 15px; font-family:'Noto Sans KR'; color:#777777; font-size:15px; line-height:28px; font-weight:300; letter-spacing:-0.5px; text-align: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#business > .list li:after { content: ""; position: absolute; width: 5px; height: 2px; left: 0; top: 14px; background-color: #000000; }
#business > .list.v1 li { float: left; width: 50%; }
#business > .list:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

#business > .table_outer { margin: 20px 0 0; }
#business > .table_outer.v1 { margin: 20px 0 30px; }
#business > .table_outer .table { border-top: 1px solid #d5d5d5; border-left: 1px solid #d5d5d5; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#business > .table_outer .table th { padding: 20px 0; font-family:'Noto Sans KR'; color:#333333; font-size:16px; line-height:16px; font-weight:500; letter-spacing:-0.5px; text-align: center; background-color: #f0f0f0; border-right: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#business > .table_outer .table td { padding: 18px 20px; font-family:'Noto Sans KR'; color:#777777; font-size:15px; line-height:28px; font-weight:300; letter-spacing:-0.5px; text-align: left; border-right: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#business > .table_outer .table td.v1 { text-align: center; }
#business > .table_outer .table th:nth-child(1) { width: 30.5%; }
#business > .table_outer .table th:nth-child(2) { width: 30.5%; }
#business > .table_outer .table th:nth-child(3) { width: 30.5%; }

#business > .table_outer.v2 { margin: 70px 0 0; }
#business > .table_outer.v2 .table th:nth-child(1) { width: 25%; }
#business > .table_outer.v2 .table th:nth-child(2) { width: 25%; }
#business > .table_outer.v2 .table th:nth-child(3) { width: 25%; }

#business > .table_outer.v3 { margin: 20px 0 0; }
#business > .table_outer.v3 .table th:nth-child(1) { width: 50%; }
#business > .table_outer.v3 .table th:nth-child(2) { width: 25%; }

#business > .table_outer.v4 { margin: 20px 0 0; }
#business > .table_outer.v4 .table th:nth-child(1) { width: 30.5%; }
#business > .table_outer.v4 .table th:nth-child(2) { width: 61%; }

#business > .table_outer.v5 { margin: 20px 0 0; }
#business > .table_outer.v5 .table th:nth-child(1) { width: 33.33333%; }
#business > .table_outer.v5 .table th:nth-child(2) { width: 33.33333%; }

#business > .photo { margin: 50px auto 0; }
#business > .photo ul { margin: 0; padding: 0; }
#business > .photo li { list-style: none; float: left; width: 32.5%; margin-left: 1.25%; border: 5px solid #e0e0e0; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#business > .photo li:first-child { margin-left: 0; }
#business > .photo li img { width: 100%; }
#business > .photo:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

#business > .diagram { margin: 30px auto 0; line-height: 0; border: 1px solid #d7d7d7; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#business > .diagram img { -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }

#business > .data { margin: 15px auto 0; }
#business > .data ul { margin: 0; padding: 0; font-size: 0; text-align: center; }
#business > .data li { display: inline-block; vertical-align: top; list-style: none; width: 32.5%; margin-left: 1.25%; margin-bottom: 40px; }
#business > .data li:nth-child(1) { margin-left: 0; }
#business > .data li:nth-child(4) { margin-left: 0; }
#business > .data .data_thum { padding: 4px; border: 1px solid #d7d7d7; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#business > .data .data_thum img { width: 100%; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
#business > .data .data_text { margin: 20px 0 0; font-family:'Noto Sans KR'; color:#777777; font-size:15px; line-height:20px; font-weight:300; letter-spacing:-0.5px; text-align: center; }
#business > .data:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

#business > .diagram01 { margin: 30px auto 0; }
#business > .diagram01 ul { margin: 0; padding: 0; }
#business > .diagram01 li { list-style: none; float: left; width: 31.6%; height: 325px; margin-left: 2.6%; border: 1px solid #d5d5d5; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#business > .diagram01 li:first-child { margin-left: 0; }
#business > .diagram01 .diagram01_title { background-color: #f0f0f0; border-bottom: 1px solid #d5d5d5; font-family:'Noto Sans KR'; color:#333333; font-size:16px; line-height:78px; font-weight:500; letter-spacing:-0.5px; text-align: center; -webkit-border-top-left-radius:4px; -moz-border-top-left-radius:4px; border-top-left-radius:4px; -webkit-border-top-right-radius:4px; -moz-border-top-right-radius:4px; border-top-right-radius:4px; }
#business > .diagram01 .diagram01_list { margin: 20px 20px; }
#business > .diagram01 .diagram01_list ul { margin: 0; padding: 0; }
#business > .diagram01 .diagram01_list li { position: relative; list-style: none; float: none; width: auto; height: auto; margin: 0; padding-left: 15px; font-family:'Noto Sans KR'; color:#777777; font-size:15px; line-height:28px; font-weight:300; letter-spacing:-0.5px; text-align: left; border: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#business > .diagram01 .diagram01_list li:after { content: ""; position: absolute; width: 5px; height: 2px; left: 0; top: 11px; background-color: #000000; }
#business > .diagram01 .diagram01_list:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}
#business > .diagram01:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

#business > .diagram01.v1 { }
#business > .diagram01.v1 li { position: relative; width: 48.75%; height: 245px; margin-left: 2.5%; }
#business > .diagram01.v1 li:first-child { margin-left: 0; }
#business > .diagram01.v1 .diagram01_list li { position: relative; list-style: none; float: none; width: auto; height: auto; margin: 0; padding-left: 15px; font-family:'Noto Sans KR'; color:#777777; font-size:15px; line-height:28px; font-weight:300; letter-spacing:-0.5px; text-align: left; border: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }


/* CENTER */
#center { margin: 40px auto 0; }


/* 주요업무 */
#main_business { margin: 40px auto 0; }
#main_business > .head { margin-bottom: 40px; }
#main_business > .head ul { margin: 0; padding: 0; }
#main_business > .head li { list-style: none; float: left; width: 285px; margin-right: 20px; margin-bottom: 40px; }
#main_business > .head li:nth-child(4n) { margin-right: 0; }
#main_business > .head .icon { padding: 40px 0; border: 4px solid #f1f1f1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-top-left-radius:80px; -moz-border-top-left-radius:80px; border-top-left-radius:80px; -webkit-border-bottom-right-radius:80px; -moz-border-bottom-right-radius:80px; border-bottom-right-radius:80px; text-align: center; line-height: 0; }
#main_business > .head .icon_text { margin-top: 20px; font-family:'Noto Sans KR'; color:#777777; font-size:15px; line-height:16px; font-weight:300; letter-spacing:-0.5px; text-align: left; }
#main_business > .head:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

#main_business > .business_title { padding-left: 23px; background: url("../images/business/blet.png") no-repeat left 6px; font-family:'Noto Sans KR'; color:#2a296d; font-size:20px; line-height:20px; font-weight:500; letter-spacing:-0.5px; text-align: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

#main_business > .table_list { margin: 30px auto 80px; }
#main_business > .table_list ul { margin: 0; padding: 0; }
#main_business > .table_list li { list-style: none; float: left; width: 31.6%; height: 435px; margin-left: 2.6%; margin-bottom: 20px; border: 1px solid #d5d5d5; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#main_business > .table_list li:first-child { margin-left: 0; }
#main_business > .table_list li.v1 { margin-left: 0; width: 48.7%; height: 590px; }
#main_business > .table_list li.v2 { width: 48.7%; height: 590px; }
#main_business > .table_list .icon { padding: 15px 0; background-color: #f1f1f1; border-bottom: 1px solid #d5d5d5; line-height: 0; text-align: center; -webkit-border-top-left-radius:4px; -moz-border-top-left-radius:4px; border-top-left-radius:4px; -webkit-border-top-right-radius:4px; -moz-border-top-right-radius:4px; border-top-right-radius:4px; }
#main_business > .table_list .list_title { margin: 30px 30px 0; font-family:'Noto Sans KR'; color:#111111; font-size:16px; line-height:16px; font-weight:400; letter-spacing:-0.5px; text-align: left; }
#main_business > .table_list .list { margin: 15px 30px; }
#main_business > .table_list .list ul { margin: 0; padding: 0; }
#main_business > .table_list .list li { position: relative; list-style: none; float: none; width: auto; height: auto; margin: 0; padding-left: 15px; font-family:'Noto Sans KR'; color:#777777; font-size:15px; line-height:28px; font-weight:300; letter-spacing:-0.5px; text-align: left; border: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#main_business > .table_list .list li:after { content: ""; position: absolute; width: 5px; height: 2px; left: 0; top: 11px; background-color: #000000; }
#main_business > .table_list .list:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}
#main_business > .table_list:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

#main_business > .table { margin: 20px 0 80px; border-top: 1px solid #d5d5d5; border-left: 1px solid #d5d5d5; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#main_business > .table th { padding: 20px 0; font-family:'Noto Sans KR'; color:#333333; font-size:16px; line-height:16px; font-weight:500; letter-spacing:-0.5px; text-align: center; background-color: #f0f0f0; border-right: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#main_business > .table td { padding: 15px 20px; font-family:'Noto Sans KR'; color:#777777; font-size:15px; line-height:28px; font-weight:300; letter-spacing:-0.5px; text-align: left; border-right: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#main_business > .table td.v1 { text-align: center; }
#main_business > .table th:nth-child(1) { width: 30%; }
#main_business > .table th:nth-child(2) { width: 70%; }

#main_business > .list01 { margin: 10px 0 0 24px; }
#main_business > .list01 ul { margin: 0; padding: 0; }
#main_business > .list01 li { position: relative; list-style: none; float: left; width: 50%; padding-left: 15px; font-family:'Noto Sans KR'; color:#777777; font-size:15px; line-height:28px; font-weight:300; letter-spacing:-0.5px; text-align: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#main_business > .list01 li:after { content: ""; position: absolute; width: 5px; height: 2px; left: 0; top: 14px; background-color: #000000; }
#main_business > .list01:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}


/* 국내인증 */
#certification { margin: 50px auto 0; }
#certification > .certification_title { margin: 0 auto; padding-left: 23px; background: url("../images/business/blet.png") no-repeat left 6px; font-family:'Noto Sans KR'; color:#2a296d; font-size:20px; line-height:20px; font-weight:600; letter-spacing:-0.5px; text-align: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#certification > .certification_title.v1 { margin: 75px auto 0; }

#certification > .outer { position: relative; }

#certification > .outer .head_thum { position: absolute; right: 10px; top: 0; line-height: 0; }
#certification > .outer .head_info { }

#certification .certification_title01 { position: relative; margin: 25px 0 0 25px; padding-left: 18px; font-family:'Noto Sans KR'; color:#0075c4; font-size:16px; line-height:16px; font-weight:400; letter-spacing:-0.5px; text-align: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#certification .certification_title01.v1 { margin: 35px 0 0 25px; }
#certification .certification_title01.v2 { margin: 30px 0 0 0; }
#certification .certification_title01.v3 { margin: 50px 0 0 0; }
#certification .certification_title01.v4 { margin: 45px 0 0 25px; }
#certification .certification_title01:after { content: ""; position: absolute; width: 10px; height: 10px; left: 0; top: 4px; border: 3px solid #17a2ff; -webkit-border-radius:80px; -moz-border-radius:80px; border-radius:80px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#certification p { position: relative; margin: 12px 0 0 45px; padding: 0; font-family:'Noto Sans KR'; color:#777777; font-size:15px; line-height:28px; font-weight:300; letter-spacing:-0.5px; text-align: left; }
#certification p.v1 { margin: 8px 0 0 0; }
#certification p.v2 { margin: 20px 0 0 25px; }
#certification p.v3 { margin: 15px 0 0 0; }
#certification p i { display: block; }
#certification p strong { display: block; margin-bottom: 5px; color:#333333; font-size:15px; font-weight:400; }
#certification p.v2 strong { display: block; color:#333333; font-size:16px; font-weight:500; }
#certification p.v4 { margin: 20px 0 0 25px; }
#certification p.v4 strong { display: block; color:#0075c4; font-size:16px; font-weight:400; }
#certification p.v5 { margin: 20px 0 0 25px; color: #333333; }

#certification .certification_title02 { position: relative; margin: 50px 0 0 0px; padding-left: 18px; font-family:'Noto Sans KR'; color:#777777; font-size:15px; line-height:28px; font-weight:300; letter-spacing:-0.5px; text-align: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#certification .certification_title02:after { content: ""; position: absolute; width: 10px; height: 10px; left: 0; top: 9px; border: 3px solid #17a2ff; -webkit-border-radius:80px; -moz-border-radius:80px; border-radius:80px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

#certification .certification_list01 { margin: 25px 0 0 45px; }
#certification .certification_list01 ul { margin: 0; padding: 0; }
#certification .certification_list01 li { position: relative; list-style: none; margin-top: 20px; padding-left: 14px; font-family:'Noto Sans KR'; color:#333333; font-size:15px; line-height:16px; font-weight:400; letter-spacing:-0.5px; text-align: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#certification .certification_list01 li:after { content: ""; position: absolute; width: 5px; height: 2px; left: 0; top: 7px; background-color: #000000; }
#certification .certification_list01 li:first-child { margin-top: 0; }
#certification .certification_list01:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

#certification .certification_list02 { margin: 10px 0 25px 67px; }
#certification .certification_list02.v1 { margin: 14px 0 25px 45px; }
#certification .certification_list02 ul { margin: 0; padding: 0; }
#certification .certification_list02 li { position: relative; list-style: none; margin-top: 8px; padding-left: 15px; font-family:'Noto Sans KR'; color:#777777; font-size:15px; line-height:28px; font-weight:300; letter-spacing:-0.5px; text-align: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#certification .certification_list02 li strong { display:block; font-family:'Noto Sans KR'; color:#777777; font-weight:400; }

#certification .certification_list02 li:after { content: ""; position: absolute; width: 5px; height: 2px; left: 0; top: 13px; background-color: #000000; }
#certification .certification_list02 li:first-child { margin-top: 0; }
#certification .certification_list02:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

#certification .certification_list02.v2 { margin: 20px 0 25px 23px; }
#certification .certification_list02.v2 li { float: left; width: 50%; margin-top: 0; }

#certification .certification_list02.v3 { margin: 10px 0 -5px 45px; }
#certification .certification_list02.v3 li { margin-top: 0; }

#certification .certification_list02.v4 { margin: 10px 0 25px 25px; }
#certification .certification_list02.v4 li { margin-top: 0; }

#certification .certification_down { display:inline-block; margin:10px 0 0 20px; background-color:#0296e6; -webkit-border-radius:80px; -moz-border-radius:80px; border-radius:80px; }
#certification .certification_down a,
#certification .certification_down a:hover { display:block; padding:0 30px; font-family:'Noto Sans KR'; color:#fff; font-size:14px; line-height:34px; font-weight:300; letter-spacing:-0.5px; text-align: center; }



#certification > .table_outer { margin: 25px 0 0; }
#certification > .table_outer .table { border-top: 1px solid #d5d5d5; border-left: 1px solid #d5d5d5; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#certification > .table_outer .table th { padding: 20px 0; font-family:'Noto Sans KR'; color:#333333; font-size:16px; line-height:16px; font-weight:500; letter-spacing:-0.5px; text-align: center; background-color: #f0f0f0; border-right: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#certification > .table_outer .table td { padding: 18px 20px; font-family:'Noto Sans KR'; color:#777777; font-size:15px; line-height:28px; font-weight:300; letter-spacing:-0.5px; text-align: left; border-right: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#certification > .table_outer .table td i { display: block; }
#certification > .table_outer .table td.v1 { text-align: center; }
#certification > .table_outer .table td.v2 { background-color: #f1f4f6; }
#certification > .table_outer .table td.v3 { background-color: #f8f7f0; }
#certification > .table_outer .table th:nth-child(1) { width: 22%; }
#certification > .table_outer .table th:nth-child(2) { width: 78%; }

#certification > .table_outer.v1 { }
#certification > .table_outer.v1 .table th:nth-child(1) { width: 15%; }
#certification > .table_outer.v1 .table th:nth-child(2) { width: 40%; }
#certification > .table_outer.v1 .table th:nth-child(3) { width: 40%; }

#certification > .table_outer.v2 { }
#certification > .table_outer.v2 .table th:nth-child(1) { width: 80%; }
#certification > .table_outer.v2 .table th:nth-child(2) { width: 20%; }

#certification > .table_outer.v3 { }
#certification > .table_outer.v3 .table th:nth-child(1) { width: 25%; }
#certification > .table_outer.v3 .table th:nth-child(2) { width: 25%; }
#certification > .table_outer.v3 .table th:nth-child(3) { width: 25%; }
#certification > .table_outer.v3 .table th:nth-child(4) { width: 25%; }

#certification > .table_outer.v4 { margin: 20px 0 0 40px; }
#certification > .table_outer.v4 .table th:nth-child(1) { width: 10%; }
#certification > .table_outer.v4 .table th:nth-child(2) { width: 10%; }
#certification > .table_outer.v4 .table th:nth-child(3) { width: 10%; }
#certification > .table_outer.v4 .table th:nth-child(4) { width: 10%; }
#certification > .table_outer.v4 .table th:nth-child(5) { width: 10%; }
#certification > .table_outer.v4 .table th:nth-child(6) { width: 10%; }
#certification > .table_outer.v4 .table th:nth-child(7) { width: 10%; }
#certification > .table_outer.v4 .table th:nth-child(8) { width: 10%; }
#certification > .table_outer.v4 .table th:nth-child(9) { width: 10%; }
#certification > .table_outer.v4 .table th:nth-child(10) { width: 10%; }

#certification > .table_outer.v5 { margin: 15px 0 0; }
#certification > .table_outer.v5 .table th:nth-child(1) { width: 20%; }
#certification > .table_outer.v5 .table th:nth-child(2) { width: 60%; }
#certification > .table_outer.v5 .table th:nth-child(3) { width: 20%; }

#certification > .table_outer.v6 { margin: 15px 0 0; }
#certification > .table_outer.v6 .table th:nth-child(1) { width: 15%; }
#certification > .table_outer.v6 .table th:nth-child(2) { width: 25%; }
#certification > .table_outer.v6 .table th:nth-child(3) { width: 60%; }
#certification > .table_outer.v6 .table td { padding: 12px 20px; }

#certification > .table_outer.v7 { }
#certification > .table_outer.v7 .table th:nth-child(1) { width: 8%; }
#certification > .table_outer.v7 .table th:nth-child(2) { width: 13%; }
#certification > .table_outer.v7 .table th:nth-child(3) { width: 79%; }

#certification > .table_outer.v8 { }
#certification > .table_outer.v8 .table th:nth-child(1) { width: 8%; }
#certification > .table_outer.v8 .table th:nth-child(2) { width: 16%; }
#certification > .table_outer.v8 .table th:nth-child(3) { width: 76%; }

#certification > .table_outer.v9 .table th:nth-child(1) { width: 22%; }
#certification > .table_outer.v9 .table th:nth-child(2) { width: 78%; }

#certification > .table_outer.v10 .table th:nth-child(1) { width: 20%; }
#certification > .table_outer.v10 .table th:nth-child(2) { width: 20%; }
#certification > .table_outer.v10 .table th:nth-child(3) { width: 20%; }
#certification > .table_outer.v10 .table th:nth-child(4) { width: 20%; }
#certification > .table_outer.v10 .table th:nth-child(5) { width: 20%; }



#certification > .thum_outer { margin: 20px 0 0; padding: 45px 0; border: 1px solid #d7d7d7; line-height: 0; text-align: center; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#certification > .thum_list { margin: 16px 0 0 43px; }
#certification > .thum_list.v1 { margin: 22px 0 0 24px; }
#certification > .thum_list ul { margin: 0; padding: 0; }
#certification > .thum_list li { list-style: none; float: left; width: 49.2%; margin-left: 1.6%; }
#certification > .thum_list li:first-child { margin-left: 0; }
#certification > .thum_list .thum { padding: 20px 0; text-align: center; line-height: 0; border: 1px solid #d7d7d7; line-height: 0; text-align: center; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#certification > .thum_list .thum.v1 { background: url("../images/korea/bg_check.png"); }
#certification > .thum_list .thum_info { margin: 20px 0 0; font-family:'Noto Sans KR'; color:#777777; font-size:15px; line-height:16px; font-weight:300; letter-spacing:-0.5px; text-align: center; }
#certification > .thum_list:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

#certification > .thum_list01 { margin: 20px 0 0 43px; }
#certification > .thum_list01 ul { margin: 0; padding: 0; }
#certification > .thum_list01 li { list-style: none; margin-top: 20px; font-size: 0; border: 1px solid #d7d7d7; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#certification > .thum_list01 li:first-child { margin-top: 0; }
#certification > .thum_list01 .thum { display: inline-block; vertical-align: middle; width: 34%; padding: 25px 0; text-align: center; }
#certification > .thum_list01 .thum_info { display: inline-block; vertical-align: middle; width: 66%; padding: 30px; font-family:'Noto Sans KR'; color:#777777; font-size:15px; line-height:28px; font-weight:300; letter-spacing:-0.5px; text-align: left; border-left: 1px solid #d7d7d7; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#certification > .thum_list01:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

#certification > .thum_list01 .list01_list { margin: 10px 0 10px 15px; }
#certification > .thum_list01 .list01_list ul { margin: 0; padding: 0; }
#certification > .thum_list01 .list01_list li { position: relative; list-style: none; margin-top: 8px; padding-left: 15px; font-family:'Noto Sans KR'; color:#777777; font-size:15px; line-height:28px; font-weight:300; letter-spacing:-0.5px; text-align: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: none; }
#certification > .thum_list01 .list01_list li:after { content: ""; position: absolute; width: 5px; height: 2px; left: 0; top: 13px; background-color: #000000; }
#certification > .thum_list01 .list01_list li:first-child { margin-top: 0; }
#certification > .thum_list01 .list01_list:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}


/* 해외인증 */
#global { margin: 50px auto 0; }
#global ul { margin: 0; padding: 0; }
#global li { list-style: none; margin-top: 50px; padding: 50px 0 0; border-top: 1px solid #d7d7d7; }
#global li:first-child { margin-top: 0; padding: 0 0 0; border-top: none; }
#global:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}
#global .global_title { margin: 0 auto; padding-left: 23px; background: url("../images/business/blet.png") no-repeat left 6px; font-family:'Noto Sans KR'; color:#2a296d; font-size:20px; line-height:20px; font-weight:600; letter-spacing:-0.5px; text-align: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

#global .global_title01 { position: relative; margin: 25px 0 0 25px; padding-left: 18px; font-family:'Noto Sans KR'; color:#0075c4; font-size:16px; line-height:16px; font-weight:400; letter-spacing:-0.5px; text-align: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#global .global_title01.v1 { margin: 45px 0 0 25px; }
#global .global_title01:after { content: ""; position: absolute; width: 10px; height: 10px; left: 0; top: 4px; border: 3px solid #17a2ff; -webkit-border-radius:80px; -moz-border-radius:80px; border-radius:80px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#global p { position: relative; margin: 12px 0 0 45px; padding: 0; font-family:'Noto Sans KR'; color:#777777; font-size:15px; line-height:28px; font-weight:300; letter-spacing:-0.5px; text-align: left; }
#global p i { display: block; }


#global .outer { position: relative; font-size: 0; }

#global .outer .head_thum { position: absolute; width: 310px; right: 10px; top: 0; padding: 40px 0; line-height: 0; text-align: center; border: 1px solid #d7d7d7; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#global .outer .head_info { }

/* 기타 */
#etc { margin: 50px auto 0; font-family:'Noto Sans KR'; color:#777777; font-size:15px; line-height:28px; font-weight:300; letter-spacing:-0.5px; text-align: left; }


@media screen and (max-width:1620px) {
    #wrap { min-width: 1280px; }
	#header { min-width: 1280px; }
    
    /* HEADER */
	#header > .outer { width: auto; }
	#header > .outer h1 { margin: 0 0 0 5%; }


	/* HEADER - GNB */
	#header > .outer .gnb { right: 200px; }
}


@media screen and (max-width:640px) {

	/* LAYOUT */
	#wrap { min-width: 320px; }
	#header { min-width: 320px; height: 76px; }
	#container { min-width: 320px; margin: 76px auto 0; }


	/* HEADER */
	#header > .outer { width: auto; }
    #header > .outer h1 { margin: 0; }
	#header > .outer h1 img { height: 76px; margin-left: 10px; }


	/* HEADER - GNB */
	#header > .outer .gnb { display: none; }
	#header > .outer .gnb_btn { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity:1.0; opacity:1.0; visibility: visible; }


	/* HEADER - LANGUAGE */
	#header > .language { display: none; }


	/* CONTAINER */
	#container > .slide li { list-style: none; height: auto; line-height: 0; }
	#container > .slide .outer { position: absolute; width: 100%; height: auto; left: 0; top: 50%; margin-top: -50px; }
	#container > .slide .outer .inner { position: relative; text-align: center; }
	#container > .slide .outer .inner h2  { display:none; margin: 0; padding: 0 10px; font-size:13px; line-height:30px; letter-spacing:-2px; }
    #container > .slide .outer .inner h2 i { display: none; }
	#container > .slide .outer .inner h3 { margin: 0 0 0 0px; font-size:20px; line-height:32px; }
	#container > .slide .outer .inner p { margin: 0; font-size:20px; line-height:30px; }
	#container > .slide .outer .inner .more { display: none; }
	#container > .slide img.mobile { display: block; }


	/* MAIN - CONTACT */
	#container > .contact { padding-bottom: 60px; }
	#container > .contact h2 { margin: 60px auto 0; font-size:28px; line-height:30px; }
	#container > .contact p { margin: 15px 10% 0; font-size:16px; line-height:24px; }
	#container > .contact .contact_outer { display: block; width: auto; height: auto; margin: 30px 15px 0; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
	#container > .contact .contact_outer .subject { position: relative; width: auto; left: auto; top: auto; margin: 30px auto 0; font-size:20px; line-height:20px; }
	#container > .contact .contact_outer .list { margin: 20px 5% 25px; }
	#container > .contact .contact_outer .list li { width: auto; height: 44px; line-height:44px; margin-bottom: 5px; }
	#container > .contact .contact_outer .list li strong { font-size:18px; line-height:44px; }
	#container > .contact .contact_outer .list a,
	#container > .contact .contact_outer .list a:hover { font-size:18px; line-height:44px; }

	#container > .contact .contact_outer.v1 { margin-top: 10px; }
	#container > .contact .contact_outer.v1 .list a,
	#container > .contact .contact_outer.v1 .list a:hover { line-height:44px; }


	/* MAIN - SERVICE */
	#container > .service h2 { margin: 60px auto 0; font-size:28px; line-height:30px; }
	#container > .service p { margin: 15px 10% 0; font-size:16px; line-height:24px; }
	#container > .service p i { display: block; }

	#container > .service .list { padding: 50px 0 40px; }
	#container > .service .list li { display: block; width: auto; margin: 0 5% 40px; }
	#container > .service .list li .thum { height: auto; }
	#container > .service .list li:hover .thum_img { margin: 0; }
	#container > .service .list li .thum_info { height: auto; margin: -30px -30px 0 30px; padding-bottom: 30px; }
	#container > .service .list li .thum_info h2 { padding: 30px 25px 0; font-size:22px; line-height:26px; }
	#container > .service .list li .thum_info p { margin: 15px 25px 0; font-size:15px; line-height:26px; }
	#container > .service .list li .thum_info p i { display: none; }
	#container > .service .list li .thum_info:after { right: 30px; top: 15px; }


	/* MAIN - PRODUCT */
	#container > .product { width: auto; margin: 80px 5% 40px; }
	#container > .product li { margin: 0; padding: 0 0 40px }
	#container > .product li .thum { display: block; width: auto; box-shadow: 10px 10px 0 #f6f6f6; }
	#container > .product li .thum img { width: 100%; }
	#container > .product li .thum_info { display: block; vertical-align: middle; width: auto; margin: 30px 0 0 0; }
	#container > .product li .thum_info h3 { font-size:28px; line-height:30px; }
	#container > .product li .thum_info p { margin: 15px 0 0; font-size:15px; line-height:24px; }
	#container > .product li .thum_info p i { display: none; }
	#container > .product li .thum_info .btn_more { margin: 30px 0 0; }


	/* MAIN - FAMILY */
	#container > .family { padding: 30px 0; background }
	#container > .family h3 { font-size:22px; line-height:30px; }
	#container > .family .list { margin: 20px 0 0; }
	#container > .family .list li { margin: 0 10px; }
	#container > .family .list li img { height: 25px; }


	/* FOOTER */
	#footer > .outer .inner { width: auto; padding: 40px 0 50px; }

	#footer > .outer .inner .menu ul { text-align: center; }
	#footer > .outer .inner .menu li { margin: 0 10px; padding-left: 0; }
	#footer > .outer .inner .menu li:after { display: none; }

	#footer > .outer .inner .copyright { margin: 14px 0 0; }
	#footer > .outer .inner .copyright ul { text-align: center; }
	#footer > .outer .inner .copyright li { margin: 0 10px; }

	#footer > .outer .inner .family { position: relative; width: auto; height: 32px; margin: 30px 5%; right: auto; top: auto; }


	/* SUB LAYOUT */
	#sub_spot { height: auto; }
	#sub_spot .spot_text { top: 50%; margin-top: -15px; font-size:30px; line-height:30px; }
	#sub_spot img { display: block; }

	#content { width: auto; margin: 50px 3.125% 100px; }
	#content h2 { font-size:26px; line-height:26px; letter-spacing:-1px; }
	#content h2:after { display: none; }


	/* 인사말 */
	#message { margin: 30px auto 0; }
	#message > .thum { display: block; width: auto; }
	#message > .thum img { width: 100%; }
	#message > .thum_info { display: block; width: auto; margin: 40px 10px 0; }
	#message > .thum_info h3 { margin: 0 0 0 -17px; font-size:26px; line-height:26px; }
	#message > .thum_info h4 { margin: 15px 0 0 0; font-size:20px; line-height:34px; }
	#message > .thum_info h5 { margin: 32px 0 0 0; font-size:18px; line-height:32px; }
	#message > .thum_info p i { display: none; }


	/* 연혁 */
	#history { margin: 30px auto 0; }
	#history > .thum { display: block; width: auto; }
	#history > .thum img { width: 100%; }
	#history > .thum_info { display: block; width: auto; margin: 40px 10px 0; }
	#history > .thum_info h3 { margin: 0 0 0 -17px; font-size:26px; line-height:26px; }
	#history > .thum_info h4 { margin: 15px 0 0 0; font-size:20px; line-height:34px; }
	#history > .thum_info h4 i { display: none; }
	#history > .thum_info p i { display: none; }

	#history > .list { margin: 60px 10px 0; }
	#history > .list .outer { width: auto; margin-left: 0; border-left: 1px solid #dadada; }
	#history > .list .outer .inner .year { left: 20px; top: -9px; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 600; font-size: 20px; line-height: 20px; }
	#history > .list .outer .inner .month { left: 2px; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 500; line-height: 24px; color: #010101; letter-spacing: -1px; }
	#history > .list .outer .inner .day { margin: 0 0 0 90px; line-height: 24px; }
	#history > .list .outer .inner .inner_list { padding: 25px 0 60px 20px; }
	#history > .list .outer .inner .inner_list li { margin-bottom: 10px; }

	#history > .list .outer.v1 { border-right: none; border-left: 1px solid #dadada; }
	#history > .list .outer.v1 .inner .dot { left: -6px; right: auto; }
	#history > .list .outer.v1 .inner .year { left: 20px; right: auto; text-align: left; }
	#history > .list .outer.v1 .inner .month { left: 2px; right: auto; text-align: left; }
	#history > .list .outer.v1 .inner .day { margin: 0 0 0 90px; line-height: 24px; text-align: left; }
	#history > .list .outer.v1 .inner .inner_list { padding: 25px 0 60px 20px; }


	/* 지정현황 */
	#appointed { margin: 30px auto 0; }
	#appointed > .thum { display: block; width: auto; }
	#appointed > .thum img { width: 100%; }
	#appointed > .thum_info { display: block; width: auto; margin: 40px 10px 0; }
	#appointed > .thum_info h3 { margin: 0 0 0 -17px; font-size:26px; line-height:26px; }
	#appointed > .thum_info h4 { margin: 15px 0 0 0; font-size:20px; line-height:34px; }
	#appointed > .thum_info h4 i { display: none; }
	#appointed > .thum_info p i { display: none; }
	#appointed > .thum_info .thum_logo img { width: 100%; }

	#appointed > .service li { float: none; width: auto; height: auto; margin: 0 0 30px 0; }
	#appointed > .service .service_title { font-size: 20px; line-height: 50px; }
	#appointed > .service .service_list { margin: 20px; }
	#appointed > .service .service_list li { margin: 0 0 10px 0; padding-left: 22px; }

	#appointed > .list li { padding: 30px 0; }
	#appointed > .list .list_thum { display: block; width: 46%; margin: 0 auto; text-align: center; }
	#appointed > .list .list_thum img { width: 100%; }
	#appointed > .list .list_info { display: block; width: auto; margin: 30px 5%; font-size:20px; }
	#appointed > .list .list_info .info_list li .list_text i { display: none; }
    #appointed > .list .list_info .info_list li .list_title { position: relative; left: auto; top: auto; margin-left:14px; }
	#appointed > .list .list_info .info_list li .list_text { margin: 0 0 0 14px; }
	#appointed > .list .list_logo { display: block; width: auto; margin: 10px 5%; text-align: right; }
	#appointed > .list .list_logo img { height: 25px; }


	/* 찾아오시는 길 */
	#location { margin: 30px auto 0; }
	#location > .tab li { width: 49%; margin: 0 2% 5px 0; height: 42px; }
	#location > .tab li:nth-child(2n) { margin: 0 0 5px 0; height: 42px; }
	#location > .tab a,
	#location > .tab a:hover { font-size:14px; line-height:40px; letter-spacing: -1.5px; }

	#location > .map { height: 300px; margin: 30px 10px 0; border: 3px solid #ececec; }
	#location > .map_title { margin: 30px 10px 0; padding: 0 0 15px 15px; }
	#location > .map_info { margin: 20px 0 0 20px; }


	/* 선언서 */
	#declaration { margin: 30px auto 0; }
	#declaration > .thum { display: block; width: auto; box-shadow: 10px 10px 0 #f1f1f1; }
	#declaration > .thum img { width: 100%; }
	#declaration > .thum_info { display: block; width: auto; margin: 40px 10px 0; text-align: justify; }
	#declaration > .thum_info i { display: none; }


	/* BUSINESS */
	#business { margin: 30px auto 0; }
	#business > .head_info { margin: 0 10px; }
	#business > .head_info i { display: none; }
	#business > .head_thum li { float: none; width: auto; margin-top: 30px; box-shadow: 10px 10px 0 #f1f1f1; }
	#business > .head_thum li img { width: 100%; -webkit-border-top-left-radius:80px; -moz-border-top-left-radius:80px; border-top-left-radius:80px; -webkit-border-bottom-right-radius:80px; -moz-border-bottom-right-radius:80px; border-bottom-right-radius:80px; }
	#business > .head_thum li:first-child { margin: 0; }

	#business > .business_title { font-size:18px; }
	#business > .list { margin: 10px 0 0 10px; }
	#business > .list.v1 li { float: none; width: auto; }

	#business > .table_outer { overflow-x: scroll; }
	#business > .table_outer .table { width: 800px; }
	#business > .table_outer .table th { padding: 18px 0; }
	#business > .table_outer .table td { padding: 10px 10px; line-height: 22px; }
	#business > .table_outer .table th:nth-child(1) { width: 30%; }
	#business > .table_outer .table th:nth-child(2) { width: 30%; }
	#business > .table_outer .table th:nth-child(3) { width: 30%; }

	#business > .table_outer.v2 { margin: 50px 0 0; }

	#business > .photo { margin: 30px auto 0; }
	#business > .photo li { border: 3px solid #e0e0e0; }

	#business > .diagram img { width: 100%; }

	#business > .data li { width: 48%; margin: 0 1% 30px; }
	#business > .data li:nth-child(1) { margin: 0 1% 30px; }
	#business > .data li:nth-child(4) { margin: 0 1% 30px; }

	#business > .diagram01 { margin: 20px auto 0; }
	#business > .diagram01 li { float: none; width: auto; height: auto; margin: 0 0 20px 0; }
	#business > .diagram01 .diagram01_title { line-height:60px; }

	#business > .diagram01.v1 li { width: auto; height: auto; margin: 0 0 20px 0; }


	/* CENTER */
	#center { margin: 30px auto 0; }


	/* 주요업무 */
	#main_business { margin: 30px auto 0; }
	#main_business > .head li { width: 48%; margin-right: 4%; margin-bottom: 30px; }
	#main_business > .head li:nth-child(4n) { margin-right: 4%; }
	#main_business > .head li:nth-child(2n) { margin-right: 0; }
	#main_business > .head .icon { padding: 15px 0; border: 4px solid #f1f1f1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-top-left-radius:40px; -moz-border-top-left-radius:40px; border-top-left-radius:40px; -webkit-border-bottom-right-radius:40px; -moz-border-bottom-right-radius:40px; border-bottom-right-radius:40px; }
	#main_business > .head .icon img { height: 60px; }
	#main_business > .head .icon_text { margin-top: 15px; }

	#main_business > .business_title { font-size:18px; }

	#main_business > .table_list { margin: 10px auto 80px; }
	#main_business > .table_list li { float: none; width: auto; height: auto; margin-left: 0; margin-bottom: 20px; }
	#main_business > .table_list li.v1 { width: auto; height: auto; }
	#main_business > .table_list li.v2 { width: auto; height: auto; }
	#main_business > .table_list .icon img { height: 60px; }
	#main_business > .table_list .list_title { margin: 30px 20px 0; }
	#main_business > .table_list .list { margin: 15px 20px 30px; }

	#main_business > .table td { line-height:24px; }

	#main_business > .list01 li { float: none; width: auto; }


	/* 국내인증 */
	#certification { margin: 30px auto 0; }
	#certification > .certification_title { font-size:18px; }
	#certification > .certification_title.v1 { margin: 50px auto 0; }

	#certification > .outer .head_thum { opacity: 0.05; }

	#certification .certification_title01 { line-height:20px; }
	#certification .certification_title01:after { top: 5px; }

	#certification .certification_list02 { margin: 10px 0 25px 45px; }

	#certification .certification_list02.v2 li { float: none; width: auto; margin-top: 8px; }

	#certification > .table_outer { margin: 20px 0 0; }
	#certification > .table_outer .table td { padding: 10px 10px; line-height: 22px; }
	#certification > .table_outer .table td i { display: none; }

	#certification > .table_outer.v4 { margin: 20px 0 0 40px; }

	#certification > .table_outer.v7 .table th:nth-child(2) { width: 20%; }
	#certification > .table_outer.v7 .table th:nth-child(3) { width: 72%; }

	#certification > .table_outer.v8 .table th:nth-child(2) { width: 20%; }
	#certification > .table_outer.v8 .table th:nth-child(3) { width: 72%; }
    
    #certification > .table_outer.v9 .table th:nth-child(1) { width: 70%; }
	#certification > .table_outer.v9 .table th:nth-child(2) { width: 30%; }

	#certification > .thum_outer { margin: 20px 0 0; padding: 30px 0; }
	#certification > .thum_outer img { width: 90%; }

	#certification > .thum_list { margin: 16px 0 0 26px; }
	#certification > .thum_list li { float: none; width: auto; margin: 30px 0 0 0; }
	#certification > .thum_list li:first-child { margin: 0; }
	#certification > .thum_list .thum { padding: 20px 0; }
	#certification > .thum_list .thum img { height: 100px; }
	#certification > .thum_list .thum_info { margin: 10px 0 0; }

	#certification > .thum_list01 { margin: 20px 0 0 0; }
	#certification > .thum_list01 .thum { vertical-align: top; width: 30%; padding: 25px 2%; }
	#certification > .thum_list01 .thum img { width: 100%; }
	#certification > .thum_list01 .thum_info { width: 66%; padding: 25px 15px; }

	#certification > .thum_list01 .list01_list { margin: 10px 0 10px 0; }
	#certification > .thum_list01 .list01_list li { margin-top: 5px; padding-left: 12px; line-height:24px; }
	#certification > .thum_list01 .list01_list li:after { top: 12px; }


	/* 해외인증 */
	#global { margin: 30px auto 0; }
	#global li { border-top: none; }
	#global > .global_title { font-size:18px; }

	#global p { margin: 12px 10px 0 45px; text-align: justify; }
	#global p i { display: none; }

	#global .outer .head_thum { position: relative; width: auto; right: auto; top: auto; margin: 30px 0; padding: 20px 0; }
	#global .outer .head_thum img { height: 90px; }


}