@charset "euc-kr";
@import url('//fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&family=Nanum+Myeongjo:wght@400;700&family=Noto+Sans+KR:wght@400;700&family=Roboto:wght@400;700&display=swap');

* { margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; word-break: keep-all; -ms-word-break: keep-all; word-wrap: break-word; -ms-word-wrap: break-word; -ms-scroll-chaining: none; -ms-touch-action: none;}

BODY { position: absolute; height: auto; min-height: 100%; width: 100%; margin: 0px auto; background: #fff;}
BODY,th,td,button {  font-family:'Roboto','Noto Sans KR','NanumBarunGothic','Nanum Gothic','Malgun Gothic',Sans-serif ; font-size:14px; color: #666; }

a { color:#555; text-decoration:none; cursor:pointer; }
img { border:0px; }
h4 { margin-top:20px;}
h6,cite { display:inline-block; width:100%;  text-align: left; font-size:12px; color:#d42c3d; font-weight:normal; line-height:1.6; text-indent: -14px; margin-left: 14px; margin-top:5px;}/*¡Ø Âü°í ÂüÁ¶ */
cite { color:#555; font-style:normal; }
h6:first-of-type {margin-top:10px;}
cite:first-of-type {margin-top:20px;}
li { list-style: none; }

A:link {	color: #555; text-decoration: none; }
A:visited { color: #555; text-decoration: none; }
A:active {	color: #3157bc; text-decoration: none; }
A:hover {	color: #3157bc; text-decoration: none; }

A.LBAR:link { color: #555; text-decoration: none;	}
A.LBAR:visited { color: #555; text-decoration: none;	}
A.LBAR:active { color: #3157bc; text-decoration: none;	}
A.LBAR:hover { color: #3157bc; TEXT-DECORATION: none;	}

h3 { font-weight:600; padding-top:10px; padding-bottom:6px; }
dl { text-indent:-1.1em; margin-left:15px; padding-bottom:20px; line-height: 1.8; padding-top: 5px;}
dt { text-indent:-1.5em; margin-left:35px; }
dd { text-indent: -0.7em; margin-left: 0.9em;  line-height:1.6; color:#777;  margin-top: 3px; }
p { line-height:1.6; color:#626262; }

textarea {
			PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; BORDER-RIGHT: #A9A8A0 1px solid;
			BORDER-TOP: #A9A8A0 1px solid; BORDER-LEFT: #A9A8A0 1px solid;
			BORDER-BOTTOM: #A9A8A0 1px solid; TEXT-DECORATION: none;
}
SELECT { max-width: 100%; height:30px; padding-left:4px;  border: 1px solid #e1e1e1 ; color: #333; background-color:#fff; cursor:pointer; vertical-align:middle; border-radius:0; 
			/*padding-right:20px; background: url('../images/img/select-arrow.png') no-repeat right ; È­»ìÇ¥ ¾ÆÀÌÄÜ Ãß°¡ */    }     
select::-ms-expand { /*display: none;  È­»ìÇ¥ ¾ÆÀÌÄÜ ¾ø¾Ö±â */ }

INPUT { max-width: 100%; height:30px; COLOR: #666666; border-radius:0; border:1px solid #e1e1e1 ; vertical-align:middle; padding:0px; letter-spacing:-1px; background:#fff; padding-left: 5px;}
INPUT[type="image"] { padding-left:0; border:0;}
INPUT[type="checkbox"] { height:auto; }

#PCNo,#Tablet,#Mobile { display:none; }

#Search_b_p INPUT, #Search_b_m INPUT {  height:auto; COLOR: #666666; border-radius:0; border:0px ; vertical-align:middle; }

#paging {    margin-top: 20px;    text-align: center;}
	.PAGE_ROLL_ON,.PAGE_ROLL_OUT { display:inline-block; min-width:26px; line-height: 19px; text-align:center; margin:0px 3px; padding:3px 5px; vertical-align:middle;}
	.PAGE_ROLL_ON { border:solid 1px #77797f; background:#77797f; color:#fff; font-weight:500; }
	.PAGE_ROLL_OUT { border:solid 1px #DDDDDD; background:#fff; color:#565656; }
div.PAGE_ROLL_OUT { font-size:15px; }

	.BUT_GRAY { border:solid 1px #F5F5F5; COLOR: #222222; background-color:#EEEEEE; cursor:pointer; }
	.BUT_GOLD { border:solid 1px #C79613; COLOR: #FFFFFF; background-color:#BB8200; cursor:pointer; }
	.BUT_BLUE { border:solid 1px #3399CC; COLOR: #FFFFFF; background-color:#3366AA; cursor:pointer; }
	.BUT_GREEN { border:solid 1px #33CC99; COLOR: #FFFFFF; background-color:#33AA66; cursor:pointer; }
	.BUT_ORANGE { border:solid 1px #EE5500; COLOR: #FFFFFF; background-color:#FF6600; cursor:pointer; }

	.line { position:absolute; z-index:10; left:50%; margin-left:-11px; }
	.dotline { border-bottom:1px dashed  #acacac; line-height:0px; height:0px; }
	.solid { border-bottom:1px solid  #a1a1a1; line-height:0px; height:0px; }
	.UnderLine { border-bottom:3px solid #df5048; margin-bottom:20px }
	.arrow { color:#df2f2f; font-size:40px; display:inline-block; font-weight:600; }

button,.btn { cursor: pointer; background-color:#064178; color:#ffffff; padding:0 10px; border-radius: 3px; height: 30px; vertical-align: middle; border:0;  }

#Board_List input.btn,.btn { cursor: pointer; background-color:#709da3; background:linear-gradient(to bottom, #fff 2%,#709da3 2%,#709da3 100%); border:1px solid #446e74; color:#ffffff;  padding:0 10px; border-radius: 3px; vertical-align: middle;}
.btn_search, .btn_excel, .btn_write, .btn_cancel, .btn_ok, .btn_list, .btn_edit, .btn_dele, .btn_reply { background-repeat: no-repeat; background-position: left center; padding-left:38px; background-size: auto 100%; margin: 0 5px;}
.btn_search { background-color:#19588b; border:1px solid #064178; background-image: url('../images/button/search.gif');}
.btn_excel{ background-color:#709da3; border:1px solid #446e74; background-image: url('../images/button/excel.gif');}
.btn_write{ background-color:#709da3; border:1px solid #538890; background-image: url('../images/button/write.gif');}
.btn_ok{ background-color:#f56833; border:1px solid #e05c2a; background-image: url('../images/button/ok.gif');}
.btn_edit{ background-color:#f56833; border:1px solid #e05c2a; background-image: url('../images/button/edit.gif');}
.btn_cancel{ background-color:#818181; border:1px solid #585858; background-image: url('../images/button/cancel.gif');}
.btn_dele{ background-color:#f84f25; border:1px solid #db2d01; background-image: url('../images/button/dele.gif');}
.btn_reply{ background-color:#66aed5; border:1px solid #3183b0; background-image: url('../images/button/search.gif');}
.btn_list{ background-color:#19588b; border:1px solid #064178; background-image: url('../images/button/list.gif');}
.btn_close{ background:#fff; border:1px solid #446e74; width: 100%; height: 30px; color: #446e74; padding:0; }

	.StarMark { color:#d42f2b }

#Btn_Area { text-align:center; margin-top: 20px; width: 100%;}
	.btnBox { display: inline-block; border: 1px solid #ddd; padding: 6px 20px; margin-right:10px;}
A .btnBox:hover {	border-color: #e16e7a; }
#Btn_Area input, #Btn_Area img{ height:30px; vertical-align: middle; border:0; }

#Content_Tab { margin-bottom:40px; text-align: center;}
#Agr #Content_Tab { margin-bottom:0; margin-top:40px; }
#Content_Tab span{ cursor: pointer; color: #888; font-weight: 500; line-height: 3; font-size: 13px; }
#Content_Tab div,#Agr #Content_Tab div{ cursor: pointer; color: #888; letter-spacing: -0.5px; padding: 14px; font-size: 18px; display: inline-block; text-align: center; line-height: normal; background:#F3F3F0; margin-bottom: 3px; vertical-align: middle;}
#Content_Tab div.hover,#Agr #Content_Tab div.hover{ /*border: 2px solid #02428c; color: #000; */ background: #45507b; color: #fff; }
#Agr #Content_Tab div { background: #f0f4f8; border: 2px solid #b6cddd; padding: 12px; font-size: 15px; }
#Agr #Content_Tab div.hover {border: 2px solid #45507b;}


#ready {  text-align:center; border:1px solid #c2c2c2; }
#ready .font7 {color:#555; font-size:20pt; font-weight:600; }

/*Table { width:100%; border-top:2px solid #116492;  border-left:1px solid #b6cddd;  margin-top: 10px;}
Table th, td { border-right:1px solid #b6cddd; border-bottom:1px solid #b6cddd; padding:1% 0; line-height:20px; background:#fff;}
Table th { background:#f0f4f8; color:#0898df; line-height:24px; }
Table td { color:#555; text-align:center; }*/


#Table { border-top: 2px solid #333;}
#Table th,#Table td { border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; }
#Table th { text-align:center; padding:15px 0px; line-height: 1.6; font-size: 16px; font-weight: 500;  color:#333; border-left: 1px solid #ddd;}
#Table td {background:#fff; text-align:left; padding:20px 30px;}
#Table dt { font-weight:500; padding-bottom:12px; margin-left: 0px; text-indent: 0px; font-size: 16px; line-height: 1.6;}
#Table li { line-height: 1.4; margin-left: 16px; margin-bottom: 7px; list-style-image: url( "../images/img/ListBullet.gif" ); color: #777;}
	.Table_Area { padding:20px 0; border-bottom:1px dashed #aaa; }
	.Table_Area img { float: left; width: 12.5%; padding-left: 10px; padding-right: 30px; }

#Table .th,#Table .td { border-bottom: 1px solid #80ab77; }
#Table .th { width:15%; text-align:center; padding:17px 0px; line-height: 1.6; background: #CCE0BB; color:#333; font-size: 16px; }
#Table .td {background:#fff; text-align:left; padding:20px 0px 20px 30px; font-size: 15px; color:#777; }

#Table_TH_Left { display: inline-block; width:100%; border-top:2px solid #116492;  border-left:1px solid #b6cddd; font-size: 16px;}
#Table_TH_Left div { float: left; width: 12.5%; text-align: center;}
#Table_TH_Left div span { width: 100%; display: block; line-height: 2;}
#Table_TH_Left div .Table_Th_L,#Table_TH_Left div .Table_Td_L { border-right: 1px solid #b6cddd; border-bottom: 1px solid #b6cddd; padding: 1% 0;}
#Table_TH_Left div .Table_Th_L { color: #0898df; background: #f0f4f8; }
#Table_TH_Left div .Table_Td_L { color: #555; background: #fff;}

/* Login_Form */	
#LoginBg { position: absolute; top: 25%; width: 100%; height: 150px; background: #8fb2d8; margin: 0 auto; margin-top: 50px; text-align: center;}
#LoginArea { position:relative; padding:10px; border:1px solid #d9d9d9; background:#fff; box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.14); max-width: 650px; margin: 0 auto; }
	.LoginTitle { display: inline-block; font-size:30px; color:#333; font-weight: 500; vertical-align: middle;}
	.LoginForm { padding: 40px 60px; background: url('../images/img/login_bg.png') left bottom no-repeat; background-color: #f5f5f5; text-align: left; }
	.LoginLine { position: relative; display: inline-block; width: 35px; transform: rotate(90deg); border-bottom: 5px solid #7fa4dc; vertical-align: middle;}
	.LoginText { display: inline-block; color:#7fa4dc; font-size:16px; letter-spacing: -1px; vertical-align: middle; font-weight: 600;}
	.LoginText span { color:#666; font-size:11px; font-weight: normal; letter-spacing: 0.5px; line-height: 2;}

#LoginArea form {display: inline-block; width: 70%; }
	.idpwForm { text-align: right; margin-top: 30px;  }
	.idpw { width: 75%; text-align: left;  float: left;}
	.idpw>div { margin:3px 0; }
	.LoginList { width:26%; font-size:14px; letter-spacing:-1px; font-weight:600; color:#555; vertical-align:middle; display: inline-block; }
	.idpw input { width:70%; height:30px; padding:0px 3%;border:1px solid #dbdbdb; vertical-align:middle; display: inline-block; background: #fff;}
	.idpw input[type='radio'] { height:auto; }
	.idpw span { vertical-align: middle; }
	.idpw select { width:22%; margin-right: 2%;}
	.idpw input[name="mobile2"],.idpw input[name="mobile3"] { width:22%; }
	.idpw input[name="mobile2"]{ margin-right: 2%;}
	.LoginBtn { position: relative; display: inline-block; width: 20%; height:100px; line-height:100px; font-size:16px; background: #6261a3; }
	.LoginBtn input { position: absolute; left: 0; width: 100%; height:100%; z-index: 5; opacity: 0;}

.layer_pop,#slide_pop { position: absolute; overflow: hidden; z-index:2; background:rgba(0,0,0,.4); top: 105px; max-width:100%; max-height:calc(100vw + 160px); border: 5px solid #fff; }
.layer_pop img,#slide_pop img { width:100%; height:calc(100% - 30px); }
.layer_pop img{ width:100%; height:100%; line-height: 0; padding-bottom: 30px;}

.popclose { position: absolute; bottom: 0; width: 100%; background:#000; color:#fff; font-size:12px; line-height: 30px; padding-left:7px; }
.popclose input,.popclose font { vertical-align: middle; margin-right:5px; font-family: 'Dotum';}
.popclose .close_x { position: relative; width: 13px; height: 13px; cursor: pointer; border:1px solid #fff; padding: 4px; vertical-align: middle; display: inline-block;}
.popclose .close_x:before,.popclose .close_x:after { content: ''; position: absolute; top:5px; left: 1px; width: 9px; height: 1px; background: #fff; transform: rotate(-45deg);}
.popclose .close_x:after { transform: rotate(45deg); }
.popclose .close_x input { display: none; }

/* Video */			
	.video-container{position:relative;padding-bottom:56.25%; margin-top:30px; height:0;overflow:hidden;} 
	.video-container iframe,.video-container object,.video-container embed{position:absolute;top:0;left:0;width:100%;height:100%;} 

#Play {width: 100%; height: 540px; margin-top: 20px; position: relative; }
#Play iframe { position: absolute; z-index: 10; }
/* Video */			


/* BANNER START */			
#wrap{width:100%; position:relative;margin:0 auto;}
#wrap #banner{width:1000px;padding:5px 35px;margin:0 auto;}
#wrap #banner .vis_frame{height:110px;overflow:hidden;position:relative;margin:0 auto;}
#wrap #banner .vis_frame ul{position:absolute;left:100px;top:0;width:900px;}
#wrap #banner .vis_frame ul li{margin:0 auto;width:270px;float:left;padding:10px 10px;list-style:none;}
#wrap #b_control{position:absolute;right:0;top:5px;}
#wrap #b_bt a.left{font-size:5em; color:#9b7a37; padding:29px 25px; float:left;  position:absolute;left:-30px;top:0px;}
#wrap #b_bt a.right{font-size:5em; color:#9b7a37; padding:29px 25px; float:right;  position:absolute;right:-30px;top:0px;}
/* BANNER END */


/* HEAD START */			
#Gnb { max-width:1200px; margin:0 auto;}
#Gnb .bookmark { display: inline-block; max-width:1200px; color:#fff; padding:0px 10px; }
#Gnb .GnbR { float:right;}
#Gnb .GnbR div {display: inline-block;}

	/*.bookmark a, .gnb a { color:#777; font-size: 13px; line-height: 38px; padding: 5px;}*/
	.bar { padding:0 5px; color:#999;}

#wrap { position: relative; }
header { position: relative; width:100%; height:60px; background: #101f3e;}
#header { position: relative; z-index: 5; width:100%; max-width:1200px; margin:0 auto; text-align:right; border-top: 0;}

#Logo { position: absolute; display: inline-block; width: 140px; top:16px; left:0;}
#Logo img{ width: 100%; height:auto; }

#TOPMENU { display:inline-block; width:80%; z-index:10; height:auto; }
#TOPMENU .MobileLogo { display:none; }
#TOPMENU .Menu { width:auto; height:60px; display:inline-block; vertical-align: top; text-align: center; letter-spacing: -1px; color: #fff; float: none; padding-top: 0px;}
#TOPMENU .Menu div { cursor: pointer; line-height: 60px; font-size: 18px; }
#TOPMENU .Menu div a { color: #fff; }
#TOPMENU .Menu section { display:none; }
#TOPMENU .Menu section a{ color:#70798b; }
#TOPMENU .Menu.on { color:#fff; height:auto; }
#TOPMENU .Menu.on div{ background:rgba(0,0,0,0.4) }
#TOPMENU .Menu.on section { background:rgba(0,0,0,0.4) }
#TOPMENU .Menu.on section a{ color:#9fa5b2; }
#TOPMENU .Menu.on section a:hover{ color:#fff; font-weight:500; }
#TOPMENU .Menu .Sub{ line-height:2.3; font-size:14.6px; }

	.bg { display:none; position: absolute; z-index: 5; top: 104px; width: 100%; background:rgba(16,31,62,0.85)}
	.Mmenu{ display:none; }
/* HEAD END */


.Cust_bg { background:#ebeff0; }
#Container,#Layer02,#Layer03,#Customer { position: relative; max-width:1200px; width:100%; margin:0 auto; }

	.MainTitle { text-align: center; font-size:40px; color:#333; padding-top:45px;}

#Container button { width:116px ; height:38px; font-size:20px; font-weight:600; color:#fff; background:#999; text-align:center; border-radius:50px; margin-right:18px;}
#Container button.on { background:#2b69b4; }

#Layer01 { background-image:url("../images/main/Layer1.jpg"); background-attachment: fixed; background-repeat: no-repeat; background-position: center; text-align: center; padding: 6% 0 5%;}

#Layer02 div { width:50%; float:left; margin-right: 1.4%;}
#Layer02 div:last-child { margin-right: 0;}

#Layer03 { height: auto; text-align:center; overflow: hidden; }
#Layer03 a { position: relative; display: block; width:32%; float:left; margin-right: 2%; }
#contents2 #Layer03 a { width:48%; }
#Layer03 a:last-child { margin-right: 0;}
#Layer03 img { width:100%; }
#Layer03 span { display:block; }
#Layer03 .TextB { font-size:clamp(1.2rem, 5vw, 1.55rem); color:#333; padding-top:20px; letter-spacing: -1px;}
#Layer03 .TextM { font-size:1em; color:#555; line-height:1.6; padding-top:15px; }
#Layer03 .TextS { font-size: 1.15em; color:#777; padding-top:10px; }

#Layer03 li { position: relative; overflow: hidden; line-height:0;}
#Layer03 li img { height: 100%; /*max-height: 250px;*/ }
#Layer03 .Prod01 li img { max-height: 286px; }
#Layer03 li:last-child {margin-right: 0;}
#Layer03 li em.click { display:none; }
#Layer03 li:hover {cursor: default; transition: all 0.3s;}
#Layer03 li:hover em.click { display:block; position:absolute; z-index:10; width:100%; height: 100%; font-size: 40px; text-align: center; color: #fff; animation: fadeIn 0.6s; padding: 30% 0; cursor: pointer; background: rgba(25,25,25,0.5);}

	.more { width:163px; height: 45px; line-height:45px; background:#385a91; color:#fff; margin:0 auto; text-align:center; margin-top: 50px; margin-bottom:60px;}
	.more a { display: block; font-size:16px; color:#fff; }

#Customer div { display: inline-block; border-right:1px solid #ccc; padding: 1.3% 3.7%; margin:7px 0; vertical-align: middle; line-height: 0.8;}
#Customer img {width:42px; vertical-align: middle; margin-right:45px; border: 1px solid #ccc; border-radius: 50%;}
#Customer span { display: inline-block; vertical-align: middle; font-size:16px; font-weight:500; color:#333; }


/* Main_Area Start */
#Main_Area { display: inline-block; width: 100%; max-width: 1100px; text-align: center;}
	.Main_Box3,.Main_Box4 { display:inline-block; color:#333; margin-right:12.5%; text-align:center; /*float: left;*/}
#Main_Area .Main_Box3:last-child,#Main_Area .Main_Box4:last-child { margin-right:0;}
#Main_Area .Main_Box3 { width:35%; }
#Main_Area .Main_Box4 { width:15.625%; }
#Main_Area .Main_Box_img { display:block; width:100%; margin-bottom:20px; }
#Main_Area .Main_Box_img img{ width:100%; border-radius: 20px;}
#Main_Area .Main_Box_text { color:#fff; font-size:20px; text-align: center; font-weight: 400; letter-spacing:-1px;}
#Main_Area .Main_Box_text span{ color:#00a4e0; font-size:34px; }
#Main_Area .Main_Box_text i{ font-style: normal; font-size:16px; letter-spacing: -1.5px; font-weight: normal;}
#Main_Area .Main_Box_text1 { color:#3157bc; font-size:20px; padding-bottom:20px;}
#Main_Area .Main_Box_text2 { color:#333; font-size:13px; padding: 0px 10px; line-height:1.6; height: 80px;}
#Main_Area .Main_Box_text2 span { font-size:11px; letter-spacing: -0.5px;}
#Main_Area .Main_Box_text3 { width: 100%; height: 100px; background:#f5f5f5; padding: 5px 0;}
/* Main_Area End */


/* QuickMenu START */
#QuickMenu{position:absolute; right:0; top:104px; z-index:2; opacity: 0.9; width:200px; height:38px; line-height:38px; overflow:hidden; background: #101f3e; color:#FFF; padding-left:20px; font-size:16px; font-weight: 500; cursor: pointer;}
#QuickMenu span{ position:absolute; width:16px; height:2px; background:#bbb; z-index: 10; border-radius:100px; right: 15px; transition:all 0.6s; top: 18px; }
#QuickMenu span:nth-child(2){ transform:rotate(90deg); }
#QuickMenu.on span:nth-child(2){ transform:rotate(0deg); }

#QuickArea{ overflow:hidden;position:absolute;right:0;top:142px; z-index:2;display:none;}
#QuickArea.on{ display:block; }
#QuickArea .tit { display: block; color:#fff; line-height: 1.4; }
#QuickArea h3 { padding:0; }
#QuickArea h3 a{width:200px;height:38px;line-height:38px;overflow:hidden;display:block;background:url('../images/main/quick_tit_bar_on.png') left top no-repeat;color:#FFF;padding-left:20px;font-size:16px;border-bottom:1px solid #404246;}
#QuickArea h3 a:hover{text-decoration:none;}
#QuickArea ul{ width:200px; ;background:#101f3e; opacity: 0.8; padding: 8px 10px; border-bottom: 1px solid #404246;clear:both;overflow:hidden; }
#QuickArea ul li{ width:90px; margin: 15px 0; text-align:center; float:left; }
#QuickArea ul li a{ color:#b8b9bd ;line-height:20px; }
#QuickArea ul li a:hover{ color:#fff; }
#QuickArea ul li .icon{ margin-bottom:5px; }
#QuickArea .customer{ text-align:center; border-bottom: 1px solid #404246; padding:18px 0; background: #101f3e; opacity: 0.8;}
#QuickArea .customer .Cust_Title { font-size: 16px; color: #fff;}
#QuickArea .customer .Cust_Tel { font-size: 32px; font-weight: 500; color: #fff; letter-spacing: -1px;}
#QuickArea .customer .Cust_Refer {  font-size: 14px; color: #bbb; }
#QuickArea .close a{ display:block; background: #101f3e; opacity: 0.9; color:#FFF; font-weight:500; text-align:center; padding: 12px; }
/* QuickMenu END */


/* Sidebar START */
#SideTitle { font-size: 2.8em; color:#333; padding-top:25px; padding-bottom: 4px; padding-left: 20px; font-weight: 600;}
#SideTitle img{ width: 100%; height:auto; }

#SideManu { background:#fff; border-top: 2px solid #000; }

#SideManu .SideMain { width:100%; display:inline-block; vertical-align: top; letter-spacing: -1px; background:#fff; border-bottom:1px solid #e1e1e1; line-height:43px; color:#333;}
#SideManu .SideMainMenu { position: relative; cursor: pointer; padding-left:20px; font-size: 16px;}

#SideManu .SideSub {  height:auto; border-top:1px solid #ddd;}
#SideManu .SideSub a{ color:#555; }

#SideManu .SideMain.on { color:#3157bc; background:#fff; height: auto;}
#SideManu .SideMain.on .SideMainMenu{ color:#333;  background:#fff; }
#SideManu .SideMain.on a:hover .SideSubMenu{ color:#555; }

#SideManu .SideMain.on .SideSub { background:rgba(0,0,0,0.4) }
#SideManu .SideMain.on .SideSub a{ color:#9fa5b2; }
#SideManu .SideMain.on .SideSub a:hover{ color:#333; font-weight:500; }

#SideManu .SideSubMenu{ font-size:14px; color:#666; line-height: 39px; }

#SideManu .SideMainMenu span{ position:absolute; width:16px; height:2px; background:#666; z-index: 10; border-radius:100px; right: 15px; transition:all 0.6s; top: 22px; }
#SideManu .SideMainMenu span:nth-child(2){ transform:rotate(90deg); }

#SideManu .SideMain.on .SideMainMenu span:nth-child(2){ transform:rotate(0deg); }
#SideManu .SideSubMenu{ padding-left:30px; background-color:#f5f5f5; border-bottom:1px solid #e1e1e1; margin: 0 auto;}
/* Sidebar END */


/* SUB START */
#Middle { max-width:1200px; width:100%; margin:0 auto; }
#Sidebar { display: inline-block; vertical-align: top; width:17%; margin-right:5%; }
#Content { display: inline-block; width: 77%; min-height: 700px; vertical-align: top; margin:0 auto; padding-top: 26px; padding-bottom: 100px;}

#Title_Area{ position:relative; width:100%; margin-top: 20px; margin-bottom: 5px; }
#Title_Area .Cont_Title{ display: inline-block; background: url('../images/icon_dot.gif') no-repeat left; padding-left: 18px; color:#333; font-size:14px; font-weight: 500;}
#Title_Area .totalcount { display: inline-block; width: 50%; text-align:left; vertical-align: bottom;}
#Title_Area .Refer { display: inline-block; width: 49.5%; text-align: right;}
#Title_Area .Refer button { margin-left: 5px; margin-right: 0px; }

	.SubTop_bg { background-repeat: no-repeat; background-size: cover; background-position: center;}

	.subtitle { position: relative; font-size:32px; color:#000; padding:8px; padding-bottom: 5px; border-bottom: 2px solid #000; margin-bottom: 50px; font-weight: 500;}
	.subnav { position: absolute; right: 0; bottom: 5px; font-size: 14px; font-weight: normal; line-height: 24px;}

	.Cont_TitleB { background: url('../images/img/Bullet.gif') no-repeat left 4px; padding-left: 28px; color:#333; font-weight: 500; font-size:1.6em; letter-spacing: -0.5px; margin-top: 40px; margin-bottom: 10px; line-height: 1.4; text-align: left; word-break: keep-all; word-wrap: break-word;}
	.Cont_TitleL { display:block; color:#0b3f72; font-size:16px; font-weight: 500; margin-top: 30px; margin-bottom: 10px; border-bottom:2px solid #a1a1a1; padding-bottom: 5px;}

#SubCont_Top { position:relative; text-align:left; letter-spacing:-0.2px; margin-bottom: 35px; line-height:30px; color:#555;  background: url('../images/sub/sub_img.jpg') no-repeat right; border-bottom: 1px dashed #ccc; display: none; }
#SubCont_Top .SubCTop_icon, #SubCont_Top .SubCTop_text { display:inline-block; vertical-align: middle;}
#SubCont_Top .SubCTop_icon { position: absolute; z-index: 1; top: -40px; right: 0px;}
#SubCont_Top .SubCTop_text { padding: 40px 15px 23px 15px; }
#SubCont_Top .SubCTop_text01 { font-size:22px; letter-spacing:-1px; color:#222; padding-bottom: 15px;}
#SubCont_Top .SubCTop_text01 span{ color:#e65751; }
#SubCont_Top .SubCTop_text02  { font-size:14px; line-height: 1.6; padding-bottom: 15px;}
#SubCont_Top .SubCTop_text02 span { font-size:13px; color:#3157bc; margin-left:10px;}
#SubCont_Top .SubCTop_text03  { font-size:16px; line-height: 2.4; padding-bottom: 15px;}

.Prod_pro div{ float: left; width: 49%; height:280px; padding: 35px 42px; margin-right: 2%; border: 1px solid #ddd;border-radius: 20px; background: url('../images/sub/prod_pro_bg.jpg') no-repeat bottom right/cover; text-align: center;}
.Prod_pro div:last-child { margin-right:0; background-image: url('../images/sub/prod_pro_bg1.jpg')}
.Prod_pro h1 { font-size: 48px; color:#000; }
.Prod_pro ul { margin-top:20px;}
.Prod_pro ul li { padding: 3px 0; color: #333; font-size: 22px; font-weight: 500;}

#COMP01 { position:relative; text-align:left; top:-170px; height:0px; margin-left:35px; margin-bottom: 20px; letter-spacing:-0.2; color:#fff; line-height:33px; }
#COMP01 .comp_text01 { font-size:20px; letter-spacing:-1px; color:#fff;font-weight:600; }
#COMP01 .comp_text02  { font-size:15px; }

/* cruise2_2 Start */
.cruise2_2{margin-top: 50px;background-position: top center;background-size: 100%;padding-top: 305px;}
.cruise2_2.asia{background-image: url('img/asia_bg.png');}
.cruise2_2.europe{background-image: url('img/europe_bg.png');}
.cruise2_2.america{background-image: url('img/america_bg.png');}
.cruise2_2 ul{overflow: hidden;padding: 0 26px}
.cruise2_2 li{margin-right: 10px;width:335px;overflow:hidden;padding-bottom: 30px;float: left}
.cruise2_2 li:nth-child(3){margin-right: 0;}
.cruise2_2 li a{display: block;width: 100%;height: 258px;position: relative;border-radius: 20px;overflow: hidden;}
.cruise2_2 li a .over{position: absolute;top: 0;left: 0;width:100%;height: 100%;opacity: 0}
.cruise2_2 li a:hover .over{opacity: 1;transition-duration: 0.5s;}  
/* cruise2_2 End */

#icon_set span{ display: inline-block; margin-right: 5%;}
#icon_set p { font-size:16.5px; color:#31869a; }
#icon_set span:last-child { margin-right:0; }

	.Content_set { position:relative; background-color:#eee; color:#464646; margin-top: 20px; padding:20px; line-height:24px; text-align: left; border-radius: 12px; border:1px solid #ccc;}
	.Content_set:first-child { margin-top: 0px; }
	.Content_Title { display:inline-block; position:relative; min-width: 30%; background:#fff; margin-bottom:10px; padding:5px 10px; font-size:15px; font-weight:600; border-radius: 10px 0;}
	.Content_set:nth-child(odd) .Content_Title { color:#34661a; }
	.Content_set:nth-child(even) .Content_Title { color:#1f598e; }
	.Content_Title { display:inline-block; position:relative; min-width: 30%; background:#fff; margin-bottom:10px; padding:5px 10px; font-size:15px; font-weight:600; border-radius: 10px 0;}
	.ContSet_Cont { padding:0 10px; }
	.ContSet_Cont span { font-size:15px; color:#fff; background:#777; border-radius:1px; padding:2px; margin-right:5px; vertical-align: middle;}

.Prod_pro h3 { text-align: center; font-size: 2.8em; text-shadow: 2px 2px 2px rgba(0, 0, 0, .2); color: #000; margin-bottom: 20px; border-bottom:2px solid #000; }
.Prod_pro h3 span { font-weight:100; }
.Prod_pro h3 strong { color:#d42; }
.Prod_pro h6 { color:#555; font-size: 1.4em; border-bottom:1px solid #000; }


/* Cont_Area Start */
#Cont_Area { display: inline-block; width: 100%; margin-top:20px;}
	.Cont_Box3,.Cont_Box4,#Cont_Area .Cont_Box6 { display:inline-block; color:#333; margin-right:2%; margin-bottom: 6px; text-align:center; float: left; position: relative; }
#Cont_Area .Cont_Box3:last-child,#Cont_Area .Cont_Box4:last-child,#Cont_Area .Cont_Box6:last-child { margin-right:0;}
#Cont_Area .Cont_Box3:nth-child(3n+3), #Cont_Area .Cont_Box4:nth-child(4n+4), #Cont_Area .Cont_Box6:nth-child(6n+6) { margin-right:0;}
#Cont_Area .ContA_Title {text-align: left; font-size: 18px; letter-spacing: -0.5px; margin-bottom: 5px; border-left: 5px solid #0e3763; padding-left: 5px; color: #0e3763; font-weight: 500; }
#Cont_Area .Cont_Box3 { width:32%; }
#Cont_Area .Cont_Box4 { width:23.5%; }
#Cont_Area .Cont_Box6 { width:15%; }
#Cont_Area .Cont_Box_img { position:relative; display:block; width:100%; line-height: 0;}
#Cont_Area .Cont_Box_img img{ width:100%; }
#Cont_Area ul { padding: 5px 0 ;}
#Cont_Area ul li { text-align:left; color: #555; padding: 3px 0; margin-left: 18px; list-style: square; font-size: 13px; line-height: 1.4;}
#Cont_Area .Cont_Box_text { color:#fff; font-size:23px; padding-bottom:20px; text-align: center; font-weight: 500; letter-spacing:-1px;}
#Cont_Area .Cont_Box_text span{ color:#00a4e0; font-size:34px; }
#Cont_Area .Cont_Box_text1 { color:#333; font-size:26px; padding:10px; font-weight: 500;}
#Cont_Area .Cont_Box_text2 { color:#777; font-size:16px; padding:10px 0 20px; line-height:1.6; }
#Cont_Area .Cont_Box_text2 span { font-size:12px; letter-spacing: -0.5px;}
#Cont_Area .Cont_Box_text3 { width: 100%; height: 100px; background:#f5f5f5; padding: 5px 0;}
#Cont_Area .Cont_Box_text2.Cont_Box_Bg { position: absolute; width: 100%; bottom: 0px; background: rgba(25,25,25,0.6); padding: 10px 0; color: #fff; font-size:18px; min-height: auto;}
.H300 { height:300px;}
/* Cont_Area End */

/* Cont_Area1 Start */
#Cont_Area1 .Cont_Box1 { display:inline-block; width:100%; text-align:left; }
#Cont_Area1 .Cont_Box1:nth-child(2n+1){background-color:#f5f5f5;;}
#Cont_Area1 .Cont_Box1_img,#Cont_Area1 .Cont_Box1_text1,#Cont_Area1 .Cont_Box1_text2 { display:inline-block; vertical-align: middle;}
#Cont_Area1 .Cont_Box1_img { max-width:34px; margin: 5PX 10px 0px 15px; }
#Cont_Area1 .Cont_Box1_img img{ width:100%; }
#Cont_Area1 .Cont_Box1_text1 { color:#333; font-size:16px; padding:20px 0; width:19%; }
#Cont_Area1 .Cont_Box1_text2 { color:#666; font-size:16px; padding:0 15px; line-height:1.6; }
#Cont_box1 { margin: 70px auto 30px; padding: 20px; width: 49%; text-align: center; color: #fff; line-height: 1.4; font-size: 20px; font-weight: 600; background: #005896;}
/* Cont_Area1 End */

/* Cont_Area2 Start */
#Cont_Area2 { display: inline-block; width: 100%; margin-bottom:15px;}
#Cont_Area2 .Cont_Box2 { width:49%; text-align:left; border: 1px solid #ddd; margin-right:2%; float: left; min-height: 300px;}
#Cont_Area2 .Cont_Box2:nth-child(2n+2) { margin-right:0;}
#Cont_Area2 .Cont_Box2_img { width: 50%; padding-right: 25px; float: left; }
#Cont_Area2 .Cont_Box2_img img{ width:100%; }
#Cont_Area2 .Cont_Box2_textBox { width: 52%; float: left; padding-left: 20px; padding-bottom: 20px; letter-spacing: -1px;}
#Cont_Area2 .Cont_Box2_text1 { color:#3157bc; font-size:28px; padding:20px 0;}
#Cont_Area2 .Cont_Box2_text2 { color:#777; font-size:16px; line-height:1.6; }
/* Cont_Area2 End */


/* block&process Start */
blockquote, .block {	display:block; position:relative; padding:20px; background:url("../images/img/pattern_diagonal.gif"); border:1px solid #ededed;	}
section blockquote:last-child,  section .block {margin:0 0 0 0;} 

 .block dl, .block > p, .block > div, .block > ul, .block > ol { display:block; background-color:#fff; border:1px solid #ededed; padding:0px 20px; vertical-align:middle; letter-spacing:-1px; line-height:150%; word-break: normal; }

 .process_n1 ul {line-height:25px; padding:15px 25px; background-image:url('../images/sub/process_n1_bg.png'); background-repeat: no-repeat; background-position: 95% 90%;}
 .process_n1 ul li.500er{font-weight:500; color:#333; margin-top:10px; }
 .process_n1 ul li.padL{padding:0 15px; background: url("../images/img/little_bleat.gif") no-repeat 5px 11px; color:#666; line-height: 2; margin-left: 20px;}
 .process_n1 ul li.padL2{padding:0 25px; font-weight:500;}
 .process_n2 ul {line-height:25px; padding:15px;}

 .process { overflow: hidden;counter-reset:li_depth01;padding:15px 0; } 
 .process > li{ display:block;position:relative;counter-increment: li_depth01;line-height:16px;vertical-align:middle; border-top:1px solid #ddd;padding: 14px 0 10px 34px;line-height: 24px; font-size: 1.2em; color: #333;} 
 .process > li * { vertical-align:middle;line-height:1.6;}
 .process > li:before{ display:inline-block; position:absolute; left:0; top:12px; height:26px; min-width:26px; content: counter(li_depth01, decimal); background-color:#ff8e50; border-radius: 16px; padding: 0 0; vertical-align:middle;	text-align:center;	line-height:28px; color: #fff; font-size: 15px; } 

 .process > li:first-child { border-top:0;}
 .process > li:nth-child(2n+2)::before{ background-color:#47c5b0; }
 .process > li:nth-child(3n+3)::before{ background-color:#6583e1; }
 .process > li:nth-child(4n+4)::before{ background-color:#ff8e50; }

 .process li em { display:inline-block;height:16px;width:16px;background:#4a1fac;padding:0 0;border-radius:16px;text-align:center;line-height:16px;vertical-align:middle;color:#fff;}
 .process li em.no4 { background-color:#1cacd8; }
 .process dd {color:#777; margin:5px 10px; text-indent: -8px; font-weight: normal; font-size: 0.9em;}
 .process p {color:#777; margin:5px 0px; font-weight: normal; font-size: 0.9em;}

.block .Text_Box { background:#f3f6ec; padding:10px 20px; border:1px solid #c3e6d0; color:#666; line-height:2; margin-bottom: 10px; font-size: 1.1em;}
/* block&process End */


/* Prod Start */
#Prod { width: 100%; text-align: right; }
#Prod .btnPrimary {width: 100%; height: 50px; line-height: 50px; background:#2c3c60;color:#ffffff; font-size:18px;cursor:pointer;	border-radius:0px; border: none;text-align:center;}
#Prod .style2 { font-size: 32px; color: #3352bb; letter-spacing: -1px;}
#Prod .Btn_Area {text-align:center; margin-top: 16px; }
#Prod .Btn { display:inline-block; width:100%; margin-bottom: 20px;}

#Prod .Layer_2div_1 { position: relative; float: left;; width:45%; display:inline-block; margin-right: 3%; margin-bottom: 20px;}
#Prod .Layer_2div_2 { width:51%; display:inline-block; vertical-align: top; }

#Prod .BArea { text-align:left; line-height: 28px; padding:13px 0; border-bottom: 1px solid #ddd; }
#Prod .BTitle { position: absolute; width: 100%; bottom: 50px; background: rgba(25,25,25,0.5); line-height:64px; padding: 20px 0; color:#fff; font-size:32px; text-align:center; }
#Prod .BTitle p { font-size: 18px; color:#f2f2f2; padding-bottom:7px;}
#Prod .BList { display:inline-block; width:25%; vertical-align:middle; font-size:16px;  text-align:left; font-weight:500; color: #444;}
#Prod .BData { display:inline-block; padding-left: 5px; vertical-align: middle; color: #666; font-size: 15px;}
/* Prod End */


/* Board_List Start */
#Board_List .thread_M { display:none;}
#Board_List { /*border-top: 2px solid #555;*/ border-top: 1px solid #ddd;}
#Board_List img{ vertical-align: middle;}
#Board_List .thread,#Board_List .tbody,#Board_List .city { width:100%; text-justify: distribute-all-lines; text-align-last: justify; }
#Board_List .thread {background: #f3f3f3; /*#e9f1f0*/ border-bottom: 1px solid #ddd; color: #333; text-align: center; padding: 8px 0; }
#Board_List .tbody {position: relative; border-bottom: 1px solid #ddd; color: #666; font-weight: normal; text-align: center; padding: 6px 0;}
#Board_List .thread div, #Board_List .tbody div { display:inline-block; line-height: 1.6; text-align: center; vertical-align:middle; text-justify: auto; text-align-last: auto; }
#Board_List input{ text-align: center; border: 0; padding: 0; width: 100%;}
#Board_List input.btn { width: auto; }

#Board_List .Name{ width:8%; }
#Board_List .No, #Board_List .Type, #Board_List .PCnt { width:8%;}
#Board_List .Pay{ width:9%; }
#Board_List .Date { width:10%; }
#Board_List .id { width:11%; }
#Board_List .Tel{ width:13%; }
#Board_List .Control { width:15%; }
#Board_List .Memo { width:16%; }
#Board_List .Goods { width:18%; }
#Board_List .Zone { width:20%; }
#Board_List .Subject { width:30%; }
#Board_List .Total { width:55%; }
/* Board_List End */


/*  BoardWrite & BoardView Start */
#Board { border-collapse: separate; border-spacing: 1px; text-align: left; border-top: 2px solid #555; width: 100%; display: inline-block;}
#Board div { float: left; }
#Board .BArea_1ea { width:100%; }
#Board .BArea_2ea { width:49%; }
#Board .BArea_3ea { width:32%; }
#Board .BList, #Board .BList2, #Board .BList3, #Board .BList4, #Board .BData { line-height: 1.6; padding: 8px 0;}
#Board .BList, #Board .BList2, #Board .BList3, #Board .BList4 { text-align:center; background:#f1f1f1; border-right:1px #dbdbdb solid; color:#555; width:130px; margin-right: 10px;}
#Board .BList2 { height:60px; }
#Board .BList3 { height:110px; }
#Board .BList4 { height:130px; }
#Board .PutBox input { width:100%; }
#Board .BData { text-align:left; color:#777; vertical-align: middle; }
#Board .Bline,#Board	.TextArea { width: 100%; }
#Board .Bline { border-bottom: 1px solid #dbdbdb; display: block;}
#Board .CheckSpamCode { font-size:12pt; letter-spacing:1px; color:#82b663; text-align:center; font-weight:500; margin-right: 10px;}
#Board .DotText { display: inline-block;}
#Board .upfile { max-width: 470px; margin-right: 10px; border: 1px solid #ccc; padding: 0; background: #fff; height: 28px; }
#Board .pwd { max-width: 120px; margin-right: 5px; }
#Board .Attach { margin-right:5px; }
#Board .BCont { width:100%; line-height:2; padding: 10px;}
#Board .BCont img{ max-width: 100%;}
#Board .BArea_1ea .checkbox,#Board .BArea_2ea .checkbox,#Board .BArea_3ea .checkbox{ width: auto; height: auto; }
#Board .BArea_1ea .Data .Tell,#Board .BArea_2ea .Data .Tell,#Board .BArea_3ea .Data .Tell{ max-width:60px; ime-mode:disabled; }
#Board .BArea_1ea .Data .mail,#Board .BArea_2ea .Data .mail,#Board .BArea_3ea .Data .mail{ max-width:120px; ime-mode:disabled; }
#Board textarea { width: 97%; padding:5px; margin-top: 5px; border:1px solid #bfbfbf}
#Board .TextBox { width:98%; padding:10px;  border:1px solid #bfbfbf; margin-bottom: 5px; }
#Board .BBtn { width:100%; text-align:center; padding-top:30px; padding-bottom:30px; border-bottom:0; }
#Board .BBtn img { cursor:pointer; vertical-align: middle; width: 80px; }
/* BoardWrite & BoardView End */


/*  Photo_List Start */
#Photo_List1,#Photo_List2 { padding: 270px 30px; margin-bottom:20px;}
#Photo_List1 { background: url('../images/sub/asia_bg.png') no-repeat top / contain;}
#Photo_List2 { background: url('../images/sub/europe_bg.png') no-repeat top / contain; }
#Photo_List3 { background: url('../images/sub/america_bg.png') no-repeat top / contain; padding: 270px 30px;}
	.Photo_box { display: inline-block; width:33.3%; text-align:center; padding-right:2%; float: left;}
	.Photo_box a { font-size:18px; color:#222;}
	.Photo_box:nth-child(3n+3) { padding-right:0; }
	.Photo_img { line-height: 0; margin-bottom: 15px; }
	.Photo_img img { border-radius: 20px;}

	.Photo_box li span.click { display:none;}
	.Photo_box li:hover {cursor: default; transition: all 0.3s; position: relative; overflow: hidden; line-height:0;}
	.Photo_box li:hover span.click { position:absolute; z-index:10; width:100%; height: 100%; display:block; font-size: 30px; text-align: center; color: #fff; animation: fadeIn 0.6s; padding-top: 38%; cursor: pointer; background: rgba(25,25,25,0.6); border-radius: 20px;}


/* FAQ */
#faq_list{ margin-bottom:20px; border-top: 1px solid #ddd; border-left: 1px solid #ddd;border-right: 1px solid #ddd;}
#faq_list ul li{border-bottom: 1px solid #ddd;}
#faq_list a{display:block;background:url(../images/img/q.gif) 13px 15px no-repeat;padding: 12px 15px 12px 43px;font-weight:500;color:#4c5054;font-size:13px; line-height: 22px;}
#faq_list dd{border-top: 1px dashed #ddd;background:#f8f8f8; margin:0; text-indent:0; background:url(../images/img/a.gif) 13px 13px no-repeat;padding: 40px 15px 18px 43px; line-height:22px;}
#faq_list .Qn { font-size: 13px; color: #4c5054; font-weight: 500; padding: 12px 20px; line-height: 22px; }
#faq_list .Qn span{ padding-left:10px;}
#faq_list .Ans { display:none; background:#f8f8f8; vertical-align:top; padding: 15px 43px; border-top: 1px dashed #ddd; color: #626262; line-height: 22px;}

/* ½Åû¼­¾ç½ÄÆû start*/
	.thread tr { height:56px; }
	.thread td {border-bottom:1px solid #eaeaea; }
	.thread td[sub='1'] { border-right:1px solid ##eaeaea; }
	.TDt { width:143px; background-color:#f5f5f5; color:#555; padding:5px 28px;}
	.TDd { padding:5px 11px;}
	.T-box { width:100%; line-height:24px; margin-bottom:4px; }
	.T-box:last-child { margin-bottom:0; }
	.input_check { width:19%; display:inline-block; }
	.post_btn { width:86px; line-height:24px; border:1px solid #eaeaea; display:inline-block; text-align:center; vertical-align:middle; margin-left:5px; background: #d46; color: #fff;}
	.email2 { margin-right:8px }


/* App_form start*/
#App_form { border-top: 1px #626368 solid; margin-bottom:20px;}
#App_form .App_Area { width: 100%; line-height:50px; display: table; border-bottom: 1px solid #dbdbdb;}
#App_form .AList,#App_form .AListH { width: 20%; color: #333; background: #efefef; text-align:center; float: left;}
#App_form .AListH { height:200px; padding-top:10px;vertical-align: middle; }
#App_form .AData { width: 80%; text-align:left; color:#777; vertical-align: middle; padding-left: 2%; float: left;}
#App_form .AData .half { width: 40%; }
#App_form .AData .full { width: 100%; }
#App_form textarea { width: 100%; margin: 5px 0; box-sizing: border-box;}
#App_form .termsBox { width: 100%; height: 150px; overflow-y: auto; border: 1px solid #e1e1e1; padding: 0 4%; margin-top: 5px; box-sizing: border-box;}
/* App_form end*/


/* ¾à°ü Æû start*/
#Agr	.kftc_logo { float: right; }
#Agr div {line-height:1.8; text-align: left;}
#Agr .Title { margin-top:20px; color:#333; font-weight:600; font-size:15px;}
#Agr .Title_S { margin-bottom:20px; font-size:14px; font-weight:600; color:#333; }
#Agr .Prod { background:#babcbb; margin-top:3px;}
#Agr .Prod tr{ height:40px; }
#Agr .Prod div { display:inline-block; line-height: 1.3;}
#Agr .Arith { margin-top:3px; border:1px solid #babcbb; padding:10px 25px;}
#Agr .text_box { border: 1px solid #eee; background: #fff; padding: 5px 20px; }
#rates tr { height:40px; }

#Agr div span { margin-bottom:10px; }
#Agr dl { margin: 0; padding: 0px;}
#Agr dt { margin-top:16px;  text-indent:-1.2em; margin-left:1.2em;}
#Agr dt:first-child { margin-top:0px;}
#Agr dl dt { margin-bottom:2px;}
#Agr dd { text-indent:-1.2em; margin-left:2.4em; margin-top: 7px;}
#Agr dl dd:first-child { margin-top:10px;  }
#Agr p {margin-left:1.2em; }

#Agr h3 {padding-top: 30px; color:#555;}
#Agr h3:first-child {padding-top: 10px; }

#Agr .data_box { border: #dddddd 1px solid; padding: 18px 30px; background:#f7f7f7; text-align:left;}
#Agr .data_box dl:last-child { padding-bottom:0px;}

#Agr Table { width:100%; border-top:2px solid #116492;  border-left:1px solid #b6cddd;  margin-top: 10px;}
#Agr Table th, td { border-right:1px solid #b6cddd; border-bottom:1px solid #b6cddd; padding:1% 0; line-height:20px; background:#fff;}
#Agr Table th { background:#f0f4f8; color:#0898df; text-align:center;}
#Agr Table td { color:#555; text-align:center; }

	.Agree_title { font-size:16px; color:#333; font-weight:600; }

#Agr_Table {background:#676767; text-align:center; width:100%;  min-width: 700px; margin-top:0; }
#Agr_Table th{background:#f0f4f8; color:#555; }
#Agr_Table .th1{background:#a09dc9 ; color:#fff; font-weight:500;}
#Agr_Table .th2{background:#6a96c8 ; color:#fff; font-weight:500;}
#Agr_Table td{background:#fff; line-height:1.6; }
/* ¾à°ü Æû end*/

/* SUB END */



/* SEARCH START */
#Search { border:1px solid #eaeaea; text-align:center; line-height:60px; background-color:#f5f5f5; margin-top:45px; vertical-align: middle;  }
#Search select { height: 32px; width:90px; vertical-align: middle; border:1px #e1e1e1 solid; color:#333; padding-left:12px; }
#Search .search_text { padding-right:3px; display: inline-block; vertical-align: middle; }
#Search .btn { cursor: pointer; background-color:#d52d3e; border:0; color:white; vertical-align: middle; width:80px; font-weight:500; }
#Search_b_p { display: inline-block; text-align:right; }
#Search_b_m{ display:none}
/* SEARCH END */





/********************************** MEDIA **********************************/

@media (max-width:1200px) { /******************* Tablet *******************/
#Tablet,#TM,#PCNo { display:block; }
#PC,#TabletNo { display:none; }


/* HEAD START */
header { height: 50px; position: static;}
#header { text-align:center; position: static;}
#Logo { position: relative; }
#Logo img{ width: 76%; }

#TOPMENU{ display:none; position: absolute; background:#fff; height: 100%; right:-100%; transition:all 0.6s; top: 0px;  text-align:left; padding-top: 0px; left: auto; }
#TOPMENU.on{ display:block; right:0;  width: 260px; animation: all 0.6s ease;}
#TOPMENU .MobileLogo {display:block; width:100%; height:50px; background-color:#101f3e; padding-left: 20px;}
#TOPMENU .MobileLogo img { position: relative; top: 17px;width: 101px; }
#TOPMENU .Menu { width:100%; height:auto; background:#ffffff; border-bottom:1px solid #e1e1e1; line-height:43px; text-align: left; color:#333;}
#TOPMENU .Menu div{ position: relative; padding-top: 0px; padding-left:20px; line-height: 43px; font-size: 16px;}
#TOPMENU .Menu div a { color: #222; }
#TOPMENU .Menu.on { background:#fff; height: auto;}
#TOPMENU .Menu.on div{ color:#222;  background:#fff;}
#TOPMENU .Menu section { display:none; height:auto; border-top:2px solid #101f3e;}
#TOPMENU .Menu .Sub { color:#777; line-height: 39px;}
#TOPMENU .Menu.on a:hover .Sub{ color:#777; }
#TOPMENU .Menu span{ position:absolute; width:16px; height:2px; background:#666; z-index: 10; border-radius:100px; right: 15px; transition:all 0.6s; top: 22px; }
#TOPMENU .Menu span:nth-child(2){ transform:rotate(90deg); }
#TOPMENU .Menu.on span:nth-child(2){ transform:rotate(0deg); }
#TOPMENU .Sub{ padding-left:30px; background-color:#f5f5f5; border-bottom:1px solid #e1e1e1; margin: 0 auto;}

	.bg { top:0; height:100%; }
	.bg.on { display:block; background-color:rgba(0,0,0,0.6); }

	.Mmenu{ display:block; position:absolute; top:14px; right: 8px; cursor: pointer; z-index: 15; padding: 5px; text-align: center;}
    .Mmenu span{ display:block; width:20px; height:3px; background:#fff; position:relative; transition:all 0.6s; margin-bottom: 3px;}
    .Mmenu span:nth-child(3){ margin-bottom: 0; } 
    .Mmenu.on span:nth-child(1){ transform:rotate(45deg); top:6px; background: #fff;}
    .Mmenu.on span:nth-child(2){ opacity:0; }
    .Mmenu.on span:nth-child(3){ transform:rotate(-45deg); bottom:6px; background: #fff;}
	.Mmenu.on div{ display:none; }
/* HEAD END */


/* LoginArea form */
.idpw { padding-right:7%; }
.idpw input {width: 100%; }
.idpw select,.idpw input[name="mobile2"],.idpw input[name="mobile3"] {width: 32%; }
 

#Customer div:nth-child(1),#Customer div:nth-child(2) { width:20%; text-align: center;}
#Customer div:nth-child(1) img,#Customer div:nth-child(2) img { margin-bottom: 20px; margin-right: 0px; }
#Customer div:nth-child(1) span,#Customer div:nth-child(2) span { display: block; }
#Customer div:nth-child(3) { width: 58%; }
#Customer div:nth-child(3) img { margin-right: 7%;}
#Customer div:nth-child(3) span{ width: 80%; }


/* Sidebar START */
#SideTitle { position: absolute; top: 100px; z-index: 6; width: 100%; text-align: center; color: #fff; padding: 0; text-shadow: 1px 1px 5px 1px #666; }
#Sidebar { width:100%; overflow: hidden; margin-right:0; }
#SideManu { position: relative; min-width:100%; overflow: auto; border-bottom: 1px solid #e1e1e1; border-top:0; }
#SideManu .SideMain { width:auto; border-bottom: 0px; }
#SideManu .SideMainMenu { padding: 0 10px; }
#SideManu .SideMainMenu span { display:none; }
#slide_panner { display:none}
/* Sidebar END */


DIV#TOPMENU .mobile-menu{ display:none; position:absolute; background-color:#ffffff; z-index:999; width:260px; height:100%; padding:0; margin:0; top:0px; right:0px; bottom:0px; /*animation:menu 5s 1 linear;*/  /*position:absolute;*/ }
DIV#TOPMENU .mobile-menu ul { padding:0px 0px; margin:0; background:#ffffff; border-bottom:1px solid #e1e1e1; line-height:43px; }
DIV#TOPMENU .mobile-menu .mobileTop {height:50px; background-color:#d60405; padding-left:2px;}


#wrapImgSlide{width:250px;position:relative;margin:0 auto;}
#wrapImgSlide #imgSlide{width:230px;margin:-20px 0px 0px 0px;}
#wrapImgSlide #imgSlide .vis_frame2{overflow:hidden;position:relative;margin:0 auto;}/*height:300px;*/
#wrapImgSlide #imgSlide .vis_frame2 ul{position:absolute;left:0px;top:0;width:240px;}
#wrapImgSlide #imgSlide .vis_frame2 ul li{margin:0 auto;width:112px;float:left;padding:10px 0px;list-style:none;}
#wrapImgSlide #b_control{position:absolute;right:0;top:5px;}
#wrapImgSlide #b_bt2 a.leftImg{ position:absolute;left:-30px;top:0px;}
#wrapImgSlide #b_bt2 a.rightImg{position:absolute;right:-30px;top:0px;}
#header { border-top:0px; }



/* TABLET_Tab START */
#SMenuT { display:block; width:100%; letter-spacing:-0.5px; border-bottom: 2px solid #3157bc;}
#SMenuT td{ border-top:1px solid #ebebeb; border-right:1px solid #ebebeb; line-height:1.5; font-size:15px; font-weight:600; padding: 9px 5px; cursor:pointer; color:#666;}
#SMenuT td:last-child { border-right:none; }
#SMenuT td a{ color:#666; }

#SMenu_line { display:block; width:100%;  }

#SMenu_S2ea, #SMenu_S3ea, #SMenu_S4ea { display:block; width:94%; letter-spacing:-0.5px; margin:20px auto 0px auto}
#SMenu_S2ea td:last-child, #SMenu_S3ea td:last-child,, #SMenu_S4ea td:last-child { border-right:1px solid #ebebeb; }
#SMenu_S2ea  td a, #SMenu_S3ea td a, #SMenu_S4ea td a{ color:#666; }
#SMenu_S2ea td,#SMenu_S3ea td,#SMenu_S4ea td{ border:1px solid #ebebeb; border-right:none; line-height:36px; font-size:15px; font-weight:600;}
#SMenu_S2ea td:last-child,#SMenu_S3ea td:last-child,#SMenu_S4ea td:last-child{ border-right:1px solid #ebebeb; }
#SMenu_S2ea td { width:45%;}
#SMenu_S3ea td { width:30%;}
#SMenu_S4ea td { width:25%;}
/* TABLET_Tab END */



/* TABLET_SUB START */
#Content { width: 90%; min-height: auto; display: block; margin: 0 auto; padding-bottom: 50px;}

	.list_web { display:none;}
	.list_mobile { display:block;}
	.Subwidth { margin:20px auto 0px auto; float: none; max-width: 100%;}

#COMP01 { top:0px; color:#333; height:auto; margin-left:0px; font-size:0.9em; line-height:2.8; padding-bottom:20px; }
#COMP01 .comp_text01 { color:#333; }
#COMP01 .comp_text02 { font-size:16px; line-height:1.6; color:#333; letter-spacing:-1px;}


	.Area01 img{ width:100%; }
	.Area01,.Area02,.Area03{ width:94%; margin:5px; }
	.Area01 { background-color:#f7f7f7; }
	.Area02 { height:320px;}	
	.Area02 div { width:91%; padding:16px 16px 8px 16px; text-align:left;  border-bottom:solid 1px #ddd;}

	.Area04 { width:100%; float:left; }
	.Area04 img { width:100%; }
	.Area05 { width:100%; float:left; }
	.Area05 img { width:100%; }

	.page1 { padding-top:80px; padding-bottom:50px; }
	.page2 { padding-top:80px; padding-bottom:50px; }

#Layer02 { padding:0px; }

	.grand {	width:74%;	}
	.grand img{	float:left;width:50px;padding-top:20px;	}
	.grand ul{	margin-top:0px; padding-left:8px;	height:58px;	list-style:none;	position:relative; }

	.grand li{	}
	.grand ul li a{ line-height:15px; }

	.grand li .txt2{display:block;line-height:17px;text-align:left;}
	.grand span{	color:#8d8d8d;float:right; padding-right:14px; }

#Layer03 .TextM { letter-spacing: -2px; }

#bugo { width:98%; }

#onlineCall { background-color:#efefef;	width:100%;	height:188px;	border: 0px solid #d4d4d4; padding-bottom:20px;	}

#callTable { }

#txtName { width:257px; height:30px; border: solid 1px #cccccc; }

#txtButton { width:120px; height:100px; border: solid 1px #cccccc;background-color:#7d7d7d; color:white; cursor:pointer; font-size:14px; font-weight:500; }

#Cunsel_Tr4{ width:40px; height:20px; }

#onlineCall table{	width:100%;	height:160px;	margin-left:5px; }
#onlineCall td{ padding:0px; font-size:15px; font-weight:500; }

.SubTop_bg { background-position: 60% center; }

/* TABLET_Cont_Area1 Start */
#Cont_Area1 .Cont_Box1_img { width: 30%; }
#Cont_Area1 .Cont_Box1_text1 { width:70%; }
#Cont_Area1 .Cont_Box1_text2 { width:100%; padding-bottom:30px; }
#Cont_box1 { width: 100%; }
/* TABLET_Cont_Area1 End */

/* TABLET_Board_List Start */
#Board_List .thread { display:none;}
#Board_List .thread_M { display:inline-block; margin-right: 5px;}
#Board_List .tbody { width: 100%; text-justify: auto; text-align-last: auto; text-align:left; padding-left: 2%;}
#Board_List .tbody div { text-align: left; width:24.5%; padding-left: 2%;}
#Board_List .tbody .Subject { width:49%; }
/* TABLET_Board_List End */


/*  TABLET_BoardWrite & BoardView Start */
#Board .BArea_2ea,#Board .BArea_2_5ea,#Board .BArea_3ea { width:100%; }
#Board .BArea_4ea { width:49.8%; }
#Board .BArea_1ea .BData { width:83%; }
#Board .BlineT { width: 100%; border-bottom:1px solid #dbdbdb; }
/*  TABLET_BoardWrite & BoardView End */

/* TABLET_SUB END */


/* TABLET_SEARCH START */
#Search { width:100%; top:-10px;}
#Search select { width:70px; padding-left:7%; }
#Search .search_text { width:40%; }
#Search .btn { padding:5px 7px; letter-spacing:-0.6px; }
#Search_b_p { display:none; }
#Search_b_m { display:inline-block; text-align:right; }
/* TABLET_SEARCH END */
	
}


@media (max-width:1200px) {
	.PC,.Tablet { display:none; }
	.Mobile { display:block; }
}


@media (max-width:760px) { /******************* iPad *******************/
#Mobile,#TabletNo { display:block; }
#Tablet,#MNo { display:none; }

body { font-size:0.8em; }

INPUT[name="email1"],INPUT[name="email2"],select[name="email_tail"] {width:28%;}
INPUT[name="phone2"],INPUT[name="phone3"],select[name="phone1"] {width:28%;}

	.btn_search,	.btn_write { width:28px; min-width: auto; padding:0px 0px 0px 28px;}
	.btnBox { padding: 6px 10px;}

#mainimg15 { display:block;height:410px;width:100%;}

	.MainTitle { font-size: 26px; padding-top: 25px; padding-bottom: 20px;}
	.subtitle { font-size: 24px; margin-bottom: 30px;}

#Container { text-align: center; }
#Container button { width: 80px;; height: 30px; margin: 0 5px; font-size: 17px;}

#Main_Area { margin-top: 20px; }
#Main_Area .Main_Box_img { margin-bottom:15px;}
#Main_Area .Main_Box_text { font-size: 16px; padding-bottom:10px;}
#Main_Area .Main_Box_text i{ font-size: 13px; display:block; letter-spacing:-1px; padding-top: 5px;}
#Main_Area .Main_Box3 { width: 100%; padding: 15px 20%; }

#Layer01 { height: auto;}

#Layer03 a,#Layer03 .Prod01 li { height: 150px; margin-bottom:5px; }
#Layer03 a:nth-child(2n+2) { margin-right: 0;}
#Layer03 a,#contents2 #Layer03 a {width:49.3%; }
#Layer03 a.Full {width:100%; }
#Layer03 .Text_Set { position: absolute; top: 0; left: 0; width: 96%; height: 95%; margin: 2%; padding-top: 20px; background: rgba(25,25,25,0.4); border: 1px solid #ddd; }
#Layer03 a.Full .Text_Set { height: 90%; }
#Layer03 .TextB { line-height: 1.6; color: #fff;}
#Layer03 .TextM { display:none; }
#Layer03 .TextS { font-size: 0.9em; color: #fff;}
#Layer03 .Prod01 li:hover em.click { display:none; }


	.more { margin-top: 20px; margin-bottom: 30px; width: 150px; height: 40px; line-height: 40px;}

#Customer div:nth-child(1),#Customer div:nth-child(2) { width:50%; float: left; }
#Customer div:nth-child(1) img,#Customer div:nth-child(2) img,#Customer div:nth-child(3) img { margin-bottom: 0px; margin-right: 30px; }
#Customer div:nth-child(1) span,#Customer div:nth-child(2) span { display: inline-block; }
#Customer div:nth-child(2) { border-right:0;}
#Customer div:nth-child(3) { width: 100%; border-top:1px solid #ccc; margin: 0; padding: 20px 3.7%;}


/* #LoginArea form */
#LoginArea form { width:100%;}
.LoginForm { background:none; background-color: #f5f5f5;}


/* MOBILE_SUB START */
#COMP01 .comp_text01 { padding:11px 0; }

	.nav-box { right:10px; }
#Content_Tab { text-align: left; }
#Title_Area .totalcount { display: none;}
#Title_Area .Refer { position: relative; width: 100%;}
#Title_Area .Refer select, #Title_Area .Refer input, #Title_Area .Refer button { margin-top: 5px; }

/* MOBILE_Cont_Area Start */
#Cont_Area .Cont_Box3,#Cont_Area .Cont_Box4 { width: 100%; margin-bottom:20px;}
#Cont_Area .Cont_Box3:nth-child(3n+3) { margin-right:2%;}
#Cont_Area .Cont_Box3:nth-child(2n+2), #Cont_Area .Cont_Box4:nth-child(2n+2) { margin-right:0;}
#Cont_Area .Cont_Box_text1 { min-height:auto;}
#Cont_Area .Cont_Box_text2 { min-height: auto; }
#Cont_Area .Cont_Box_text2.Cont_Box_Bg { font-size:16px; }
#Cont_Area .M_half { width: 48%; }
.H300 { height: auto; }
/* MOBILE_Cont_Area End */

/* MOBILE_Cont_Area2 Start */
#Cont_Area2 { margin-bottom:0 ;}
#Cont_Area2 .Cont_Box2 { width:100%; margin-bottom: 15px;}
#Cont_Area2 .Cont_Box2_textBox { padding-left: 7%; }
#Cont_Area2 .Cont_Box2_text1,#Cont_Area2 .Cont_Box2_text2 { width:100%; letter-spacing:-0.5px;}
/* MOBILE_Cont_Area2 End */


#Table .tr {height:auto; }
#Table .th, #Table .td {width:100%; float: none; padding: 20px 15px;}

/* MOBILE_Board_List Start */
#Board_List .tbody div { width:49%;}
#Board_List .tbody .No { width:100%;}
#Board_List .tbody .Subject { width:100%; font-size: 14px;}
#Board_List .tbody .PCnt { text-align: right; }
/* MOBILE_Board_List End */


/*  MOBILE_BoardWrite & BoardView Start */
#Board .Refer { margin-left:0; letter-spacing:-1px; }
#Board .BData input[name="sDate"],#Board .BData input[name="eDate"],#Board .BData input[name="sDate2"],#Board .BData input[name="eDate2"]{ width: 30%;}
#Board .BArea_2ea,#Board .BArea_2_5ea,#Board .BArea_3ea,#Board .BArea_4ea { width:100%; }

#Board .BlineM { width: 100%; border-bottom: 1px solid #dbdbdb; }
#Board .BList,#Board .BArea_2ea .BList,#Board .BArea_2_5ea .BList,#Board .BArea_1ea .BList, #Board .BArea_1ea .BList2, #Board .BArea_1ea .BList3, #Board .BArea_1ea .BList4{ width: 23%;  letter-spacing: -1px; margin-right: 5px;}
#Board .BData,#Board .BArea_1ea .BData,#Board .BArea_2ea .BData,#Board .BArea_2_5ea .BData { width:74%; }
#Board .MNoList .BList { display:none; }
#Board .MNoList .BData { width:100%; }
#Board .BArea_1ea .AddressList { display: block; width: 100%; max-width: none; height: auto;}
#Board .BArea_1ea .AddressData { display: block; width: 100%; max-width: none; height: auto;}
#Board .DotText { display:block; }
#Board .Bcont img{ width: 100%;}
#Board .pwd { max-width: 110px; }
#Board .NoDate span { display: block;}
/* MOBILE_BoardWrite & BoardView End */


/*  Photo_List Start */
#Photo_List1,#Photo_List2,#Photo_List3 { padding-top: 150px; padding-bottom: 0px;}
	.Photo_box { width:100%; height: auto; float: none; padding-right: 0px; margin-bottom: 30px;}


/* Photo_List End */


/*½Åû¼­¾ç½ÄÆû*/
	.TDt { width:84px; padding:0; padding-left:8px;}
	.T-box { width:100%; }
	.input_check { width:100%;}
	.select_01 { width:50px; }
	.select_02 { width:60px; }
	.select_05 { width:100%; }
	.email1, .email2 { margin-bottom:4px }
/*½Åû¼­¾ç½ÄÆû*/

/* ¾à°ü Æû start*/
#Agr	.kftc_logo { width: 100%; text-align: center; }
#Agr .Prod { letter-spacing:-2px; word-break: keep-all;}
#Agr .Prod .MN{ display:none; }
/* ¾à°ü Æû end*/

#Table { width:100%;}
	.Table_Area img { float: none; min-width: 100px;}

/* MOBILE_SUB END */


/* MOBILE_FOOTER START */
#quick-top img {width:40px;}
/* MOBILE_FOOTER END */

}



@media (max-width:540px)  {/***************** Mobile *****************/
h6:first-of-type {margin-top:5px;}
cite:first-of-type {margin-top:10px;}

.layer_pop,#slide_pop { top:50px; }

/* Login_Form */
#LoginBg { top: 20%; }
#LoginWrap { width:90%;}
	.LoginLine { display: block; transform: rotate(180deg); width:100%; }
	.LoginText { margin-top:10px; }

#LoginArea form, .idpw { width: 100%; padding:0;}
#LoginArea img { margin-bottom:10px; }
	.LoginForm { padding: 40px 30px;}
	.idpwForm { margin-top: 10px; }
	.idpw input { width: 100%; height:40px; font-size: 14px;}
	.idpw input[name="mobile2"],.idpw input[name="mobile3"] { width:32%;}
	.idpw select { width:32%; height:40px; font-size: 14px;}
	.LoginList { display:none;}
	.LoginBtn { width: 100%; height:45px; line-height:45px; margin-top:10px; }	
	.LoginBtnText { top: -32px; }

#Content div .subnav { display:none; }

#SubCont_Top { margin-bottom: 20px; }
#SubCont_Top .SubCTop_text { background: rgba(0,37,80,0.5); color: #fff; }
#SubCont_Top .SubCTop_text01 { color: #fff; font-size: 21px;}
#SubCont_Top .SubCTop_text01 span {  color: #ffeb3a; }

.Prod_pro div { width:100%; margin-right:0; margin-bottom:10px; height:auto; }
.Prod_pro h1 { font-size: 36px; }
.Prod_pro ul { margin-top:15px; }
.Prod_pro ul li { font-size: 20px; }

#Customer div:nth-child(1), #Customer div:nth-child(2),#Customer div:nth-child(3) { text-align: center; }
#Customer div:nth-child(1) img, #Customer div:nth-child(2) img, #Customer div:nth-child(3) img { margin-bottom: 20px; margin-right: 0px; }
#Customer div:nth-child(1) span, #Customer div:nth-child(2) span, #Customer div:nth-child(3) span { display: block; width: 100%;}
#Customer div:nth-child(3) font { padding-top:10px; }

#Table td { padding: 20px 10px; }

#Table_TH_Left div { width: 100%; }
#Table_TH_Left div span { width: 50%; float: left;}

#Agr .data_box { padding: 15px 20px; }

#icon_set span{ margin-right: 4%;}
#icon_set p { font-size:15px; }

#Cont_Area2 .Cont_Box2_textBox { width:100%; min-height: 300px; background: rgba(255,255,255,0.8); }

#Prod .Layer_2div_1 { width:100%; float:none;}
#Prod .Layer_2div_2 { width:100%; }


/*  Photo_List Start */
#Photo_List1,#Photo_List2,#Photo_List3 { padding-top: 100px; }

/* FAQ */
#faq_list .Ans { padding: 15px 20px; }

/* App_form start */
#App_form .AList { width: 100%; line-height: 32px; padding:0; margin: 0px;}
#App_form .AListH { height:32px; width: 100%; line-height: 32px; margin:0; padding: 0;}
#App_form .AData { width: 100%; padding: 0%; box-sizing: border-box; margin-bottom: 10px; text-align: center;}
#App_form .AData select[name='call_time'], #App_form .AData select[name='call_type']{ width: 100%; }
#App_form .AData .half { width: 100%; }
#App_form div.App_Area:last-child { border-bottom:0; }
/* App_form end */

 .process_n1 ul { background-image:none;}
 .process dd { margin: 10px 0;}
 .process_n1 ul li.padL { padding-right:0;}

 .block dl, .block > p, .block > div, .block > ul, .block > ol { padding: 0px 10px; }
}



@media (max-width:320px)  {/***************** iPhone5 *****************/
}