@charset "utf-8";

.gray {background:#f0f2f8;}
.mimg {margin:3rem 0 0 0;}
.mimg img{max-width:100%; padding:2em 3em; box-sizing:border-box;}

/* about : greeting */
.greeting .im_box {position:relative;}
.greeting .im_box .thumb {display:block; text-align:left;}
.greeting .im_box .box {padding:54px 54px; position:absolute; top:149px; left:640px; background:#fff; text-align:left; box-shadow:5px 5px 5px 5px  rgba(128, 128, 128, 0.2)}
.greeting .im_box .box .tit {font-size:25px; font-weight:500; padding-bottom:13px;}
.greeting .im_box .box .name {font-size:20px; font-weight:bold; text-align:right;}
.greeting .im_box .box .name span {font-weight:normal; padding-left:8px;}
.greeting .im_box .box .name img {vertical-align:middle;}

/* about : vision */
.vision .im_box2 {position:relative; overflow:hidden;}
.vision .im_box2 .thumb {float:left; width:50%;}
.vision .im_box2 .box {float:left; width:50%; text-align:left; box-sizing:border-box; background:#f5f5f5; padding:76px 65px 76px;}
.vision .im_box2 .box .tit {font-size:33px; font-weight:bold; padding-bottom:46px;}
.vision .im_box2 .box .tit:before {content:''; display:block; width:47px; height:5px; background-color:#00479c; margin:0 0 15px 0;}
.vision .im_box2 .box ul {position:relative; overflow:hidden; width:100%;}
.vision .im_box2 .box ul li {float:left; margin-right:78px;}
.vision .im_box2 .box ul li:before {content:''; display:inline-block; width:6px; height:6px; border-radius:10px; background-color:#000; margin:0 8px 4px 0;}
.vision .im_box2 .box ul li.ml19 {margin-left:19px;} 
.vision .im_box2 .box ul li.ml15 {margin-left:15px;}
.vision .im_box {padding:100px 0;}

.mission {width:100%; height:auto; background:#f5f5f5; margin-top:-70px;}
.mission .inner {width:1280px; height:auto; text-align:center; padding:100px 0;}
.mission .inner ul {position:relative; overflow:hidden; width:100%;}
.mission .inner ul li {float:left; width:392px; padding-left:52px;}
.mission .inner ul li:nth-child(1) {padding:0;}
.mission .inner ul li p {font-size:27px; font-weight:bold; padding:30px 0; border-bottom:1px solid #d9d9d9;}
.mission .inner ul li span {display:block; padding:30px 20px; border-bottom:3px solid #000;}

.goal .inner {padding:100px 0; overflow:hidden;}
.goal .inner ul {width:100%; position:relative;}
.goal .inner ul li {width:255px; height:255px; box-shadow:15px 0 0 #e0e0e0; border-radius:150px; float:left; background:#12335a; color:#fff; padding:62px 0; box-sizing:border-box; margin-left:125px;}
.goal .inner ul li p {font-size:38px; font-weight:bold; margin-bottom:26px;}
.goal .inner ul li:nth-child(2):before {content:''; display:inline-block; width:28px; height:28px; background:url('../../image/about/ico_plus.png') no-repeat center; position:absolute; top:108px; left:438px;}
.goal .inner ul li:nth-child(3):before {content:''; display:inline-block; width:28px; height:28px; background:url('../../image/about/ico_plus.png') no-repeat center; position:absolute; top:108px; left:816px;}
.goal .inner ul li span {line-height:10px; font-size:20px;}

.simbol {width:100%; height:auto; background:#f5f5f5;}
.simbol .inner {width:1280px; height:auto; text-align:center; padding:100px 0;}
.simbol .inner ul {position:relative; overflow:hidden; width:100%;}
.simbol .inner ul li {float:left; width:603px; height:auto; padding-left:74px; text-align:left;}
.simbol .inner ul li:nth-child(1) {padding:0;}
.simbol .inner ul li p {font-size:35px; font-weight:bold; padding:30px 0;}
.simbol .inner ul li span {display:block; padding:20px 0 0 0;}

/* about : history */
.history .inner {width:1280px; height:auto; margin:0 auto; box-sizing:border-box; padding-bottom:100px;}
.history .his_year {width:100%; height:auto; position:relative; text-align:left;}
.history .his_year:after {content:''; display:block; width:2px; height:100%; background-color:#e6e6e6; position:absolute; top:0; left:50%;}
.history .his_year > li {width:100%; height:auto; padding-bottom:5em;}
.history .his_year li:after {content:''; display:block; clear:both;}
.history .his_year li div {float:right; width:50%; padding-left:3em; position:relative; box-sizing:border-box;}
.history .his_year li p {float:left; width:50%; padding-right:3em; text-align:right; box-sizing:border-box;}
.history .his_year li strong {font-size:36px; font-weight:500; line-height:0; color:#000; letter-spacing:-2px;}
.history .his_year li strong:before{content:''; display:block; border-radius:100%; position:absolute; z-index:1; width:22px; height:22px; background:url('../image/about/ico_history01.png'); top:-4px; left:-11px;}
.history .his_year li .his_month {width:100%; height:auto; margin-top:26px;}
.history .his_year li .his_month li {margin:.6em 0;}
.history .his_year li .his_month li em {float:left; display:block; width:95px; font-weight:600; color:#3e3e3e;}
.history .his_year li .his_month li span {float:left; display:block; width:calc(100% - 95px); color:#3e3e3e; letter-spacing:-1px;}
.history .his_year li img {width:340px; height:212px;}
.history .his_year li.year_rg div {float:left; padding-right:3em; text-align:right;}
.history .his_year li.year_rg p {float:right; padding-left:3em; text-align:left;}
.history .his_year li.year_rg strong:before {left:98.5%;}
.history .his_year li.year_rg .his_month li em {float:right;}
.history .his_year li.year_rg .his_month li span {float:right;}

/* about : organization */
.organ .inner {width:100%; max-width:100%;}
.organ .inner h3 {margin-bottom:40px;}
.organ .inner .im_box {background:url('../image/about/bg_organ01.png') no-repeat center; margin-top:-20px;}

/* about : visit */
.visit .map {width:100%; height:500px; overflow:hidden;}
.visit .info_bar {width:100%; height:90px; background:linear-gradient(45deg, #195899, #028f8e); font-weight:bold; color:#fff; line-height:90px; text-align:left; padding-left:60px; box-sizing:border-box;}
.visit .info_bar strong {padding-right:15px;}
.visit .traffic {width:100%;}
.visit .traffic>ul {margin-top:100px;}
.visit .traffic>ul>li {padding:50px; text-align:left; border-top:1px solid #d6d6d6;}
.visit .traffic .tra_ico {position:absolute;}
.visit .traffic .ico01 {top:16px;}
.visit .traffic .ico02 {top:125px;}
.visit .traffic .ico03,
.visit .traffic .ico04 {top:38px;}
.visit .traffic .ico05 {top:115px;}
.visit .traffic .ico06 {top:6px;}
.visit .traffic .tra_txt {padding-left:200px;}
.visit .traffic .tra_txt li {padding-top:15px;}
.visit .traffic .tra_txt p {font-size:25px; font-weight:bold; padding-bottom:7px;}
.visit .traffic .tra_txt span {display:inline-block; padding:0 10px; height:26px; color:#fff; background-color:#da0110; font-size:15px; text-align:center; border-radius:5px; margin-right:10px; line-height:26px;}
.visit .traffic .tra_txt span.bus2 {background-color:#1995c3;}
.visit .traffic .tra_txt span.bus3 {background-color:#0d5198;} 

/* research : entrust */
.entrust {position:relative;}
.entrust .im_box {overflow:hidden; border-bottom:1px solid #cccccc; padding:0 0 70px 0 !important;}
.entrust .im_box .thumb {width:640px; height:362px; position:absolute; display:block;}
.entrust .im_box .box {width:897px; text-align:left; background:linear-gradient(245deg, #195899, #028f8e); color:#fff; margin:45px 0 0 382px; padding:65px 0 95px 320px; box-sizing:border-box; 
box-shadow:rgb(56, 62, 67) 20px 14px 20px -20px;}
.entrust .im_box .box p {font-size:28px; font-weight:bold;}
.entrust .im_box .box p:after {content:''; display:block; width:21px; height:23px; background:url('../image/research/ico_entrust02.png') center no-repeat; padding:30px 0;}
.entrust .im_box .box span {position:absolute; top:112px; right:71px;}
.entrust .im_box .box ul {width:88%;}
.entrust .im_box .box ul li {border-bottom:1px solid rgba(255, 255, 255, .3); padding:0 10px 10px 10px;}
.entrust .im_box .box ul li strong {font-weight:bold; padding-right:20px;}
.entrust .tt_box {padding:70px 0 70px 0; text-align:left;}
.entrust .tt_box strong {font-size:28px; font-weight:bold; letter-spacing:-2px; margin-bottom:25px; display:block;}
.entrust .tt_box ul li {padding-bottom:15px; position:relative;}
.entrust .tt_box ul li i {width:8px; height:8px; border:2px solid #028f8e; border-radius:50px; display:inline-block; position:absolute; top:10px;}
.entrust .tt_box ul li span {display:inline-block; margin-left:25px;}

/* platform */
.platform .tt_box {text-align:left; overflow:hidden;}
.platform .tt_box ul {position:relative; margin-left:4px;}
.platform .tt_box i.bullet {width:8px; height:8px; border:2px solid #028f8e; border-radius:50px; display:inline-block; position:absolute; margin-top:12px;}
.platform .tt_box ul li {padding-bottom:10px;}
.platform .tt_box ul li span {display:inline-block; margin-left:25px;}
.platform .tt_box .img_plat01 {display:inline-block; margin-left:50px;}
.platform .box_w63 ul {width:63%;}
.platform .box_w75 ul {width:75%;}
.platform .tt_box .btn_link {width:282px; height:52px; border:1px solid #000; line-height:52px; text-align:center; margin:0 0 0 30px; transition:all 0.9s, color 0.3s; cursor:pointer; display:block; font-weight:400;}
.platform .tt_box .btn_link i {content:''; display:inline-block; width:18px; height:20px; background: url('../image/common/ico_link.png') no-repeat; margin:15px 0 -2px 15px;}
.platform .tt_box .btn_link:hover {background:#013674; border:1px solid #013674; color:#fff;}
.platform .tt_box .btn_link:hover i {background: url('../image/common/ico_link_hover.png') no-repeat;} 

/* table */
.table_wp {width:100%; border-top:3px solid #013674;}
.table_wp thead {background:#f8f8f8; border-bottom:1px solid #0D5198; color:#000;}
.table_wp th {padding:12px 20px; font-weight:500; text-align:center; border-top:1px solid #c1c1c1; border-bottom:1px solid #c1c1c1;}
.table_wp td {padding:12px 20px; border-bottom:1px solid #c1c1c1; text-align:center; border-left:1px solid #c1c1c1;}
/* .table_wp td:nth-child(1) {border-left:none;} */
.table_wp th.left {text-align:center;}
.table_wp th.left_bg {text-align:center; background:#f8f8f8;}
.table_wp th.left2 {text-align:left; font-weight:300;}
.table_wp td.price {background:#f8f8f8; font-weight:500;}
.table_wp td.bg_g {background:#f8f8f8;}
.table_wp td.left {padding-left:40px; text-align:left; background:#f8f8f8;}
.table_wp td.left1 {padding-left:40px; text-align:left; background:#f8f8f8;}
.table_wp td.left2 {padding-left:40px; text-align:left;}
.table_wp td ul li {background:none; padding:0 !important;}
.table_wp .borl_no {border-left:none;}
.table_wp td.tal {text-align: left;}
.table_wp .bg {background:#f8f8f8; font-weight: 600;}


/* list */
.table_wp .bul_li li {position:relative; line-height:1.5; font-weight: 400; color:#222; margin: 0 0 .2rem 0; padding-left:1rem !important;}
.table_wp .bul_li li:before {position:absolute; left:0; top:.7rem; width:.2rem; height:.2rem; content:''; background:#222; border-radius:1rem;}


/* step_li */

.step_li {display:flex; margin-left:-3%;}
.step_li li {position:relative; width:22%; margin-left:3%; text-align: center;}
.step_li li:before {position:absolute; left:-1.2em; top:3rem; content:''; width:10px; height:15px; background:url(../image/platform/ico_arr.svg)no-repeat 50% 50% / cover; }
.step_li li div {width:100%; padding:1rem 0; background:#f6f6f6; border-radius:1rem; box-sizing:border-box; text-align: center;}
.step_li li div img {max-width:100%;}
.step_li li p {font-weight: 600; line-height:1.3; margin:15px 0 0 0; letter-spacing:-0.05em;} 


/*line_box*/
.line_box {width:100%; text-align: center; padding:30px; border:3px solid #f3f3f3; box-sizing:border-box; margin: 0 0 4rem 0;}
.line_box img {max-width:100%;}

/* login */
.login .row {margin-top:12px; overflow: hidden;}
.login .row a:before {content:''; display:inline-block; width:7px; height:7px; border-radius:10px; background-color:#028f8e; margin:0 8px 4px 0;}
.login .container {width:853px; margin:0 auto;}
.login .top {border:1px solid #ddd; background-color:#fbfbfb; padding:4.8rem 5.8rem;}
.login .form-control {height:54px; line-height:54px; margin-bottom:12px; box-sizing:border-box;}
.login input[type="text"],
.login input[type="password"] {font-size:18px; color:#3e3e3e; letter-spacing:-1px;}
.login .btn {width:100%;}
.login .sign-up {background:linear-gradient(45deg, #195899, #028f8e); color:#fff; height:54px; padding-top:12px; margin-top:20px; font-size:22px; letter-spacing: -1px; font-weight: 600;}
.btn {display:inline-block; margin-bottom:0; font-size:16px; font-weight:normal; line-height:1.42857143; text-align:center; white-space:nowrap; vertical-align:middle; cursor:pointer; border:1px solid #ddd; padding:8px 12px;}
.form-control {display:inline-block; width:100%; padding:0 25px; background-color:#fdfde7; border:1px solid #e0dede;} 
.login input[type="checkbox"]:active {background: #0D5198;}
.login .ft17 {font-size:17px;}

/* register */
#fregister_term textarea,
#fregister_private textarea {background-color:#fbfbfb; padding:2.8rem 2.8rem; box-sizing:border-box; border:1px solid #ddd; font-size:17px; font-family:'Roboto','Noto Sans KR',sans-serif; font-weight:300; margin-bottom:10px;}
.btn_sty input {background:linear-gradient(45deg, #195899, #028f8e); color:#fff; height:54px; line-height:53px; width:400px; margin-top:20px; font-size:20px; letter-spacing:-1px; border:none;    font-weight:600; margin-top:50px; cursor:pointer;}
.btn_sty a {background:#333; color:#fff; height:54px; line-height:54px; width:400px; margin-top:20px; font-size:20px; letter-spacing:-1px; border:none;    font-weight:600; margin-top:50px; display:inline-block; text-align:center; margin-left:10px;}
.register_wp .table_wp {border-top:2px solid #013674;}
.register_wp th {background:#f8f8f8;}
.register_wp td {text-align:left; padding-left:40px;}
.register_wp td input {padding:10px; box-sizing:border-box; border:1px solid #c1c1c1;}
.register_wp td button {font-size: 17px;}
.register_wp td img {vertical-align: middle;}
.register_wp .sound_only {font-size: 18px; color: #d40000; font-weight: 400;}
.register_wp .frm_info {display:inline-block; font-size:15px !important; margin-left:10px;}
.register_wp .btn_confirm {background:#333; color:#fff; padding:0px 19px; border:1px solid #333; display:inline-block; font-size:15px; cursor:pointer; margin-left:3px;} 
.register_wp .sm_txt {font-size: 15px; display: block;}
#captcha_info {font-size:15px; margin-left:10px;} 


/* request */
.tb .table_wp td {background:none;text-align:center;}
.tb .table_wp textarea {font-family:'Roboto','Noto Sans KR',sans-serif; padding-left:10px; border:1px solid #c1c1c1; font-size:15px;} 
.tb .table_wp input {border:1px solid #c1c1c1; font-size:15px; padding:10px;}
/* .tb .table_wp */
.bor_no {border-left:none !important;}
.bor_no_r {border-right:none !important;}
.bor_r {border-right:1px solid #c1c1c1;}


/* comm1.php */
#diviform tr td:nth-child(1) {border-left:none;}
.tb table {width:100%;}
.tb th { height:40px;	background-color:#FAFAFA;	border-bottom:solid 1px #D4D4D4;
}
.tb td {
	height:40px;
	background-color:#FAFAFA;
	border-bottom:solid 1px silver;
}
.col2 th {
	width:25%;
}
.col2 td {
	width:75%;
}
.col4 th {
	width:15%;
}
.col4 td {
	width:35%;
}
.orderchoose {
	text-align:center;
}
.orderchoose dt, .orderchoose input[type=radio] {
	display:none;
}
.orderchoose dd {
	display:inline-block;
	width:45%;
	margin:0 4px;
	text-align:center;
	height:60px;
	line-height:60px;
	border:1px solid #d5d5d5;
}
.orderchoose dd.on {
	background:#eeeeee;
	border-color:#eeeeee;
}

.orderchoose2 {
	text-align:center;
}
.orderchoose2 dt, .orderchoose input[type=radio] {
	display:none;
}
.orderchoose2 dd {
	display:inline-block;
	width:22%;
	margin:0 4px;
	text-align:center;
	height:60px;
	line-height:60px;
	border:1px solid #d5d5d5;
}
.orderchoose2 dd.on {
	background:#eeeeee;
	border-color:#eeeeee;
}
.d_table {border-top:2px solid #06a5a7; border-bottom:2px solid #06a5a7; margin-top:20px;}
.d_table thead th {font-weight:600; font-size:15px; padding:14px; background:#fff; border-bottom:1px solid #d5d5d5;}
.d_table tbody th {font-weight:600; background:#f5f5f5; border-bottom:1px solid #d5d5d5; padding-left:1em;}
.d_table tbody td { padding:10px; background:#fff; border-bottom:1px solid #d5d5d5;}
.d_table tbody td textarea {width:100%; border:1px solid #ccc; border-radius:2px; padding:.25em .5em;}
.d_table tbody td input[type=text] {border:1px solid #ccc; border-radius:2px; padding:.25em .5em;}
.d_table tbody td input[type=password] {border:1px solid #ccc; border-radius:2px; padding:.25em .5em;}
.d_table input[type=checkbox] {vertical-align:middle;}
.d_table.horizon th { text-align:center; }

.e_table th {text-align:center;}

.privacy {overflow:auto; width:95%; height:120px; border:1px solid #ccc; padding:2%; margin-bottom:20px;}
.privacy * { text-align:left; margin:0; padding:0; }
.privacy p { font-weight:600; font-size:1em; }
.privacy ul { list-style:none; }
.privacy ul li { padding-left:1em; font-size:.75em; }
.agree { text-align:right; }
.prd { text-align:left; }
.mb_tb1opt { position:absolute; overflow:hidden; display:block; padding:1.25em; background:#fff; border:1px solid #ccc;  display:none; }
.mb_tb1opt .btn_close {position:absolute; right:5px; top:5px; font-size:0; width:24px; height:24px; cursor:pointer; }
.mb_tb1opt .btn_close:after {content:''; width:20px; height:2px;  background:#000; position:absolute; transform:rotateZ(45deg); top:10px; left:0px;}
.mb_tb1opt .btn_close:before {content:''; width:20px; height:2px; background:#000; position:absolute; transform:rotateZ(-45deg); top:10px; left:0px; }


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


.platform_sub .tt_box {text-align:left; overflow:hidden;}
.platform_sub .tt_box ul {position:relative; margin-left:4px;}
.platform_sub .tt_box ul li {padding-bottom:10px; padding-left:20px;}
.platform_sub .tt_box ul li:before {content:''; width:8px; height:8px; border:2px solid #028f8e; border-radius:50px; display:inline-block; position:absolute; margin-top:12px; margin-right:20px; left:0;}
.platform_sub .tt_box ul li span {display:inline-block; margin-left:25px;}

/* notice_write */
.tbl_frm01 .table_wp td {padding-left:20px;}
#bo_sch .frm_input {padding:10px 60px; border:1px solid #c1c1c1;}
#sfl {border:1px solid #c1c1c1;}
#bo_sch #sfl {padding:5px 0 !important; vertical-align: middle;}