/* main css */
label, input, select{vertical-align:middle;}

/* ========== 01. layout ========== */

body{overflow-x:hidden;}
#wrap{width:100%}
#header{width:100%; height:141px; padding-right:62px;}
#container{width:100%;}
#footer{width:100%; border-top:3px solid #d81921; margin-top:60px;}
body#sub #footer{margin-top:100px;}

.inner{width:1100px; margin:0 auto;}



/* header */
#header .header_inner{width:1162px; margin:0 auto; position:relative; z-index:100;}
#header .header_inner h1{position:absolute; top:42px; left:0;}
#header .header_inner h1 a{display:block; font-size:0; text-indent:-999999999; overflow:hidden; width:276px; height:46px; background:url('../img/common/logo.jpg') 0 0 no-repeat; background-size:100%;}

#header #gnb{/*overflow:hidden; position:absolute; top:72px; right:0;*/ width:100%; text-align:center; position:absolute; top:72px; z-index:100;}
#header #gnb > li{/*float:left;*/ display:inline-block;}
#header #gnb > li > a{display:block; font-size:19px; color:#000; font-weight:700; line-height:100%; padding:26px 46px; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
#header #gnb > li > a:hover{color:#d71820; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
#header #gnb > li:nth-child(5) > a{padding-right:0;}
#header #gnb > li:first-child{margin-left:304px;}

#header #gnb > li > a.on{color:#f16159;}

#header a.m_menu_btn{display:none;}
#header .m_menu_box{display:none;}

