#bo_list_total{display:none}

/*³»¿ë°ü¸® ·¹À̾ƿô*/
.sub_wrap{width:100%; background:#f5f8fd; padding:0 3%;}
.scont{max-width:1280px; margin:0 auto; padding:80px 60px; background:#fff; min-height:500px; position:relative;}

#sub_wrap{width:100%; background:#f5f8fd; padding:0 3%;}
#scont{max-width:1280px; margin:0 auto; padding:80px 60px 150px 60px; background:#fff; min-height:500px; position:relative; font-size:16px;}
.mt20{margin-top:20px;}	
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mb50{margin-bottom:50px;}
h1.cont_ti{font-size:40px; color:#474d5a; font-family: 'GmarketSansBold'; text-align:center; margin-top:0px; margin-bottom:40px;}
h1.cont_ti:before{content:''; background:url('/img/sub/sub_big_title.jpg') top center no-repeat; display:block; width:50px; height:4px; margin: 0 auto; margin-bottom: 15px;}
.lead{font-size:18px; line-height:30px; word-break: keep-all;}
.lead i{vertical-align:-1px}
.bg_box{background:#f1efe8; padding:30px; border-radius:5px;}
.border_box{border:1px solid #ccc; padding:30px; border-radius:5px;}
h2.small_ti{font-size:22px; color:#474d5a; font-family: 'GmarketSansBold'; margin-bottom:10px; position:relative; padding-left:28px; line-height:40px;}
h2.small_ti:before{content:''; background:url('/img/sub/sub_title_ico.png') left no-repeat; position:absolute; left:0; top:7px; width:21px; height:21px; }
.f_pink{color:#e12463}
.f_green{color:#ffc71a;}
.f_org{color:#ffc71a}
ul.small_list li{position:relative; padding-left:12px; font-size:18px; color:#333; line-height:160%;}
ul.small_list li::before{content:""; position:absolute; left:0; top:10px; width:3px; height:3px; background:#333;}

ul.number_box{display:flex; width:100%;}
ul.number_box li{position:relative; flex:1; margin:0 3%; text-align:center; font-size:18px; color:#333; vertical-align:middle;}
ul.number_box li::before{content:""; position:absolute; right:-17%; top:50%; width:30px; height:30px; border:5px solid #999; border-left:5px solid transparent; border-bottom:5px solid transparent; transform:translateY(-50%) rotate(45deg);}
ul.number_box li span{display:block; padding:80px 0; line-height:150%; border-radius:5px; border:1px solid #ddd; background:#fff;}
ul.number_box li:first-child{margin-left:0;}
ul.number_box li:last-child{margin-right:0;}
ul.number_box li:last-child::before{border:0;}

.kko_img{vertical-align:-12px;}

.bg_ban_org{position:relative; padding:0 5px; display:inline; font-weight:normal;}
.bg_ban_org::before{content:""; position:absolute; left:0; bottom:0; width:100%; height:70%; background:rgba(255,244,157,0.5);}
.bg_ban_org span{position:relative;}

.dot_tbox{padding-top:40px; word-break:keep-all; border-top:2px dotted #ccc;}

.gray_box{padding:30px; word-break:keep-all; border-radius:5px; background:#f3f3f3;}

.pro_btn{display:block; width:100%; max-width:200px; margin:0 auto; padding:10px 0; text-align:center; color:#fff; font-size:22px; border-radius:25px; background:#00766a;}

#scont .sub_tab ul{overflow:hidden; margin-bottom:80px; display:table; width:100%; table-layout:fixed;}
#scont .sub_tab ul.tab03 li{display:table-cell; vertical-align: middle; text-align:center; line-height:40px; font-size:22px; box-sizing:border-box; padding:10px;border:1px solid #ccc; border-radius:5px;}
#scont .sub_tab ul.tab03 li:last-child{margin-right:0;}
#scont .sub_tab ul.tab03 li a{display:block; color:#474d5a;}
#scont .sub_tab ul.tab03 li:hover{background:#f1efe8}
#scont .sub_tab ul.tab03 li.on{background:#ffc71a; border:0;}
#scont .sub_tab ul.tab03 li.on a{color:#fff;}

#scont .ing_img{width:100%; max-width:100%;}

/* Àλ縻 */
/*#scont .hello_bg{background:url('/img/sub/company_bg.png') top right no-repeat; background-size:100%; margin-bottom:6%; padding:6% 0px 11% 6%;}*/
#scont .hello_bg{ padding:6% 0px 6% 0;}
#scont .hello_bg h3{font-size:24px;  line-height:36px; font-weight:300;}
#scont .hello{width:100%; line-height:25px; font-size:17px; }
#scont .date{display:block; text-align:right; font-size:15px; margin-top:50px;}
#scont .name{display:block; text-align:right; margin-top:10px;}
#scont .name img{vertical-align:top}


/* ¿¬Çõ */
.clearfix:after {content: " "; visibility: hidden; display: block; height: 0; clear: both;}

.history_bg{background:url('../images/history_bg.png')top center repeat-y; background-size:100%;}
.history_area {position: relative;width: 100%;padding-top: 37px; }
.history_area .history_point {position: absolute;left: 50%;top: 0;margin-left: -5px;bottom: 20px;width:3px;background-color: #ddd;overflow: hidden;}
/*.history_area .history_point span {position: absolute;display: block;top: 0;width: 100%;height: 200px; background-color:#039}*/
.history_area dl {width: 50%;padding-right: 60px;padding-left: 20px;box-sizing:border-box;}
.history_area div:nth-child(odd) dl {padding-right: 20px;padding-left: 60px;}
.history_area dt {position:relative; margin-bottom: 10px;font-size: 30px;line-height:120%;color: #474d5a;font-weight: bold;}
.history_area .left  dt:before{content: ""; position: absolute; width: 50px; top: 23px; left:-56px; border-top: 1px dotted #555; margin-top: -1px;}
.history_area .left  dt:after{position: absolute;  top: 10px; left: -77px; width: 25px;  height: 25px; background-color: #ffc71a; border: 5px solid #ffe9a3; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; content: "";}
.history_area .right  dt:after{position: absolute; top: 5px; right: -68px; width: 25px;  height: 25px; background-color: #ffc71a; border: 5px solid #ffe9a3; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; content: "";}
.history_area .right  dt:before{content: ""; position: absolute; width: 50px; top: 50%; right:-55px; border-top: 1px dotted #555; margin-top: -1px;}
.history_area dd{line-height:26px;}
.history_area dd span{margin-right:10px; color:#00766a}
.history_area dd strong {word-break:keep-all; font-size: 17px;line-height: 140%;color: #1a1a1a;font-weight: 400;}
.history_area dd:before{content:'-'; padding-right: 5px;}
.history_area dd p {display: block;}
.history_area dd .img_box {display: block;margin-top: 39px;}

.right {text-align: right;}
.left {text-align: left;}
.fr {float: right;}

 @media (max-width: 969px){
 #scont .hello{font-size:15px;}
#scont .hello_bg h3{font-size:15px;  line-height:20px; }

	.history_area .history_point {left: 10px;margin-left: 0;}
	.history_area dl {float: none !important;width: 100%;padding-right: 0;padding-left: 50px;text-align: left;}
	.history_area dd strong, .history_area dd span{font-size:14px}
	.history_area div:nth-child(odd) dl {/* padding-right: 0; */padding-left: 50px;}
	.history_area div + div {margin-top: 40px;}
	.history_area div:nth-child(2) {margin-top: 0;}
	.history_area dt {margin-bottom: 00px;font-size:20px;}
	.history_area dd p br {display: none;}
	.history_area dd .img_box {margin-top: 20px;}	
	.history_area .left  dt:after{top:0px; left: -52px;}
	.history_area .right dt:before{ left:-52px}
	.history_area .left dt:before{width:40px; top:10px; left:-44px}
	.history_area .right dt:after{top:0px; left: -52px;}


	}


/* ¿À½Ã´Â±æ Å×À̺í */
.add_map{width:100%; font-size:17px; border-spacing:0; border-top:2px solid #474d5a; margin:30px auto 50px;}
.add_map th{background:#f4f4f4; border-bottom:1px solid #ccc; padding:10px 15px; text-align:center; line-height:18px; font-weight:500;}
.add_map td{background:#fff; border-bottom:1px solid #ccc; padding:10px 10px;}
.add_map td.con02 {text-align:left; font-size:14px;}

.tb_map{width:100%; font-size:17px; border-spacing:0; border-top:2px solid #474d5a; margin:0px auto 50px;}
.tb_map th{background:#f4f4f4; border-bottom:1px solid #ccc; padding:15px 0; text-align:center; line-height:18px; font-weight:500;}
.tb_map td{background:#fff; border-bottom:1px solid #ccc; padding:8px 5px;}
.tb_map td.con02 {	text-align:left; 	font-size:14px;}
.tb_map  td.bus_info{padding:8px 10px; border-left:1px solid #ccc;}
.tb_map td p{color:#fff; padding:5px 0;width: 80px; border-radius:5px; font-size:14px; text-align:Center;}
.tb_map td p.bus01{background:#395cb3; }
.tb_map td p.bus02{background:#48922d; }
.tb_map td p.metro{background: #ff0000; }

/* °¨Á¤³ëµ¿ - °¨Á¤³ëµ¿ Á÷±º */
.sub02_box04 .box_wrap{display: flex; flex-wrap: wrap; width: 100%; }
.sub02_box04 .box_wrap .img_tx{float:left; width:40%; margin-top:24%; margin-left:5%; background:#474d5a; color:#fff; text-align:center; display:block; border-radius:50px; padding:7px 15px;line-height:32px; }
.sub02_box04 .box_wrap > li{vertical-align:middle; width:49%; margin-right:2%; margin-bottom:2%; min-height:220px; border:1px solid #ccc; border-radius: 5px; padding:4% 3%;}
.sub02_box04 .box_wrap > li:nth-child(1){background:url('/img/sub/sub02_01_ico01.png')23% 34% no-repeat;}
.sub02_box04 .box_wrap > li:nth-child(2){background:url('/img/sub/sub02_01_ico02.png')23% 34% no-repeat;}
.sub02_box04 .box_wrap > li:nth-child(3){background:url('/img/sub/sub02_01_ico03.png')23% 34% no-repeat;}
.sub02_box04 .box_wrap > li:nth-child(4){background:url('/img/sub/sub02_01_ico04.png')23% 34% no-repeat;}
.sub02_box04 .box_wrap > li:nth-child(2n){margin-right:0;}
.sub02_box04 .box_wrap ul.tx_ul{width:50%; float:right; margin-top:4%}
.sub02_box04 .box_wrap .box02 ul{margin-top:35px;}
.sub02_box04 .box_wrap .box03 ul, .sub02_box04 .box_wrap .box04 ul{margin-top:20px;}




 .sub02_ico07 ul{display: flex; flex-wrap: wrap; width: 100%; }
.sub02_ico07 ul li{ width:13.42222%; vertical-align:middle; margin-right:1%; border:1px solid #ccc; border-radius: 5px; box-sizing:border-box; text-align:center;}
.sub02_ico07 ul li:last-child{margin-right:0%;}
.sub02_ico07 ul li > span{display:block; padding:100px 0 20px; }
.sub02_ico07 ul li:nth-child(1) span{background:url('/img/sub/sub02_01_ico05.png')center 30% no-repeat;}
.sub02_ico07 ul li:nth-child(2) span{background:url('/img/sub/sub02_01_ico06.png')center 30% no-repeat;}
.sub02_ico07 ul li:nth-child(3) span{background:url('/img/sub/sub02_01_ico07.png')center 30% no-repeat;}
.sub02_ico07 ul li:nth-child(4) span{background:url('/img/sub/sub02_01_ico08.png')center 30% no-repeat;}
.sub02_ico07 ul li:nth-child(5) span{background:url('/img/sub/sub02_01_ico09.png')center 30% no-repeat;}
.sub02_ico07 ul li:nth-child(6) span{background:url('/img/sub/sub02_01_ico10.png')center 30% no-repeat;}
.sub02_ico07 ul li:nth-child(7) span{background:url('/img/sub/sub02_01_ico11.png')center 30% no-repeat;}


/* ÇÁ·Î±×·¥ ¾È³» - ÇÑ´«¿¡ º¸±â */
.program_list{display:flex; flex-wrap:wrap; width:100%; min-height:332px;}
.program_list > li{position:relative; width:48%; padding:30px; margin-bottom:50px; border:1px solid #ccc;}/* ÇÑÁÙ¿¡ 2°³¾¿*/
/*.program_list > li{position:relative; width:32.3333%; padding:30px; margin-bottom:50px; border:1px solid #ccc;}/* ÇÑÁÙ¿¡ 3°³¾¿ */
.program_list > li::before{content:""; position:absolute; left:0; top:-8px; width:50px; height:8px; background:#ffc71a;}
.program_list > li::after{content:""; position:absolute; left:50px; top:-8px; width:100px; height:8px; background:#00766a;}
/*.program_list > li{margin-right:1.5%;}
.program_list > li:nth-child(3){margin-right:0;}*/

.program_list > li:nth-child(odd){margin-right:4%;}
.program_list > li:nth-child(1){background:url("/img/sub/program_name01.png") right bottom no-repeat; background-size: 50%;}
.program_list > li:nth-child(2){background:url("/img/sub/program_name02.png") right bottom no-repeat; background-size: 50%;}
.program_list > li:nth-child(3){background:url("/img/sub/program_name03.png") right bottom no-repeat; background-size: 50%;}
.program_list > li:nth-child(4){background:url("/img/sub/program_name04.png") right bottom no-repeat; background-size: 50%;}
.program_list > li:nth-child(5){background:url("/img/sub/program_name05.png") right bottom no-repeat; background-size: 50%;}

.program_list > li strong{display:block; margin-bottom:30px; font-family: 'GmarketSansBold'; font-size:22px; color:#474d5a;}
.program_list > li > ul{padding-bottom:80px;}
.program_list > li > ul > li{position:relative; padding-left:12px; font-size:18px; color:#333; line-height:160%;}
.program_list > li > ul > li::before{content:""; position:absolute; left:0; top:10px; width:3px; height:3px; background:#333;}

.program_list > li a{position:absolute; bottom:30px; left:30px; display:block; padding:5px 20px; color:#fff; text-align:center; border-radius:20px; background:#00766a;}


/* °¨Á¤³ëµ¿ - °¨Á¤³ëµ¿ ÀÚ°¡Áø´Ü - Á÷¹«½ºÆ®·¹½º Áø´Ü */
.self_test ul{margin-bottom:20px;}
.self_test  .test_title {width:100%; text-align:left;font-size:15px; position:relative;}
.self_test  .test_title:before{content:''; display:inline-block; width:5px; height:5px; background:#ffc71a;  margin-right:6px; vertical-align: middle;}
.self_test li {line-height:30px; font-size:15px;}
.form_btn{margin-top:30px;}
.form_btn a{display:block; width:100%; max-width:200px; margin:0 auto; padding:10px 0; text-align:center; color:#fff; font-size:22px; border-radius:25px; background:#00766a;}
.form_btn a:hover{background:#ffc71a}
.form_btn input[type='submit']{display:block; width:100%; max-width:200px; margin:0 auto; padding:12px 0 8px 0; text-align:center; color:#fff; font-size:22px; border-radius:25px; background:#00766a;border:0px;cursor:pointer;}
.form_btn input[type='submit']:hover{background:#ffc71a}



input[type='radio'],
input[type='radio']:checked {
  border-radius: 100%;
  margin-right: 0.1rem;
  vertical-align:-3px;
}

/* °¨Á¤³ëµ¿ - °¨Á¤³ëµ¿ÀÚ ÀÚ°¡Áø´Ü °á°ú */
.result_box{overflow:hidden}
.result_box .score_tx{float:right;  margin-bottom:30px; }
.result_box .score_tx span{position:relative;}
.result_box .score_tx span:first-child:before{content:''; display:inline-block; width:13px; height:13px; background:#f8b020; margin-right:4px; vertical-align: -1px;}
.result_box .score_tx span:last-child:before{content:''; display:inline-block; width:13px; height:13px; background:#7cceca; margin-left:6px; margin-right:4px; vertical-align: -1px;}
.result_box .score_number{margin-top:-30px;}
.result_box .score_number span{display:inline-block; width:32%; text-align:left}
.result_box .score_number span:nth-child(2){text-align:center;}
.result_box .score_number span:last-child{text-align:right;}
.result_box .bar_wrap{clear:both; width: 100%;}
.result_tx{background:#f4f4f4; width:100%; text-align:Center; padding:15px; margin-top:30px; margin-bottom:30px;}
.result_tx p{ font-size:20px;}
.f_red{color:#e03d64}
.f_orange{color:#f8b020}
.f_green{color:#62b447;}

  .result_bar{margin-bottom:30px; border-bottom:1px solid #ccc; padding-bottom:30px;}
    .result_bar li.bar { 		
        position: relative; /* IE is dumb */
        width: 100%; 
        background:#f4f4f4;
        padding: 2px; 
		font-size:11px;
		margin-bottom:3px;
        webkit-transition: all 1.3s ease;
          -moz-transition: all 1.3s ease;
           -ms-transition: all 1.3s ease;
            -o-transition: all 1.3s ease;
               transition: all 1.3s ease;
        display: block;
        position: relative;
        background: #B1D632; 
        text-align: center; 
        color: #333; 
        height: 26px; 
        line-height: 26px;            
    }

	.result_bar li:first-child{background:#f8b020}
	.result_bar li:last-child{background:#7cceca}
    .result_bar .bar span { position: absolute; left: 1em; }


    .result_bar span {font-size:14px; display: block; position: absolute; right: 0; top: 0; height: 100%; padding: 0 5px 0 10px; background-color: #333;}



@media (max-width: 639px){
.result_tx p{font-size:15px;}
}


/* ½ÅûÇϱâ Æû */
#max_wrap {width:100%; max-width:1080px; height:100%; margin:0 auto; background:#fff url('../images/topbg.jpg') no-repeat; background-size:100%; padding:10% 0 0 0;
	text-align:center;}

#wrap {clear:both; position:relative; background-color:#fff; width:90%; margin:auto;}
.bt01 {color:#fff; font-size:30px; text-align:center; width:57%; margin:5% auto 5%; line-height:250%; background-color:#1c837b; cursor:pointer;}

.bt02 {color:#fff; font-size:30px; text-align:center; width:57%; margin:5% auto 5%; line-height:250%; background-color:#313131; cursor:pointer;}

.bt01 a {color:#fff; text-align:center; padding:auto 20%;}
.copy {text-align:center; padding:20px; font-weight:bold; background-color:#e8e8e8; margin-top:30px;}

.title{font-weight:bold; background-color:#fff; padding:20px 0;}
.title02{ clear:both;padding:30px 0 7px 0; font-weight:bold;background-color:#fff; text-align:left;}

.txt01 {text-align:center;}
.txt02 {text-align:left; margin-bottom:30px;}
.txt03 {text-align:left; padding:10px 10px;}

.fleft{float:left; }
.fupload {background-color:#ff0000;}

.viewtype {background-color:#fff; margin-bottom:8%;}
.viewtype li{float:left; width:50%;}
.agree {clear:both; width:100%; background-color:#fff; margin-bottom:60px;}
.agree li{float:left; width:50%;}
.condit li {float:left; width:33%;}
.commu li {float:left; width:33%;}

.login_box {background-color:#fff; margin-bottom:10%;}

/* section {background-color:#fff;}*/
.section01,.section02  {border-bottom:2px solid #dadada; overflow:hidden; }

.form_textarea{width:100%;height:100px;padding:3px;font-size:13px; margin-bottom:10px;}

.godwjd {padding-bottom:20px;}
.signa {margin:20px 0 30px 0; text-align:right;}

.personal li {float:left; line-height:50px; font-size:15px;}
.personal .p_title {width:20%; text-align:left;font-size:15px; position:relative;}
.personal .p_title:before{content:''; display:inline-block; width:5px; height:5px; background:#ffc71a;  margin-right:6px; vertical-align: middle;}
.personal .p_txt {width:80%}

.personal li span.in_radio{display:inline-block;}

/*input[type="radio"] {display:none;}*/
/*input[type="radio"]+label span.round{*/
/*display:inline-block; width:22px; height:22px; margin: -2px 9px 0 4px; font-size: 0; vertical-align: middle; background: url('../images/radio_brn.png') no-repeat; cursor:pointer;*/
/*}*/
/*input[type="radio"]:checked+label span.round {background: url('../images/radio_brn_slc.png') no-repeat;*/
/*}*/

.filebox {text-align:right; padding-top:25px;}
.filebox label {text-align:center; width:80px; display: inline-block; padding: .2em .2em; color: #fff; font-size: inherit; line-height: normal; vertical-align: middle; background-color: #1c837b; cursor: pointer; border: 1px solid #ebebeb; border-bottom-color: #e2e2e2; border-radius: .25em; }
/*
.filebox input[type="file"] {  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
*/


.input_ver1 {width:90%; border-radius: 4px; background-color: rgb(245, 245, 245); border:1px solid rgb(235, 235, 235); padding: 7px;}
.input_ver1::placeholder {font-weight: 4000; color: rgb(150, 150, 150);}

.tableType1{width:100%; font-size:15px; border-spacing:0; border-top:2px solid #474d5a; margin:30px auto 0;}
.tableType1 th{background:#f4f4f4; border-bottom:1px solid #ccc; padding:15px 20px; text-align:center; line-height:18px; font-weight:500; }
.tableType1 td{background:#fff; border-bottom:1px solid #ccc; padding:10px;}
.tableType1 td.point{border-right:1px solid #ccc; text-align:center;}

.table_right{float:right; display: inline-block; margin-top:30px; font-size:13px}

/**ÃÖ´ë 767px ¾Æ·¡**/
@media all and (max-width:767px) {
textarea {height:50px; font-size:12px;}
.title{font-size:20px;}
.title02{font-size:14px;}
.txt02 {font-size:16px;}
.agree {margin-bottom:20px;}
.bt01 {font-size:20px; text-align:center; width:90%; margin:5% auto 5%; line-height:220%;}
.bt02 {font-size:20px; text-align:center; width:90%; margin:5% auto 5%; line-height:220%;}

.godwjd {height:auto; line-height:auto;}

.p_txt {font-size:12px;}
.personal .p_txt{width:100%;}
.personal .p_title {width:100%;}
.viewtype li{float:inherit; width:90%; text-align:left;}
.agree li{float:inherit; width:90%; text-align:left;}
.condit li {float:inherit; width:90%; text-align:left;}
.commu li {width:50%; text-align:left;}
}

/**ÃÖ´ë 430px ¾Æ·¡**/
@media all and (max-width:320px) {
.title{font-size:20px;}
.filebox {text-align:left; padding-top:25px;}
}





@media (max-width: 969px){
#scont, .scont{padding:20px 20px 100px 20px;}
.lead, .add_map,.tb_map, .tableType1,ul.small_list li,.program_list > li > ul > li, .program_list > li a {font-size:14px; line-height:22px;}
.tableType1 th{padding:10px;}
#scont .sub_tab ul{margin-bottom:30px;}
#scont .sub_tab ul.tab03 li{font-size:15px; line-height:20px; display:block;margin-bottom:1%}
h1.cont_ti{font-size:25px; margin-top:10%;}
h1.cont_ti:before{margin-bottom:10px;}
.sub02_box04 .box_wrap > li{width:100%; margin-right:0; }
.sub02_box04 .box_wrap > li, .sub02_ico07 ul li > span{font-size:14px; word-break: keep-all;}
.sub02_box04 .box_wrap .img_tx{margin-top:30%}
.sub02_ico07 ul li{width:32.6666%; margin-bottom:1%;}
.sub02_ico07 ul li:nth-child(3), .sub02_ico07 ul li:nth-child(6){margin-right:0}

/* ÇÁ·Î±×·¥ ¾È³» - ÇÑ´«¿¡ º¸±â */
.program_list > li {width:100%; background-size: 60%;}
.program_list > li:nth-child(odd){margin-right:0;}
.program_list > li:nth-child(1), .program_list > li:nth-child(2), .program_list > li:nth-child(3), .program_list > li:nth-child(4), .program_list > li:nth-child(5){background-size:60%;}


.kko_img{vertical-align: -10px; width: 8%;}

}