@charset "euc-kr";
#mainImgArea { position:relative; width:100%; height:670px; overflow:hidden; }
.imageSrc { width:100%; max-width:100%; height:100%; }
.imageSrc img { max-width:100%; height:100%; }
.txtImg { position:absolute; left:50%; top:50%; margin-left:-315px; }
.txtImg img { max-width:100%; height:auto; }
#lnb { position:relative; width:100%; border-top:1px solid #EBEBEB; border-bottom:1px solid #EBEBEB; background:#f7f7f7; z-index:9; }
#pathArea { width:100%; max-width:1000px; height:46px; margin:0 auto; }
.path { float:left; width:auto; height:46px; }
.path a.homeBtn { float:left; display:block; width:66px; height:46px; text-indent:-99999px; background:url('../intro/images/home_ico.png') left top no-repeat; }
.path .scate { position:relative; float:left; width:182px; height:46px; line-height:46px; border-right:1px solid #EBEBEB; }
.path .scate a.scateMe { display:block; background:#FFF; padding-left:20px; font-size:13px; }
.path .scate a.scateMe:before { content:''; position:absolute; top:20px; right:20px; width:9px; height:6px; background:#FFF url('../intro/images/path_ico.png') no-repeat; transform:rotate(0deg); -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); transition:transform .1s .1s, -webkit-transform .1s .1s; transition:transform .1s .1s, -webkit-transform .1s .1s; transition:transform .1s .1s; -webkit-transition:transform .1s .1s; transition:-webkit-transform .1s .1s; -webkit-transition:-webkit-transform .1s .1s; }
.path .scate.on a.scateMe:before { background:#FFF url('../intro/images/path_ico.png') no-repeat; transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -o-transform:rotate(180deg); }
.path .scate .lnbMenu { margin-left:-1px; width:146px; padding:15px 14px 15px 22px; border:1px solid #EBEBEB; background:#FFF; overflow:hidden; }
.path .scate .lnbMenu a.men { display:block; line-height:28px; font-size:14px; }
.path .scate .lnbMenu a.men:hover { padding-left:2px; }
.path .scate .lnbMenu a.men.on,
.path .scate .lnbMenu a.cur { font-weight:bold; color:#E35828; font-size:14px; }
#ftSize { float:right; width:93px; }
.fsup { float:left; width:47px; height:46px; background:url('../intro/images/btnPlus.png') left top no-repeat; text-indent:-99999px; }
.fsdown { float:left; width:46px; height:46px; background:url('../intro/images/btnMinus.png') left top no-repeat; text-indent:-99999px; }
.fsup a { display:block; width:47px; height:46px; }
.fsdown a { display:block; width:46px; height:46px; }
#subContents { width:100%; background-color:#FFF; }
#subContInner { position:relative; width:100%; max-width:1000px; margin:0 auto; overflow:hidden; }
h3.maint { margin-top:60px; font-size:34px; font-weight:bold; color:#111; line-height:34px; }
span.st { display:block; font-size:12px; padding-top:6px; color:#888; } 
#contents { margin:100px 0; width:100%; max-width:1000px; overflow:hidden; }
.con1 { width:100%; max-width:1000px; margin-bottom:40px; transition: .2s ease; -moz-transition: .2s ease; -webkit-transition: .2s ease; -o-transition: .2s ease; }
.con1Txt { margin:0 auto; width:100%; max-width:1000px; text-align:center; font-size:23px; font-weight:bold; line-height:1.4; }
.bar { margin:39px auto 20px; width:62px; background:url('../intro/images/h_bar.gif') repeat-x; text-indent:-9999px; }
.con1_2Txt { margin:0 auto; width:100%; max-width:1000px; font-size:15px; line-height:1.6; text-align:justify; }
.signArea { margin:0 auto; width:155px; }
.ceo { margin-top:59px; font-size:15px; }
.sign { margin:0 0 0 59px; }
.roadmapArea { float:left; width:100%; max-width:1000px; border-top:2px solid #353631; }
.roadmap_t { margin:45px auto; width:100%; max-width:760px; font-size:15px; text-align:center; transition: .2s ease; -moz-transition: .2s ease; -webkit-transition: .2s ease; -o-transition: .2s ease; }
.roadmap_t .roadmap_Txt { margin:0 auto 15px; width:100%; text-align:center; font-size:25px; font-weight:bold; }
.roadmap_t .roadmapb { color:#F60; font-weight:bold; }
#roadmap { width:100%; max-width:1000px; margin-top:30px; }
#roadmap .item { width:20%; font-size:15px; font-weight:bold; background:rgba(238,238,238,0.3); }
#roadmap .brd { border-top:1px solid #E9E9E9; }
#roadmap .tt1_con { padding:18px 0; text-align:center; border-right:1px solid #E9E9E9; border-bottom:1px solid #E9E9E9; }
#roadmap .tt2_con { padding:18px 0 18px 35px; border-bottom:1px solid #E9E9E9; font-size:15px; }
ul.clickTab { position:relative; }
ul.clickTab:after { content:""; display:block; clear:both; }
ul.clickTab > li { width:100%; }
ul.clickTab > li > a { display:block; width:50%; text-align:center; background:#FBFBFB; font-size:17px; color:#555; height:46px; line-height:46px; border-top:solid 1px #e5e5e5; border-bottom:solid 1px #e5e5e5; border-right:solid 1px #e5e5e5; }
ul.clickTab > li > a.fir { float:left; border-left:solid 1px #E5E5E5; position:absolute; top:0; left:0; }
ul.clickTab > li > a.sec { float:left; border-left:solid 1px #E5E5E5; border-right:solid 1px #e5e5e5; position:absolute; top:0; left:50%; width:49.8%; }
ul.clickTab > li.tabOn > a { background:#E46404; color:#FFF; border:none; height:48px; line-height:48px; font-weight:bold; }
ul.clickTab .partConDiv { padding-top:55px; }
.partConBox_1,
.partConBox_2 { width:100%; max-width:1000px; }
.con2, .con3, .con4, .con5, .con6 { width:100%; max-width:1000px; }
.con1 img, .con2 img, .con3 img, .con4 img, .con5 img, .con6 img { max-width:100%; height:auto; }
.commArea { float:left; width:100%; max-width:1000px; border-top:2px solid #353631; }
.comm_t { margin:45px auto; width:100%; max-width:760px; font-size:15px; text-align:center; transition: .2s ease; -moz-transition: .2s ease; -webkit-transition: .2s ease; -o-transition: .2s ease; }
.comm_t .comm_Txt { margin:0 auto; width:100%; text-align:center; font-size:25px; font-weight:bold; }
.comm_t .commb { color:#F60; font-weight:bold; }
.comm_con { width:100%; max-width:1000px; margin:0 auto; }
.comm_con img { max-width:100%; height:auto; }
#gallWrap .bbsnewf5 { font-size:13px; color:#555; }
#gallWrap .bbsnewf5 td[valign='bottom'] { padding:0 5px; }
#gallWrap .bbsnewf5 td[valign='bottom']>a { position:relative; display:block; }
#gallWrap .bbsnewf5 td[valign='bottom']>a>img { display:block; width:100%; height:auto; }
#gallWrap .bbsnewf5 td[valign='bottom']>a:before { content:''; position:absolute; left:0; top:0; width:100%; height:0; background:rgba(0, 0, 0, 1); opacity:0; transition:all .3s ease; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; }
#gallWrap .bbsnewf5 td[valign='bottom']>a:after { content:''; position:absolute; left:50%; top:50%; margin:0 0 0 -10px; width:26px; height:26px; background:url(../images/zoom_pict_b.png) center center no-repeat; opacity:0; transition:all .3s ease; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; }
#gallWrap .bbsnewf5:hover td[valign='bottom']>a:before,#gallWrap .bbsnewf5 td[valign='bottom']>a:focus:before { width:100%; height:100%; opacity:.7; -ms-filter:alpha(opacity=70); filter:alpha(opacity=70); }
#gallWrap .bbsnewf5:hover td[valign='bottom']>a:after,#gallWrap .bbsnewf5 td[valign='bottom']>a:focus:after { margin-top:-13px; opacity:1; -ms-filter:alpha(opacity=100); filter:alpha(opacity=100); }
.work { width:100%; max-width:1000px; margin:0 auto; }
.work #choice { width:100%; max-width:432px; height:50px; margin:0 auto; }
.work #choice li { float:left; padding-right:25px; }
.work #choice li:last-child { padding-right:0; }
.work #choice li a { display:block; color:#7F8289; font-size:15px; padding:12px 0 6px; }
.work #choice li a:hover { color:#333; }
.work #choice li a.selected { color:#000; font-weight:bold; background:url('../collection/images/bot_arrow.png') center top no-repeat; }
.container { width:100%; max-width:1000px; margin:0 auto; }
.portfolio-thumbs { position:relative; margin:0 5px 5px 0; overflow:hidden; cursor:pointer; }
.portfolio-thumbs a + img { width:100%; }
.portfolio-thumbs .hover-wrap { display:block; position:absolute; width:100%; height:100%; -webkit-transition:all 450ms ease-out 0s; -moz-transition:all 450ms ease-out 0s; -o-transition:all 450ms ease-out 0s; transition:all 450ms ease-out 0s; -webkit-transform: rotateY(0deg) scale(1,1); -moz-transform: rotateY(0deg) scale(1,1); -ms-transform: rotateY(0deg) scale(1,1); -o-transform: rotateY(0deg) scale(1,1); transform: rotateY(0deg) scale(1,1); opacity:0; filter:alpha(opacity=0); }
.portfolio-thumbs a:focus,
.portfolio-thumbs:hover .hover-wrap,
.portfolio-thumbs.active .hover-wrap { -webkit-transform: rotateY(0deg) scale(1,1); -moz-transform: rotateY(0deg) scale(1,1); -ms-transform: rotateY(0deg) scale(1,1); -o-transform: rotateY(0deg) scale(1,1); transform: rotateY(0deg) scale(1,1); opacity:1; filter:alpha(opacity=100); }
.portfolio-thumbs .hover-wrap .overlay-img { position:absolute; width:100%; height:100%; background:#000; opacity:0.7; filter:alpha(opacity=70); }
.portfolio-thumbs .hover-wrap .overlay-img-thumb { position:absolute; top:50%; left:50%; margin:-16px 0 0 -16px; color:#FFF; font-size:32px; line-height:1em; opacity:1; filter:alpha(opacity=100); }