@charset "utf-8";


/*about*/
.about_top {overflow:hidden; font-family:'nanumbarunpenr';}

/* 
.about_top .top_area .info_box {float:left; width:21%; padding:54px 40px; border:2px solid #0f3e92; background:#fff; box-sizing:border-box;}
.about_top .top_area .info_box .tit {position:relative; padding-bottom:25px; font-weight:bold; font-size:20px; letter-spacing:0.5px; color:#0f3e92;}
.about_top .top_area .info_box .tit .bar {position:absolute; left:0; bottom:0; background:#0f3e92; width:40px; height:3px;}
.about_top .top_area .info_box .txt {font-size:16px; line-height:24px; margin-top:20px; word-break:keep-all;}
.about_top .top_area .info_box:hover {box-shadow: inset 0 0 0 3px #180f9f; transition: box-shadow .3s,border-color .3s;}

.about_top .top_area .img_box {float:left; width:79%;}
.about_top .top_area .img_box li {float:left; width:50%;}
.about_top .top_area .img_box .img {margin-left:20px;}
.about_top .top_area .img_box img {vertical-align:top; max-width:100%;} 
*/

.about_top .con_box {display:table; width:100%; box-sizing:border-box; table-layout:fixed;}
.about_top .con_box li {display:table-cell; vertical-align:middle; position:relative;}
.about_top .con_box dl {box-sizing:border-box; padding:0 0 0 70px;}
.about_top .con_right_box dl {text-align:right; padding:0 70px 0 140px;}
.about_top .con_box dt {color:#ccc; font-size:60px; line-height:61px; font-weight:bold; letter-spacing:0.5px; margin-bottom:40px;}
.about_top .con_box dd {overflow:hidden; color:#000; font-size:16px; line-height:24px; word-break:keep-all; word-wrap:break-word; margin-bottom:15px;}
.about_top .con_box .opt {display:inline-block; width:100px; margin-right:10px;}
.about_top .con_right_box .opt {margin-right:0px; margin-left:10px; width:70px;}
.about_top .con_box .txt {display:inline-block; color:#555;}

.about_top .con_box .line {position:absolute; left:0; width:100%; height:1px; background:#ccc; z-index:1;}
.about_top .con_box .line_bottom {bottom:0;}
.about_top .con_box .line_top {top:0;}

.about_top .con_box .img {overflow:hidden;}
.about_top .con_box .img img {vertical-align:top; width:100%;}


.about_bottom {position:relative; overflow:hidden; font-family:'nanumbarunpenr';}

.about_bottom h3 {font-size:24px; font-weight:bold; color:#000;}  

.about_bottom .right_area {margin:0 auto; overflow:hidden;}

.about_bottom .right_area .cm_box {overflow:hidden; padding:70px 0 60px; margin-left:20px; border-bottom:1px solid #ccc;}
.about_bottom .right_area .cm_box li {float:left; width:50%;}
.about_bottom .right_area .cm_box .space_box {margin:0 10px;}
.about_bottom .right_area .cm_box dt {font-size:20px; margin:20px 0 5px;}
.about_bottom .right_area .cm_box dd {font-size:15px; line-height:26px;}

.about_bottom .right_area .intro_box h3 {margin-left:10px;}

.about_bottom .process_box {position:absolute; left:0; top:0; width:350px; padding:45px 0; background:#dcdcdc; margin-top:20px; text-align:center;}
.about_bottom .process_box .tit {position:relative; padding-bottom:5px; font-weight:bold; font-size:20px; letter-spacing:0.5px; color:#0f3e92;}
.about_bottom .process_box .tit .line_bg {position:absolute; left:0; bottom:0; width:100%; height:7px; background:url(../images/contents/about/process_line_bg.png) center bottom no-repeat;}
.about_bottom .process_box li {margin-top:18px;}
.about_bottom .process_box .picto img {vertical-align:top; transition:transform 500ms; }
.about_bottom .process_box li:hover img {transform:rotateY(180deg); transition:transform 500ms;}
.about_bottom .process_box dt {font-size:16px; color:#000; margin-top:5px;}
.about_bottom .process_box dd {font-size:14px; color:#333; line-height:20px;}


.right_area .cm_box .map_box {float:left; margin:20px 0 0; overflow:hidden; width:50%; height:350px; background:#eee;}
.right_area .cm_box .map_txt {float:left; width:48%; padding-left:2%;}
.right_area .cm_box .map_txt dl {position:relative; margin-top:10px;}
.right_area .cm_box .map_txt dt {margin-left:42px; letter-spacing:0.5px; color:#000; font-size:20px;}
.right_area .cm_box .map_txt dd {font-size:17px; letter-spacing:0.5px; margin-left:42px;}
.right_area .cm_box .map_txt .ic {position:absolute; left:0; top:0;}

.common_g_map {height:350px;}

.project_write {overflow:hidden; margin-top:5px; position:relative; }
.project_write .left{float:left; width:50%; margin-right:45%; }
.project_write .right{position:absolute; right:0px; width:48%;}
.project_write input[type="text"] {border:1px #afafaf solid; width:94%; padding:0 2%; margin-bottom:5px; height:34px; line-height:34px; border-radius:3px; background:none; }
.project_write textarea {border:1px #afafaf solid; width:97%; height:195px; border-radius:3px; background:none; }
.project_write.btn {display:block;}
.project_write input[type="submit"] {background:#9d9d9d; color:rgba(255,255,255,0.8); width:99.8%; text-align:center; height:51px; border:0px; line-height:51px;  border-radius:3px;}
.project_write input[type="submit"]:hover {background:#180f9f;}



/*¿µ»ó*/
.ridmtap{background:#000; margin:0 auto; width:562px;   overflow:hidden; transition:all 0.3s; filter: blur(0px);}
.ridmtap .movie:hover img{opacity:0.6;  filter: blur(1px); transition:all 0.3s;}





@media screen and (max-width:1699px) and (min-width: 1460px){
/*
.about_top .top_area .info_box {width:24%; padding:35px 30px 30px;}
.about_top .top_area .img_box {width:76%;}
*/

}




@media screen and (max-width: 1459px) and (min-width: 1220px){
/*
.about_top .top_area .info_box {width:24%; padding:25px 20px;}
.about_top .top_area .img_box {width:76%;}
*/
.about_top .con_box dl {padding:0 0 0 40px;}
.about_top .con_right_box dl {padding:0 40px 0 0;}

.about_top .con_box dt {font-size:30px; line-height:31px; margin-bottom:10px;}
.about_top .con_box dd {font-size:13px; line-height:22px; margin-bottom:0px;}

}




@media screen and (max-width: 1219px) and (min-width: 980px){
/*
.about_top .top_area .info_box {width:30%; padding:25px 20px;}
.about_top .top_area .img_box {width:70%;}
*/
.about_top .con_box dl {padding:0 0 0 20px;}
.about_top .con_right_box dl {padding:0 20px 0 0;}

.about_top .con_box dt {font-size:15px; line-height:16px; margin-bottom:5px;}
.about_top .con_box dd {font-size:12px; line-height:18px; margin-bottom:0px;}


.about_bottom .process_box {width:30%;}


}




@media screen and (max-width: 979px) {
.about_top .con_box li {display:table-row;}
.about_top .con_box dl {padding:0 15px; text-align:center;}
.about_top .con_right_box dl {padding:0 10px; text-align:center;}
.about_top .con_box dt {font-size:25px; line-height:26px; margin-bottom:15px; margin-top:20px;}
.about_top .con_box dd {font-size:14px; line-height:22px;}
.about_bottom .right_area {margin-left:0;}
.about_bottom .right_area .cm_box {margin-left:0;}
.about_bottom .right_area .cm_box li {width:100%;}
.about_bottom .right_area .map_box {border-bottom:none;}

.about_top .con_box .img {display:none;}
.ridmtap{width:95%; margin:0 auto;}

.about_bottom .right_area .cm_box .space_box {margin-bottom:20px;

}




@media screen and (max-width: 600px) {

.about_bottom h3 {font-size:22px;}

.right_area .cm_box .map_box {width:100%; height:200px;}
.right_area .cm_box .map_txt {width:100%; padding-left:0;}
.about_bottom .process_box dd {font-size:13px;}


.project_write .left{float:none; width:100%; margin-right:0%; }
.project_write .right{position:relative; right:0px; width:100%;}

.about_bottom .right_area .cm_box {padding:30px 0;}
}


}