@charset "utf-8";

/*********************************************************************************

	대한종양내과학회  Bootstrap v5.1.3
	Version: 1.0
	Note: This is textstyle css. All textstyle css files import here.

**********************************************************************************/

/* 제목, 폰트 및 ul, p, 박스, 탭, 버튼 등 콘텐츠 스타일 */

/* 제목 */
.h4Tit {margin-bottom:30px; padding:0 0 0 25px; font-size:24px; font-weight:700; background:url('images/guide/h_badge1.png') no-repeat left 7px; /*background-size:26px auto;*/}
.h4Tit2 {margin-bottom:30px; font-size:24px; font-weight:700;}
.h5Tit {margin-bottom:20px; font-size:20px; font-weight:700;}
.h5Tit2 {margin-bottom:20px; padding:0 0 0 15px; font-size:20px; font-weight:500; background:url('images/guide/h_badge2.png') no-repeat left 7px; background-size:11px auto;}
.h6Tit {margin-bottom:20px; font-size:18px; font-weight:500;}

/* 폰트 스타일*/
.f_w_t {font-weight:100;}
.f_w_l {font-weight:300;}
.f_w_r {font-weight:400;}
.f_w_m {font-weight:500;}
.f_w_bo {font-weight:700;}
.f_w_bl {font-weight:900;}

.f_st1 {font-size:50px;}
.f_sm1 {font-size:0.93rem;}/*14*/
.f_s1 {font-size:1.0rem;}/*15*/
.f_s2 {font-size:1.06rem;}/*16*/
.f_s3 {font-size:1.13rem;}/*17*/
.f_s4 {font-size:1.2rem;}/*18*/
.f_s5 {font-size:1.26rem;}/*19*/
.f_s6 {font-size:1.33rem;}/*20*/
.f_s7 {font-size:1.46rem;}/*22*/
.f_s8 {font-size:1.53rem;}/*23*/

