@charset 'utf-8';
/*¸ÞÀκñÁÖ¾ó*/
.slick-slider{position:relative; display:block; box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent;}
.slick-list{position:relative; display:block; overflow:hidden; margin:0; padding:0;}
.slick-list:focus{outline:none;}
.slick-list.dragging{cursor:pointer; cursor:hand;}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
.slick-track{position:relative; top:0; left:0; display:block;}
.slick-track:before,.slick-track:after{display:table; content:'';}
.slick-track:after{clear:both;}
.slick-loading .slick-track{visibility:hidden;}
.slick-slide{display:none; float:left; height:100%; min-height:1px;}
[dir='rtl'] .slick-slide{float:right;}
.slick-slide img{display: block; margin:0 auto;}
.slick-slide.slick-loading img{display:none;}
.slick-slide.dragging img{pointer-events:none;}
.slick-initialized .slick-slide{display:block;}
.slick-loading .slick-slide{visibility:hidden;}
.slick-vertical .slick-slide{display:block;height:auto; border:1px solid transparent;}
.slick-arrow.slick-hidden{display:none;}

#mainVisual { position:relative; margin-bottom:-4px;}
#mainVisual .inner  { position:relative; max-width:1200px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; margin:0 auto;}
#mainVisual article { position:relative; overflow:hidden;}
#mainVisual article .bg { background-size: cover !important; height:100%; position:absolute; width:100%;
    transition: all 5s;
    -moz-transition: all 5s;
    -ms-transition: all 5s; 
    -webkit-transition: all 5s;
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
}
#mainVisual .active-item .bg{ 
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}
#mainVisual .visu01 .bg { background:url("/img/main/MainVisual03.jpg") no-repeat center top;}
#mainVisual .visu02 .bg { background:url("/img/main/MainVisual02.jpg") no-repeat center top;}
#mainVisual .visu03 .bg { background:url("/img/main/MainVisual01.jpg") no-repeat center top;}
#mainVisual .visu04 .bg { background:url("/img/main/MainVisual04.jpg") no-repeat center top;}
#mainVisual .txt { padding-top:15%;}
#mainVisual .txt dl {color:#fff; text-shadow:0px 0px 5px rgba(0,0,0,0.7); letter-spacing:-0.03px;}
#mainVisual .txt dl dt { font-size:45px; font-family:notokrB; line-height:1.333em;}
#mainVisual .txt dl dt, 
#mainVisual .txt dl dd {
transform:translateX(-100px);
-moz-transform:translateX(-100px);
-webkit-transform:translateX(-100px);
-o-transform:translateX(-100px);
-ms-transform:translateX(-100px);
transition: all 0.6s;
-moz-transition: all 0.6s;
-ms-transition: all 0.6s; 
-webkit-transition: all 0.6s; opacity:0;}
#mainVisual .txt dl dd {font-size:25px; margin-top:17px; font-family:notokrM;
transition-delay:0.2s;
-moz-transition-delay:0.2s;
-webkit-transition-delay:0.2s;
-o-transition-delay:0.2s;
-ms-transition-delay:0.2s;
}
#mainVisual .active-item .txt dl dt,
#mainVisual .active-item .txt dl dd {
transform:translateX(58px);
-moz-transform:translateX(58px);
-webkit-transform:translateX(58px);
-o-transform:translateX(58px);
-ms-transform:translateX(58px);
opacity:1;
}

#mainVisual .controls { width:50%; position:absolute; left:46.7%; top:53%;  z-index:99; color:#fff;
transform:translate(-50%, -50%);
-moz-transform:translate(-50%, -50%);
-ms-transform:translate(-50%, -50%);
-o-transform:translate(-50%, -50%);
-webkit-transform:translate(-50%, -50%);
}
#mainVisual .controls button { width:23px; height:23px; border:1px solid #fff;}
#mainVisual .controls button.slick_prev { background:url("/img/main/vsl_prev.png") no-repeat center;}
#mainVisual .controls button.slick_next { background:url("/img/main/vsl_next.png") no-repeat center;}
#mainVisual .controls button,
#mainVisual .controls .page_num { display:inline-block; vertical-align:middle; }
#mainVisual .controls .page_num { font-family: 'Kanit', sans-serif; font-weight:300;}
#mainVisual .controls .page_num span { display:inline-block; margin:0 5px;}
#mainVisual .controls .page_num p { font-size:15px;  text-shadow:0px 0px 15px rgba(0,0,0,0.4);}
#mainVisual .controls .page_num .current { font-size:30px; font-weight:600;}

