@charset "utf-8";
/* CSS Document */
 

#footer {width:100%; text-align:center; background-color:#303030; color:#d7d7d7; font-family:'Raleway', sans-serif; font-size:13px;}
#footer p {padding:26px 0; width:1170px; margin:0 auto;}
#quick {position:fixed; right:5px; bottom:5px; width:52px; z-index:10;}
#quick .bt_as {background-color:#fff; border:1px solid #979797; width:50px; padding:15px 0; text-align:center; margin-bottom:2px; overflow:hidden;}
#quick .bt_as .as {font-weight:800; color:#ababab; font-size:13px; display:inline-block; padding-bottom:8px; letter-spacing:-0.5px;} 
#quick .bt_as .go {border-radius:50%; -moz-border-radius:50%; -webkik-border-radius:50%; background-color:#000; width:25px; height:25px; color:#fff; font-size:12px; line-height:25px; font-family:'Raleway', sans-serif; text-align:center; display:inline-block; cursor:pointer;}
#quick .bt_top {background:url(../img/bt_top.png) no-repeat 15px 14px #ff1f1f; height:24px; padding-top:28px; color:#fff; font-family:'Raleway', sans-serif; font-size:12px; text-align:center; cursor:pointer;}
#quick .bt_top a {color:#fff;}

/*main*/
#gnb {width:100%; height:95px; position:fixed; top:0; z-index:20;}
.gnb_on {background:url(../img/black_bg.png) repeat;}
#gnb #header {width:1170px; height:95px; left:50%; margin-left:-585px; top:20px; position:absolute; overflow:hidden;}
#gnb #header .top_logo {float:left; display:inline-block; background:url(../img/top_logo1.png) no-repeat; width:43px; height:51px; cursor:pointer;}
#gnb #header .top_logo a {display:none}
#gnb #header .navi {float:left; margin-top:22px; padding-left:10px;}
#gnb #header .navi li {float:left; font-family:'Raleway', sans-serif; font-size:13px; font-weight:800; color:#fff; padding:0 10px; text-transform:uppercase;}
#gnb #header .navi li a {color:#fff;}
#gnb #header .navi li a:hover {color:#ff1f1f;}
#gnb #header .navi li.on {color:#ff1f1f;}
#gnb #header .navi li.on a {color:#ff1f1f;}
#gnb #header .navi li.on a:hover {color:#ff1f1f;}
#gnb #header .link {float:right; margin-top:15px;}
#gnb #header .link li {float:left; padding:0 10px;}

#gnb #header .link .go_facebook {background:url(../img/top_icon_facebook.png) no-repeat; display:inline-block; height:21px; width:21px;}
#gnb #header .link .go_twitter {background:url(../img/top_icon_twitter.png) no-repeat; display:inline-block; height:21px; width:21px;}
#gnb #header .link .go_facebook_on {background:url(../img/top_icon_facebook_on.png) no-repeat; display:inline-block; height:21px; width:21px;}
#gnb #header .link .go_twitter_on {background:url(../img/top_icon_twitter_on.png) no-repeat; display:inline-block; height:21px; width:21px;}
#gnb #header .link h2 {display:none}
@media (max-height:800px) {
#gnb {width:100%; height:95px; background:url(../img/black_bg.png) repeat; position:fixed; top:0; z-index:20; border:none;}
#gnb #header {width:1170px; height:95px; left:50%; margin-left:-585px; top:20px; position:absolute; overflow:hidden;}
#gnb #header .top_logo {float:left; display:inline-block; background:url(../img/top_logo1.png) no-repeat; width:43px; height:51px; cursor:pointer;}
#gnb #header .top_logo a {display:none}
#gnb #header .navi {float:left; margin-top:22px; padding-left:10px;}
#gnb #header .navi li {float:left; font-family:'Raleway', sans-serif; font-size:13px; font-weight:800; color:#fff; padding:0 10px; text-transform:uppercase;}
#gnb #header .navi li a {color:#fff;}
#gnb #header .navi li a:hover {color:#ff1f1f;}
#gnb #header .navi li.on {color:#ff1f1f;}
#gnb #header .navi li.on a {color:#ff1f1f;}
#gnb #header .navi li.on a:hover {color:#ff1f1f;}
#gnb #header .link {float:right; margin-top:15px;}
#gnb #header .link li {float:left; padding:0 10px;}
#gnb #header .link .go_facebook {background:url(../img/top_icon_facebook.png) no-repeat; display:inline-block; height:21px; width:21px;}
#gnb #header .link .go_twitter {background:url(../img/top_icon_twitter.png) no-repeat; display:inline-block; height:21px; width:21px;}
#gnb #header .link .go_facebook_on {background:url(../img/top_icon_facebook_on.png) no-repeat; display:inline-block; height:21px; width:21px;}
#gnb #header .link .go_twitter_on {background:url(../img/top_icon_twitter_on.png) no-repeat; display:inline-block; height:21px; width:21px;}
#gnb #header .link h2 {display:none}
}
/*#visual {width:100%; min-width:1170px; background:url(../img/main_top_img_2020.jpg) top center; height:800px; overflow:hidden;}*/
/*#visual {width:100%; min-width:1170px; background:url(../img/main_top_img_2019.jpg) top center; height:550px; overflow:hidden;}*/
/*#visual {width:100%; min-width:1170px; background:url(../img/main_top_img.jpg) top center; height:600px; overflow:hidden;}*/
#visual {width:100%; min-width:1170px; background:url(../img/mainimagejamsil.jpg) top center; height:1080px; overflow:hidden;}
/*#visual {width:100%; min-width:1170px; background:url(../img/main_top_img_2019.jpg) top center; height:548px; overflow:hidden;}채용 */

