@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,700);
@import url(https://hangeul.pstatic.net/hangeul_static/css/nanum-square.css);

/*base*/
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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,input,select,textarea,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
/*table, caption, tbody, tfoot, thead, tr, th, td,*/
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video{	
	padding:0px;
	margin:0px;
	vertical-align:top
}
html {overflow-y:auto; font-family:'Roboto','NanumSquare','맑은 고딕','Malgun Gothic','dotum'; font-weight:400; color:#444444;font-size:14px;line-height:1;letter-spacing:normal;word-break:keep-all;}
html, body {width:100%;-webkit-text-size-adjust:none;}
body{position:relative; overflow:hidden; background:#ffffff}
ul, ol {list-style-type:none}
h1,h2,h3,h4,h5,h6,th{font-weight:400}
table{border-collapse:collapse;border-spacing:0}
img,fieldset{border:0;outline:none}
label {cursor:pointer}
i, em, address {font-style:normal}
caption,legend{visibility:hidden;width:0px;height:0px;font-size:0px;line-height:0px}
strong{font-weight:700}

input,select,textarea{font-family:'Roboto','NanumSquare','맑은 고딕','Malgun Gothic','dotum'; font-weight:400}
textarea{resize:none;border:none;background:none}

a {text-decoration:none;color:#444444;cursor:pointer;}
a:link, a:visited {text-decoration:none;color:#444444;}
a:hover, a:focus, a:active{background:none;text-decoration:none;}

/* main */
#wrap{min-width:1280px; position:relative;left:0;width:100%;min-height:100%;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease}
.d_t{display:table;width:100%;height:100%;}
.d_c{display:table-cell;width:100%;vertical-align:middle;}
.main_cell.main_visual02 h1, .main_cell.main_visual04 h1{background:url(//img.enuri.info/images/home/new_ci.png) 0 -70px no-repeat; position:absolute; left:10%; top:10%;height:50px; width:200px; text-indent:-9999em; z-index:1;}
#container{padding-top:0 !important}
#mainData{position:relative;width:100%;overflow:hidden}
#mainData .content{position:absolute;top:0;left:0;width:100%;height:100%}
#mainData .content .main_cell{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
#mainData .content .txt_wrap{position:relative; }
#mainData .btn_arrow{position:absolute;bottom:40px;left:0;width:100%;text-align:center;z-index:50}
#mainData .cover{position:absolute;top:0;left:0;width:100%;height:100%;}

/*visual*/
.visual01{background:url(//img.enuri.info/images/summerce/bg_nav01.png);}
.visual02{background:url(//img.enuri.info/images/summerce/bg_nav02.jpg);}
.visual03{background:url(//img.enuri.info/images/summerce/bg_nav03.jpg);}
.visual04{background:url(//img.enuri.info/images/summerce/bg_nav04.jpg);}
.visual05{background:url(//img.enuri.info/images/summerce/bg_nav05.jpg);}
.visual06{background:url(//img.enuri.info/images/summerce/bg_nav06.jpg);}
.visual07{background:url(//img.enuri.info/images/summerce/bg_nav06.jpg);}

/*nav*/
.area{width:1280px; margin: 0 auto; position:relative;}
.nav h1{background:url(//img.enuri.info/images/summerce/ico.png) 0 0 no-repeat; height:42px; width:174px; text-indent:-9999em; z-index:1; float:left; margin-top:10px}
.nav h1.news{background:url(//img.enuri.info/images/summerce/news_tit.gif) 0 3px no-repeat; width:200px; }
.nav h1.notice{background:url(//img.enuri.info/images/summerce/notice_tit.gif) 0 3px no-repeat; width:200px; }
.nav{position:absolute;top:0;left:0;z-index:100; width:100%; height:64px; box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1); background:#ffffff}
.nav ul{float:right; padding-top:22px;}
.nav ul li{display:inline-block; margin-left:75px;}
.nav ul li a{text-align:left; display:block; padding:2px 0 18px; letter-spacing:-0.5px; font-size:18px; }
.nav ul li.actived{color:#20a6d8; border-bottom:4px solid #20a6d8}
.area .win_close{position:absolute; right:0; top:12px; width:37px; height:37px; background:url(//img.enuri.info/images/summerce/news_tit.gif) right top no-repeat; text-indent:-9999em}

.txt_wrap{letter-spacing:-1px;}
.content_area{display:table; height:100%; margin:0 auto; width:1126px; position:relative; z-index:10;}

/*home*/
.visual01 .intro_txt01{font-size:36px; font-family: 'Roboto'; font-weight:100}
.visual01 .intro_txt02{font-size:100px; color:#25b1e6; letter-spacing:-3px; font-family: 'Roboto'; font-weight:700; margin-top:-8px;}
.visual01 .intro_txt03{font-size:100px; letter-spacing:4px; font-family: 'Roboto'; font-weight:100; margin-top:-15px;}
.visual01 .intro_txt04{font-size:20px;line-height:25px; padding-top:25px; position:relative; margin-top:15px;}
.visual01 .intro_txt04 span{position:absolute; left:6px; top:0; width:100px; height:3px; background:#1e96c7}
.visual01 .obj{position:absolute; right:100px; top: 50%; -webkit-transform: translateY(-45%); transform: translateY(-45%); background:url(//img.enuri.info/images/summerce/obj_nav01.png); width:921px; height:816px;}


/*about us*/
.visual02 .about_txt01{width:521px; height:750px; background:url(//img.enuri.info/images/summerce/obj_nav_com2_v1.png) no-repeat; text-indent:-9999em;  }
.visual02 .about{background:url(//img.enuri.info/images/summerce/obj2_nav02.png) bottom right no-repeat; position:absolute; right:0; bottom:0; width:401px; height:100%; }
.visual02 .about .about_txt02{position:absolute; left:0; bottom:647px; color:#21a0d4; font-size:76px; font-weight:100; text-align:center; width:100%; letter-spacing:-3px}
.visual02 .about .about_txt03{position:absolute; left:0; bottom:586px; color:#21a0d4; font-size:76px; font-weight:700; letter-spacing:-3px;}
.visual02 .about .about_txt04{position:absolute; left:0; bottom:298px; color:#fff; font-size:36px; padding-left:30px; letter-spacing:-1px; line-height:44px}
.visual02 .about .about_txt04 span{font-size:46px;}
.visual02 .about .about_txt05{position:absolute; left:0; bottom:100px; color:#fff; font-size:16px; padding-left:30px; line-height:22px; letter-spacing:-1px}


/*business*/
.visual03 .bar{position:absolute; left:0; top:0; background:url(//img.enuri.info/images/summerce/obj_bar.png); width:821px; height:466px; z-index:-1 }
.visual03 .buss_txt01{position:absolute; left:0; top:18%; color:#fff; font-size:76px; font-weight:700; letter-spacing:-3px}
.visual03 .buss_txt02{position:absolute; left:0; top:26%; color:#fff; font-size:20px;  letter-spacing:-1px; line-height:24px;}
.bussiness{width:1126px; }

.bussiness li{width:100%; height:547px; text-indent:-9999em; }
.bussiness li.enuri{background:url(//img.enuri.info/images/summerce/com_enuri_v1.png);}
/* 2017-11-08 쉽겟 삭제
.bussiness li.shipget{background:url(//img.enuri.info/images/summerce/com_shipget.png);}*/
/* .bussiness li.shallwead{background:url(//img.enuri.info/images/summerce/com_shallwead_v1.png);} */
.bussiness li.sweet{background:url(//img.enuri.info/images/summerce/com_sweet_v1.png);}
.bussiness li.bigdata{background:url(//img.enuri.info/images/summerce/com_bigdata_v1.png);}
/*.bussiness li.xgolf{background:url(//img.enuri.info/images/summerce/xgolf.png);}*/
.bussiness li.builton{background:url(//img.enuri.info/images/summerce/com_builton_v1.png);}
.bussiness li a{display:block; position:absolute; right:5px; bottom:30px; width:400px; height:90px; }
.visual03 .swbtn{background:url(//img.enuri.info/images/summerce/ico.png); width:48px; height:93px; top:55% }
.visual03 .btn_prev.swbtn{background-position:-1px -57px; left:-80px; }
.visual03 .btn_next.swbtn{background-position:-96px -57px; right:-80px; }
.pagination{position:static; padding-top:20px; padding-left:115px;}
.pagination span{background:url(//img.enuri.info/images/summerce/ico.png) -193px -53px; width:16px; height:16px;}
.pagination .swiper-pagination-bullet-active{background-position:-171px -53px}


/*ci*/
.visual04 .ci_txt01{width:711px; height:420px; background:url(//img.enuri.info/images/summerce/ci.png); text-indent:-9999em; }
.visual04 .ci{background:url(//img.enuri.info/images/summerce/obj2_nav02.png) bottom right no-repeat; position:absolute; right:0; bottom:0; width:401px; height:100%; }
.visual04 .ci .txt02{position:absolute; left:0; bottom:647px; color:#21a0d4; font-size:76px; font-weight:100; text-align:center; width:100%; letter-spacing:-3px}
.visual04 .ci .txt03{position:absolute; left:0; bottom:586px; color:#21a0d4; font-size:76px; font-weight:700; letter-spacing:-3px; width:100%;text-align:center;}
.visual04 .ci .txt04{position:absolute; left:25px; bottom:280px; color:#fff; font-size:16px; letter-spacing:-1px; line-height:19px}
.visual04 .ci .txt04 span{font-size:36px; letter-spacing:-1px; display:block; line-height:50px; height:60px;}
.visual04 .ci .txt05{position:absolute; left:22px; bottom:225px; line-height:18px; width:242px; height:39px; background:url(//img.enuri.info/images/summerce/ico.png) -156px -113px; text-indent:-9999em;}
.visual04 .bar{position:absolute; right:0; top:0; background:url(//img.enuri.info/images/summerce/bar_ci.png); width:1521px; height:840px; z-index:-1}

/*content*/
.visual05 .txt01{color:#21a0d4; font-size:76px; font-weight:700; margin-bottom:22px; }
.visual05 .txt02{color:#171717; font-size:36px; margin-bottom:15px;}
.visual05 .txt03{color:#686868; font-size:16px; line-height:20px; margin-bottom:30px;}
.visual05 .txt03 span, .visual05 .txt03 a{color:#000; padding:0 8px 0 5px;}
.visual05 .mapview{width:1118px;height:457px; border:1px solid #ffffff; box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.4);}

/*news*/
.visual06 .txt01{color:#21a0d4; font-size:76px; font-weight:700; border-bottom:3px solid #21a0d4; width:100%; }
.news{padding:10px 0 0 20px; }
.news:after{clear:both; display:block; content:""; }
.news li{float:left; margin:20px; position:relative; line-height:22px; width:318px; height:240px; border:1px solid #cccccc; font-size:15px; word-break: break-all;} 
.news li a{padding:18px; color:#555555; display:block; overflow:hidden; height:188px }  
.news li:hover{border:1px solid #787878; box-shadow: 0px 4px 0px rgba(0, 0, 0, 0.1); }
.news li .photo{width:318px; height:219px; position:absolute; left:0; top:0; border-bottom:1px solid #cccccc}
.news li .date{font-size:14px; color:#787878;}
.news li strong{font-size:18px; color:#171717; display:block; margin-bottom:7px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* 라인수 */ -webkit-box-orient: vertical;  word-wrap:break-word; line-height: 1.2em; height: 2.4em; overflow:hidden;}
/* 기사 내용 2줄 말줄임 */
.news li .news_summary {display: -webkit-box;overflow: hidden;text-overflow: ellipsis;white-space: normal;word-wrap: break-word;-webkit-box-orient: vertical;-webkit-line-clamp: 4;width: 100%;}
.news li .detail{height:41px; overflow:hidden; }
.news.news_page li{margin-bottom:30px;}
.visual06 .more{text-align:center; display:block; padding-top:40px;}
.visual06 .more a{display:inline-block; width:141px; height:32px; background:url(//img.enuri.info/images/summerce/ico.png) right top no-repeat; text-indent:-9999em; }

/*notice*/
.visual07 .txt01{color:#21a0d4; font-size:76px; font-weight:700; border-bottom:3px solid #21a0d4; width:100%; }
/* .news{} -> news 클래스와 동일 */
.visual07 .more{text-align:center; display:block; padding-top:40px;}
.visual07 .more a{display:inline-block; width:141px; height:32px; background:url(//img.enuri.info/images/summerce/ico.png) right -155px no-repeat; text-indent:-9999em; }


/*news&notice page*/
.news_list .main_cell{padding-top:90px;}
.news_list .nav{position:fixed}
.news_bg{z-index:-1; background:url(//img.enuri.info/images/summerce/bg_nav06.jpg); position:fixed;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}

h2.txt01{color:#21a0d4; font-size:76px; font-weight:700; border-bottom:3px solid #21a0d4}
h2.txt02{color:#21a0d4; font-size:36px; font-weight:700; border-bottom:3px solid #21a0d4}
.news_board{padding:60px 0 0 5px; }
.news_board:after{clear:both; display:block; content:""; }
.news_board li{width:318px; height:320px; margin-left:40px; float:left; position:relative; word-break: break-all; line-height:20px; }
.news_board li strong{color:#ffffff; font-size:18px; padding:10px 15px 0; width:288px; height:50px; overflow:hidden; position:absolute; left:0; top:159px; background: rgba(0,0,0,0.6); }
.news_board li strong em{display:block; width:100%; height:42px; overflow:hidden; line-height:21px}
.news_board li a{font-size:16px; display:block; }
.news_board li .photo{width:318px; height:218px; border:1px solid #c4c4c4; margin-bottom:5px;}
.news_board li .date{font-size:14px; color:#787878; display:block; text-align:right; padding-top:3px}

/*페이징*/
.paging{text-align:center; margin:22px 0 47px; position:relative;}
.paging li{display:inline-block; margin:0 1px; vertical-align:middle}
.paging li a{width:34px; height:28px; padding-top:6px; border:1px solid #e2e2e2; color:#999999; text-align:center; display:block; font-size:18px; font-family:tahoma;}
.paging li a.btn{background: url(//img.enuri.info/images/home/bullet.gif) 0 0 no-repeat; color:#181818; width:78px; height:27px; padding-top:7px; font-family:malgun gothic; font-size:16px; }
.paging li a.btn:hover{border:1px solid #e2e2e2; color:#181818;}
.paging li a.btn.prev{background-position:10px -247px; text-indent:7px;}
.paging li a.btn.next{background-position:right -300px; text-indent:-7px;}
.paging li a.selected{cursor:default; background:#2d9fe8; border:1px solid #1f8fd7; color:#ffffff}
.paging li a.selected:hover{border:1px solid #1f8fd7; color:#ffffff}
.paging li a:hover{border:1px solid #787878; color:#343434}

.news_view{width:1040px; padding:30px 0 100px; margin:0 auto;}
.news_view .view_title{font-size:24px; font-weight:bold; color:#171717; position:relative; border-bottom:1px solid #e2e2e2; padding:0 100px 10px 0; margin-bottom:60px}
.news_view .view_title span{font-size:14px; color:#787878; position:absolute; right:5px; bottom:8px; font-weight:normal;}
.news_view .photo{text-align:center; padding-bottom:30px;}
.news_view .txt{font-size:16px; line-height:28px;text-overflow: ellipsis;white-space: normal;word-wrap: break-word;width: 100%;}
.news_view .more{text-align:center; display:block; padding:30px 0;}
.news_view .more a{display:inline-block; width:141px; height:32px; background:url(//img.enuri.info/images/summerce/ico.png) right -37px no-repeat; text-indent:-9999em; }
.news_view .more a.go_list{background-position:right -74px;}
.news_view .more a.go_notice{background-position:right -190px;}
.news_view .newstit{border-top:1px solid #e2e2e2; }
.news_view .newstit li{line-height:49px; border-bottom:1px solid #e2e2e2; cursor:pointer; font-size:16px; padding: 0 100px 0 120px; position:relative; }
.news_view .newstit li span{position:absolute; left:0; top:0px; color:#787878; font-size:14px; background:url(//img.enuri.info/images/summerce/ico_btn.gif) 0 0 no-repeat; padding-left:30px }
.news_view .newstit li span.prev{background-position:0 12px;}
.news_view .newstit li span.next{background-position:0 -64px;}
.news_view .newstit li em{position:absolute; right:0; top:0px; color:#787878; font-size:14px; }

.footer{padding:20px 0; background:#353535; color:#999999; text-align:center;  width:100%; font-size:12px;}

@media screen and (max-height:880px){
	.visual03 .buss_txt02{top:28%;font-size:15px; letter-spacing:-1px; line-height:20px}
}

@media screen and (max-width:1400px){
	#wrap{min-width:1000px;}
	.area{width:1000px; }
	.content_area, .bussiness{width:900px;}
	
	.nav ul li{margin-left:50px;}
	
	.visual01 .intro_txt01{font-size:28px; }
	.visual01 .intro_txt02{font-size:78px; }
	.visual01 .intro_txt03{font-size:78px; letter-spacing: 2px;}
	.visual01 .intro_txt04{font-size:16px; }
	.visual01 .obj{background-size:650px 572px; width: 650px; height:572px;}
	
	.visual02 .about{background-size:320px 440px; width:320px; }
	.visual02 .about_txt01{background-size:416px 600px; width:416px; height:600px;}
	.visual02 .about .about_txt02{font-size:62px; bottom: 512px;}
	.visual02 .about .about_txt03{font-size:62px; bottom: 460px;}
	.visual02 .about .about_txt04{font-size:28px; line-height:38px; bottom: 250px;}
	.visual02 .about .about_txt04 span{font-size:37px;}
	.visual02 .about .about_txt05{font-size:12px; bottom: 70px;}
	
	.visual03 .buss_txt01{font-size:59px; letter-spacing:-2px}
	.visual03 .buss_txt02{font-size:15px; letter-spacing:-1px; line-height:20px}
	.bussiness li{height:437px}
	.bussiness li.enuri, .bussiness li.shipget, .bussiness li.shallwead, .bussiness li.sweet, .bussiness li.bigdata, .bussiness li.xgolf, .bussiness li.builton{background-size:900px 437px}
	.bussiness li a{width:320px; height:75px; bottom:20px}
	.pagination{padding-left:92px}
	.visual03 .swbtn{top:52%}
	
	.visual04 .ci_txt01{width:568px; height:336px; background-size:568px 336px; }
	.visual04 .ci{background-position:0 115%; background-size: 320px 440px; width: 320px;}
	.visual04 .ci .txt02{font-size:59px; letter-spacing:-2px; bottom: 428px; }
	.visual04 .ci .txt03{font-size:59px; letter-spacing:-2px; bottom: 373px; }
	.visual04 .ci .txt04{font-size:12px; bottom:123px; }
	.visual04 .ci .txt04 span{font-size:29px;}
	.visual04 .ci .txt05{bottom:73px}
	.visual04 .bar{background-size:1216px 672px; width:1216px; height:672px; }
	
	.visual05 .txt01{font-size: 60px;}
	.visual05 .txt02{font-size: 28px;}
	.visual05 .txt03{font-size: 12px;}
	.visual05 .mapview{width:844px; height:315px;}
	
	.visual06 .txt01{font-size:59px; }
	.news{padding:20px 0 0 0px; }
	.news li a{height:146px; overflow:hidden}
	.news li{float:left; margin:10px; line-height:20px; width:278px; height:210px; border:1px solid #cccccc; font-size:13px; } 
	.news li strong{font-size:15px;}
	.news li .photo{width:278px; height:179px; }
	
	.news_board li{width:278px; height:280px; margin-left:15px;  line-height: 18px;}
	.news_board li .photo{width:278px; height:178px;}
	.news_board li strong{width:248px; left:0; top: 119px; font-size:16px}
	.news_board li a{font-size:14px; height:240px; }
	
	.news_view{width:850px;}
}

/* 200819 : SR#41787 : 회사 이전안내 팝업 추가 */
.lay_pop{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000}
.lay_pop .lay_body{position: absolute;z-index:1;width:472px;height:646px;background-color:#fff;top:50%;left:50%;margin:-323px 0 0 -286px;box-shadow: 2px 2px 0px rgba(0,0,0,.15)}
.lay_pop .lay_body .btn_lay_close{position:absolute;border:0;background:transparent;width:148px;height:36px;bottom:36px;left:162px;text-indent:-9999em;cursor:pointer}
.lay_pop .dimmed{position: absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(255,255,255,.8)}