/* 여기에 작업 또는 수정할 당신의 css style을 설정하세요. (customizations) */
/*
Bootstrap이 포함되지 않은 디자인.

*/

#bo_list, #bo_w {position:relative;max-width:118rem;margin:60px auto;}
#bo_list:after, #bo_w:after, #bo_v:after {display:block;visibility:hidden;clear:both;content:""}






/*---------- Page Content Area ----------*/

/* sub1.html */
.sub_content_area {}
.sub_content_area.bg {border-top:1px solid #eaebef; background-color:#f7f8fa;}

.sub1_cntt {margin-left:140px;margin-right:140px; padding-bottom:50px; }
.sub_1_chc1 {margin-top: 50px; text-align:center;}
.sub_1_chc1 .row .col-3 {padding: 0px 5px;}
.sub_1_chc1 .row .col-3:first-child {padding-left: 0px;}
.sub_1_chc1 .row .col-3:last-child {padding-right: 0px;}

.sub_1_chc1 .row .col-3 .col-box {position:relative; border:1px solid #666; border-radius:10px !important; color:#666; background-color:#FFF;height:270px; padding:50px 25px; cursor:pointer;}
.sub_1_chc1 .row .col-3 .col-box  h4 {font-size:1.6rem;font-weight:900; letter-spacing:1px }
.sub_1_chc1 .row .col-3 .col-box  h5 {font-size:0.8rem;margin-bottom:15px;font-weight:700; letter-spacing:1px }
.sub_1_chc1 .row .col-3 .col-box  .small {font-size:1.2rem;}
.sub_1_chc1 .row .col-3 .col-box  .checkbox { position:absolute; top:18px; left:18px; border:1px solid #666; border-radius:15px !important; height:30px; width:30px; color:#666; }

.sub_1_chc1 .row .col-3 .col-box.on {border:1px solid #1db3e6; color:#FFF;background-color:#1db3e6;}
.sub_1_chc1 .row .col-3 .col-box.on .checkbox {border:3px solid #1295c2; color:#1db3e6; background-color:#FFF}

.sub_1_chc2 {margin-top:30px; text-align:center;}
.sub_1_chc2 .row .col-2 {padding: 0px 5px;}
.sub_1_chc2 .row .col-2 .col-box {position:relative; border:1px solid #666; border-radius:21px !important; color:#666; background-color:#FFF;height:42px; line-height:40px; font-size:1.4rem; font-weight:400; text-align:center }
.sub_1_chc2 .row .col-2 .col-box.on {border:1px solid #1db3e6; color:#FFF;background-color:#1db3e6;}

.sub_1_chc3 {margin-top:30px; text-align:center;}
.sub_1_chc3 .row .col-3 {padding: 0px 5px;}

.sub_1_chc4 {margin-top:30px; text-align:center;}

#lists {margin-top:30px;}
.ptl_pnl {margin:20px 0px; padding:10px 0px; border-top:1px solid #CCC; cursor:pointer;}

.ptl_pnl img {width:100%; height:auto; margin-bottom:15px;}
.ptl_pnl .ptl_title {font-size:2.0rem; line-height:1.8; font-weight:700;}
.ptl_pnl .ptl_title .small {font-weight:300;}
.ptl_pnl .ptl_desc {line-height:1.5; font-size:1.4rem;color:#666;}
/*
.ptl_pnl .ptl_img {padding:0px; margin: 0px 0px 15px 0px; position:relative;}
.ptl_pnl .ptl_img img {width:100%; height:auto;}
.ptl_pnl .ptl_img a {position:absolute; right:150px; bottom: 50px; border:1px solid blue; z-index:999;}
.ptl_pnl .ptl_img a > img {border:1px solid red;}
.ptl_pnl .ptl_title {font-size:2.0rem; line-height:1.8; font-weight:700;}
.ptl_pnl .ptl_title .small {font-weight:300;}
.ptl_pnl .ptl_desc {line-height:1.5; font-size:1.4rem;color:#666;}
*/


.loading {position: absolute; display:none; background: url("/sub1/img/loading.gif") no-repeat;background-size: 100%;width: 100px;height:100px;top:50%; left:50%;margin-left: -50px;bottom: -50px; z-index:999; }
#mask {position:absolute;left:0;top:0;z-index:100;background-color:#000;display:none;}



/* sub3/sub3.html*/
#rst-title {margin:30px 0px 50px; }
#rst-title .col-6 { text-align:center; border-bottom:2px solid #f6f6f6; height:55px;}

.rst-cntt {padding:0px; margin:0px !important }
.rst-cntt.d-none {display:none;}
.btn-rst-title {border:0px; border-bottom:3px solid #f6f6f6; font-size:2.8rem; font-weight:700; padding:20px 130px; background-color:#FFF;}
.btn-rst-title.on {border-bottom:3px solid #1db3e6;}
.rst-cntt-title {font-size:1.8rem; font-weight:500; border-bottom:15px solid #fafafa; padding:0px 20px 50px; margin-bottom:50px;}
.rst-cntt-title strong {font-size:1.8rem; font-weight:900;}
.rst-cntt-title span {margin-left:5px; margin-right:5px;}
ul.rst-cntt-tags { margin:0px 20px 30px; display:inline-block; }
ul.rst-cntt-tags li.tags {float:left; border:1px solid #023377; border-radius:8px !important; color:#023377; background-color:#FFF; padding:4px 10px; font-size:1.4rem; margin-right:18px; margin-bottom:10px; display: inline-block; list-style-type:none; font-weight:700; }
ul.rst-cntt-tags li.tags.on {border:1px solid #023377; color:#FFF; background-color:#023377; }

.rst-cntt-cont {padding:0px 20px; margin-bottom:30px !important }
.rst-cntt-cont h4.title {margin:0px auto 15px; font-size:1.6rem;font-weight:900}

.rst-cntt-cont .col-3 {padding:0px 10px !important; text-align:center; margin-bottom:20px;}
.rst-cntt-cont .col-3:nth-child(4n+1) {padding-left:0px !important;}
.rst-cntt-cont .col-3:nth-child(4n+4) {padding-right:0px !important;}
.rst-cntt-cont strong {font-size:1.6rem;font-weight:900;}
.rst-cntt-cont .pnl { border:1px solid #cccccc; border-radius:25px !important; color:#666; background-color:#FFF; padding:25px 25px;}
.rst-cntt-cont .pnl img {width:200px; height:auto;}
.rst-cntt-cont .pnl h4 {font-size:1.8rem; text-align:center;}



/*---------- Custom Button ----------*/
.btn-chc {border:1px solid #1db3e6; border-radius:12px !important; color:#FFF; background-color:#1db3e6; font-size:1.6rem; font-weight:500; padding:6Px 25px;}
.btn-chc:hover, .btn-chc:focus, .btn-chc:active {color:#1db3e6; background-color:#FFF;}



/*---------- Media Query ----------*/
@media screen and (min-width:1025px) and (max-width:1440px) {
	.sub_content_area {padding:0px 15px !important;}

	.sub1_cntt {margin-left:100px;margin-right:100px; }
	
	.rst-cntt-cont .pnl img {width:170px;}
}

@media screen and (min-width:993px) and (max-width:1024px) {
	.sub_content_area {padding:0px 10px !important;}

	.sub1_cntt {margin-left:100px;margin-right:100px; padding-bottom:50px; }
	.sub_1_chc1 .row .col-3 .col-box {padding:50px 15px; height:280px;}
	.sub_1_chc1 .row .col-3 .col-box  h4 {font-size:1.231rem}
	.sub_1_chc1 .row .col-3 .col-box  h5 {font-size:0.615rem}
	.sub_1_chc1 .row .col-3 .col-box  .small {font-size:0.923rem}

	.sub_1_chc2 .row .col-2 .col-box {font-size:1.077rem; }

	.sub_1_chc3 .row .col-3  label {font-size:1.077rem; }

	.rst-cntt-title {font-size:1.385rem;}
	ul.rst-cntt-tags li.tags {margin-right:10px; margin-bottom:7px; font-size:1.077rem;}

	.rst-cntt-cont {padding:0px 0px;}
	.rst-cntt-cont h4.title {font-size:1.231rem;}
	.rst-cntt-cont strong {font-size:1.231rem;}
	.rst-cntt-cont .pnl {padding:20px 20px;}
	.rst-cntt-cont .pnl h4 {font-size:1.385rem;}
	.rst-cntt-cont .pnl img {width:170px;}



	.btn-chc {font-size:1.231rem;}
}

@media screen and (min-width:769px) and (max-width:992px) {

	.sub_content_area {padding:0px 15px !important;}

	.sub1_cntt {margin-left:50px;margin-right:50px; }
	.sub_1_chc1 .row .col-3 {width:50% !important; margin-bottom: 15px;}
	.sub_1_chc1 .row .col-3:nth-child(odd) {padding-left:0px;}
	.sub_1_chc1 .row .col-3:nth-child(even) {padding-right:0px;}
	.sub_1_chc1 .row .col-3 .col-box {padding:50px 25px; height:250px;}
	.sub_1_chc1 .row .col-3 .col-box  h4 {font-size:1.231rem}
	.sub_1_chc1 .row .col-3 .col-box  h5 {font-size:0.615rem}
	.sub_1_chc1 .row .col-3 .col-box  .small {font-size:0.923rem}

	.sub_1_chc2 .row .col-2 .col-box {font-size:1.077rem; }

	.sub_1_chc3 .row .col-3  label {font-size:1.077rem; }

	.ptl_title {font-size:1.538rem;}
	.ptl_desc {; font-size:1.077rem;}

	.btn-rst-title {font-size:2.154rem; padding:20px 80px;}
	.rst-cntt-title {font-size:1.385rem; padding:0px 0px; line-height:1.5;}
	ul.rst-cntt-tags li.tags {margin-right:10px; margin-bottom:7px; font-size:1.077rem}

	.rst-cntt-cont {padding:0px 0px !important;}
	.rst-cntt-cont h4.title {font-size:1.231rem;}
	.rst-cntt-cont .col-3 {width:33.33333333% !important;}
	.rst-cntt-cont .col-3:nth-child(4n+1) {padding-left:10px !important;}
	.rst-cntt-cont .col-3:nth-child(4n+4) {padding-right:10px !important;}
	.rst-cntt-cont .col-3:nth-child(3n+1) {padding-left:0px !important;}
	.rst-cntt-cont .col-3:nth-child(3n+3) {padding-right:0px !important;}
	
	.rst-cntt-cont strong {font-size:1.231rem;}
	.rst-cntt-cont .pnl {padding:20px 20px;}
	.rst-cntt-cont .pnl h4 {font-size:1.385rem;}
	.rst-cntt-cont .pnl img {width:150px;}



	.btn-chc {font-size:1.231rem;}
}


@media screen and (min-width:481px) and (max-width:768px) {

	.sub_content_area {padding:0px 15px !important;}

	.sub1_cntt {margin-left:0px;margin-right:0px; }
	.sub_1_chc1 .row .col-3 {width:50% !important; margin-bottom: 15px; padding: 0px 5px !important;}
	.sub_1_chc1 .row .col-3:nth-child(odd) {padding-left: 0px;}
	.sub_1_chc1 .row .col-3:nth-child(even) {padding-right: 0px;}
	.sub_1_chc1 .row .col-3 .col-box {padding:50px 15px; height:270px;}
	.sub_1_chc1 .row .col-3 .col-box  h4 {font-size:1.333rem}
	.sub_1_chc1 .row .col-3 .col-box  h5 {font-size:0.667rem}
	.sub_1_chc1 .row .col-3 .col-box  .small {font-size:1.000rem;}

	.sub_1_chc2 .row .col-1 {display:none;}
	.sub_1_chc2 .row .col-2 {width: 20%}
	.sub_1_chc2 .row .col-2 .col-box {font-size:1.167rem; }

	.sub_1_chc3 .row .col-3  label {font-size:1.167rem; }

	.ptl_title {font-size:1.667rem;}
	.ptl_desc {; font-size:1.167rem;}

	.btn-rst-title {font-size:2.333rem; padding:20px 40px;}
	.rst-cntt-title {font-size:1.5rem; padding:0px 0px; line-height:1.5;}
	
	ul.rst-cntt-tags li.tags {padding:4px 5px; margin-right:10px; margin-bottom:7px;font-size:1.167rem}

	.rst-cntt-cont {padding:0px 0px;}
	.rst-cntt-cont h4.title {font-size:1.333rem;}
	.rst-cntt-cont .col-3 {width:50% !important; }
	.rst-cntt-cont .col-3:nth-child(odd) {padding:0px 10px 10px 0px !important;}
	.rst-cntt-cont .col-3:nth-child(even) {padding:0px 0px 10px 10px  !important;}
	.rst-cntt-cont strong {font-size:1.333rem;}
	.rst-cntt-cont .pnl {padding:20px 20px;}
	.rst-cntt-cont .pnl h4 {font-size:1.5rem;}
	.rst-cntt-cont .pnl img {width:200px;}


	.btn-chc {font-size:1.333rem;}
}

@media screen and (max-width:480px) {
	.sub_content_area {padding:0px 15px !important;}

	.sub1_cntt {margin-left:0px;margin-right:0px; }

	.sub_1_chc1 .row .col-3 {width:100% !important; margin-bottom: 15px; padding: 0px 0px !important;}
	.sub_1_chc1 .row .col-3 .col-box {padding:25px 15px 25px; height:200px;}
	.sub_1_chc1 .row .col-3 .col-box  h4 {font-size:1.6rem}
	.sub_1_chc1 .row .col-3 .col-box  h5 {font-size:0.8rem}
	.sub_1_chc1 .row .col-3 .col-box  .small {font-size:1.2rem;}

	.sub_1_chc2 .row .col-1 {display:none;}
	.sub_1_chc2 .row .col-2 {width: 33.33333333%;}
	.sub_1_chc2 .row .col-2 .col-box {font-size:1.4rem; margin-bottom:15px; }

	.sub_1_chc3 .row .col-3  label {font-size:1.4rem; }

	.ptl_title {font-size:2.0rem;}
	.ptl_desc {; font-size:1.4rem;}

	.btn-rst-title {font-size:2.8rem; padding:20px 10px}
	.rst-cntt-title {font-size:1.8rem; padding:0px 0px; line-height:1.5;}
	
	ul.rst-cntt-tags li.tags {padding:4px 5px; margin-right:10px; margin-bottom:7px;font-size:1.4rem}

	.rst-cntt-cont {padding:0px 0px;}
	.rst-cntt-cont.row {margin:0px 0px !important;}
	.rst-cntt-cont.row > .row {margin:0px 0px !important; padding:0px !important}
	.rst-cntt-cont h4.title {font-size:1.6rem;}
	.rst-cntt-cont .col-3 {width:100% !important; padding: 0px 0px !important;}
	.rst-cntt-cont strong {font-size:1.6rem;}
	.rst-cntt-cont .pnl {padding:25px 25px;}
	.rst-cntt-cont .pnl h4 {font-size:1.8rem;}
	.rst-cntt-cont .pnl img {width:250px;}


	.btn-chc {font-size:1.6rem;}
}


/*---------- common style ----------*/
table.table_spec tbody th, 
table.table_spec tbody td {text-align:left !important;}


/*
~ 1024 {font-size:13px}
~ 768 {font-size:12px}
~ 480 {font-size:10px}

.sub_1_chc1 .row .col-3 .col-box  h4 {font-size:1.6rem;}
.sub_1_chc1 .row .col-3 .col-box  h5 {font-size:0.8rem;}
.sub_1_chc1 .row .col-3 .col-box  .small {font-size:1.2rem;}
.sub_1_chc2 .row .col-2 .col-box {font-size:1.4rem;}

.btn-rst-title {font-size:2.8rem}
.rst-cntt-title {font-size:1.8rem}
.rst-cntt-title strong {font-size:1.8rem}


.btn-chc {font-size:1.6rem;}
*/