@charset "utf-8";
#wrap {overflow:hidden; min-width:1350px; margin:0 auto; position:relative;}

#skip_nav {position:fixed; left:0; top:-40px; width:100%; text-align:center; line-height:40px; background:rgba(0, 0, 0, 0.5); color:#ffffff; font-size:16px; z-index:10000; -webkit-transition:top 0.3s; transition:top 0.3s;}
#skip_nav:focus {top:0;}

#header {position:relative; height:201px; text-align:center; }
.header_top {height:125px; padding-top:35px;}
#header h1 {}
#header .top_util {position:absolute; top:22px; left:50%; margin-left:-675px;}
#header .top_util li {display:inline-block; padding:0 8px;}
#header .top_util a {display:block; padding-top:61px; color:#111111; background:no-repeat center top;}
#header .top_util li.s01 a {background-image:url('/images/common/icon_location.png');}
#header .top_util li.s02 a {background-image:url('/images/common/icon_pen.png');}

#header .tel {position:absolute; top:36px; right:50%; margin-right:-675px;}

#gnb {position:relative; overflow:hidden; z-index:990; text-align:center; height:76px; border-top:1px solid #e4e8ea; transition:all .4s ease;}
#gnb.open {height:400px;}
#gnb:before {position:absolute; top:75px; left:0; right:0; bottom:0; height:100%; background:#fff; content:''; border-top:2px solid #0498e4;}
.gnb_wrap .btn_home {overflow:hidden; position:absolute; top:0; left:0; z-index:1000; width:75px; height:75px; text-align:left;}
.gnb_wrap .btn_menu {overflow:hidden; position:absolute; top:0; right:0; width:75px; height:75px; text-align:left; }
.gnb_wrap {position:relative; width:1350px; margin:0 auto; padding:0 75px;}
.gnb_wrap > ul {position:relative; z-index:100; display:inline-block; width:100%;}
.gnb_wrap > ul > li {position:relative; float:left; width:16.666%; text-align:center;}
.gnb_wrap > ul > li > a {display:block; font-family: "Noto Sans KR", "Nanum Barun Gothic", 맑은고딕, "Malgun Gothic", "Apple SD Gothic Neo", sans-serif, 나눔고딕, "Nanum Gothic", Dotum; font-size:18px; color:#444444; line-height:76px; font-weight:400;}
.gnb_wrap > ul > li > a span {display:inline-block; position:relative; padding:0 2px;}
.gnb_wrap > ul > li > a:after {position:absolute; bottom:0; left:50%; width:14px; height:9px; margin-left:-5px; background:url('/images/icon/icon_arrow01.png'); content:''; opacity:0; transition:all .4s ease;}
.gnb_wrap > ul > li.on > a:after, .gnb_wrap > ul > li:hover > a:after {opacity:1;}
.gnb_wrap > ul .sub {position:absolute; top:76px; left:0; width:100%; height:270px; padding-top:40px; }
.gnb_wrap > ul .sub a {display:block; font-size:16px; color:#888888; line-height:51px;  transition:all .4s ease;}
.gnb_wrap .sub li:hover a {color:#0498e4;}


#q_menu {overflow:hidden; position:absolute; top:201px; right:0; z-index:100; width:110px; text-align:center;}
#q_menu.fixed {position:fixed; top:0;}
#q_menu a {display:block;}
#q_menu .sns a {margin-top:15px;}



#footer {padding-bottom:50px; text-align:center; background:#132630;}

#menu_list {position:relative; border-bottom:1px solid rgba(255,255,255,0.15); }
#menu_list ul {overflow:hidden; width:1350px; margin:0 auto; border-right:1px solid rgba(255,255,255,0.15);}
#menu_list ul li {float:left; width:20%; border-left:1px solid rgba(255,255,255,0.15);}
#menu_list ul li a {display:block; font-size:15px; color:#ffffff; line-height:66px;}

.footer_cont {position:relative; width:1350px; margin:0 auto; padding-top:43px; text-align:left;}
.footer_cont h2 {position:absolute; top:45px; left:0; }

#address {margin-left:335px; font-size:14px; color:#fff; line-height:2.1428;}
#address span {display:inline-block; position:relative; margin-right:10px;}
#address span+span {padding-left:10px;}
#address span+span:before {position:absolute; top:50%; left:0; width:1px; height:17px; margin-top:-9px;background:#c3c3c3; content:'';}
#address .copyright {}

#f_util {overflow:hidden; margin:24px 0 0 335px; }
#f_util li {display:inline-block; font-size:18px; color:#ffffff; padding-left:78px; min-width:150px; height:58px; background:no-repeat left center; vertical-align:top;}
#f_util li.s01 {background-image:url('/images/icon/icon_phone02.png');}
#f_util li.s02 {background-image:url('/images/icon/icon_headset.png');}
#f_util li.s03 {padding-left:0; background-image:url('/images/icon/icon_mail.png');}
#f_util li+li {margin-left:90px;}
#f_util li p {font-size:15px; color:#c3c3c3; line-height:1.86;}
#f_util li a {display:block; padding-left:78px;}
#f_util li em {font-size:21px; color:#ffffff; line-height:1.33;}



#pop_network {position:fixed; top:0; left:0; z-index:1000;}
#pop_network * {vertical-align:middle;}
#pop_network:before {position:fixed; top:-200%; left:0; width:100%; height:100%; opacity:0; background:rgba(0,0,0,0.5); content:''; -webkit-transition:opacity 0.3s; transition:opacity 0.3s;}
#pop_network .box {position:fixed; top:150%; left:50%; width:800px; margin-left:-400px; margin-top:-375px; padding:40px; background:#fff; -webkit-transition:top 0.3s; transition:top 0.3s;}
#pop_network h2 {}
#pop_network .btn_close {position:absolute; top:40px; right:40px;}
#pop_network form {display:block; border-top:2px solid #222222;}
#pop_network table {width:100%;}
#pop_network td {padding:5px; border-bottom:1px solid #cccccc;}
#pop_network td.th {padding-left:20px; font-size:16px; color:#222222; background:#efefef;}
#pop_network td.th b {color:#2498d4;}
#pop_network textarea, #pop_network input[type='text'], #pop_network select {border:1px solid #cccccc; padding:0 10px;}
#pop_network input[type='text'], #pop_network select {height:30px;}
#pop_network select {padding:3px 3px 3px 10px;}
#pop_network textarea {padding:10px; height:110px;}
#pop_network .agree_box {margin:25px 0 30px;}
#pop_network .agree_box .alink {display:inline-block; font-size:16px; color:#222222;}
#pop_network .scroll_cont {overflow-y:auto; height:95px; margin-top:10px; padding:15px; border:1px solid #cccccc; background:#efefef;}
#pop_network .btn_area {text-align:center;}
#pop_network .hp {width:15.8% !important; margin-right:5px;}

#pop_network.on .box {top:50%;}
#pop_network.on:before {top:0; opacity:1;} 


#info_pop {}
#info_pop:before {position:fixed; top:-200%; left:0; z-index:1000; width:100%; height:100%; opacity:0; background:rgba(0,0,0,0.5); content:''; -webkit-transition:opacity 0.3s; transition:opacity 0.3s;}
#info_pop .box {position:fixed; top:200%; left:50%; z-index:1001; width:600px; margin-left:-300px; -webkit-transition:top 0.3s; transition:top 0.3s;}
#info_pop p {display:none; width:100%; position:relative;}
#info_pop p img {width:100%;}

#info_pop .img1 {margin-top:-430px;}
#info_pop .img2 {margin-top:-320px;}

#info_pop .btn_close {position:absolute; top:40px; right:40px; z-index:3; margin:0;}
#info_pop .btn_close img {margin:0;}

#info_pop.on .box {top:50%;}
#info_pop.on:before {top:0; opacity:1;} 

.half {width:50% !important;}
.full {width:100% !important;}