#title_m {width:1170px; margin:0 auto; text-align:center; color:#fff; font-weight:800; margin-top:170px; position:relative;}
#title_m .title {font-family: 'Raleway', sans-serif; text-transform:uppercase;}
#title_m .title img {position:absolute; top:-10px; left:417px;}
#title_m .title .title_t {font-size:100px;white-space:nowrap;width:auto;}
#title_m .title .title_in {margin-top:20px; font-size:50px; display:block;
	font-family:'NanumG', 'NanumGothic','나눔고딕', 'Nanum Gothic', 'NanumGothicWeb','돋움', Dotum, Gulim, Arial, Verdana, Helvetica, AppleGothic, Sans-serif;
}
#title_m .title .red {color:#ff1f1f;}
#title_m .s {margin-top:20px; font-size:36px; font-family: 'Raleway', sans-serif; text-transform:uppercase; color:#fff;}
#section {width:100%; min-width:1170px; margin:0 auto; padding:45px 0 0; position:relative; text-align:center; overflow:hidden;}
#section_in {width:1170px; margin:0 auto; padding:0 0 45px; text-align:center; overflow:hidden;}
.mtitle_s {font-size:36px; font-family: 'Raleway', sans-serif; font-weight:800; color:#000; margin-bottom:10px;}
.mtitle_ss {color:#5d5d5d; font-size:14px; text-align:center; font-family: 'Raleway', sans-serif; margin-bottom:40px;}
.mtitle_s_white {font-size:36px; font-family: 'Raleway', sans-serif; font-weight:800; color:#fff; margin-bottom:10px;}
#section dl {background:url(../img/m_icon.png) top left no-repeat; padding-left:45px; margin-top:25px; text-align:left; width:29.4%; float:left;}
#section dt {font-family: 'Raleway', sans-serif; color:#000; font-size:16px; font-weight:800; margin-bottom:5px; padding-top:3.5px; text-transform:uppercase;}
#section dd {color:#888; font-size:13px;}
.service_bg {background:url(../img/main_center_img.jpg) top center;}
#section .service {float:left; width:16%; margin-bottom:10px;}
#section .service .tit_eng {color:#ff1f1f; font-size:16px; font-weight:800; font-family: 'Raleway', sans-serif; margin:12px 0 5px}
#section .service .tit_s {color:#ff1f1f; font-size:13px; font-weight:800;}
#section .service .tit_con {margin:25px 10px 10px; height:100px; padding:15px; background:url(../img/white_bg.png) repeat; color:#333; line-height:20px; font-size:13px; text-align:left;}
#section .bt {position:absolute; left:50%; margin-left:-22px; bottom:0; cursor:pointer;}
.title_smenu {font-family: 'Raleway', sans-serif; text-transform:uppercase; color:#a0a0a0; font-size:18px; font-weight:800; margin-bottom:40px; padding-top:20px}
.title_smenu span {padding:0 30px 0 20px; background:url(../img/btw.png) right no-repeat;}
.title_smenu span a {color:#a0a0a0;}
.title_smenu span.bg_none {background:none;}
.title_smenu .on, #section .title_smenu .on a {color:#ff1f1f;}
.port {width:25%; text-align:center; cursor:pointer; float:left; position:relative;}
.port .suj {margin-top:40px; font-size:15px; color:#000;font-weight:bold;}
.port .box {height:332px; position:relative;}
.port .box .web {background:url(../img/bg_web2.png) center no-repeat; width:290px; height:258px; position:absolute; left:50%; margin-left:-145px; top:37px; z-index:2;}
.port .box .web p {width:266px; height:151px; overflow:hidden; position:absolute; left:13px; top:13px; background:url(../img/noimg.png) center no-repeat #fff; z-index:3;}
.port .box .web p img {width:266px; overflow:hidden;}



.port .box .pad {background:url(../img/bg_pad.png) center no-repeat; width:290px; height:268px; position:absolute; left:50%; margin-left:-145px; top:37px; z-index:2;}
.port .box .pad p {width:230px; height:175px; overflow:hidden; position:absolute; left:28px; top:46px; background:url(../img/noimg.png) center no-repeat #fff; z-index:3;}
.port .box .pad p img {width:230px; overflow:hidden;}





.port .box .mobile {background:url(../img/bg_mobile2.png) center no-repeat; width:154px; height:268px; position:absolute; left:50%; margin-left:-75px; top:7px; z-index:2;}
.port .box .mobile p {width:119px; height:208px; overflow:hidden; position:absolute; left:18px; top:55px; background:url(../img/noimg.png) center no-repeat #fff; z-index:3;}
.port .box .mobile p img {width:119px; overflow:hidden;}
.port .box .wm_web {background:url(../img/bg_web2.png) center no-repeat; width:290px; height:258px; position:absolute; left:50%; margin-left:-145px; top:30px; z-index:2;}
.port .box .wm_web p {width:266px; height:151px; overflow:hidden; position:absolute; left:13px; top:13px; background:url(../img/noimg.png) center no-repeat #fff; z-index:3;}
.port .box .wm_web p img {width:266px; overflow:hidden;}
.port .box .wm_mobile {background:url(../img/bg_wm_mobile.png) center no-repeat; width:77px; height:160px; position:absolute; left:50%; margin-left:-145px; top:140px; z-index:4;}
.port .box .wm_mobile p {width:66px; height:117px; overflow:hidden; position:absolute; left:6px; top:15px; background:url(../img/noimg.png) center no-repeat #fff; z-index:5;}
.port .box .wm_mobile p img {width:66px; overflow:hidden;}
.port .box .res_notebook {background:url(../img/bg_res_notebook.png) center no-repeat; width:335px; height:196px; position:absolute; left:50%; margin-left:-167px; top:68px; z-index:2;}
.port .box .res_notebook p {width:247px; height:140px; overflow:hidden; position:absolute; left:44px; top:7px; background:url(../img/noimg.png) center no-repeat #fff; z-index:3;}
.port .box .res_notebook p img {width:247px; overflow:hidden;}
.port .box .res_mobile {background:url(../img/bg_wm_mobile.png) center no-repeat; width:77px; height:160px; position:absolute; left:50%; margin-left:-142px; top:140px; z-index:4;}
.port .box .res_mobile p {width:66px; height:117px; overflow:hidden; position:absolute; left:6px; top:15px; background:url(../img/noimg.png) center no-repeat #fff; z-index:5;}
.port .box .res_mobile p img {width:66px; overflow:hidden;}
.port_over {background:url(../img/red_bg.png) repeat; height:100%; width:100%; cursor:default; position:absolute; color:#fff; text-align:center; z-index:10;}
.port_over .over_suj {font-size:28px; padding-top:70px; font-weight:700;}
.port_over .over_type {font-size:20px; padding-top:15px; font-weight:600;}
.port_over .go {
	position:absolute;top:50%;left:50%;margin-left:-33px;
	-webkit-animation: spin 3s infinite linear;
	-o-animation: spin 3s infinite linear;
	-moz-animation: spin 3s infinite linear;
	animation: spin 3s infinite linear;
}
@-webkit-keyframes spin {
    0%  {-webkit-transform: rotate(0deg);}
    100% {-webkit-transform: rotate(360deg);}
}
@-moz-keyframes spin {
   0%  {-moz-transform: rotate(0deg);}
    100% {-moz-transform: rotate(360deg);}
}
@keyframes spin {
    0%  {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
}
.contact_bg {background:url(../img/main_bottom_img.jpg) top center;}
#section .contact {text-align:center; padding-top:10px;}
#section .contact .eng {color:#fff; font-family: 'Raleway', sans-serif; font-weight:800; font-size:16px; padding:5px;}
#section .contact .kor {color:#d4d4d4; font-family:나눔 고딕, 'Nanum Gothic', Nanum Gothic; font-size:13px; padding:5px;}
#section .contact span {padding:0 15px;}
#section .contact .num {background:url(../img/icon_phone.png) no-repeat 0 5px;}
#section .contact .fax {background:url(../img/icon_fax.png) no-repeat 0 5px;}
#section .contact .email {background:url(../img/icon_email.png) no-repeat 0 5px;}
#section .contact .bt_go {margin-top:20px;}
#section .contact .bt_go img {padding:0 10px; cursor:pointer;}




/*sub공통*/
#s_gnb {width:100%; height:95px; position:fixed; top:0; z-index:20; border-bottom:solid 1px #f0eeee;}
#s_gnb.gnb_on {width:100%; height:95px; background:url(../img/black_bg.png) repeat; position:fixed; top:0; z-index:20; border:none;}
#s_gnb #header {width:1170px; height:95px; left:50%; margin-left:-585px; top:20px; position:absolute; overflow:hidden;}
#s_gnb #header .top_logo {float:left; display:inline-block; background:url(../img/top_logo.png) no-repeat; width:43px; height:51px; cursor:pointer;}
#s_gnb.gnb_on #header .top_logo{float:left; display:inline-block; background:url(../img/top_logo1.png) no-repeat; width:43px; height:51px; cursor:pointer;}
#s_gnb #header .top_logo a {display:none}
#s_gnb #header .navi {float:left; margin-top:22px; padding-left:10px;}
#s_gnb #header .navi li {float:left; font-family:'Raleway', sans-serif; font-size:13px; font-weight:800; color:#000; padding:0 10px; text-transform:uppercase;}
#s_gnb #header .navi li a {color:#000;}
#s_gnb.gnb_on #header .navi li a{color:#fff;}
#s_gnb #header .navi li a:hover {color:#ff1f1f;}
#s_gnb #header .navi li.on {color:#ff1f1f;}
#s_gnb #header .navi li.on a {color:#ff1f1f;}
#s_gnb #header .navi li.on a:hover {color:#ff1f1f;}
#s_gnb #header .link {float:right; margin-top:15px;}
#s_gnb #header .link li {float:left; padding:0 10px;}
#s_gnb #header .link .go_facebook {background:url(../img/top_icon_facebook_s.png) no-repeat; display:inline-block; height:21px; width:21px;}
#s_gnb #header .link .go_twitter {background:url(../img/top_icon_twitter_s.png) no-repeat; display:inline-block; height:21px; width:21px;}
#s_gnb #header .link .go_facebook_on {background:url(../img/top_icon_facebook_on.png) no-repeat; display:inline-block; height:21px; width:21px;}
#s_gnb #header .link .go_twitter_on {background:url(../img/top_icon_twitter_on.png) no-repeat; display:inline-block; height:21px; width:21px;}
#s_gnb.gnb_on #header .link .go_facebook {background:url(../img/top_icon_facebook.png) no-repeat; display:inline-block; height:21px; width:21px;}
#s_gnb.gnb_on #header .link .go_twitter {background:url(../img/top_icon_twitter.png) no-repeat; display:inline-block; height:21px; width:21px;}
#s_gnb.gnb_on #header .link .go_facebook_on {background:url(../img/top_icon_facebook_on.png) no-repeat; display:inline-block; height:21px; width:21px;}
#s_gnb.gnb_on #header .link .go_twitter_on {background:url(../img/top_icon_twitter_on.png) no-repeat; display:inline-block; height:21px; width:21px;}
#s_gnb #header .link h2 {display:none}
@media (max-height:800px) {
#s_gnb {width:100%; height:95px; background:url(../img/black_bg.png) repeat; position:fixed; top:0; z-index:20; border:none;}
#s_gnb #header {width:1170px; height:95px; left:50%; margin-left:-585px; top:20px; position:absolute; overflow:hidden;}
#s_gnb #header .top_logo {float:left; display:inline-block; background:url(../img/top_logo1.png) no-repeat; width:43px; height:51px; cursor:pointer;}
#s_gnb #header .top_logo a {display:none}
#s_gnb #header .navi {float:left; margin-top:22px; padding-left:10px;}
#s_gnb #header .navi li {float:left; font-family:'Raleway', sans-serif; font-size:13px; font-weight:800; color:#fff; padding:0 10px; text-transform:uppercase;}
#s_gnb #header .navi li a {color:#fff;}
#s_gnb #header .navi li a:hover {color:#ff1f1f;}
#s_gnb #header .link {float:right; margin-top:15px;}
#s_gnb #header .link li {float:left; padding:0 10px;}
#s_gnb #header .link .go_facebook {background:url(../img/top_icon_facebook.png) no-repeat; display:inline-block; height:21px; width:21px;}
#s_gnb #header .link .go_twitter {background:url(../img/top_icon_twitter.png) no-repeat; display:inline-block; height:21px; width:21px;}
#s_gnb #header .link .go_facebook_on {background:url(../img/top_icon_facebook_on.png) no-repeat; display:inline-block; height:21px; width:21px;}
#s_gnb #header .link .go_twitter_on {background:url(../img/top_icon_twitter_on.png) no-repeat; display:inline-block; height:21px; width:21px;}
#s_gnb #header .link h2 {display:none}
}
#sub {width:100%; width:1170px; margin:0 auto; text-align:center; position:relative;}
#title_s {width:1170px; margin:0 auto; text-align:center; color:#000; font-weight:800; margin-top:170px;}
#title_s .title {font-family: 'Raleway', sans-serif; text-transform:uppercase;}
#title_s .title img {position:absolute; top:-10px; left:417px;}
#title_s .title .title_t {font-size:100px;}
#title_s .title .red {color:#ff1f1f;}
#title_s .s {margin-top:10px; margin-bottom:10px; font-size:16px; color:#a0a0a0; font-family: 'Raleway', sans-serif; font-weight:normal;}
#title {width:1170px; margin:0 auto; margin-top:170px; margin-bottom:70px; text-align:left; position:relative;}
#title h3 {font-size:65px; font-weight:600; color:#000; letter-spacing:-1.5px; padding-bottom:18px; font-family: 'Raleway',나눔 고딕, 'Nanum Gothic', Nanum Gothic;}
#title .s {font-size:20px; font-weight:600; color:#000; font-family: 'Raleway',나눔 고딕, 'Nanum Gothic', Nanum Gothic; font-weight:normal;}
#title .s strong {text-transform:uppercase}

/*works_view*/
#sub #bt_area {position:absolute; top:-75px; right:0;}
#sub #bt_area .list {width:62px; height:62px; display:inline-block; text-align:center; background:url(../img/bt_list.png) center no-repeat; border:1px solid #f0eeee; cursor:pointer;}
#sub #bt_area .prev {width:62px; height:62px; display:inline-block; text-align:center; background:url(../img/bt_prev.png) center no-repeat; border-top:1px solid #f0eeee; border-bottom:1px solid #f0eeee; border-right:1px solid #f0eeee; cursor:pointer;}
#sub #bt_area .next {width:62px; height:62px; display:inline-block; text-align:center; background:url(../img/bt_next.png) center no-repeat; border-top:1px solid #f0eeee; border-bottom:1px solid #f0eeee; border-right:1px solid #f0eeee; cursor:pointer;}
#view {width:100%; width:1170px; margin:0 auto; overflow:hidden; padding-bottom:70px;}
#view #con {float:left; width:370px;}
#view #con ul {overflow:hidden;}
#view #con li {float:left; color:#888; font-size:14px; padding-bottom:18px; line-height:20px;}
#view #con .tit {font-family:'Raleway', sans-serif; font-size:14px; font-weight:800; color:#000; width:75px;}
#view #con .about {width:370px;}
#view #img {float:right; width:792px; position:relative; min-height:500px;}
#view #img .web {background:url(/img/view_monitor.png) no-repeat; height:622px; width:741px; position:absolute; top:0; left:30px;}
#view #img .web span {position:absolute; top:33px; left:32px; display:block; background:url(../img/noimg.png) center no-repeat #fff; width:674px; height:383px; overflow:hidden;}
#view #img .web span #sslide img {width:700px; overflow:hidden;}
#view #img .web span #sslide img { float:left;}
.hovo:hover { color:red;}

#view #img .pad {background:url(/img/view_pad.png) no-repeat;width:737px; height:622px;  position:absolute; top:0; left:30px;}
#view #img .pad span {position:absolute; top:75px; left:73px; display:block; background:url(../img/noimg.png) center no-repeat  ; width:585px; height:440px; overflow:hidden;}
#view #img .pad span #sslide2 img {width:585px; overflow:hidden;}
#view #img .pad span #sslide2 img { float:left;}

 


#view #img .mobile {background:url(../img/bg_mobile_big.png) no-repeat; height:491px; width:275px; position:absolute; top:0; left:248px;}
#view #img .mobile span {position:absolute; top:45px; left:34px; display:block; background:url(../img/noimg.png) center no-repeat #fff; width:210px; height:371px; overflow:hidden;}
#view #img .mobile span img {width:210px; overflow:hidden;}
#next2 {position:absolute;right:0px;top:170px; cursor:pointer;}
#prev2 {position:absolute;left:0px;top:170px; cursor:pointer;}

#view #img .m_app {background:url(../img/bg_m_app_big.png) no-repeat; height:114px; width:117px; position:absolute; top:378px; left:191px; z-index:4;}
#view #img .m_app span {position:absolute; top:0px; left:0px; display:block; background:url(../img/noimg.png) center no-repeat #fff; width:108px; height:108px; overflow:hidden; z-index:4; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px;}
#view #img .m_app span img {width:108px; overflow:hidden; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px;}
#att {margin-top:30px; height:42px;}
#view #img .wm_web {background:url(/img/view_monitor.png) no-repeat; height:891px; width:850px; position:absolute; top:0; left:30px; z-index:1;}
#view #img .wm_web span {position:absolute; top:33px; left:21px; display:block; background:url(../img/noimg.png) center no-repeat #fff; width:674px; height:383px; overflow:hidden; z-index:1;}
#view #img .wm_web span img {width:700px; overflow:hidden;}
#view #img .wm_web span img {width:700px; overflow:hidden;float:left;}

#view #img .wm_mobile {background:url(../img/bg_wm_mobile_big.png) no-repeat; height:354px; width:232px; position:absolute; top:137px; right:20px; z-index:3;}
#view #img .wm_mobile span {position:absolute; top:32px; left:59px; display:block; background:url(../img/noimg.png) center no-repeat #fff; width:150px; height:264px; overflow:hidden; z-index:3;}
#view #img .wm_mobile span img {width:150px; overflow:hidden;}
#view #img .wm_app {background:url(../img/bg_app_big.png) no-repeat; height:86px; width:82px; position:absolute; top:405px; right:176px; z-index:4;}
#view #img .wm_app span {position:absolute; top:0px; left:0px; display:block; background:url(../img/noimg.png) center no-repeat #fff; width:79px; height:77px; overflow:hidden; z-index:4; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px;}
#view #img .wm_app span img {width:79px; overflow:hidden; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px;}
#view #img .res_notebook {background:url(../img/bg_res_notebook_big.png) no-repeat; height:438px; width:745px; position:absolute; top:0px; left:16px; z-index:1;}
#view #img .res_notebook span {position:absolute; top:15px; left:99px; display:block; background:url(../img/noimg.png) center no-repeat #fff; width:549px; height:311px; overflow:hidden; z-index:1;}
#view #img .res_notebook span img {width:549px; overflow:hidden;}
#view #img .res_mobile {background:url(../img/bg_res_mobile_big.png) no-repeat; height:353px; width:228px; position:absolute; top:137px; right:0px; z-index:3;}
#view #img .res_mobile span {position:absolute; top:31px; right:33px; display:block; background:url(../img/noimg.png) center no-repeat #fff; width:150px; height:264px; overflow:hidden; z-index:3;}
#view #img .res_mobile span img {width:150px; overflow:hidden;}
#view #img .res_app {background:url(../img/bg_res_app_big.png) no-repeat; height:116px; width:113px; position:absolute; top:378px; right:165px; z-index:4;}
#view #img .res_app span {position:absolute; top:0px; left:0px; display:block; background:url(../img/noimg.png) center no-repeat #fff; width:106px; height:104px; overflow:hidden; z-index:4; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px;}
#view #img .res_app span img {width:106px; overflow:hidden; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px;}
#att {margin-top:30px; height:42px;}
#att .att_web {background:url(../img/icon_web.png) center no-repeat #fff; display:inline-block; margin-right:12px; width:42px; height:42px;}
#att .att_web_on {background:url(../img/icon_web_on.png) center no-repeat #fff; display:inline-block; margin-right:12px; width:42px; height:42px;}
#att .att_mobile {background:url(../img/icon_mobile.png) center no-repeat #fff; display:inline-block; margin-right:12px; width:42px; height:42px;}
#att .att_mobile_on {background:url(../img/icon_mobile_on.png) center no-repeat #fff; display:inline-block; margin-right:12px; width:42px; height:42px;}
#att .att_app {background:url(../img/icon_app.png) center no-repeat #fff; display:inline-block; margin-right:12px; width:42px; height:42px;}
#att .att_app_on {background:url(../img/icon_app_on.png) center no-repeat #fff; display:inline-block; margin-right:12px; width:42px; height:42px;}
#att .att_pesp {background:url(../img/icon_pesp.png) center no-repeat #fff; display:inline-block; margin-right:12px; width:42px; height:42px;}
#att .att_pesp_on {background:url(../img/icon_pesp_on.png) center no-repeat #fff; display:inline-block; margin-right:12px; width:42px; height:42px;}
#view #con .bt {margin-top:70px; background-color:#ff0000; font-family:'Raleway', sans-serif; font-size:14px; color:#fff; font-weight:800; text-transform:uppercase; padding:22px 0; width:226px; text-align:center; cursor:pointer;}
#view #con .bt a {color:#fff;}
#view #img .detail {margin-top:590px; margin-bottom:50px; text-align:center; width:100%;overflow:hidden;position:relative; }
#view #img .detail img { } 
#detailimg { margin-top:160px; }
/*story(게시판)*/
#board {width:1170px; margin:0 auto; padding-bottom:70px;}
#board .total {text-align:left; font-family: 'Raleway', sans-serif; font-size:14px; font-weight:800; color:#888; margin-bottom:20px;}
#board .total strong {color:#000;}
#board .list {width:100%;}
#board .list .left {height:155px; font-family: 'Raleway', sans-serif; font-weight:800; color:#fff; background-color:#ff6262; text-align:center; border-bottom:solid 1px #dcdcdc;}
#board .list .left .num {font-size:70px;}
#board .list .left .date {font-size:13px;}
#board .list .right {border-bottom:solid 1px #dcdcdc; text-align:left; padding-left:45px; vertical-align:top;}
#board .list .right .group {font-size:13px; font-family: 'Raleway', sans-serif; color:#888; padding-top:18px; padding-bottom:15px;}
#board .list .right .group strong {color:#000; text-transform:uppercase;}
#board .list .right .suj {font-size:40px; color:#000; height:70px; font-weight:600; letter-spacing:-2px; overflow:hidden;}
#board .list .right .reply {float:left; font-size:13px; font-family: 'Raleway', sans-serif; color:#888;}
#board .list .right .reply strong {color:#000;}
#board .list .right .more, #board .list .right .more a {float:right; font-size:13px; font-family: 'Raleway', sans-serif; color:#888;}
#board .list .right .more a:hover {color:#ff1f1f;}
#view #conent {width:100%; clear:both; font-size:14px; color:#666; line-height:26px; padding-bottom:30px;}
#view #conent .img {text-align:center; padding:20px 0;}
#reply {padding-top:30px; border-top:solid 1px #dcdcdc;}
#reply .tit {text-transform:uppercase; font-family: 'Raleway', sans-serif; font-weight:800; font-size:12px; color:#000; margin-bottom:15px;}
#reply .step {background:url(../img/reply_img.png) top left no-repeat; padding-left:60px; min-height:50px; clear:both;}
#reply .step .name {padding-top:3px; font-size:12px; font-weight:800; color:#333;}
#reply .step .name .date {font-size:12px; font-family: 'Raleway', sans-serif; font-weight:normal; padding-left:8px; color:#888;}
#reply .step .con {padding-top:5px; color:#666; font-size:14px; line-height:20px;}
#reply .re {margin-left:60px;}
.btn {text-align:right; padding-top:8px; width:100%;}
.btn .bt1 {background-color:#f1f1f1; border:1px solid #d5d5d5; color:#9a9a9a; font-size:11px; font-weight:800; text-transform:uppercase; padding:5px 8px; -webkit-border-radius:1px; -moz-border-radius:1px; border-radius:1px; cursor:pointer; margin-left:4px; display:inline-block;}
.btn .bt2 {background-color:#464753; border:1px solid #373842; color:#fff; font-size:11px; font-weight:800; text-transform:uppercase; padding:5px 8px; -webkit-border-radius:1px; -moz-border-radius:1px; border-radius:1px; cursor:pointer; margin-left:4px; display:inline-block;}
.btn .under_reply {width:100%; clear:both; padding:10px 0;}
.btn .under_reply textarea {width:100%; height:80px; margin:5px 0;}
.btn .under_password {width:100%; clear:both; padding:10px 0; text-align:center;}
.btn .under_password input {margin:5px 0; width:200px;}
#write {padding-top:30px; padding-bottom:30px; border-top:solid 1px #dcdcdc;}
#write .tit {text-transform:uppercase; font-family: 'Raleway', sans-serif; font-weight:800; font-size:12px; color:#000; margin-bottom:15px;}
#write li {padding:4px 0; font-size:13px; color:#888;}
#write li input {margin-right:25px; margin-left:10px;}

/*about*/
#about_rolling {width:1170px; margin:0 auto; position:relative;}
#about_rolling .prev {position:absolute; left:10px; top:170px; cursor:pointer;}
#about_rolling .next {position:absolute; right:10px; top:170px; cursor:pointer;}
#about_rolling .img1 {width:1170px; height:382px; overflow:hidden; background-color:#e1e1e1;}
#about_rolling .img2 {width:1170px; height:382px; overflow:hidden; background-color:#e1e1e1;}
#about_rolling .img3 {width:1170px; height:382px; overflow:hidden; background-color:#e1e1e1;}
#about_rolling .img4 {width:1170px; height:382px; overflow:hidden; background-color:#e1e1e1;}
#about_rolling .text {font-family:'Raleway', sans-serif; color:#fff; position:absolute; top:135px; left:100px; text-align:left;}
#about_rolling .text .tit {text-transform:uppercase; font-weight:800; font-size:60px; letter-spacing:20px; text-shadow:-2px -1.5px #666;}
#about_rolling .text .sub {font-size:16px; letter-spacing:1px; padding-top:5px; display:inline-block; text-shadow:2px 1px #999;}
#main_text {margin:70px 0;}
#main_text .text1 {font-family:'Raleway', sans-serif; font-size:50px; color:#000; text-transform:uppercase; font-weight:800;}
#main_text .text2 {font-size:26px; color:#000; font-weight:600; margin-top:26px; line-height:36px;}
#main_text .text3 {font-size:14px; line-height:26px; color:#888; margin-top:30px;} 
#main_text .logo {margin-top:50px;} 
.about_bus_bg {background:url(../img/about_bus_bg.jpg) center top; padding-bottom:50px;}
.about_bus_tit {text-transform:uppercase; font-size:50px; font-family:'Raleway', sans-serif; color:#000; font-weight:800;}
.about_bus_con {margin-top:70px; overflow:hidden;}
.about_bus_con .group {float:left; text-align:left; width:19%; padding:0 3%;}
.about_bus_con .group p {font-size:18px; font-family:'Raleway', sans-serif; color:#000; font-weight:800; margin-top:22px;}
.about_bus_con .group span {border-bottom:solid 1px #000; width:20px; display:inline-block; margin:15px 0 10px;} 
.about_bus_con .group li {padding:3px 0; color:#333;}
.about_his_bg {background-color:#000000;}
.about_his_tit {text-transform:uppercase; font-size:50px; font-family:'Raleway', sans-serif; color:#fff; font-weight:800;}
.about_his_tit_s {font-size:24px; font-family:'Raleway', sans-serif; color:#fff; font-weight:800; margin-top:12px;}
#about_his {overflow:hidden; background:url(../img/about_his_line.png) top center repeat-y; margin-top:30px; padding-bottom:50px;}
#about_his .left {width:50%; float:left; background:url(../img/about_his_left.png) top right no-repeat; padding-top:30px;}
#about_his .left .year {font-size:20px; font-family:'Raleway', sans-serif; font-weight:800; padding:0px 0px 10px 0px; background:none;}
#about_his .left li {background:url(../img/b_white.png) no-repeat 100% 9px; font-size:14px; color:#fff; text-align:right; padding:3px 8px 3px 0; margin-right:15px;}
#about_his .right {width:50%; float:left; background:url(../img/about_his_right.png) top left no-repeat; padding-top:30px;}
#about_his .right .year {font-size:20px; font-family:'Raleway', sans-serif; font-weight:800; padding:0px 0px 10px 0px; background:none;}
#about_his .right li {background:url(../img/b_white.png) no-repeat 0 9px; font-size:14px; color:#fff; text-align:left; padding:3px 0px 3px 8px; margin-left:15px;}

/*contact us*/
#contact {width:1170px; margin:30px auto 0; text-align:center;}
#contact_in {float:left; width:50%; overflow:hidden; padding-bottom:30px;}
#contact_in li {font-size:14px; padding-bottom:10px; line-height:20px; overflow:hidden; text-align:left;}
#contact_in li .tit {float:left; font-weight:800; color:#000; font-family:'Raleway', sans-serif; width:25%;}
#contact_in li .tit_kor {float:left; font-weight:800; color:#000; width:25%;}
#contact_in li .con {float:left; color:#888; width:75%;}
#contact_in li .con a {color:#888;}
#contact_in li .con a:hover {border-bottom:1px solid #ff1f1f; color:#000;}
.icon_subway {background:url(../img/icon_subway.png) no-repeat; width:15px; height:15px; display:inline-block; vertical-align:middle;}
.icon_bus {background:url(../img/icon_bus.png) no-repeat; width:15px; height:15px; display:inline-block; vertical-align:middle;}
#map {width:100%; text-align:center; height:492px; overflow:hidden; background-color:#f8f8f8; position:relative;}
.txt1 {font-size:36px; font-weight:800; color:#000; margin-bottom:15px;}
.txt2 {font-size:16px; color:#a0a0a0; margin-bottom:65px;;}
#input_area {overflow:hidden; margin-bottom:30px;}
#input_area ul {float:left; width:40%; margin-right:5%; margin-left:5%;}
#input_area li {padding:4px 0; color:#888; font-size:13px; text-align:left;}
#input_area li input {width:100%; color:#000;}
#input_area li textarea {width:100%; color:#000; height:258px;}
#input_area li input[type="file"] {border:0; padding:12px 10px; background-color:#f4f3f4;}
#input_area li .btn {font-family:'Raleway', sans-serif; background-color:#ff1f1f; text-align:center; width:100%; padding:15px 0; color:#fff; font-size:14px; font-weight:800; text-transform:uppercase; cursor:pointer;}

/*start up*/
.start {width:100%; border-bottom:#d3d3d3 solid 1px;}
.start_in {width:1170px; margin:0 auto; overflow:hidden; padding:50px 0; position:relative;}
.part .symbol {float:left; width:15%; height:100px; text-align:left; background: url(../img/noimg.png) no-repeat #fff 20px 5px;}
.part .text {float:left; width:85%; text-align:left;}
.part .text .tit {font-size:50px; font-weight:800; font-family:나눔 고딕, 'Nanum Gothic', Nanum Gothic; padding:0;}
.part .text ul {padding:0; width:100%;}
.part .text li {padding-top:25px; font-family:'Raleway',sans-serif; font-size:14px; font-weight:800; color:#000;}
.part .text li ul {padding-top:12px;}
.part .text li ul li {font-weight:normal; font-size:14px; color:#888; line-height:22px; font-family:나눔 고딕, 'Nanum Gothic', Nanum Gothic; padding:0;}
.part .text li ul li img {cursor:pointer; margin-right:10px;}
.part .bt {position:absolute; left:50%; bottom:0; margin-left:-22px; z-index:5;}
.part .bt img {cursor:pointer;}
.start_more {background-color:#d3d3d3; padding-bottom:60px; width:100%; position:relative;}
.start_more .bt {position:absolute; left:50%; bottom:0; margin-left:-22px; z-index:5;}
.web {text-align:center; position:relative;}
.web .title {font-family:'Raleway', sans-serif; font-size:14px; font-weight:800; color:#000; text-transform:uppercase; text-align:left;}
.web .title span {border-top:2px solid #000; padding-top:15px; display:inline-block;}
.web .prev {position:absolute; left:40px; top:301px; cursor:pointer;}
.web .next {position:absolute; right:40px; top:301px; cursor:pointer;}
.web .img {width:933px; margin:0 auto; text-align:center; position:relative;}
.web .img p {position:absolute; top:38px; left:38px; width:856px; height:495px; background:url(../img/noimg.png) center no-repeat #f8f8f8; overflow:hidden; box-shadow:inset 5px 5px 3px rgba(0, 0, 0, .2); -moz-box-shadow:inset 5px 5px 3px rgba(0, 0, 0, .2); -webkit-box-shadow:inset 5px 5px 3px rgba(0, 0, 0, .2);}
.web .img p img {width:856px; overflow:hidden; box-shadow:inset 5px 5px 3px rgba(0, 0, 0, .2); -moz-box-shadow:inset 5px 5px 3px rgba(0, 0, 0, .2); -webkit-box-shadow:inset 5px 5px 3px rgba(0, 0, 0, .2);}

.mobile {text-align:center; position:relative; padding-top:60px;}
.mobile .title {font-family:'Raleway', sans-serif; font-size:14px; font-weight:800; color:#000; text-transform:uppercase; text-align:left; padding-bottom:20px;}
.mobile .title span {border-top:2px solid #000; padding-top:15px; display:inline-block;}
.mobile .prev {position:absolute; left:270px; top:412px; cursor:pointer;}
.mobile .next {position:absolute; right:270px; top:412px; cursor:pointer;}
.mobile .img {width:402px; margin:0 auto; text-align:center; position:relative;}
.mobile .img p {position:absolute; top:52px; left:30px; width:334px; height:529px; background:url(../img/noimg.png) center no-repeat #f8f8f8; overflow:hidden; box-shadow:inset 5px 5px 3px rgba(0, 0, 0, .2); -moz-box-shadow:inset 5px 5px 3px rgba(0, 0, 0, .2); -webkit-box-shadow:inset 5px 5px 3px rgba(0, 0, 0, .2); border-radius:16px; -moz-border-radius:16px; -webkik-border-radius:16px;}
.mobile .img p img {width:334px; overflow:hidden; box-shadow:inset 5px 5px 3px rgba(0, 0, 0, .2); -moz-box-shadow:inset 5px 5px 3px rgba(0, 0, 0, .2); -webkit-box-shadow:inset 5px 5px 3px rgba(0, 0, 0, .2); border-radius:16px;
-moz-border-radius:16px; -webkik-border-radius:16px;}

.title_smenu_str{cursor:pointer;font-size:30px;}