@media screen and (max-width:767px){
	/* ¸ÞÀÎ*/
	#mainVisual {height:400px;}
	#mainVisual article .bg {height:400px;}
	#mainVisual .txt { max-width:330px; margin-left:-35px; padding-right:15px;}
	#mainVisual .txt dl dt { font-size:26px; margin-top:80px;}
	#mainVisual .txt dl dd { font-size:16px;}
	#mainVisual .controls {left:140px; top:70%;color:#fff;; }
}

@media screen and (max-width:480px){
	/* ¸ÞÀÎ*/
	#mainVisual .txt dl dt { font-size:17px; }
	#mainVisual .txt dl dd { font-size:14px;}
}

/** ½ºÅ©·Ñ **/
#mainVisual i {position:absolute; bottom:60px; left:50%; margin-left:-15px; z-index:99; display:block; cursor:pointer; } 
#mainVisual i span {display:block; font-size:12px; color:#fff; margin-left:-10px; font-style:none}

@media only screen and (max-width:1600px){
#mainVisual i {display:none;}
}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ ¹Ú½º */
@media only screen and (min-width: 1152px){
.mainBox{width:1200px; margin:0 auto; overflow:hidden;}
}

@media only screen and (max-width:1151px){
.mainBox{width:96%; margin:0 2%;}
}

