@charset "UTF-8";

@import url("sub2.css");

/* sub_top */
.sub_top {margin: 0 0 35px;}
.sub_top_tit {padding:60px 0; font-size: 2.2em; font-weight: 500; text-align:center;}

/* 서브페이지 기본틀 */
.sub_cont {width: 100%; max-width: 1280px; margin: 0 auto; padding: 0 0 120px; font-family: 'Noto Sans KR';}
.sub_cont .main_title {margin: 0 0 25px; /* font-family: 'NanumSquare'; */ font-weight: 500; font-size: 40px; line-height: 60px; color: #000000; text-align: center;}

/* ===== 텍스트박스 ===== */
.text_box {margin: 10px 0 0;}
/* 10-02 */
.text_box .text {font-weight: 400; font-size: 16px; line-height: 24px; color: #000000; word-break: keep-all;}
/* // 10-02 */
.text_box .text.dot {display: inline-block;}
.text_box.sty4 {float: left; margin: 0;}
.text_box.sty4 .text {line-height: 45px;}
.text_area {}
.text_area .title {font-weight: 400; font-size: 24px; line-height: 36px; word-break: keep-all;}



/* 공통 테이블 */
.com_table_cont {width: 100%;}
.com_table_cont .table_tab {margin: 30px 0 0;}
.com_table_cont .table_tab .list {border: 1px solid #f98407; font-size: 0;}
.com_table_cont .table_tab .list li {display: inline-block; width: 50%;}
.com_table_cont .table_tab .list li .tab_btn {display: block; width: 100%; font-size: 0;}
.com_table_cont .table_tab .list li.on .tab_btn {background-color: #f98407;}
.com_table_cont .table_tab .list li .tab_btn .text {display: inline-block; position: relative; font-weight: 400; font-size: 18px; line-height: 50px; color: #f98407;}
.com_table_cont .table_tab .list li.on .tab_btn .text {padding: 0 32px 0 0; color: #ffffff; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.com_table_cont .table_tab .list li.on .tab_btn .text:after {display: block; content: ''; position: absolute; top: 50%; right: 0; width: 23px; height: 23px; margin: -11px 0 0; background-image: url("./images/common/tab_icon.png"); background-position:  0 0; background-repeat: no-repeat;     -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}

.title {font-weight: 500; font-size: 26px; line-height: 39px; color: #333333;}
.com_table_cont .table_box {margin: 30px 0 0;}
.com_table_cont .table_box .title_box {width: 100%; overflow: hidden;}
.com_table_cont .table_box .title_box .table_tit {position: relative; float: left; padding: 0 0 0 16px; font-weight: 500; font-size: 20px; line-height: 30px; color: #333333;}
.com_table_cont .table_box .title_box .table_tit:before {display: block; content: ''; position: absolute; top: 50%; left: 0; width: 8px; height: 8px; margin: -4px 0 0; background-color: #037be1; border-radius: 50%;}
.com_table_cont .table_box .title_box.sty2 .table_tit {position: relative; padding: 0 0 0 23px; font-weight: 400; font-size: 14px; line-height: 21px; color: #3c3c3c;}
.com_table_cont .table_box .title_box.sty2 .table_tit:before {display: block; content: ''; position: absolute; top: 50%; left: 0; width: 16px; height: 16px; margin:	-8px 0 0; background-image: url("./images/common/tit_icon.png"); background-position: 0 0; background-repeat: no-repeat;}
.com_table_cont .table_box .title_box.sty3 .table_tit {position: relative; padding: 0 0 0 20px; font-weight: 500; font-size: 18px; line-height: 27px; color: #212121;}
.com_table_cont .table_box .title_box.sty3 .table_tit:before {display: block; content: ''; position: absolute; top: 50%; left: 0; width: 10px; height: 10px; margin: -5px 0 0; border: 3px solid #037be1; background-color: inherit; box-sizing: border-box;}
.com_table_cont .table_box .title_box .fr {float: right;}
.com_table_cont .table_box .title_box .fr .view {display: inline-block; margin: 0 0 0 14px; padding: 0 20px; border: 1px solid #98969a; font-weight: 400; font-size: 14px; line-height: 28px; color: #98969a; border-radius: 20px;}
.com_table_cont .table_box .title_box .fr .view:hover, .com_table_cont .table_box .title_box .fr .view:focus {border: none; padding: 0 21px; background-color: #f98407; line-height: 30px; color: #ffffff;}
.com_table_cont .table_box .title_box .fr .btn_area {margin: 0;}
.com_table_cont .table_box .title_box .view_cont {font-size: 0;}
.com_table_cont .table_box .title_box .view_cont .text {display: inline-block; /*margin: 0 14px 0 0;*/ font-weight: 300; font-size: 14px; line-height: 30px; color: #8c8c8c;}
.com_table_cont .table_box .title_box.sty2 .view_cont .text {line-height: 21px;}
.com_table_cont .table_box .title_box.sty3 .view_cont .text {line-height: 27px;}
.com_table_cont .table_box .title_box .view_cont .text.red {color: #f22929;}
.com_table_cont .table_box .title_box .view_cont .text.red.sty2 {margin: 0;}
.com_table_cont .table_box .title_box .view_cont.sty_01 .text {margin: 0;}
.com_table_cont .table_box .title_box .view_cont .info_view {display: inline-block; width: 125px; height: 30px; border: 1px solid #8c8c8c; font-weight: 400; font-size: 14px; line-height: 28px; color: #8c8c8c; text-align: center; border-radius: 20px;}
.com_table_cont .table_box .board_write {width: 100%; margin: 14px 0 0; border-top: 2px solid #5f6577; text-align: left;}
.com_table_cont .table_box .board_write tbody {font-size: 0;}
.com_table_cont .table_box .board_write tbody tr {border-bottom: 1px solid #e9ecef;}
.com_table_cont .table_box .board_write tbody tr th {padding: 14px 5px 14px 20px; background-color: #f5f7f9; font-weight: 500; font-size: 15px; line-height: 22px; color: #333333; text-align: left;}
.com_table_cont .table_box .board_write tbody tr th .etc {color: #f22929;}
.com_table_cont .table_box .board_write tbody tr th:after {display: none;}
.com_table_cont .table_box .board_write tbody tr td {padding: 14px 0 14px 40px; font-size: 15px; line-height: 22px;}
.com_table_cont .table_box .board_write tbody tr td.text {font-weight: 400; font-size: 15px; line-height: 22px; color: #333333;}
.com_table_cont .table_box .board_write tbody tr td.text.ft_c {color: #3a7fcd;}
.com_table_cont .table_box .board_write tbody tr td .inp_01 {width: 100%; max-width: 437px; height: 40px; margin: 0 10px 0 0; border: 1px solid #e9ecef; padding: 0 10px; font-weight: 400; font-size: 14px; line-height: 21px; color: #333333; vertical-align: middle;}
.com_table_cont .table_box .board_write tbody tr td .inp_day {display: inline-block; width: 100%; max-width: 150px; height: 40px; margin: 0 10px 0 0; border: 1px solid #e9ecef; font-weight: 400; font-size: 14px; line-height: 21px; color: #333333;}
.com_table_cont .table_box .board_write tbody tr td .area_tit {display: inline-block; margin: 0 30px 0 0; font-weight: 400; font-size: 15px; line-height: 40px; color: #333333;}
.com_table_cont .table_box .board_write tbody tr td .text {display: block; margin: 5px 0 0 0; font-weight: 400; font-size: 14px; line-height: 21px; color: #8c8c8c; word-break: keep-all;}
.com_table_cont .table_box .board_write tbody tr td .text.green{color: #11a151;}
.com_table_cont .table_box .board_write tbody tr td .text.red{color: #e03321;}
.com_table_cont .table_box .board_write tbody tr td .text.sty3 {margin: 0; line-height: 21px;}
.com_table_cont .table_box .board_write tbody tr td .slt_list {}
.com_table_cont .table_box .board_write tbody tr td .slt_list .slt_com {width: calc(33.3333% - 10px); height: 40px; margin: 0 15px 0 0; padding: 0 25px 0 10px; border: 1px solid #e9ecef; background-color: #ffffff; background-image: url(./images/common/slt_arr_icon.png); background-position: right 11px top 50%; background-size: 11px 7px; background-repeat: no-repeat; font-weight: 400; font-size: 14px; line-height: 38px; color: #333333;}
.com_table_cont .table_box .board_write tbody tr td .slt_list .slt_com:last-child {margin: 0;}
.com_table_cont .table_box .board_write tbody tr td .slt_list .slt_com.slt_1 {}
.com_table_cont .table_box .board_write tbody tr td .slt_list .slt_com.slt_2 {}
.com_table_cont .table_box .board_write tbody tr td .slt_list .slt_com.slt_3 {}
.com_table_cont .table_box .board_write tbody tr td textarea {height: 153px; border: 1px solid #e9ecef; padding: 10px; resize: none; font-weight: 400; font-size: 15px; line-height: 22px; color: #333333;}
.com_table_cont .table_box .board_write tbody tr td .info_text {margin: 0 0 10px;}
.com_table_cont .table_box .board_write tbody tr td .info_text .info_btn {display: inline-block; height: 40px; border: 1px solid #f22929; padding: 0 20px; font-weight: 400; font-size: 16px; line-height: 38px; color: #f22929;}
.com_table_cont .table_box .board_write tbody tr td .info_text .text {display: block; margin: 10px 0 0 0; font-weight: 400; font-size: 14px; line-height: 21px; color: #8c8c8c;}
.com_table_cont .table_box .board_write tbody tr td .info_list_area {}
.com_table_cont .table_box .board_write tbody tr td .info_list_area li {position: relative; padding: 0 0 0 10px; font-weight: 400; font-size: 15px; line-height: 24px; color: #333333}
.com_table_cont .table_box .board_write tbody tr td .info_list_area li:before {display: block; content: ''; position: absolute; top: 50%; left: 0; width: 2px; height: 2px; margin: -1px 0 0; background-color: #6e6e6e;}
.com_table_cont .table_box .board_write tbody tr td .info_list_area li:last-child:before {display: none;}
.com_table_cont .table_box .board_write tbody tr td .info_list_area li.ft_c {color: #8c8c8c;}
.com_table_cont .table_box .board_write tbody tr td .img_box {margin: 15px 0 0;}
.com_table_cont .table_box .board_write tbody tr td .radio_box {}
.com_table_cont .table_box .board_write tbody tr td .radio_box.sty2 {display: inline-block; width: 100%; vertical-align: middle;}
.com_table_cont .table_box .board_write tbody tr td .radio_box .radio_each {}
.com_table_cont .table_box .board_write tbody tr td .radio_box .radio_each label {display: inline-block; padding: 0 0 0 18px; font-weight: 400; font-size: 15px; line-height: 40px; color: #333333; vertical-align: bottom;}
.com_table_cont .table_box .board_write tbody tr td .radio_box .radio_each label .vradio {top: 50%; width: 12px; height: 12px; margin: -6px 0 0;}
.com_table_cont .table_box .board_write tbody tr td .radio_box .radio_each label .vradio .cir {width: 6px; height: 6px; margin: 0; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.com_table_cont .table_box .board_write tbody tr td .radio_box .radio_each input:checked + label .vradio .cir {background-color: #f98407;}
.com_table_cont .table_box .board_write tbody tr td .radio_box .radio_each .inp_01 {margin: 0 0 0 10px; padding: 0 10px;}
.com_table_cont .table_box .board_write tbody tr td .radio_box.sty2 .radio_each .inp_01 {max-width: 200px;}
.com_table_cont .table_box .board_write tbody tr td .slt_list {font-size: 0;}
.com_table_cont .table_box .board_write tbody tr td .slt_list .slt_box {display: inline-block; width: 100%; max-width:  250px; margin: 0 10px 0 0;}
.com_table_cont .table_box .board_write tbody tr td .slt_list .slt_box:last-child {margin: 0;}
.com_table_cont .table_box .board_write tbody tr td .slt_list .slt_box select {width: 100%; max-width:  250px; height: 40px; border: 1px solid #e9ecef; padding: 0 35px 0 10px; background-image: url(./images/common/slt_arr_icon.png); background-position: right 22px top 50%; background-size: 11px 7px; background-repeat: no-repeat; font-weight: 400; font-size: 15px; line-height: 22px; color: #333333;}
.com_table_cont .table_box .board_write tbody tr td.find .text.sty2 {display: inline-block; margin: 0 9px 0 0;}
.com_table_cont .table_box .board_write tbody tr td .slt_list.sty2 {display: inline-block;}

.com_table_cont .table_box .board_write tbody tr td.tell{font-size: 0;}
.com_table_cont .table_box .board_write tbody tr td.tell .box{max-width: 500px;}
.com_table_cont .table_box .board_write tbody tr td.tell .box .etc{display: inline-block; padding: 0 5px; font-weight: 400; font-size: 14px; line-height: 40px; color: #333333;}
.com_table_cont .table_box .board_write tbody tr td.tell .box select{width: calc(33.3333% - 10px); height: 40px; margin: 0 15px 0 0; border: 1px solid #e9ecef; padding: 0 20px 0 10px; background-image: url(./images/common/slt_arr_icon.png); background-position: right 10px top 50%; background-size: 11px 7px; background-repeat: no-repeat; background-color: #ffffff; font-weight: 400; font-size: 15px; line-height: 22px; color: #333333;}
.com_table_cont .table_box .board_write tbody tr td.tell .box input{width: calc(33.3333% - 10px); height: 40px; margin: 0 15px 0 0; border: 1px solid #e9ecef; font-weight: 400; font-size: 14px; line-height: 21px; color: #333333;  padding: 0 5px;}
.com_table_cont .table_box .board_write tbody tr td.tell .box input:last-child{margin: 0;}

.com_table_cont .table_box .board_write tbody tr td.tell2 {font-size: 0;}
.com_table_cont .table_box .board_write tbody tr td.tell2 .inp_01 {max-width: 150px; margin: 0 10px 0 0;}
.com_table_cont .table_box .board_write tbody tr td.tell2 .inp_01:last-child {margin: 0;}

.com_table_cont .table_box .board_write tbody tr td.email{font-size: 0;}
.com_table_cont .table_box .board_write tbody tr td.email .box{max-width: 500px;}
.com_table_cont .table_box .board_write tbody tr td.email .box .etc{display: inline-block; padding: 0 5px; font-weight: 400; font-size: 14px; line-height: 40px; color: #333333;}
.com_table_cont .table_box .board_write tbody tr td.email input{display: inline-block; width: calc(50% - 12px); max-width: 100%; height: 40px; border: 1px solid #e9ecef; font-weight: 400; font-size: 14px; line-height: 21px; color: #333333;}
.com_table_cont .table_box .board_write tbody tr td.email input{ padding: 0 5px;}
.com_table_cont .table_box .board_write tbody tr td.email .slt_list{width: calc(33.3333% - 12px); max-width: 100%;}
.com_table_cont .table_box .board_write tbody tr td.email .slt_list .slt_box{max-width: 100%;}
.com_table_cont .table_box .board_write tbody tr td.email .slt_list .slt_box select{max-width: 100%;}

.com_table_cont .table_box .board_write tbody tr td.area {}
.com_table_cont .table_box .board_write tbody tr td.area .inp_01.top {display: inline-block; max-width: 260px; margin: 0 10px 0 0;}
.com_table_cont .table_box .board_write tbody tr td.area .inp_01 {display: block; margin: 10px 0 0;}
.com_table_cont .table_box .board_write tbody tr td.area > div {display: inline-block; position: relative; width: 100%; max-width: 437px; padding: 0 140px 0 0;}
.com_table_cont .table_box .board_write tbody tr td.area > div .inp_01 {width: 100%; max-width: 100%; margin: 0;}
.com_table_cont .table_box .board_write tbody tr td.area > div .bw_in_btn.sty2 {position: absolute; top: 0; right: 0; margin: 0;}

.com_table_cont .table_box .board_write tbody tr td.find .slt_list {margin: 5px 0 0; width: 100%; max-width: 437px;}
.com_table_cont .table_box .board_write tbody tr td.find .slt_list .slt_com {width: 100%;}
.com_table_cont .table_box .board_write tbody tr td.find .box {margin: 5px 0 0;}
.com_table_cont .table_box .board_write tbody tr td.tell .box select:last-child {margin: 0;}
.com_table_cont .table_box .board_write tbody tr td.find .text {color: #000000;}
.com_table_cont .table_box .board_write tbody tr td.mail .chk_each {margin: 0 5px 0 0;}
.com_table_cont .table_box .board_write tbody tr td.mail .chk_each:last-child {margin: 0;}
.com_table_cont .table_box .board_write tbody tr td.email .box.sty2 {margin: 5px 0 0;}
.com_table_cont .table_box .board_write tbody tr td.area {}
.com_table_cont .table_box .board_write tbody tr td.add .inp_01.top {display: inline-block; max-width: 250px; margin: 0 10px 0 0;}
.com_table_cont .table_box .board_write tbody tr td.add .inp_01 {display: block; margin: 10px 0 0;}

.com_table_cont .table_box .board_write tbody tr td.cer {}
.com_table_cont .table_box .board_write tbody tr td.cer .attach_box {max-width: 505px;}
.com_table_cont .table_box .board_write tbody tr td.cer .attach_box .inp_01 {max-width: 400px; height:  40px !important;}
.com_table_cont .table_box .board_write tbody tr td.cer .attach_box .attach_vbox {padding: 0 105px 0 0;}
.com_table_cont .table_box .board_write tbody tr td.cer .attach_box .attach_vbox .attach_btn {width: inherit; height: 40px; border: none; padding: 0 20px; background-color: #7a7a7a; font-weight: 400; font-size: 15px; line-height: 40px; color: #ffffff;}
/* .com_table_cont .table_box .board_write tbody tr td.cer .attach_box .attach_vbox .attach_btn:hover, .com_table_cont .table_box .board_write tbody tr td.cer .attach_box .attach_vbox .attach_btn:focus {border: 1px solid #7a7a7a; line-height: 38px; color: #7a7a7a;} */

.com_table_cont .table_box .board_write tbody tr td .date_input {width: 144px; height: 40px; border: 1px solid #e9ecef; padding: 0 35px 0 10px; background-image: url("./images/basic/cal_ico.png"); background-position: right 11px center; background-repeat: no-repeat; font-family: 'Noto Sans KR'; font-weight: 400; font-size: 16px; line-height: 24px; color: #242424; text-align: left;}

.com_table_cont .table_box .board_write tbody tr td .amount_box {}
.com_table_cont .table_box .board_write tbody tr td .amount_box > .title {font-weight: 700; font-size: 16px; line-height: 24px; color: #333333;}
.com_table_cont .table_box .board_write tbody tr td .amount_box .info_box {display: table; width: 100%; max-width: 500px; margin: 10px 0 0;}
.com_table_cont .table_box .board_write tbody tr td .amount_box .info_box .title {display: table-cell; width: 70px; font-weight: 500; font-size: 14px; line-height: 40px; color: #333333; vertical-align: middle;}
.com_table_cont .table_box .board_write tbody tr td .amount_box .info_box .inp_02 {display: table-cell; width: 100%; height: 40px; border: 1px solid #e9ecef; padding: 0 10px; vertical-align: middle;}
/* //공통 테이블 */

/* 회색박스사용시 */
.gray_box {margin: 50px 0 0;} 
.list2 {margin: 10px 0 0; padding: 20px 22px; background-color: #f2f2f2;}
.list2 > li {margin: 5px 0 0; color: #424242;}
.list2 > li > .tit {font-weight: 700; font-size: 18px; line-height: 27px; color: #037be1;}
.list2 > li > .txt {margin: 10px 0 0; font-weight: 400; font-size: 16px; line-height: 24px; word-break: keep-all;}
.list2.sty2 {overflow: hidden; padding: 20px;}
.list2.sty3 {margin: 0; padding: 10px; background-color: initial;}

.list2 .btn_list {margin: 0;}

/* 이미지박스 sty2 (사이즈) */
.info_list > .list > li .table_layout .img_box.sty2 {width: 378px;}
.info_list > .list > li .table_layout .text_area.sty2 {padding: 0;}


/* ===== 통이미지 (CEO 인사말/신청방법) =====*/
.img_con .img_box {text-align: center;}
.img_con.mobile .img_box img {display: none;}
.img_con .img_box .ma_pa {margin: 0 0 50px; border-bottom: 1px solid #cccccc; padding: 0 0 50px;}
.img_con .img_box img {}
.img_box.size img {height: 50px;}

/* ===== 사업소개 ===== */
.info_area {display: table; width: 100%; table-layout: fixed;}
.info_area .info_box {display: table-cell; width: 100%; padding: 0 62px 0 0; vertical-align: middle;}
.info_area .info_box .tit_box {position: relative; padding: 0 0 62px;}
.info_area .info_box .tit_box:after {display: block; content: ''; position: absolute; bottom: 31px; left: 0; width: 79px; height: 1px ;background-color: #000000;}
.info_area .info_box .tit_box .tit {/* font-family: 'NanumSquare'; */ font-weight: 700; font-size: 45px; line-height: 47px; color: #037be1; word-break: keep-all;}
.info_area .info_box .txt_area {}
.info_area .info_box .txt_area .sub_tit {/* font-family: 'NanumSquare'; */ font-weight: 700; font-size: 26px; line-height: 39px; color: #000000; word-break: keep-all;}
.info_area .info_box .txt_area .txt {margin: 27px 0 0; font-weight: 400; font-size: 16px; line-height: 24px; color: #000000; word-break: keep-all;}
.info_area .img_box {display: table-cell; width: 429px; vertical-align: middle;}
.info_area .img_box img {}
.cont_area {margin: 28px 0 0;}
/* 10-02 */
.cont_area .cont_tit {font-weight: 700; font-size: 24px; line-height: 36px; color: #000000;}
/* // 10-02 */
.cont_area .txt {margin: 5px 0 0; font-weight: 400; font-size: 18px; line-height: 27px; color: #424242;}
/* // 10-02 */
.cont_area .list {margin: 26px 0 0;}
/* 10-02 */
.cont_area .list > li {margin: 20px 0 0;}
/* // 10-02 */
.cont_area .list > li .cont {display: table; width: 100%; table-layout: fixed;}
.cont_area .list > li .cont .img_box {display: table-cell; width: 488px; vertical-align: top;}
.cont_area .list > li .cont .img_box .img {}
.cont_area .list > li .cont .txt_box {display: table-cell; width: 100%; padding: 0 0 0 60px; vertical-align: middle;}
.cont_area .list > li .cont .txt_box .txt_inner {}
.cont_area .list > li .cont .txt_box .txt_inner .tit {font-weight: 700; font-size: 22px; line-height: 33px; color: #000000; word-break: keep-all;}
.cont_area .list > li .cont .txt_box .txt_inner .tit .ft_c {margin: 0 10px 0 0; font-family: 'GmarketSans'; font-size: 42px; color: #e5e5e5;}
.cont_area .list > li .cont .txt_box .txt_inner .txt {margin: 27px 0 0; font-weight: 400; font-size: 15px; line-height: 22px; color: #424242; word-break: keep-all;}
/* ===== //사업소개 ===== */ 

/* 텍스트박스 공통 */
.info_txt_box {margin: 0 0 60px; padding: 8px !important; background-image: url("../images/common/line_icon.png"); background-position: left top;}
.info_txt_box .title_area {padding: 60px 42px 58px 42px; background-color: #ffffff;}
.info_txt_box .title_area .title {font-weight: 700; font-size: 30px; line-height: 45px; color: #000000;}
.info_txt_box .title_area .title .ft_c {margin: 0 0 0 20px; font-weight: 700; font-size: 24px; line-height: 36px; color: #aaaaaa;}
.info_txt_box .title_area .text {margin: 14px 0 0; font-weight: 400; font-size: 15px; line-height: 22px; color: #424242; word-break: keep-all;}
/* //텍스트박스 공통 */

/* 타이틀박스 정렬 _ 테이블 위에 셀렉트 박스 있을 경우 */
.tit_area {overflow: hidden;}
.tit_area .title {float: left; font-weight: 700; font-size: 26px; line-height: 39px; color: #000000; word-break: keep-all;}
.tit_area .text {position: relative; float: right; padding: 0 0 0 35px; font-size: 14px; line-height: 39px; color: #424242;}
.tit_area .text:before {display: block; content: ''; position: absolute; top: 20px; left: 0; width: 31px; height: 31px; margin: -15px 0 0; background-image: url('./images/common/question_mark_icon.png'); background-repeat: no-repeat;}
/* 타이틀박스 정렬 */

/* ===== 스타일 공통 ===== */
.cont {}
.cont.mt_sty {margin: 40px 0 0;}
.cont > .tit {margin: 0 0 30px;}
.cont_list {}
.cont_list > li {margin: 40px 0 0;}
.cont_list > li:first-child {margin: 0;}
.table_cont {}
.table_cont .title {font-weight: 700; font-size: 26px; line-height: 39px; color: #000000; word-break: keep-all;}
.table_cont .table_box {margin: 25px 0 0;}
.table_cont .table_box .list {}
.table_cont .table_box .list > li {margin: 25px 0 0;} 
.table_cont .table_box .list > li:first-child {margin: 0;}
.table_cont .table_box .list > li .tit {margin: 0 0 15px; font-weight: 700; font-size: 24px; line-height: 36px; color: #000000; word-break: keep-all;}
.table_cont .table_box .list > li .txt {margin: 10px 0 0; font-weight: 400; font-size: 16px; line-height: 24px; color: #424242; word-break: keep-all;}
.table_cont .table_box .list > li .txt:first-child {margin: 0;}
.table_cont .table_box .list > li .table_cont .table_box .list > li .table_con_box {}
.table_cont .table_box .list > li .table_con_box table {width: 100%; text-align: center;}
.table_cont .table_box .list > li .table_con_box table thead {border-top: 2px solid #5f6577; background-color: #f0f6fa;}
.table_cont .table_box .list > li .table_con_box table thead tr {}
.table_cont .table_box .list > li .table_con_box table thead tr td {border-bottom: 1px solid #e4e9ec; border-right: 1px solid #e4e9ec; padding: 10px 5px; font-weight: 500; font-size: 15px; line-height: 22px; color: #000000; word-break: keep-all;}
.table_cont .table_box .list > li .table_con_box table thead tr td:last-child {border-right: none;}
.table_cont .table_box .list > li .table_con_box table tbody {}
/* .table_cont .table_box .list > li .table_con_box table tbody tr {background-color: #ffffff;} */
.table_cont .table_box .list > li .table_con_box table tbody tr td {border-bottom: 1px solid #e4e9ec; border-right: 1px solid #e4e9ec; padding: 12px 10px; font-weight: 400; font-size: 15px; line-height: 22px; color: #000000; word-break: keep-all;}
.table_cont .table_box .list > li .table_con_box table tbody tr td:last-child {border-right: none;}
.table_cont .table_box .list > li .table_con_box table tbody tr td.bd_r {border-right: 1px solid #e4e9ec;}
.table_cont .table_box .list > li .text {margin: 20px 0 0; font-weight: 400; font-size: 14px; line-height: 21px; color: #7b7b7b; word-break: keep-all;}

/* 테이블 스타일2 (파란색 보더, 왼쪽 bakcgournd 색) */
.table_cont .table_box .list > li .table_con_box.sty2 {margin: 0 0 47px;}
.table_cont .table_box .list > li .table_con_box.sty2 table {border-top: 2px solid #037be1}
.table_cont .table_box .list > li .table_con_box.sty2 table thead {padding: 18px 0 19px; background-color: #ffffff;}
.table_cont .table_box .list > li .table_con_box.sty2 table thead tr td {border-bottom: 1px solid #5f6577; font-weight: 700; font-size: 24px; line-height: 36px; color: #212121;}
.table_cont .table_box .list > li .table_con_box.sty2 table tbody tr.bg_c td:first-child {background-color: #f0f6fa; font-weight: 500;}
.table_cont .table_box .list > li .table_con_box.sty2 table tbody tr td {border-bottom: 1px solid #e4e9ec; border-right: 1px solid #e4e9ec; padding: 12px 10px; font-weight: 400; font-size: 15px; line-height: 22px; color: #000000; word-break: keep-all;}
.table_cont .table_box .list > li .table_con_box.sty2 table tbody tr td:last-child {border-right: none;}
.table_cont .table_box .list > li .text {margin: 20px 0 0; font-weight: 400; font-size: 14px; line-height: 21px; color: #7b7b7b; word-break: keep-all;}
																		   
.com_cont {}							
.com_cont .title {font-weight: 700; font-size: 26px; line-height: 39px; color: #000000; word-break: keep-all;}
.com_cont .sub_title {font-weight: 700; font-size: 24px; line-height: 36px; color: #000000; word-break: keep-all;}
.com_cont > .text {margin: 10px 0 0; font-weight: 400; font-size: 16px; line-height: 24px; color: #424242; word-break: keep-all;}
.com_cont .com_box {margin: 25px 0 0;}			   
.com_list {}
.com_list > li {margin: 33px 0 0;	word-break: keep-all;}
.com_list > li:first-child {margin: 0;}
.com_list > li .tit {}
.com_list > li .com {margin: 0 0 10px 0;}
.com_list > li .com:last-child {margin: 0;}
.com_list > li .com .sub_tit {font-weight: 700; font-size: 18px; line-height: 27px; color: #037be1;}
.com_list > li .com > .list {margin: 10px 0 0;}
.com_list > li .com > .list > li {position: relative; margin: 13px 0 0; padding: 0 0 0 18px; font-weight: 400; font-size: 15px; line-height: 24px; color: #424242; word-break: keep-all;}
.com_list > li .com > .list > li:first-child {margin: 0;}
.com_list > li .com > .list > li.mt {margin: 20px 0 0;}
.com_list > li .com > .list > li > .etc {display: block; content: ''; position: absolute; top: 0; left: 0;}
.com_list.sty2 > li .com > .list > li {padding: 0; font-weight: 400; font-size: 15px; line-height: 24px; color: #424242;}
.img_cont {}
.img_cont .title {font-weight: 700; font-size: 26px; line-height: 39px; color: #000000; word-break: keep-all;}
.img_cont .img_box {margin: 25px 0 0;} 
.img_cont .img_box > .list > {}
.img_cont .img_box > .list > li {display: table; width: 100%; table-layout: fixed; margin: 99px 0 0;}
.img_cont .img_box > .list > li:first-child {margin: 0;}
.img_cont .img_box > .list > li .img_box {display: table-cell; width: 235px;}
.img_cont .img_box > .list > li .img_box img {}
.img_cont .img_box > .list > li > .txt_area {display: table-cell; width: 100%; padding: 0 0 0 26px; vertical-align: middle;}
.img_cont .img_box > .list > li > .txt_area > .sub_tit {font-weight: 700; font-size: 18px; line-height: 27px; color: #037be1;}
.img_cont .img_box > .list > li > .txt_area > .txt {margin: 10px 0 0; font-size: 15px; line-height: 22px; color: #424242; word-break: keep-all;}
.img_cont .img_box > .list > li > .txt_area > .txt .ft_c {padding: 3px 0 0; color: #7b7b7b;}

/* 이미지 두 개 있을 경우 */
.img_cont.sty2 {margin: 30px 0 0; text-align: center;}
.img_cont.sty2 .img_box {font-size: 0;}
.img_cont.sty2 .img_box .img_inner {display: inline-block; width: calc(50% - 10px); margin: 0 20px 0 0; vertical-align: top;}
.img_cont.sty2 .img_box .img_inner:nth-of-type(2) {margin: 0;}

/* 이미지 세 개 있을 경우 */
.img_cont.sty3 {margin: 30px 0 0; text-align: center;}
.img_cont.sty3 .img_box {font-size: 0;}
.img_cont.sty3 .img_box .img_inner {display: inline-block; width: calc(33.3333% - 13.3333px); margin: 0 20px 0 0; vertical-align: top;}
.img_cont.sty3 .img_box .img_inner:nth-of-type(3) {margin: 0;}
/* 이미지 네 개 있을 경우*/
.img_cont.sty4 {margin: 30px 0 0; text-align: center;}
.img_cont.sty4 .img_box {font-size: 0;}
.img_cont.sty4 .img_box .img_inner {display: inline-block; width: calc(25% - 15px); margin: 0 20px 0 0; vertical-align: top;}
.img_cont.sty4 .img_box .img_inner:nth-of-type(4) {margin: 0;}
.img_cont.sty4 .img_box .img_inner img {height: 230px;} 

/* 이미지 가운데 옹기종기 정렬 */
.img_cont.sty5 .img_box .img_inner {display: inline-block; margin: 0 33px 0 0;}
.img_cont.sty5 .img_box .img_inner:last-child {margin: 0;}

/* 이미지 한 개 - 중앙정렬 (global_third 팝업 지도 이미지 사용) */
.img_cont.tc {text-align: center;}
.img_cont.tc .img_box {display: table; table-layout: fixed; width: 100%; margin: 0;}
.img_cont.tc .img_box .img_inner {display: table-cell; width: 100%; max-width: 900px; height: 700px; text-align: center; vertical-align: middle;}
.img_cont.tc .img_box .img_inner img {display: inline-block; width: 100%; z-index: 9999;}

.img_cont.sty6 {margin: 30px 0 0; text-align: center;}
.img_cont.sty6 .img_box {font-size: 0;}
.img_cont.sty6 .img_box .img_inner {display: inline-block; margin: 0 20px 0 0; vertical-align: top;}
.img_cont.sty6 .img_box .img_inner:nth-of-type(2) {margin: 0;}
/* ===== //스타일 공통 ===== */


/* 배경색 있는 테이블 박스  */
.table_con {margin: 39px 0 0;}
.table_con .title {font-weight: 700; font-size: 26px; line-height: 39px; color: #212121; word-break: keep-all;}
.table_con .table_box {margin: 7px 0 0;}
.table_con .table_box .list {}
.table_con .table_box .list > li {}
.table_con .table_box .list > li .tit {font-weight: 700;font-size: 24px; line-height: 36px; color: #000000; word-break: keep-all;}
.table_con .table_box .list > li .txt {margin: 10px 0 0; font-weight: 400; font-size: 16px; line-height: 24px; color: #424242; word-break: keep-all;}
.table_con .table_box .list > li .table_con_box {}
.table_con .table_box .list > li .table_con_box table {width: 100%;}
.table_con .table_box .list > li .table_con_box table tbody {border-top: 1px solid #5f6577;}
.table_con .table_box .list > li .table_con_box table tbody tr:last-child {border-bottom: 1px solid #e2e2e2;}
.table_con .table_box .list > li .table_con_box table tbody tr {background-color: #ffffff;}
.table_con .table_box .list > li .table_con_box table tbody tr.bg_c {background-color: #f7f7f7;}
.table_con .table_box .list > li .table_con_box table tbody tr td {padding: 8px 0 8px 42px;}
.table_con .table_box .list > li .table_con_box table tbody tr td .text {position: relative; padding: 8px 0 8px 10px; font-weight: 400; font-size: 16px; line-height: 24px; color: #000000;  word-break: keep-all;}
.table_con .table_box .list > li .table_con_box table tbody tr td .text:before {display: block; content: ''; position: absolute; top: 15px; left: 0; width: 4px; height: 4px; background-color: #ffab00;}
/* //테이블 박스 */

/* 문의박스 공통 */
.inquiry_box {display: table; width: 100%; table-layout: fixed; margin: 50px 0 0; border: 1px solid #eaeaea; padding: 30px 40px; font-size: 0;}
.inquiry_box .title {display: table-cell; position: relative; width: 109px; padding: 0 33px 0 0; font-weight: 700; font-size: 16px; line-height: 24px; color: #333333; vertical-align: middle;}
.inquiry_box .title:before {display: block; content: ""; position: absolute; top: 50%; right: 0; width: 1px; height: 26px; margin: -13px 0 0; background-color: #e0e0e0;}
.inquiry_box .inquiry_list {display: table-cell; width: 100%; vertical-align: middle;}
.inquiry_box .inquiry_list .list {padding: 0 40px; font-size: 0;}
.inquiry_box .inquiry_list .list li {display: inline-block; margin: 0 25px 0 0; font-weight: 400; font-size: 15px; line-height: 23px; color: #7a7a7a;}
.inquiry_box .inquiry_list .list li i {margin: 0 5px 0 0; font-size: 15px; line-height: 22px; color: #037be1;}
.inquiry_box .inquiry_list .list li .text {font-weight: 700; font-size: 15px; line-height: 23px; color: #333333;}
/* //문의박스 공통 */

/* ===== 찾아오시는길 ===== */
.map_cont {}
.map_cont .map_box {}
.map_cont .map_box .map_bg { background-color: #ffffff;}
.map_cont .map_box .map_bg #map {}

.map_cont .map_box .map_bg .map_info_area {}
.map_cont .map_box .map_bg .map_info_area .box {width: 100%; table-layout: fixed; padding: 30px; background-color: #f7f7f7;}
.map_cont .map_box .map_bg .map_info_area .box .text_list {}
.map_cont .map_box .map_bg .map_info_area .box .text_list .list {font-size: 0; text-align: center;}
.map_cont .map_box .map_bg .map_info_area .box .text_list .list li {font-family: 'Noto Sans KR'; display: inline-block; position: relative; margin: 0 50px 0 0; padding: 0 0 0 20px; font-weight: 400; font-size: 15px; line-height: 22px; color: #000000; word-break: keep-all;}
.map_cont .map_box .map_bg .map_info_area .box .text_list .list li:last-child {margin: 0;}
.map_cont .map_box .map_bg .map_info_area .box .text_list .list li i {display: block; color: ''; position: absolute; top: 0; left: 0; font-weight: 700; font-size: 15px; line-height: 22px; margin: 0 5px 0 0; color: #037be1;}	
.map_cont .map_box .map_bg .map_info_area .box .text_list .list li .ft_c {margin: 0 10px 0 0; font-weight: 700;}

.map_cont .traffic_box {margin: 69px 0 0;}
.map_cont .traffic_box > .title {font-weight: 700; font-size: 26px; line-height: 39px; color: #000000; word-break: keep-all;}
.map_cont .traffic_box > .list {margin: 10px 0 0; border-top: 2px solid #555555;}
.map_cont .traffic_box > .list > li {padding: 46px 31px; border-bottom: 1px solid #e2e2e2;}
.map_cont .traffic_box > .list > li .box {display: table; width: 100%; table-layout: fixed;}
.map_cont .traffic_box > .list > li .box .title_area {display: table-cell; width: 216px; vertical-align: top;}
.map_cont .traffic_box > .list > li .box .title_area .title {position: relative; padding: 21px 0 21px 80px; font-weight: 500; font-size: 15px; line-height: 22px; color: #212121; word-break: keep-all;}
.map_cont .traffic_box > .list > li .box .title_area .title:before {display: block; content: ''; position: absolute; top: 0; left: 0; width: 64px; height: 64px; background-position: 0 0; background-repeat: no-repeat;}
.map_cont .traffic_box > .list > li.icon1 .box .title_area .title:before {background-image: url("./images/common/map_img1.png");}
.map_cont .traffic_box > .list > li.icon2 .box .title_area .title:before {background-image: url("./images/common/map_img2.png");}
.map_cont .traffic_box > .list > li .box .txt_list {display: table-cell; width: 100%; padding: 12px 0 0; vertical-align: top;}
.map_cont .traffic_box > .list > li .box .txt_list .list {margin: 20px 0 0;}
.map_cont .traffic_box > .list > li .box .txt_list .list:first-child {margin: 0;}
.map_cont .traffic_box > .list > li .box .txt_list .list li {margin: 5px 0 0; padding: 0 0 0 11px; font-family: 'Noto Sans KR'; font-weight: 400; font-size: 15px; line-height: 22px; color: #666666; word-break: keep-all;}
.map_cont .traffic_box > .list > li .box .txt_list .list li.point{font-weight: 500; position: relative; color: #2e448e;}
.map_cont .traffic_box > .list > li .box .txt_list .list li.point::before {display: block; content: ''; position: absolute; top: 10px; left: 0; width: 3px; height: 3px; background-color: #666666; border-radius: 50%;}
.map_cont .traffic_box > .list > li .box .txt_list .list li:first-child {margin: 0;}
/* ===== //찾아오시는길 ===== */

/* 텍스트이미지박스 공통 */
.com_txt_box {}
.com_txt_box .txt_list {}
.com_txt_box .txt_list > li {margin: 0 0 40px; border-bottom: 1px solid #cccccc; padding: 0 0 40px;}
.com_txt_box .txt_list > li:last-child {margin: 0; border: none; padding: 0;}
.com_txt_box .txt_list > li .txt_area {}
.com_txt_box .txt_list > li .txt_area .txt_box {position: relative;}
.com_txt_box .txt_list > li .txt_area .txt_box .tit {/* font-family: "NanumSquare"; */ font-weight: 700; font-size: 26px; line-height: 39px; color: #000000; word-break: keep-all;}
.com_txt_box .txt_list > li .txt_area .txt_box .sub_tit2 {margin: 10px 0 0; font-weight: 700; font-size: 18px; line-height: 27px; color: #037be1;}
.com_txt_box .txt_list > li .txt_area .txt_box .txt {margin: 10px 0 0;font-weight: 400; font-size: 16px; line-height: 24px; color: #424242; word-break: keep-all;}
.com_txt_box .txt_list > li .txt_area .txt_box .txt.sty2 {position: relative; padding: 0 0 0 35px; line-height: 30px;}
.com_txt_box .txt_list > li .txt_area .txt_box .txt.sty2 .ft_c {display: block; content: ''; position: absolute; top:0 ; left: 0; font-weight: 700; font-size: 20px; line-height: 30px; color: #037be1;}
.com_txt_box .txt_list > li .txt_area .txt_box .tit.sty3 {margin: 0 0 30px 0; padding: 0 310px 0 0;}
.com_txt_box .txt_list > li .txt_area .txt_box .tit.sty4 {margin: 0 0 30px 0; padding: 0;}
.com_txt_box .txt_list > li .txt_area .txt_box .txt .ft_c {font-weight: 700; color: #05a3dd;}
.com_txt_box .txt_list > li .txt_area .txt_box .sub_tit {margin: 0 0 25px 0; padding: 0 310px 0 0; font-weight: 400; font-size: 16px; line-height: 24px; word-break: keep-all;}
.com_txt_box .txt_list > li .txt_area .txt_box .sub_tit .ft_c {font-weight: 700;}
.com_txt_box .txt_list > li .txt_area .txt_box .sub_tit.sty2 {padding: 0;}
.com_txt_box .txt_list > li .txt_area .txt_box > img {position: absolute; top: 0; right: 0;}
.com_txt_box .txt_list > li .txt_area .img_box {margin: 20px 0 0;}
.com_txt_box .txt_list > li .txt_area .img_box.sty2 { margin: 0 0 20px;}
.com_txt_box .txt_list > li .txt_area .img_box.sty3 {display: inline-block; margin: 20px 0 0;}
.com_txt_box .txt_list > li .txt_area .img_box.sty3 img.img1 {width: 220px; margin: 0 42px 0 0;}
.com_txt_box .txt_list > li .txt_area .img_box.sty3 img.img2 {width: 440px;}

.com_txt_box .txt_list > li .txt_area .img_box.sty3 .txt {margin: 10px 0 0;}


.com_txt_box .txt_list > li .txt_area > .list {margin: 20px 0 0; font-size: 0;}
.com_txt_box .txt_list > li .txt_area > .list > li {display: inline-block; width: calc(20% - 36px); margin: 0 44px 0 0; font-size: 0; vertical-align: top;}
.com_txt_box .txt_list > li .txt_area > .list > li:last-child {margin: 0;}
.com_txt_box .txt_list > li .txt_area > .list > li .certi_box {}
.com_txt_box .txt_list > li .txt_area > .list > li .certi_box a {display: block;}
.com_txt_box .txt_list > li .txt_area > .list > li .certi_box a img {}
.com_txt_box .txt_list > li .txt_area > .list > li .certi_box .txt {margin: 10px 0 0; font-weight: 400; font-size: 16px; line-height: 24px; color: #424242; word-break: keep-all;}

.com_txt_box .txt_list.sty2 > li {margin: 0 0 20px; border-bottom: none; padding: 0 0 20px;}
.com_txt_box .txt_list.sty2 > li:last-child {margin: 0 0 20px; border-bottom: 1px solid #cccccc;  padding: 0 0 20px;}
.com_txt_box .txt_list.sty3 > li {margin: 0 0 40px; border-bottom: none; padding: 0;}

/* //텍스트이미지박스 공통 */

/* 아이콘 텍스트 박스 공통 */
.icon_txt_box {}
.icon_txt_box .list {}
.icon_txt_box .list li {margin: 40px 0 0;}
.icon_txt_box .list li:first-child {margin: 0;}
.icon_txt_box .list li:last-child {border: none;}
.icon_txt_box .list li .txt_area {}
.icon_txt_box .list li .txt_area .tit {font-weight: 700; font-size: 24px; line-height: 36px; color: #000000;}
.icon_txt_box .list li .txt_area .txt_box { margin: 20px 0 0; border: 1px solid #cccccc; padding: 20px; }
.icon_txt_box .list li .txt_area .txt_box .txt {position: relative; padding: 0 0 0 50px; font-weight: 400; font-size: 18px; line-height: 60px; color: #424242; word-break: keep-all;}
.icon_txt_box .list li .txt_area .txt_box .txt .icon {display: block; content: ''; position: absolute; top: 0; left: 0;}
.icon_txt_box .list li .txt_area .txt_box i {font-size: 40px;line-height: 60px; color: #037be1; vertical-align: middle;}
/* //아이콘 텍스트 박스 공통 */

/* 리스트 타이틀 공통 */
.list_com_tit {margin: 0 0 30px;}
.list_com_tit .title {font-weight: 700; font-size: 26px; line-height: 39px; color: #000000; word-break: keep-all;}
/* //리스트 타이틀 공통 */

/* ci 박스 */
.ci_box_area {font-size: 0;}
.ci_box_area .box {}
.ci_box_area .box.i_b {display: inline-block; width: calc(50% - 20px); margin: 55px 40px 0 0; vertical-align: top;}
.ci_box_area .box.i_b:last-child {margin: 55px 0 0;}
.ci_box_area .box .inner_box {position: relative;}
.ci_box_area .box .inner_box .txt_box {padding: 0 250px 0 0;}
.ci_box_area .box .txt_box {}
.ci_box_area .box .txt_box .title {font-weight: 700; font-size: 20px; line-height: 30px; color: #037be1;}
.ci_box_area .box .txt_box .text {margin: 9px 0 0; font-family: 'Noto Sans KR'; font-size: 400; font-size: 15px; line-height: 22px; color: #424242; word-break: keep-all;}
.ci_box_area .box img {margin: 25px 0 0;}
/* //ci 박스 */

/* 이미지 리스트박스 (브로셔/웹진) */

/* 2021-09-24 추가 */
.web_cont {margin: 0 0 60px 0;}
.web_cont .web_box {padding: 8px; background-image: url("./images/common/bg_icon.png");}
.web_cont .web_box > .box {position: relative; background-color: #ffffff; padding: 40px;}
.web_cont .web_box .box .box_inner {position: absolute; top: 40px; left: 40px;}
.web_cont .web_box .box .box_inner .img_box {}
.web_cont .web_box .box .box_inner .img_box .img_inner {position: relative;}
.web_cont .web_box .box .box_inner .img_box .img_inner .inner {position: absolute; left: 0; top: 0; width: 318px; height: 419px; vertical-align: middle; text-align: center;}
.web_cont .web_box .box .box_inner .img_box .img_inner .inner img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);  box-shadow: 0px 2px 13.76px 2.24px rgba(0, 0, 0, 0.17);}
.web_cont .web_box .box .info_box {padding: 0 0 0 405px;}
.web_cont .web_box .box .info_box .tit_box {margin: 0 0 13px 0; border-bottom: 1px solid #e0e0e0; padding: 0 0 14px 0; overflow: hidden;}
.web_cont .web_box .box .info_box .tit_box .box {float: left;}
.web_cont .web_box .box .info_box .tit_box .box .title {font-weight: 700; font-size: 40px; line-height: 60px; color: #000000;}
.web_cont .web_box .box .info_box .tit_box .box .num {font-weight: 700; font-size: 16px; line-height: 24px; color: #037be1;}

.web_cont .web_box .box .info_box .txt_box {height: 310px; overflow-y: auto;}
.web_cont .web_box .box .info_box .txt_box .list {}
.web_cont .web_box .box .info_box .txt_box .list li {}
.web_cont .web_box .box .info_box .txt_box .list > li + li {margin: 20px 0 0;}
.web_cont .web_box .box .info_box .txt_box .list li .tit {font-weight: 700; font-size: 18px; line-height: 27px; color: #000000;}
.web_cont .web_box .box .info_box .txt_box .list li .list_inner {}
.web_cont .web_box .box .info_box .txt_box .list li .list_inner li {position: relative; padding: 0 0 0 11px; font-weight: 400; font-size: 14px; line-height: 21px; color: #525252; word-break: keep-all;}
.web_cont .web_box .box .info_box .txt_box .list li .list_inner li:before {display: block; content: ''; position: absolute; top: 10px; left: 0; width: 3px; height: 3px; background-color: #525252;}
.web_cont .web_box .box .info_box .txt_box .list > li > .list_inner li + li {margin: 1px 0 0;}
/* 2021-09-24 추가 */

.product_list {}
.product_list .box {}
.product_list .box .info {overflow: hidden; font-size: 0;}
.product_list .box .info .synthesis {display: inline-block; float: left; position: relative; padding: 0 0 0 18px; font-weight: 300; font-size: 14px; line-height: 35px; color: #333333;}
.product_list .box .info .synthesis.sty2 {padding: 0;}
.product_list .box .info .synthesis:before {display: block; content: ''; position: absolute; top: 50%; left: 0; width: 9px; height: 12px; margin: -6px 0 0; background-image: url("./images/common/synt_icon.png"); background-position: 0 0; background-size: cover; background-repeat: no-repeat;}
.product_list .box .info .synthesis.sty2:before {display: none;}
.product_list .box .info .synthesis .num {color: #e03321;}
.product_list .box .info .box {float: right; font-size: 0;}
.product_list .box .info .box .pro_slt {display: inline-block; /* width: 140px; */ height: 35px; margin: 0 10px 0 0; border: 1px solid #c6cbcf; padding: 0 25px 0 15px; background-color: #ffffff; background-image: url(./images/common/slt_arr_icon.png); background-position: right 12px top 50%; background-size: 11px 7px; background-repeat: no-repeat; font-weight: 400; font-size: 15px; line-height: 35px; color: #333333; vertical-align: middle;}

.product_list .box .info .box .st_sch_btn {display: inline-block; overflow: hidden; width: 100px; height: 35px; background-color: #54575e; text-align: center; vertical-align: middle;}
.product_list .box .info .box .st_sch_btn .ico {display: inline-block; position: relative; padding: 0 0 0 29px; font-weight: 400; font-size: 16px; line-height: 35px; color: #ffffff;}
.product_list .box .info .box .st_sch_btn .ico:before {display: block; content: ''; position: absolute; top: 50%; left: 0; width: 21px; height: 22px; margin: -11px 0 0; background-image: url("./images/common/slt_btn_sch_icon.png"); background-position: 0 0; background-repeat: no-repeat;}

.product_list .box .pro_list {margin: 15px 0 0; border-top: 2px solid #5f6577; padding: 24px 0 0;}
.product_list .box .pro_list .list {font-size: 0;}
.product_list .box .pro_list > .list > li {display: inline-block; width: calc(25% - 22.5px); margin: 0 30px 30px 0; vertical-align: top;}
.product_list .box .pro_list > .list li:nth-child(4n) {margin: 0 0 30px;}
.product_list .box .pro_list > .list li .pro_box {display: block;}
.product_list .box .pro_list > .list li .pro_box .img_box {position: relative;}
.product_list .box .pro_list > .list li .pro_box .img_box .inner_box {position: relative; z-index: 1; overflow: hidden; padding: 0 0 116%; background-color: #f7f7f7; text-align: center;}
.product_list .box .pro_list > .list li .pro_box .img_box .inner_box .inner {position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; text-align: center; vertical-align: middle;}
.product_list .box .pro_list > .list li .pro_box .img_box .inner_box .inner img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.product_list .box .pro_list > .list li .pro_box .text_box {}
.product_list .box .pro_list > .list li .pro_box .text_box.bg {margin: 0; padding: 15px 5px; background-color: #eeeeee;}
.product_list .box .pro_list > .list li .pro_box .text_box .tit_box {padding: 15px 0;}
.product_list .box .pro_list > .list li .pro_box .text_box .tit_box .title {height: 52px;}
.product_list .box .pro_list > .list li .pro_box .text_box .title {height: 26px; font-weight: 700; font-size: 18px; line-height: 26px; color: #333333;}
.product_list .box .pro_list > .list li .pro_box .text_box .title.sty2 {text-align: center;}
.product_list .box .pro_list > .list li .pro_box .text_box .data_list {margin: 8px 0 0;}
.product_list .box .pro_list > .list li .pro_box .text_box .data_list .list {}
.product_list .box .pro_list > .list li .pro_box .text_box .data_list .list li {display: block; position: relative; font-weight: 400; font-size: 15px; line-height: 22px; color: #7d7d7d; text-align: center;}
/* 09-24 수정 */
.product_list .box .pro_list > .list li .btn_wrap {display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-around; font-size: 0;}
.product_list .box .pro_list > .list li .btn_wrap .download_box {display: inline-block; width: 100%; margin: 0 2px 0 0; border: 1px solid #cccad1; padding: 3px 5px; text-align: center;}
.product_list .box .pro_list > .list li .btn_wrap .download_box:last-child {margin: 0;}
.product_list .box .pro_list > .list li .btn_wrap .download_box .download {display: inline-block; position: relative; padding: 0 30px 0 0; font-weight: 500; font-size: 13px; line-height: 19px; color: #333333; text-align: center;}
.product_list .box .pro_list > .list li .btn_wrap .download_box .download:after {display: block; content: ''; position: absolute; top: 50%; right: 0; width: 15px; height: 18px; margin: -8px 0 0; background-image: url('./images/common/down_icon2.png'); background-repeat: no-repeat;}
.product_list .box .pro_list > .list li .btn_wrap .download_box:hover .download:after, .product_list .box .pro_list > .list li .pro_box .text_box .download_box:focus .download:after {background-image: url("./images/common/down_icon.png");}
.product_list .box .pro_list > .list li .btn_wrap .download_box:hover, .product_list .box .pro_list > .list li a .text_box .download_box:focus {border: 1px solid #037be1; background-color: #037be1; color: #ffffff;}
.product_list .box .pro_list > .list li .btn_wrap .download_box:hover .download, .product_list .box .pro_list > .list li a .text_box .download_box:focus .download {color: #ffffff;}
/* 09-24 수정 */

/* //이미지 리스트박스 (브로셔/웹진) */

/* 텍스트버튼박스 공통_웹진 */
.txt_btn_box {position: relative; width: 100%; margin: 0 0 40px 0; padding: 50px 500px 50px 50px; background-color: #f1f8fe;}
.txt_btn_box .title_box {}
.txt_btn_box .title_box .title_inner {position: relative;}
.txt_btn_box .title_box .title_inner:after {display: block; content: ""; position: absolute; top: 50%; left: 0; width: 78px; height: 68px; margin: -34px 0 0; background-image: url("./images/common/qna_icon.png"); background-position: 0 0; background-repeat: no-repeat;}
.txt_btn_box .title_box .title_inner .title {font-weight: 700; font-size: 30px; line-height: 45px; color: #000000;}
.txt_btn_box .title_box .title_inner .text {margin: 10px 0 0; font-weight: 400; font-size: 15px; line-height: 22px; color: #424242; word-break: keep-all;}
.txt_btn_box .qna_btn {position: absolute; top: 50%; right: 70px; margin: -25px 0 0;}
.txt_btn_box .qna_btn a {display: inline-block; width: 180px; background-color: #037be1; text-align: center;}
.txt_btn_box .qna_btn a.btn2 {background-color: #777777;}
.txt_btn_box .qna_btn a:hover .text, .txt_btn_box .qna_btn a:focus .text {padding: 0 70px 0 0;}
.txt_btn_box .qna_btn a .text {display: inline-block; position: relative; font-weight: 400; font-size: 15px; line-height: 50px; color: #ffffff; transition: all 0.3s;}
.txt_btn_box .qna_btn a .text:after {display: block; content: ''; position: absolute; top: 50%; right: 20px; width: 36px; height: 10px; margin: -5px 0 0; background-image: url("./images/common/view_icon.png"); background-position: 0 0; background-repeat: no-repeat;  opacity: 0; transition: all 0.3s;}
.txt_btn_box .qna_btn a:hover .text:after, .txt_btn_box .qna_btn a:focus .text:after {opacity: 1;}
/* //텍스트버튼박스 공통 */



/* 점 리스트_sty2 */
/* 서브2에추가 */.dot_list_box .dot_list li .tit {font-weight: 700; font-size: 16px; line-height: 24px; color: #000000;}
.dot_list_box .dot_list.sty2 {margin: 4px 0 0;}
.dot_list_box .dot_list.sty2 li {margin: 2px 0 0;}
.dot_list_box .dot_list.sty2 li:first-child {margin: 0;}
.dot_list_box .dot_list.sty2 li .text {position: relative; display: inline-block; padding: 0 0 0 10px; font-weight: 700; font-size: 15px; line-height: 24px; color: #424242; word-break: keep-all;}
.dot_list_box .dot_list.sty2 li .text:before {display: block; content: ""; position: absolute; left: 0; top: 12px; width: 2px; height: 2px; border-radius: 50%; background-color: #000000;}
/* //점 리스트_sty2 */

/* 리스트 이동 */
.move_list {}
.move_list .list {}
.move_list .list li {margin: 40px 0 0;}
.move_list .list li:first-child {margin: 0;}
.tit {font-weight: 700; font-size: 22px; line-height: 33px; color: #000000; word-break: keep-all;}
.tit .ft_c { margin: 0 10px 0 0; font-family: 'GmarketSans';  font-size: 42px; color: #e5e5e5;}
/* //리스트 이동 */

/* 보더 이미지 박스 */
.border_box {margin: 20px 0 0; border: 1px solid #d5d5d5; font-size: 0;}
.border_box .inner_box {padding: 30px; text-align: center;}
.border_box .inner_box.sty2 {display: inline-block;	width: 50%;}

.border_box .inner_box .img_cont {margin: 0;}
.border_box .inner_box .img_cont .img_box {margin: 0;}

/* //보더 이미지 박스 */

/* 셀렉박스 */
.sel_box {overflow: hidden;}
.sel_box .title {float: left;}
.sel_box .pro_slt.sty2 {display: block; float: right; width: 150px; height: 40px;}
/* //셀렉박스 */

/* 정보이용동의_라디오버튼 (비회원신청)/등록선박검색 */
.radio_area {overflow: hidden; margin: 30px 0 0; border: 2px solid #dedede; padding: 20px;}
.radio_area .txt {font-size: 16px; line-height: 24px;}
.radio_area .radio_box {display: inline-block; vertical-align: middle;}
.radio_area .radio_box .radio_each {}
.radio_area .radio_box .radio_each label {display: inline-block; padding: 0 0 0 18px; font-weight: 300; font-size: 15px; line-height: 40px; color: #333333; vertical-align: bottom;}
.radio_area .radio_box .radio_each label .vradio {top: 50%; width: 12px; height: 12px; margin: -6px 0 0;}
.radio_area .radio_box .radio_each label .vradio .cir {width: 6px; height: 6px; margin: 0; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.radio_area .radio_box .radio_each input:checked + label .vradio .cir {background-color: #037be1;}
.radio_area .radio_box .radio_each .inp_01 {margin: 0 0 0 10px; padding: 0 10px;}
.radio_area .radio_box .radio_each .inp_01 {max-width: 200px;}

.radio_area .radio_btn { float: right; }
.radio_area .radio_btn a {}
.radio_area .radio_btn a .txt {background-color: #037be1 ; font-weight: 400; font-size: 14px; line-height: 40px; color: #ffffff; text-align: center; padding: 0 20px 0 20px;}
/* //정보이용동의_라디오버튼 (비회원신청)/등록선박검색 */

.board_area .info {overflow: hidden; font-size: 0;}
.board_area .info .synthesis {display: inline-block; float: left; position: relative; padding: 0 0 0 18px; font-weight: 300; font-size: 14px; line-height: 35px; color: #333333;}
.board_area .info .synthesis.sty2 {padding: 0;}
.board_area .info .synthesis:before {display: block; content: ''; position: absolute; top: 50%; left: 0; width: 9px; height: 12px; margin: -6px 0 0; background-image: url("./images/common/synt_icon.png"); background-position: 0 0; background-size: cover; background-repeat: no-repeat;}
.board_area .info .synthesis.sty2:before {display: none;}
.board_area .info .synthesis .num {color: #e03321;}
.board_area .info .box {float: right; font-size: 0;}
.board_area .info .box .pro_slt {display: inline-block; width: 140px; height: 35px; margin: 0 10px 0 0; border: 1px solid #c6cbcf; padding: 0 25px 0 15px; background-color: #ffffff; background-image: url(./images/common/slt_arr_icon.png); background-position: right 12px top 50%; background-size: 11px 7px; background-repeat: no-repeat; font-weight: 400; font-size: 15px; line-height: 35px; color: #333333; vertical-align: middle;}
.board_area .info .box .st_sch_btn {display: inline-block; overflow: hidden; width: 100px; height: 35px; background-color: #54575e; text-align: center; vertical-align: middle;}
.board_area .info .box .st_sch_btn .ico {display: inline-block; position: relative; padding: 0 0 0 29px; font-weight: 400; font-size: 16px; line-height: 35px; color: #ffffff;}
.board_area .info .box .st_sch_btn .ico:before {display: block; content: ''; position: absolute; top: 50%; left: 0; width: 21px; height: 22px; margin: -11px 0 0; background-image: url("./images/common/slt_btn_sch_icon.png"); background-position: 0 0; background-repeat: no-repeat;}


.board_area .table_area {overflow: hidden;}
.board_area .table_area .tit {float: left;}
.board_area .table_area .box {float: right;}


/* 로그인 */
.login_type_area {margin: 75px 0 0;}
.login_type_area .txt_box {}
.login_type_area .txt_box .txt {font-weight: 400; font-size: 16px; line-height: 26px; color: #1e1e1e; text-align: center;}
.login_type_area .txt_box .txt .ft_c {font-weight: 700; color: #037be1;}
.login_type_area .login_type_box {margin: 25px 0 0; border: 1px solid #e9ecef; padding: 36px 0 41px; background-color: #f6f6f6;}
.login_type_area .login_type_box .list {font-size: 0;}
.login_type_area .login_type_box .list li {display: inline-block; width: 33.33%; text-align: center;}
.login_type_area .login_type_box .list li .tit {/* font-family: 'NanumSquare'; */ font-weight: 700; font-size: 20px; line-height: 30px; color: #222222;}
.login_type_area .login_type_box .list li .login_btn_box {margin: 14px 0 0; font-size: 0;}
.login_type_area .login_type_box .list li .login_btn_box a {display: inline-block; margin: 0 5px 0 0; padding: 0 10px; font-weight: 700; font-size: 14px; line-height: 50px; color: #ffffff;}
.login_type_area .login_type_box .list li .login_btn_box a:last-child {margin: 0;}
.login_type_area .login_type_box .list li .login_btn_box a.sty1 {background-color: #05a3dd;}
.login_type_area .login_type_box .list li .login_btn_box a.sty2 {background-color: #037be1;}

/* 2021-09-24 추가 */
.login_type_area.sty2 {margin: 30px 0 0;}
.login_type_area.sty2 .login_type_box .list li .login_btn_box a {padding: 0 70px;}
.login_type_area.sty2 .login_type_box .list li .login_btn_box {margin: 0;}
/* 2021-09-24 추가 */
/* //로그인 */
			
					
/* 버튼(개발붙고 난 후 작업 - 인풋) */
.inp_area {}
.inp_area .inp_01 {width: 100%; max-width: 360px; margin: 5px 0 0; border: none; background-color: #037be1; line-height: 45px; color: #ffffff;}
.inp_area .inp_01.sty2 {background-color: #05a3dd;}

/* 10-13 */
.book_area {display: table; table-layout: fixed; width: 100%;}
.book_area .img_cont {display: table-cell; width: 450px; vertical-align: middle;}
.book_area .img_cont .img_box {}
.book_area .img_cont .img_box .img_inner {}
.book_area .img_cont .img_box .img_inner img {width: 400px;}
.book_area .info_list {display: table-cell; width: 100%; vertical-align: middle;}
.book_area .info_list > .list > li {margin: 10px 0 0;}

.book_area > .info_list > .list > li .table_layout .img_box {display: block;}
.book_area > .text_box {display: table-cell; width: 100%; vertical-align: top;}
.book_area .etc_list > li {margin: 10px 0 0;}
.book_area > .img_box {display: table-cell; width: 700px !important; vertical-align: top;}


.board_area .faq_list.sty2.sty3 .list > li .a_area.cont {padding: 15px;}
.board_area .faq_list .list > li .a_area .table_area table {width: 100%; margin: 25px 0 0; text-align: center;}
.board_area .faq_list .list > li .a_area .table_area table thead {border-top: 2px solid #5f6577; background-color: #f0f6fa;}
.board_area .faq_list .list > li .a_area .table_area table thead tr {}
.board_area .faq_list .list > li .a_area .table_area table thead tr th {border-bottom: 1px solid #e4e9ec; border-right: 1px solid #e4e9ec; padding: 10px 5px; font-weight: 500; font-size: 15px; line-height: 22px; color: #000000; word-break: keep-all;}
.board_area .faq_list .list > li .a_area .table_area table thead tr td:last-child {border-right: none;}
.board_area .faq_list .list > li .a_area .table_area table tbody tr td {border-bottom: 1px solid #e4e9ec; border-right: 1px solid #e4e9ec; background-color: #ffffff; padding: 12px 10px; font-weight: 400; font-size: 15px; line-height: 22px; color: #000000; word-break: keep-all;}
.board_area .faq_list .list > li .a_area .table_area table tbody tr td:last-child {border-right: none;}


.book_area2 {display: table; table-layout: fixed; width: 100%; margin: 20px 0 0;}
.book_area2 .img_cont {display: table-cell; width: 400px; vertical-align: top;}
.book_area2 .img_cont .img_box {margin: 0;}
.book_area2 .info_list {display: table-cell; vertical-align: top; font-size: 0;}
.book_area2 .info_list .list {display: inline-block; width: 50%;  vertical-align: top;}
.img_box.mw100 img {width: 100%;}


.job_area {position: relative;}
.job_area .com_txt_box {padding: 0 400px 0 0;}
.job_area .img_con {position: absolute; right: 0; top: 50%; transform: translate(0,-50%);}


/* 11-03 */
.com_list.sty5 {margin: 30px 0; font-size: 0;}
.com_list.sty5 > li {display: inline-block; width: calc(50% - 12.5px); margin: 25px 25px 0 0; vertical-align: top;}
.com_list.sty5 > li:nth-child(-n+2) {margin: 0 25px 0 0;}
.com_list.sty5 > li:nth-child(2n) {margin: 25px 0 0;}
.com_list.sty5 > li:nth-child(2) {margin: 0}
.com_list.sty5 > li .com .box_wrap {display: table; table-layout: fixed; width: 100%; border: 1px solid #d5d5d5;}
.com_list.sty5 > li .com .box_wrap .left_div {display: table-cell; width: 220px; height: 195px; vertical-align: middle; text-align: center; background-color: #f5f5f5;}
.com_list.sty5 > li .com .box_wrap .left_div .sub_tit {margin: 15px 0 0; color: #05a3dd}
.com_list.sty5 > li .com .box_wrap .right_div {display: table-cell; width: 100%; height: 195px; padding: 0 10px 0 30px; vertical-align: middle; text-align: left;}

/* 11-10 */

.board_view .board_write {width: 100%;}
.board_view .board_write tbody {}
.board_view .board_write tbody tr {border-bottom: 1px solid #d9d9d9;}
.board_view .board_write tbody tr th {padding: 10px; background-color: #f5f7f9; font-family: 'Noto Sans KR'; font-weight: 500; font-size: 15px; line-height: 22px; color: #242424; text-align: left;}
.board_view .board_write tbody tr td {padding: 10px; font-family: 'Noto Sans KR'; font-weight: 400; font-size: 15px; line-height: 22px; color: #5b5b5b; -ms-word-break: keep-all; word-break: keep-all;}
.board_view .board_write tbody tr td.ft_c {color: #3a7fcd;}
.board_view .board_write tbody tr td .file {position: relative; padding: 0 0 0 20px; font-family: 'Noto Sans KR'; font-weight: 400; font-size: 16px; line-height: 24px; color: #5b5b5b;}
.board_view .board_write tbody tr td .file:before {display: block; content: ''; position: absolute; top: 50%; left: 0; width: 14px; height: 14px; margin: -6px 0 0; background: url("./images/basic/attach_ico.png") 0 0 no-repeat;}
.board_view .board_write tbody tr td .view {display: inline-block; width: 70px; height: 29px; border: 1px solid #3a7fcd; font-weight: 400; font-size: 14px; line-height: 27px; color: #3a7fcd; text-align: center;}


.questionnaire_wrap{padding:30px 20px 10px 20px;/*  border-bottom:1px solid #c8dae2; */}
.que_part_zone{border:1px solid #c8dae2;}
.que_part_zone strong{display:block; font-size:16px; font-weight:600; color:#333; padding:18px 21px; border-bottom:1px solid #0079c8; line-height:1.4;}
.que_part_zone strong span{color:#0079c8;}
.object_list_zone{padding:19px 20px 20px 20px;}
.object_list_zone ol{}
.object_list_zone ol li{background:#f5fafd; border-bottom:1px solid #e2e5eb; color:#333; font-size:13px; padding:10px 23px; letter-spacing:-0.5px;}
.object_list_zone ol li.border_wrap{background:#f8f9fd; border:1px solid #e2e5eb; color:#333; font-size:132px; padding:14px 0 11px 22px; letter-spacing:-0.5px;}
.object_list_zone ol li > input {width: 100%; height: 40px; border: 1px solid #c9ced2;  padding: 0 20px; font-weight: 300; font-size: 15px; line-height: 40px; color: #333333;}
.object_list_zone ol li input.radio_ip{vertical-align:text-top; margin-right:7px;}
.object_list_zone ol li .chk_each label {font-size: 14px; line-height: 21px;}
.object_list_zone ol li .radio_each label {font-size: 14px; line-height: 21px;}

.board_view .board_write {width: 100%;}
.board_view .board_write tbody {}
.board_view .board_write tbody tr {border-bottom: 1px solid #d9d9d9;}
.board_view .board_write tbody tr th {padding: 10px; background-color: #f5f7f9; font-family: 'Noto Sans KR'; font-weight: 500; font-size: 15px; line-height: 22px; color: #242424; text-align: left;}
.board_view .board_write tbody tr td {padding: 10px; font-family: 'Noto Sans KR'; font-weight: 400; font-size: 15px; line-height: 22px; color: #5b5b5b; -ms-word-break: keep-all; word-break: keep-all;}
.board_view .board_write tbody tr td.ft_c {color: #3a7fcd;}
.board_view .board_write tbody tr td .file {position: relative; padding: 0 0 0 20px; font-family: 'Noto Sans KR'; font-weight: 400; font-size: 16px; line-height: 24px; color: #5b5b5b;}
.board_view .board_write tbody tr td .file:before {display: block; content: ''; position: absolute; top: 50%; left: 0; width: 14px; height: 14px; margin: -6px 0 0; background: url("./images/basic/attach_ico.png") 0 0 no-repeat;}
.board_view .board_write tbody tr td .view {display: inline-block; width: 70px; height: 29px; border: 1px solid #3a7fcd; font-weight: 400; font-size: 14px; line-height: 27px; color: #3a7fcd; text-align: center;}
/* .com_btn_area {margin: 30px 0;} */


/* board_write style2 */
.board_view .board_write.sty2 {}
.board_view .board_write.sty2 tbody tr th {background-color: inherit;}
.board_view .board_write.sty2 tbody tr th .text {position: relative; padding: 0 0 0 12px;}
.board_view .board_write.sty2 tbody tr th .text:before {display: block; content: ''; position: absolute; top: 10px; left: 0; width: 3px; height: 3px; background-color: #333333; border-radius: 50%;}

/* 11-26 */
.rules_list {font-size: 0;}
.rules_list > li {display: inline-block; width: calc(50% - 10px); margin: 0 20px 0 0;}
.rules_list > li:last-child {margin: 0;}