@charset "UTF-8";

@import url("sub.css");


/* 연혁 */
.tab_inner {}
.tab_inner > .list {position: relative;}
.tab_inner > .list:before {display: inline-block; content: ''; position: absolute; left: 50%; top: 20px; width: 1px; height: 100%; margin-left: -0.5px; background-color: #dfdfdf;}
.tab_inner > .list > li {margin: 60px 0 0;}
.tab_inner > .list > li:first-child {margin: 0;}
.tab_inner > .list > li > .box {display: table; table-layout: fixed; width: 100%;}
.tab_inner > .list > li.sty2 > .box {overflow: hidden;}
.tab_inner > .list > li > .box .year_txt {display: table-cell; width: 50%; position: relative; font-family: "GmarketSans"; font-weight: 700; font-size: 24px; line-height: 36px; color: #037be1;}
.tab_inner > .list > li.sty1 > .box .year_txt {padding: 0 38px 0 0; text-align: right;}
.tab_inner > .list > li.sty2 > .box .year_txt {float: right; padding: 0 0 0 38px;}
.tab_inner > .list > li > .box .year_txt:before {display: block; content: ""; position: absolute; top: 14px; width: 9px; height: 9px; border-radius: 50%; background-color: #037be1;}
.tab_inner > .list > li.sty1 > .box .year_txt:before {right: -4.5px;}
.tab_inner > .list > li.sty2 > .box .year_txt:before {left: -4.5px;}
.tab_inner > .list > li > .box .list {display: table-cell; width: 50%;}
.tab_inner > .list > li.sty1 > .box .list {padding: 0 0 0 30px;}
.tab_inner > .list > li.sty2 > .box .list {float: left; padding: 0 30px 0 0;}
.tab_inner > .list > li > .box .list > li {margin: 10px 0 0;}
.tab_inner > .list > li > .box .list > li:first-child {margin: 0;}
.tab_inner > .list > li > .box .list > li  {display: table; table-layout: fixed; width: 100%;}
.tab_inner > .list > li.sty2 > .box .list > li {text-align: right;}
.tab_inner > .list > li > .box .list > li .left {display: table-cell; width: 100px; font-weight: 400; font-size: 15px; line-height: 23px; color: #000000;}
.tab_inner > .list > li > .box .list > li .right {display: table-cell; width: 100%; font-weight: 400; font-size: 15px; line-height: 23px; color: #737373; word-break: keep-all;}

.tab_inner.en > .list > li > .box .list > li .left {display: table-cell; width: 132px; font-weight: 400; font-size: 15px; line-height: 23px; color: #000000;}


.com_top {}
.com_top .box {position: relative; padding: 0 0 60px;}
.com_top .box .title_area {display: inline-block; position: absolute; right: 0; bottom: 0; background-image: url("./images/common/ceo_greeting03.png"); background-position: 0 0; background-repeat: no-repeat;}
.com_top .box .title_area .tit_box {padding: 49px 30px 49px 35px;}
.com_top.en .box .title_area .tit_box {padding: 20px;}
.com_top .box .title_area .tit_box .tit_inner {}
.com_top .box .title_area .tit_box .tit_inner .tit {font-weight: 700; font-size: 26px; line-height: 39px; color: #ffffff;}
.com_top.en .box .title_area .tit_box .tit_inner .tit {font-size: 22px; line-height: 31px;}
.com_top .box .img_bg  {} 
.com_top .box .img_bg img {}
.com_bottom {display: table; table-layout: fixed; width: 100%; margin: 45px 0 0;}
.com_bottom .img_box {display: table-cell; width: 440px;}
.com_bottom .img_box .img_inner {}
.com_bottom .img_box .img_inner img {}
.com_bottom .com_text {display: table-cell; width: 100%; padding: 0 0 0 40px; vertical-align: top;}
.com_bottom .com_text .text {margin: 26px 0 0; font-weight: 400; font-size: 15px; line-height: 23px; color: #424242; word-break: keep-all;} 
.com_bottom .com_text .text:first-child {margin: 0;}
.com_bottom .com_text .dear {margin: 40px 0 0; font-weight: 700; font-size: 24px; line-height: 36px; color: #000000;}



/* 테투리 박스 이미지 있을 경우 */
.info_txt_box {padding: 60px 280px 58px 42px;}
.info_txt_box .info_txt_box_inner {position: relative;}
.info_txt_box .info_txt_box_inner .title_area {padding: 60px 280px 58px 42px;}
.info_txt_box.sty2 {margin: 80px 0 0;}
.info_txt_box.sty3 {margin: 20px 0 0;}
.info_txt_box.sty3 .title_area {padding: 70px;}

.text_box.sty2 {margin: 15px 0 0;  text-align: left !important;}
.text.dot {position: relative; display: block; padding: 0 0 0 10px;}
.text.dot:before {display: block; content: ""; position: absolute; top: 10px; left: 0; width: 4px; height: 4px; border-radius: 50%; background-color: #000000;}
.text.tr {display: inline-block; position: relative; padding: 0 0 0 15px; word-break: keep-all;}
.text.tr:before {display: block; content: ""; position: absolute; top: 7px; left: 0; width: 8px; height: 11px; background-image: url("../images/common/tr_icon.png"); background-position: 0 0; background-repeat: no-repeat;}

.txt.tr {display: block; position: relative; padding: 0 0 0 15px;}
.txt.tr:before {display: block; content: ""; position: absolute; top: 7px; left: 0; width: 8px; height: 11px; background-image: url("../images/common/tr_icon.png"); background-position: 0 0; background-repeat: no-repeat;}

.tit.sty2 {margin: 20px 0 0; font-weight: 700; font-size: 24px; line-height: 36px; color: #000000;}

.com_wrap {margin: 90px 0 0;}

.cont .cont_list > li .table_cont .table_box .list > li .table_con_box table tbody tr td a {display: block;}
.cont .cont_list > li .table_cont .table_box .list > li .table_con_box table tbody tr td a img {vertical-align: middle;}

/* 선급 기술 규칙 열람 */
.rule_box {text-align: center;}
.rule_box .title {font-weight: 700; font-size: 26px; line-height: 39px; color: #037be1; text-align: left;}
.rule_box > .box {padding: 34px 40px 50px 40px; margin: 26px 0 0; background-color: #f4f4f4;}
.rule_box > .box .box_title {font-weight: 700; font-size: 22px; line-height: 33px; color: #000000; text-align: center;}
.rule_box > .box .box_inner {margin: 35px 0 0; font-size: 0;}
.rule_box > .box .box_inner .img_box {display: inline-block; margin: 0 30px 0 0; vertical-align: bottom;}
.rule_box > .box .box_inner .img_box img {width: 275px; height: 275px;}
.rule_box > .box .box_inner .down_wrap {display: inline-block; vertical-align: bottom;}
.rule_box > .box .box_inner .down_wrap .down_box {}
.rule_box > .box .box_inner .down_wrap .down_box:last-child {margin: 20px 0 0;}
.rule_box > .box .box_inner .down_wrap .down_box .sub_text {}
.rule_box > .box .box_inner .down_wrap .down_box .sub_text .text {display: block; position: relative; padding: 0 0 0 10px; font-weight: 400; font-size: 15px; line-height: 37px; color: #424242; text-align: left;}
.rule_box > .box .box_inner .down_wrap .down_box .sub_text .text:before {display: block; content: ""; position: absolute; top: 50%; left: 0; width: 2px; height: 2px; border-radius: 50%; background-color: #000000;}
.rule_box > .box .box_inner .down_wrap .down_box .down_btn2 {display: inline-block; padding: 0 23px 0 30px; background-color: #037be1;}
.rule_box > .box .box_inner .down_wrap .down_box .down_btn2 .text {position: relative; padding: 0 115px 0 0; font-weight: 400; font-size: 18px; line-height: 50px; color: #ffffff;}
.rule_box > .box .box_inner .down_wrap .down_box .down_btn2 .text:before {display: block; content: ""; position: absolute; top: 50%; right: 0; width: 15px; height: 18px; margin: -9px 0 0; background-image: url("../images/common/down_icon.png"); background-position: 0 0; background-repeat: no-repeat;}

/* 점 */
.dot_list_box {}
.dot_list_box .title {font-weight: 700; font-size: 18px; line-height: 27px; color: #000000;}
.dot_list_box .dot_tit {margin: 20px 0 0; font-weight: 700; font-size: 18px; line-height: 27px; color: #037be1;}
.dot_list_box .dot_list {margin: 10px 0 0;}
.dot_list_box .dot_list > li {margin: 8px 0 0;}
.dot_list_box .dot_list > li:first-child {margin: 0;}
.dot_list_box .dot_list > li > .text {position: relative; display: inline-block; padding: 0 0 0 10px; font-weight: 400; font-size: 16px; line-height: 24px; color: #424242; word-break: keep-all;}
.dot_list_box .dot_list > li > .text:before {display: block; content: ""; position: absolute; left: 0; top: 12px; width: 2px; height: 2px; border-radius: 50%; background-color: #424242;}

.dot_list_box.sty2 .dot_list > li > .text {margin: 0;}
/* 이미지 테이블 */
.img_tc {margin: 15px 0 0;}
.img_tc .list {font-size: 0;}
.img_tc .list li {display: inline-block; width: calc(33.3333% - 13.3333px); margin: 0 20px 0 0;}
.img_tc .list li:last-child {margin: 0;}
.img_tc .list li .img_box {display: table; table-layout: fixed; width: 100%;}
.img_tc .list li .img_box .img_inner {display: table-cell; width: 375px; height: 248px; vertical-align: middle; text-align: center;}
.img_tc .list li .img_box .img_inner img {display: inline-block;}

/* - */
.etc list {}
.etc_list >  li {margin: 5px 0 0; padding: 0 0 0 10px; position: relative; font-weight: 400; font-size: 15px; line-height: 23px; color: #424242; word-break: keep-all;}
.etc_list >  li:first-child {margin: 0;}
.etc_list >  li > .etc {position: absolute; left: 0; top: 0;}
.etc_list.sty2 {padding: 0 0 0 15px;}
.etc_list.sty3 {margin: 10px 0 0;/* padding: 0 0 0 15px; */}
.etc_list.sty3 > li {padding: 0 0 0 25px;}

/* KR-CON 소개 */
.info_list {}
.info_list > .list {}
.info_list > .list > li:first-child {margin: 0;}
.info_list > .list > li {margin: 30px 0 0;}
.info_list > .list > li .table_layout {display: table; table-layout: fixed; width: 100%;}
.info_list > .list > li .table_layout .img_box {display: table-cell; width: 250px;}
.info_list > .list > li .table_layout .img_box img {}
.info_list > .list > li .table_layout .text_area {display: table-cell; width: 100%; vertical-align: middle; padding: 0 0 0 50px;}
.info_list > .list > li .table_layout .text_area .title {}
/* 10-01 */
.info_list > .list > li .table_layout .text_area .tit {margin: 10px 0; font-weight: 500; font-size: 15px; line-height: 23px; color: #424242; word-break: keep-all;}
/* 10-01 */
.info_list > .list > li .table_layout .text_area .text_box {}
.info_list > .list > li .table_layout .text_area .text_box .text_list {}
.info_list > .list > li .table_layout .text_area .text_box .text_list .list {}
.info_list > .list > li .table_layout .text_area .text_box .text_list .list li {margin: 5px 0 0; font-size: 15px; line-height: 24px;}
.info_list > .list > li .table_layout .text_area .text_box .text_list .list li:first-child {margin: 15px 0 0;}


.way_box {margin: 46px 0 0;}
.way_box > .list{font-size: 0;}
.way_box > .list > li {display: inline-block; width: calc(33.3333% - 38.5px); margin: 0 57px 0 0; vertical-align: top;}
.way_box > .list > li:last-child {margin: 0;}
.way_box > .list > li > .box {position: relative; height: 561px; border: 1px solid #d0d0d0; padding: 50px 21px 121px; background-color: #f4f4f4; text-align: center;}
.way_box > .list > li > .box .img_box {}
.way_box > .list > li > .box .img_box img {}
.way_box > .list > li > .box > .title {margin: 24px 0 0; font-weight: 700; font-size: 24px; line-height: 36px; color: #037be1;}
.way_box > .list > li > .box > .text {margin: 9px 0 0; font-weight: 400; font-size: 15px; line-height: 24px; color: #424242; word-break: keep-all;}
.way_box > .list > li > .box .bt_con {position: absolute; left: 21px; bottom: 21px; text-align: left;}
.way_box > .list > li > .box .bt_con .text_box {position: relative; padding: 0 0 0 60px;}
.way_box > .list > li > .box .bt_con .text_box:before {display: block; content: ""; position: absolute; left: 0; top: 50%; width: 50px; height: 50px; margin: -25px 0 0;  background-position: 0 0; background-repeat: no-repeat;}
.way_box > .list > li > .box .bt_con.icon01 .text_box:before {background-image: url("./images/common/kr_con_bt_icon01.png");}
.way_box > .list > li > .box .bt_con.icon02 .text_box:before {background-image: url("./images/common/kr_con_bt_icon02.png");}
.way_box > .list > li > .box .bt_con.icon03 .text_box:before {background-image: url("./images/common/kr_con_bt_icon03.png");}
.way_box > .list > li > .box .bt_con .text_box .title {font-weight: 700; font-size: 14px; line-height: 21px; color: #143d86;}
.way_box > .list > li > .box .bt_con .text_box .text {font-weight: 400; font-size: 14px; line-height: 21px; color: #424242;}
.way_box > .list > li > .box .btn_list .list li {float: inherit; margin: 0 auto;}
/* .eacsd_box {}
.eacsd_box .list {font-size: 0; text-align: center;}
.eacsd_box .list li {display: inline-block; position: relative; width: calc(25% - 15px); margin: 0 auto; padding: 120px 0 0;}
.eacsd_box .list li:last-child {margin: 0;}
.eacsd_box .list li:before {display: block;content: "";	position: absolute; top: 0; left: 50%; width: 107px; height: 107px; margin: 0 0 0 -53px; background-position: 0 0; background-repeat: no-repeat;}
.eacsd_box .list li.icon01:before {background-image: url("./images/common/eacsd01.jpg");}
.eacsd_box .list li.icon02:before {background-image: url("./images/common/eacsd02.jpg");}
.eacsd_box .list li.icon03:before {background-image: url("./images/common/eacsd03.jpg");}
.eacsd_box .list li.icon04:before {background-image: url("./images/common/eacsd04.jpg");}
.eacsd_box .list li .text {font-weight: 400; font-size: 16px; line-height: 24px; color: #000000; text-align: center;} */

/* 세로로 색 있는 테이블 */
.table_col_box {margin: 25px 0 0;}	
.table_col_box table {border-top: 2px solid #5f6577; width: 100%; }	
.table_col_box table tbody {}	
.table_col_box table tbody tr {border-bottom: 1px solid #e4e9ec;}	
.table_col_box table tbody tr th {border-right: 1px solid #e4e9ec; padding: 10px; font-weight: 500; font-size: 14px; line-height: 21px; color: #000000; text-align: center;}
.table_col_box table tbody tr th.bg_c {background-color: #f0f6fa;}
.table_col_box table tbody tr th.bg_w {background-color: #ffffff;}
.table_col_box table tbody tr td {border-right: 1px solid #e4e9ec; padding: 10px; font-weight: 400; font-size: 14px; line-height: 21px; color: #000000; text-align: left;}
.table_col_box table tbody tr td:first-child {background-color: #f0f6fa;}
.table_col_box table tbody tr td:last-child {border-right: none;}
.table_col_box table tbody tr td.bg_c {background-color: #f0f6fa;}
.table_col_box table tbody tr td.bg_w {background-color: #ffffff;}
.table_col_box table tbody tr td.bd_r {border-right: 1px solid #e4e9ec;}

.table_col_box.sty2 table tbody tr td:first-child {text-align: center;}


/* KR-CON 주요기능, 이미지 회색선 박스 */
.con_box {}
.con_box > .list {font-size: 0;}
.con_box > .list > li {display: inline-block; width: calc(50% - 25px); margin: 70px 49px 0 0; vertical-align: top;}
.con_box > .list > li:nth-child(2n) {margin: 70px 0 0;}
.con_box > .list > li:nth-child(1) {margin: 0 49px 0 0;}
.con_box > .list > li:nth-child(2) {margin: 0;}
.con_box > .list > li .box {}
.con_box > .list > li .box > .img_box {display: table; table-layout: fixed; width: 100%; max-width: 619px; border: 1px solid #d0d0d0; padding: 10px;}
.con_box > .list > li .box > .img_box > .img_inner {display: table-cell; width: 100%; max-width: 619px; height: 300px; vertical-align: middle; text-align: center;}
.con_box > .list > li .box > .img_box > .img_inner img {display: inline-block; height: 100%;}
.con_box > .list > li .box .icon {margin: 29px 0 0;}
.con_box > .list > li .box .icon .list {font-size: 0;}
.con_box > .list > li .box .icon .list > li {display: inline-block; margin: 0 10px 0 0;}
.con_box > .list > li .box .icon .list > li:last-child {margin: 0;}
.con_box > .list > li .box .icon .list > li .icon_box {}
.con_box > .list > li .box .icon .list > li .icon_box img {}
/* 10-02 */
.con_box > .list > li .box .title {margin: 20px 0 0; font-weight: 700; font-size: 24px; line-height: 36px; color: #000000;}
/* 10-02 */
.con_box.sty2 > .list > li {width: calc(33% - 18px); margin: 0 30px 0 0;}
.con_box.sty2 > .list > li:last-child {margin: 0;}
.con_box.sty2 > .list > li .box {}
.con_box.sty2 > .list > li .box .img_box { width: 100%; max-width: 400px;}
.con_box.sty2 > .list > li .box .img_box .img_inner {height: 240px; }
.con_box.sty2 > .list > li .box .img_box .img_inner img {display: inline-block;}

.con_box.sty3 > .list > li {margin: 0 30px 0 0;}
.con_box.sty3 > .list > li {width: calc(25% - 23px);}
.con_box.sty3 > .list > li:nth-child(2) {margin: 0 30px 0 0;}
.con_box.sty3 > .list > li:nth-child(1) {margin: 0 30px 0 0;}
.con_box.sty3 > .list > li:nth-child(2n) {margin: 0 30px 0 0;}
.con_box.sty3 > .list > li:nth-child(4n) {margin: 0;}
.con_box.sty3 > .list > li .box .img_box {max-width: 291px;}
.con_box.sty3 > .list > li .box .img_box .img_inner {height: 240px;}

/* 아이콘 박스 (MRV), KR-CON 구매 및 이용료 */
.intro_box {}
.intro_box .list {font-size: 0;}
.intro_box .list > li {display: inline-block; position: relative; width: calc(25% - 41.25px); margin: 0 55px 0 0; border: 1px solid #d0d0d0; background-color: #f4f4f4; vertical-align: top;}
.intro_box .list > li:nth-child(4n) {margin: 0 0 55px;}
.intro_box .list > li .box {display: block; position: relative; padding: 22px 25px 57px;  text-align: center;}
.intro_box .list > li .box:after {display: block; content: ''; position: absolute; right: 0; bottom: 0; width: 42px; height: 42px; background-image: url('../images/common/introduce_plus_icon.jpg'); background-repeat: no-repeat;}
.intro_box .list > li .box img {}
.intro_box .list > li .box .txt_box {margin: 16px 0 0;}
.intro_box .list > li .box .txt_box .txt {font-weight: 400; font-size: 15px; line-height: 22px; color: #424242;}
/* 10-02 */
.intro_box .list > li .box .txt_box .tit {font-weight: 700; font-size: 24px; line-height: 36px; color: #000000;}
/* // 10-02 */
.intro_box.sty2 .list > li .box {height: 350px;}
.intro_box.sty2 .list > li .box:after {display: none;}
.intro_box.sty3 .list > li {width: calc(33.3333% - 37.25px);}
.intro_box.sty3 .list > li:last-child {margin: 0;}
.intro_box.sty3 .list > li .box {height: 463px;}
.intro_box.sty3 .list > li .box:after {display: none;}

.intro_box.sty4  .list > li .box {height: 413px;}

.intro_box.sty3.sty4 .list > li .box {height: 380px;}


.info_wrap {margin: 25px 0 0; border-top: 2px solid #5f6577;}
.info_wrap .info_list_box {}
.info_wrap .info_list_box .list {}
.info_wrap .info_list_box .list li {border-bottom: 1px solid #e4e9ec;}
.info_wrap .info_list_box .list li .box {position: relative; padding: 30px 0;}
.info_wrap .info_list_box .list li .box .box_inner:before {display: block; content: ""; position: absolute; top: 0; left: 0; width: 73px; height: 73px; background-position: 0 0; background-repeat: no-repeat;}
.info_wrap .info_list_box .list li.icon01 .box .box_inner:before {background-image: url("./images/common/classification_icon01.png");}
.info_wrap .info_list_box .list li.icon02 .box .box_inner:before {background-image: url("./images/common/classification_icon02.png");}
.info_wrap .info_list_box .list li.icon03 .box .box_inner:before {background-image: url("./images/common/classification_icon03.png");}
.info_wrap .info_list_box .list li.icon04 .box .box_inner:before {background-image: url("./images/common/classification_icon04.png");}
.info_wrap .info_list_box .list li.icon05 .box .box_inner:before {background-image: url("./images/common/classification_icon05.png");}
.info_wrap .info_list_box .list li .box .box_inner {position: relative; padding: 0 0 0 103px;}
.info_wrap .info_list_box .list li .box .box_inner .title_area {display: table; table-layout: fixed; width: 100%;}
.info_wrap .info_list_box .list li .box .box_inner .title_area .num {display: table-cell; width: 70px; font-family: "GmarketSans"; font-weight: 700; font-size: 42px; line-height: 63px; color: rgba(0, 0, 0, 0.1); vertical-align: top;}
.info_wrap .info_list_box .list li .box .box_inner .title_area .title {display: table-cell; width: 100%; font-weight: 500; font-size: 22px; line-height: 63px; color: #000000; word-break: keep-all;}
.info_wrap .info_list_box .list li .box .box_inner > .txt {font-weight: 400; font-size: 15px; line-height: 23px; color: #424242; word-break: keep-all;}



.info_wrap.sty2 .info_list_box .list li .box .box_inner {padding: 0;}
.info_wrap.sty2 .info_list_box .list li .box .box_inner:before {display: none;}
.info_wrap.sty2 .info_list_box .list li .box .box_inner .title_area .num {vertical-align: middle;}
.info_wrap.sty2 .info_list_box .list li .box .box_inner .title_area .title {font-size: 15px; line-height: 23px; vertical-align: middle;}


/* 구독 신청&취소 */
.text_wrap {}
.text_wrap .text {font-weight: 700; font-size: 30px; line-height: 45px; color: #000000; text-align: center; word-break: keep-all;}
.text_wrap .text2 {font-weight: 400; font-size: 16px; line-height: 24px; color: #333333; text-align: center; word-break: keep-all;}
.txt_btn_box.sty2 {margin: 43px 0 0; padding: 80px 10px;}
.txt_btn_box .input_list {}
.txt_btn_box .input_list .list {width: 100%; max-width: 667px; margin: 0 auto;}
.txt_btn_box .input_list .list li {display: table; table-layout: fixed; width: 100%; margin: 20px 0 0;}
.txt_btn_box .input_list .list li:first-child {margin: 0;}
.txt_btn_box .input_list .list li label {display: table-cell; width: 103px;}
.txt_btn_box .input_list .list li label .text {position: relative; display: inline-block; padding: 0 0 0 10px; font-weight: 700; font-size: 16px; line-height: 45px; color: #333333;}
.txt_btn_box .input_list .list li label .text:before {display: block; content: ""; position: absolute; left: 0; top: 50%; width: 2px; height: 2px; border-radius: 50%; background-color: #000000;}
.txt_btn_box .input_list .list li .box {display: table-cell; position: relative; width: 100%; height: 45px; vertical-align: top;}
.txt_btn_box .input_list .list li .box .input_box {font-size: 0;}
.txt_btn_box .input_list .list li .box .input_box .inp01 {width: 100%; max-width: 410px; height: 45px; border: 1px solid #e9ecef; padding: 0 10px;  font-weight: 300; font-size: 14px; line-height: 21px; color: #333333; vertical-align: middle;}
.txt_btn_box .input_list .list li.sty2 .box .input_box .inp01 {width: calc(50% - 86px);}
.txt_btn_box .input_list .list li.sty2 .box .input_box .inp01:last-child {margin: 0;}
.txt_btn_box .input_list .list li.sty2 .box .input_box .text {display: inline-block; padding: 0 10px; vertical-align: middle;}
.txt_btn_box .input_list .list li .box .input_box .text {font-weight: 400; font-size: 15px; line-height: 45px; color: #747474;}
.txt_btn_box .input_list .list li .box .btn_box {position: absolute; top: 0; right: 0; margin: 0; height: 45px;}
.txt_btn_box .input_list .list li .box .btn_box .btn {height: 45px; padding: 0 10px; background-color: #037be1; font-weight: 400; font-size: 12px; line-height: 45px; color: #ffffff;}
.txt_btn_box .input_list .list li .box .slt_box {}
.txt_btn_box .input_list .list li .box .slt_box .slt_com {width: 100%; max-width: 410px; height: 45px; margin: 0 15px 0 0; padding: 0 35px 0 19px; border: 1px solid #e9ecef; background-color: #ffffff; 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: 45px; color: #333333;}
.txt_btn_box .input_list .list li .box .text {font-weight: 400; font-size: 15px; line-height: 50px; color: #747474;}
.agree_box.sty2 {margin: 44px 0 0;}
.agree_box.sty2 .agree_tit { font-weight: 700; font-size: 22px; line-height: 33px; color: #000000;}

.table_box .area {border-top: 2px solid #5f6577; font-weight: 700; font-size: 24px; line-height: 73px; color: #000000; text-align: center;}

/* 조직도 pc, 모바일용 이미지 */
.img_cont .img_box .img_m {display: none;}
#organ {border: none; height: auto; max-width: 100%; width: auto;}

/* 조직 및 연락처 */
.map_wrap {}
.map_wrap .map_cont {font-size: 0; position: relative;}
.map_wrap .map_cont .map_tit_list {display: inline-block; position: relative; width: 100%; max-width: 326px; padding: 45px 38px 34px 34px; background-color: #f5f5f6; vertical-align: top; z-index: 9998;}
.map_wrap .map_cont .map_tit_list .title {border-radius: 8px; background-color: #037be1; text-align: center;}
.map_wrap .map_cont .map_tit_list .title .text {position: relative; padding: 0 0 0 34px; font-weight: 400; font-size: 18px; line-height: 47px; color: #ffffff;}
.map_wrap .map_cont .map_tit_list .title .text:before {display: block; content: ""; position: absolute; top: 50%; left: 0; width: 25px; height: 25px; margin: -12px 0 0; background-image: url("./images/common/area_icon.png"); background-position: 0 0; background-repeat: no-repeat;}
.map_wrap .map_cont .map_tit_list .text {margin: 18px 0 0; font-weight: 400; font-size: 14px; line-height: 21px; color: #5d5d5d;}
.map_wrap .map_cont .map_tit_list .area_list {margin: 17px 0 0;}
.map_wrap .map_cont .map_tit_list .area_list .list {height: 351px; overflow-y: auto;} /* 11-13 */
.map_wrap .map_cont .map_tit_list .area_list .list li {border-bottom: 1px solid #e2e2e2;}
.map_wrap .map_cont .map_tit_list .area_list .list li .area_btn {display: block; width: 100%; position: relative; padding: 0 30px 0 17px; font-weight: 700; font-size: 16px; line-height: 48px; color: #000000; text-align: left;}
.map_wrap .map_cont .map_tit_list .area_list .list li .area_btn:before {display: block; content: ""; position: absolute; top: 50%; right: 18px; width: 6px; height: 9px; margin: -5px 0 0; background-image: url("./images/common/area_next.png"); background-position: 0 0; background-repeat: no-repeat;}
.map_wrap .map_cont .map_tit_list .area_list .list li .area_btn.on {background-color: #ddeefc; color: #037be1;}
.map_wrap .map_cont .map_tit_list .area_list .list li .area_btn:hover, .map_wrap .map_cont .map_tit_list .area_list .list li .area_btn:focus {background-color: #ddeefc; color: #037be1;}
.map_wrap .map_cont .area_sub_box {display: none; position: absolute; left:0; top: 0; bottom: 0; vertical-align: top;  z-index: 1;  transition: all 0.3s forwards; background-color: #ddeefc;}
.map_wrap .map_cont .area_sub_box.on {display: block; animation: right 1.3s forwards;}
.map_wrap .map_cont .area_sub_box:before {display: block; content: ""; position: absolute; left: 0; top: 0; right: 0; height: 494px; background-color: #ddeefc;  z-index: -1;}
.map_wrap .map_cont .area_sub_box .sub_area_list {padding: 46px 33px 95px; font-size: 0; z-index: -2;}
.map_wrap .map_cont .area_sub_box .sub_area_list .list {display: inline-block; margin: 0 35px 0 0; vertical-align: top;}
.map_wrap .map_cont .area_sub_box .sub_area_list .list:last-child {margin: 0;}
.map_wrap .map_cont .area_sub_box .sub_area_list .list li {margin: 6px 0 0;}
.map_wrap .map_cont .area_sub_box .sub_area_list .list li:first-child {margin: 0;}
.map_wrap .map_cont .area_sub_box .sub_area_list .list li .sub_area_btn {display: block; font-weight: 700; font-size: 16px; line-height: 24px; color: #000000;}
.map_wrap .map_cont .area_sub_box .sub_area_list .list li.on .sub_area_btn {color: #037be1; text-decoration: underline;}
.map_wrap .map_cont .area_sub_box .sub_area_list .list li .sub_area_btn:hover, .map_wrap .map_cont .area_sub_box .sub_area_list .list li .sub_area_btn:focus {color: #037be1; text-decoration: underline;}
.map_con {display: inline-block; width: calc(100% - 326px); z-index: 0;}

@keyframes right {
    0% {
        transform: translateX(0);
    } 100% {
        transform: translateX(325px);
    }
}

.map_info_box {max-width: 413px; width: 100%;}
.map_info_box .map_info_inner {padding: 10px 23px;}
.map_info_box .map_info_inner .title_area {}
.map_info_box .map_info_inner .title_area .title {font-weight: 700; font-size: 18px; line-height: 27px; color: #000000; text-align: center}
.map_info_box .map_info_inner .info_list_box {margin: 8px 0 0;}
.map_info_box .map_info_inner .info_list_box .info_list {}
.map_info_box .map_info_inner .info_list_box .info_list li {margin: 5px 0 0;}
.map_info_box .map_info_inner .info_list_box .info_list li:first-child {margin: 0;}
.map_info_box .map_info_inner .info_list_box .info_list li .box {display: table; table-layout: fixed; width: 100%}
.map_info_box .map_info_inner .info_list_box .info_list li .box .title {display: table-cell; width: 55px; font-weight: 400; font-size: 13px; line-height: 21px; color: #037be1;}
.map_info_box .map_info_inner .info_list_box .info_list li .box .text {display: table-cell; width: 100%; padding: 0 0 0 10px; font-weight: 400; font-size: 13px; line-height: 21px; color: #626262;}
.map_info_box .map_info_inner .view_btn {display: block; margin: 8px 0 0; background-color: #feeeda; font-weight: 400; font-size: 13px; line-height: 25px; color: #000000; text-align: center;}

.gm-ui-hover-effect {top: 5px !important;; right: 12px !important; width: 30px !important; height: 30px !important;}
.gm-ui-hover-effect img {width: 100% !important; height: 100% !important;}

/* ================================ 웹진 ================================ */
/* 웹진 헤더 */
.webzine .sub_cont {padding: 0;}
.webzine .sub_cont.sub {padding: 0 0 120px;}
.webzine .contents {padding-bottom: 191px;}
.webzine .container {max-width: 1000px;}
.webzine.wrapper {overflow: hidden;}
.webzine .header {position:relative; z-index:9999; background-color: rgba(255, 255, 255, 0.15);}
.webzine .header.on {background-color: #ffffff;}
.webzine .wrapper.sub .header .gnb_header {border-bottom: none;}
.webzine .header .gnb_header.on {background-color: #ffffff;}
.webzine .header .gnb_header .header_top_box {position: relative; width: 100%; max-width: 1000px; margin: 0 auto; padding: 13px 0 16px;}
.webzine .header .gnb_header .header_top_box .date_wrap {display: table; table-layout: fixed; position: absolute; left: 0; top: 50%; margin: -29px 0 0; width: 100%; max-width: 230px;}
.webzine .header .gnb_header .header_top_box .date_wrap a {display: table; table-layout: fixed; width: 100%;}
.webzine .header .gnb_header .header_top_box .date_wrap .date_box {display: table-cell; width: 137px; padding: 0 12px 0 0; vertical-align: middle;}
.webzine .header .gnb_header .header_top_box .date_wrap .date_box .date {position: relative; font-family: "GmarketSans"; font-weight: 700; font-size: 19px; line-height: 29px; color: #14214c;}
.webzine .header .gnb_header .header_top_box .date_wrap .date_box .date:before {display: block; content: ""; position: absolute; top: 50%; right: 0; width: 1px; height: 31px; margin: -15px 0 0; background-color: #e3e3e3;}
.webzine .header .gnb_header .header_top_box .date_wrap .date_box .date .ft_c {font-size: 38px; line-height: 57px; color: #0085ca;}
.webzine .header .gnb_header .header_top_box .date_wrap .text_box {display: table-cell; width: 130px; padding: 0 0 0 12px; vertical-align: middle;}
.webzine .header .gnb_header .header_top_box .date_wrap .text_box .text {font-family: "GmarketSans"; font-weight: 500; font-size: 13px; line-height: 21px; color: #14214c; text-align: left;}
.webzine .header .gnb_header .header_top_box .logo {text-align: center;}
.webzine .header .gnb_header .header_top_box .logo a {display: block;}
.webzine .header .gnb_header .header_top_box .logo a img {}
.webzine .header .gnb_header .header_top_box .inner {position: absolute; right:0; top: 50%; margin: -31px 0 0;}
.webzine .header .gnb_header .header_top_box .inner .inner_list {}
.webzine .header .gnb_header .header_top_box .inner .inner_list .list {font-size: 0;}
.webzine .header .gnb_header .header_top_box .inner .inner_list .list li {display: inline-block; position: relative;}
.webzine.wrapper .header .gnb_header .header_top_box .inner .inner_list .list li:after {display: block; content: ''; position: absolute; top: 50%; right: 0; width: 1px; height: 13px; margin: -7px 0 0; background-color: #e3e3e3;}
.webzine.wrapper .header .gnb_header .header_top_box .inner .inner_list .list li:last-child:after {display: none;}

.webzine .header .gnb_header .header_top_box .inner .inner_list .list li a {display: block; padding: 0 18px;}
.webzine .header .gnb_header .header_top_box .inner .inner_list .list li a .text {position: relative; font-family: "GmarketSans"; font-weight: 400; font-size:13px; line-height: 21px;}
.webzine .header .gnb_header .header_top_box .inner .inner_list .list li a .text.sty1 {color: #0085ca;}
.webzine .header .gnb_header .header_top_box .inner .inner_list .list li a .text.sty2 {color: #212121;}
.webzine .header .gnb_header .header_top_box .inner .slt_box_wrap {margin: 11px 0 0; font-size: 0;}
.webzine .header .gnb_header .header_top_box .inner .slt_box_wrap .slt_box {display: inline-block; margin: 0 12px 0 0;}
.webzine .header .gnb_header .header_top_box .inner .slt_box_wrap .slt_box:last-child {margin: 0;}
.webzine .header .gnb_header .header_top_box .inner .slt_box_wrap .slt_box .slt_com {border-radius: 15px; border: none; padding: 0 35px 0 20px; background-color: #f0f6fb; background-image: url("./images/common/slt_arr_icon.png"); background-size: 11px 7px;background-position: right 12px top 50%; background-repeat: no-repeat; font-family: "GmarketSans"; font-weight: 500; font-size: 12px; line-height: 30px; color: #212121;}
.webzine .header .gnb_header .header_top_box .inner .slt_box_wrap .slt_box .slt_com.sty1 {}
.webzine .header .gnb_header .header_top_box .inner .slt_box_wrap .slt_box .slt_com.sty2 {}
.webzine .header .gnb_header .header_top_box .inner .slt_box_wrap .slt_box .language_box {}
.webzine .header .gnb_header .header_top_box .inner .slt_box_wrap .slt_box .language_box .language_btn {border-radius: 15px; border: none; background-color: #f2f2f2; padding: 0 15px 0 20px; font-family: "GmarketSans"; font-weight: 500; font-size: 12px; line-height: 30px; color: #212121;}
.webzine .header .gnb_header .header_top_box .inner .slt_box_wrap .slt_box .language_box .language_btn .text {position: relative;  padding: 0 0 0 20px; font-family: "GmarketSans"; font-weight: 500; font-size: 12px; line-height: 30px; color: #212121;}
.webzine .header .gnb_header .header_top_box .inner .slt_box_wrap .slt_box .language_box .language_btn .text:before {display: block; content: ""; position: absolute; top: 50%; left: 0; width: 14px; height: 14px; margin: -7px 0 0; background-image: url("./images/common/global.png"); background-position: 0 0; background-repeat: no-repeat;}

.webzine .header .gnb_header .gnb_bgc {position: relative; background-color: #1b518d; text-align: center;}
.webzine .header .gnb_header .gnb_bgc .container .gnb {display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-around; padding: 0; font-size: 0;}
.webzine .header .gnb_header .gnb_bgc .container .gnb > li {position:relative; z-index:1;}
.webzine .header .gnb_header .gnb_bgc .container .gnb > li.none {display: none;}
.webzine .header .gnb_header .gnb_bgc .container .gnb > li:before {display: block; content: ""; position: absolute; top: 50%; left: 0; width: 10px; height: 19px; margin: -10px 0 0; background-image: url("./images/common/slush.png"); background-position: 0 0; background-repeat: no-repeat;}
.webzine .header .gnb_header .gnb_bgc .container .gnb > li:last-child:after{display: block; content: ""; position: absolute; top: 50%; right: 0; width: 10px; height: 19px; margin: -10px 0 0; background-image: url("./images/common/slush.png"); background-position: 0 0; background-repeat: no-repeat;}}
.webzine .header .gnb_header .gnb_bgc .container .gnb > li > a {display:block; position: relative; padding: 7px 0 14px;}
.webzine .header .gnb_header .gnb_bgc .container .gnb > li > a .menu_box {display: table; table-layout: fixed; width: 100%;}
.webzine .header .gnb_header .gnb_bgc .container .gnb > li > a .menu_box .menu_title {position: relative; display: table-cell; height: 54px; font-weight: 500; font-size: 16px; line-height: 27px; color: #ffffff; vertical-align: middle; word-break: keep-all; text-align: center;}
.webzine .header .gnb_header .gnb_bgc .container .gnb > li > a:after {display: none;}
.webzine .header .gnb_header .gnb_bgc .container .gnb > li > a:hover:after, .header .gnb_header .container .gnb > li > a:focus:after {display: none;}
.webzine .header .gnb_header .gnb_bgc .container .gnb > li > .sub_gnb {display:none; position: absolute; left: 0; top: 75px; z-index: 1; width: 100%; text-align: left;}
.webzine .header .gnb_header .gnb_bgc .container .gnb > li > .sub_gnb > li {margin: 12px 0 0;}
.webzine .header .gnb_header .gnb_bgc .container .gnb > li > .sub_gnb > li:first-child {margin: 0;}
.webzine .header .gnb_header .gnb_bgc .container .gnb > li > .sub_gnb > li > a {display:block; font-weight: 400; font-size: 16px; line-height: 24px; color: #037be1;}
.webzine .header .gnb_header .gnb_bgc .container .gnb > li > .sub_gnb > li > a:hover, .sub_gnb > li > a:focus {}
.webzine .header .gnb_header .gnb_bgc .container .m_logo {display: none;}
.webzine .header .gnb_header .gnb_bgc .container .m_logo a {display: inline-block;}
.webzine .header .gnb_header .gnb_bgc .container .m_logo a img {}
.wrapper.webzine .header.scrolled .gnb_header {border-bottom: none;}
.wrapper.webzine .header.scrolled .gnb_header .header_top_box .inner .inner_list .list li a .text.sty1 {color: #0085ca;}
.wrapper.webzine .header.scrolled .gnb_header .container .gnb > li > a .menu_box .menu_title {color: #ffffff;}
.wrapper.webzine .header.scrolled .m_gnb_btn span {background-color: #ffffff;}
.wrapper.webzine .header.scrolled .sub_gnb_cont {top: 75px;}
.wrapper.webzine .header.scrolled .gnb_header .header_top_box .inner .inner_list .list li:after {background-color: #e3e3e3;}  
.wrapper.webzine .sub_gnb_cont.current {display: table !important; table-layout: fixed;}
.wrapper.webzine .sub_gnb_cont {display: none; top: 75px; border-bottom: none; background-color: inherit; background-image: url("./images/common/header_bg.png"); background-size: 100% 100%; background-position: 0 0 ; background-repeat: no-repeat; box-shadow: 0px 3px 7px 0px rgba(150, 150, 150, 0.35);}
.webzine .sub_gnb_cont .container {padding: 29px 0;}
.webzine .sub_gnb_cont .container .title_area {display: table-cell; position: relative; width: 260px; vertical-align: top;}
.webzine .sub_gnb_cont .container .title_area > .inner {margin: 55px 0 0;}
.webzine .sub_gnb_cont .container .title_area > .inner .title {position: relative; padding: 0 0 100px; font-family: "GmarketSans"; font-weight: 700; font-size: 26px; line-height: 39px; color: #ffffff; text-align: left;}
.webzine .sub_gnb_cont .container .title_area > .inner .title:before {display: block; content: ""; position: absolute; left: 0; bottom: 0; width: 89px; height: 90px;  background-position: 0 0; background-repeat: no-repeat;}
.webzine .sub_gnb_cont .container .title_area.icon01 > .inner .title:before {background-image: url("./images/common/header_icon01.png");}
.webzine .sub_gnb_cont .container .title_area.icon02 > .inner .title:before {background-image: url("./images/common/header_icon02.png");}
.webzine .sub_gnb_cont .container .title_area.icon03 > .inner .title:before {background-image: url("./images/common/header_icon03.png");}
.webzine .sub_gnb_cont .container .title_area.icon04 > .inner .title:before {background-image: url("./images/common/header_icon04.png");}
.webzine .sub_gnb_cont .container .inner {display: table-cell; width: 760px;}
.webzine .sub_gnb_cont .container .inner .gnb_area {}
.webzine .sub_gnb_cont .container .inner .gnb_area .sub_gnb_02 {}
.webzine .sub_gnb_cont .container .inner .gnb_area .sub_gnb_02 .list {}
.webzine .sub_gnb_cont .container .inner .gnb_area .sub_gnb_02 .list li {margin: 11px 0 0;}
.webzine .sub_gnb_cont .container .inner .gnb_area .sub_gnb_02 .list li:first-child {margin: 0;}
.webzine .sub_gnb_cont .container .inner .gnb_area .sub_gnb_02 .list li a {display: block; text-align: left;}
.webzine .sub_gnb_cont .container .inner .gnb_area .sub_gnb_02 .list li a .text {position: relative; display: inline-block; padding: 0 0 0 15px; font-weight: 400; font-size: 15px; line-height: 23px; color: #252525; text-align: left;}
.webzine .sub_gnb_cont .container .inner .gnb_area .sub_gnb_02 .list li a:hover .text, .webzine .sub_gnb_cont > .inner .gnb_area .sub_gnb_02 .list li a:focus .text {font-weight: 700;}
.webzine .sub_gnb_cont .container .inner .gnb_area .sub_gnb_02 .list li a .text:before {display: block; content: ""; position: absolute; left: 0; top: 10px; width: 4px; height: 4px; background-color: #fc3b3b;}
.webzine .m_sub_gnb > li > a {height: inherit; padding: 10px;}
.webzine .m_sub_gnb > li > a .text {position: relative; display: inline-block; padding: 0 0 0 15px; font-weight: 400; font-size: 15px; line-height: 23px; color: #252525; text-align: left;}
.webzine .m_sub_gnb > li > a .text:before {display: block; content: ""; position: absolute; left: 0; top: 10px; width: 4px; height: 4px; background-color: #fc3b3b;}
/* // 웹진 헤더 */

/* 웹진 푸터 */
.webzine footer .footer {padding: 24px 0 45px; background-color: #1b2130;}
.webzine footer .footer .container {overflow: hidden;}
.webzine footer .footer .container .link_box {float: left; width: 513px;} 
.webzine footer .footer .container .link_box .link_list {}
.webzine footer .footer .container .link_box .link_list .list {font-size: 0;}
.webzine footer .footer .container .link_box .link_list .list:last-child {margin: 0;}
.webzine footer .footer .container .link_box .link_list .list li {margin: 5px 5px 0 0; display: inline-block;}
.webzine footer .footer .container .link_box .link_list .list li:nth-child(1) {margin: 0 5px 0 0;}
.webzine footer .footer .container .link_box .link_list .list li:nth-child(2) {margin: 0 5px 0 0;}
.webzine footer .footer .container .link_box .link_list .list li:nth-child(3n) {margin: 5px 0 0;}
.webzine footer .footer .container .link_box .link_list .list li:nth-child(3) {margin: 0 5px 0 0;}
.webzine footer .footer .container .link_box .link_list .list li:last-child {margin: 5px 0 0;}
.webzine footer .footer .container .link_box .link_list .list li a {display: block; padding: 0 16px; background-color: #2b3242;}
.webzine footer .footer .container .link_box .link_list .list li a .txt_box {display: table; table-layout: fixed; width: 100%;}
.webzine footer .footer .container .link_box .link_list .list li a .txt_box .txt_inner {display: table-cell; height: 37px; font-family: "GmarketSans"; font-weight: 500; font-size: 13px; line-height: 26px; color: rgba(255, 255, 255, 0.65); text-align: center; vertical-align: middle; word-break: keep-all;}
.webzine.en footer .footer .container .link_box .link_list .list li a .txt_box .txt_inner {height: 52px;}
.webzine footer .footer .container .link_box .link_list .list li:nth-child(3n+1) a {width: 155px;}
.webzine footer .footer .container .link_box .link_list .list li:nth-child(3n-1) a {width: 155px;}
.webzine footer .footer .container .link_box .link_list .list li:nth-child(3n) a {width: 180px;}
.webzine footer .footer .container .text_box {float: right; margin: 0; padding: 8px 0;}
.webzine footer .footer .container .text_box .text {font-family: "GmarketSans"; font-weight: 300; font-size: 13px; line-height: 21px; color: rgba(255, 255, 255, 0.40); text-align: right;}
/* // 웹진 푸터 */

/* 모바일용 구독 신청 & 구독 취소 */
.webzine .m_gnb_wrap {display:none; position:fixed; right:-480px; top:0; z-index:9999; overflow-y: auto; width: 100%; max-width: 480px; max-height:800px; height:100%; background-color:#fff;}
.webzine .m_gnb_wrap .info_list {width: 100%; max-width: 480px; position: absolute; bottom: 0; left: 0; border-top: 1px solid #e2e2e2; z-index: 1; background-color: #ffffff;}
.webzine .m_gnb_wrap .info_list .list {font-size: 0;}
.webzine .m_gnb_wrap .info_list .list li {display: inline-block; position: relative; width: 50%; margin: 0;}
.webzine .m_gnb_wrap .info_list .list li:first-child:after {display: block; content: ''; position: absolute; top: 50%; right: 0; width: 1px; height: 30px; margin: -15px 0 0; background-color: #e2e2e2;}
.webzine .m_gnb_wrap .info_list .list li a {display: block; text-align: center;}
.webzine .m_gnb_wrap .info_list .list li a .text {font-weight: 400; font-size: 16px; line-height: 40px; color: #000000;}
/* // 모바일용 구독 신청 & 구독 취소 */
.webzine_box {}	
.webzine_box .main_visual {margin: 0 -640px; padding: 35px 640px; background-image: url("./images/common/visual_bg.jpg"); background-position: center center; background-size: cover; background-repeat: no-repeat; font-size: 0;}	
.webzine_box .main_visual .visual_text_box {display: inline-block; width: calc(100% - 500px); padding:0 90px 0 0; vertical-align: middle;}	
.webzine_box .main_visual .visual_text_box .sub_tit {position: relative; display: inline-block; padding: 0 10px; font-family: "GmarketSans"; font-weight: 700; font-size: 15px; line-height: 23px; color: #0085ca;}	
.webzine_box .main_visual .visual_text_box .sub_tit:before {display: block; content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 10px; border-radius: 5px; background-color: rgba(78, 201, 217, 0.3); }
.webzine_box .main_visual .visual_text_box .tit {height: 90px; margin: 7px 0 0; font-family: "GmarketSans"; font-weight: 700; font-size: 30px; line-height: 45px; color: #1b1b1b; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}	
.webzine_box .main_visual .visual_text_box > .text {height: 63px; margin: 12px 0 0; font-weight: 400; font-size: 14px; line-height: 21px; color: rgba(27, 27, 27, 0.8); word-break: keep-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}	
.webzine_box .main_visual .visual_text_box .view_btn {display: inline-block; margin: 26px 0 0;}
.webzine_box .main_visual .visual_text_box .view_btn .text {position: relative; padding: 0 50px 0 0; font-weight: 700; font-size: 13px; line-height: 21px; color: #0e4079;}
.webzine_box .main_visual .visual_text_box .view_btn .text:before {display: block; content: ""; position: absolute; right: 0; top: 50%; margin: -5px 0 0; width: 43px; height: 9px; background-image: url("./images/common/web_view_btn.png"); background-position: 0 0; background-repeat: no-repeat;}
.webzine_box .main_visual .img_wrap {display: inline-block;  width: 100%; max-width: 500px; vertical-align: middle;}
.webzine_box .main_visual .img_wrap .img_box {position: relative; z-index: 1; overflow: hidden; padding: 0 0 53%; text-align: center;}
.webzine_box .main_visual .img_wrap .img_box .img_inner {position: absolute; left: 0; top: 0;z-index: 1; width: 100%; height: 100%; text-align: center; vertical-align: middle;}
.webzine_box .main_visual .img_wrap .img_box .img_inner img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.webzine_box .info_box {padding: 37px 0 32px }
.webzine_box .info_box .info_list {}
.webzine_box .info_box .info_list .list {overflow: hidden;}
.webzine_box .info_box .info_list .list li {float: left; width: calc(25% - 12.75px); margin: 0 17px 0 0;}
.webzine_box .info_box .info_list .list li:last-child {margin: 0;}
.webzine_box .info_box .info_list .list li .box {display: block;}
.webzine_box .info_box .info_list .list li .box .img_con {position: relative;}
.webzine_box .info_box .info_list .list li .box .img_con .menu_tit {position: absolute; left: 0; top: 0; width: 100%; height: 29px; padding: 0 14px; background-position: 0 0; background-size: cover; background-repeat: no-repeat;font-family: "GmarketSans"; font-weight: 400; font-size: 12px; line-height: 29px; color: #ffffff; z-index: 2;}
.webzine_box .info_box .info_list .list li.bg01 .box .img_con .menu_tit {background-color: #0085CA;}
.webzine_box .info_box .info_list .list li.bg02 .box .img_con .menu_tit {background-color: #2E307B;}
.webzine_box .info_box .info_list .list li.bg03 .box .img_con .menu_tit {background-color: #1793BC;}
.webzine_box .info_box .info_list .list li .box .img_con .img_box {position: relative; z-index: 1; overflow: hidden; padding: 0 0 66%; text-align: center;}
.webzine_box .info_box .info_list .list li .box .img_con .img_box .img_inner {position: absolute; left: 0; top: 0;z-index: 1; width: 100%; height: 100%; text-align: center; vertical-align: middle;}
.webzine_box .info_box .info_list .list li .box .img_con .img_box .img_inner img {position: absolute; left: 50%; top: 50%; padding: 29px 0 0; transform: translate(-50%, -50%);}
.webzine_box .info_box .info_list .list li .box .text {height: 23px; margin: 10px 0 0; font-weight: 500; font-size: 15px; line-height: 23px; color: #1b1b1b; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-align: left;}
.webzine_box .info_box .info_list .list li .box .text2 {margin: 5px 0 0; height: 63px; color: #666; font-size: 14px; line-height: 21px; font-weight: 400; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-align: left;}
.webzine_box .news_wrap {margin: 0 -640px; padding: 44px 640px; background-color: #f8f8f8;}
.webzine_box .news_wrap .news_box {position: relative; }
.webzine_box .news_wrap .news_box .news_title {position: absolute; left: 0; top: 0;}
.webzine_box .news_wrap .news_box .news_title .title {font-family: "GmarketSans"; font-weight: 700; font-size: 23px; line-height: 34px; color: #000000;}
.webzine_box .news_wrap .news_box .news_title .title .text {position: relative; padding: 0 0 0 60px;}
.webzine_box .news_wrap .news_box .news_title .title .text:before {display: block; content: ""; position: absolute; left: 0; top: 0; width: 46px; height: 20px; background-image: url("./images/common/kr_logo.png"); background-position: 0 0; background-repeat: no-repeat;}
.webzine_box .news_wrap .news_box .news_title .news_control {margin: 25px 0 0; font-size: 0;}
.webzine_box .news_wrap .news_box .news_title .news_control .btn {display: inline-block; width: 15px; height: 12px; background-position: 0 0; background-repeat: no-repeat; vertical-align: sub;}
.webzine_box .news_wrap .news_box .news_title .news_control .btn.prev {background-image: url("./images/common/web_prev.png");}
.webzine_box .news_wrap .news_box .news_title .news_control .btn.next {background-image: url("./images/common/web_next.png");}
.webzine_box .news_wrap .news_box .news_title .news_control .text {padding: 0 13px; font-weight: 400; font-size: 12px; line-height: 12px; color: #b9b9b9;}
.webzine_box .news_wrap .news_box .news_list_box {padding: 0 0 0 250px;}
.webzine_box .news_wrap .news_box .news_list_box #news_list {font-size: 0;}
.webzine_box .news_wrap .news_box .news_list_box #news_list .slick-list {}
.webzine_box .news_wrap .news_box .news_list_box #news_list .slick-list .slick-track {}
.webzine_box .news_wrap .news_box .news_list_box #news_list .slick-list .slick-track li {display: inline-block; position: relative; width: 33.3333%; border-right: 1px solid #e1e1e1; padding: 0 22px; vertical-align: middle;}
.webzine_box .news_wrap .news_box .news_list_box #news_list .slick-list .slick-track li:first-child {padding: 0 22px 0 0;}
.webzine_box .news_wrap .news_box .news_list_box #news_list .slick-list .slick-track li .box {display: block;}
.webzine_box .news_wrap .news_box .news_list_box #news_list .slick-list .slick-track li .box .text {height: 42px; font-weight: 400; font-size: 14px; line-height: 21px; color: #252525; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.webzine_box .news_wrap .news_box .news_list_box #news_list .slick-list .slick-track li .box .date {position: relative; margin: 18px 0 0; padding: 0 0 0 20px; font-weight: 400; font-size: 13px; line-height: 16px; color: #727272;}
.webzine_box .news_wrap .news_box .news_list_box #news_list .slick-list .slick-track li .box .date:before {display: block; content: ''; position: absolute; top: 50%; left: 0; width: 14px; height: 16px; margin: -8px 0 0; background-image: url("./images/common/day_icon.jpg"); background-position: 0 0; background-repeat: no-repeat;}
/* // ================================ 웹진 ================================ */

/* 텍스트만 있는 경우 공통 (EU RO-MR) */
.txt_cont {}
.txt_cont > .list {}
.txt_cont > .list > li {margin: 50px 0 0;}
.txt_cont > .list > li:first-child {margin: 0;}
.txt_cont > .list > li .box {}
/* 10-02 */
.txt_cont > .list > li .box .title {/* font-family: "GmarketSans"; */font-weight: 700; font-size: 24px; line-height: 36px; color: #000000;}
/*//  10-02 */
.txt_cont > .list > li .box > .list {margin: 10px 0 0;}
.txt_cont > .list > li .box > .list > li {}
.txt_cont > .list > li .box > .list > li .text_box {margin: 12px 0 0; text-align: left;}
/* 10-02 */
.txt_cont > .list > li .box > .list > li .text_box > .text {font-weight: 700; font-size: 16px; line-height: 24px; color: #037be1;}
/* // 10-02 */
.txt_cont > .list > li .box > .list > li .text_box > .list {margin: 10px 0 0;}
.txt_cont > .list > li .box > .list > li .text_box > .list > li {margin: 10px 0 0;}
.txt_cont > .list > li .box > .list > li .text_box > .list > li:first-child {margin: 0;}
/* 10-02 */
.txt_cont > .list > li .box > .list > li .text_box > .list > li .text {font-weight: 400; font-size: 15px; line-height: 23px; color: #424242;}
/* // 10-02 */
.txt_cont > .list > li .box > .list > li .text_box > .list > li .list {margin: 10px 0 0; padding: 0 0 0 15px;}
.txt_cont > .list > li .box > .list > li .text_box > .list > li > .list > li {margin: 10px 0 0;}
.txt_cont > .list > li .box > .list > li .text_box > .list > li > .list > li:first-child {margin: 0;}
.txt_cont > .list > li .box > .list > li .text_box > .list > li > .list > li .text {font-weight: 400; font-size: 15px; line-height: 23px; color: #424242;}
.txt_cont > .list > li .box > .list > li .text_box > .list > li > .list > li .dot_list_box {margin: 7px 0 0;}
.txt_cont > .list > li .box > .list > li .text_box > .list > li > .list > li .dot_list_box .dot_list {}
.txt_cont > .list > li .box > .list > li .text_box > .list > li > .list > li .dot_list_box .dot_list .li {}
.txt_cont > .list > li .box > .list > li .text_box > .list > li > .list > li .dot_list_box .dot_list .li .text {font-size: 15px; line-height: 23px; color: #424242;}

.btn_box {overflow: hidden;}
.btn_box .title {float: left;}
.btn_box .btn {float: right; display: block; padding: 0 10px; background-color: #037be1; font-weight: 400; font-size: 16px; line-height: 40px; color: #ffffff;}

.sub_cont .sub_sch_box .row label.sty2 {width: 150px;}

/* 회색 배경 박스 */
.oil_intro {margin: 80px 0 0;}
.m_box {margin: 80px 0 0;}
.gray_bd_list {}
.gray_bd_list > .list {}
.gray_bd_list > .list > li {margin: 10px 0 0;}
.gray_bd_list > .list > li:first-child {margin: 0;}
.gray_bd_list > .list.sty2 {font-size: 0; text-align: center;}
.gray_bd_list > .list.sty2 > li {display: inline-block; width: calc(50% - 23px); margin: 0 46px 0 0; vertical-align: top;}
.gray_bd_list > .list.sty2 > li:last-child {margin: 0;}
.gray_bd_list > .list.sty2 > li .gray_bd_box {height: 293px;}
.gray_bd_box {border: 1px solid #d0d0d0; background-color: #f4f4f4;}
.gray_bd_box .gray_inner {padding: 35px 10px 38px 30px;}
.gray_bd_box .gray_inner .title {font-weight: 700; font-size: 24px; line-height: 36px; color: #037be1;}
.gray_bd_box .gray_inner .text_box {margin: 10px 0 0;}
.gray_bd_box.sty2 .gray_inner {padding: 41px 10px;}
.gray_bd_box.sty2 .gray_inner .title {position: relative; padding: 80px 0 0;}
.gray_bd_box.sty2 .gray_inner .title:before {display: block; content: ""; position: absolute; top: 0; left: 50%; width: 67px; height: 60px; margin: 0 0 0 -34px; background-position: center center; background-repeat: no-repeat;}
.gray_bd_box.sty2 .gray_inner .title.icon01:before {background-image: url("./images/common/absurdity_icon01.png");}
.gray_bd_box.sty2 .gray_inner .title.icon02:before {background-image: url("./images/common/absurdity_icon02.png");}

/* 타이틀, 보더 파란선 */
.color_box {}
.color_box .inner_box {}
.color_box .inner_box > .list {font-size: 0;}
.color_box .inner_box > .list > li {display: inline-block; width: calc(50% - 16px); margin: 0 32px 0 0; vertical-align: top;}
.color_box .inner_box > .list > li:nth-child(2n) {margin: 0;}
.color_box .inner_box > .list > li:nth-child(3) {margin: 19px 32px 0 0;}
.color_box .inner_box > .list > li:nth-child(4) {margin: 19px 0;}
.color_box .inner_box > .list > li .box {height: 258px; border: 3px solid #05a3dd; border-radius: 8px; }
.color_box .inner_box > .list > li .box .title {width: 100%; background-color: #05a3dd; font-weight: 400; font-size: 16px; line-height: 55px; color: #ffffff; text-align: center;}
.color_box .inner_box > .list > li .box .text_box {margin: 0; padding: 16px 20px;}
.color_box .inner_box > .list > li .box .text_box .dot_list_box {}
.color_box .inner_box > .list > li .box .text_box .dot_list_box .dot_list {margin: 0;}
.color_box .inner_box > .list > li .box .text_box .dot_list_box .dot_list li {margin: 0;}
.color_box .inner_box > .list > li .box .text_box .dot_list_box .dot_list li .text {font-weight: 500;}
.color_box.sty2 .inner_box > .list > li .box {height: 188px; border: 3px solid #037be1;}
.color_box.sty2 .inner_box > .list > li .box .title  {background-color: #037be1;}

/* KR ACademy, 중소고객사 대상 법률상담 */
.story_area {padding: 61px 345px 70px 70px; background-color: #f5f5f5; background-image: url("./images/common/story_bg02.jpg"); background-size: cover; background-position: right 0 bottom 0; background-repeat: no-repeat;}
.story_area .story_inner {}
.story_area .story_inner .tit_box {}
.story_area .story_inner .tit_box .tit {position: relative; padding: 0 0 43px; font-weight: 400; font-size: 30px; line-height: 45px; color: #000000;}
.story_area .story_inner .tit_box .tit:before {display: block; content: ""; position: absolute; left: -70px; bottom: 0; width: 420px; height: 1px; background-color: #dcdcdc;}
.story_area .story_inner .tit_box .tit .ft_w {font-weight: 700;}
.story_area .story_inner .txt_box {margin: 44px 0 0;}
.story_area .story_inner .txt_box .txt {font-weight: 400; font-size: 18px; line-height: 27px; color: #666666; word-break: keep-all;}
.story_area .story_inner .call_box {margin: 15px 0 0;}
.story_area .story_inner .call_box .text {display: inline-block; position: relative; padding: 0 0 0 45px; font-weight: 500; font-size: 20px; line-height: 30px; color: #05a3dd;}
.story_area .story_inner .call_box .text:before {display: block; content: ""; position: absolute; left: 0; top: 50%; width: 30px; height: 30px; margin: -15px 0 0; background-image: url("./images/common/tel_icon.png"); background-repeat: no-repeat; background-repeat: no-repeat;}
.story_area .story_inner .call_box .text.sty2 {margin: 0 0 0 20px;}
.story_area .story_inner .call_box .text.sty2:before {background-image: url("./images/common/email_icon.png");}
.story_area.sty2 {background-image: url("./images/common/story_bg01.jpg");}
.story_area.sty3 {background-image: url("./images/common/abour_approval_img.jpg");}
.story_area.sty4 {background-image: url("./images/common/hot_line_bg.jpg");}


/* 오른쪽 사람 contact */
.flo_box {position: relative;}
.flo_box .left_box {/* padding: 0 245px 0 0; */}
.flo_box .left_box .link_box {margin: 29px 0 0; border-top: 2px solid #5f6577; border-bottom: 1px solid #e4e9ec;}
.flo_box .left_box .link_box .title {padding: 5px 0; background-color: #f3f7fa; font-weight: 700; font-size: 18px; line-height: 27px; color: #173574; text-align: center;}
.flo_box .left_box .link_box .link_list {}
.flo_box .left_box .link_box .link_list .list {font-size: 0;}
.flo_box .left_box .link_box .link_list .list li {display: inline-block; position: relative; width: 33.3333%; padding: 10px 0; vertical-align: middle; text-align: center;}
.flo_box .left_box .link_box .link_list .list li:before {display: block; content: ""; position: absolute; width: 1px; height: 22px; left: 0; top: 50%; margin: -11px 0 0; background-color: #e4e9ec;}
.flo_box .left_box .link_box .link_list .list li:first-child:before {display: none;}

.flo_box .left_box .link_box .link_list .list li .box {display: block; width: 100%;}
.flo_box .left_box .link_box .link_list .list li .box .text {display: inline-block; position: relative; padding: 0 0 0 28px; font-weight: 700; font-size: 17px; line-height: 26px; color: #000000;}
.flo_box .left_box .link_box .link_list .list li .box .text:before {display: block; content: ""; position: absolute; left: 0; top: 50%; width: 25px; height: 21px; margin: -10px 0 0; background-position: 0 0; background-repeat: no-repeat;} 
.flo_box .left_box .link_box .link_list .list li.icon01 .box .text:before {background-image: url("./images/common/link_icon01.png");}
.flo_box .left_box .link_box .link_list .list li.icon02 .box .text:before {background-image: url("./images/common/link_icon02.png");}
.flo_box .left_box .link_box .link_list .list li.icon03 .box .text:before {background-image: url("./images/common/link_icon03.png");}
.flo_box .left_box .link_box .link_list .list li.icon04 .box .text:before {background-image: url("./images/common/link_icon04.png");}

/* 11-19 */
.flo_box .left_box .link_box .link_list .list.w_4 li {width: 25%;}


.flo_box .right_box {position: absolute; top: 0; right: 0; width: 217px; border: 1px solid #e4e9ec;}
.flo_box .right_box .contact_box {padding: 0 26px;}
.flo_box .right_box .contact_box > .title {background-color: #f8f8f8; margin: 0 -26px; padding: 0 0 0 18px; font-weight: 700; font-size: 15px; line-height: 40px; color: #000000;}
.flo_box .right_box .contact_box .face_box {padding: 22px 0 0;}
.flo_box .right_box .contact_box .face_box .img_box {display: table; table-layout: fixed; width: 100%; max-width: 133px; height: 133px; margin: 0 auto;}
.flo_box .right_box .contact_box .face_box .img_box .img_inner {display: table-cell; width: 133px; vertical-align: middle; text-align: center;}
.flo_box .right_box .contact_box .face_box .img_box .img_inner img {display: inline-block; border-radius: 50%;}
.flo_box .right_box .contact_box .mid {position: relative; padding: 25px 0 41px;}
.flo_box .right_box .contact_box .mid:before {display: block; content: ""; position: absolute; left: 0; bottom : 0; width: 100%; height: 1px; background-color: #e3e3e3;}
.flo_box .right_box .contact_box .mid .box {}
.flo_box .right_box .contact_box .mid .box > .name {position: relative; padding: 0 0 0 27px; font-weight: 700; font-size: 16px; line-height: 24px; color: #000000;}
.flo_box .right_box .contact_box .mid .box > .name:before {display: block; content: ""; position: absolute; left: 0; top: 50%; width: 17px; height: 18px; margin: -9px 0 0; background-image: url("./images/common/con_name_icon.png"); background-position: 0 0; background-repeat: no-repeat;}
.flo_box .right_box .contact_box .mid .box > .text {margin: 11px 0 0; font-weight: 400; font-size: 14px; line-height: 21px; color: #000000;}
.flo_box .right_box .contact_box .mid .box > .mail {margin: 18px 0 0;}
.flo_box .right_box .contact_box .mid .box > .mail > .box {display: block;}
.flo_box .right_box .contact_box .mid .box > .mail > .box > .text {position: relative; padding: 0 0 0 28px; font-weight: 400; font-size: 14px; line-height: 21px; color: #000000;}
.flo_box .right_box .contact_box .mid .box > .mail > .box > .text:before {display: block; content: ""; position: absolute; top: 50%; left: 0; width: 23px; height: 23px; margin: -11px 0 0; background-image: url("./images/common/con_mail_icon.png"); background-position: 0 0; background-repeat: no-repeat;}
.flo_box .right_box .contact_box .bottom {margin: 35px 0 0;}
.flo_box .right_box .contact_box .bottom .title {font-weight: 400; font-size: 18px; line-height: 27px; color: #000000;}
.flo_box .right_box .contact_box .bottom .info_box {margin: 24px 0 0; padding: 0 0 128px;}
.flo_box .right_box .contact_box .bottom .info_box .list {}
.flo_box .right_box .contact_box .bottom .info_box .list li {margin: 7px 0 0;}
.flo_box .right_box .contact_box .bottom .info_box .list li:first-child {margin: 0;}
.flo_box .right_box .contact_box .bottom .info_box .list li > .box {display: block;}
.flo_box .right_box .contact_box .bottom .info_box .list li > .box > .text {position: relative; padding: 0 0 0 28px;}
.flo_box .right_box .contact_box .bottom .info_box .list li > .box > .text:before {display: block; content: ""; position: absolute; left: 0; top: 50%; width: 23px; height: 23px; margin: -11px 0 0; background-position: 0 0; background-repeat: no-repeat;}
.flo_box .right_box .contact_box .bottom .info_box .list li.icon01 .box > .text:before {background-image: url("./images/common/con_local_icon.png");}
.flo_box .right_box .contact_box .bottom .info_box .list li.icon02 .box > .text:before {background-image: url("./images/common/con_tell_icon.png");}
.flo_box .right_box .contact_box .bottom .info_box .list li.icon03 .box > .text:before {background-image: url("./images/common/con_team_icon.png");}
																  
.bd_img_box {margin: 30px 0 0;}	
.bd_img_box	.list {font-size: 0;} 
.bd_img_box	.list li {display: inline-block; width: calc(50% - 23px); margin: 0 46px 0 0; vertical-align: top;} 
.bd_img_box	.list li:last-child {margin: 0;}
.bd_img_box	.list li .img_con {display: table; table-layout: fixed; width: 100%; padding: 10px; border: 1px solid #d5d5d5}
.bd_img_box	.list li .img_con .img_box {display: table-cell; max-width: 600px; height: 300px; vertical-align: middle; text-align: center;}
.bd_img_box	.list li .img_con .img_box img {display: inline-block;}

.menu_box {}
.menu_box .list {font-size: 0; text-align: center;}
.menu_box .list li {display: inline-block; margin: 0 30px 0 0; vertical-align: top;}
.menu_box .list li:last-child {margin: 0; }
/* 10-22 */.menu_box .list li .box {display: block; width: 160px; height: 160px;/*  border-radius: 50%; */ padding: 0 5px;text-align: center;}

.menu_box .list li.bg01 .box {background-color: #05a3dd; border: 10px solid #daf1fa;}
.menu_box .list li.bg02 .box {background-color: #037be1; border: 10px solid #d9ebfb;}
.menu_box .list li.bg03 .box {background-color: #037be1; border: 10px solid #d9ebfb;}
.menu_box .list li.bg04 .box {background-color: #173574; border: 10px solid #dce1ea;}
.menu_box .list li .box .text_box {display: table; table-layout: fixed; width: 100%; margin: 0; }
.menu_box .list li .box .text_box .text {display: table-cell;height: 140px;  margin: 0; font-weight: 400; font-size: 20px; line-height: 30px; color: #ffffff; vertical-align: middle; text-align: center;}


.menu_box.en .list li .box .text_box .text {font-size:14px; line-height: 21px;}

/* 중문 服务供应商 */
.sch_list {} 
.sch_list .list {font-size: 0;} 
.sch_list .list li {display: inline-block; width: 15%; font-weight: 400; font-size: 15px; line-height: 23px; color: #000000;}

.list2.sty4 {}
.list2.sty4 .sch_wrap {position: relative; padding: 0 125px 0 0;}
.list2.sty4 .sch_wrap .input_box {display: inline-block; margin: 10px 0;}
.list2.sty4 .sch_wrap .input_box .inp {width: 100%; max-width: 200px; height: 40px; border: 1px solid #e2e2e2; padding:0 7px; line-height: 40px;}

.list2.sty4 .sch_wrap .btn_wrap {position: absolute; top: 0; right: 0;}
.list2.sty4 .sch_wrap .btn_wrap .btn_color {display: block; width: 115px; height: 45px;color: #ffffff; text-align: center;}
.list2.sty4 .sch_wrap .btn_wrap .btn_color .ico {position: relative; width: 100%; border: none; background-color: #54575e; font-weight: 400; font-size: 16px; line-height: 45px; color: #ffffff; cursor: pointer;}

.slt_area {margin: 5px 0 0; font-size: 0;}
.slt_area .date_box {display: inline-block; width: 100%; max-width: 200px;}
.slt_area .date_box .txt {display: inline-block; padding: 0 5px; font-weight: 400; font-size: 16px; line-height: 24px; color: #000000;}
.slt_area .txt.sty2 {display: inline-block; padding: 0 5px;}
.slt_area .date_box .slt01 {display: inline-block; position: relative; width: 100%; max-width: 160px; height: 45px; border: 1px solid #c6cbcf; padding: 0 35px 0 19px; background-color: #ffffff; 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: 45px;color: #000000; cursor: pointer;}
.slt_area.sty2 .date_box.sty2 {margin: 10px 0 0; max-width: 270px;}
.slt_area.sty2 .date_box.sty2 .slt01{max-width: 220px;}



/* ==================== 이메일무단수집거부 ==================== */
.email_cont {padding: 8px; background-image: url("../images/common/line_icon.png");}
.email_cont .box {padding: 100px 10px 117px; background-color: #ffffff; text-align: center;}
.email_cont .box img {}
.email_cont .box .title {margin: 16px 0 0; font-weight: 500; font-size: 28px; line-height: 36px; color: #0a0a0a; word-break: keep-all;}
.email_cont .box .title .ft_c {color: #f62823;}
.email_cont .box .text {margin: 27px 0 0; font-weight: 400; font-size: 16px; line-height: 30px; color: #333333; word-break: keep-all;}
/* ==================== 이메일무단수집거부 ==================== */



/* ==================== 저작권정책 ==================== */
.literary_property_cont {padding: 8px; background-image: url("../images/common/line_icon.png");}
.literary_property_cont > .box {padding: 94px 108px 75px; background-color: #ffffff; text-align: center;}
.literary_property_cont .box .tit_box {margin: 0 0 47px; border-bottom: 1px solid #e2e2e2; padding: 0 0 48px 138px; text-align: left;}
.literary_property_cont .box .tit_box .title {position: relative; padding: 9px 0 0 153px; background-image: url("./images/common/property_icon.png"); background-position: left center; background-size: 93px 105px; background-repeat: no-repeat; font-weight: 500; font-size: 22px; line-height: 33px; color: #0a0a0a; word-break: keep-all;}
.literary_property_cont .box .tit_box .title .ft_c {color: #1183d3;}
.literary_property_cont .box .text {font-weight: 400; font-size: 16px; line-height: 30px; color: #333333; word-break: keep-all;}

/* 2021-09-24 추가 */
.literary_property_cont .box .list {text-align: left;}
.literary_property_cont .box .list li {}
.literary_property_cont .box .list li + li {margin: 22px 0 0;}
.literary_property_cont .box .list li .tit {font-weight: 700; font-size: 16px; line-height: 24px; color: #333333; word-break: keep-all;}
.literary_property_cont .box .list li .txt {margin: 2px 0 0; font-weight: 400; font-size: 16px; line-height: 24px; color: #333333; word-break: keep-all;}
.literary_property_cont .box .info_txt {margin: 35px 0 0; font-weight: 400; font-size: 16px; line-height: 24px; color: #333333; text-align: left; word-break: keep-all;}

.literary_property_cont.sty2 .box .tit_box .title {padding: 30px 0 30px 153px;}
/* 2021-09-24 추가 */
/* ==================== 저작권정책 ==================== */



/* ==================== 통합검색 Style ==================== */

.inner {position: relative;	}
.inner .sub_sch_box.sty_02 {padding: 45px;}
.inner .sub_sch_box.sty_02 .row {}
.inner .sub_sch_box.sty_02 .row label {padding: 0;}
.inner .sub_sch_box.sty_02 .row .input_box {}
.inner .sub_sch_box.sty_02 .row .input_box input {}
.inner .sub_sch_box.sty_02 .sch_btn_area {margin: 23px 0 0; font-size: 0; text-align: center;}
.inner .sub_sch_box.sty_02 .sch_btn_area a {display: inline-block; width: 154px; height: 46px; margin: 0 8px 0 0; background-color: #959aa2; text-align: center;}
.inner .sub_sch_box.sty_02 .sch_btn_area a:last-child {margin: 0;}
.inner .sub_sch_box.sty_02 .sch_btn_area a.btn_color {background-color: #037be1;}
.inner .sub_sch_box.sty_02 .sch_btn_area a .text {display: inline-block; position: relative; padding: 0 0 0 22px; font-family: 'Noto Sans KR'; font-weight: 500; font-size: 16px; line-height: 46px; color: #ffffff;}
.inner .sub_sch_box.sty_02 .sch_btn_area a .text:before {display: block; content: ''; position: absolute; top: 50%; left: 0; width: 16px; height: 16px; margin: -8px 0 0; background-image: url("./images/common/reset_icon.png"); background-position: 0 0; background-repeat: no-repeat;}
.inner .sub_sch_box.sty_02 .sch_btn_area a.btn_color .text:before {display: block; content: ''; position: absolute; top: 50%; left: 0; width: 17px; height: 17px; margin: -8px 0 0; background-image: url("./images/common/slt_btn_sch_icon.png"); background-position: 0 0; background-size: cover; background-repeat: no-repeat;}
.inner .sub_sch_box.sty_02 .sch_info_box {display: none; text-align: left; position: relative; margin: 27px 0 0; border-top: 1px solid #000000; padding: 25px 0 0;}
.inner .sub_sch_box.sty_02 .sch_info_box.on {display: block; height: 100%;}
.inner .sub_sch_box.sty_02 .sch_info_box .cont {display: table; margin: 0;}
.inner .sub_sch_box.sty_02 .sch_info_box .cont:first-child {}
.inner .sub_sch_box.sty_02 .sch_info_box .cont:last-child {margin: 13px 0 0;}
.inner .sub_sch_box.sty_02.sty_03 .sch_info_box .cont:first-child {margin: 0;}
.inner .sub_sch_box.sty_02.sty_03 .sch_info_box .cont {margin: 13px 0 0;}
.inner .sub_sch_box.sty_02 .sch_info_box .cont .title {display: table-cell; width: 200px; height: 46px; font-family: 'Noto Sans KR'; font-weight: 500; font-size: 16px; line-height: 46px; vertical-align: top; text-align: center;}
.inner .sub_sch_box.sty_02 .sch_info_box .cont .title .btn_popup {display: none;}
.inner .sub_sch_box.sty_02 .sch_info_box .cont .title.sty2 {width: auto; padding: 0 10px;}


.sub_cont .sub_sch_box .row.date label {width: 200px;}
.inner .sub_sch_box.sty_02 .row.date .slt_box {width: auto;}

.sub_cont .sub_sch_box .row.date2 label {width: 200px;}
.inner .sub_sch_box.sty_02 .row.date2 .slt_box {width: auto;}
.inner .sub_sch_box.sty_02 .sch_info_box .row {margin: 15px 0 0;}

.inner .det_btn {display: block; position: absolute; bottom: -38px; left: 50%; width: 100%; max-width: 179px; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0);}
.inner .det_btn .btn {display: block; width: 100%; max-width: 179px; height: 38px; background-image: url("./images/common/det_bg.png"); background-position: center; background-size: 100%; background-repeat: no-repeat;}
.inner .det_btn .btn .text {position: relative; padding: 0 18px 0 0; font-weight: 400; font-size: 14px; line-height: 38px; color: #ffffff;}
.inner .det_btn .btn .text:after {display: block; content: ''; position:absolute; top: 50%; right: 0; width: 10px; height: 6px; margin: -3px 0 0; background-image: url("./images/common/slt_arr_icon_white.png"); 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;}
.inner .det_btn.on .btn.on .text:after { transform: rotate(180deg);}

.inner .sub_sch_box.sty_02.sty_03 .sch_info_box .cont .day_area {}
.inner .sub_sch_box.sty_02.sty_03 .sch_info_box .cont .day_area .day_input {display: inline-block; width: 179px; height: 45px; border: 1px solid #cccccc; padding: 0 10px; background-color: #ffffff; font-family: 'Noto Sans KR'; font-weight: 300; font-size: 16px; line-height: 43px; color: #242424;}
.inner .sub_sch_box.sty_02.sty_03 .sch_info_box .cont .day_area .text {padding: 0 10px; font-family: 'Noto Sans KR'; font-weight: 300; font-size: 18px; line-height: 45px; color: #000000;}

.inner .sub_sch_box.sty_02.sty_03 .sch_info_box .cont .slt_box {display: table-cell; width:padding: 0 5px 0 0; vertical-align: middle;}
.inner .sub_sch_box.sty_02.sty_03 .sch_info_box .cont .slt_box:last-child {padding: 0;}
.inner .sub_sch_box.sty_02.sty_03 .sch_info_box .cont .slt_box select {position: relative; width: 100%; height: 45px; border: 1px solid #c6cbcf; padding: 0 35px 0 19px; background-color: #ffffff; 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: 45px; color: #000000; cursor: pointer;}
.inner .sub_sch_box.sty_02 .row {margin: 10px 0 0;}
.inner .sub_sch_box.sty_02 .row .com_btn_area {display: inline-block;}
.inner .sub_sch_box.sty_02 .row .input_box {}
.inner .sub_sch_box.sty_02 .row .chk_list {display: inline-block; margin: 0 0 0 12px;}
.inner .sub_sch_box.sty_02 .row .chk_list.en {display: table-cell; width: 205px;}
.inner .sub_sch_box.sty_02 .row .radio_box {display: inline-block;}
.inner .sub_sch_box.sty_02 .row .radio_box .radio_each label {width: 170px;}
.inner .sub_sch_box.sty_02 .row .chk_list li .chk_each label {width: 135px;}

.inner .sub_sch_box.sty_02 .row .com_btn_area {margin: 0;}

.inner .sub_sch_box.sty_02 .row .com_btn_area.sty3 {position: absolute; right: 0; top: 0;}
.inner .sub_sch_box.sty_02 .row.sty2 {position: relative; padding: 0 180px 0 0;}
.inner .sub_sch_box.sty_02 .row.sty2 .com_btn_area .btn {margin: 0px 10px 0 0;}
.inner .sub_sch_box.sty_02 .row.sty2.date {padding: 0;}


.inner .sub_sch_box.sty_02 .row .com_btn_area.sty2 .btn:hover {border: none; padding: 0 21px; background-color: #bbbbbb; color: #ffffff; line-height: 42px;}
.inner .sub_sch_box.sty_02 .row .com_btn_area.sty2 .btn.blue:hover {border: none; padding: 0 21px; background-color: #037be1; line-height: 42px;}
.inner .sub_sch_box.sty_02 .row .com_btn_area.sty2 .btn.red:hover {border: none; padding: 0 21px; background-color: #e03321; line-height: 42px;}

.inner .sub_sch_box.sty_02 .row .com_btn_area.sty2 .btn.on {border: 1px solid #037be1 !important; padding: 0 20px; line-height: 40px; background-color: #037be1;}

.sch_tab_cont {margin: 80px 0 0;}
.sch_tab_cont > .list {border-bottom: 1px solid #cdcdcd; font-size: 0;}
.sch_tab_cont > .list > li {display: inline-block; width: 33.3333%; border-left: 1px solid #cdcdcd; border-top: 1px solid #cdcdcd; vertical-align: middle;}

.sch_tab_cont > .list > li:nth-child(3n) {border-right: 1px solid #cdcdcd;}
.sch_tab_cont > .list > li .com_tab_btn {display: block; width: 100%; background-color: #f4f4f4; text-align: center;}
.sch_tab_cont > .list > li .com_tab_btn .text {font-weight: 400; font-size: 15px; line-height: 62px; color: #333333;}
.sch_tab_cont > .list > li .com_tab_btn .text .num {color: #e03321;}
.sch_tab_cont > .list > li.on .com_tab_btn {background-color: #05a3dd;}
.sch_tab_cont > .list > li.on .com_tab_btn .text {color: #ffffff;}
.sch_tab_cont > .list > li.on .com_tab_btn .text .num {color: #ffffff;}
.sch_tab_cont > .list > li.tab_slt {position: relative;}
.sch_tab_cont > .list > li.tab_slt .tab_slt_btn {display: block; width: 100%; background-color: #f4f4f4;}
.sch_tab_cont > .list > li.tab_slt .tab_slt_btn .text {position: relative; padding: 0 23px 0 0; background-position: right center; background-size: 12px 7px; background-repeat: no-repeat; font-weight: 400; font-size: 15px; line-height: 62px; color: #333333;}
.sch_tab_cont > .list > li.tab_slt .tab_slt_btn .text {background-image: url("./images/common/tab_slt_icon.png");}
.sch_tab_cont > .list > li.tab_slt > .slt_list {display: none; position: absolute; top: 63px; right: 0; left: 0; border: 1px solid #cdcdcd; background-color: #ffffff; text-align: center; z-index: 1;}
.sch_tab_cont > .list > li.tab_slt > .slt_list.on {display: block;}
.sch_tab_cont > .list > li.tab_slt > .slt_list > li {border-bottom: 1px solid #cdcdcd;}
.sch_tab_cont > .list > li.tab_slt > .slt_list > li:last-child {border: none;}
.sch_tab_cont > .list > li.tab_slt > .slt_list > li > .tab_data {display: block; width: 100%;}
.sch_tab_cont > .list > li.tab_slt > .slt_list > li > .tab_data .text_box {display: table; width: 100%; table-layout: fixed;}
.sch_tab_cont > .list > li.tab_slt > .slt_list > li > .tab_data .text_box .text_inner {display: table-cell; height: 62px; vertical-align: middle; text-align: center;}
.sch_tab_cont > .list > li.tab_slt > .slt_list > li > .tab_data:hover, .sch_tab_cont > .list > li.tab_slt > .slt_list > li > .tab_data:focus {background-color: #2475e3;}
.sch_tab_cont > .list > li.tab_slt > .slt_list > li > .tab_data .text_box .text_inner .text {font-weight: 400; font-size: 15px; line-height: 31px; color: #333333;}
.sch_tab_cont > .list > li.tab_slt > .slt_list > li > .tab_data:hover .text_box .text_inner .text, .sch_tab_cont > .list > li.tab_slt > .slt_list > li > .tab_data:focus .text_box .text_inner .text {color: #ffffff;}
.sch_tab_cont > .list > li.tab_slt > .slt_list > li > .tab_data .text .num {color: #e03321;}
.sch_tab_cont > .list > li.tab_slt > .slt_list > li > .tab_data:hover .text_box .text_inner .text .num, .sch_tab_cont > .list > li.tab_slt > .slt_list > li > .tab_data:focus .text_box .text_inner .text .num {color: #ffffff;}

.sch_cont {margin: 51px 0 0;}
.sch_cont .no_sch_list {margin: 40px 0 0; font-weight: 500; font-size: 18px; line-height: 26px; color: #e03321; text-align: center;}

.resLists02 {width:100%; margin: 40px 0 0;}
.resLists02 .fix {position: relative; padding: 0 100px 0 0;}
.resLists02 .fix h4 {font-weight:500; font-size:18px; line-height: 27px; color:#000;}
.resLists02 .fix .resMore {position: absolute; top: 0; right: 0;}
.resLists02 .fix .resMore .detail_click {display: block; font-weight: 400; font-size:14px; line-height: 27px; color: #000000;}
.resLists02 .fix .resMore a {display: block; font-weight: 400; font-size: 14px; line-height: 27px; color: #000000;}
.resLists02 .resTotals {margin-top:6px; font-weight:400; font-size:14px; color:#000;}
.resLists02 .resTotals span{color:#fb5151;}
.resLists02 ul {margin: 15px 0 0; border-top: 2px solid #000000;}
.resLists02 ul li {border-bottom:1px solid #d6d6d6; padding: 15px 18px 15px 32px;}
.resLists02 ul li.menu_view {border-bottom: none;}
.resLists02 ul li.menu_view a {display: inline-block; position: relative; padding: 0 0 0 10px;}
.resLists02 ul li.menu_view a:before {display: block; content: ""; position: absolute; top: 10px; left: 0; width: 3px; height: 3px; border-radius: 50%; background-color: #333333;}
.resLists02 ul li .resThumb {float:left; display: table; table-layout: fixed; width:170px; margin: 0 10px 0 0; border:1px solid #d5d5d5;}
.resLists02 ul li .resThumb a {display: table-cell; width: 100%; height: 80px; vertical-align: middle; text-align: center;}
.resLists02 ul li .resThumb a img {display: inline-block;}
.resLists02 ul li dl {}
.resLists02 ul li dl dt {padding-bottom:5px;}
.resLists02 ul li dl dt a {display: block; position: relative;}
.resLists02 ul li dl dt a .resGubun {padding: 0 5px 0 0; font-weight: 400; font-size: 15px; line-height: 22px; color: #2475e3;}
.resLists02 ul li dl dt a .title_box {font-size: 0;}
.resLists02 ul li dl dt a .title_box .resTitle {display: inline-block; margin: 5px 7px 0 0; font-weight: 400; font-size: 18px; line-height: 26px; color: #333333; word-break: keep-all;}
.resLists02 ul li dl dt a .title_box .date {display: inline-block;  font-weight: 400; font-size:12px; line-height: 18px; color: #888888;}
.resLists02 ul li dl dd a {font-weight:400; font-size:14px; line-height: 21px; color:#888;}
.resLists02 ul li dl dd.files a {display:block; padding-top:5px; font-weight:400; font-size:12px; line-height: 19px; color:#333333;}
.resLists02 ul li dl dd.files a img {margin: 0 5px 0 0;}



/* 회원가입 기업 검색 */
.sub_cont.sty2 {padding: 0;}
.pop_box {padding: 15px;}
.pop_box .list_com_tit {margin: 0;}
.pop_box .sub_cont .sub_sch_box {margin: 15px 0 0;}
.pop_box .list2 {padding: 15px 10px;}
.pop_box .text_box {margin: 0;}
.pop_box .com_btn_area {margin: 15px 0 0;}
.slt_com2 {font-weight: 400; font-size: 16px; line-height: 24px; color: #141414;}
.slt_com2 option {margin: 3px 0; padding: 5px}
/* // 회원가입 기업 검색 */

.radio_each input[type=radio] {display: none !important;}


/* 10-22 */
.sns_list_box {}
.sns_list_box .list {font-size: 0;}
.sns_list_box .list li {display: inline-block; width: calc(20% - 14.4px);margin: 0 18px 0 0;}
.sns_list_box .list li:last-child {margin: 0;}
.sns_list_box .list li .box_area {position: relative;}
.sns_list_box .list li .box {display: block;}
.sns_list_box .list li .box .img_box {display: table; table-layout: fixed; width: 100%; border: 1px solid #d5d5d5;}
.sns_list_box .list li .box .img_box .img_inner {display: table-cell; width: 100%; height: 133px; vertical-align: middle; text-align: center;}
.sns_list_box .list li .box .img_box .img_inner img {display: inline-block;}
.sns_list_box .list li .sns_icon {position: absolute; left: 0; top: -25px; width: 50px; height: 50px; z-index: 1;}
.sns_list_box .list li .sns_icon img {width: 100%; height: 100%;}
.sns_list_box .list li .box .text {height: 42px; margin: 7px 0 0; font-weight: 400; font-size: 15px; line-height: 21px; color: #606060; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word;}


/* 웹진 */
.board_view_con {position: relative;}
.board_view_con .sub_top_area {position: absolute; right: 0; top: 0;  margin: 0;}
.board_view_con .sub_top_area .btn_list {}
.board_view_con .sub_top_area .btn_list > li {position: relative; float: left; margin: 0 9px 0 0;}
.board_view_con .sub_top_area .btn_list > li:last-child {margin: 0;}
.board_view_con .sub_top_area .btn_list > li > a {display: block; width: 33px; height: 33px; background-color: #848381; border-radius: 50%; background-position: center center; background-size: 16px 15px; background-repeat: no-repeat; text-indent: -9999px;}
.board_view_con .sub_top_area .btn_list > li.share > a {background-image: url("./images/common/share_icon.png");}
.board_view_con .sub_top_area .btn_list > li.print > a {background-image: url("./images/common/print_icon.png");}
.board_view_con .sub_top_area .btn_list > li > a:hover, .bread_box .container .btn_list > li > a:focus {background-color: #037be1;}

/* 웹진 */