.f_color1 {color:#666;}
.f_color2 {color:#3d3d3d;}
/*.f_color3 {color:#333;}
.f_color4 {color:#666;}*/
.f_color5 {color:#00a064;}

.ws_pre_line {white-space:pre-line;}
.wb_keep_all {word-break:keep-all;}

.l_h1 {line-height:1.3em;}

/*.text-center {text-align:center;}*/
.text-right {text-align:right;}

.italic {font-style:italic;}

.ex_txt {position:relative; padding:0 0 0 20px; margin-bottom:7px; font-weight:300; color:#666;}
.ex_txt:before {position:absolute; left:0px; top:0px;  display:inline-block; content:"※"; }

/* 학술대회 텍스트 & 배경 색상 */
.text-red { color:#d50000 !important; }
.text-pink { color:#ec407a !important; }
.text-crimson { color:#f44336 !important; }
.text-orange { color:#ff6f00 !important; }
.text-dark-yellow { color:#ffa000 !important; }
.text-yellow2 { color:#E29B1E !important; }
.text-yellow { color:#ffeb3b !important; }
.text-lemon { color:#ffff00 !important; }
.text-olive { color:#827717 !important; }
.text-light-green { color:#4caf50 !important; }
.text-green { color:#2e7d32 !important; }
.text-cyan { color:#009688 !important; }
.text-sky-blue { color:#03a9f4 !important; }
.text-blue { color:#1976d2 !important; }
.text-indigo { color:#0d47a1 !important; }
.text-purple { color:#8e24aa !important; }
.text-burgundy { color:#880e4f !important; }
.text-gray { color:#546e7a !important; }
.text-light { color:#999999 !important; }
.text-white { color:#fff !important; }
.text-black { color:#263238 !important; }

.pastel-red { background-color:#fcebeb !important; }
.pastel-pink { background-color:#fdedf3 !important; }
.pastel-crimson { background-color:#fef0ef !important; }
.pastel-orange { background-color:#fff4eb !important; }
.pastel-dark-yellow { background-color:#fff8eb !important; }
.pastel-lemon { background-color:#ffffeb !important; }
.pastel-yellow { background-color:#fffdf0 !important; }
.pastel-olive { background-color:#f5f4ed !important; }
.pastel-light-green { background-color:#f1f9f1 !important; }
.pastel-green { background-color:#eff5ef !important; }
.pastel-cyan { background-color:#ebf5f6 !important; }
.pastel-sky-blue { background-color:#ebf8fe !important; }
.pastel-blue { background-color:#edf4fb !important; }
.pastel-indigo { background-color:#ecf1f8 !important; }
.pastel-purple { background-color:#f6eef8 !important; }
.pastel-burgundy { background-color:#f6ecf1 !important }
.pastel-gray { background-color:#eff1f1 !important; }

.pastel30-red { background-color:#f2b2b2 !important; }
.pastel30-pink { background-color:#f8bbd0 !important; }
.pastel30-crimson { background-color:#fcc6c2 !important; }
.pastel30-orange { background-color:#ffd4b2 !important; }
.pastel30-dark-yellow { background-color:#ffe2b2 !important; }
.pastel30-yellow { background-color:#fff9c4 !important; }
.pastel30-lemon { background-color:#ffffb2 !important; }
.pastel30-olive { background-color:#d9d6b9 !important; }
.pastel30-light-green { background-color:#c9e7ca !important; }
.pastel30-green { background-color:#c0d8c1 !important; }
.pastel30-cyan { background-color:#b2dadd !important; }
.pastel30-sky-blue { background-color:#b3e5fc !important; }
.pastel30-blue { background-color:#bad6f1 !important; }
.pastel30-indigo { background-color:#b6c7e3 !important; }
.pastel30-purple { background-color:#ddbde5 !important; }
.pastel30-burgundy { background-color:#dbb6ca !important }
.pastel30-gray { background-color:#c3c7ca !important; }
.pastel30-gray2 { background-color:#dddddd !important; }

.text-hidden { width:0; height:0; font-size:0; line-height:0; text-indent:100%; overflow:hidden; white-space:nowrap; visibility:hidden; }


/* tablet */
@media only screen and (max-width : 1260px){

	.f_st1 {font-size:40px;}
	
}
/* mobile */
@media only screen and (max-width : 992px){
	
	.f_s2 {font-size:1.0rem;}

	.f_st1 {font-size:36px;}
	
	.f_s1 {font-size:0.93rem;}
	.f_s2 {font-size:1.0rem;}
	.f_s3 {font-size:1.06rem;}
	.f_s4 {font-size:1.13rem;}
	.f_s5 {font-size:1.2rem;}
	.f_s6 {font-size:1.26rem;}
	.f_s7 {font-size:1.33rem;}
	.f_s8 {font-size:1.46rem;}

}
@media only screen and (max-width : 797px){
	
	.h4Tit {margin-bottom:20px; padding:0 0 0 25px; font-size:22px; background:url('images/guide/h_badge1.png') no-repeat left 7px; }
	.h4Tit2 {margin-bottom:20px; font-size:22px;}
	.h5Tit {margin-bottom:10px; font-size:18px;}
	.h5Tit2 {margin-bottom:10px; padding:0 0 0 13px; font-size:18px; background:url('images/guide/h_badge2.png') no-repeat left 8px; background-size:9px auto;}
	.h6Tit {margin-bottom:10px; font-size:16px;}

	.f_st1 {font-size:32px;}

	.f_s8 {font-size:1.26rem;}

}
@media only screen and (max-width: 586px) {

	.h4Tit {font-size:19px; background:url('images/guide/h_badge1.png') no-repeat left 7px;}
	.h4Tit2 {font-size:19px;}
	.h5Tit {font-size:16px;}
	.h5Tit2 {font-size:16px; background:url('images/guide/h_badge2.png') no-repeat left 6px; background-size:9px auto;}
	.h6Tit {font-size:14px;}
	
	.f_st1 {font-size:28px;}
		
	.f_s1 {font-size:0.86rem;}
	.f_s2 {font-size:0.93rem;}
	.f_s3 {font-size:1.0rem;}
	.f_s4 {font-size:1.06rem;}
	.f_s5 {font-size:1.13rem;}
	.f_s6 {font-size:1.2rem;}
	.f_s7 {font-size:1.2rem;}
	.f_s8 {font-size:1.2rem;}
}
@media only screen and (max-width : 479px){

	.f_st1 {font-size:24px;}
	
	.f_s1 {font-size:0.8rem;}
	.f_s2 {font-size:0.86rem;}
	.f_s3 {font-size:0.93rem;}
	.f_s4 {font-size:1.0rem;}
	.f_s5 {font-size:1.06rem;}
	.f_s6 {font-size:1.13rem;}
	.f_s7 {font-size:1.13rem;}
	.f_s8 {font-size:1.13rem;}


}


/* ul */
ul.ul_line {clear:both; margin-bottom:45px;}
ul.ul_line li {padding-left:10px; margin-bottom:10px; font-size:1.06em; line-height:1.3em; color:#666; background:url('images/guide/bu_bar.png') no-repeat left 11px;}

ul.li_bar {clear:both; margin-bottom:15px;}
ul.li_bar li {padding-left:10px; margin-bottom:10px; font-size:1.13em; line-height:1.3em; color:#666; background:url('images/guide/bu_bar.png') no-repeat left 10px;}
ul.li_bar li ul {margin-top:10px;}
ul.li_bar li ul li {padding:0 0 0 10px; margin-bottom:7px; font-size:1.0em; line-height:1.3em; background:url('images/guide/li_dot.png') no-repeat left 10px;}

ul.li_dot {}
ul.li_dot li {position:relative; padding:0 0 0 10px; margin-bottom:7px; font-weight:300; color:#666;}
ul.li_dot li:before {position:absolute; left:0px; top:0px; display:inline-block; content:"·"; /*margin-right:7px;*/ }

ul.li_dot2 {}
ul.li_dot2 li {position:relative; padding:0 0 0 10px; margin-bottom:7px; font-size:1.06rem; font-weight:300; color:#666;}
ul.li_dot2 li:before {position:absolute; top:11px; left:0px; display:inline-block; content:""; width:4px; height:4px; border-radius:25rem; background:#666;}

ul.li_dash {}
ul.li_dash li {position:relative; padding:0 0 0 10px; margin:7px 0; font-weight:300; color:#666;}
ul.li_dash li:before {position:absolute; left:0px; top:0px; display:inline-block; content:"-"; /*margin-right:7px;*/ }
ul.li_dash li strong {font-weight:500;}

ul.ul_type1 {}
ul.ul_type1 li {position:relative; padding:0 0 0 10px; margin-bottom:7px; font-weight:300;}
ul.ul_type1 li:before {position:absolute; left:0px; top:0px;  display:inline-block; content:"·"; /*margin-right:7px; */}
ul.ul_type1 li strong {font-weight:500;}
ul.ul_type1 li ul li {position:relative; padding:0 0 0 10px; margin-bottom:7px; font-size:0.93rem; font-weight:300; color:#666;}
ul.ul_type1 li ul li:before {position:absolute; left:0px; top:0px; display:inline-block; content:"-"; /*margin-right:7px; */}

ul.li_no {}
ul.li_no li {position:relative; margin-bottom:7px; font-size:1.06rem; font-weight:300; color:#666;}
ul.li_no li ul {margin-left:18px; margin-top:5px;}

.downBtn {display: inline-block; margin-left: 5px;font-weight: 300;font-size: 14px;color: #fff;border-radius: 5px;width: 60px;text-align: center;}

/* dl */
dl.dl_type_dot {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; /*align-items: center; */}
dl.dl_type_dot dt {position:relative;  padding:5px 0 5px 10px; font-size:1.06rem; font-weight:500; }
dl.dl_type_dot dt:before {position:absolute; top:17px; left:0px; display:inline-block; content:""; width:4px; height:4px; border-radius:25rem; background:#666;}
dl.dl_type_dot dd {position:relative; font-size:1.06rem; padding:5px 0 5px 20px; color:#666;}
dl.dl_type_dot dd:before {position:absolute; top:50%; left:0px; margin-top:-7px; content:""; display:block; width:1px; height:14px; background:#dbdbdb;}

dl.dl_type_dot2 {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
dl.dl_type_dot2 dt {position:relative; padding:10px 0 10px 10px; font-size:1.06rem; font-weight:500; }
dl.dl_type_dot2 dt:before {position:absolute; top:22px; left:0px; display:inline-block; content:""; width:4px; height:4px; border-radius:25rem; background:#666;}
dl.dl_type_dot2 dd {position:relative; font-size:1.06rem; padding:10px 0 10px 20px; color:#666;}
dl.dl_type_dot2 dd:before {position:absolute; top:17px; left:0px; content:""; display:block; width:1px; height:14px; background:#dbdbdb;}

dl.dl_type_box {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center; border-top:1px solid #dbdbdb;}
dl.dl_type_box dt {position:relative; padding:10px 0 10px 10px; font-size:1.06rem; font-weight:500;  }
dl.dl_type_box dd {position:relative; font-size:1.06rem; padding:10px 0 10px 20px; color:#000; }

dl.dl_type_dot.w-100px dt,
dl.dl_type_dot2.w-100px dt,
dl.dl_type_box.w-100px dt {width:100px;}
dl.dl_type_dot.w-100px dd,
dl.dl_type_dot2.w-100px dd,
dl.dl_type_box.w-100px dd {width: calc(100% - 100px);}

dl.dl_type_dot.w-180px dt,
dl.dl_type_dot2.w-180px dt,
dl.dl_type_box.w-180px dt {width:180px;}
dl.dl_type_dot.w-180px dd,
dl.dl_type_dot2.w-180px dd,
dl.dl_type_box.w-180px dd {width: calc(100% - 180px);}

dl.dl_type_dot.w-250px dt,
dl.dl_type_dot2.w-250px dt,
dl.dl_type_box.w-250px dt {width:250px;}
dl.dl_type_dot.w-250px dd,
dl.dl_type_dot2.w-250px dd,
dl.dl_type_box.w-250px dd {width: calc(100% - 250px);}

.bt_line_grey {border-top:1px solid #dbdbdb;}
.bb_line_grey {border-bottom:1px solid #dbdbdb;}


/* List */
ul.list-basic { margin-top:-2px; }
ul.list-basic > li { padding:2px 0 2px 0; }
ul.list-style { margin-top:-1px; }
ul.list-style > li { padding:2px 0 2px 20px; }
ul.list-style > li span.first-letter { display:inline-block; width:20px; margin-left:-20px; }
ol.list-number { font-size:15px; margin-top:-2px; }
ol.list-number > li { padding:2px 0 2px 20px; color:#888;}
ol.list-number > li span.first-letter { display:inline-block; width:20px; margin-left:-20px; font-weight: 500;}
ol.list-number > li strong {font-weight:500; color:#000;}
ol.list-number2 { margin-top:-2px; }
ol.list-number2 > li { padding:2px 0 2px 36px; }
ol.list-number2 > li span.first-letter { display:inline-block; width:36px; margin-left:-36px; }
ol.list-number-logo { border-top:1px solid #efefef; }
ol.list-number-logo > li { padding:8px 0 8px 20px; border-bottom:1px solid #efefef; position:relative; }
ol.list-number-logo > li span.first-letter { display:inline-block; width:20px; margin-left:-20px; }
ol.list-number-logo > li strong { font-size:16px; }
ol.list-number-logo  .logo-wrap { position:absolute; right:0; bottom:20px; }
ol.list-number-logo  .logo-wrap img { vertical-align:bottom; }
ol.list-scientific { margin-top:-2px; }
ol.list-scientific > li { padding:2px 0 2px 20px; font-weight:500; }
ol.list-scientific > li span.first-letter { display:inline-block; width:20px; margin-left:-20px; font-weight:300;; }
ol.list-scientific > li em { font-weight:300;; color:#333; }


/* tablet */
@media only screen and (max-width : 1230px){



}
/* mobile */
@media only screen and (max-width : 992px){


}
@media only screen and (max-width : 797px){

	ul.li_dot li {font-size:0.93rem;}
	ul.li_dot2 li {font-size:0.93rem;}

	ul.li_dash li {font-size:0.86rem;}

	ul.li_no li {font-size:0.93rem;}

	dl.dl_type_dot dt,
	dl.dl_type_dot dd {font-size:0.93rem;}
	dl.dl_type_dot dt:before {top: 14px; width:3px; height:3px;}
	
	dl.dl_type_dot2 dt {padding:10px 0 5px 10px; font-size:0.93rem;}
	dl.dl_type_dot2 dt:before {top:20px; width:3px; height:3px;}
	dl.dl_type_dot2 dd {padding:0 0 0 10px; font-size:0.86rem;}
	dl.dl_type_dot2 dd:before {display:none;}

	dl.dl_type_dot.w-100px dt,
	dl.dl_type_dot2.w-100px dt,
	dl.dl_type_box.w-100px dt,
	dl.dl_type_dot.w-100px dd,
	dl.dl_type_dot2.w-100px dd,
	dl.dl_type_box.w-100px dd,
	dl.dl_type_dot.w-180px dt,
	dl.dl_type_dot2.w-180px dt,
	dl.dl_type_box.w-180px dt ,
	dl.dl_type_dot.w-180px dd,
	dl.dl_type_dot2.w-180px dd,
	dl.dl_type_box.w-180px dd,
	dl.dl_type_dot.w-250px dt,
	dl.dl_type_dot2.w-250px dt,
	dl.dl_type_box.w-250px dt,
	dl.dl_type_dot.w-250px dd,
	dl.dl_type_dot2.w-250px dd,
	dl.dl_type_box.w-250px dd {width:100%;}
	
	dl.dl_type_dot dd {padding:5px 0 5px 10px;}
	dl.dl_type_dot dd:before {display:none;}

}
@media only screen and (max-width: 586px) {
	

}
@media only screen and (max-width : 479px){


}

/* 박스 */
.topbox_type1 {position:relative; margin-bottom:50px; padding:50px 50px 50px 220px; border:3px solid #efefef; border-radius:7px;}
.topbox_type1 .topbox-tit {display:block; margin-bottom:20px; font-size:2.0rem; font-weight:700;}
.topbox_type1 .topbox-txt {font-size:1.06rem; color:#666; word-break:keep-all;}

.topbox_type2 {margin-bottom:20px; padding:50px; border:1px solid #dbdbdb; border-radius:10px;}
.topbox_type3 {margin-bottom:20px; padding:50px 40px;  border:3px solid #efefef; border-radius:7px;}
.topbox_type3 p {margin-bottom:20px;}

.cont-box {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; padding:50px 0; }
.cont-box .cont-box-tit {padding:0 0 0 0; width:220px; font-size:1.6rem; font-weight:700;}
.cont-box .cont-box-cons {width: calc(100% - 220px); font-size:1.13rem; color:#666; word-break:keep-all;}

.cont-box.w300px .cont-box-tit {width:300px;}
.cont-box.w300px .cont-box-cons {width: calc(100% - 300px);}

.cont-box-2 {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; padding:0 0 50px 0; border-bottom:1px solid #dbdbdb;}
.cont-box-2 .cont-box-tit {padding:0 0 0 0; width:220px; font-size:1.6rem; font-weight:700;}
.cont-box-2 .cont-box-cons {width: calc(100% - 220px); font-size:1.13rem; color:#666; word-break:keep-all;}

.grey-line-box {margin-bottom:15px; padding:35px; border:1px solid #dbdbdb; border-radius:5px;}
.grey-line-box.type1 .inner {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; }
.grey-line-box.type1 .txtwrap {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: calc(100% - 55px);}
.grey-line-box.type1 .txtwrap .tit_inner {margin-left:40px; display:inline-block; width:180px; font-size:1.2rem; font-weight:500;}
.grey-line-box.type1 .li_dot {width:calc(100% - 180px);}

.grey-line-box.type2 {border-radius:10px; }
.grey-line-box.type3 {margin:0; padding:20px; font-size:0.86rem;}

.grey-box {padding:35px; background:#f9f9f9; border-radius:10px;}
.grey-box2 {padding:15px; background:#f9f9f9; border-radius:10px;}
.grey-box3 {padding:20px; background:#f9f9f9; border-radius:5px;}
.grey-box3 h6 {font-weight:500; margin-bottom:7px; }
.grey-box3 p {font-size:13px;}

.center-box {text-align:center;}

.pic-ui-list {padding:10px 0;}
.pic-ui-list .inner {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap;}
.pic-ui-list .txtwrap {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left:20px; font-size:1.06rem; color:#666;}


/* 아이콘 */
.tp_icon {position:absolute; top:calc(50% - 45px); left:70px; }
.tp_icon .icon {display:inline-block;}
.tp_icon .icon1 {width:90px; height:90px; background:url('images/contents/sub01_02_01_pic.png/') no-repeat center center; background-size:100% auto;}

.tp_icon2 {display:inline-block; }
.tp_icon2.circle1 {width:55px; line-height:55px; border-radius:25rem; text-align:center; color:#fff; background-color:#3f8145;}
.tp_icon2.circle2 {width:55px; line-height:55px; border-radius:25rem; text-align:center; color:#fff; background-color:#32887d;}

.tp_icon3 {display:inline-block; }
.tp_icon3.circle1 {width:55px; line-height:55px; border-radius:25rem; text-align:center; /*color:#fff;*/ background-color:#f5f5f5;}

.tp_icon4 {display:inline-block; font-size:36px; width:100px; line-height:100px; border-radius:25rem; text-align:center; color:#fff; }
.tp_icon4.circle1 {background-color:#68b600;}
.tp_icon4.circle2 {background-color:#16828c;}
.tp_icon4.circle3 {background-color:#007a61;}
.tp_icon4.circle4 {background-color:#00a064;}
.tp_icon4.circle5 {background-color:#449a43;}

/* 이미지 라운드 */
.img-radius1 {border-radius:10px; border:1px solid #f9f9f9;}

/* bg */
.green-bg {background-color:#35b5b1; color:#fff; border:0;}
.green2-bg {background-color:#28926e; color:#fff;  border:0;}
.green2-bg:hover, .green2-bg:focus{background-color: #28926e;color: #fff;}
.blue-bg {background-color:#636e86; color:#fff;  border:0; border:0;}
.blue-bg:hover, .blue-bg:focus{background-color:#636e86; color:#fff;}

/* tablet */
@media only screen and (max-width : 1230px){

	.topbox_type1 {margin-bottom:30px;}
	.topbox_type1 .topbox-tit {font-size:1.8rem;}

	.cont-box {padding:40px 0;}

}
/* mobile */
@media only screen and (max-width : 992px){
	
	.topbox_type1 {margin-bottom:20px; padding:40px 40px; }
	.topbox_type1 .topbox-tit {font-size:1.4rem;}
	.topbox_type1 .topbox-txt {font-size:1.0rem;}

	.cont-box {-webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding:30px 0;}
	.cont-box .cont-box-tit {padding:0 0 10px 0; width:100%; font-size:1.2rem;}
	.cont-box .cont-box-cons {width:100%; font-size:1.06rem;}

	.cont-box.w300px .cont-box-tit,
	.cont-box.w300px .cont-box-cons {width:100%;}
	
	.cont-box-2 {-webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding:0 0 30px 0;}
	.cont-box-2 .cont-box-tit {margin-bottom:10px; width:100%; font-size:1.2rem;}
	.cont-box-2 .cont-box-cons {width:100%; font-size:1.06rem;}

	.topbox_type3 {padding:40px 30px;}

}
@media only screen and (max-width : 797px){
	
	.topbox_type1 {padding:30px; }
	.topbox_type1 .topbox-tit {font-size:1.6rem;}
	
	.topbox_type2 {padding:30px ; }

	.cont-box .cont-box-tit {font-size:1.13rem;}
	.cont-box .cont-box-cons {font-size:0.93rem;}
	
	.grey-line-box {padding:25px;}
	.grey-line-box.type1 .inner {-webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;}
	.grey-line-box.type1 .txtwrap {width:100%; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;}
	.grey-line-box.type1 .txtwrap .tit_inner {display:block; width:100%;margin-left:0px; margin-bottom:10px; text-align:center; }
	.grey-line-box.type1 .txtwrap .tit_inner {font-size:1.06rem;}
	.grey-line-box.type1 .li_dot {width:100%;}

	.pic-ui-list .txtwrap {font-size:0.93rem;}

	.topbox_type3 {padding:30px 25px;}

}
@media only screen and (max-width: 586px) {
	

}
@media only screen and (max-width : 479px){


}

/* 테이블 */
.table.row-table {font-size:0.93rem;}
.table.row-table colgroup {border-top:none !important;}
.table.row-table>:not(:first-child) {border-top:1px solid #dbdbdb;}
.table.row-table th {text-align:center; background:#f8f8f8; border-bottom:1px solid #dbdbdb;}
.table.row-table td {padding:0.5rem 1.0rem; border-bottom:1px solid #dbdbdb;}

.table.row-table.borderT2>:not(:first-child) {border-top:2px solid #000;}

.table.defalut-table {/*font-size:0.93rem;*/  border-bottom:1px solid #dbdbdb; margin-bottom:20px; }
.table.defalut-table>:not(:first-child) {border-top:none;}
.table.defalut-table>:not(caption)>*>* {padding: 1.0rem 0.5rem;}
.table.defalut-table thead th {font-weight:500; border-top:2px solid #000; background:#f8f8f8;}
.table.defalut-table th,
.table.defalut-table td {border-left:1px solid #dbdbdb; text-align:center; vertical-align:middle;}
.table.defalut-table th:first-child,
.table.defalut-table td:first-child {border-left:none;}
.table.defalut-table tbody td {border-top:1px solid #dbdbdb; }
.table.defalut-table tbody td.td-left {text-align:left;}

/* 기본 테이블 */
.table_style1 {width:100%;border-spacing:0;border-collapse:collapse;border-top:2px solid #666;/*table-layout:fixed;*/}
.table_style1 th {background-color:#f8f8f8;}
.table_style1 thead th {border-bottom-color:#666; }
.table_style1 thead th.th_color_bg {background-color:#f3f9f2;}
.table_style1 thead th.th_bt_border {border-bottom-color:#e4e4e4;}
.table_style1 tbody {color:#3d3d3d;}
.table_style1 td, 
.table_style1 th {padding:10px; font-size:0.93rem; border-left:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; white-space: nowrap; text-align:center;  vertical-align:middle;}
.table_style1 tbody th {}
.table_style1 td:first-child, 
.table_style1 th:first-child {border-left:none;}
.table_style1 .text-center {text-align:left;}
.table_style1 .border-left {border-left:1px solid #e4e4e4 !important;}

/* 가변형 */
.table_style2 {width:100%;border-spacing:0;border-collapse:collapse;border-top:2px solid #666;/*table-layout:fixed;*/}
.table_style2 th {background-color:#f8f8f8;}
.table_style2 thead th {border-bottom-color:#666; font-weight:500;}
.table_style2 tbody {color:#3d3d3d;}
.table_style2 th {padding:15px; border-left:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; text-align:center;  vertical-align:middle;}
.table_style2 td {padding:15px; font-size:0.93rem; border-left:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; text-align:left;  vertical-align:middle;}
.table_style2 td:first-child, 
.table_style2 th:first-child {border-left:none;}
.table_style2 .border-left {border-left:1px solid #e4e4e4 !important;}
.table_style2 .txt-point {color:#00a064; font-weight:700;}
.table_style2 a.link {position:relative; display:inline-block; color:#00a064; font-weight:700;}
.table_style2 a.link::after {position:absolute; content: ''; width: 7px; height: 7px; border-top: 2px solid #00a064; border-right: 2px solid #00a064; transform: rotate(45deg); top: 8px; margin-left:5px;}

.user_tb_style {border-top:2px solid #666;}
.user_tb_style thead th {padding:15px; text-align:center; font-size:1.06rem; border-left:1px solid #e4e4e4; border-bottom:1px solid #666; background-color: #f8f8f8;}
.user_tb_style thead th:first-child {border-left:none;}
.user_tb_style>:not(:first-child) {border-top:1px solid #666;}
.user_tb_style tbody th, 
.user_tb_style tbody td {padding:15px;  font-size:1.06rem; border-left:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; vertical-align:middle;}
.user_tb_style tbody th:first-child,
.user_tb_style tbody td:first-child {border-left:none;}
.user_tb_style .border-left {border-left:1px solid #e4e4e4 !important;}
.user_tb_style h5 {margin-bottom:10px;}
.user_tb_style .th_bg {font-weight:500; background:#f8f8f8;}
.user_tb_style .tit,
.user_tb_style .text-strong {font-weight:500;}
.user_tb_style em {color:#666; font-weight:300; font-style:italic;}
.user_tb_style td strong {font-size:0.93rem; font-weight:500;}
.user_tb_style td.line-ht-1 {font-size:0.93rem; line-height:1.5rem; word-break:keep-all;}
.user_tb_style td.line-ht-2 {font-size:0.93rem; line-height:1.3rem; word-break:keep-all;}

.user_tb_style.type2 tbody th, 
.user_tb_style.type2 tbody td {padding:0.5rem 0.5rem;  font-size:13px;}

.program-table th,
.program-table td {padding:0.5rem 0; border:1px solid #ddd; font-size:13px; text-align:center;}
.program-table thead th {font-weight:500;}

/* .tb-bg-1 {background:#f2f4f5 !important;}
.tb-bg-2 {background:#f87070 !important; color:#fff;}
.tb-bg-3 {background:#e0e7ff !important;}
.tb-bg-4 {background:#818cf8 !important; color:#fff;}
.tb-bg-5 {background:#ecfccb !important;}
.tb-bg-6 {background:#22d3ee !important; color:#fff;}
.tb-bg-7 {background:#fce4d6 !important;}
.tb-bg-8 {background:#fff2cc !important;}
.tb-bg-9 {background:#d6dce4 !important;}
.tb-bg-10 {background:#d0cece !important;}
.tb-bg-11 {background:#acb9ca !important;}*/

.tb-bg-1 {background:#f2f4f5 !important;}
.tb-bg-2 {background:#c5b89a !important; color:#fff;}
.tb-bg-3 {background:#cbebf5 !important;}/*e9f2f5*/
/*.tb-bg-4 {background:#9d7dbe !important; color:#fff;}7b8af4*/
.tb-bg-4 {background:#e4d1f8 !important; /*color:#fff;*/}/*7b8af4 c8a7ea*/
.tb-bg-5 {background:#d0e98c !important; }/*ebf5d6*/
.tb-bg-6 {background:#65bdfd !important; color:#fff;}
.tb-bg-7 {background:#f3a72e !important; color:#fff;}/*f59877 f8e4e1 fcf5ed*/
.tb-bg-8 {background:#fcf3d7 !important;}
.tb-bg-9 {background:#c3cddd !important; }
.tb-bg-10 {background:#b5bac5  !important; color:#fff;}/*b8ca84*/
.tb-bg-11 {background:#8592a7 !important; color:#fff;}
.tb-bg-12 {background:#9fb6d4 !important;}

/* tablet */
@media only screen and (max-width : 1230px){



}
/* mobile */
@media only screen and (max-width : 992px){
	
	.user_tb_style thead th,
	.user_tb_style tbody th, 
	.user_tb_style tbody td {font-size:0.93rem;}
	.user_tb_style ul li {font-size:0.93rem;}

}
@media only screen and (max-width : 797px){

    .table.row-table th,
    .table.row-table td {font-size:0.86em;}

	.table_style1 td,
	.table_style1 th {padding:15px; font-size:0.86rem;}

	.user_tb_style thead th,
	.user_tb_style tbody th, 
	.user_tb_style tbody td {padding:15px; font-size:0.86rem;}
	.user_tb_style ul li {font-size:0.86rem;}
	

}
@media only screen and (max-width: 586px) {
	
}
@media only screen and (max-width : 479px){
		
	.table_style1 td,
	.table_style1 th {padding:10px; font-size:0.8rem;}
	
	.user_tb_style thead th,
	.user_tb_style tbody th, 
	.user_tb_style tbody td {padding:10px; font-size:0.8rem;}
	.user_tb_style ul li {font-size:0.8rem;}
}


/*  플렉스 탭메뉴 */
/* 4개 이하시 사용 */
.tab-menu ul {
    /* flex */
    -webkit-appearance:none;
    /* 플렉스 컨테이너 생성 */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    /* 플렉스 감싸기(줄바꿈) 금지 설정 */
    -webkit-box-lines: single;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;

    /* 플렉스 주축 row 설정*/
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;

    /* 를렉스 주축 row-reverse 설정.
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;*/

    /* 플렉스 아이템 교차축 baseline 정렬*/
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;

    margin-bottom:30px;
    border:1px solid #000;
}
.tab-menu ul li {position:relative;
    -webkit-appearance:none;

    /* 플렉스 확장 지수 설정*/
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex-grow: 1;

    border-right:1px solid #000;
}
.tab-menu ul li:last-child {border-right:none;}
.tab-menu ul li a {display:block; font-size:1.13em; line-height:58px; color:#666; text-align:center; background:#fff; }
.tab-menu ul li a:hover,
.tab-menu ul li a:active,
.tab-menu ul li.on a {text-decoration:none; background:#00a064; color:#fff;}

.tabs-menu {overflow:hidden; margin-bottom:30px; border:1px solid #e5e5e5; /*border-radius:7px; */ border-radius:25rem;}
.tabs-menu .nav-tabs {border:none;}
.tabs-menu .nav-tabs .nav-link {height:100%; margin-bottom:0px; padding: 1.0rem 1.5rem; font-size:1.13rem;  color:#666;border:none; /*border-radius:0.25rem;*/ border-radius:25rem;}
.tabs-menu .nav-tabs .nav-link.active {color:#fff; font-weight:500; border-color:transparent; background:#00a064;}

.tabs-menu.type2 {border:none;}
.tabs-menu.type2 .nav-tabs  {justify-content: center; /*justify-content: space-between; */}
.tabs-menu.type2 .nav-tabs .nav-link {padding:1.0rem 3.0rem; margin:0 5px; border:1px solid #ddd;}
.tabs-menu.type2 .nav-tabs .nav-link.active {border-color:#00a064; }
/*.tabs-menu.type2 .nav-tabs.tabs-2 li {width:50%;  text-align:center;}
.tabs-menu.type2 .nav-tabs.tabs-3 li {width:33.333%;  text-align:center; }
.tabs-menu.type2 .nav-tabs.tabs-4 li {width:25%;  text-align:center;}
.tabs-menu.type2 .nav-tabs.tabs-5 li {width:20%; text-align:center;}
.tabs-menu.type2 .nav-tabs.tabs-7 li {width:14.28%; text-align:center;}*/

.tabs-menu.type2 .nav-tabs.tabs-4 .nav-link {padding:1.0rem 2.0rem; }

.tabs-menu2 {overflow:hidden; margin-bottom:30px; }
.tabs-menu2 .nav-tabs {border:none; align-items: center; justify-content: center; flex-wrap: wrap;}
.tabs-menu2 .nav-tabs .nav-item {padding:0 20px; }
.tabs-menu2 ul > li + li {border-left: 1px solid #c0ccde;}
.tabs-menu2 .nav-tabs .nav-link {margin-bottom:0px; padding: 0 0; font-size:1.26rem; font-weight:300; color:#666;border:none;  border-radius:0;}
.tabs-menu2 .nav-tabs .nav-link.active {font-weight:500; color:#00a064;}

.tabs-menu3 {overflow:hidden; margin-bottom:30px; /*border-radius:7px;*/}
.tabs-menu3 ul > li {margin-bottom:-1px; }
.tabs-menu3 ul > li + li {margin-left:3px; }
.tabs-menu3 .nav-tabs {border-color:#f5f5f5;}
.tabs-menu3 .nav-tabs .nav-link {font-size:1.13rem; color:#333; border:2px solid #f8f8f8; border-bottom:0;  background:#f8f8f8; border-top-left-radius: 8px; border-top-right-radius: 8px;}
.tabs-menu3 .nav-tabs .nav-link.active { color:#00a064; border-color:#00a064; background:#fff; border-bottom: transparent;}

.color-tabmenu {margin-bottom:40px; border:none;}
.color-tabmenu .nav-tabs {overflow: hidden; border:none; justify-content: center; /*justify-content: space-between; */ 
	/* display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap; flex-wrap: wrap;*/ margin: -5px;}
.color-tabmenu .nav-tabs .nav-item {/* -webkit-box-flex: 0; -ms-flex: 0 1 calc(25% - 10px);	flex: 0 1 calc(25% - 10px);	width: calc(25% - 10px);*/ margin:5px; }
.color-tabmenu .nav-tabs .nav-item .nav-link {padding: 1rem 2rem; font-weight:500; border-radius: 25rem; border: 1px solid#e8e8e8; text-align:center; color:#888; /*background:#f8f8f8;*/}
.color-tabmenu .nav-tabs li:nth-child(1) .nav-link.active {color: #f44336 !important; background-color: #fef0ef !important;}
.color-tabmenu .nav-tabs li:nth-child(2) .nav-link.active {color: #2e7d32 !important; background-color: #eff5ef !important;}
.color-tabmenu .nav-tabs li:nth-child(3) .nav-link.active {color: #546e7a !important; background-color: #eff1f1 !important;}
.color-tabmenu .nav-tabs li:nth-child(4) .nav-link.active {color: #009688 !important; background-color: #ebf5f6 !important;}
	.color-tabmenu .nav-tabs li:nth-child(5) .nav-link.active {
		color: #009688 !important;
		background-color: #ebf5f6 !important;
	}
	.color-tabmenu .nav-tabs li:nth-child(6) .nav-link.active {
		color: #009688 !important;
		background-color: #ebf5f6 !important;
	}

/* lg */
@media (max-width: 1330px) {
	
	.tabs-menu.type2 .nav-tabs.tabs-7 {justify-content: flex-start; }
	.tabs-menu.type2 .nav-tabs.tabs-7 .nav-link {padding:0.5rem 0.5rem; font-size:1.06rem;}

	.tabs-menu2 .nav-tabs .nav-item {margin-bottom:20px; padding:0 15px;}
	.tabs-menu2 .nav-tabs .nav-link {font-size:1.13rem;}
	

}
/* tablet */
@media only screen and (max-width : 1230px){

	.tabs-menu.type2 .nav-tabs.tabs-4 .nav-link {padding:1.0rem 1.5rem; }

	/*.tabs-menu2 .nav-tabs {justify-content: flex-start;}*/
	.tabs-menu2 .nav-tabs .nav-link {font-size:1.06rem;}

	.color-tabmenu .nav-tabs .nav-item .nav-link {padding:0.75rem 1.5rem; font-size:0.93rem;}

}
/* mobile */
@media only screen and (max-width : 992px){
	
	.tabs-menu .nav-tabs .nav-link {padding:0.5rem 1.25rem; font-size:1.06rem;}

	.tabs-menu.type2 .nav-tabs .nav-link {padding:0.75rem 2rem; font-size:0.93rem;}
	.tabs-menu.type2 .nav-tabs.tabs-4 .nav-link {padding:0.75rem 1.0rem; }

	/*.tabs-menu2 .nav-tabs .nav-item {width:33.333%; padding:0 5px;}
	.tabs-menu2 .nav-tabs .nav-item:nth-child(3n+1) {border-left:none;}
	.tabs-menu2 .nav-tabs .nav-link {text-align:center;}*/

	.tabs-menu3 .nav-tabs .nav-link {font-size:1.06rem; }
		
	.color-tabmenu .nav-tabs {flex-wrap: nowrap;}
	.color-tabmenu .nav-tabs .nav-item {margin:5px 0;}

}
@media only screen and (max-width : 797px){
	
    .tab-menu ul li a {line-height:48px; font-size:1.06em;}
	
	.tabs-menu .nav-tabs .nav-link {padding:0.5rem 1.2rem; font-size:0.93rem;}
	
	.tabs-menu.type2 {border-radius:0px; border-top: 1px solid #ddd; border-left: 1px solid #ddd;}
	.tabs-menu.type2 .nav-tabs {justify-content: space-evenly;}
	.tabs-menu.type2 .nav-tabs .nav-item {border-bottom: 1px solid #ddd; border-right: 1px solid #ddd;}
	.tabs-menu.type2 .nav-tabs.tabs-3 li {width:33.333%}
	.tabs-menu.type2 .nav-tabs.tabs-2 li {width:50%}
	.tabs-menu.type2 .nav-tabs.tabs-4 li {width:25%}
	.tabs-menu.type2 .nav-tabs .nav-link {margin:0 0; padding:0.5rem 0.75rem; text-align:center; font-size:12px; border:none; border-radius:0px;}

	.tabs-menu2 .nav-tabs .nav-link {font-size:0.86rem;} 

	.tabs-menu3 .nav-tabs .nav-link {/*font-size:0.93rem*/ font-size: 2.66666667vw;}
	
	.color-tabmenu .nav-tabs {flex-wrap: wrap; margin:0;  border-top:1px solid#e8e8e8; border-left:1px solid#e8e8e8;}
	.color-tabmenu .nav-tabs .nav-item {width:50%; margin:0; border-bottom:1px solid#e8e8e8; border-right:1px solid#e8e8e8; border-left:1px solid#e8e8e8;}
	.color-tabmenu .nav-tabs .nav-item .nav-link {border:none; border-radius:0px; }

}
@media only screen and (max-width : 586px){

	.tabs-menu .nav-tabs .nav-item {width:33.33%; text-align:center;}
	.tabs-menu .nav-tabs .nav-link {padding:0.5rem 0.2rem; font-size:0.86rem;}

	.tabs-menu2 .nav-tabs .nav-item {width:50%;}
	.tabs-menu2 .nav-tabs .nav-item:nth-child(3n+1) {border-left:1px solid #c0ccde;}
	.tabs-menu2 .nav-tabs .nav-item:nth-child(2n+1) {border-left:none;}
	
	.tabs-menu3 .nav-tabs .nav-link {padding:0.5rem 1.0vw;}
}
@media only screen and (max-width : 479px){
	
	.tabs-menu2 .nav-tabs .nav-item {margin-bottom:10px; }
	.tabs-menu2 .nav-tabs .nav-link {font-size:0.7rem;}  

}
@media only screen and (max-width : 350px){

	.tabs-menu3 {min-width:320px;}
	
}


/* 인풋 */
.checkbox_grey {position:relative; display:block;}
.checkbox_grey input[type="checkbox"]{position:absolute; left:0px; top:0px; width:10px; z-index:1; /*left:0; top:0; width:1px; height:1px; padding:0; border:0 none; margin:0;  overflow:hidden;clip:rect(0 0 0 0);*/}
.checkbox_grey label{position:relative; overflow:hidden; display:block; height:14px; line-height:14px; padding-left:14px; margin-bottom:0px; margin-right:14px; background:url("images/guide/checkbox_grey.png") no-repeat 0 0; background-size:14px auto; cursor:pointer; text-indent:-9999em;  z-index:10;}
.checkbox_grey input[type="checkbox"]:checked + label{background-position: 0 -14px;}

.checkbox_grey2 {overflow:hidden;position:relative; display:inline-block;  vertical-align:middle;}
.checkbox_grey2 input[type="checkbox"]{position:absolute; left:0px; top:3px; width:10px; z-index:1;}
.checkbox_grey2 label {display:inline-block; position:relative; overflow:hidden; margin-bottom:0px; margin-right:14px; line-height:1.0; cursor:pointer; z-index:10; vertical-align:middle;}
.checkbox_grey2 label:before {content:""; display:inline-block; width:14px; height:14px; margin-right:5px; background:url("images/guide/checkbox_grey.png") no-repeat 0 0; background-size:14px auto;}
.checkbox_grey2 input[type="checkbox"]:checked + label:before {background-position: 0 -14px;}

.checkbox_type {overflow:hidden;position:relative; display:inline-block;  vertical-align:middle;}
.checkbox_type input[type="checkbox"]{position:absolute; left:0px; top:0px; width:10px; z-index:1;}
.checkbox_type label {position:relative; overflow:hidden; display:block; height:20px; font-size:0.93rem; line-height:20px; padding-left:30px; margin-right:17px; background:url("images/guide/checkbox_type.png") no-repeat 0 0; background-size:20px auto; cursor:pointer; z-index:10;}
.checkbox_type input[type="checkbox"]:checked + label{background-position: 0 -20px;}

.checkbox_type2 {position:relative; display:block;}
.checkbox_type2 input[type="checkbox"]{position:absolute; left:0px; top:3px; width:10px; z-index:1;}
.checkbox_type2 label {position:relative; display:block;  padding:0 0 0 30px; font-size:0.93rem; z-index:10;}
.checkbox_type2 label:before {overflow:hidden; position:absolute; left:0px; top:2px; content:""; display:inline-block; width:20px; height:20px; background:url("images/guide/checkbox_type.png") no-repeat 0 0; background-size:20px auto; cursor:pointer; }
.checkbox_type2 input[type="checkbox"]:checked + label:before {background-position: 0 -20px;}

.checkbox_round {overflow:hidden;position:relative; display:inline-block;  vertical-align:middle;}
.checkbox_round input[type="checkbox"]{position:absolute; left:3px; top:7px; width:10px; z-index:1;}
.checkbox_round label {display:inline-block; position:relative; overflow:hidden; padding:5px 0 5px 20px; margin-right:16px; font-size:0.93em; color:#a3a3a3; line-height:1.0; cursor:pointer; z-index:10; vertical-align:middle;}
.checkbox_round label:before {position:absolute; top:4px; left:0px; content:""; display:inline-block; width:16px; height:16px; margin-right:5px; background:url("images/guide/checkbox_round.png") no-repeat 0 0; background-size:16px auto;}
.checkbox_round input[type="checkbox"]:checked + label:before {background-position: 0 -16px;}

.radio_grey {overflow:hidden;position:relative; display:inline-block;  vertical-align:middle;}
.radio_grey input[type="radio"]{position:absolute; left:2px; top:8px; width:10px; z-index:1;}
.radio_grey label {display:inline-block; position:relative; overflow:hidden; padding:5px 0 5px 22px; margin-right:17px; line-height:1.0; cursor:pointer; z-index:10; vertical-align:middle;}
.radio_grey label:before {position:absolute; top:4px; left:0px; content:""; display:inline-block; width:17px; height:17px; margin-right:5px; background:url("images/guide/radio_grey.png") no-repeat 0 0; background-size:17px auto; }
.radio_grey input[type="radio"]:checked + label:before {background-position: 0 -17px;}

.boxcheck_btn {overflow:hidden; position:relative;}
.boxcheck_btn input[type="checkbox"]{position:absolute; left:3px; top:7px; width:10px; z-index:1;}
.boxcheck_btn label {position:relative; display:inline-block; padding:0 10px; min-width:100px; font-size:0.86em;line-height:30px; text-align:center; border:1px solid #dbdbdb; border-radius:3px; background:#fff; z-index:2;}
.boxcheck_btn input[type="checkbox"]:checked + label {color:#fff; border-color:#2e324d; background:#2e324d; }

.boxcheck_sbtn {overflow:hidden; position:relative;}
.boxcheck_sbtn input[type="checkbox"]{position:absolute; left:3px; top:7px; width:10px; z-index:1;}
.boxcheck_sbtn label {position:relative; display:inline-block; padding:0 15px; font-size:0.86em;line-height:30px; text-align:center; border:1px solid #dbdbdb; border-radius:3px; background:#f2f2f2; z-index:2;}
.boxcheck_sbtn input[type="checkbox"]:checked + label {color:#fff; border-color:#198754; background:#198754; }

/* 체크박스 & 라디오버튼 */
@keyframes hover-color {
    from {border-color: #c0c0c0; }
    to {border-color: #3e97eb; }
}

.magic-radio,
.magic-checkbox {/*position:absolute; display: none;*/
    position: absolute;
    top: 0px;
    left: 1px;
    width: 15px;
    height: 15px;
    /*margin-top: -10px;*/
    outline: 0;}

.magic-radio[disabled],
.magic-checkbox[disabled] {cursor: not-allowed; }

.magic-radio + label,
.magic-checkbox + label {position: relative; display: block; padding-left: 25px; cursor: pointer; line-height:1.0; vertical-align: middle; }

.magic-radio + label:hover:before,
.magic-checkbox + label:hover:before {animation-duration: 0.4s;animation-fill-mode: both;/*animation-name: hover-color;*/ }

.magic-radio + label:before {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 18px;
    height: 18px;
    content: '';
    border: 1px solid #2e324d;
    background:#fff;}

.magic-checkbox + label:before {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 25px;
    height: 25px;
    content: '';
    border: 1px solid #ccc;
    background:#fff;}

.magic-radio + label:after,
.magic-checkbox + label:after {
    position: absolute;
    display: none;
    content: ''; }

.magic-radio[disabled] + label,
.magic-checkbox[disabled] + label {cursor: not-allowed;color: #e4e4e4; }

.magic-radio[disabled] + label:hover, .magic-radio[disabled] + label:before, .magic-radio[disabled] + label:after,
.magic-checkbox[disabled] + label:hover,
.magic-checkbox[disabled] + label:before,
.magic-checkbox[disabled] + label:after {cursor: not-allowed; }

.magic-radio[disabled] + label:hover:before,
.magic-checkbox[disabled] + label:hover:before {border: 1px solid #e4e4e4;animation-name: none; }

.magic-radio[disabled] + label:before,
.magic-checkbox[disabled] + label:before {border-color: #e4e4e4; }

.magic-radio:checked + label:before,
.magic-checkbox:checked + label:before {animation-name: none; }

.magic-radio:checked + label:after,
.magic-checkbox:checked + label:after {display: block; }

.magic-checkbox + label:after {display: block; }

.magic-radio + label:before {border-radius: 50%; }
.magic-radio + label:after {top:5px; left:5px;width: 8px;height: 8px;border-radius: 50%;background:#2e324d; }
.magic-radio:checked + label:before {border: 1px solid #2e324d; }

.magic-radio:checked[disabled] + label:before {border: 1px solid #ccc; }
.magic-radio:checked[disabled] + label:after {background: #ccc; }

.magic-checkbox + label:before {border-radius: 0px; }
.magic-checkbox + label:after {
    top: 5px;
    left: 10px;
    box-sizing: border-box;
    width: 6px;
    height: 12px;
    transform: rotate(45deg);
    border-width: 2px;
    border-style: solid;
    border-color: #ccc;
    border-top: 0;
    border-left: 0;}
.magic-checkbox:checked + label:after {
    top: 5px;
    left: 10px;
    box-sizing: border-box;
    width: 6px;
    height: 12px;
    transform: rotate(45deg);
    border-width: 2px;
    border-style: solid;
    border-color: #24bfe6;
    border-top: 0;
    border-left: 0; }
.magic-checkbox:checked + label:before {border:1px solid #24bfe6;background: #fff; }
.magic-checkbox:checked[disabled] + label:before {border: #c9e2f9;background: #c9e2f9; }



/* tablet */
@media only screen and (max-width : 1230px){



}
/* mobile */
@media only screen and (max-width : 992px){


}
@media only screen and (max-width : 797px){
	
	
	
	.magic-radio + label, .magic-checkbox + label {padding:2px 0 0 25px; font-size:0.83em;}


}
@media only screen and (max-width: 586px) {
	

}
@media only screen and (max-width : 479px){


}


/*  버튼 */
.button {display:inline-block; border:none;}

.button.basic_btn {padding:0 45px; line-height:45px; font-size:0.93em; font-weight:400; border-radius:0px; color:#fff; background-color:#2e324d; border-radius: 6px;}
.button.basic_btn.green {color:#fff !important; background-color:#035328;}
.button.basic_btn.red {color:#fff !important; background-color:#cc0d0d;}
.button.basic_btn.orange {color:#fff !important; background-color:#ff4500;}
.button.basic_btn.blue {color:#fff; background-color:#0f60ca;}
.button.basic_btn.grey {color:#fff; background-color:#3d3d3d;}
.button.basic_btn.grey2 {color:#fff; background-color:#666;}
.button.basic_btn.black {color:#fff; background-color:#000;}

.button.basic_btn.line {line-height:43px; color:#666; border:1px solid #a3a3a3; background:#fff;}
.button.basic_btn.black2 {padding:0 50px; color:#fff; background-color:#282828;}
.button.basic_btn.line2 {padding:0 50px; line-height:48px; color:#444; border:1px solid #282828; }
.button.basic_btn.line3 {width:200px; line-height:53px; color:#666; border:1px solid #a3a3a3; background:#fff;}
.button.basic_btn.line4 {font-weight:700; line-height:53px; color:#666; border:1px solid #a3a3a3; background:#fff;}

.button.basic_btn.small {padding:0 30px; line-height:30px;}
.button.basic_btn.small2 {padding:0 25px; line-height:40px;}
.button.basic_btn.small3 {padding:0 15px; line-height:35px;}
.button.basic_btn.middle {width:300px;}
.button.basic_btn.middle2 {width:200px; font-size:1.06rem; font-weight:500; line-height:55px;}
.button.basic_btn.middle3 {font-weight:700; line-height:55px;}
.button.basic_btn.wide {width:100%; text-align:center;}
.button.basic_btn.100px {padding:0 0; width:100px;}

.button.basic_btn.radius {border-radius:3px;}

.button.round_btn {padding:0 35px; line-height:50px; font-size:1.06em; font-weight:400; border-radius:50px; }
.button.round_btn.black {color:#fff; background: #282828;}

.button.basic_line_btn {padding:0 25px; font-size:0.93em; color:#666; line-height:33px; height:35px; background:#fff; border:1px solid #dbdbdb; border-radius:3px; }
.button.basic_line_btn.grey {border-color:#a3a3a3;}
.button.basic_line_btn.grey2 {background:#f2f2f2;}

.button.basic_line_btn.small {padding:0 15px; font-size:13px; line-height:28px; height:30px; }
.button.basic_line_btn.middle {line-height:38px; height:40px}
.button.basic_line_btn.noradius {border-radius:0px;}

.button.small_btn {display:inline-block; padding:3px 10px; font-size:12px; font-weight:700; }
.button.small_btn.grey {color:#2e324d; border:1px solid #888; background:#fff;}
.button.small_btn.h30 {padding:0 10px; line-height:28px; }

/* 버튼 사이즈 고정 */
.button.w100px {padding:0 0 !important; width:100px !important;}


/* tablet */
@media only screen and (max-width : 1230px){

}
/* mobile */
@media only screen and (max-width : 992px){

}
@media only screen and (max-width : 797px){
	
	.button.basic_btn {padding:0 25px;}
	
	.button.basic_line_btn {font-size:0.83em;}	

	.button.w100px {padding:0 10px !important;width:auto !important; }
}
@media only screen and (max-width : 479px){

	.button.basic_btn {padding:0 15px;}

}


/* 버튼 수정*/
.u-basic-btn {padding:0.75rem 1.5rem;}


/* 부트스트랩 요소 일괄 수정 */
@media only screen and (max-width : 992px){
	
	.mb-5 {margin-bottom:2rem!important;}

}
@media only screen and (max-width : 797px){
	.mb-5 {margin-bottom:1.6rem!important;}
}
@media only screen and (max-width: 586px) {
	.ratio {margin-bottom:15px; }

	.page-link {padding:0.2rem 0.5rem;}
}