@charset "utf-8";


/* 공통 STYLE */
.sub_ctt section { box-sizing:border-box; }


/* 회사소개 */
.greeting .section_tit { padding-bottom: 5rem; }
.greeting .section01 { padding-bottom: 8rem; box-sizing:border-box; }
.greeting .section01 .basicTxt { padding-top: 12rem; box-sizing:border-box; }
.greeting .section01 .img { text-align: right; }


.greeting .section02 { padding: 14rem 0; box-sizing:border-box; }
.greeting .section02 .top_box .txt_box { padding-top: 9.7rem; padding-left: 2rem; box-sizing:border-box; }
.greeting .section02 .top_box .txt_box .basicH3 { margin-bottom: 9.5rem; position:relative; }
.greeting .section02 .top_box .txt_box .basicH3:after { content:""; display:inline-block; width:190px; height:4px; background:#336791; position:absolute; left:-91px; top:90px; }

.greeting .section02 .middle_box { margin: 12rem 0 8rem; }
.greeting .section02 .middle_box .box {  }
.greeting .section02 .middle_box .box > div { box-sizing:border-box; background:#f8f8f8; }
.greeting .section02 .middle_box .box .top { padding: 10px 10px 0; text-align: center; height:230px; background-size:cover; background-position:center center; background-repeat:no-repeat; }
.greeting .section02 .middle_box .box01 .top { background-image:url(../img/contents/sub1_1-img03.png); }
.greeting .section02 .middle_box .box02 .top { background-image:url(../img/contents/sub1_1-img04.png); }
.greeting .section02 .middle_box .box03 .top { background-image:url(../img/contents/sub1_1-img05.png); }
.greeting .section02 .middle_box .box .top .inner { border: 1px solid rgba(255, 255, 255, 0.4); border-bottom: 0; height:100%; padding-top: 6.8rem; box-sizing:border-box; }
.greeting .section02 .middle_box .box .top .inner .tit { font-size:1.8rem; color:#e4e4e4; font-weight: 600; }
.greeting .section02 .middle_box .box .top .inner .txt { font-size:2.4rem; color:#fff; font-weight: 500; margin-top: 1.5rem; }
.greeting .section02 .middle_box .box .bottom { padding: 0 10px 10px; height:187px; }
.greeting .section02 .middle_box .box .bottom .inner { border: 1px solid rgba(0, 0, 0, 0.2); border-top: 0; height:100%; padding: 2.7rem 3rem 1rem; box-sizing:border-box; }
.greeting .section02 .middle_box .box .bottom .inner .basicTxt { line-height: 2.4rem; font-weight: 300; }

.greeting .section02 .bottom_box { border: 2px solid #336791; box-sizing:border-box; display:table; width:100%; }
.greeting .section02 .bottom_box .inner { text-align: center; display:table-cell; height:315px; vertical-align: middle; }
.greeting .section02 .bottom_box .inner .greeting_txt { font-size:2rem; color:#000; line-height: 2.4rem; font-style: italic; font-weight: 300; }
.greeting .section02 .bottom_box .inner .greeting_txt:befoer,
.greeting .section02 .bottom_box .inner .greeting_txt:after {  }
.greeting .section02 .bottom_box .inner .greeting_txt strong { color:#336791; font-weight: 300; display:block; margin-top: 2.5rem; }
.greeting .section02 .bottom_box .inner .name { font-size:1.8rem; color:#565656; font-weight: 400; letter-spacing: 6px; margin-top: 4.5rem; }



/* 연혁 */
.history { margin-bottom: 13rem; }
.history .history_box {  }
.history .history_box .inner { position:relative; }
.history .history_box .inner .br { display:inline-block; width:4px; height:100%; background:#dadada; position:absolute; left:50%; top:0; margin-left: -2px; z-index:2; }
.history .history_box .inner .box { display:inline-block; width:100%; box-sizing:border-box; margin-top: 7rem; }
.history .history_box .inner .box01 { margin-top: 0; }
.history .history_box .inner .box .leftBox { float: left; text-align:right; width:50%; padding-right: 7rem; box-sizing:border-box; }
.history .history_box .inner .box .leftBox .year { font-size:4rem; color:#666; font-weight: 500; margin-bottom: 1.8rem; line-height: 1em; position:relative; }
.history .history_box .inner .box .leftBox .tit { font-size:2.2rem; color:#3a3a3a; font-weight: 500; margin-bottom: 1.6rem; }
.history .history_box .inner .box .leftBox .year:before,
.history .history_box .inner .box .leftBox .year:after { content:""; display:inline-block; position:absolute; top:50%; }
.history .history_box .inner .box .leftBox .year:before { width:54px; height:1px; background:#336791; right:-7rem; }
.history .history_box .inner .box .leftBox .year:after { width:11px; height:11px; background:#336791; border-radius:50%; border: 2px solid #fff; box-sizing:border-box; margin-top: -5px; right:-1.8rem; z-index:2; }
.history .history_box .inner .box .leftBox .time_line { font-size:0; }
.history .history_box .inner .box .leftBox .time_line dt,
.history .history_box .inner .box .leftBox .time_line dd { font-size:1.8rem; color:#000; display:inline-block; margin-top: 8px; }
.history .history_box .inner .box .leftBox .time_line dt { font-weight: 600; width:38px; float: right; }
.history .history_box .inner .box .leftBox .time_line dd { font-weight: 300; width:calc(100% - 38px); }
.history .history_box .inner .box .img { float: right; text-align:left; width:50%; padding-left: 7rem; box-sizing:border-box; }

.history .history_box .inner .box.left {  }

.history .history_box .inner .box.right {  }
.history .history_box .inner .box.right .leftBox { text-align:left; float: right; padding-left: 7rem; padding-right: 0; }
.history .history_box .inner .box.right .leftBox .time_line dt { float: left; }
.history .history_box .inner .box.right .leftBox .year:before { right:auto; left:-7rem; }
.history .history_box .inner .box.right .leftBox .year:after { right:auto; left:-1.8rem; }
.history .history_box .inner .box.right .img { text-align: right; float: left; padding-right: 7rem; padding-left: 0; }



/* 오시는길 */
.cs_center {  }
.cs_center .map {  }
.cs_center .company_info01 { width:100%; max-width:1000px; margin: -7.1rem auto 0; padding: 3rem 0; box-sizing:border-box; background:var(--main_c2); position:relative; z-index:2; }
.cs_center .company_info01 .inner { display:table; width:100%; box-sizing:border-box; }
.cs_center .company_info01 .inner .m_logo,
.cs_center .company_info01 .inner dl,
.cs_center .company_info01 .inner a { display:table-cell; vertical-align: middle; padding: 1rem 5rem; box-sizing:border-box;; }
.cs_center .company_info01 .inner .m_logo { border-right: 1px solid #5e8cb1; }
.cs_center .company_info01 .inner dl {  }
.cs_center .company_info01 .inner dl dt,
.cs_center .company_info01 .inner dl dd { color:#fff; }
.cs_center .company_info01 .inner dl dt { font-size:1.6rem; font-weight: 500; }
.cs_center .company_info01 .inner dl dd { font-size:2.8rem; font-weight: 600; margin-top: 1rem; }
.cs_center .company_info01 .inner a {  }


.cs_center .company_info02 { padding: 0 5rem; box-sizing:border-box; }
.cs_center .company_info02 .table { display:table; width:100%; margin: 2rem 0 8rem; }
.cs_center .company_info02 .inner { display:table-row; }
.cs_center .company_info02 .inner .info { display:table-cell; width:50%; box-sizing:border-box; padding: 5rem 0; }
.cs_center .company_info02 .inner .info dt,
.cs_center .company_info02 .inner .info dd { display:block; }
.cs_center .company_info02 .inner .info dt { font-size:2rem; color:#3a3a3a; font-weight: 500; }
.cs_center .company_info02 .inner .info dt i { font-size:2.5rem; color:#000; vertical-align: -2px; margin-right: 1.5rem; }
.cs_center .company_info02 .inner .info dd {  }
.cs_center .company_info02 .inner .info dd .list {  }
.cs_center .company_info02 .inner .info dd .list li { font-size:1.8rem; color:#3a3a3a; font-weight: 400; margin-top: 2rem; }
.cs_center .company_info02 .inner .info dd .list li.dan { color:#de3d4c; }
.cs_center .company_info02 .inner .info dd .list li span {  }
.cs_center .company_info02 .inner .info dd .list li:first-child {  }

.cs_center .company_info02 .inner .info01,
.cs_center .company_info02 .inner .info02 { border-bottom: 1px solid #dadada; }
.cs_center .company_info02 .inner .info03 dd .list li { color:#000; font-weight: 500; }



/* 폼 */
.form_wrap { margin-bottom: 12rem; }
.form_wrap .form {  }
.form_wrap .form .inner { background:#f7f7f7; padding: 2rem 1.5rem; box-sizing:border-box; width:100%; max-width:1200px; }
.form_wrap .form .inner tr {  }
.form_wrap .form .inner tr td { width:50%; padding: 0.5rem; box-sizing:border-box; }
.form_wrap .form .inner tr td .form_list { position:relative; display:block; }
.form_wrap .form .inner tr td .form_list .icon { position:absolute; display:inline-block; width:44px; height:43px; text-align: center; background:#eaeaea; color:#999; left:1px; top:1px; border-radius:5px; font-size:1.6rem; line-height: 43px; }
.form_wrap .form .inner tr td .form_list .icon i {  }
.form_wrap .form .inner tr td .form_list input,
.form_wrap .form .inner tr td .form_list select,
.form_wrap .form .inner tr td textarea { width:100%; height:45px; border: 1px solid #eaeaea; border-radius:5px; box-sizing:border-box; }
.form_wrap .form .inner tr td .form_list input,
.form_wrap .form .inner tr td .form_list select {  }
.form_wrap .form .inner tr td .form_list input { padding-left: 60px; }
.form_wrap .form .inner tr td .form_list select { padding: 0 1rem; }
.form_wrap .form .inner tr td textarea { resize:none; height:200px; padding: 1rem; }

.form_wrap .btn_box { text-align: center; margin-top: 2rem; }
.form_wrap .btn_box .d_Btn { border: 0; background:transparent; font-size:1.4rem; padding: 1.2rem 4rem; box-sizing:border-box; display:inline-block; color:#fff; border-radius:5px; transition:all 0.3s; cursor:pointer; }
.form_wrap .btn_box .submit { background:#336791; border: 1px solid #336791; font-weight: 500; }
.form_wrap .btn_box .cancle { background:#666; }

.form_wrap .btn_box .submit:hover { background:#fff; color:#336791; }
.form_wrap .btn_box .cancle:hover { color:#aaa; }




/* 푸터 정책 관련 css */
.term { margin-bottom: 12rem; }
.term .term_wrap { background:#f7f7f7; max-width:1000px; padding: 3rem; box-sizing:border-box; margin: 0 auto; }
.term .term_wrap .inner { border: 1px solid #eaeaea; box-sizing:border-box; padding: 3rem; background:#fff; overflow-y:scroll; font-size:1.4rem; line-height: 1.4em; height:600px; } 





/* .all_gnb { top:0; } */

@media (max-width:1890px){

}

@media (max-width:1470px){

}

@media (max-width:1200px){
	
	.greeting .section01 .basicTxt { padding-top: 10rem; padding-right: 2rem; }
	.greeting .section01 .basicTxt br { display:none; }
 
}

@media (max-width:992px){

	.greeting .section01 .basicTxt { padding-top:7rem; }

	.greeting .section02 .top_box .txt_box { padding-top: 4rem; }
	.greeting .section02 .top_box .txt_box .basicTxt br { display:none; }


	.cs_center .company_info02 { padding: 0 3rem; }


}

@media (max-width:768px){

	.greeting .section01 .col-mo-6,
	.greeting .section02 .col-mo-6 { width:100%; text-align: center; }
	.greeting .section02 .top_box .txt_box .basicH3:after { left:50%; margin-left: -95px; }

	.greeting .section02 .middle_box { margin-top: 10rem; }
	.greeting .section02 .middle_box .box { margin-top: 1rem; }
	.greeting .section02 .middle_box .box .bottom { height:auto; }
	.greeting .section02 .middle_box .box .bottom .inner { padding-bottom: 4rem; text-align: center; }

	.greeting .section02 .bottom_box .inner .greeting_txt { padding-left: 1.4rem; padding-right: 1.4rem; }
	.greeting .section02 .bottom_box .inner .greeting_txt br { display:none; }


	.history .history_box .inner .box { padding-left: 1rem; padding-right: 1rem; box-sizing:border-box; }
	.history .history_box .inner .box .leftBox,
	.history .history_box .inner .box .img { float: none; width:100%; padding-left: 0 !important; padding-right: 0 !important; }
	.history .history_box .inner .box .leftBox { text-align:left; }
	.history .history_box .inner .box .leftBox .year:before,
	.history .history_box .inner .box .leftBox .year:after { display:none; }
	.history .history_box .inner .box .img { text-align: center; margin-top: 2rem; }
	.history .history_box .inner .box .img img { width:100%; }

	.history .history_box .inner .br { display:none; }	
	.history .history_box .inner .box .leftBox .time_line dt { float: none; }


	.cs_center .company_info01 .inner { display:block; }
	.cs_center .company_info01 .inner .m_logo,
	.cs_center .company_info01 .inner dl { display:block; }
	.cs_center .company_info01 .inner a { display:none; }

	.cs_center .company_info02 .table,
	.cs_center .company_info02 .inner,
	.cs_center .company_info02 .inner .info { display:block; width:100%; }
	.cs_center .company_info02 .inner .info { border-bottom: 0; border-top: 1px solid #dadada; }
	.cs_center .company_info02 .inner .info01 { border-top: 0; }


}

@media (max-width:479px){

}