@charset "utf-8";

/**************************************************************************************************************
	공통
**************************************************************************************************************/
html,body,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,big,cite,code,del,dfn,em,font,img,ins,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,ul,ol,li,dl,dt,dd,table,caption,tbody,tfoot,thead,tr,th,td,fieldset,form,label,legend,input,button,textarea,select{margin:0;padding:0;font-family: 'NotoSans', 'Malgun Gothic', '막은 고딕';}
header,footer,section,article,aside,nav,hgroup,details,menu,figure,figcaption{display:block;margin:0;padding:0; font-family: 'NotoSans', 'Malgun Gothic', '막은 고딕';}
legend{display:block;overflow:hidden;position:absolute;width:1px;height:1px;font-size:1px;line-height:0;text-indent:-999em;white-space:nowrap; }
fieldset,img,table,caption,tbody,tfoot,thead,tr,th,td,button,hr{border:0 none}
html{min-width : 1200px;}

img{vertical-align:middle}
body li{*vertical-align:top}
ul li{list-style:none; padding:0; margin:0;}
table{border-collapse:collapse}
caption{visibility:hidden;overflow:hidden;width:0;height:0;font-size:0;line-height:0;}
button{overflow:visible;border:0 none;cursor:pointer}
button::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="reset"]::-moz-focus-inner {padding: 0;border: 0 none}
a { text-decoration:none; color:#000;}
address,
em { font-style:normal }
body,input,select,textarea,a,button,h1,h2,h3,h4,h5,h6 {text-decoration: none;  font-family: 'NotoSans', 'Malgun Gothic', '막은 고딕'; vertical-align: middle;}
a:hover,a:link, a:visited{ text-decoration: none;}
a:hover {filter: contrast(90%); -webkit-filter: contrast(90%);}

h1, h2, h3, h4, h5, h6 {margin: auto; font-size: initial;}

/*skip*/
#skip{position:relative;z-index:999}
#skip ul li{display:inline}
#skip p{display:block;overflow:hidden;position:absolute;width:1px;height:1px;font-size:1px;line-height:0;text-indent:-9999px;white-space:nowrap}
#skip a{position:absolute;top:-100px;left:-999px;display:inline-block;border:1px solid #24242c;background:#31313b;color:white}
#skip a:focus,#skip a:active{top:0;left:0;cursor:pointer; /*zoom:1;*/ display:inline-block;margin-right:9px;padding:5px 8px 4px;background:#31313B;font-weight:normal;font-size:11px;line-height:1.4em}


/*가로 크기*/
.w500 {width:500px;}
.w180 {width:180px;}
.w150 {width:150px;}
.w100 {width:100px;}
.w120 {width:120px;}
.w200 {width:200px;}
.w250 {width:250px;}
.w280 {width:280px;}
.w90 {width:90px;}
.w80 {width:80px;}
.w70 {width:70px;}
.w65 {width:65px;}
.w60 {width:60px;}
.w50 {width:50px;}
.w40 {width:40px;}
.w30 {width:30px;}
.w20 {width:30px;}
.w10{width:10px;}

.w100p {width:100%;}
.w99p {width:99%;}
.w98p {width:98%;}
.w97p {width:97%;}
.w95p {width:95%;}
.w96p {width:96%;}
.w93p {width:93%;}
.w91p {width:91%;}
.w90p {width:90%;}
.w89p {width:89%;}
.w88p {width:88%;}
.w85p {width:85%;}
.w80p {width:80%;}
.w75p {width:75%;}
.w72p {width:72%;}
.w70p {width:70%;}
.w65p {width:65%;}
.w60p {width:60%;}
.w52p {width:52%;}
.w56p {width:56%;}
.w59p {width:59%;}
.w58p {width:58%;}
.w50p {width:50%;}
.w47p {width:47%;}
.w45p {width:44%;}
.w42p {width:42%;}
.w40p {width:40%;}
.w38p {width:38%;}
.w35p {width:35%;}
.w33p {width:33.3333%;}
.w32p {width:32%;}
.w30p {width:30%;}
.w25p {width:25%;}
.w20p{width:20%;}
.w15p{width:15%;}
.w10p{width:10%;}

.mr0 { margin-right:0 !important }
.mr5 { margin-right:5px !important }
.mr10 { margin-right:10px !important }
.mr15 { margin-right:15px !important }
.mr20 { margin-right:20px !important }
.mr25 { margin-right:25px !important }
.mr30 { margin-right:30px !important }
.mr35 { margin-right:35px !important }
.mr40 { margin-right:40px !important }

.ml0 { margin-left:0 !important }
.ml5 { margin-left:5px !important }
.ml10 { margin-left:10px !important }
.ml15 { margin-left:15px !important }
.ml20 { margin-left:20px !important }
.ml25 { margin-left:25px !important }
.ml30 { margin-left:30px !important }

.mt0 { margin-top:0 !important }
.mt5 { margin-top:5px !important }
.mt10 { margin-top:10px !important }
.mt15 { margin-top:15px !important }
.mt20 { margin-top:20px !important }
.mt25 { margin-top:25px !important }
.mt30 { margin-top:30px !important }
.mt35 { margin-top:35px !important }
.mt40 { margin-top:40px !important }
.mt45 { margin-top:45px !important }
.mt50 { margin-top:50px !important }
.mt55 { margin-top:55px !important }
.mt60 { margin-top:60px !important }
.mt70 { margin-top:70px !important }
.mt75 { margin-top:75px !important }
.mt80 { margin-top:80px !important }
.mt90 { margin-top:90px !important }

.mb0 { margin-bottom:0 !important }
.mb5 { margin-bottom:5px !important }
.mb10 { margin-bottom:10px !important }
.mb15 { margin-bottom:15px !important }
.mb20 { margin-bottom:20px !important }
.mb25 { margin-bottom:25px !important }
.mb30 { margin-bottom:30px !important }
.mb35 { margin-bottom:35px !important }
.mb40 { margin-bottom:40px !important }
.mb45 { margin-bottom:45px !important }
.mb50 { margin-bottom:50px !important }
.mb55 { margin-bottom:55px !important }
.mb60 { margin-bottom:60px !important }
.mb70 { margin-bottom:70px !important }
.mb75 { margin-bottom:75px !important }
.mb80 { margin-bottom:80px !important }
.mb90 { margin-bottom:90px !important }

.under { text-decoration:underline !important }

.f11 { font-size:11px !important }
.f12 { font-size:12px !important }
.f14 { font-size:14px !important }
.f15 { font-size:15px !important }
.f16 { font-size:16px !important }
.f17 { font-size:17px !important }
.f18 { font-size:18px !important }
.f20 { font-size:20px !important }
.f21 { font-size:21px !important }
.f24 { font-size:24px !important }
.f26 { font-size:26px !important }

.f-bold {font-weight: 700;}
.f-color-red {color: #ff0000;}
.f-color-blue {color: #21337a;}

.clear { clear:both; }
.fl { float:left !important }
.fr { float:right !important }

.pdt5 { padding-top:5px !important; }
.pdt10 { padding-top:10px !important; }
.pdt15 { padding-top:15px !important; }
.pdt20 { padding-top:20px !important; }
.pdt25 { padding-top:25px !important; }
.pdt30 { padding-top:30px !important; }
.pdt40 { padding-top:40px !important; }
.pdt50 { padding-top:50px !important; }
.pdt60 { padding-top:60px !important; }
.pdt70 { padding-top:70px !important; }
.pdb5 { padding-bottom:5px !important; }
.pdb10 { padding-bottom:10px !important; }
.pdb15 { padding-bottom:15px !important; }
.pdb20 { padding-bottom:20px !important; }
.pdb25 { padding-bottom:25px !important; }
.pdb30 { padding-bottom:30px !important; }
.pdb40 { padding-bottom:40px !important; }
.pdb50 { padding-bottom:50px !important; }
.pdb60 { padding-bottom:60px !important; }
.pdb70 { padding-bottom:70px !important; }
.pdb0 { padding-bottom:0 !important; }

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

form { padding:0; margin:0; }
input[type="checkbox"], input[type="radio"] { vertical-align:middle }
img { max-width:100%;}

.letter-spacing-1 {letter-spacing:-1px;}
.letter-spacing-2 {letter-spacing:-2px;}
.letter-spacing-3 {letter-spacing:-3px;}

* { box-sizing: border-box;  -webkit-overflow-scrolling: touch; }
.inner { width:1100px; margin: 0 auto; }
.hidden { position: absolute; left: -9999px; }



/************************************************************************************************************************************************************************
	layout
************************************************************************************************************************************************************************/
* {letter-spacing: -1px;}

/* head */
#head {border-bottom:1px solid #dbdbdb;}
#head .inner { height: 70px; position: relative; text-align: right; padding-top: 20px;}
#head h1 { position: absolute; left: 0; top: 10px;}
#head .top_btn { display: inline-block; vertical-align: top; font-size: 16px;}
#head .top_btn li {float:left; position: relative; padding: 0 20px; font-weight: 700;}
#head .top_btn li:last-child {padding-right: 0;}
#head .top_btn li + li:before {content: ''; position: absolute; top: 8px; left: 0px; width: 1px; height: 15px; background: #dedede;}
#head .top_btn li:last-child:before {content: none;}
#head .top_btn li a {display: inline-block; font-size: 18px; line-height: 1.8;}
#head .top_btn li a:hover:not(.btn_round),
#head .top_btn li .is_active {border-bottom: 3px solid #3a3a3a;}
#head .top_btn li .btn_round {padding: 2px 20px 4px; font-size: 16px; color: #616161; border-radius: 30px; background: #f0f0f0;}


/* foot */
#foot { height: 150px; border-top: 1px solid #ededed; background: #f9f9f9;}
#foot .inner {position: relative; padding-top: 30px; padding-bottom: 50px; padding-left: 200px;}
#foot .logo_foot { position: absolute; left: 0; top: 25px;}
#foot .fnb .menus a { display: inline-block; position: relative; font-size: 15px;}
#foot .fnb .menus a + a { padding-left: 22px; margin-left: 22px; position: relative;}
#foot .fnb .menus a + a:before { content: ''; position: absolute; left: 0; top: 4px; width:1px; height: 15px; background: #b4b4b4;} 
#foot .fnb .menus a.privacy {color:#375e98; font-weight:600;}

#foot .select-box { position: absolute; right:0; top: 25px;}
#foot .select-box select { vertical-align: middle; width:170px; height: 36px; border: 1px solid #dedede; background: #fff url(../images/sub8/arr_select_down.png) no-repeat top 50% right 10px; -webkit-appearance:none; font-size:14px; font-weight: 200; color: #6a6a6a; padding-left: 10px; }
#foot .select-box .btn-move { display: inline-block; vertical-align: middle; height: 36px; padding: 0 8px; text-align: center; font-size:14px; font-weight: 200; color: #fff; background: #979797; }
select::-ms-expand {  display: none; }
select {vertical-align: middle; width:170px; height: 36px; border: 1px solid #dedede; background: #fff url(../images/sub8/arr_select_down.png) no-repeat top 50% right 5px; -webkit-appearance:none; font-size:14px; font-weight: 200; color: #6a6a6a; padding-left: 10px; }


#foot .foot_txt {margin: 0 0 10px; font-size: 16px; color: #21337a;}
#foot address {display: block; margin-bottom: 0; font-size: 14px; font-weight: 200; color: #4d4d4d;}
#foot .copyright {font-size: 14px; font-weight: 200; color: #4d4d4d;}

#foot .cs {position: absolute; right:0; top: 20px; text-align: right;}
#foot .cs div {font-size: 16px; font-weight: 200; color: #4d4d4d;}
#foot .cs div strong {margin-left: 5px; font-size: 22px; font-weight: 700;}
#foot .cs p {font-size: 14px; font-weight: 200; color: #4d4d4d; }


/* main */
#main { width:1100px; min-height: calc(100vh - 71px - 150px); margin: 0 auto;}
.visual_info_txt {padding: 36px 0; text-align: center; font-size: 30px; font-weight: 200; line-height: 1.6; }
.visual_info_txt strong {font-size: 36px; font-weight: 900;}
.visual_list {margin-bottom: 80px;}
.visual_list:after {content:''; clear: both; display: block;}
.visual_list > li {position: relative; float: left; width: 540px; height: 460px; padding: 0; text-align: center;}
.visual_list > li + li {margin-left: 20px;}
.visual_list > li:first-child {background: url(../images/sub8/bg_info_01.png) no-repeat 0 0;}
.visual_list > li:last-child {background: url(../images/sub8/bg_info_02.png) no-repeat 0 0;}
.visual_list > li:before {content:''; position: absolute; top: 20px; left: 20px; display: block; width: 500px; height: 420px; border: 1px solid rgba(255,255,255,0.3);}
.visual_list > li .title {margin-top: 117px; padding-top: 70px; font-size: 30px; font-weight: 700; color: #fff; text-shadow: 0 2px 2px rgba(0,0,0,.2);}
.visual_list > li [class^=ico_type] {position: relative;}
.visual_list > li [class^=ico_type]:after {content: ''; display: block; position: absolute; top: 0; left: 50%; width: 50px; height: 52px; margin-left: -25px; background: url(../images/sub8/ico_info.png) no-repeat 0 0;}
.visual_list > li .ico_type01:after {background-position: 0 0;}
.visual_list > li .ico_type02:after {background-position: -50px 0;}
/*
.visual_list > li:last-child .title {padding-top: 50px;}
.visual_list > li:last-child [class^=ico_type]:after {top: -30px;}
*/

.visual_list .btn_group {width: 150px; margin: 30px auto 0;}
.visual_list .btn_group a, 
.visual_list .btn_group button {display: block; position: relative; width:100%; padding: 4px 20px 5px; font-size: 20px; color: #fff; text-align: left; border: 1px solid rgba(255,255,255,.4); border-radius: 30px; background: none;}
.visual_list .btn_group a:after, 
.visual_list .btn_group button:after {content:''; display: block; position: absolute; top: 50%; right: 20px; width: 10px; height: 15px; margin-top: -7px; background: url(../images/sub8/arr_btn_w.png) no-repeat 0 0;}
.visual_list .btn_group a:hover, 
.visual_list .btn_group button:hover {background: rgba(255,255,255,0.1);}
.visual_list .btn_group a + a,
.visual_list .btn_group button + button {margin-top: 8px;}
.visual_list .btn_group .disabled {opacity: 0.5; background: rgba(255,255,255,0.1); cursor: default;}
.visual_list .btn_group .disabled:hover {background: rgba(255,255,255,0.1);}

.visual_list .desc_group {padding: 30px 40px 0; }
.visual_list .desc_group .stit {margin-bottom: 3px; text-align: left; font-size: 12px; font-weight: bold; color: #fff; letter-spacing: 0;}
.visual_list .bu_dot {margin-bottom: 13px; opacity: 0.9;}
.visual_list .bu_dot li {text-align: left; font-size: 12px; color: #fff; }

/* container */
#container { width:1100px; min-height: calc(100vh - 71px - 150px); margin: 0 auto; position: relative; padding: 30px 0 50px;}
#container:after { display: block; content: ''; clear: both; }


/* aside */
aside { float:left; width:200px; }
aside h2 {padding: 15px 20px; background:#132468; font-size:22px; font-weight: 200; color: #fff;}
aside nav {border-top:1px solid #364686; background: #21337a;}
aside nav ul {padding: 15px 0;}
aside nav li {display: block; }
aside nav li a {display: block; padding: 8px 20px; font-weight: 200; color: rgba(255,255,255,.4);}
aside nav li .is_active {position: relative; font-weight: 400; color: #fff;}
aside nav li a:hover {color: #fff;}
aside nav li .is_active:after {content: ''; display: block; position: absolute; top: 50%; right: 20px; width: 10px; height: 15px; margin-top: -7px; background: url(../images/sub8/arr_btn_w.png) no-repeat 0 0;}


/* content */
.content { float: right; width: 880px; min-height: 600px; padding: 40px 30px; box-shadow: 0 0 10px -2px rgba(0,0,0,.2);}



/************************************************************************************************************************************************************************
	component
************************************************************************************************************************************************************************/
/* title */
.title_lv1 {font-size: 24px; font-weight: 700; color: #21337a; text-align: center;}
.title_lv2 {font-size: 20px; font-weight: 700;}
.title_lv2_1 {font-size: 20px; font-weight: 700; text-align: center;}

.title_lv1 + p,
.title_lv1 + .tab_box {margin-top: 35px;}
.title_lv2 + p {margin-top: 20px;}


/* button */
.btn {display: inline-block;  border: 0;}
.btn.btn_basic {min-width: 110px; padding: 11px 20px 12px; font-size: 17px; font-weight: bold; color: #fff; background: #2362b0;}
.btn.btn_primary {min-width: 90px; height: 30px; padding: 5px 15px 5px; font-size: 14px; font-weight: bold; color: #21337a; background: #fff; border: 1px solid #21337a; line-height: 1.1;}
.btn.btn_secondary {min-width: 110px; height: 46px; padding: 10px 20px 11px; font-size: 17px; font-weight: bold; color: #21337a; background: #fff;  border: 1px solid #21337a;}
.btn.btn_third {}

.btn.small {min-width: auto; padding: 5px 10px 7px; font-size: 14px;}
.btns {text-align: center;}


/* tab level 1 */
.tab_box:after {content: ''; display: block; clear: both;}
.tab_box li {float: left; width: 50%;}
.tab_box li a {display: block; padding: 16px 20px 17px; font-size: 18px; font-weight: bold; text-align: center; color: #21337a; background: #ebeef5; }
.tab_box li .is_active {color: #fff; font-weight: 700; background: #21337a;}

.content .cont {padding: 40px 0 0;}
.content .cont h4 {position:relative; font-size:20px; color:#21337a; font-weight:bold; margin-bottom:15px;}
.content .cont h4 span.small-text-right {position: absolute; bottom:0px; right:0px; font-size:15px; font-weight:normal;}


/* 약관동의 */
.info-collapse { padding-bottom: 40px; border-top:1px solid #21337a;}
.info-collapse > ul > li { display: block; padding: 16px 0;  line-height: 1.2; padding-right:40px; font-size:20px; position: relative; border-bottom: 1px solid #dedede;}
.info-collapse > ul > li p strong { display: inline-block; width: 380px; font-size:17px;}
.info-collapse > ul > li p strong em { font-weight:normal; }
.info-collapse input[type=radio] {margin-top: -1px;}
.info-collapse .agree { position: absolute; top: 20px; right:0; font-size:14px;}

.agree_wrap {position: relative;} 
.agree_wrap .btn-view { position: absolute; top: 35px; right: 0; display:inline-block; font-size:14px; padding: 6px 20px 6px; background:#fff; color:#21337a; border: 1px solid #21337a;}



/* 결과목록 */
.board-type4 {margin-bottom: 25px; border-top:1px solid #21337a; border-bottom: 1px solid #a1a1a1;}
.board-type4 table { width:100%; border-collapse: collapse;}
.board-type4 table thead th {background:#f1f1f1; height: 42px; font-size:15px; color: #393939; border-left: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; font-weight: 400; text-align: center;}
.board-type4 table thead th:first-child { border-left: 0;}
.board-type4 table tbody td { padding:10px 5px; text-align: center; font-size:14px; color: #393939; border-left: 1px solid #ebebeb; font-weight: 200;}
.board-type4 table tbody td:first-child { border-left: 0;}
.board-type4 table tbody tr + tr td { border-top:1px solid #ebebeb;}
.board-type4 table tbody td.subj { text-align: left; padding-left: 10px;}
.board-type4 table tbody td.add { text-align: left; padding-left: 10px;}
.board-type4 table tbody td a.sky-color {color:#374a5b;}
.board-type4 table tbody td.empty {text-align: center;}


/* 다중입력폼 */
.board-type5 { border-top:1px solid #21337a; }
.board-type5 table { width:100%; border-collapse: collapse; border-bottom: 1px solid #a4a4a4; }
.board-type5 table thead th {background:#eaeef1; height: 42px; font-size:15px; color: #393939; border-left: 1px solid #a4a4a4; border-bottom: 1px solid #a4a4a4;  font-weight: 400;}
.board-type5 table thead th:first-child { border-left: 0; }
.board-type5 table tbody td { padding:10px 5px; text-align: center; font-size:14px; color: #393939; font-weight: 100; }
.board-type5 table tbody td:first-child { border-left: 0; }
.board-type5 table tbody tr + tr td { border-top:1px solid #a4a4a4; }
.board-type5 table tbody td.subj { text-align: left; padding-left: 20px; }
.board-type5 table tbody td .inp { height: 30px; border: 1px solid #bebebe; padding:0 5px; font-size:13px; color: #333; font-weight: 100; ;}
.board-type5 table tbody td .select { height: 30px; border: 1px solid #bebebe; padding:0 0 0 5px; font-size:13px; color: #333; font-weight: 100; ;}
.board-type5 table tbody td .inp.inp-cal { background:#fff url(/images/common/ico_datepicker.png) no-repeat 95% 50%; }
.board-type5 table tbody td .tx-r {text-align:right;}
.board-type5 table tbody td .tx-c {text-align:center;}
.board-type5 table tbody td.tx-r {text-align:right; padding-right:10px;}
.board-type5 table tbody td.tx-c {text-align:center;}
.board-type5 table tbody td .inpbg {background:#f1f1f1;}
.board-type5 table tbody td input[type="radio"] { vertical-align:middle; margin:5px}
.board-type5 table tbody td input[type="checkbox"] { vertical-align:middle; margin:5px}
.board-type5 table thead th[rowspan]:first-child { border-right:1px solid #a4a4a4; }
.board-type5 table tbody td[rowspan]:first-child { border-right:1px solid #a4a4a4; }
.board-type5.write table {}
.board-type5.write table thead th.tx-l {text-align:left; padding-left:20px;}
.board-type5.write table tbody th { text-align: left; padding-left: 20px; background:#ebeef5; border-left: 1px solid #a4a4a4; border-bottom: 1px solid #a4a4a4; font-size: 14px; font-weight: normal;}
.board-type5.write table tbody th.tx-c {text-align:center; padding-left:0;}
.board-type5.write table tbody th:first-child { border-left: 0; }
.board-type5.write table tbody th.left-line {border-left: 1px solid #a4a4a4;}
.board-type5.write table tbody th.top-line {border-top: 1px solid #a4a4a4;}
.board-type5.write table tbody td { text-align: left; padding:5px 10px;}
.board-type5.write table tbody td.tx-r {text-align:right;}
.board-type5.write table tbody td.tx-c {text-align:center; padding-left:0;}
.board-type5.write .pd-tb15 {padding-top:15px; padding-bottom:15px;}
.board-type5.write .inp-add-btn {border:1px solid #e9e9e9; display:inline-block; background:#f1f1f1; height:30px; line-height:30px; padding:0 20px;}
.board-type5.write .inp-hp-btn {border:1px solid #a0b2d6; background:#a0b2d6; color:#ffffff; display:inline-block; height:32px; line-height:30px; padding:0 20px; border-radius:5px;}
.board-type5.write table tbody td textarea { width:100%; height: 280px; border: 1px solid #a1a1a1; padding: 10px 10px; font-size:14px; color: #333; font-weight: 300; ; resize:none;}


/*board typec */
table.board_typeC {width:100%; border-top:1px solid #9c9c9c;}
table.board_typeC thead th {font-size:14px; line-height:20px; padding:10px 10px; color:#515151;border:1px solid #9c9c9c; background:#9c9c9c; color:#fff; word-break: break-all; text-align: center;}
table.board_typeC tbody th { padding:10px 10px; border:1px solid #92b9e5; background:#9c9c9c; color:#fff;}
table.board_typeC tbody td { position:relative; font-size:14px; line-height:20px; padding:10px 10px; border:1px solid #9c9c9c; word-break: break-all;}


/* bullet */
.desc {margin: 10px 0; padding: 0px 20px 0 0;}
.desc .bu_dot li {position: relative; display: block;  padding-left: 10px; color: #616161; font-size: 14px;}
.desc .bu_dot li:after {content:''; position: absolute; top: 10px; left: 0; display: block; width: 3px; height: 3px; margin-top: -1px; border-radius: 50%; background: #000;}
.desc .bu_dot li + li {margin-top: 10px;}

.desc_top {margin-bottom: 20px; padding: 0px;}
.desc_top .bu_dot li {position: relative; display: block; padding-left: 10px; color: #616161; font-size: 14px;}
.desc_top .bu_dot li:after {content:''; position: absolute; top: 10px; left: 0; display: block; width: 3px; height: 3px; margin-top: -1px; border-radius: 50%; background: #000;}
.desc_top .bu_dot li + li {margin-top: 5px;}
.desc_top .bu_dot li.none {padding-left: 0;}
.desc_top .bu_dot li.none:after {content: none;}


/* terms */
.terms {padding: 30px; font-size: 14px;}
.terms.no-border:focus {outline: 0 !important;}
.terms * {font-size: 14px;}
.terms .tit {font-size: 16px; font-weight: bold;}
.terms p + p {margin-top: 5px;}
.terms p + .tit {margin-top: 20px;}
.terms p + table {margin-top: 10px;}
.terms table + p {margin-top: 10px;}
.terms .b {font-weight: bold;}
.terms .u_f16 {text-decoration: underline; font-size: 16px;}
.terms .che_top {margin: 0; margin-top: -3px;}

.security_box {text-align: center;}
.info_box {margin-top: 20px;}
.info_box p {text-align: center; font-size: 16px; color: #316BB2;}
.info_box p strong {font-size : 20px;}
.info_box p + p {margin-top: 10px;}
.modal-dialog.w800 {width: 800px;}
.security_img {position: relative; display: inline-block; margin-top: 30px; text-align: center; background:#fff; -webkit-box-shadow: 0 1px 6px 1px rgba(0,0,0,.15); box-shadow: 0 1px 6px 1px rgba(0,0,0,.15);}
.security_img img {width: 600px; opacity: 0.8;}

/* loading */
.loading {display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; background: rgba(0,0,0,.5); z-index: 1000;}
.loading .inner {position: absolute; top: 50%; left: 50%; margin-top: -25px; margin-left: -50px; width: 200px; height: 50px; text-align: center; color: #fff;}
.loading .inner p {margin-top: 10px; text-align: center; color: #fff; font-size: 12px; letter-spacing: 1px; opacity: 0.7;}
.loading .inner img {width: 40px; height: 40px;}
.loading.is_active {display: block;}

/* options_box 2021-01-07 추가 */
.options_box {padding: 20px; margin-top: 20px; border: 1px solid #dedede; font-size: 14px;}
.options_box h5 {color: #21337a; font-weight: bold; font-size: 14px;}
.options_box .options_input_group {margin-top: 20px;}
.options_box .options_input_group li {margin-bottom: 5px; font-weight: bold;}
.options_box .options_input_group input[type="checkbox"],
.options_box .options_input_group input[type="radio"]{margin: 0; margin-top: -3px;}
.options_box .dot_list {margin-top: 20px;}
.options_box .label_list {margin-top: 20px; padding-top: 20px; border-top: 1px solid #dedede;}
.options_box .label_list dt {font-weight: bold;}
.options_box .label_list dd {margin-top: 12px; line-height: 22px; position: relative; padding-left: 100px;}
.options_box .label_list dd span {position: absolute; left: 0; top: 0; min-width: 90px; display: inline-block; line-height: 22px; height: 22px; border-radius: 10px; color: #fff; background-color: #21337a; text-align: center;}

.ft14_inp {font-size: 14px !important;}
.ft17_inp {font-size: 17px !important;}

/**************************************************************************************************************
	bootstrap modal
**************************************************************************************************************/
.modal{text-align: center;padding: 0!important;}
.modal:before {content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -4px;}
.modal-dialog {display: inline-block;text-align: left;vertical-align: middle;}
.modal-dialog.autoScroll{overflow-y: scroll;}
.modal-content{border-radius: 0;border: 0;}
.modal-content .modal-header{position: relative; padding: 20px 30px;border-bottom: 0; height: 60px; background-color: #21337a;}
.modal-content .modal-header .modal-title {float: left;font-weight: 400;font-size: 20px;line-height: 1;color: #ffffff;}
.modal-content .modal-header .close {display: block; position: absolute; top: 20px; right: 20px; color: #fff; opacity: 1;text-shadow: none;}
.modal-content .modal-header .close img {display: block;}
.modal-content .modal-body {max-height: 80vh; padding: 20px 30px; overflow-y: auto;}

.board-bottom { margin-bottom: 40px; }
.board-bottom:after { display: block; content: ''; clear: both; }
.board-bottom a { display: inline-block; vertical-align: middle; text-align: center; padding:0 15px; min-width:72px; height: 35px; line-height: 35px; border-radius:3px; background: #5590d9; font-size:14px; color: #fff; font-weight: 300; }
.board-bottom a.btn2 { background: #858585; }
.board-bottom a.btn3 { background: #fc5454; }
.board-bottom .col-left a { margin-right: 5px;}
.board-bottom .col-right a { margin-left: 5px;}

.sub-tab-menu {}
.sub-tab-menu:after { display: block; content: ''; clear: both; }
.sub-tab-menu ul {}
.sub-tab-menu li {float:left; background:#ffffff; border:1px solid #e1e1e1; border-left:none; height:50px; line-height:48px; text-align:center;}
.sub-tab-menu li:first-child { border-left:1px solid #e1e1e1; }
.sub-tab-menu li.first-child { border-left:1px solid #e1e1e1; }
.sub-tab-menu li.b-line { border-top:0; }
.sub-tab-menu li a {display:block; color:#2a2a2a; font-size:16px;}
.sub-tab-menu li.on {background:#3351A0;}
.sub-tab-menu li.on a {color:#ffffff; font-weight:600;}
.sub-tab-menu ul.num1 li {width:100%;}
.sub-tab-menu ul.num2 li {width:50%;}
.sub-tab-menu ul.num3 li {width:33.333333%;}
.sub-tab-menu ul.num4 li {width:25%;}
.sub-tab-menu ul.num5 li {width:20%;}
.sub-tab-menu ul.num6 li {width:16.666666%;}

.privacy-textarea-box {border:1px solid #a1a1a1;}
.privacy-textarea-box .top-text {padding:25px; line-height:24px; font-size:15px;  height:410px; overflow-x:hidden; background:#ffffff;}
.privacy-textarea-box .bottom-checkbox {background:#f1f1f1; line-height:30px; text-align:left; font-size:16px; padding:15px 0 15px 25px;}
.privacy-textarea-box .bottom-checkbox label {margin-left:10px; margin-right:0px;}
.privacy-textarea-box .bottom-checkbox  input[type="checkbox"] { vertical-align:middle; margin-top:-4px;}
.privacy-textarea-box .bottom-checkbox  input[type="radio"] { vertical-align:middle; margin-top:-4px;}
.privacy-textarea-box .b {font-weight: bold;}
.privacy-textarea-box .u_f16 {text-decoration: underline; font-size: 16px;}