@charset "utf-8";

*:focus {outline:none;}
.csize01 {width:90%; max-width:1400px; margin:auto;}

#wrap {overflow:hidden; width:100%; min-width:320px; margin:0 auto; position:relative; z-index:2;}

#header {height:150px; background:#fff;}
#header .logo {padding-left:20px;}
#header .pc_inwrap {overflow:hidden; position:relative; height:150px; -webkit-transition:all 0.4s ease; transition:all 0.4s ease;}
#header.open .pc_inwrap {height:450px;}
#header .header_top {position:relative; z-index:5; height:98px; width:94%; max-width:1400px; margin:0 auto; padding-top:18px; text-align:center;}
.menu_box {position:absolute; top:26px; left:0; }
.t_tel {font-size:17px; color:#565655; font-weight:700;}
.t_tel * {vertical-align:baseline;}
.t_tel span {position:relative; top:-2px;}
.t_tel .mark {display:none;}
.t_tel em {display:inline-block; margin-left:10px; font-size:24px; text-align:left; font-weight:700;}
.t_menu {position:absolute; top:29px; right:0; font-size:0;}
.t_menu li {display:inline-block; margin-left:12px;}

#gnb {overflow:hidden; position:relative; width:100%; height:300px; font-size:0; background:#fefaf5; text-align:center;}
#gnb:before {position:absolute; top:0; left:50%; width:5000px; margin-left:-2500px; height:52px; background:#ec933b; border-bottom:1px solid #e28d33;  content:'';}
#gnb > ul {display:inline-block; position:relative; z-index:2; width:100%; max-width:1400px; margin:auto; }
#gnb > ul > li {float:left; width:16.66%;}
#gnb > ul > li {position:relative;}
#gnb > ul > li > a {display:block; position:relative; font-size:20px; color:#fff; font-weight:700; line-height:52px; -webkit-transition:all 0.4s ease; transition:all 0.4s ease;}
#gnb > ul > li:hover > a {color:#fff99a; background:#e3711f}
#gnb > ul:after {display:none;}
#gnb .sub {height:250px; padding-top:17px;}
#gnb .sub a {display:block; font-size:17px; color:#222; line-height:2.1; -webkit-transition:all 0.4s ease; transition:all 0.4s ease;}
#gnb .sub a:hover {}
#gnb li:hover .sub {display:block; background:#fff;}
#gnb > ul > li.active > a {color:#fff99a; background:#e77f2a}

	
.btn_menu {display:none; position:absolute; z-index:4; top:0; left:10; height:25px;}
.btn_menu img {height:40px;}
.btn_close {display:none; position:absolute; z-index:4; top:19px; right:12px; width:16px;}
.btn_close img {height:16px;}


#gnb_m {position:fixed; top:0; left:-100%; z-index:10001; width:300px; max-width:80%; background:#fff; transition:all 0.4s ease; }
#gnb_m.open {left:0}
#gnb_m .btn_home {display:block; padding-top:7px; padding-left:17px; text-align:left;}
#gnb_m .btn_home img {width:128px;}
#gnb_m .inwrap > ul {padding:25px 0 30px;}
#gnb_m .inwrap > ul > li+li {border-top:1px solid #dddddd;}
#gnb_m .inwrap > ul > li > a {display:block; padding-left:18px; font-size:16px; color:#222222; font-weight:bold; line-height:50px;}
#gnb_m .inwrap > ul > li.on > a {color:#222222;}
#gnb_m a {}
#gnb_m .sub {display:none; background:#fff;}
#gnb_m .sub a {display:block; padding:12px 19px; font-size:14px; color:#222222;}
#gnb_m li.on .sub {display:block;}
#gnb_m .inwrap ul { }

#lnb {position:relative; width:100%; z-index:11; border-bottom:1px solid #dddddd; color:#fff; text-align:center; background:#f5f5f5;}
#lnb .home {position:relative; float:left; width:10%; max-width:56px; height:55px; text-indent:-999px; background:url('../images/common/icon_home.jpg') no-repeat center;}
#lnb .home:after {position:absolute; top:50%; right:0; width:1px; height:14px; margin-top:-7px; background:#ddd; content:'';}
#lnb .inwrap {display:inline-block; width:100%; max-width:1400px; vertical-align:top; text-align:left;}
#lnb .inwrap > div {float:left; position:relative; width:50%; max-width:260px; font-size:15px; color:#222222; line-height:55px;}
#lnb .inwrap > div:before {position:absolute; top:50%; right:0; width:1px; height:14px; margin-top:-7px; background:#ddd; content:'';}
#lnb .inwrap > div.dep2 {width:40%;}
#lnb .inwrap > div > a {display:block; overflow:hidden; padding-left:24px; padding-right:35px; line-height:55px; white-space:nowrap; text-overflow:ellipsis; background:url('../images/common/icon_lnb_arrow.jpg') no-repeat 90% center;}
#lnb ul {display:none; position:absolute; top:55px; left:-1px; right:0px; border:1px solid #ddd; font-size:14px; line-height:2.18; background:#fff;}
#lnb ul a {display:block; padding:10px 27px; color:#222222; font-weight:400;}
#lnb ul li+li {}


.dimmed_bg {position:fixed; top:0; right:-100%; bottom:0px; z-index:100; width:100%; height:100000px; background:rgba(0,0,0,0.7); opacity:0; -webkit-transition: opacity 0.4s ease; transition: opacity 0.4s ease;}
.dimmed_bg.on {right:0; opacity:1;}

#footer {padding:65px 10px 95px; text-align:center; background:#565357;}
#address {margin-top:32px; font-size:17px; color:#fff; line-height:1.7; letter-spacing:0;}
#address span {display:inline-block; padding:0 2px;}

@media all and (max-width:1300px){
	#gnb > ul > li > a {font-size:18px;}
}

@media all and (min-width:1001px){
	#header {position:relative; z-index:1001;}
	
}
@media all and (max-width:1000px){


	#header {height:70px;}
	#header .header_top {width:100%; padding-top:15px; text-align:left;}
	#header .logo {margin-left:0px;}
	#header .logo img {width:190px;}
    .t_menu {top:20px; right:15px;}
	.t_menu li {margin-left:4px;}
	.t_menu li img {width:35px;}

	.menu_box {top:70px; height:48px; width:100%; padding:0 15px; text-align:right; background:#ee9e48;}
	.t_tel {font-size:13px; color:#fff; line-height:50px;}
	.t_tel em {font-size:16px;font-weight:500;}
	.t_tel em br {display:none;}
	.t_tel .mark {display:inline;}

	.btn_menu {display:block; left:15px; top:3px;}
	.btn_close {display:block; padding-top:5px;}

	#gnb {display:none;}
	#gnb_m {display:block;}	
	#gnb_m .inwrap > ul {padding:20px 0 15px;}
	#gnb_m .btn_home {padding-top:15px;}
	#gnb_m .btn_home img {width:150px;}

	#footer {padding:30px 10px 45px;}
	.f_logo img {width:184px;}
	#address {margin-top:15px; font-size:14px;}


	#lnb {position:absolute; top:118px; left:0; /*border-top:1px solid #d5d5d7;*/}
	#lnb .home {height:40px; background-size:14px auto;}
	#lnb .home:after {height:10px; margin-top:-5px;}
	#lnb .inwrap > div {font-size:13px;}
	#lnb .inwrap > div:before {height:10px; margin-top:-5px;}
	#lnb .inwrap > div > a {padding-left:13px; padding-right:8px; font-size:13px; line-height:38px; background-size:8px auto;}
	#lnb ul {top:40px;}
	#lnb ul a{padding:7px 15px; font-size:12px;}


}




/*




#info {position:fixed; top:155px; right:0; z-index:999; overflow:hidden; width:100px; height:475px; text-align:center; border-radius:16px 0 0 16px; background:#014691;}
#info .q_tit {background:#fff;}
#info dt {font-size:12px; color:#fff;}
#info dd {font-size:15px; color:#fff;}
#info a {display:block; }
#info .btn_top {position:absolute; bottom:0; left:0; width:100%; background:#5a5a5a;}
#info .cont {margin-top:23px;}
#info dl+dl {margin-top:8px;}
#info .sns_link {margin-top:32px;}
#info .sns_link a+a {margin-top:15px;}

#comapny {text-align:center; background:#f7f7f7; border-bottom:1px solid #ddd;}
#comapny img {max-width:100%;}
#comapny .inwrap {position:relative; width:95%; max-width:1200px; margin:auto; padding:24px 40px; }
#comapny .swiper-container {}
#comapny .swiper-button-next,
#comapny .swiper-button-prev {position:absolute; top:50%; width:15px; height:27px; margin-top:-14px; background-size: 100% auto;}
#comapny .swiper-button-next {right:0; background-image: url('/images/common/btn_company_next.png');}
#comapny .swiper-button-prev {left:0; background-image: url('/images/common/btn_company_prev.png');}



#footer {background:#f7f7f7;}
#footer .inwrap {position:relative; width:95%; max-width:1200px; margin:0 auto; padding:40px 0 28px;}
#footer .inwrap > div {overflow:hidden; font-size:0;}
#footer h2 {display:inline-block; margin-bottom:12px; vertical-align:top;}
#footer address {display:inline-block; padding-left:40px; border-left:1px solid #ddd; font-size:15px; color:#858585; line-height:1.4;}
#footer address p {overflow:hidden; margin:0 -12px;}
#footer address span {float:left; padding:0 12px;}


.f_btn_top {position:absolute; top:0; right:0; display:none; width:66px; height:45px; text-align:center; border-radius:0 0 16px 16px; background:#5a5a5a;}



*/

#quick select, 
#quick textarea, 
#quick input[type="text"],
#quick input[type="submit"] {
	-webkit-border-radius:0;
	border-radius: 0px; /* iOS µÕ±Ù¸ð¼­¸® Á¦°Å */
    -webkit-appearance: none; /* ³×ÀÌƼºê ¿ÜÇü °¨Ãß±â */
    -moz-appearance: none;
    appearance: none;	
}



@media all and (min-width:1001px){	
	#quick {position:fixed; overflow:hidden; top:206px; right:-400px; z-index:10000; width:500px; border-bottom:1px solid #dddddd; transition:right 0.4s;}
	#quick ul {float:left; position:relative; width:100px; height:630px; padding-top:35px; font-size:15px; color:#284154; text-align:center; line-height:1; background:#f4f4f4;}
	#quick ul a {display:block; height:109px; padding-top:68px; background:no-repeat center top;color:#343434;font-weight:bold;}
	#quick .s01 a {background-image:url('/images/common/icon_quick01_1.png');}
	#quick .s02 a {background-image:url('/images/common/icon_quick02_1.png');}
	#quick .s03 a {background-image:url('/images/common/icon_quick03_1.png');}
	#quick .s04 a {background-image:url('/images/common/icon_quick04_1.png');}
	#quick .s05 a {background-image:url('/images/common/icon_quick05_1.png');}
	#quick .top {position:absolute; left:0; bottom:0; width:100%;}
	#quick .quick_pop {display:none; float:left; width:400px; height:630px; border-left:1px solid #dddddd; background:#ffffff;}
	#quick .quick_pop .pbox,
	#quick .quick_pop form {display:block; padding:40px 45px;}
	#quick .quick_pop .frow {position:relative; padding-left:70px; margin-bottom:20px;}
	#quick .quick_pop .label {position:absolute; top:0; left:0; line-height:40px; font-size:18px; color:#272727;}
	#quick .quick_pop input[type="text"],
	#quick .quick_pop textarea {width:100%; height:40px; padding:0; padding-left:10px; border:1px solid #cccccc;}
	#quick .quick_pop textarea {height:150px; padding:10px;}
	#quick .quick_pop .btn_online,
	#quick .quick_pop input[type="submit"] {display:block; width:100%; height:54px; font-size:20px; line-height:54px; font-weight:700; color:#fff; text-align:center; background:#284154;}
	#quick .btn_pop_close {position:absolute; top:20px; right:20px;}
	#quick.open {right:0;}

	#online_pop table {width:100%; table-layout:fixed;}
	#online_pop th,
	#online_pop td {line-height:60px; border-bottom:1px solid #f0f0f0;}
	#online_pop th {border-top:1px solid #676767; line-height:50px; background:#f8f8f8;}
	#online_pop td a {display:block; overflow:hidden; padding-left:16px; white-space:nowrap; text-overflow:ellipsis; color:#000000;}
	#online_pop .btn_online {margin-top:35px;}
}
@media all and (max-width:1000px){
	#quick ul {position:fixed; overflow:hidden; left:0; bottom:0; z-index:1000; width:100%; padding-top:10px; background:#f4f4f4;}
	#quick li {float:left; width:20%;}
	#quick ul a {display:block; height:60px; padding-top:35px; font-size:12px; text-align:center; background:no-repeat center top; background-size:30px auto; color:#343434;font-weight:bold;}
	#quick .s01 a {background-image:url('/images/common/icon_quick01_1.png');}
	#quick .s02 a {background-image:url('/images/common/icon_quick02_1.png');}
	#quick .s03 a {background-image:url('/images/common/icon_quick03_1.png');}
	#quick .s04 a {background-image:url('/images/common/icon_quick04_1.png');}
	#quick .s05 a {background-image:url('/images/common/icon_quick05_1.png');}
	#quick .top {display:none;}
	#quick .quick_pop {display:none; position:fixed; top:50%; left:50%; z-index:11111211; width:92%; transform:translate(-50%,-50%); background:#fff;}
	#quick .quick_pop > img {width:100%;}
	#quick .quick_pop .pbox,
	#quick .quick_pop form {display:block; padding:20px; font-size:15px;}
	#quick .quick_pop .frow {position:relative; padding-left:60px; margin-bottom:10px;}
	#quick .quick_pop .label {position:absolute; top:0; left:0; line-height:40px; font-size:15px; color:#272727;}
	#quick .quick_pop input[type="text"],
	#quick .quick_pop textarea {width:100%; height:40px; padding:0; padding-left:10px; border:1px solid #cccccc;}
	#quick .quick_pop textarea {height:120px; padding:10px;}
	#quick .quick_pop .btn_online,
	#quick .quick_pop input[type="submit"] {display:block; width:100%; height:54px; margin-top:15px; font-size:20px; line-height:54px; font-weight:700; color:#fff; text-align:center; background:#284154;}
	#quick .quick_pop label {display:block; margin-top:5px;}
	#quick .btn_pop_close {position:absolute; top:20px; right:20px;}
	#quick .btn_pop_close img {width:18px; height:auto;}

	#online_pop table {width:100%; table-layout:fixed;}
	#online_pop th,
	#online_pop td {line-height:55px; border-bottom:1px solid #f0f0f0;}
	#online_pop th {border-top:1px solid #676767; line-height:45px; background:#f8f8f8;}
	#online_pop td a {display:block; overflow:hidden; padding-left:16px; white-space:nowrap; text-overflow:ellipsis; color:#000000;}
	#online_pop .btn_online {margin-top:35px;}
	
	#quick:not(.open) .quick_pop {display:none !important;}
	.q_dimmed_bg {display:none; position:fixed; top:0; left:0; right:0; bottom:0; z-index:222220; background:rgba(0,0,0,0.5);}

}