@charset "utf-8";


@import url(http://fonts.googleapis.com/earlyaccess/jejugothic.css);




body{width:100%; height:auto; word-break:keep-all;  	
font-family: 'Jeju Gothic', serif;}
a{display: block; color:#090909;}
figure, figcaption{margin: 0; padding: 0;}


#header{width:100%; height:50px;}
#header .nav_wrap{width:70%; height:100%;margin:0 auto;}
#header .nav_wrap h1{float:left; margin-top:5px; margin-right:50px;}
#mnav ul{overflow:hidden;float:left;}
#mnav ul li{float:left;}
#mnav ul li a{ margin-left:30px; margin-top:20px;}
#header .nav_wrap .login a{float:right; background:#363636; padding:5px 20px; font-size:12px; border-radius:20px; margin-top:15px; color:#fff;}


#toggle{display:none;}


#service{width:100%;  height:600px; border-top:1px solid #ededed; padding:100px 0;}
#service h2{font-size:30px; text-align:center; margin-bottom:50px;}
#service .ser_wrap{width:1000px; margin:0 auto; overflow:hidden;}
#service .ser_wrap .service_bg{width:500px; height:500px;background:url(../imgs/introduction_bg.png) no-repeat center center; background-size:500px; float:left; position:relative; margin-right:100px;}

#service .ser_wrap .service_bg li{font-size:18px; color:#fff; position:absolute; text-align:center;}
#service .ser_wrap .service_bg li:nth-child(1){top:50%; left:50%;color:#f88a53; font-size:30px; text-align:center; transform:translate(-50%, -50%); line-height:1.4em; font-weight:bold;}

#service .ser_wrap .service_bg li:nth-child(2){top:50px; left:250px;}
#service .ser_wrap .service_bg li:nth-child(3){top:210px; right:20px;}
#service .ser_wrap .service_bg li:nth-child(4){bottom:70px; right:90px;}
#service .ser_wrap .service_bg li:nth-child(5){bottom:80px; left:100px;}
#service .ser_wrap .service_bg li:nth-child(6){top:160px; left:40px;}



#service .service_text {width:400px; float:left;margin-top:70px;}
#service .service_text li{width:100%; height:120px; box-sizing:border-box; margin-bottom:20px; }
#service .service_text li h3{font-size:25px; font-weight:bold; color:#f88a53; padding-left:50px; height:50px; line-height:50px;}
#service .service_text li p{line-height:1.4em;}

#service .service_text li:nth-child(1) h3{background:url(../imgs/intro_service01.png) no-repeat 5px center; background-size:40px;}
#service .service_text li:nth-child(2) h3{background:url(../imgs/intro_service02.png) no-repeat 5px center; background-size:40px;}
#service .service_text li:nth-child(3) h3{background:url(../imgs/intro_service03.png) no-repeat 12px center; background-size:25px;}




#connection {width:100%; height:620px; background:#090909; padding:100px 0;}
#connection h2{font-size:30px; color:#fff; text-align:center; margin-bottom:10px;}
#connection>p{color:#fff; text-align:center; font-size:20px; margin-bottom:50px;}
#connection .con_wrap{width:1000px; margin:0 auto;}


#connection .con_wrap .cnt01{width:450px; height:500px;float:left; margin-right:100px; background:url(../imgs/intro_ser01.png) no-repeat center 50px; background-size:400px; position:relative;}

#connection .con_wrap .cnt01 h3{font-size:25px; color:#f88a53; position:absolute;top:55%; left:50%; transform:translate(-50%, -50%);}
#connection .con_wrap .cnt01 ul li{color:#fff; position:absolute;}
#connection .con_wrap .cnt01 ul li:nth-child(1){top:20px; left:180px;}
#connection .con_wrap .cnt01 ul li:nth-child(2){top:130px; left:-10px;}
#connection .con_wrap .cnt01 ul li:nth-child(3){top:310px; left:-50px;}
#connection .con_wrap .cnt01 ul li:nth-child(4){bottom:-20px; left:190px;}
#connection .con_wrap .cnt01 ul li:nth-child(5){top:300px; right:-60px;}
#connection .con_wrap .cnt01 ul li:nth-child(6){top:130px; right:-20px;}


#connection .con_wrap .cnt02{width:450px; height:500px; float:left;background:url(../imgs/intro_ser02.png) no-repeat center center; background-size:450px; position:relative;}

#connection .con_wrap .cnt02 h3{color:#f88a53; font-size:14px; text-align:center; position:absolute; top:55%; left:40%; }
#connection .con_wrap .cnt02 .cnt02_caption li{color:#d5d5d5; position:absolute;  text-align:center; font-size:14px;}
#connection .con_wrap .cnt02 .cnt02_caption li:nth-child(1){top:80px; left:210px;}
#connection .con_wrap .cnt02 .cnt02_caption li:nth-child(2){top:215px; right:20px;}
#connection .con_wrap .cnt02 .cnt02_caption li:nth-child(3){bottom:40px; right:100px;}
#connection .con_wrap .cnt02 .cnt02_caption li:nth-child(4){bottom:45px; left:90px;}
#connection .con_wrap .cnt02 .cnt02_caption li:nth-child(5){top:215px; left:20px;}

#connection .con_wrap .cnt02 .cnt02_text li{color:#fff; font-size:12px; position:absolute;}
#connection .con_wrap .cnt02 .cnt02_text li:nth-child(1){top:150px; right:100px;}
#connection .con_wrap .cnt02 .cnt02_text li:nth-child(2){top:280px; right:50px;}
#connection .con_wrap .cnt02 .cnt02_text li:nth-child(3){bottom:100px; left:180px;}
#connection .con_wrap .cnt02 .cnt02_text li:nth-child(4){top:270px; left:50px;}
#connection .con_wrap .cnt02 .cnt02_text li:nth-child(5){top:150px; left:90px;}



#infomation{width:100%; height:600px; padding:100px 0;}
#infomation .info_time{width:1000px; margin:0 auto;}
#infomation .info_time h2{text-align:center; font-size:30px; margin-bottom:50px;}
#infomation .info_time ul{width:100%; height:200px;margin-bottom:30px; position:relative;}
#infomation .info_time .dt01{background:url(../imgs/delivery_time01.png) no-repeat 0 center; background-size:700px;}
#infomation .info_time .dt02{background:url(../imgs/delivery_time02.png) no-repeat 0 center; background-size:700px;}


#infomation .info_time ul li{position:absolute;}
#infomation .info_time ul li:nth-child(1){top:85px; left:15px;}
#infomation .info_time ul li:nth-child(2){top:95px; left:335px;}
#infomation .info_time ul li:nth-child(3){top:85px; left:620px;}
#infomation .info_time ul li:nth-child(4){top:120px; left:160px; font-size:12px;}
#infomation .info_time ul li:nth-child(5){top:120px; left:460px; font-size:12px;}
#infomation .info_time ul li:nth-child(6){top:80px; right:0px; font-size:20px;text-align:center; }

#infomation .info_time>p{text-align:right; font-size:12px;}



#box_size{width:100%; height:300px; padding:100px 0; background:#f8f8f8;}
#box_size h2{font-size:30px; text-align:center; margin-bottom:50px;}
#box_size p{width:700px; margin:0 auto; font-size:20px; box-sizing:border-box; padding:50px 0 50px 300px;line-height: 1.8em; background:url(../imgs/box_size.png) no-repeat; background-size:250px;}
#box_size p span{color:#f88a53; font-size:28px; font-weight:bold;}



#loss{width:100%; height:300px; padding:100px 0;}
#loss h2{text-align:center; font-size:30px; margin-bottom:10px;}
#loss>p{font-size:20px; text-align:center; margin-bottom:100px;}


#loss .loss_wrap{width:800px; height:200px; margin:0 auto;}
#loss .loss_wrap>div{height:150px; float:left;padding-left:100px;}
#loss .loss_wrap .loss01{margin-right:150px; background:url(../imgs/lost.png) no-repeat ; background-size:80px;}
#loss .loss_wrap .loss02{background:url(../imgs/delay.png) no-repeat ;background-size:80px;}
#loss .loss_wrap>div h3{font-size:25px; margin-bottom:20px; }
#loss .loss_wrap>div p{font-size:18px; line-height:1.8em;}
#loss .loss_wrap>div p span{font-size:30px; font-weight:bold; color:#f88a53;}




#internet_order{width:100%; height:1500px; padding:100px 0; background:#f8f8f8;}
#internet_order h2{text-align:center; margin-bottom:50px; font-size:30px;}

#internet_order .ino_01{width:1000px; margin:0 auto;  margin-bottom:100px;}
#internet_order .ino_01 h3{font-size:20px; text-align:center; margin-bottom:10px;}
#internet_order .ino_01 p{text-align:center; margin-bottom:50px;}
#internet_order .ino_01 img{ width:640px; height:430px;border:1px solid #ededed; margin: 0 auto; display:block;}

#internet_order .ino_02{width:1000px; margin:0 auto;}
#internet_order .ino_02 h3{font-size:20px; text-align:center; margin-bottom:10px;}
#internet_order .ino_02 p{text-align:center; margin-bottom:50px;}
#internet_order .ino_02 ul{width:100%; overflow:hidden;}
#internet_order .ino_02 ul li{float:left; width:30%;}
#internet_order .ino_02 ul li:nth-child(2){margin:0 5%;}
#internet_order .ino_02 ul li img{width:100%;}



#footer{width:100%; height:200px; }
#footer .f_wrap{width:60%; height:50px;margin:0 auto;line-height:50px;}

#fnav{float:left;}
#fnav ul li{float:left;}
#fnav ul li a{font-size:12px; color:#363636; margin-right:20px;}

#footer .f_wrap .sns{float:right; margin-top:10px;}
#footer .f_wrap .sns ul li{float:left;margin-left:15px; }
#footer .f_wrap .sns ul li a{text-indent:-9999px; }
#footer .f_wrap .sns ul li:nth-child(1) a{background:url(../imgs/blog.png) no-repeat center center ; background-size:18px; width:18px; height:25px;}
#footer .f_wrap .sns ul li:nth-child(2) a{background:url(../imgs/facebook.png) no-repeat center center; background-size:14px; width:14px;height:25px;}
#footer .f_wrap .sns ul li:nth-child(3) a{background:url(../imgs/insta.png) no-repeat center center; width:25px;height:25px; }
#footer .f_wrap .sns ul li:nth-child(4) a{background:url(../imgs/kakao.png) no-repeat center center; background-size:28px; width:28px;height:25px;}


#footer h2{font-size:18px; text-align:center;  margin-top:30px; margin-bottom:10px; color:#828282;}
#footer p{text-align:center; font-size:14px; line-height:1.4em; color:#828282;}







/*알림창*/


/*1680*/
@media screen and (max-width:1680px) {
	
}



/*1440*/
@media screen and (max-width:1440px) {
	#header .nav_wrap{width:80%; }
	
	#footer .f_wrap{width:70%; }
	
	
	
}


/*1360*/
@media screen and (max-width:1360px) {
	#slides .slides_contents {width:90%;}

	
}


/*1280*/
@media screen and (max-width:1280px) {
	
}


/*1024*/
@media screen and (max-width:1024px) {
	#header .nav_wrap{width:90%; }
	#header .nav_wrap h1{float:left; margin-top:5px; margin-right:10px;}
	#mnav ul li a{ margin-left:20px; font-size:14px;}
	
	
	#service{ height:500px;}
	#service h2{font-size:25px;}
	#service .ser_wrap{width:700px;}
	#service .ser_wrap .service_bg{width:400px;  background-size:400px;margin-right:50px;}
	#service .ser_wrap .service_bg li{font-size:14px;}
	#service .ser_wrap .service_bg li:nth-child(1){font-size:20px;}
	#service .ser_wrap .service_bg li:nth-child(2){top:100px; left:200px;}
	#service .ser_wrap .service_bg li:nth-child(3){top:230px; right:20px;}
	#service .ser_wrap .service_bg li:nth-child(4){bottom:100px; right:90px;}
	#service .ser_wrap .service_bg li:nth-child(5){bottom:120px; left:80px;}
	#service .ser_wrap .service_bg li:nth-child(6){top:180px; left:30px;}
	
	
	
	#service .service_text{width:250px; margin-top:50px;}
	#service .service_text li h3{font-size:20px;}
	#service .service_text li p{font-size:14px;}
	
	
	#connection{height:500px;}
	#connection h2{font-size:25px;}
	#connection>p{font-size:16px;}
	
	#connection .con_wrap{width:700px;}
	#connection .con_wrap .cnt01{width:340px; height:400px;background-size:300px; margin-right:20px;}
	
	#connection .con_wrap .cnt01 h3{font-size:18px;}
	#connection .con_wrap .cnt01 ul li{font-size:10px;}
	#connection .con_wrap .cnt01 ul li:nth-child(1){top:30px; left:140px;}
	#connection .con_wrap .cnt01 ul li:nth-child(2){top:110px; left:20px;}
	#connection .con_wrap .cnt01 ul li:nth-child(3){top:250px; left:-30px;}
	#connection .con_wrap .cnt01 ul li:nth-child(4){bottom:0px; left:150px;}
	#connection .con_wrap .cnt01 ul li:nth-child(5){top:250px; right:-30px;}
	#connection .con_wrap .cnt01 ul li:nth-child(6){top:110px; right:10px;}
	
	#connection .con_wrap .cnt02{width:340px; height:400px; background-size:340px; background-position:center 40px;}
	#connection .con_wrap .cnt02 h3{font-size:12px; top:55%; left:39%;}
	#connection .con_wrap .cnt02 .cnt02_caption li{font-size:10px;}
	#connection .con_wrap .cnt02 .cnt02_caption li:nth-child(1){top:75px; left:160px;}
	#connection .con_wrap .cnt02 .cnt02_caption li:nth-child(2){top:180px; right:15px;}
	#connection .con_wrap .cnt02 .cnt02_caption li:nth-child(3){bottom:40px; right:80px;}
	#connection .con_wrap .cnt02 .cnt02_caption li:nth-child(4){bottom:45px; left:65px;}
	#connection .con_wrap .cnt02 .cnt02_caption li:nth-child(5){top:175px; left:15px;}
	
	#connection .con_wrap .cnt02 .cnt02_text li{font-size:8px;}
	#connection .con_wrap .cnt02 .cnt02_text li:nth-child(1){top:130px; right:70px;}
	#connection .con_wrap .cnt02 .cnt02_text li:nth-child(2){top:220px; right:30px;}
	#connection .con_wrap .cnt02 .cnt02_text li:nth-child(3){bottom:100px; left:130px;}
	#connection .con_wrap .cnt02 .cnt02_text li:nth-child(4){top:220px; left:30px;}
	#connection .con_wrap .cnt02 .cnt02_text li:nth-child(5){top:120px; left:60px;}
	
	
	
	#infomation{height:400px;}
	#infomation .info_time{width:700px;}
	#infomation .info_time h2{font-size:25px;}
	#infomation .info_time ul{height:150px;}
	#infomation .info_time .dt01{background-size:500px;}
	#infomation .info_time .dt02{background-size:500px;}
	
	#infomation .info_time ul li{font-size:12px;}
	#infomation .info_time ul li:nth-child(1){top:65px; left:10px;}
	#infomation .info_time ul li:nth-child(2){top:75px; left:240px;}
	#infomation .info_time ul li:nth-child(3){top:65px; left:440px;}
	#infomation .info_time ul li:nth-child(4){top:90px; left:120px; font-size:10px;}
	#infomation .info_time ul li:nth-child(5){top:90px; left:330px; font-size:10px;}
	#infomation .info_time ul li:nth-child(6){top:50px; right:0px; font-size:16px;text-align:center; }
	
	
	
	#box_size{height:250px;}
	#box_size h2{font-size:25px;}
	#box_size p{width:600px; padding:50px 0 50px 250px; background-size:200px; font-size:16px;}
	#box_size p span{font-size:24px;}
	
	
	#loss{height:250px;}
	#loss h2{font-size:25px;}
	#loss>p{font-size:16px;}
	#loss .loss_wrap{width:600px; height:150px;}
	#loss .loss_wrap>div{height:150px; padding-left:80px;}
	#loss .loss_wrap .loss01{margin-right:50px;background-size:60px;}
	#loss .loss_wrap .loss02{background-size:60px;}
	#loss .loss_wrap>div h3{font-size:20px;}
	#loss .loss_wrap>div p{font-size:16px;}
	#loss .loss_wrap>div p span{font-size:25px; font-weight:normal;}
	
	
	#internet_order{height:1100px;}
	#internet_order h2{font-size:25px;}
	
	#internet_order .ino_01{width:700px;}
	#internet_order .ino_01 h3{font-size:18px;}
	#internet_order .ino_01 p{font-size:14px;}
	
	#internet_order .ino_01 img{width:500px; height:auto;}
	
	
	#internet_order .ino_02{width:700px;}
	#internet_order .ino_02 h3{font-size:18px;}
	#internet_order .ino_02 p{font-size:14px;}
	
	
	
	
	
	
	
	
	
	
	
	
	
	

	
	#footer h2{font-size:16px;}
	#footer p{font-size:12px;}
	
	
}


/*768*/
@media screen and (max-width:768px) {
	#header{position:fixed; top:0; right:-200px; width:200px; height:100%; background:rgba(255,255,255,0.9); z-index:1000; transition:0.5s;}
	#header .nav_wrap h1{border-bottom:1px solid #ededed; float:none; margin:10px 0; text-align:center;}
	#header .nav_wrap h1 a{display:inline-block; padding:10px 0; }
	#mnav ul{float:none; margin-bottom:50px;}
	#mnav ul li{float:none; height:50px; line-height:50px;}
	#mnav ul li a{margin:0; display:inline; padding-left:20px;}
	#header .nav_wrap .login a{float:none; display:inline; margin-left:50px;}
	
	#toggle{display:block; position:fixed; top:30px; right:30px; width:30px; height:30px; transition:0.5s;}
	#toggle a img{position:absolute; top:0; left:0; width:100%; z-index:1000;}
	
	#toggle .close{display:none;}
	
	#service{height:900px;}
	#service .ser_wrap{width:400px;}
	#service .ser_wrap .service_bg{margin-right:0;}
	
	#service .service_text{width:400px; margin-top:0;}
	#service .service_text li{margin-bottom:10px;}
	
	
	
	#connection{height:900px;}
	#connection .con_wrap{width:400px;}
	#connection .con_wrap .cnt01{margin:0 30px;}
	#connection .con_wrap .cnt02{margin:0 30px; margin-top:30px;}
	
	
	#infomation{height:500px;}
	#infomation .info_time{width:500px;}
	#infomation .info_time ul{ height:200px;}
	#infomation .info_time .dt01{ background-position:center 0;}
	#infomation .info_time .dt02{ background-position:center 0;}
	
	#infomation .info_time ul li:nth-child(1){top:30px;}
	#infomation .info_time ul li:nth-child(2){top:40px;}
	#infomation .info_time ul li:nth-child(3){top:30px;}
	#infomation .info_time ul li:nth-child(4){top:50px;}
	#infomation .info_time ul li:nth-child(5){top:50px;}
	#infomation .info_time ul li:nth-child(6){top:110px; right:170px; font-size:16px;text-align:center; }
	
	#box_size{height:200px;}
	#box_size p{width:500px; padding:0px 0 30px 200px; background-size:180px; }
	
	#loss{height:400px;}
	#loss .loss_wrap{width:400px;}
	#loss .loss_wrap>div{float:none;}
	#loss .loss_wrap .loss01{margin:0; background-size:40px;}
	#loss .loss_wrap .loss02{background-size:40px;}
	#loss .loss_wrap>div h3{font-size:18px;margin-bottom:0;}
	#loss .loss_wrap>div p{font-size:14px;}
	#loss .loss_wrap>div p span{font-size:20px;}
	
	#internet_order{height:950px;}
	
	#internet_order .ino_01{width:500px;}
	#internet_order .ino_01 h3{font-size:16px;}
	#internet_order .ino_01 p{font-size:12px;}
	
	#internet_order .ino_01 img{width:400px;}
	
	#internet_order .ino_02{width:500px;}
	#internet_order .ino_02 h3{font-size:16px;}
	#internet_order .ino_02 p{font-size:12px;}
	
	
	
	
	
	
	
	#footer .f_wrap{width:90%;}
	
	
	
	
	
	
	
}


/*500*/
@media screen and (max-width:500px) {
	
	#service{padding:50px 0; height:650px;}
	#service h2{font-size:20px;}
	#service .ser_wrap{width:300px;}
	#service .ser_wrap .service_bg{width:300px; height:300px; background-size:300px;  margin-bottom:30px;}
	#service .ser_wrap .service_bg li{font-size:12px;}
	#service .ser_wrap .service_bg li:nth-child(1){font-size:16px;}
	#service .ser_wrap .service_bg li:nth-child(2){top:30px; left:140px;}
	#service .ser_wrap .service_bg li:nth-child(3){top:130px; right:10px;}
	#service .ser_wrap .service_bg li:nth-child(4){bottom:40px; right:50px;}
	#service .ser_wrap .service_bg li:nth-child(5){bottom:40px; left:60px;}
	#service .ser_wrap .service_bg li:nth-child(6){top:110px; left:10px;}
	
	#service .service_text li{height:80px;}
	#service .service_text li h3{font-size:16px; font-weight:normal; padding-left:40px; }
	#service .service_text li:nth-child(1) h3{background-size:30px;}
	#service .service_text li:nth-child(2) h3{background-size:30px;}
	#service .service_text li:nth-child(3) h3{background-size:20px;}
	#service .service_text li p{font-size:12px;}
	
	
	#connection{height:850px;}
	#connection{padding:50px 0;}
	#connection h2{font-size:20px;}
	#connection>p{font-size:14px; width:90%; margin:0 auto; margin-bottom:30px;}
	#connection .con_wrap{width:300px;}
	#connection .con_wrap .cnt01{width:300px; background-size:280px; margin:0;}
	#connection .con_wrap .cnt01 h3{top:53%;}
	#connection .con_wrap .cnt01 ul li:nth-child(1){top:30px; left:130px;}
	#connection .con_wrap .cnt01 ul li:nth-child(2){top:110px; left:0px;}
	#connection .con_wrap .cnt01 ul li:nth-child(3){top:310px; left:0px;}
	#connection .con_wrap .cnt01 ul li:nth-child(4){bottom:20px; left:130px;}
	#connection .con_wrap .cnt01 ul li:nth-child(5){top:300px; right:0px;}
	#connection .con_wrap .cnt01 ul li:nth-child(6){top:110px; right:0px;}
	
	
	#connection .con_wrap .cnt02{ margin:0;background-size:300px; width:300px; }
	
	#connection .con_wrap .cnt02 h3{font-size:12px; top:49%; left:39%; }
	#connection .con_wrap .cnt02 .cnt02_caption li{font-size:10px;}
	#connection .con_wrap .cnt02 .cnt02_caption li:nth-child(1){top:70px; left:140px;}
	#connection .con_wrap .cnt02 .cnt02_caption li:nth-child(2){top:160px; right:10px;}
	#connection .con_wrap .cnt02 .cnt02_caption li:nth-child(3){bottom:80px; right:65px;}
	#connection .con_wrap .cnt02 .cnt02_caption li:nth-child(4){bottom:80px; left:55px;}
	#connection .con_wrap .cnt02 .cnt02_caption li:nth-child(5){top:160px; left:10px;}

	#connection .con_wrap .cnt02 .cnt02_text li{ font-size:8px;}
	#connection .con_wrap .cnt02 .cnt02_text li:nth-child(1){top:110px; right:50px;}
	#connection .con_wrap .cnt02 .cnt02_text li:nth-child(2){top:200px; right:20px;}
	#connection .con_wrap .cnt02 .cnt02_text li:nth-child(3){bottom:120px; left:110px;}
	#connection .con_wrap .cnt02 .cnt02_text li:nth-child(4){top:200px; left:20px;}
	#connection .con_wrap .cnt02 .cnt02_text li:nth-child(5){top:110px; left:40px;}
	
	
	#infomation{height:500px;padding:50px 0;}
	#infomation .info_time{width:300px;}
	#infomation .info_time h2{font-size:20px;}
	#infomation .info_time ul{height:150px;}
	#infomation .info_time .dt01{background-size:300px;}
	#infomation .info_time .dt02{background-size:300px;}
	
	#infomation .info_time ul li{font-size:10px;}
	#infomation .info_time ul li:nth-child(1){top:15px; left:2px;}
	#infomation .info_time ul li:nth-child(2){top:20px; left:140px;}
	#infomation .info_time ul li:nth-child(3){top:15px; left:260px;}
	#infomation .info_time ul li:nth-child(4){top:50px; left:60px;}
	#infomation .info_time ul li:nth-child(5){top:50px; left:180px;}
	#infomation .info_time ul li:nth-child(6){top:80px; right:80px; font-size:14px;}
	
	
	#box_size{height:400px; padding:50px 0;}
	#box_size h2{font-size:20px;}
	#box_size p{width:300px; padding:0; padding-top:180px; background-position: center 30px;}
	
	#loss{padding:50px 0;}
	#loss h2{font-size:20px;}
	#loss>p{font-size:14px; width:90%; margin:0 auto; margin-bottom:50px;}
	#loss .loss_wrap{width:300px;}
	#loss .loss_wrap>div h3{font-size:16px;}
	#loss .loss_wrap>div p{font-size:12px;}
	
	
	#internet_order{height:800px; padding:50px 0;}
	#internet_order h2{font-size:20px;}
	#internet_order .ino_01{width:300px;}
	#internet_order .ino_01 img{width:300px;}
	
	#internet_order .ino_02{width:300px;}
	
	
	
	
	
	
	
	
	
	
	#footer{height:300px;}
	#fnav{width:100%; overflow:hidden;}
	#footer .f_wrap .sns{width:100%; margin-top:0; overflow:hidden; margin-bottom:50px;}
	#footer .f_wrap .sns ul li{margin:0; margin-right:15px;}
	
	#footer h2{font-size:16px;}
	#footer p{font-size:12px;}
	
	
	

	
	
	
	
}


/*320*/
@media screen and (max-width:320px) {

		
	
	
	#footer{height:250px;}
	#footer h2{font-size:14px;}
	#footer p{font-size:10px;}
	#fnav ul li a{margin-right:10px;}
	
	
	
}