@charset "euc-kr";

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumbrushscript.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumpenscript.css);
@import url(http://cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothic.css);
@import url('https://fonts.googleapis.com/css?family=Oxygen');


 @font-face {
 font-family: 'NanumBarunGothic';
 font-style: normal;
 font-weight: 400;
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot');
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.ttf') format('truetype');
}

@font-face {
 font-family: 'NanumBarunGothic';
 font-style: normal;
 font-weight: 700;
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot');
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.ttf') format('truetype')
}

@font-face {
 font-family: 'NanumBarunGothic';
 font-style: normal;
 font-weight: 300;
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot');
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.ttf') format('truetype');
}


* {margin:0; padding:0; font-family: 'NanumBarunGothic', Nanum Gothic, sans-serif; font-weight:400; line-height:24px; letter-spacing:0px; color:#555; font-size:15px;}
html { height:100%; box-sizing:border-box; min-width:1100px; width:100%;}
input {box-sizing:border-box}
body {padding:0; margin:0; height:100%;}
div, ul, li, dl, dt, dd, p ,span, h1, h2, h3, h4,h5, fieldset {padding:0; margin:0; display:block}
img, a {border:none; margin:0; padding:0;}
fieldset {border:none;}
a {text-decoration:none;} 
a:hover {color:#00509b;}
li {list-style:none;}
input, textarea, button, select { cursor:pointer}

#wrap { min-width:1100px;width:100%; padding:0; margin:0; height:100%; }


#header_wrap{height:119px;}
/*header-top*/
.header-top-wrap{ background:#2a4673;border-bottom:1px solid #1e355a;position:fixed; z-index:500; height:44px; width:100%;}
.header-top{text-align:right;width:1100px; margin:0 auto; }
.header_top_left {float:left;}
.header_top_right {float:right;}
.header_top_left li, .header_top_right li {float:left; padding:15px 13px 0 13px;}
.header_top_right li:first-child {padding-left:0; padding-top:13px;}
.header-top .last {padding-right:0; padding-top:9px;}
	
/*header-bottom*/
.header-bottom-wrap{width:100%; position:fixed; border-bottom:1px solid #2a4673; height:75px; min-width:1100px; z-index:900;background:#fff ;opacity:0.98;overflow:hidden;top:44px;}
.last-menu{}
.header-bottom{ width:1100px; margin:0 auto;  position:relative;}
.header-bottom p {position:absolute; width:100px; height:170px; top:75px; left:0; background:#fff url('/paris/img/common/navi_bg.png') no-repeat 60% 50% ;}
.header-bottom h1{padding-top:14px;float:left; }
.header-bottom a { color:#333;}
.header-bottom > ul{margin-top:1px;float:right; width:880px; }
.header-bottom > ul > li {float:left; background:url('/paris/img/common/bg_line_navi.png') no-repeat 100% 35px; }

.header-bottom > ul > li.last { background:0;}
.header-bottom > ul > .last a {padding-right:0;}
.header-bottom > ul > li > a {padding:28px 35px; text-align:center; display:inline-block; color:#333; font-size:22px; font-family: 'NanumBarunGothic', Nanum Gothic, sans-serif; font-weight:700;}
.header-bottom > ul > li ul { height:165px; border-right:1px solid #ddd; padding:0 20px 0 20px; margin-left:10px;}
.header-bottom > ul > li:last-child ul {border-right:0;}
.header-bottom > ul > li li {font-size:15px; padding-left:10px;padding-top:7px; text-align:left !important;}
.header-bottom > ul > li li:hover > a{color:#2a4673;}


/* ½½¶óÀÌµå ¹Ú½º */
#slide_wrap { min-width:1100px; width:100%; float:left;  margin-bottom:0px; }
.sliderbutton_left img, .sliderbutton_right img {cursor:pointer}
.sliderbutton_left :hover, .sliderbutton_right :hover {opacity:0.7}
.sliderbutton img:hover {background:#666}

/*@media all and (min-width:940px) {
	#slideshow {float:left; min-width:1100px; width:100%; height:380px; position:relative;}
	#slideshow.height {height:500px;}
	#slideshow .bin {min-width:1100px; margin-left:-550px; left:50%;  position:absolute;  height:380px; z-index:300;}
	#slides {float:left;min-width:1100px;  height:380px; list-style:none; overflow:auto;}
	#slides li {float:left;  min-width:1100px;height:380px; }
	#slideshow .bin .pagination {float:left; list-style:none; height:25px; margin:15px 0 0 32px; position:absolute; z-index:500; top:300px; right:450px;}
	#slideshow .bin .pagination li {float:left; cursor:pointer; width:12px; height:12px; margin-right:20px; }
	#slideshow .bin .pagination li {font-size:16px; transition: all ease 0.3s; color:rgba( 255, 255, 255, 0.8 ); padding-top:5px;}
	#slideshow .bin .pagination li:hover {font-size:14px; }
	#slideshow .bin .pagination li.current {color:rgba( 42, 70, 115, 1 ); font-size:23px; transition: all ease 0.5s; }

	#slideshow .bin .sliderbutton_left {float:left; width:30px; right:30px; top:80px; position:absolute; z-index:100;}
	#slideshow .bin .sliderbutton_right {float:left; width:30px; right:30px; top:170px; position:absolute; z-index:100;}
	#slideshow .bin .sliderbutton_left {float:left; width:60px; left:-100px; top:152px; position:absolute; z-index:100;}
	#slideshow .bin .sliderbutton_right {float:left; width:60px; right:-100px; top:152px; position:absolute; z-index:100;}
	
}
@media all and (min-width:1200px) {
	#slideshow {float:left; min-width:1100px; width:100%; height:380px; position:relative;}
	#slideshow .bin {min-width:1100px; margin-left:-550px; left:50%;  position:absolute;  height:380px; z-index:300;}
	#slides {float:left;min-width:1100px;  height:380px; list-style:none; overflow:auto;}
	#slides li {float:left;  min-width:1100px;height:380px; }
	#slideshow .bin .pagination {float:left; list-style:none; height:25px; margin:15px 0 0 32px; position:absolute; z-index:500; top:300px; right:450px;}
	#slideshow .bin .pagination li {float:left; cursor:pointer; width:12px; height:12px; margin-right:20px; }
	#slideshow .bin .pagination li {font-size:16px; transition: all ease 0.3s; color:rgba( 255, 255, 255, 0.8 ); padding-top:5px;}
	#slideshow .bin .pagination li:hover {font-size:14px; }
	#slideshow .bin .pagination li.current {color:rgba( 42, 70, 115, 1 ); font-size:23px; transition: all ease 0.5s; }

	#slideshow .bin .sliderbutton_left {float:left; width:60px; left:-100px; top:152px; position:absolute; z-index:100;}
	#slideshow .bin .sliderbutton_right {float:left; width:60px; right:-100px; top:152px; position:absolute; z-index:100;}
}


@media all and (min-width:0px) and (max-width:3000px) {	
	#slideshow {float:left; min-width:1100px; width:100%; height:430px; position:relative;}
	#slideshow .bin {min-width:1100px; margin-left:-550px; left:50%;  position:absolute;  height:430px; z-index:300;}
	#slides {float:left;min-width:1100px;  height:430px; list-style:none; overflow:auto;}
	#slides li {float:left;  min-width:1100px;height:430px; }
	#slides.height li {height:500px; }
	#slideshow .bin .pagination {float:left; list-style:none; height:25px; margin:15px 0 0 32px; position:absolute; z-index:500; top:360px; right:450px;}
	#slideshow .bin .pagination li {float:left; cursor:pointer; width:12px; height:12px; margin-right:20px; }
	#slideshow .bin .pagination li {font-size:16px; transition: all ease 0.3s; color:rgba( 255, 255, 255, 0.4 ); padding-top:5px;}
	#slideshow .bin .pagination li:hover {font-size:14px; }
	#slideshow .bin .pagination li.current {color:rgba( 42, 70, 115, 1 ); font-size:23px; transition: all ease 0.5s; }

	#slideshow .bin .sliderbutton_left {float:left; width:60px; left:-100px; top:160px; position:absolute; z-index:100;}
	#slideshow .bin .sliderbutton_right {float:left; width:60px; right:-100px; top:160px; position:absolute; z-index:100;}
}*/

#slideshow {float:left; min-width:1100px; width:100%; height:430px; position:relative;}
#slideshow.height {height:500px; } 
#slideshow .bin {min-width:1100px; margin-left:-550px; left:50%;  position:absolute;  height:430px; z-index:300;}
#slides {float:left;min-width:1100px;  height:430px; list-style:none; overflow:auto;}
#slides li {float:left;  min-width:1100px;height:430px; }
#slides.height li {height:500px; }
#slideshow .bin .pagination {float:left; list-style:none; height:25px; margin:15px 0 0 32px; position:absolute; z-index:500; top:360px; right:450px;}
#slideshow .bin .pagination li {float:left; cursor:pointer; width:12px; height:12px; margin-right:20px; }
#slideshow .bin .pagination li {font-size:16px; transition: all ease 0.3s; color:rgba( 255, 255, 255, 0.4 ); padding-top:5px;}
#slideshow .bin .pagination li:hover {font-size:14px; }
#slideshow .bin .pagination li.current {color:rgba( 42, 70, 115, 1 ); font-size:23px; transition: all ease 0.5s; }
#slideshow .bin .sliderbutton_left {float:left; width:60px; left:-100px; top:160px; position:absolute; z-index:100;}
#slideshow .bin .sliderbutton_right {float:left; width:60px; right:-100px; top:160px; position:absolute; z-index:100;}

@media only screen and (max-width : 1000px) {
	
}


#slideshow #header_box, .sub_main_img #header_box {position:absolute; width:100%; min-width:1100px;  z-index:999;}

#slideshow #header_box #header_small, .sub_main_img #header_box #header_small { width:850px; background:#fff; opacity:0.9;  position:relative; height:60px; margin:48px auto 0 auto; right:-75px; box-shadow:0px 0px 5px 2px rgba(0, 0, 0, 0.2);}
#slideshow #header_box #header_small .logo , .sub_main_img #header_box #header_small .logo {float:left; width:73px; height:22px; margin:5px 0 0 0px; position:absolute; top:0; left:-150px;}
#header_small .top_home_btn {position:absolute; top:-35px; right:0; width:206px; height:22px; }


/* Á¦Ç°¿µ¿ª */
#Main_product_wrap {float:left; height:672px;  width:100%; background:url('/en/img/main/product_bg.jpg') no-repeat 50% 50%; margin-bottom:60px;}
#Main_product_wrap ul {width:100%; float:left;}
#Main_product_wrap ul li {display:inline-block; float:left; width:50%;}
#Main_product_wrap ul li:first-child {height:692px; background:url('/en/img/main/TS50.jpg') no-repeat 100% -20px;}
#Main_product_wrap ul li:last-child {height:692px; }

.t30_dl1 {float:right; width:550px;}
.t30_dl1 dt {padding:50px 0 20px 0;}
.t30_dl1 dd {font-size:16px; color:#fff; line-height:24px;}
.t30_dl2 {width:550px; height:326px; background:url('/en/img/main/TS30.jpg') no-repeat 100% -20px;}
.t30_dl2 dt { padding:50px 0 30px 42px;}
.t30_dl2 dd {font-size:16px; color:#222 !important; line-height:24px; padding-left:42px; }

/*Á¦Ç°¿µ¿ª*/
#product_wrap {height:548px;  width:100%; background:#f7f7f7;; margin:60px 0; overflow:hidden; padding:60px 0 0 0;}
#product_wrap .inner {width:1100px; margin:0 auto;}
#product_wrap .m74 {float:left; position:relative; width:580px; height:410px; background:#2868a4; border:1px solid rgba(0, 0, 0, 0.2); padding:35px;}
#product_wrap .m74 p {width:290px; color:#fff; font-size:13px;}
#product_wrap .m74 b {display:block; margin-bottom:15px; color:#fff; font-weight:bold; font-size:18px; letter-spacing:1px;}
#product_wrap .m74 h3 {display:block; margin-bottom:20px;}
#product_wrap .m74 span img {position:absolute; bottom:0px; right:25px; width:270px;}
#product_wrap .m74 ul {margin-top:15px;}
#product_wrap .m74 ul li {color:#fff; font-size:13px;}
#product_wrap .m74 ul li:before {content:"¡¤"; margin-right:5px;}
#product_wrap ul.right {width:430px; float:right;}
#product_wrap ul.right li {display:inline-block; position:relative; background:#e1e1e1; height:204px; border:1px solid rgba(0, 0, 0, 0.2); padding:15px; vertical-align:top;}
#product_wrap ul.right li+li { margin-bottom:10px; margin-left:10px;}
#product_wrap ul.right li:nth-child(3) {margin-left:0px;}
#product_wrap ul.right li p {width:170px; color:#565656; font-size:12px; line-height:140%; margin-top:10px;}
#product_wrap ul.right li h3 {display:block; margin-bottom:0px;}
#product_wrap ul.right li span img {position:absolute; bottom:10px; right:20px;}


/* º¸µå */
#Main_board_wrap {margin:0px auto;  width:1100px;}
.news_box {position:relative; float:left; width:50%; background:#f8f8f8 url('/en/img/main/news_icon.png') no-repeat 90% 87%; box-sizing:border-box; padding:40px; height:300px;}
.news_box dt {padding-bottom:34px;}
.news_box dt.btn_more {position:absolute; right:40px; top:40px;}
.news_box dd {font-size:16px; line-height:32px;}

.online_box {float:left; width:50%; box-sizing:border-box; background:url('/en/img/main/online_bg.png') no-repeat 100% 0%; height:300px; padding:40px 50px; }
.online_box span {display:inline-block; font-size:30px; color:#111 !important;  font-weight:400;}
.online_box dt {font-size:30px; color:#111 !important;  font-weight:700;}
.online_box dd {font-size:16px; line-height:26px;}
.online_box dd.b_line {display:block; width:60px; height:1px; background:#333; margin:25px 0;}


/* Main_Con_wrap */
#Main_quick_wrap {width:100%; float:left;}
#Main_quick_wrap .Main_quick_box {  width:1100px;  border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin:60px auto 100px auto; padding:40px 0; display:table;}
#Main_quick_wrap article {float:left; margin-right:50px; background: url('/en/img/main/board_line.png') no-repeat 100% 50%;}
#Main_quick_wrap article h1 {padding-bottom:20px;  font-size:22px; color:#111; font-weight:400;}
#Main_quick_wrap article div {font-size:14px; color:#444; line-height:23px;}
#Main_quick_wrap article ul li {float:left; font-size:15px; color:#444; line-height:22px;}
#Main_quick_wrap article ul li.fir {width:80px; margin-right:20px;}
#Main_quick_wrap article ul  p { padding-top:20px;}
.store_info {width:320px;}
.location_info {width:340px;}
#Main_quick_wrap article.cs_info {width:340px; margin-right:0px !important; background:none;}

/* footer */
footer {width:100%; min-width:1100px; clear:both; height:100px; background:#38475f; margin-top:60px; padding:30px 0 60px 0;}
footer #ft_wrap {width:1100px; margin:0 auto;}
footer .f_logo {float:left; width:170px; margin-right:70px;}
footer dl {float:left; margin-right:30px;} 
footer dl dt, footer dl dd {color:#fff; line-height:24px; font-size:13px;}
.address {width:40%;}
.address_en {margin-right:0px;}

/* btn */
.btn_common {padding:13px 45px 13px 30px; color:#fff;  font-weight:700; font-size:18px; }
.btn_common:hover, .btn_common_s:hover {color:#fff;}
.btn_blue {background:#00509b url('/en/img/common/btn_arrow.png') no-repeat 87% 50%; border:1px solid #00509b;}
.btn_blue:hover {background:#1e355a url('/en/img/common/btn_arrow.png') no-repeat 87% 50%; border:1px solid #1e355a;}
.btn_common_s {padding:7px 25px 7px 15px; color:#fff;  font-weight:400; font-size:15px; }


/* ¿©¹é */
.mg_top10 {margin-top:10px;}
.mg_top20 {margin-top:20px;}
.mg_top30 {margin-top:30px;}
.mg_top40 {margin-top:40px;}
.mg_top50 {margin-top:50px;}
.mg_top60 {margin-top:60px;}
.mg_top70 {margin-top:70px;}
.mg_top80 {margin-top:80px;}

.mg_bottom10 {margin-bottom:10px;}
.mg_bottom20 {margin-bottom:20px;}
.mg_bottom30 {margin-bottom:30px;}
.mg_bottom40 {margin-bottom:40px;}
.mg_bottom50 {margin-bottom:50px;}

.pa_top10 {padding-top:10px;}
.pa_top20 {padding-top:20px;}
.pa_top30 {padding-top:30px;}
.pa_top40 {padding-top:40px;}
.pa_top50 {padding-top:50px;}