

/*sub_top*/
.sub_inner{max-width: 1320px; margin: 0 auto 100px; }
.sub_top{padding-top: 150px;}
.sub_top .sub_inner{margin: 0 auto;}
.sub_top .sub_top_wrap{display: flex; justify-content: space-between; align-items: center;}
.sub_top .sub_top_wrap li h2{font-size: 54px; font-weight: 700; font-family: 'Noto Sans Display', sans-serif;}
.sub_top .sub_top_wrap .sub_top_right{}
.sub_top .sub_top_wrap .sub_top_right>div{text-align: center; display: flex;}
.sub_top .sub_top_wrap .sub_top_right>div p{font-size: 16px; position: relative; width: 120px;}
.sub_top .sub_top_wrap .sub_top_right>div p.hom{width: 70px;}
.sub_top .sub_top_wrap .sub_top_right>div p::after{    content: "";
    background: url(../img/top_right.png) no-repeat;width: 20px;height: 20px;position: absolute;top: 3px;right: -13px;}
.sub_top .sub_top_wrap .sub_top_right>div h4{font-size: 16px; position: relative; width: 100px; font-weight: 500;}
.sub_top .sub_top_wrap .sub_top_right>div h4::after{content: ""; width: 7px; height: 7px; background-color:#00249e; border-radius: 50%; position: absolute; top: 0; right: 10px;}

/*인사말*/
.greeting_top_txt{}
.greeting_top_txt p{color: #888; font-size: 18px;}
.greeting_top_txt p i{display: block;}
.greeting_bg{background: url(../img/greeting_bg.jpg) no-repeat; width: 100%; height:620px; background-size: cover; margin: 100px 0 300px;}
.greeting_bg .sub_inner{position: relative; height: 100%;}

.greeting_bg .greeting_content{background-color: #f2f2f2;padding: 60px 120px; margin-top: 100px; width: 75%; position: absolute; right: 0; bottom: -110px; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;}
.greeting_bg .greeting_content h2{font-size: 30px; margin-bottom: 50px; font-weight: 400; word-break: keep-all;}
.greeting_bg .greeting_content h2 span{font-size: 38px; color: #0e1e80; font-weight: 600;}
.greeting_bg .greeting_content h2 i{display: block;}
.greeting_bg .greeting_content p{color: #555; font-size: 18px; line-height: 1.7;}
.greeting_bg .greeting_content p.in{ text-indent: 20px;}
.greeting_bg .greeting_content p.mar{margin-top: 30px;}
.greeting_bg .greeting_content h3{color: #333; text-align: right; font-size: 20px; margin-top: 50px;}



/*오시는길*/
.location{ margin-top: 50px; display: flex; justify-content: space-between;}
.location li{width: calc(100% / 2 - 30px); margin: 0 15px;}
.location li h2{font-size: 28px; position: relative; margin: 50px 0 20px; display: inline-block;}
.location li h2::after{content: ""; background-color:#010f4e; width: 8px; height: 8px; border-radius: 50%; position: absolute; top: 0; right: -10px;}
.location li table{width: 100%; border-collapse: collapse; border-top: 2px solid #010f4e;}
.location li table tr th{font-size: 16px; padding: 10px; border: 1px solid #ddd; border-left: none;  background-color: #010f4e; color: #fff; font-weight: 500;}
.location li table tr td{font-size: 16px; padding: 10px; border-bottom: 1px solid #ddd; word-break: keep-all;}


/*  문의하기 폼 */
#inquiry {margin-top: 50px}
#inquiry .inquiry_wrap{width: 70%; margin: 0 auto;}
.inquiry_style1 h3 { font-size: 20px; font-weight: 400; padding-bottom: 5px; padding-top: 20px; } 
.inquiry_style1 .inquiry_tbl_style1_icon { color: red; font-size: 17px; } 
.editor textarea { width: 100%; height: 150px; border: 1px solid #ddd; padding: 20px; font-size: 15px; font-weight: 500; color: #444; display: block; font-family: 'Noto Sans KR', sans-serif; } 
.agree_txt { background: #eee; padding: 10px; } 
.inquiry_tbl_style1_con .write_input { border: 1px solid #ddd; padding: 15px 15px 15px 20px; font-size: 15px; font-weight: 500; color: #444; font-family: 'Noto Sans KR',sans-serif; } 
.write_input.wr_wid_100 { width: 40%; } 
.inquiry_para { margin-top:20px } 
.inquiry_tbl_style1_flex { display: flex; flex-wrap: wrap; justify-content: space-between; } 
.tbl_style1_item { width: 32%; } 
.tbl_style1_item .write_input { width: 100%; } 
.cm_btn_controls { margin: 40px 0; } 
.cm_btn_controls .btn_submit1 { border: unset; background: #010f4e; color: #fff; text-align: center; width: 220px; height: 60px; font-size: 18px; display: block; margin: 0 auto; } 
.sub_ex.inquiry_num h3 { font-size: 24px; font-weight: bold; } 
.sub_com .sub_com_section .sub_ex.inquiry_num p { font-size: 19px; font-weight: 500; } 

/* ******************온라인 문의 :: 쓰기, 문의폼********************** */
.inquiry_style1.inquiry_tbl_style2 { margin: 40px 0; } 
.essential-icon { color: red; } 
.inquiry_sec h4 { font-size: 23px; color: #222; position: relative; margin-bottom:12px; font-weight:500 } 
.inquiry_sec h4:after { display: inline-block; width:6px; height:6px; border-radius: 2px; background-color:#0f529d; margin-left: 5px; content: ""; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } 
.inquiry_sec.mt60 h4 { margin-top:60px } 
.write-tbl { width:100%; border-top:1px solid #333; } 
.write-tbl th,.write-tbl td { padding:10px 15px; border-bottom:1px solid #ddd; } 
.write-tbl th { color:#444; font-size:16px; font-weight:400; text-align:left; width: 12%; } 
body.lang_eng .write-tbl th, body.lang_sp .write-tbl th { font-weight:600 } 
.write-tbl th.none_impor { padding-left:20px; } 
.write-tbl .write-input,
.write-tbl .write-select,
.write-tbl .write-textarea { height:38px; border:0px; /* width:63.6%; */ background-color:#fff; border:1px solid #d2d2d2; font-size:14px; vertical-align:middle; padding:10px; box-sizing:border-box; } 
.write-tbl .write-input:focus { border-color:#333; } 
.write-tbl .write-input { text-indent:10px; width: 20%; } 
.write-tbl .write-input2 { width: 15%; } 
.write-tbl .write-select { height:38px; width: 15%; } 
.write-tbl .write-textarea { width:100%; height:200px; resize:none; } 
.write-tbl .inquiry_txt{width: 100%;}
.write-tbl td input[type="file"] { height:auto; padding:10px 0; text-indent:0; border:0; } 
.write-tbl td .write-sub-txt { color:#888; margin-left:10px; font-size:11px; color:#aaa; letter-spacing:-0.5px; } 
.write-tbl td .write-sub-txt2 { display:block; color:#888; margin-top:5px; font-size:11px; color:#aaa; letter-spacing:-0.5px; } 
.write-tbl .hypen { margin:0 5px; } 
.write-tbl .input-check { padding:10px 0; } 
.write-tbl .input-check span { margin-right:30px; } 
.write-tbl .input-check span label { vertical-align:middle; font-size:14px; } 
.address-fieldset .write-input { margin-top:6px; } 
.address-fieldset .write-input:first-child { margin-top:0; } 
.write-tbl .address-btn { display:inline-block; min-width:114px; padding:0 10px; height:38px; border:1px solid #464646; vertical-align:middle; text-align:center; color:#464646; font-size:14px; font-weight:400; margin-left:10px; } 
.write-tbl .address-btn:hover { background-color:#464646; color:#fff; } 
.btn_address { display: inline-block; padding:0 20px; vertical-align: top; color: #fff; width: 187px; box-sizing: border-box; color: #fff; background: none; height: 38px; line-height:38px; font-size:14px; background:#777 } 
.radioCont li { float:left; padding: 10px 30px 10px 0; font-size:15px; color:#666; } 
.radioCont li input { margin-right:5px } 
.frm_info { color:#e73221; font-size:14px; font-weight:bold; margin-top:5px; display:block; } 
.filebox { width: 100%; overflow: hidden; margin-bottom: 20px; } 
.filebox .file_wr { width:100%; display:inline-block; } 
.filebox > div.file_wr:nth-of-type(3) { float:right; } 
.filebox .file_wr input { width: calc(100% - 133px); color:#aaa; font-size:13px; } 
.filebox .file_wr label { display: inline-block; padding: 0 20px; vertical-align: top; color: #fff; width:130px; box-sizing: border-box; color: #fff; background: none; height: 38px; line-height: 38px; font-size: 13px; background: #777; cursor: pointer;} 
.filebox input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; } 
.cm-btn-controls { overflow:hidden; text-align:center; padding-top:30px; } 
.cm-btn-controls.cm-btn-align-left { text-align:left; } 
.cm-btn-controls.cm-btn-align-right { text-align:right; } 
.cm-btn-controls .left-btn-controls { float:left; } 
.cm-btn-controls .right-btn-controls { float:right; } 
.cm-btn-controls button,.cm-btn-controls a { display:inline-block; width:150px; height:42px; border:0; color:#fff; background-color:#000; font-size:17px; margin:0 2px 0px 2px; cursor:pointer; vertical-align:top; text-align:center; font-weight:400; -webkit-border-radius:2px; -moz-border-radius:2px; -o-border-radius:2px; border-radius:2px; } 
.cm-btn-controls a { line-height:42px; } 
.cm-btn-controls.cm-btn-long-controls button,.cm-btn-controls.cm-btn-long-controls a { width:100%; height:50px; margin:0px; margin-bottom:5px; } 
.cm-btn-controls.cm-btn-long-controls a { box-sizing:border-box; line-height:50px; } 
.cm-btn-controls .btn-style01 { background-color:#0f529d; } 
.cm-btn-controls .btn-style02 { background-color:#8c8c8c; } 
.cm-btn-controls .btn-style03 { box-sizing:border-box; background:#fff; border:1px solid #888; color:#222; } 
.email-fieldset .write-select { margin-left:13px } 
.inquiry_btn{margin-top: 50px; text-align: center;}
.inquiry_btn .btn_submit1{color:#0e1e80;  width: 200px; height: 50px; font-size: 18px; background-color: #fff; border: 2px solid #0e1e80; transition: all .3s; }
.inquiry_btn .btn_submit1:hover{background-color: #0e1e80; color: #fff;}



/*****************반응형********************/
@media all and (max-width:1540px){

    /* 문의하기 */
    #inquiry .inquiry_wrap { width: 96%; margin: 0 auto; } 
}
@media all and (max-width:1320px){
    .sub_inner{width: 95%;}
    .sub_top .sub_top_wrap li h2{font-size: 45px;}

    /*인사말*/
    .greeting_bg .greeting_content h2{font-size: 28px;}
    .greeting_bg .greeting_content h2 span{font-size: 34px;}
}

@media all and (max-width:1024px){
    .sub_top .sub_top_wrap li h2{font-size: 36px;}


    /*d인사말*/
    .greeting_bg{height: 650px;}
    .greeting_bg .greeting_content{width: 85%; bottom: -125px; padding: 60px;}
    .greeting_bg .greeting_content h2 span{font-size: 28px;}
    .greeting_bg .greeting_content h2{font-size: 24px;}

    /*오시는길*/
    .location{flex-direction: column;}
    .location li{width: 100%; margin: 20px 0;}
    .location li h2{font-size: 24px;}


    /*문의하기*/
    .write-tbl th { min-width: 116px; } 
    .write-tbl .write-input { width: 30%; } 
    .write-tbl .write-select { width: 15%; } 
    .write-tbl .write-input2{width: 15%;}
    .write-tbl .inquiry_txt{width: 100%;}

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

    .sub_top .sub_top_wrap li h2{font-size: 32px;}
    

    /*인사말*/
    .greeting_bg{height: 500px;}
    .greeting_bg .greeting_content{width: 90%; bottom: -180px; margin: 0 auto; padding: 60px 30px;}
    .greeting_bg .greeting_content h2{font-size: 20px;}
    .greeting_bg .greeting_content h2 span{font-size: 24px;}
    .greeting_bg .greeting_content p{font-size: 16px;}


    	/*문의하기*/
	.inquiry_style1 h3 { font-size: 17px; } 
    .agree_txt { font-size: 14px } 
    .inquiry_style1 .inquiry_tbl_style1_icon { font-size:14px; padding-left: 4px; } 
    .inquiry_tbl_style1_con .write_input { font-size: 14px; } 
    .write-tbl th { } 
    .write-tbl td { width: calc(100% - 116px); } 
    .write-tbl th, .write-tbl td { padding: 10px 7px; } 
    .write-tbl .write-input { } 
    .write-tbl .write-select { } 
    .write-tbl .write-input.width_100 { width: 100%; } 
    .write-tbl .width20 { width: calc((100% - 52px) / 3); } 
}
@media all and (max-width:650px){
    .sub_top .sub_top_wrap li h2{font-size: 28px;}
    .sub_top .sub_top_wrap{flex-direction: column;}
    .sub_top .sub_top_wrap li:first-child{margin-bottom: 10px;}

    /*인사말*/
    .greeting_top_txt p{text-align: center; margin-top: 15px; text-align: center;}
    .greeting_bg{height: auto; margin: 80px 0 200px;}
    .greeting_bg .greeting_content{position: inherit; bottom: 0; right: 0; transform: translateY(100px); margin-top: 0;}
    .greeting_bg .greeting_content h2{font-size: 18px;}
    .greeting_bg .greeting_content h2 span{font-size: 22px;}
    .greeting_bg .greeting_content h3{font-size: 18px;}

    /*오시는길*/
    .location li h2{font-size: 22px; margin: 30px 0 20px;}

} 

@media all and (max-width:500px){
    .sub_top .sub_top_wrap li h2{font-size: 22px;}

    /*인사말*/
    .greeting_bg .greeting_content h2{font-size: 18px;}
    .greeting_bg .greeting_content h2 span{font-size: 20px;}
    .greeting_bg .greeting_content h3{font-size: 17px;}

    /*오시는길*/
    .location li h2{font-size: 20px;}
    .location li table tr td{font-size: 15px;}


    /*문의하기*/
	.editor textarea { font-size: 13px; } 
	.cm_btn_controls .btn_submit1 { width: 160px; height: 50px; font-size: 16px; } 
	.write-tbl th, .write-tbl td { padding: 10px 1px; min-width: 50px; word-break: keep-all; font-size: 14px; } 
	.write-tbl td.flex_div_3 { display: flex; justify-content: space-between; width: 100%; align-items: center; } 
}
@media all and (max-width:390px){
  

}