/* ÄÁÅÙÃ÷1 ºñÁî´Ï½º */
.mainBox .box_in1{width:100%; overflow:hidden; position:relative; letter-spacing:-0.03em; margin-top:50px;}
.box_in1 .tit { width:100%; text-align:center;}
.box_in1 .tit h3 {position:relative; font-family:'Noto Sans KR', serif; font-size:30px; font-weight:bold; line-height:100%; margin-bottom:10px; color:#000;}
.box_in1 .tit h3 span { color:#1257a7; padding:0}
.box_in1 .tit p { color:#666; font-size:16px; line-height:22px; margin-bottom:30px; line-height:100%;}

.box_in1 ul{}
.box_in1 ul li{float:left; position:relative; margin-left:2%; width:23.5%; margin-bottom:20px; }
.box_in1 ul li:first-child{margin-left:0;}
.box_in1 ul li .inner{width:100%; position:relative; height:217px; overflow:hidden; border-radius:20px 0 20px; 0; }
.box_in1 ul li .bg{ position:absolute; left:0; top:0; z-index:1; width:100%; height:100%; display:block; transition:0.5s; }
.box_in1 ul li:hover .bg{ transform:scale(1.1,1.1); transition:0.5s;}
.box_in1 ul li .bg1{ background:url("/img/main/box_in1_img1.jpg") no-repeat left top / cover;}
.box_in1 ul li .bg2{ background:url("/img/main/box_in1_img2.jpg") no-repeat left top / cover;}
.box_in1 ul li .bg3{ background:url("/img/main/box_in1_img3.jpg") no-repeat left top / cover;}
.box_in1 ul li .bg4{ background:url("/img/main/box_in1_img4.jpg") no-repeat left top / cover;}

.box_in1 ul li a .cnt { overflow:hidden; padding:20px 0; box-sizing: border-box; position: relative; text-align:center;}
.box_in1 ul li a .cnt:after { content: ""; display: block; width: 100%; height: 1px; background: #ccc; position: absolute; bottom: 0; left:0; right: 0;}
.box_in1 ul li a .cnt h2 {display: block; font-size:20px; color:#333; margin-bottom:5px;}
.box_in1 ul li a .cnt p {line-height:20px; font-size:14px; color: #777; overflow:hidden; margin-bottom:15px;}

.box_in1 ul li a .cnt .btn { width:160px; height:35px; line-height:35px; margin:0 auto; background:url("/img/main/box_in1_area.png") no-repeat right 25px center ; cursor:pointer; overflow:hidden; position:relative; display:block; box-sizing:border-box;  border:1px solid #ccc; border-radius:25px; color:#333; font-size:13.5px; text-align:center;}
.box_in1 ul li a .cnt .btn:hover {background:url("/img/main/box_in1_area.png") no-repeat right 25px center ;}
.box_in1 ul li a .cnt .btn span { position:relative; transition:color .5s ease-out; margin-right:25px;}
.box_in1 ul li a:hover .cnt .btn span { color:#fff; }
.box_in1 ul li a .cnt .btn .hover { background:url("/img/main/box_in1_area_hover.png") no-repeat right 25px center #1257a7; position:absolute; top:0; left:0; display:block; width:100%; height:100%;  border:1px solid transparent; transform:scale(0,1);  transform-origin:left top; transition:all .2s ease-out; }
.box_in1 ul li a:hover .cnt .btn .hover { transform:scale(1,1); }

@media only screen and (max-width:1100px){
	/* ÄÁÅÙÃ÷1 ºñÁî´Ï½º */
	.box_in1 .tit h3 {font-size:25px;}
	.box_in1 .tit p {font-size:17px;}
	.box_in1 ul li{width:49%; margin-left:2%;}
	.box_in1 ul li:nth-child(3){margin-left:0;}
}

@media only screen and (max-width:650px){
	/* ÄÁÅÙÃ÷1 ºñÁî´Ï½º */
	.box_in1 ul li {float:none; width:100%; margin-left:0;}
	.box_in1 .tit h3 {font-size:20px;}
	.box_in1 .tit p {font-size:14px; line-height:20px;}
	.box_in1 ul li a .cnt h2 {font-size:16px;}
    .box_in1 ul li a .cnt p {font-size:13px;}
	.box_in1 ul li a .cnt .btn { width:140px; height:30px; line-height:30px; font-size:12px;}
}

/* ÄÁÅÙÃ÷2 ½Ã°ø½ÇÀû */
.box_in2{overflow:hidden;}
.box_in2 aside { width: 100%; height: 350px; padding-top:20px; margin-top:20px; background: url("/img/main/box_in2_full_bg.jpg") no-repeat; background-size:cover; position: relative; z-index:-1; display: table; box-sizing:border-box; letter-spacing:-0.03em;}
.box_in2 .tit { width:100%; text-align:center; }
.box_in2 .tit h3 {position:relative; font-family:'Noto Sans KR', serif; font-size:30px; font-weight:bold; line-height:100%; margin:10px 0 10px 0; color:#fff;}
.box_in2 .tit h3 span { color:#64aafb; padding:0}
.box_in2 .tit p { color:#fff; font-size:16px; line-height:22px; margin-bottom:45px; line-height:100%;}

.box_in2 > div { margin:-200px auto 0; width: 100%; max-width:1200px;  overflow:hidden;}
.box_in2 ul { overflow: hidden;}
.box_in2 ul li { float: left; width:30%; height:340px; margin-left:5%; overflow:hidden; position:relative; border:1px solid #ddd; background:#fff; text-align:center; padding:20px; margin-bottom:35px; border-radius:20px 0 20px; 0;}
.box_in2 ul li:first-child { margin-left: 0; }

.box_in2 ul li .inner{width:100%; position:relative; height:220px; overflow:hidden; border-radius:20px 0 20px; 0;}
.box_in2 ul li .bg{ position:absolute; left:0; top:0; z-index:1; width:100%; height:100%; display:block; transition:0.5s;}
.box_in2 ul li:hover .bg{ transform:scale(1.1,1.1); transition:0.5s;}
.box_in2 ul li .bg1{ background:url("/img/main/box_in2_img01.jpg") no-repeat left top / cover;}
.box_in2 ul li .bg2{ background:url("/img/main/box_in2_img02.jpg") no-repeat left top / cover;}
.box_in2 ul li .bg3{ background:url("/img/main/box_in2_img03.jpg") no-repeat left top / cover;}

.box_in2 ul li a dl{margin-top:-30px; position: relative; z-index: 10; width: 90%; left: 5%; }
.box_in2 ul li a dl dt{background-color: #fff;  font-size:18px; color: #333; padding: 10px 0; position: relative; letter-spacing:-0.03em;}
.box_in2 ul li a dl dt:hover {color: #318fd4;}

.box_in2 ul li a dl dt .btn { width:160px; height:35px; line-height:35px; margin:0 auto; background:url("/img/main/box_in1_area.png") no-repeat right 15px center ; cursor:pointer; overflow:hidden; 
                              position:relative; display:block; box-sizing:border-box;  border-top:1px solid #ccc; border-bottom:1px solid #ccc; color:#333; font-size:13.5px; text-align:center; margin-top:20px;}
.box_in2 ul li a dl dt .btn:hover {background:url("/img/main/box_in1_area.png") no-repeat right 15px center ;}
.box_in2 ul li a dl dt .btn span { position:relative; transition:color .5s ease-out; margin-right:30px;}
.box_in2 ul li:hover .btn span { color:#fff; }
.box_in2 ul li a dl dt .btn .hover { background:url("/img/main/box_in1_area_hover.png") no-repeat right 15px center #1257a7; position:absolute; top:0; left:0; display:block; width:100%; height:100%;  border:1px solid transparent; transform:scale(0,1);  transform-origin:left top; transition:all .2s ease-out; }
.box_in2 ul li:hover .btn .hover { transform:scale(1,1); }


@media screen and (max-width:1100px) {
/* ÄÁÅÙÃ÷2 ½Ã°ø½ÇÀû */
    .box_in2 .tit {margin-top:-140px}
    .box_in2 > div {width:96%; margin:-90px 2% 0 2%;}
	.box_in2 aside { height: auto; padding:100px 15px; }
	.box_in2 .tit h3 {font-size:25px;}
	.box_in2 .tit p {font-size:17px;}
}

@media screen and (max-width:767px) {
/*½Ã°ø½ÇÀû*/
	.box_in2 ul li { float:none; width:100%; margin-left:0;}
}

@media screen and (max-width:650px) {
/*½Ã°ø½ÇÀû*/
    .box_in2 > div {width:96%; margin:-60px 2% 0 2%;}
	.box_in2 aside { padding:50px 15px; }
	.box_in2 .tit h3 {font-size:20px;}
	.box_in2 .tit p {font-size:14px;}
	.box_in2 ul li a dl dt{font-size:16px;}
	.box_in2 ul li a dl dt .btn {font-size:12px;}
}

/* ÄÁÅÙÃ÷3 °í°´¼¾ÅÍ */
.mainBox .box_in3{width:100%; overflow:hidden; position:relative; letter-spacing:-0.03em;}
.box_in3 .tit { width:100%; text-align:center;}
.box_in3 .tit h3 {position:relative; font-family:'Noto Sans KR', serif; font-size:30px; font-weight:bold; line-height:100%; margin-bottom:10px; color:#000;}
.box_in3 .tit h3 span { color:#1257a7; padding:0}
.box_in3 .tit p { color:#666; font-size:16px; line-height:22px; margin-bottom:30px; line-height:100%;}

.box_in3 .box1{float:left; width:32%; height:200px; margin:0 0 30px 0; position:relative; border:1px solid #dbdbdb;}
.box_in3 .box2{float:left; width:32%; height:200px; margin:0 0 30px 2%; position:relative; border:1px solid #dbdbdb;}
.box_in3 .box3{float:left; width:32%; height:200px; margin:0 0 30px 2%; position:relative; border:1px solid #dbdbdb;}
.box_in3 .inner{width:100%; position:relative;}

.box_in3 .box1 .notice_box { width:100%; height:200px; box-sizing:border-box; position:relative;}
.box_in3 .box1 .notice_box > img:first-child { position:absolute; left:-1px; top:-1px; }
.box_in3 .box1 .notice_box > img:nth-child(2) { position:absolute; right:-1px; bottom:-1px; }
.box_in3 .box1 .notice_box h3 { float: left; margin:20px 0 5px 0; color: #333; font-size:22px; padding-left:5%; }
.box_in3 .box1 .notice_box h3:after {content:""; display: block; width:80px; height:1px; background: #fff; margin-top:5px; }
.box_in3 .box1 .notice_box > a { float: right; display: block; line-height: 45px; color:#dcdfe0; font-size:14px; }
.box_in3 .box1 .notice_box > a:hover {color:#fff;}
.box_in3 .box1 .notice_box > a i {display: block; width:32px; height:32px; font-size:0;  background:url("/img/main/icon_plus.png") #f7f7f7 no-repeat center; transition:0.3s; border-left:1px solid #ddd; border-bottom:1px solid #ddd;}
.box_in3 .box1 .notice_box > a i:hover {background:url("/img/main/icon_plus_hover.png") #1257a7 no-repeat center; }
.box_in3 .box1 .notice { width:100%; padding:0 15px 0 15px; position:relative; display: block; clear: both;}

.box_in3 .box2 .inner{width:100%; height:200px; position:relative;}
.box_in3 .box2 .inner .bg_box{ width:100%; overflow:hidden; position:absolute; left:0; top:0; text-align:center;}
.box_in3 .box2 .inner:hover .bg_box .bg{transform:scale(1.2,1.2); transition:1s;}
.box_in3 .box2 .inner .bg_box .bg1{height:200px; background:url("/img/main/box_in3_box2_bg.jpg") no-repeat left top; display:block; transition:0.3s;}

.box_in3 .box2 .box_s {position:absolute; width:100%; padding:25px 0 0 25px; height:200px;}
.box_in3 .box2 .box_s .right { position:absolute; width:190px; height:150px; right:20px; top:30px; z-index:9;}
.box_in3 .box2 .box_s .right span{font-size:20px; color:#fff;}
.box_in3 .box2 .box_s .right p{font-size:14px; color:#fff; padding-top:10px}
.box_in3 .box2 .box_s .right .right_btn_more {position:relative; display:block; margin-top:15px; width:140px; height:35px; line-height:33px; background:rgba(41,103,164,0.7); border:1px solid #2967a4; text-align:center; border-radius:20px;box-sizing:border-box;transition:all 0.4s;}
.box_in3 .box2 .box_s .right .right_btn_more span{font-size:13px; text-align:center; color:#fff; font-family:notokrM;  letter-spacing:-0.01em; }
.box_in3 .box2 .inner:hover .box_s .right .right_btn_more {background:#2967a4; color:#fff; border:1px solid #2967a4;}
.box_in3 .box2 .box_s .right .right_btn_more span i{margin-left:5px;}

.box_in3 .box3 .inner{width:100%; height:200px; position:relative;}
.box_in3 .box3 .inner .bg_box{ width:100%; overflow:hidden; position:absolute; left:0; top:0; text-align:center;}
.box_in3 .box3 .inner:hover .bg_box .bg{transform:scale(1.2,1.2); transition:1s;}
.box_in3 .box3 .inner .bg_box .bg1{height:200px; background:url("/img/main/box_in3_box3_bg.jpg") no-repeat left top; display:block; transition:0.3s;}

.box_in3 .box3 .box_s {position:absolute; width:100%; padding:25px 0 0 25px; height:200px;}
.box_in3 .box3 .box_s .right { position:absolute; width:190px; height:150px; right:20px; top:30px; z-index:9;}
.box_in3 .box3 .box_s .right span{font-size:20px; color:#fff;}
.box_in3 .box3 .box_s .right p{font-size:14px; color:#fff; padding-top:10px}
.box_in3 .box3 .box_s .right .right_btn_more {position:relative; display:block; margin-top:15px; width:140px; height:35px; line-height:33px; background:rgba(41,103,164,0.7); border:1px solid #2967a4; text-align:center; border-radius:20px;box-sizing:border-box;transition:all 0.4s;}
.box_in3 .box3 .box_s .right .right_btn_more span{font-size:13px; text-align:center; color:#fff; letter-spacing:-0.01em; }
.box_in3 .box3 .inner:hover .box_s .right .right_btn_more {background:#2967a4; color:#fff; border:1px solid #2967a4;}
.box_in3 .box3 .box_s .right .right_btn_more span i{margin-left:5px;}

@media only screen and (max-width:930px){
	/* ÄÁÅÙÃ÷3 °í°´¼¾ÅÍ */
	.box_in3 .tit h3 {font-size:25px;}

	.mainBox .box_in3 .box1, 
	.mainBox .box_in3 .box2,
	.mainBox .box_in3 .box3 {width:100%; margin-left:0;}
}

@media only screen and (max-width:650px){
	/* ÄÁÅÙÃ÷3 °í°´¼¾ÅÍ */
	.box_in3 .tit h3 {font-size:20px;}
	.box_in3 .tit p {font-size:14px; line-height:20px;}
	
    .box_in3 .box1 .notice_box h3 {font-size:18px;}
	.box_in3 .box2 .box_s .right, .box_in3 .box3 .box_s .right { width:220px;}
	.box_in3 .box2 .box_s .right span{font-size:18px;}
    .box_in3 .box2 .box_s .right p{font-size:13px;}
	.box_in3 .box3 .box_s .right span{font-size:18px;}
    .box_in3 .box3 .box_s .right p{font-size:13px;}
}

/* ÄÁÅÙÃ÷4 ȸ»çÁ¤º¸ */
.full_box4 { width:100%; background:#f7f7f7; overflow:hidden; margin-top:10px;}
.box_in4 { width:100%; overflow:hidden; margin:30px 0 50px 0;}
.box_in4 .tit { width:100%; text-align:center;}
.box_in4 .tit h3 {position:relative; font-family:'Noto Sans KR', serif; font-size:30px; font-weight:bold; line-height:100%; margin-bottom:10px; color:#000;}
.box_in4 .tit h3 span { color:#1257a7; padding:0}
.box_in4 .tit p { color:#666; font-size:16px; line-height:22px; margin-bottom:40px; line-height:100%;}

.linkBox { float: left; width: 40%; height: 100%; box-sizing:border-box; padding-right:50px; overflow: hidden; }
.linkBox ul { width: 100%; }
.linkBox li { width: 100%; border-bottom:1px solid #ccc; }
.linkBox li a { display: block; width: 100%; overflow: hidden; margin-top:40px; position: relative; padding-bottom: 13px; }
.linkBox li:first-child a { margin-top: 0; }
.linkBox .img_box { position: absolute; top: 0; left: 0;  width:70px; height:70px; border-radius:50%; transition:0.5s;}
.linkBox .img_box1 {background: url("/img/main/box_in3_icon1.png") #1985b7 no-repeat center; border:1px solid #1985b7; }
.linkBox li a:hover .img_box1 {background: url("/img/main/box_in3_icon1_hover.png") #fff no-repeat center; }
.linkBox .img_box2 {background: url("/img/main/box_in3_icon2.png") #6b7786 no-repeat center;  border:1px solid #6b7786;}
.linkBox li a:hover .img_box2 {background: url("/img/main/box_in3_icon2_hover.png") #fff no-repeat center;}
.linkBox .img_box3 {background: url("/img/main/box_in3_icon3.png") #0d65b3 no-repeat center; border:1px solid #0d65b3;}
.linkBox li a:hover .img_box3 {background: url("/img/main/box_in3_icon3_hover.png") #fff no-repeat center; }
.linkBox h4 { color: #333; font-size:22px; line-height: 100%; margin-top:10px; padding-left:100px; }
.linkBox li a:hover h4, .linkBox li a:hover p{color: #1257a7; }
.linkBox p { margin-top: 15px; color: #777; font-size:14px; color: #666; padding-left:100px}

.contactBox { float: right; width: 60%; height: 324px; background: url("/img/main/box_in4_cus_bg.jpg") no-repeat; overflow: hidden; padding:50px; color: #fff;  box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.contactBox .tt { overflow: hidden; display: table; width: 100%; letter-spacing:-0.03em; }
.contactBox .tt dt { display: table-cell; vertical-align: top; width: 220px; font-size:28px; line-height: 100%; }
.contactBox .tt dd { display: table-cell; vertical-align: top; color: #fff; font-size:16px; line-height: 150%; }
.contactBox .tt dd span { display: block; }
.contactBox ul { margin-left:220px;}
.contactBox li { overflow: hidden;}
.contactBox li:first-child { margin-top: 0; }
.contactBox h2 { font-size:16px;  }
.contactBox .phon  { font-size:16px; margin-top:20px; }
.contactBox .phon span {font-size:35px; line-height: 100%; letter-spacing:-0.03em;}
.contactBox .fax { font-size:16px; margin-top: 5px;}
.contactBox .fax span{ font-size:30px; margin-top: 5px; letter-spacing:0.04em;}
.contactBox .email { font-size:16px; margin-top: 5px; letter-spacing:0.05em;}
.contactBox .time { font-size:16px; margin-top: 5px; letter-spacing:0.04em;}

@media only screen and (max-width:930px){
	/* ÄÁÅÙÃ÷3 °í°´¼¾ÅÍ */
	.box_in4 .tit h3 {font-size:25px;}
}

@media only screen and (max-width:767px){
/* ÄÁÅÙÃ÷4 ȸ»çÁ¤º¸*/
	.mainCon section { margin:0 0 60px; }
	.linkBox { float: none; width: 100%; padding:4% 0; text-align: center; }
	.linkBox li { float: left; width: 33.3%; border:none; border-left:1px solid #e2e2e2; box-sizing:border-box; }
	.linkBox li:first-child { border-left: 0;  }
	.linkBox li a { margin-top: 10px; padding:5px; }
	.linkBox li:first-child a { margin-top:10px;; }
	
	.linkBox .img_box { left:50%; margin-left:-40px;}
	.linkBox h4 { font-size:17px; display:block; padding-left:0; margin-top:80px;}
	.linkBox p { display: none; }
	
	.contactBox { float: none; width: 100%; padding:8% 15px; }
	.contactBox .tt { width: 100%; text-align: center; }
	.contactBox .tt dt {display:block;  width: 100%; font-size:26px; }
	.contactBox .tt dd { display:block;  width: 100%; margin-top: 15px; line-height: 130%;  }
	.contactBox .tt dd span { display: inline; margin-left: 3px; }
	.contactBox ul { margin-top: 20px; width: 100%; margin-left:0; text-align: center;}
	.contactBox li { margin-top: 10px; letter-spacing: -0.03em; }
	.contactBox h4 { font-size:15px; width: 55px; margin-right: 5px; } 
	.contactBox p { margin-top: 12px; font-size:18px; }
	.contactBox p.tel { margin-top: 7px; font-size:23px; }
}


@media only screen and (max-width:650px){
	/* ÄÁÅÙÃ÷3 °í°´¼¾ÅÍ */
	.box_in4 .tit h3 {font-size:20px;}
	.box_in4 .tit p {font-size:14px; line-height:20px;}
	.linkBox h4 {font-size:15px;}

	.contactBox .tt dt {font-size:20px; margin-top:20px;}
	.contactBox .tt dd {margin-top:5px; line-height: 130%; font-size:14px;}
	.contactBox h2 { font-size:14px;  }
	.contactBox ul { margin-top: 10px;}
	.contactBox li { margin-top: 0;}
	.contactBox .phon  { font-size:14px; margin-top:20px; }
	.contactBox .phon span {font-size:24px; letter-spacing:0.03em;}
	.contactBox .fax { font-size:14px; margin-top: 5px; }
	.contactBox .fax span{ font-size:20px; margin-top: 5px; letter-spacing:0.13em;}
	.contactBox .email { font-size:13px; margin-top: 5px; letter-spacing:0.02em;}
	.contactBox .time { font-size:13px; margin-top: 5px; letter-spacing:0.00em;}
	
}