@import url('https://webfontworld.github.io/NanumSquare/NanumSquare.css');

.CONTACT_wrap {margin:0 20%;}
.CONTACT_wrap .col_box {width:100%; table-layout:fixed; display:table; }
.CONTACT_wrap .col_box .col {display:table-cell; font-size:14px;color:#000; vertical-align:top; line-height:20px; font-family: 'Montserrat', sans-serif;}
.CONTACT_wrap .col_box .col .title {font-size:20px;}
.CONTACT_wrap .col_box .col .t1{margin:20px 0px; }
.CONTACT_wrap .col_box .col .t2{color:#555; }
.CONTACT_wrap .col_box .col .t2 span {display:block;}
.CONTACT_wrap .col_box .col .t3{margin-top:0px; font-size:14px; color:#888;  }
.CONTACT_wrap .col_box .col .t4{color:#888;}
.CONTACT_wrap .col_box .col .t5,
.CONTACT_wrap .col_box .col .t6{color:#888;  margin-top:30px;}
.CONTACT_wrap .col_box .col .sns {margin-top:20px;}
.CONTACT_wrap .col_box .col .sns a{display:inline-block; width:40px; height:40px; border-radius:40px; line-height:40px; color:#666; background:url(../images/common/kakaotalk.svg) center 50% no-repeat; background-size:20px;  text-indent: -999999px ;
    border: 1px #ededed solid; opacity:0.6;}
.CONTACT_wrap .col_box .col .sns a:hover{background-color:#fdb813; border-color:#fdb813; opacity:1;}

.CONTACT_wrap .col_box .col.info {padding-right:80px;}
.CONTACT_wrap .col_box .col.inq {padding-left:0px;}
.CONTACT_wrap .col_box .col.inq .inquery_box ul li{border-bottom:1px #ededed solid; padding:10px 0px; transition: all 0.2s;}
.CONTACT_wrap .col_box .col.inq .inquery_box ul li input[type=text]{border:0px; background:none; width:100%; height:40px; line-height:40px; font-family: 'Montserrat', sans-serif; transition: all 0.2s;}
.CONTACT_wrap .col_box .col.inq .inquery_box ul li textarea {border:0px; background:none; width:100%; height:80px; line-height:20px; font-family: 'Montserrat', sans-serif; transition: all 0.2s;}



.CONTACT_wrap .col_box .col.inq .inquery_box ul li input[type="text"]:hover,
.CONTACT_wrap .col_box .col.inq .inquery_box ul li input[type="password"]:hover,
.CONTACT_wrap .col_box .col.inq .inquery_box ul li textarea:hover,
.CONTACT_wrap .col_box .col.inq .inquery_box ul li textarea:focus,
.CONTACT_wrap .col_box .col.inq .inquery_box ul li input[type="text"]:focus,
.CONTACT_wrap .col_box .col.inq .inquery_box ul li input[type="password"]:focus  {outline: none; color:#000;}


.CONTACT_wrap .col_box .col.inq .inquery_box ul li:hover,
.CONTACT_wrap .col_box .col.inq .inquery_box ul li:focus {border-color:#000; color:#000;}

.CONTACT_wrap .col_box .col.inq .inquery_box .btns {margin-top:5px; position:relative;}
.CONTACT_wrap .col_box .col.inq .inquery_box .btns .agree {font-size:12px;  color:#888;}
.CONTACT_wrap .col_box .col.inq .inquery_box .btns .agree .show_agree {color:#333;}
.CONTACT_wrap .col_box .col.inq .inquery_box .btns .submit_btn {display:block; margin-top:10px;}
.CONTACT_wrap .col_box .col.inq .inquery_box .btns .submit_btn input[type="submit"]{display:block;  width:100%;  border:1px #ddd solid; padding:0 20px; line-height:50px; border-radius:3px; color:#777; font-size:14px; font-family: 'Montserrat', sans-serif;background:#fff; transition: all 0.2s;   -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box; }


.CONTACT_wrap .col_box .col.inq .inquery_box .btns .hidden_text {display:none; margin-top:20px; background:#f8f8f8; height:100px; font-size:12px; overflow:hidden; overflow-y:auto; text-align:left; padding:15px; }



#contact_map{height:500px; width:100%; margin-top:120px;}




.ABOUT_wrap {margin:0px 20%; position:relative;}
.ABOUT_wrap .ad_logo {position:absolute; left:0px; top:55px; }
.ABOUT_wrap .ad_logo img{vertical-align:middle;;}
.ABOUT_wrap .ad_logo img.mobile{display:none;}
.ABOUT_wrap .about_col_wrap {margin-bottom:40px; border-bottom:1px #ededed solid;    padding-bottom:40px; margin-left:400px;  } 
.ABOUT_wrap .about_col {display:table; width:100%; table-layout:fixed; }
.ABOUT_wrap .about_col .col {display:table-cell; vertical-align:top; padding:0px;  width:50%;}

.ABOUT_wrap .about_col .col .title {font-family: 'Montserrat', sans-serif; font-size:20px;   color:#000;   line-height:30px; margin-bottom:20px;}
.ABOUT_wrap .about_col .col ul li{position:relative; font-size:13px; padding-left:80px; color:#000; line-height:25px; }
.ABOUT_wrap .about_col .col ul li .s_title {font-family: 'Montserrat', sans-serif; color:#000; position:absolute; left:0px; top:0px;}

.ABOUT_wrap .work {margin-top:0px; margin-left:400px;  }
.ABOUT_wrap .work .process {display:table; width:100%; table-layout:fixed; }

.ABOUT_wrap .work .process .text_box {display:table-cell; vertical-align:top; width:50%; }

.ABOUT_wrap .work .process .text_box { font-family: 'Montserrat', sans-serif;}
.ABOUT_wrap .work .process .text_box .t1 {font-family: 'Montserrat', sans-serif; font-size:20px;   color:#000;   line-height:30px; margin-bottom:20px;}
.ABOUT_wrap .work .process .text_box .t1 span {font-size:15px; color:#888; font-family:'KoPubWorldDotum',sans-serif;}
.ABOUT_wrap .work .process .text_box .t2 {font-size:13px; margin-top:10px; }
.ABOUT_wrap .work .process .text_box .t2 ul {overflow:hidden; margin-top:20px;}
.ABOUT_wrap .work .process .text_box .t2 ul li{ box-sizing: border-box; line-height:25px; color:#000;  font-family:'KoPubWorldDotum',sans-serif; padding-left:10px; position:relative;}


.ABOUT_wrap .work .process .text_box .t2 ul li:after {display: block;    position: absolute;    top:13px;    left:0px;    width:3px;    height:3px;    background: #000;    content: '';}




.logo_type {margin:0 5%;}
.logo_type ul{display:table; width:100%;}
.logo_type ul li {display:table-cell; vertical-align:middle; border:1px #ddd solid; padding:30px; TEXT-ALIGN:CENTER;font-size:16px; COLOR:#000;  }
.logo_type ul li.m1 {   Font-family: 'Tium';}
.logo_type ul li.m2 {   font-family: 'Montserrat', sans-serif;}
.logo_type ul li.m3 {   font-family: 'NanumSquare';}

.logo_type ul li span{display:block; font-size:11px; color:#888; margin-top:10px; }





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




.CONTACT_wrap {margin:0px 5%;}
.CONTACT_wrap .col_box {display:block; }
.CONTACT_wrap .col_box .col {display:block; }
.CONTACT_wrap .col_box .col .title {font-size:20px;}

.CONTACT_wrap .col_box .col.inq .inquery_box  {margin-top:20px; }

#contact_map{height:300px; margin-top:80px;}




.ABOUT_wrap {margin:0px 5%;}
.ABOUT_wrap .ad_logo {position:relative; left:0px; top:0px; }

.ABOUT_wrap .ad_logo img.pc{display:none;}
.ABOUT_wrap .ad_logo img.mobile{display:block; max-width:300px;}



.ABOUT_wrap .about_col_wrap {padding-bottom:30px;  margin-left:0px; margin:30px 0px; width:auto;}
.ABOUT_wrap .about_col {display:block; }
.ABOUT_wrap .about_col .col {display:block; vertical-align:top; padding:0; margin-bottom:40px; width:auto;}
.ABOUT_wrap .about_col .col.center {padding-left:0px}
.ABOUT_wrap .about_col .col.con {padding-left:0px}
.ABOUT_wrap .about_col .col .title {font-size:20px;  ; margin-bottom:10px;}


.ABOUT_wrap .work {margin:0px; }
.ABOUT_wrap .work .process {position:relative; display:block;}

.ABOUT_wrap .work .process .text_box {padding:0 0px; display:block;; padding:0px !important;}
.ABOUT_wrap .work .process .text_box.right {padding-top:30px !important;; }







}