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

* {  margin:0; padding:0; font-family: 'NanumSquare', sans-serif; -webkit-text-size-adjust: none;}
a { text-decoration:none;}
img { border:0;}
ul, li { list-style:none; }

body { width:100%; min-width:1200px;}

/* Çì´õ */
.m_body_back { display:none;}
.wrap { width:1200px; margin:0 auto; height:auto; overflow:hidden;}
#hd { width:100%; height:86px; position:relative; top:0;}
div.hd_pc { width:100%; height:auto; overflow:hidden;}
a.logo { display:block; width:170px; height:47px; line-height:47px; float:left; padding-top:19.5px;}
ul.main_menu { width:528px; height:100%; float:right;}
ul.main_menu li { float:left; width:25%; height:100%; box-sizing:border-box;}
ul.main_menu li  a { font-size:17px; font-weight:bold; color:#000; text-align:center; display:block; line-height:86px; border-bottom:2px solid transparent; position:relative; z-index:5;}
ul.main_menu li.on > a { color:#26b8ea; border-bottom:2px solid #26b8ea; }
ul.main_menu li.on div.main_menu02 { display:block;} 
div.main_menu02 { width:100%; height:auto; overflow:hidden; background:#fff; border:1px solid #ccc; border-top:0; box-sizing:border-box; display:none; position:relative; z-index:5;}
div.main_menu02 ul li { float:inherit; width:100%; height:auto; overflow:hidden;}
div.main_menu02 ul li a { font-size:13px; font-weight:400; text-align:center; color:#393939; height:auto; overflow:hidden; padding:15px 0; line-height:inherit;}
div.main_menu02 ul li a:hover { font-weight:600;}
div.hd_mobile { display:none;}

/* ǪÅÍ */
#ft { clear:both; width:100%; max-width:1920px; border-top:1px solid #ccc; position:relative; bottom:0; margin:0 auto;}
p.copyright { text-align:center; line-height:1.3em; font-size:14px; padding:10px 0;}
#ft div.wrap div.ft_mobile, div.ft_mobile.link { display:none;}
.ft_mobile { display:none;}


/* ¼­ºê°øÅëºÎºÐ */
#sub_visual { width:100%; height:163px; background:url(../img/sub_bg01.jpg) no-repeat; background-position:center;}
#sub_visual .wrap { height:100%; box-sizing:border-box;}
dl.sub_vi_txt { float:right; padding-top:115px;}
dl.sub_vi_txt dt, dl.sub_vi_txt dd { float:left; color:#fff;}
dl.sub_vi_txt dt { background:#26b8ea; border-radius:15px; text-align:center; padding:3px 10px; margin-right:10px;}
dl.sub_vi_txt dd { line-height:24px; font-weight:bold; font-size:19px;}
img.m_img { display:none;}

#nav { width:100%; height:44px; border:1px solid #ccc; border-right:0; border-left:0; background:#f5f5f5; clear:both; max-width:1920px; margin:0 auto;}
#nav ol { width:100%; height:43px; line-height:43px; box-sizing:border-box; position:relative;}
#nav ol > li { float:left; border-left:1px solid #ccc; box-sizing:border-box; width:150px; height:100%;}
#nav ol li a, #nav ol li p { color:#000; font-size:13px; padding-left:15px;}
#nav li.nav_home { padding:0; width:auto;}
#nav li.nav_home a { padding:0;}
#nav li.nav_home > a { background:url(../img/nav_home.png) no-repeat; background-position:center; display:block; width:42px; height:42px;}
#nav li.nav02 { position:relative; padding-right:40px; border-right:1px solid #ccc; height:auto;}
#nav li.nav02 p:after { content:url(../img/nav_icon.png); position:absolute; right:10px; transition:transform 0.2s 0.3s ease; top:0;}
#nav li.nav02.active p:after { transform:rotate(180deg);}
#nav li.nav02 ul.nav02 { width:150px; box-sizing:border-box; border-bottom:1px solid #ccc; position:relative; z-index:5; display:none; background:#fff; border-right:1px solid #ccc;}
#nav li.nav02.active ul.nav02 { display:block;}
#nav li.nav02 ul.nav02 li a { color:#b1b1b1;}
#nav li.nav02 ul.nav02 li a:hover { color:#000;}
#nav li.nav02.long { width:230px;}
#nav li.nav02.long ul.nav02 { width:229px;}

#content { width:100%; height:auto; overflow:hidden; margin:45px 0 90px;}
.page_head { width:100%; text-align:center; font-size:25px; margin-bottom:30px;}
h3.sub_title { padding:0 3rem; display:inline-block; position:relative;}
h3.sub_title:before, h3.sub_title:after { content:''; width:30px; height:2px; background:#666; display:block; position:absolute; top:28%; left:0;}
h3.sub_title:after { right:0; left:inherit;}
em.sub_title_kor { font-size:14px; color:#999; display:block; font-weight:normal; font-style:normal; letter-spacing:1.2em;}
div.page_body { width:100%; height:auto; overflow:hidden;}

/* ¸ÞÀκñÁÖ¾óºÎºÐ */
#visual { width:100%; min-width:1200px; max-width:1920px; height:811px; /*background:url(../img/main_vi.jpg) no-repeat;*/ background-position:center; margin:0 auto;}
/*#visual .wrap { background:url(../img/main_vi_txt.png) no-repeat; background-size:100%; height:100%;}*/

/* Àλ縻 */
article.con_head { width:1200px; margin:0 auto; height:262px; background:url(../img/sub_head01.jpg) no-repeat; background-position:center;}
h3.con_head_title { padding:63px 0 0 83px; color:#fff; font-size:27px; line-height:1.2em; font-weight:400;}
article.con_body { width:1140px; height:auto; overflow:hidden; padding:47px 52px; box-sizing:border-box; border:1px solid #ccc; margin:-74px auto 0; background:#fff; font-size:16px; line-height:1.3em; color:#555; font-weight:400;}
p.con_body_txt { padding-right:303px; background:url(../img/img_intro.jpg) no-repeat; background-position:right center; letter-spacing:-0.1px; width:100%; word-break:keep-all;}
span.con_body_copyright { font-size:17px; color:#333; font-weight:bold; display:block; float:right; margin-top:40px;}

/* ¿¬Çõ */
article.con_head.his { background:url(../img/sub_head02.jpg) no-repeat;}
article.con_head.his h3.con_head_title { padding-top:93px;}
img.con_img { display:block; margin:0 auto;}
img.m_con_img { display:none;}

/* Á¶Á÷µµ */
article.con_head.orga { background:url(../img/sub_head03.jpg) no-repeat;}
article.con_head.orga h3.con_head_title { padding-top:93px;}

/* À¥»çÀÌÆ®±¸Ãà */
article.con_head.web { background:url(../img/sub_head04.jpg) no-repeat;}
article.con_head.web h3.con_head_title { padding-top:93px;}
p.con_body_title { font-size:21px;}
strong.skyblue { color:#26b8ea;}
p.con_body_des { font-size:15px; color:#777;}
dl.numbering { width:100%; display:block; height:auto; overflow:hidden;}
dl.numbering dt, dl.numbering dd { float:left;}
dl.numbering dt { font-size:21px; color:#666; font-weight:800; padding-bottom:3px; border-bottom:2px solid #26b8ea;}
dl.numbering dd { font-size:19px; padding-left:20px;}
a.btn_mail {background-image:url('../img/icon.png');  background-color:#26b8ea; width:145px; height:34px; line-height:24px; display:block; box-sizing:border-box; padding:5px 15px; color:#fff; font-size:15px; float:right; background-repeat:no-repeat; background-position:100px center; }
a.btn_mail:hover { background-position:90px center; -webkit-transition:all 400ms; -moz-transition:all 400ms; -o-transition:all 400ms; -ms-transition:all 400ms;}

/* ¿Â¶óÀα¤°í */
article.con_head.online { background:url(../img/sub_head05.jpg) no-repeat;}
article.con_head.online h3.con_head_title { padding-top:93px;}

/* ±¤°í */
article.con_head.ad { background:url(../img/sub_head09.jpg) no-repeat;}
article.con_head.ad h3.con_head_title { padding-top:93px; text-align:left;}


/* ¿À½Ã´Â±æ */
article.con_head.map { background:url(../img/sub_head06.jpg) no-repeat;}
article.con_head.map h3.con_head_title { padding-top:93px;}
ol.map_link { float:right; margin-right:45px; margin-top:-20px;}
ol.map_link li { float:left; width:45px; padding-right:20px;}
p.map_link_des { font-size:14px; text-align:right; margin-right:40px;}
table.map_info { margin-top:20px; background:url(../img/map_bg.jpg) no-repeat right center; height:152px;}
table.map_info tr td { height:24px; padding-bottom:15px;}
span.addr { padding-left:30px; background:url(../img/icon02.png) no-repeat left center; height:24px; display:inline-block;}
span.tel { padding-left:30px; background:url(../img/icon03.png) no-repeat left center; height:24px; display:inline-block;}
span.fax { padding-left:30px; background:url(../img/icon04.png) no-repeat left center; height:24px; display:inline-block;}
span.email { padding-left:30px; background:url(../img/icon05.png) no-repeat left center; height:24px; display:inline-block;}
a.btn_mobile { display:none;}


/* À¥»çÀÌÆ®±¸Ãà02(Æ÷Æ®Æú¸®¿À) */
article.con_head.web02 { background:url(../img/sub_head07.jpg) no-repeat;}
article.con_head.web02 h3.con_head_title { padding-top:93px;}
div.con_body_wrap { width:100%; height:auto; overflow:hidden; box-sizing:border-box;}
ul.tab { width:100%; height:32px; margin-bottom:15px;}
ul.tab li { float:left; cursor:pointer; }
ul.tab li a { display:block; font-size:13px; font-weight:bold; padding:3px 20px; border-radius:3px; color:#000;}
ul.tab li.select a { color:#fff; background:#26B8EA;}
div.work_list { clear:both; width:100%; height:auto; overflow:hidden;}
div.work_block { width:250px; height:300px; box-sizing:border-box; float:left; overflow:hidden; border:1px solid #dfdfdf; background:#fff; position:relative; margin:8px 4px; cursor:pointer;}
div.work_link { display:block; width:100%; height:100%; box-sizing:border-box; transition:all 2s ease; -webkit-transition:all 2s ease;}
a.work_link_hover, a.workd_link_hover.show { position:absolute; left:0; top:0; width:250px; height:300px; color:#fff; opacity:0.95; background:#26B8EA; padding:30px 25px; display:none; box-sizing:border-box;}
a.work_link_hover.show { display:block;}
a.work_link_hover p.h_title { font-size:19px; line-height:1.5em;}
a.work_link_hover p.h_title:after { content:'CLICK!'; color:#fff; font-size:1.2rem; display:block;}
.work_link_hover p.h_title02 { font-size:13px; position:absolute; bottom:30px;}
div.work_block:hover .work_link_hover { display:block;}
div.work_link span.work_img { border-bottom:1px solid #f4f4f4; display:block; height:230px; text-align:center; line-height:230px; box-sizing:border-box; overflow:hidden;}
div.work_link span.work_img img { max-width:80%; height:auto; vertical-align:middle;}
div.work_link strong { color:#000; display:block; font-size:14px; padding:15px 0 0 20px; line-height:22px;}
div.work_link span.work_info { color:#26B8EA; padding-left:20px; font-size:12px; display:block; font-weight:bold;}
div.work_hidden { overflow-x:hidden; overflow-y:auto; position:fixed; top:0; right:0; bottom:0; left:0; z-index:10; display:none; background:rgba(30,30,30,0.8);}
div.work_hidden.this { display:block;}
div.work_content { position:relative; width:1000px; height: 740px; margin:150px auto 0; background:#fff;}
p.work_close { position:absolute; top:55px; right:55px;}
div.work_txt { width:100%; box-sizing:border-box; height:200px; padding:40px;}
div.work_con_img { width:100%; /*height:540px;*/ box-sizing:border-box;}
div.work_con_img img { max-width:100%; height:auto; vertical-align:middle;}
p.work_title { font-size:32px; color:#000; font-weight:500; line-height:1.1em;}
p.work_des { font-size:16px; color:#666; margin:10px 0;}
p.work_des:before { content:'Client.'; font-size:16px; color:#26B8EA; margin-right:5px;}
a#closeLink { cursor:pointer;}

/* ¿Â¶óÀα¤°í02(Æ÷Æ®Æú¸®¿À) */
article.con_head.online02 { background:url(../img/sub_head08.jpg) no-repeat;}
article.con_head.online02 h3.con_head_title { padding-top:93px;}
strong.long, p.long { letter-spacing:-1.5px;}
.work_con_img.naver { background:url(../img/work_onlinebg.jpg) no-repeat; position:relative; height:540px;}
object.flash { position:absolute; z-index:1; top:251px; right:122px;}
table.normal { border-collapse:collapse; border-spacing:0; margin:30px 0; clear:both;}
table.normal td { height:40px; color:#333; border-bottom:1px solid #ddd; text-align:left; font-size:13px; padding:5px 20px; word-break:keep-all;}
table.normal th { border-top:2px solid #26B8EA; background:#f2f2f2; height:40px; color:#333; font-size:14px; padding:10px; text-align:center;}
table.normal tr td:first-child { text-align:center; border-bottom:1px solid #26b8ea;}
table.normal tr td:nth-child(2) { font-weight:bold;}
.work_con_img.m_naver { display:none;}

/* ±¤°í02(Æ÷Æ®Æú¸®¿À) */
article.con_head.ad_02 { background:url(../img/sub_head10.jpg) no-repeat;}
article.con_head.ad_02 h3.con_head_title { padding-top:93px;}