.dep2{display:none; position:absolute; top:69px; left:0; width:100%; height:80px; background:white; border-top:1px solid #eee;}
.dep2 > ul{}
.dep2 > ul > li{display:inline-block;}
.dep2 > ul > li > a{display:block; font-size:17px; color:#4e4e4e; padding:30px 34px; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
.dep2 > ul > li > a:hover{color:#f16159; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
.dep2 > ul.dep2_01{position:relative; left:-130px;}
.dep2 > ul.dep2_02{padding-left:350px;}
.dep2 > ul.dep2_03{position:relative; left:310px;}
.dep2 > ul.dep2_04{position:relative; left:302px;}
.dep2 > ul.dep2_05{position:relative; left:448px;}
.dep2 > ul > li > a.on{color:#f16159;}

.dep3{display:none; position:absolute; top:79px; left:0; width:100%; height:58px; background:#f7f7f7;}
.dep3 > ul{}
.dep3 > ul > li{display:inline-block;}
.dep3 > ul > li > a{display:block; font-size:17px; color:#4e4e4e; padding:22px 27px; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
.dep3 > ul > li > a:hover{color:#f16159; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
.dep3 > ul.dep3_01{position:relative; left:119px;}
.dep3 > ul.dep3_02{position:relative; left:488px;}

#header .t_login{width:100%; height:52px; z-index:99; overflow:hidden; position:absolute; top:0;}
#header .t_login:after{content:''; position:absolute; bottom:0; right:0; width:67%; height:1px; background:#eee;}
#header .t_login div{width:1100px; margin:0 auto; position:relative;}
#header .t_login div a{display:block; font-size:14px; color:#666; font-weight:700; float:right; margin-top:26px;}


.pgon02 > a{color:#c72026 !important;}





/* footer */
#footer .foot_family{width:1100px; margin:0 auto;}
#footer .foot_family ul{width:100%; height:66px; overflow:hidden;}
#footer .foot_family ul li{width:16%; float:left; line-height:66px; text-align:center;}
#footer .foot_family ul li img{vertical-align:middle;}
#footer .foot_family ul li:first-child img{vertical-align:-12px;}
#footer .foot_family ul li:first-child{padding-left:0; text-align:left;}
#footer .foot_family ul li:nth-child(6){width:15%; padding-right:0; text-align:right;}
#footer .foot_family ul li:nth-child(1){width:15%;}
#footer .foot_family ul li:nth-child(2){width:18%;}
#footer .foot_family ul li:nth-child(3){width:18%;}
#footer .foot_family ul li:nth-child(4){width:18%;}

#footer .foot_address{width:100%; border-top:1px solid #dddddd; background:#f6f6f6; padding:48px 0 58px 0;}
#footer .foot_address .inner{position:relative;}
#footer .foot_address p{font-size:15px; color:#000; font-weight:700;}
#footer .foot_address ul{width:520px; margin-top:12px;}
#footer .foot_address ul li{font-size:14px; color:#868686; line-height:24px; display:inline-block; position:relative; padding:0 8px 0 10px;}
#footer .foot_address ul li:before{content:'I'; position:absolute; top:0; left:0; font-size:15px; color:#868686;}
#footer .foot_address ul li:nth-child(1){padding-left:0;}
#footer .foot_address ul li:nth-child(1):before{display:none;}
#footer .foot_address ul li:nth-child(4){padding-left:0;}
#footer .foot_address ul li:nth-child(4):before{display:none;}
#footer .foot_address ul li:nth-child(6){padding-left:0;}
#footer .foot_address ul li:nth-child(6):before{display:none;}

#footer .foot_address dfn{font-style:normal; font-size:14px; color:#868686; display:block; padding-top:6px; line-height:100%;}
#footer .foot_address h1{font-size:0; text-indent:-999999999; overflow:hidden; width:185px; height:30px; background:url('../img/common/foot_swlogo.png') 0 0 no-repeat; position:absolute; bottom:0; right:0;}

#footer .foot_m_fam{display:none;}
#footer .foot_address .foot_m_number{display:none;}

	
#m_login{width:100%; border-top:3px solid #c5322d; padding:90px 0; margin:0 auto;}
#m_login h3{display:block; text-align:center; font-size:30px; font-weight:700; color:#000; line-height:100%;}
#m_login .m_login_form{border-top:1px solid #4d4d4d; padding:30px 4% 0 4%;  width:500px; margin:50px auto 0 auto;}
#m_login .m_login_form > div{margin-top:30px;}
#m_login .m_login_form > div:first-child{margin-top:0;}
#m_login .m_login_form label{display:block; font-size:15px; font-weight:700; color:#000;}
#m_login .m_login_form input{width:100%; border:0; border-bottom:1px solid #c6c6c6; height:40px; line-height:40px;}
#m_login .m_login_form a.t_login{display:block; width:90%; height:50px; line-height:50px; background:#c4322d; text-align:center; font-size:16px; color:white; font-weight:700; margin:0 auto; margin-top:50px;}
#m_login .m_login_form .t_login02{width:90%; margin-top:30px;}
#m_login .m_login_form .t_login02 a{display:inline-block; font-size:15px; color:#000; position:relative; margin-left:5%;}
#m_login .m_login_form .t_login02 a:before{content:'>'; font-weight:700; position:absolute; top:1px; right:0; font-size:14px; color:#000; margin-right:-20px;}




@media all and (max-width:1388px) {




}


@media all and (max-width:1220px) {
	
	#header{width:100%; height:70px; position:fixed; border-bottom:2px solid #f4f4f4; z-index:1001; background:white;}
	#container{width:100%; padding-top:70px;}
	#footer{margin-top:0;}
	body#sub #footer{margin-top:50px;}
	.inner{width:100%;}
	
	body#mypage header:after{display:none;}

	#header #gnb{display:none;}
	#header .header_inner{width:100%; padding:0 4%;}
	#header .header_inner h1{ top:24px; left:4%;}
	#header .header_inner h1 a{width:142px; height:24px; background-size:100%;}

	#header .t_login{display:none;}
	

	#header a.m_menu_btn{display:block; position:fixed; right:4%; top:28px; display:inline-block; vertical-align:top; width:25px; height:14px; z-index:1002; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
	#header a.m_menu_btn span { position: absolute; right: 0; width: 25px; height:2px; background-color: #25282e; display: block; -webkit-transition:all 0.4s; -moz-transition:all 0.4s; transition:all 0.4s; box-sizing: border-box; border-radius:2}
	#header a.m_menu_btn span:nth-of-type(1) { top: 0; }
	#header a.m_menu_btn span:nth-of-type(2) { top: 6px; }
	#header a.m_menu_btn span:nth-of-type(3) { bottom: 0; }

	#header a.m_menu_btn.close span:nth-of-type(1) { -webkit-transform: rotate(225deg); -moz-transform: rotate(225deg); transform: rotate(225deg); top: 5px;  background-color:white; }
	#header a.m_menu_btn.close span:nth-of-type(2) { opacity: 0; width:0; background-color:white;}
	#header a.m_menu_btn.close span:nth-of-type(3) { -webkit-transform: rotate(-225deg); -moz-transform: rotate(-225deg); transform: rotate(-225deg); top: 5px; background-color:white;}
	
	.m_menu_box{display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:white; overflow-y:auto; box-sizing:border-box; border-top:1px solid #eaeaea; z-index:1001;}
	.m_menu_box > .m_login{width:100%; height:90px; background:#000; padding:50px 0 0 4%;}
	.m_menu_box > .m_login > a{font-size:18px; color:white; font-weight:700; display:inline-block;}





	#lnb {position: relative; width:100%; padding:0 4%;}
	#lnb > ul {margin-top:10px;}
	#lnb > ul > li {border-bottom:1px solid #e1e3e9;}
	#lnb > ul > li > a {display: block; font-size: 16px; background:url('../img/common/m_menu_arrow.png') right 50% no-repeat; background-size:14px; padding:20px 0; font-weight:700; color:#000;}
	#lnb > ul > li a:hover {color: #c72026;}
	#lnb > ul > li.on > a {color: #c72026; background:url('../img/common/m_menu_arrow_on.png') right 50% no-repeat; background-size:14px;}
	#lnb > ul > li ul {display: none; padding-bottom:14px;}
	#lnb > ul > li > ul > li > a {display: block; padding:10px 10px; font-size: 14px;background:url('../img/common/m_menu_arrow.png') 96% 50% no-repeat; background-size:14px;}
	#lnb > ul > li > ul > li > a {color: #000; }
	#lnb > ul > li > ul > li.on a {color: #c72026; background:url('../img/common/m_menu_arrow_on.png') 96% 50% no-repeat; background-size:14px;}
	#lnb > ul > li > ul li ul {display: none; padding:6px 10px 10px 10px;}
	#lnb > ul > li > ul li li a {display: block; color:#666 !important; font-size: 13px; padding:6px 10px;}
	#lnb > ul > li > ul li li.pgon03 > a{color:#c72026 !important;}
	#lnb > ul > li > ul > li li a:hover {color: #c72026;}
	#lnb > ul li.noDepth a {background-image: none !important;}


	#m_login{width:100%; border-top:3px solid #c5322d; padding:90px 0;}
	#m_login h3{display:block; text-align:center; font-size:30px; font-weight:700; color:#000; line-height:100%;}
	#m_login .m_login_form{width:100%; border-top:1px solid #4d4d4d; padding:30px 4% 0 4%; margin-top:50px;}
	#m_login .m_login_form > div{margin-top:30px;}
	#m_login .m_login_form > div:first-child{margin-top:0;}
	#m_login .m_login_form label{display:block; font-size:15px; font-weight:700; color:#000;}
	#m_login .m_login_form input{width:100%; border:0; border-bottom:1px solid #c6c6c6; height:40px; line-height:40px;}
	#m_login .m_login_form a.t_login{display:block; width:90%; height:50px; line-height:50px; background:#c4322d; text-align:center; font-size:16px; color:white; font-weight:700; margin:0 auto; margin-top:50px;}
	#m_login .m_login_form .t_login02{width:90%; margin-top:30px;}
	#m_login .m_login_form .t_login02 a{display:inline-block; font-size:15px; color:#000; position:relative; margin-left:5%;}
	#m_login .m_login_form .t_login02 a:before{content:'>'; font-weight:700; position:absolute; top:1px; right:0; font-size:14px; color:#000; margin-right:-20px;}








	/* footer */
	#footer .foot_family{display:none;}

	#footer .foot_address{width:100%; border-top:1px solid #dddddd; padding:0 4% 30px 4%;}
	#footer .foot_address p{font-size:14px;}
	#footer .foot_address ul{width:94%; margin-top:10px;}
	#footer .foot_address ul li{font-size:10px; line-height:18px; padding:0 4px 0 4px;}
	#footer .foot_address ul li:before{font-size:10px}
	#footer .foot_address ul li:nth-child(1){padding-left:0;}
	#footer .foot_address ul li:nth-child(1):before{display:none;}
	#footer .foot_address ul li:nth-child(4){padding-left:0;}
	#footer .foot_address ul li:nth-child(4):before{display:none;}
	#footer .foot_address ul li:nth-child(6){padding-left:0;}
	#footer .foot_address ul li:nth-child(6):before{display:none;}

	#footer .foot_address dfn{font-size:12px; padding-top:14px;}
	#footer .foot_address h1{width:140px; height:23px; background-size:100%; position:relative; margin-top:30px;}
	
	#footer .foot_m_fam{display:block;}
	#footer .fmf_blog{width:60%; float:left; line-height:50px; font-size:13px; color:#333; font-weight:700; padding-left:4%;}
	#footer .fmf_blog a{display:block;}
	#footer .fmf_blog img{width:20px; height:18px; display:inline-block; vertical-align:middle; padding-right:4px;}

	#footer .fmf_sel{width:40%; line-height:50px; float:left; border-left:1px solid #ddd; position:relative;}
	#footer .fmf_sel > a{display:block; padding:0 23px;}
	#footer .fmf_sel > a span{display:block; color:#333; font-size:14px; line-height:50px; background:url('../img/common/fmf_blit.png') no-repeat 99% 50%; background-size:10px 6px;}
	#footer .fmf_sel > ul{display:none; position:absolute; top:50px; left:-1px; width:100%; border:1px solid #ddd; border-top:none; box-sizing:border-box; background:#fff; z-index:100;}
	#footer .fmf_sel > ul li{border-top:1px solid #ddd;}
	#footer .fmf_sel > ul li a{display:block; line-height:50px; font-size:14px; color:#000; padding:0 23px;}
	#footer .fmf_sel > ul li a:hover{background:#f0f2f7;}


	#footer .foot_address .foot_m_number{display:block; font-size:14px; color:#333; font-weight:700; font-family:'ng', sans-serif; padding-top:24px; margin-bottom:20px;}
	#footer .foot_address .foot_m_number span{display:inline-block; color:#5f5f5f; margin-left:4px;}
	#footer .foot_address .foot_m_number strong{display:inline-block; font-weight:700; color:#d71921; background:url('../img/common/foot_num.png') left 50% no-repeat; padding:4px 0 4px 20px; margin-left:10px;}


}


.shadowing-new-btn {
	padding: 3px 7px; 
	background-color: transparent;
	border: none;
	color: #888;
	text-align: center;
	text-decoration: none;
	display: block;
	font-size: 10px;
	margin:0 auto;
	cursor: pointer;
	border-radius: 2px; 
	transition-duration: 0.4s;
  }
  
  .shadowing-new-btn:hover {
	background-color: #444;
  }
  

  .shadowing-old-btn {
	padding: 10px 20px; 
	background-color: #007BFF; 
	border: none;
	color: white;
	text-align: center;
	text-decoration: none;
	display: block; 
	font-size: 12px; 
	margin: 2px 0; 
	cursor: pointer;
	border-radius: 2px; 
	transition-duration: 0.4s;
  }
  
  .shadowing-old-btn:hover {
	background-color: #0056b3; 
  }
  
  .warning-text {
	background-color: #f44336; 
	color: #ffffff; 
	padding: 10px;
	margin: 20px 0;
	border-radius: 5px;
	font-size: 14px; 
	text-align: left; 
	box-shadow: 0 2px 4px rgba(0,0,0,0.2);
	font-family: Arial, sans-serif; 
	line-height: 1.5; 
  }
  
  .warning-text strong {
	color: #FFFF00; 
	font-weight: bold; 
  }