@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css); 
@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css); 
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); 

@font-face {font-family:ns; src:url(/font/notokr-regular.eot); src:local('※'), url(/font/notokr-regular.woff) format('woff');}
@font-face {font-family:ns; font-weight:100; src:url(/font/notokr-demilight.eot); src:local('※'), url(/font/notokr-demilight.woff) format('woff');}
@font-face {font-family:ns; font-weight:500; src:url(/font/notokr-medium.eot); src:local('※'), url(/font/notokr-medium.woff) format('woff');}
@font-face {font-family:bb; font-weight:500; src:url(/font/BebasNeue.eot); src:local('※'), url(/font/BebasNeue.woff) format('woff');}
@font-face {font-family:ns; src:url(/font/notokr-regular.eot); src:local('※'), url(/font/notokr-regular.woff) format('woff');}



*,body {margin:0; padding:0;}
body {font-family:ns,dotum,gullim,Tahoma,Arial,Helvetica,sans-serif;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,select,button,
body,td,form,select,input,button,textarea,div,option,pre,p,span,blockquote,li,dt,dd,legend,label,h1,h2,h3,h4,h5,h6 {position:relative;}
div, header, nav, ol, ul, li, article, section, footer, img, a, p, span, h1, h2, h3, h4, h5, h6, hgroup, input, select, figure, figcaption, textarea, fieldset {position:relative;}
label,button,input[type=button],input[type=submit],input[type=image] {cursor:pointer;}

img {border:none;}
a {text-decoration:none;}
li {list-style:none;}
label {cursor:pointer; color:#666;}
select {cursor:pointer; border:1px solid #ddd; font-size:12px; color:#666;}

.clr {clear:both;}
.overfl {overflow:hidden;}
.mrt0 {margin-top:0 !Important;}
.pdt0 {padding-top:0 !important;}
.mrt10 {margin-top:10px !Important;}
.mrt30 {margin-top:30px !Important;}
.mrt50 {margin-top:50px !Important;}
.mrt70 {margin-top:70px !Important;}
.mrt90 {margin-top:90px !Important;}
.mrt100 {margin-top:100px !Important;}
.fll {float:left;}
.flr {float:right;}
.db1 {display:inline-block;}
.dn1 {display:none;}
.display_block {display:block !important;}
strong {font-weight:500;}







/* ================================= 공통 ================================= */
nav {width:100%;}
nav::after {content:"";}
#gnb > li {background:url(/img/bar03.jpg) no-repeat right center;}
.gnbwrap {height:95px; line-height:95px;}
.gnbwrap h1 {height:85px; line-height:85px;}
.subgnb {display:none; z-index:991102699;}
.subgnb li {font-size:14px; background:rgba(255,255,255,0.7); height:50px; line-height:50px; border-bottom:1px solid #ddd; transition:background 0.5s; letter-spacing:-0.07em; font-weight:400;}
.subgnb li:Hover {background:#fff;}
.subgnb li a {color:#000; display:block;}



footer {width:100%; margin:100px auto 0 auto; overflow:hidden; background:#f8f8f9;}
footer div {overflow:hidden; padding:30px 0;}
footer figure {float:left;}
footer article {text-align:right; font-size:13px; color:#000; line-height:16px;}
footer article a {color:#000;}
footer p {background:#333; font-size:10px; text-transform:uppercase; color:#fff; text-align:center; width:100%; height:40px; line-height:40px;}


.scale {transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transition:all 0.3s ease-in-out; /* 부드러운 모션을 위해 추가*/}
.scale:hover {transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); -o-transform:scale(1.2);}







/* ================================= 메인 ================================= */
#mainvisual_new {margin:1px auto 0 auto; overflow:hidden; font-family:"NanumSquare"; width:100%; height:783px !important;}
#mainvisual_new .slidesjs-container {width:100% !important; height:783px !important;}
#mainvisual_new .slidesjs-control {width:100% !important; height:783px !important;}

#mainvisual_new .slidesjs-control li:first-child {z-index:99 !important;}
#mainvisual_new .slidesjs-control li:nth-child(2) {z-index:98 !important;}
#mainvisual_new .slidesjs-control li:nth-child(3) {z-index:97 !important;}
#mainvisual_new .slidesjs-control li:nth-child(4) {z-index:96 !important;}
#mainvisual_new .slidesjs-control li:nth-child(5) {z-index:95 !important;}
#mainvisual_new .slidesjs-control li:nth-child(6) {z-index:94 !important;}

#mainvisual_new .slidesjs-pagination {position:absolute; bottom:30px; width:100%; left:0; text-align:center; z-index:102;}
#mainvisual_new .slidesjs-pagination li {display:inline-block;}
#mainvisual_new .slidesjs-pagination li a {color:#fff; z-index:100; font-size:0; width:60px; height:3px; background:#999; display:Block; margin:0 0 0 8px; transition:background 0.5s;}
#mainvisual_new .slidesjs-pagination li a:hover, #mainvisual_new .slidesjs-pagination li a.active {width:60px; background:#fff;}

#mainvisual_new .slidesjs-previous, .slidesjs-next {display:block; position:absolute; top:360px; z-index:310; font-size:0; width:78px; height:78px;}
#mainvisual_new .slidesjs-previous {background:url(/img/mainarrow_left.png) no-repeat center; left:30px;}
#mainvisual_new .slidesjs-next {background:url(/img/mainarrow_right.png) no-repeat center; right:30px;}

.maintxt {width:100%; position:absolute; left:0; top:0; z-index:300; overflow:hidden; color:#FFF; text-align:left;}
.article_mtxt {background:url(/img/maintxtbg.png) no-repeat; overflow:hidden; text-align:left;}
.article_mtxt h3 {margin:0; heighT:40px;}
.article_mtxt h1 {height:61px; padding:40px 0 50px 0;}
.article_mtxt h2 {font-size:20px; color:#fff; font-weight:400; line-height:33px; padding:40px 0 0 0; font-family:"NanumSquare"; font-weight:100; letter-spacing:-0.05em; background:url(/img/bar01.jpg) no-repeat left top;}


/* 메인01 */
#main01 {overflow:Hidden; width:100%; background:#f8f8f8; overflow:Hidden;}
#main01 hgroup {text-align:center; overflow:hidden;}
#main01 hgroup h3 {opacity:0.6; font-size:12px; letter-spacing:0.051em; color:#272727; font-weight:400; text-transform:uppercase;}
#main01 hgroup h1 {font-family:"NanumSquare"; color:#272727; letter-spacing:-0.07em; font-weight:100; background:url(/img/arrow_bottom.png) no-repeat center bottom;}

.div_main01 {overflow:hidden; margin:50px auto 0 auto; padding:0 0 10px 0;}
.div_main01 section {transition:border 0.5s, box-shadow 0.5s; border:1px solid #ebebeb; text-align:center; background:#fff;}
.div_main01 section figure {margin:0 auto;}
.div_main01 section h3 {font-size:10px; color:#888; letter-spacing:0.05em; margin:30px auto 10px auto; text-transform:uppercase; font-weight:400;}
.div_main01 section h1 {font-size:24px; letter-spacing:-0.05em; color:#272727; font-family:"NanumSquare"; margin:20px auto; line-height:24px; height:23px;}
.div_main01 section article {line-height:22px; font-size:15px; color:#727272;}
.div_main01 section > a {transition:background 0.5s, border 0.5s, color 0.5s; display:block; margin:20px auto 0 auto; width:110px; height:33px; line-height:33px; border:1px solid #eee; color:#fff; text-transform:uppercase; font-size:10px; letter-spacing:0.05em; color:#333;}
.div_main01 section:hover {border:1px solid #ff761b; -webkit-box-shadow:7px 7px 0px 0px rgba(50, 50, 50, 0.12); -moz-box-shadow:7px 7px 0px 0px rgba(50, 50, 50, 0.12); box-shadow:7px 7px 0px 0px rgba(50, 50, 50, 0.12);}
.div_main01 section:hover > a {background:#ff761b; border:1px solid #ff761b; color:#fff;}
.plusbtn {display:block; position:absolute; right:0; top:0;}




/* 메인02 */
#main02 {width:100%; padding:80px 0; background:url(/img/main02bg.jpg) no-repeat center top; text-align:center; font-family:"NanumSquare";}
#main02 h3 {font-size:22px; color:#d4d4d4; letter-spacing:-0.05em; font-weight:100;}
#main02 h1 {font-size:41px; color:#fff; padding:30px 0 40px 0; background:url(/img/bar01.jpg) no-repeat center bottom; letter-spacing:-0.05em; font-weight:100;}
#main02 h1 strong {font-weight:900; color:#ff8644;}
#main02 h1 br, #main02 h3 br {Display:none;}
#main02 article {margin:40px auto 0 auto; line-height:30px; color:#fff; letter-spacing:-0.05em;}
#main02 > a {Display:block; width:178px; height:48px; background:rgba(212,111,56,0.8); border-radius:30px; line-height:48px; color:#fff; margin:40px auto 0 auto;}




/* 메인03 */
#main03 {padding:100px 0 0 0; overflow:Hidden; width:100%; overflow:Hidden;}
#main03 hgroup {text-align:center; overflow:hidden;}
#main03 hgroup h3 {opacity:0.6; font-size:12px; letter-spacing:0.051em; color:#272727; font-weight:400; text-transform:uppercase;}
#main03 hgroup h1 {font-family:"NanumSquare"; font-size:40px; color:#272727; letter-spacing:-0.07em; font-weight:100; padding:30px 0 60px 0; background:url(/img/arrow_bottom.png) no-repeat center bottom;}

#main03 ul {overflow:Hidden;}
#main03 ul li {transition:display 0.5s;}
#main03 ul li:first-child {margin:9px 0 0 0;}
#main03 ul li a {display:block;}
#main03 ul li figure {}
#main03 ul li figcaption {position:absolute; background:rgba(0,0,0,0.5); top:0; left:0; text-align:Center; width:100%; display:none;}
#main03 ul li:hover figcaption {display:block;}
#main03 ul li figcaption h4 {Font-size:11px; text-align:center; color:#fff; text-transform:uppercase; color:#ddd;}
#main03 ul li figcaption h1 {color:#fff;}
#main03 ul li p {width:120px; height:40px; line-height:40px; border:1px solid #fff; text-align:center; margin:0 auto; color:#fff; font-size:13px; transition:background 0.5s;}
#main03 ul li p:hover {background:#fff; color:#000; font-weight:500;}





/* ================================= 서브 ================================= */
@font-face {font-family:'Cafe24Simplehae'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.1/Cafe24Simplehae.woff') format('woff'); font-weight:normal; font-style:normal;}
.subvis00 {width:100%; height:400px; text-align:Center; overflow:Hidden;}
.subvis00 h3 {font-family:'Cafe24Simplehae'; font-size:13px; color:#fff; opacity:0.6; margin:84px auto 0 auto; text-transform:uppercase; letter-spacing:0.05em;}
.subvis00 h1 {font-family:'Cafe24Simplehae'; font-size:50px; color:#fff; text-align:center; margin:30px auto;}
.subvis00 p {font-size:15px; color:#fff; line-height:27px; padding:70px 0 0 0; background:url(/img/arrow03.png) no-repeat center top;}

.subvis01 {background:url(/img/subvis01.jpg) no-repeat top center; background-attachment:fixed;}
.subvis02 {background:url(/img/subvis02.jpg) no-repeat top center; background-attachment:fixed;}
.subvis03 {background:url(/img/subvis03.jpg) no-repeat top center; background-attachment:fixed;}
.subvis04 {background:url(/img/subvis04.jpg) no-repeat top center; background-attachment:fixed;}
.subvis05 {background:url(/img/subvis05.jpg) no-repeat top center; background-attachment:fixed;}
.subvis06 {background:url(/img/subvis06.jpg) no-repeat top center; background-attachment:fixed;}
.subvis07 {background:url(/img/subvis07.jpg) no-repeat top center; background-attachment:fixed;}

.subnavigation {width:100%; overflow:Hidden; height:50px; border-bottom:1px solid #e6e6e6;}
.subnavigation ul {border-right:1px solid #e6e6e6; height:50px; text-align:Center; float:right;}
.subnavigation li {height:50px; line-height:50px; float:left; border-left:1px solid #e6e6e6; padding:0 20px;}
.subnavigation li:first-child {width:20px;}
.subnavigation li select {display:block; height:50px; width:160px; border:none; font-size:13px; font-family:ns,dotum,gullim,Tahoma,Arial,Helvetica,sans-serif;}


#subpage {width:100%; overflow:Hidden; padding:70px 0 0 0;}
.hgroup_sub {text-align:center; background:url(/img/bar04.jpg) no-repeat center bottom; padding:0 0 50px 0;}
.hgroup_sub h3 {font-family:'Cafe24Simplehae'; font-size:13px; color:#949494; text-transform:uppercase;}
.hgroup_sub h1 {font-family:'Cafe24Simplehae'; font-size:49px; background:url(/img/bg01.png) left 30px repeat-x; color:#303030; font-weight:400; margin:25px auto 0 auto;}

.subwrap {margin:120px auto 0 auto; overflow:hidden;}
.h1title {overflow:hidden; line-height:50px; margin:0 0 40px 0;}
.h1title span {display:block; width:3px; height:50px; float:left; background:#000;}
.h1title strong {display:block; float:left; font-size:20px; color:#000; margin:0 0 0 20px; font-family:"NanumSquare"; letter-spacing:-0.07em;}


.sub00 {overflow:hidden;}




/* ========= 서브01 ========= */
/* 서브0101 */
.sub0101_01 {text-align:Center;}
.sub0101_01 h3 {font-family:"NanumSquare"; font-size:23px; color:#222; font-weight:400; letter-spacing:-0.08em; line-height:35px;}
.sub0101_01 article {font-size:16px; line-height:28px; color:#555; margin:35px auto 0 auto; letter-spacing:-0.08em;}
.sub0101_01 article strong {font-size:17px; color:#000;}
.sub0101_01 > div {overflow:hidden;}
.sub0101_01 > div figure {overflow:hidden;}
.sub0101_01 > div figure:First-child {margin:0;}
.sub0101_01 > div figure img {width:100%;}
.map001 {width:100% !important;}









/* ========= 서브02 ========= */
/* 서브0201 */
.sub0201_01 {text-align:Center;}
.sub0201_01 h3 {font-family:"NanumSquare"; font-size:20px; color:#222; font-weight:400; letter-spacing:-0.08em; line-height:35px;}
.sub0201_01 article {font-size:16px; line-height:28px; color:#555; margin:35px auto 0 auto; letter-spacing:-0.08em;}
.sub0201_01 article strong {font-size:17px; color:#000;}
.sub0201_01 > div {overflow:hidden;}
.sub0201_01 > div figure {overflow:hidden; cursor:Pointer;}
.sub0201_01 > div figure:First-child {margin:0;}
.sub0201_01 > div figure img {width:100%;}
.map001 {width:100% !important;}
.sub02 figcaption {text-align:center; height:40px; line-height:40px; border-bottom:1px solid #ddd; font-size:14px;}

.sub0201_02 {overflow:hidden; width:100%; margin:90px auto;}
.sub0201_02 section {border:1px solid #e5e5e5; padding:40px 0; text-align:center; letter-spacing:-0.07em; float:left;}
.sub0201_02 h2 {width:58px; height:58px; border-radius:30px; line-height:58px; font-size:29px; color:#fff; font-family:"NanumSquare"; margin:0 auto;}
.sub0201_02 h6 {font-size:10px; color:#797979; letter-spacing:0.05em; line-height:10px; margin:20px auto 0 auto; text-transform:uppercase; font-weight:100 !important;}
.sub0201_02 h1 {font-size:25px; font-family:"NanumSquare"; margin:20px auto; background:url(/img/bar05.jpg) no-repeat center bottom; font-weight:400; line-height:22px; padding:0 0 19px 0;}
.sub0201_02 p {font-size:15px; color:#333; line-height:24px;}

.sub0201_02LASER h2 {background:#ff9829;}
.sub0201_02LASER h1 {color:#ff9829;}

.sub0201_02NCT h2 {background:#d25d53;}
.sub0201_02NCT h1 {color:#d25d53;}

.popup_wrap00 {position:fixed; z-index:9999; display:none;} 
.mask {width:100%; height:100%; position:fixed; background:rgba(0,0,0,0.9) repeat; top:0; left:0; z-index:999; display:none;} 
.h1_title {width:calc( 100% - 20px ); height:30px; line-height:30px; font-size:12px; background:#333; color:#fff; text-align:left; overflow:hidden; padding:0 10px; font-weight:400;}
.h1_title strong {display:block; float:left; font-weight:400;}
.h1_title a {float:right; display:block; margin:3px 0 0 0; overflow:hidden; cursor:pointer;}
.h1_title a img {width:15px;}

.subboard {margin:55px auto 0 auto;}


.sub0204 {}
.sub0204 section {background:#f9f9f9; text-align:Center; margin:40px auto 0 auto;}
.sub0204 section figure img {display:block; margin:0 auto;}
.sub0204 section h3 {width:70px; height:23px; line-height:23px; margin:26px auto 20px auto; font-size:13px; color:#fff; text-transform:uppercase; font-weight:400;}
.sub0204 section h1 {font-size:19px; color:#232323; letter-spacing:-0.05em;}
.sub0204 p {}


.sub0204_01 h3 {background:#fccbd3;}
.sub0204_02 h3 {background:#fb9d80;}
.sub0204_03 h3 {background:#e2c23e;}
.sub0204_04 h3 {background:#64ade5;}
.sub0204_05 h3 {background:#75ba83;}
.sub0204_06 h3 {background:#6f85b7;}
.sub0204_07 h3 {background:#a974ca;}
.sub0204_08 h3 {background:#735333;}









/* ========= 서브05 ========= */
.sub04 {background:#fafafa; overflow:Hidden; -webkit-box-shadow:7px 7px 0px 0px rgba(50, 50, 50, 0.2); -moz-box-shadow:7px 7px 0px 0px rgba(50, 50, 50, 0.2); box-shadow:7px 7px 0px 0px rgba(50, 50, 50, 0.2);}
.sub04 ul {overflow:hidden;}
.sub04 ul li {overflow:hidden; margin:0 0 30px 0;}
.sub04 ul li strong {display:block; font-size:17px; float:left; font-family:"NanumSquare"; letter-spacing:-0.07em; font-weight:600; height:40px; line-height:40px;}
.sub04 ul li input {display:block; float:left; height:40px; line-height:40px; border:1px solid #ddd;}
.sub04 ul li > label {display:Block; float:left; overflow:hidden; margin:0 15px 0 0; height:40px; line-height:40px;}

.sub04 ul li > label span {display:block; float:left; color:#222; margin:0 0 0 5px;}
.sub04 textarea {display:block; border:1px solid #ddd;}
#atag_04 {width:220px; font-family:"NanumSquare"; background:#ff7e37; color:#fff; font-size:20px; letter-spacing:-0.07em; border-radius:30px; border:none; height:50px; line-height:50px; margin:20px auto 0 auto; display:block;}














/*가로가 1200 부터 반응*/
@media screen and (min-width:1200px)
{

header {width:100%; background:#fff; overflow:Hidden; height:39px; line-height:39px; border-bottom:1px solid #eee;}
.additionmenu {}
.additionmenu > a {float:left;}
.additionmenu > ul {float:right; overflow:hidden; background:url(/img/bar02.png) no-repeat right center;}
.additionmenu > ul li {padding:0 13px; background:url(/img/bar02.png) no-repeat left center; float:left;}
.additionmenu a {color:#333; float:left; font-size:13px;}



.px1200 {width:1200px; margin:0 auto;}
.px1400 {width:1400px; margin:0 auto;}
#header_MOBILE {display:none;}

.gnbwrap h1 {float:left; padding:10px 0 0 0;}
#gnb {float:right; background:url(/img/bar03.jpg) no-repeat left center;}
#gnb > li {float:left; width:150px; height:95px; line-height:95px; text-align:Center; font-size:17px; letter-spacing:-0.07em;}
#gnb > li > a {display:block; color:#222; transition:background 0.5s; font-family:"NanumSquare";}
#gnb > li > a:hover, .hov1 {background:#333; color:#fff !important;}


#mobile_mainvisual {display:none;}
.article_mtxt {width:1200px; margin:370px auto 0 auto;}
#main01 {padding:100px 0;}
#main01 hgroup h1 {font-size:40px; padding:30px 0 60px 0;}
.div_main01 section {width:278px; padding:45px 0; float:left; margin:0 0 0 26px;}
.div_main01 section:first-child {margin:0;}
#main02 article {font-size:18px;}
#main03 ul li {float:left; width:293px; height:293px; margin:9px 0 0 9px; font-family:"NanumSquare";}
#main03 ul li figcaption {padding:86px 0;}
#main03 ul li figcaption h1 {font-size:20px; margin:20px auto;}



.sub00 {width:1200px; margin:40px auto 0 auto;}
.sub0101_01 > div {margin:80px auto 0 auto;}
.sub0101_01 > div figure {float:left; margin:0 0 0 30px; width:380px; height:380px;}
.map001 {margin:55px auto 0 auto !important;}


.sub0201_01 > div {margin:80px auto 0 auto;}
.sub0201_01 > div figure {float:left; margin:0 0 0 30px; width:380px; height:285px;}
.sub0201_01 > div figure img {display:block;}
.popup_wrap00 {width:720px; margin:-300px 0 0 -360px; top:50%; left:50%;}

.sub0201_02 section {width:275px; margin:0 0 0 30px;}
.sub0201_02 section:first-child {margin:0;}

.sub0204 section {float:left; width:254px; padding:45px 0; text-align:center;}
.sub0204:first-child section:first-child {margin:40px 0 0 40px;}
.sub0204 p {float:left; width:40px; height:276px; background:url(/img/arrow_0204.png) no-repeat center; text-align:Center; margin:40px auto 0 auto;}
.sub0204 h1 {font-family:"NanumSquare";}


.sub04 {width:940px !important; padding:50px;}
.sub04 ul:first-child li {float:left; margin-right:20px;}
.sub04 ul:first-child li input {width:300px;}
.sub04 ul li strong {width:100px;}
.sub04 textarea {width:80%; padding:30px; min-height:300px; font-family:"NanumGothic", "Nanum Gothic", "나눔고딕";}


}



@media screen and (min-width:769px) and (max-width:1199px)
{
header {width:100%; background:#fff; overflow:Hidden; height:39px; line-height:39px; border-bottom:1px solid #eee;}
.additionmenu {}
.additionmenu > a {float:left;}
.additionmenu > ul {float:right; overflow:hidden; background:url(/img/bar02.png) no-repeat right center;}
.additionmenu > ul li {padding:0 13px; background:url(/img/bar02.png) no-repeat left center; float:left;}
.additionmenu a {color:#333; float:left; font-size:13px;}





.px1200 {width:90%; margin:0 auto;}
#header_MOBILE {display:none;}
nav .px1200 {width:100%;}
.gnbwrap h1 {margin:0 auto; text-align:center;}
#gnb {width:100%; background:url(/img/bar03.jpg) no-repeat left center; height:50px; line-height:50px; border-top:1px solid #eee; }
#gnb > li {width:20%; height:50px; line-height:50px; text-align:Center; font-size:17px; letter-spacing:-0.07em; float:left;}
#gnb > li > a {display:block; color:#222; transition:background 0.5s; font-family:"NanumSquare";}
#gnb > li > a:hover, .hov1 {background:#333; color:#fff !important;}

footer article {font-size:12px;}


#mobile_mainvisual {display:none;}
.article_mtxt {width:90%; margin:370px auto 0 auto;}
#mainvisual_new .slidesjs-previous, .slidesjs-next {top:260px;}

#main01 {padding:100px 0;}
#main01 hgroup h1 {font-size:40px; padding:30px 0 60px 0;}
.div_main01 section {width:49%; padding:45px 0; margin:1% auto 0 auto;}
.div_main01 section:nth-child(odd) {float:left;}
.div_main01 section:nth-child(even) {float:right;}

#main02 article {font-size:17px; width:90%;}
#main02 article br {display:none;}

#main03 ul li {float:left; margin:9px 0 0 9px; width:calc( 25% - 9px );}
#main03 ul li img {width:100%;}
#main03 ul li figcaption {padding:calc(( 100% - 105px) / 2 ) 0;}
#main03 ul li figcaption h1 {font-size:15px; font-weight:500; margin:13px auto;}


.sub00 {width:90%; margin:40px auto 0 auto;}
.sub0101_01 > div {margin:50px auto 0 auto;}
.sub0101_01 > div figure {float:left; margin:0 0 0 2%; width:32%;}
.map001 {margin:35px auto 0 auto !important;}


.sub0102_01 > div {margin:50px auto 0 auto;}
.sub0102_01 > div figure {float:left; margin:0 0 0 2%; width:32%;}
.popup_wrap00 {width:720px; margin:-300px 0 0 -360px; top:50%; left:50%;}
.sub0201_01 h3 br {display:none;}
.sub0201_02 {widtH:634px; margin:40px auto;}
.sub0201_02 section {width:275px; margin:20px;}

.sub0204 {text-align:Center;}
.sub0204 section {display:inline-block; width:135px; padding:25px 0; text-align:center; margin:0 auto;}
.sub0204 section figure img {width:70px;}
.sub0204 section h1 {font-size:13px; font-weight:400;}
.sub0204 p {display:inline-block; width:40px; height:167px; background:url(/img/arrow_0204.png) no-repeat center; text-align:Center; margin:0 auto; letter-spacing:-0.07em;}
.sub0204:nth-child(2) {margin:30px 0 0 0;}
.sub0204:nth-child(2) p:first-child {display:none;}


.sub04 {width:80% !important; padding:5%;}
.sub04 ul:first-child li {float:left; margin-right:20px;}
.sub04 ul:first-child li input {width:300px;}
.sub04 ul li strong {width:100px;}
.sub04 textarea {width:70%; padding:30px; min-height:300px; font-family:"NanumGothic", "Nanum Gothic", "나눔고딕";}

}



@media screen and (min-width:0px) and (max-width:768px)
{
img {max-width:100%;}
.px1200 {width:90%; margin:0 auto;}
#pcheader, #pcnav {display:none;}
#header_PC {display:none;}
header {width:100%; position:fixed; top:0; left:0; height:80px; background:#fff; z-index:99999;}
header::after {content:"";}
.addition {width:100%; padding:20px 0;}
.addition > h1 {text-align:center;}
.addition > h1 img {vertical-align:middle; max-width:200px; display:block; margin:4px auto;}
.addition > h1 a {display:block;}
.fixed1, .fixed2 {position:absolute; z-index:999; height:32px; top:25px;}
.fixed1 img, .fixed2 img {width:35px; height:35px;}
.fixed1 {left:10px;}
.fixed2 {right:10px;}

#sidebar {width:260px; height:100%; background:#fff; box-shadow:-1px 3px 28px rgba(84, 84, 84, 0.12); z-index:99999999999999999999999;}
.tuxedo-menu.tuxedo-menu-fixed {position:fixed; top:0; left:0; padding:0 20px; overflow:auto; z-index:11919911026; opacity:1;}
.tuxedo-menu {background:#fafafa; -webkit-animation-duration:200ms; animation-duration:200ms; display:none;}
.tuxedo-menu.tuxedo-menu-visible {display:block;}

.navXbtn01 {margin:20px auto 0 auto; text-align:right;}
.nav01 {overflow:hidden;}
.nav01 > h1 {height:31px;}
.nav01 p {font-size:13px; color:#888; margin:16px auto 0 auto;}
.nav01 .ul_nav011 {margin:22px auto 0 auto; overflow:Hidden;}
.nav01 .ul_nav011 li {width:122px; height:33px; line-height:33px; text-align:center; text-transform:uppercase; font-size:10px;}
.nav01 .ul_nav011 li:first-child {border:1px solid #262626; background:#262626; float:left;}
.nav01 .ul_nav011 li:first-child a {color:#fff;}
.nav01 .ul_nav011 li:last-child {border:1px solid #ebebeb; background:#fff; float:Right;}
.nav01 .ul_nav011 li:last-child a {color:#868686;}
.nav01 li a {display:block;}
.ul_nav012 li {width:25%; font-size:10px; text-align:center; float:left; text-transform:uppercase; margin:20px auto 0 auto;}
.ul_nav012 li a {color:#8e8e8e;}

.h1_nav01 {font-size:10px; color:#333; font-weight:500; margin:30px auto 0 auto; text-transform:uppercase; padding:0 0 10px 0; border-bottom:1px solid #333;}
.nav_cate01 {width:100%;margin:0 auto; text-transform:uppercase;}
.nav_cate01 > li {font-size:13px; background:#fff url(/img/tri01.jpg) no-repeat 240px 16px; background-size:5px;}
.nav_cate01 > li.active {font-size:13px; background:#fff url(/img/tri02.jpg) no-repeat 238px 16px; ;}

.nav_cate01 > li > a {color:#111; border-bottom:1px solid #eee; font-weight:500;}
.nav_cate01 a {display:block; padding:0 15px; width:230px; height:40px; line-height:40px;}
.nav_cate01 li:last-child .subgnb01 > li:last-child {border-bottom:none;}

.subgnb01 > li {background:#fbfbfb; font-size:13px; font-weight:normal;}
.subgnb01 > li:last-child {border-bottom:1px solid #eee;}
.subgnb01 > li > a {color:#333;}

.section_ma02cscenter {background:#fff; text-align:center; margin:5px auto 30px auto; border-bottom:1px solid #ddd;}
.section_ma02cscenter > h1 {height:23px; overflow:Hidden;}
.section_ma02cscenter > h1 strong {display:block; font-size:18px; color:#111; float:left;}
.section_ma02cscenter > h1 span {display:block; color:#999; letter-spacing:0.2em; margin:0 0 0 8px; font-size:10px; font-weight:100; float:left; line-height:18px;}
.section_ma02cscenter div {overflow:Hidden; height:35px; padding:10px 0 15px 0; text-align:center;}
.section_ma02cscenter div h1 {font-size:26px; left:-5px; letter-spacing:-0.05em; font-weight:600; line-height:38px; color:#2d6cad;}
.section_ma02cscenter div h1 a {color:#f26c12;}
.section_ma02cscenter ul {overflow:Hidden; margin:10px auto 20px auto; text-align:left; overflow:hidden;}
.section_ma02cscenter ul li {font-size:13px; color:#333; letter-spacing:-0.05em; line-height:20px;}
.section_ma02cscenter ul li:nth-child(odd) {color:#ffa303; font-weight:500; margin:0 5px 0 0;}
.section_ma02cscenter p {font-size:13px; text-align:center; letter-spacing:-0.1em;}
.section_ma02cscenter h3 {background:#ffa303; color:#fff; text-align:center; margin:20px auto 0 auto; font-size:13px; padding:10px; font-weight:400;}


footer {margin:50px auto 0 auto;}
footer figure, footer article {float:none; text-align:center;}
footer article {margin:20px auto 0 auto; line-height:20px; text-align:justify; letter-spacing:-0.07em;}
footer article br {display:none;}


#mainvisual_new {display:none;}
#mobile_mainvisual {margin:55px auto 0 auto;}
html[xmlns] .flexslider .slides {display:block;}
* html .flexslider .slides {height:1%;}
.no-js .flexslider .slides > li:first-child {display:block;}
.flexslider .slides > li {display:none; -webkit-backface-visibility:hidden;}
.flexslider .slides > li img {width:100%; display:block;}
.flexslider .slides:after {content:"\0020"; display:block; clear:both; visibility:hidden; line-height:0; height:0;}
.flex-direction-nav .flex-prev {left:0;}
.flex-direction-nav .flex-next {right:0; text-align:right;}
.flex-control-paging {text-align:center; position:absolute; width:100%; bottom:20px;}
.flex-control-paging li {text-align:center; display:inline-block; padding:0 7px 0 0;}
.flex-control-paging li:first-child {padding:0 5px 0 10px;}
.flex-control-paging li a {display:block; width:8px; height:8px; font-size:0; border:1px solid #aaa; border-radius:30px;}
.flex-control-paging li a.flex-active {background:#fff; width:50px; border:none; border:1px solid #333;}
.flex-direction-nav {width:100%; position:absolute; top:40%;}
.flex-direction-nav li {position:absolute;}
.flex-direction-nav li a {display:block; font-size:0; width:35px; height:35px;}


#main01 {padding:50px 0;}
#main01 hgroup h1 {font-size:30px; padding:20px 0 35px 0; background-size:30px;}
.div_main01 {margin:30px auto 0 auto;}
.div_main01 section {width:calc( 100% - 2px ); padding:25px 0; margin:20px auto 0 auto; float:none;}
.div_main01 section figure {width:110px; height:110px;}
.div_main01 section figure img {width:100%;}
.div_main01 section h3 {display:none;}
.div_main01 section h1 {margin:20px auto 10px auto;}

#main02 {width:90%; padding:50px 5%;}
#main02 h1 {font-size:28px; letter-spacing:-0.07em; line-height:40px;}
#main02 h3 {font-size:17px; line-height:30px;}
#main02 h3 br, #main02 h1 br {display:block;}
#main02 article {font-size:15px; line-height:25px; width:90%; font-family:ns,dotum,gullim,Tahoma,Arial,Helvetica,sans-serif;}
#main02 article br {display:none;}


#main03 {padding:50px 0 0 0;}
#main03 hgroup h1 {font-size:30px; padding:20px 0 35px 0; background-size:30px;}
#main03 ul:nth-of-type(1) {margin-top:30px !important;}
#main03 ul li {float:left; margin:1% 0 0 2%; width:49%;}
#main03 ul li:nth-child(odd) {margin:1% 0 0 0;}
#main03 ul li img {width:100%;}
#main03 ul li figcaption {padding:calc(( 100% - 105px) / 2 ) 0; display:block;}
#main03 ul li figcaption h1 {font-size:15px; font-weight:500; margin:13px auto;}

.subvis00 {margin:81px auto 0 auto; overflow:hidden; padding:50px 0; height:auto;}
.subvis00 h3 {margin:0 auto;}
.subvis00 p {width:90%; margin:0 auto; font-size:13px; line-heighT:22px;}
.sub00 {width:90%; margin:40px auto 0 auto;}
.sub0101_01 > div {margin:50px auto 0 auto;}
.sub0101_01 > div figure {float:left; margin:0 0 0 2%; width:32%;}
.map001 {margin:35px auto 0 auto !important;}

.sub0201_01 h3 {font-size:17px; letter-spacing:-0.07em; line-height:28px;}
.sub0201_01 h3 br {display:none;}
.sub0201_01 > div {margin:50px auto 0 auto;}
.sub0201_01 > div figure {margin:10px auto; width:90%;}
.sub0201_01 > div figure:First-child {margin:0 auto;}
.sub0201_01 article br {display:none;}
.popup_wrap00 {width:90%; top:30%; left:5%;}
.popup_wrap00 img {width:100%;}


.sub0201_02 {widtH:90%; margin:40px auto;}
.sub0201_02 section {width:98%; float:none; margin:20px auto 0 auto;}


.sub0204 {text-align:Center;}
.sub0204 section {width:100%; padding:25px 0; text-align:center; margin:0 auto;}
.sub0204 section h1 {font-size:17px; font-weight:400;}
.sub0204 p {width:40px; height:50px; background:url(/img/arrow_0204_02.png) no-repeat center; text-align:Center; margin:0 auto; letter-spacing:-0.07em;}


.sub04 {width:80% !important; padding:5%;}
.sub04 ul:first-child li {}
.sub04 ul:first-child li input {width:calc( 100% - 11px ); margin:0 0 0 9px;}
.sub04 ul li > label {display:block; float:none; margin:0 0 0 9px;}
.sub04 ul li strong {width:100px; float:none;}
.sub04 textarea {padding:30px; min-height:200px; font-family:"NanumGothic", "Nanum Gothic", "나눔고딕"; width:calc( 100% - 71px ); margin:0 0 0 9px;}

}