@charset "utf-8";

@import 'layout.css';
@import 'tooltipster.bundle.css';
@import 'jquery.mCustomScrollbar.min.css';

body {font-family:'Noto Sans KR', 'Apple SD Gothic Neo', dotum, gulim, verdana, arial, AppleSDGothicNeo, AppleGothic; color:#1a1a1a; font-size:14px; font-weight:300;}

.blind {position:absolute; left:-9999px; overflow:hidden; width:0; height:0; font-size:0;}

/* font set */
/* font style */ /* f-w Thin 1, Light 3, Regular 4, Medium 5, Bold 7, Black9 */
.title_h4 {position:relative; margin:50px 0 20px; font-size:20px; line-height:20px; font-weight:500; color:#358bd6; letter-spacing:-1px;}
.title_h4:first-child {margin:0 0 20px;}
.title_h4 span {font-size:14px; font-weight:300; color:#1a1a1a}

.title_h5 {margin-bottom:10px; font-size:16px; line-height:16px; font-weight:500; color:#1a1a1a; letter-spacing:-1px;}
.title_dt {margin-bottom:5px; font-size:18px; line-height:18px; font-weight:400; color:#000;}
.title_dd {font-size:15px; font-weight:400; color:#358bd6;}

.etc_txt {font-size:13px;}

.h50 {font-size:50px; line-height:50px; font-weight:600; color:#1a1a1a;}

.h28 {font-size:28px; line-height:28px; font-weight:700; color:#1a1a1a;}
.h28 {font-size:28px; line-height:28px; font-weight:700; color:#333;}
.h24 {font-size:24px; line-height:24px; font-weight:300; color:#1a1a1a;}

.tit20 {font-size:20px; line-height:20px; font-weight:400; color:#fff;}
.tit20 {font-size:20px; line-height:20px; font-weight:400; color:#358bd6;}
.tit18 {font-size:18px; line-height:18px; font-weight:400; color:#1a1a1a;}
.tit16 {font-size:16px; line-height:16px; font-weight:400; color:#1a1a1a;}
.tit16 {font-size:16px; line-height:16px; font-weight:500; color:#cb5d66;}

.sub_tit13 {font-size:13px; line-height:13px; font-weight:400; color:#fff;}
.sub_tit13 {font-size:13px; line-height:13px; font-weight:400; color:#999;}

.txt {font-size:15px; line-height:15px; font-weight:400; color:#444;}
.txt {font-size:14px; line-height:14px; font-weight:400; color:#aaa;}
.txt {font-size:14px; line-height:13px; font-weight:400; color:#0341a6;}
.txt {font-size:13px; line-height:13px; font-weight:400; color:#333;}
.txt {font-size:13px; line-height:13px; font-weight:400; color:#444;}
.txt {font-size:13px; line-height:13px; font-weight:400; color:#666;}
.txt {font-size:13px; line-height:13px; font-weight:400; color:#0341a6;}

.caption12 {font-size:12px; line-height:12px; font-weight:400; color:#f00;}
.caption12 {font-size:12px; line-height:12px; font-weight:400; color:#2054ca;}
.caption12 {font-size:12px; line-height:12px; font-weight:400; color:#1a1a1a;}
.caption12 {font-size:12px; line-height:12px; font-weight:400; color:#777;}

.font_blue {color:#0341a6 !important;}
.font_blue01 {color:#2054ca !important;}
.font_blue02 {color:#358bd6 !important;}
.font_red {color:#f00 !important;}
.font_green {color:#51a9b0 !important;}
.font_orange {color:#f3981e !important;}
.font_pink {color:#ef7276 !important;}

.title_round_box {padding:8px 20px; margin-bottom:10px; border:1px solid #358bd6; border-radius:40px; font-size:15px; text-align:center; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; color:#1f7aca; font-weight:400;}
.title_round_box a {color:#1f7aca;}
.title_round_box em {color:#eb6468;}

/* align */
.fl {float:left;}
.fr {float:right;}

.txt_left {text-align:left !important;}
.txt_right {text-align:right !important;}
.txt_center {text-align:center !important;}

.mt0 {margin-top:0 !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mb0 {margin-bottom:0 !important;}
.mb5 {margin-bottom:0 !important;}
.mb15 {margin-bottom:15px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}

.h40 { height: 40px !important; }
.h35 { height: 35px !important; }

.pl28 {padding-left:28px !important}

/* button set */
.btn_set {position:relative; margin:40px 0; text-align:center;}
.btn_set_right {position:relative; margin:20px 0; text-align:right;}

.button {font-size:15px; text-decoration:none !important; white-space:nowrap; display:inline-block; vertical-align:baseline; position:relative; cursor:pointer; padding:0 15px; height:48px; line-height:48px; min-width:64px; background-color:#0341a6; color:#fff; border-radius:5px; text-align:center; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; vertical-align:top; /*  margin:0 2px; */}

.button .inner {color:#fff; letter-spacing:-1px;}

.button.blue01 {background-color:#0341a6; color:#fff;}
.button.blue01:hover, .button.blue01:active, .button.blue01:focus {background-color:#03378d;}
.button.blue02 {background-color:#1e66ba; color:#fff;}
.button.blue02:hover, .button.blue02:active, .button.blue02:focus {background-color:#1a579e;}
.button.blue03 {background-color:#9bafca; color:#fff;}
.button.blue03:hover, .button.blue03:active, .button.blue03:focus {background-color:#8b9db5;}
.button.black {border-radius:0; background-color:#1a1a1a;}
.button.black:hover, .button.black:active, .button.black:focus {background-color:#000;}
.button.green {background-color:#080; color:#fff;}
.button.green:hover, .button.green:active, .button.green:focus {background-color:#028202;}
.button.gray {background-color:#808080; color:#fff;}
.button.gray:hover, .button.gray:active, .button.gray:focus {background-color:#7a7a7a;}
.button.danger {background-color:#E04031; color:#fff;}
.button.danger:hover, .button.danger:active, .button.danger:focus {background-color:#E01414;}

.button.white .inner {color:#1e66ba;}
.button.white {padding:0 15px !important; height:48px; line-height:48px; border:1px solid #1e66ba; border-radius:0; background-color:#fff;}
.button.white:hover, .button.white:active, .button.white:focus {background-color:#fafafa;}

.button.vsmall {font-size:13px; padding:0 10px !important; height:20px; line-height:20px;}
.button.small {font-size:13px; padding:0 10px !important; height:30px; line-height:30px;}
.button.medium {padding:0 15px !important; height:40px; line-height:40px;}

.button.white.vsmall {padding:0 10px !important; height:20px; line-height:20px;}
.button.white.small {padding:0 10px !important; height:30px; line-height:30px;}
.button.white.medium {padding:0 15px !important; height:40px; line-height:40px;}

.button.black {color:#fff;}
.button.black.vsmall {padding:0 10px !important; height:20px; line-height:20px; color:#fff}
.button.black.small {padding:0 10px !important; height:30px; line-height:30px; color:#fff}
.button.black.medium {padding:0 15px !important; height:40px; line-height:40px; color:#fff}

/* radio / check */
.custom_checkbox {width:16px; height:16px; display:inline-block; z-index:1; background:url("../../inc/img/common/img_set_common.png") no-repeat 0 -20px transparent; position:absolute; left:0;}
/*.ie8 .custom_checkbox {background_image:url("../../inc/img/common/img_set_common.png");}*/
.custom_checkbox.selected {background-position:-32px -20px;}
.custom_checkbox.disabled {background-position:-16px -20px;}
.custom_checkbox.selected.disabled {background-position:-48px -20px;}
.custom_checkbox input[type="checkbox"] {top:0; left:0; width:16px; height:16px; margin:0; position:absolute; z-index:2; cursor:pointer; outline:none; opacity:0;}

.custom_radio {width:16px; height:16px; display:inline-block; z-index:1; top:4px; background:url("../../inc/img/common/img_set_common.png") no-repeat 0 -36px transparent; position:absolute; left:0;}
.ie8 .custom_radio {background-image:url("../../inc/img/common/img_set_common.png");}
.ie8 .custom_checkbox, .ie8 .custom_radio {background:none;}
.custom_radio.selected {background-position:-32px -36px;}
.custom_radio.disabled {background-position:-16px -36px;}
.custom_radio.selected.disabled {background-position:-48px -36px;}
.custom_radio input[type="radio"] {margin:1px; position:absolute; z-index:2; cursor:pointer; outline:none; opacity:0; width:16px; height:16px;}

.input_check .form_design, .input_radio .form_design {display:inline-block}
.input_check.size-regular .form_design, .input_radio.size-regular .form_design {display:inline-block; width:13.8%;}
.input_check label, .input_radio label {display:inline-block; margin:0 10px 0 20px;}
.input_check.size-regular label, .input_radio.size-regular label {margin-right:5px;}
.input_check label.mar-ini, .input_radio label.mar-ini {margin-right:0;}
.input_check.upload {padding-left:0 !important}
.input_check.upload a {margin-right:15px;}

/* select */
.src_select {position:relative; height:48px; display:inline-block; /*border:1px solid #e5e5e5;*/ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; width:100%; background:#fff;}
.src_select .select {position:relative; z-index:1; width:100% !important; height:48px; line-height:48px; padding:0 0 0 10px; cursor:pointer; border:1px solid #e5e5e5; vertical-align:top;}
.src_select:hover .select-indi,
.src_select:focus .select-indi,
.src_select:active .select-indi{background:#fafafa;}
.src_select .select-indi {position:absolute; top:1px; right:1px; width:25px; height:46px; line-height:48px; text-indent:10px; z-index:1; text-align:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; font-size:14px; color:#666; white-space:nowrap; background:#fff;}
.src_select .select-indi:after {content:''; display:block; width:0; height:0; position:absolute; right:10px; top:50%; border-style:solid; border-width:7px 5px 0 5px; border-color:#111 transparent transparent transparent; line-height:0px; z-index:9;margin-top:-2px;}

.filebox {text-align:center;}
.filebox input[type="file"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
.filebox .upload-name {float:left; display:inline-block; padding:0 20px; height:48px; font-size:inherit; font-family:inherit; line-height:normal; vertical-align:middle; background-color:#e5e5e5; -webkit-appearance:none; -moz-appearance:none; appearance:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; width:79%; color:#444;}
.filebox label {display:inline-block; padding:0 20px; font-size:inherit; height:48px; line-height:48px; background-color:#0341a6; color:#fff; cursor:pointer; border-radius:5px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; margin-left:3px; width:20%;}

/* box */
.box_title {position:relative; margin-top:15px;}
.box_title:after {clear:both; display:block; content:'';}
.box_title dt {position:absolute; top:20px; left:0; width:120px; height:120px; line-height:120px; display:inline-block; vertical-align:middle; background-color:#8f9aaa; font-size:16px; font-weight:500; color:#fff; text-align:center;}
.box_title dt span {position:relative; top:12px; line-height:20px; display:inline-block;}
.box_title dt span.alone {top:0;}
.box_title dd {float:left; width:95%; margin-left:5%; background-color:#f2f4f7; min-height:60px;}
.box_title ul {padding:50px 20px 50px 100px;}
.box_title li {position:relative; margin:8px 0; padding-left:30px;}
.box_title li:before {position:absolute; content:''; top:0; left:0; display:block; width:20px; height:20px; background:url('../../inc/img/common/img_set_common.png') no-repeat 0 0; z-index:1;}

.box_con {padding:25px 40px;}
.box_con:after {clear:both; display:block; content:'';}
.box_con.gray {background-color:#f6f6f6; margin-top:30px;}

.box_con li {float:left; width:45%; margin:5px 3% 5px 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

.box_gray {margin-top:20px; padding:25px; background-color:#f6f6f6; border:1px solid #e5e5e5}

.box_kakao {position:relative; padding:25px 40px 25px 90px; border-radius:10px; background:#ffe036; font-size:15px; color:#3b2b30; font-weight:500;}
.box_kakao:before {position:absolute; content:''; left:25px; top:25px; display:block; width:42px; height:45px; background:url('../../inc/img/common/icon_kakao.png') no-repeat 0 0; background-size:contain; z-index:1;}

/* list */
.desc_list {margin:0; color:#000;}
.desc_list dt {margin-bottom:5px; font-size:18px; line-height:18px; font-weight:400; color:#000;}
.desc_list li, .desc_list dd {position:relative; padding:5px 0 5px 10px;}
.desc_list li:before, .desc_list dd:before {position:absolute; content:''; left:0; top:12px; display:block; width:4px; height:4px; background-color:#000; border-radius:50%;}

.desc_list .desc_no, .desc_list .desc_no li {padding-left:0;}
.desc_list .desc_no:before, .desc_list .desc_no li:before {display:none;}

.desc_list.desc_no {}
.desc_list.desc_no li {padding-left:0;}
.desc_list.desc_no li:before {display:none;}

.desc_list02 ul {}
.desc_list02 li {position:relative; padding:5px 0 5px 10px; padding-left:7px; text-align:left;}
.desc_list02 li:before {position: absolute; content: ''; left: 0; top: 12px; display: block; width: 2px; height: 2px; background-color: #1a1a1a; border-radius: 50%;}

.dep2_list {padding-left:15px;}

.arr_list {}
.arr_list li {position:relative; padding:0 0 0 15px;}
.arr_list li:before {position:absolute; content:''; left:0; top:7px; display:block; width:4px; height:4px; border-top:1px solid #000; border-right:1px solid #000; -webkit-transform:rotate(45deg); transform:rotate(45deg);}

.list_block li {float:none; width:100%;}

.calendar_head .cal_month a span {position:absolute; text-indent:-9999em; display:inline-block; width:10px; height:10px; border-top:1px solid #000; border-right:1px solid #000; -webkit-transform:rotate(135deg); transform:rotate(135deg);}

.calendar_head .cal_month .cal_month_prev span {-webkit-transform:rotate(315deg); transform:rotate(315deg);}