@charset "UTF-8";

@import url(../fonts/latofonts.css);

/* CSS Document */
/*input*/
input,select{border-radius: 3px;background: #fff;border: solid 1px rgba(0, 0, 0, 0.25);padding: 5px 15px;font-weight: 500;font-size:15px;letter-spacing: 0.02em;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-sizing:border-box;height: 33px;color: #000;}
input[type="text"]	{ min-height: 32px; vertical-align:top;border-radius: 3px;}
input:focus,select:focus,textarea:focus { outline: 1px solid #f48025; }
input[type="radio"]+label, input[type="checkbox"]+label{font-size: 15px; vertical-align: 2px;}
input[type="radio"]:focus, input[type="checkbox"]:focus{outline: none;}
textarea{border-radius: 3px;background: #fff;border: solid 1px rgba(0, 0, 0, 0.25);padding:15px 15px;font-weight: 400;font-size:15px;letter-spacing: 0.02em;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-sizing:border-box;height: 33px;color: #000;}


/* ===== Header ===== */
header,
footer{min-width: 1280px;}

header{width: 100%;height: 86px;background: #ffffff;position: relative;z-index:3;}

.header .gnb_wrap{width: 1240px;margin:0 auto;padding-top: 10px;height:100%;box-sizing: border-box;}
.header .gnb_wrap .logo{float: left;margin-top: 10px;margin-left: 10px;}
.header .gnb_wrap .logo a{display: block;width: 182px;/* height: 100%; */font-size: 18px;color: #fff;}
.header .gnb_wrap .logo img{width: 100%;}
.header .gnb_wrap .gnb_menu{float: left;}
.header .gnb_wrap .gnb_menu{cursor: pointer;float: right;margin-top: 25px;font-weight: 400;}
.header .gnb_wrap .gnb_menu ul{margin-top: -10px;height: 38px;}
.header .gnb_wrap .gnb_menu ul li{float: left;}
.header .gnb_wrap .gnb_menu ul li:last-child a{padding-right: 28px;}
.header .gnb_wrap .gnb_menu ul li a{display: block;color: #2c2e37;letter-spacing: -1px;font-size: 20px;font-weight: 500;padding-right: 60px;padding-left: 30px;height: 27px;padding-top: 20px;}
.header .gnb_wrap .gnb_menu ul li a:hover{color:#ea46b0;}

/* ===== footer ===== */
footer{position: relative;width: 100%;height: 110px;background: #2f3753;z-index: 1;border-top: 1px solid #797d8a;box-sizing: border-box;color: #fff;}
footer:before,
footer:after{display: block; clear: both; content: '';}
footer .inner{width: 1220px;margin: 0 auto;position: relative;}
footer .footer_logo{width:auto;margin:0 auto;padding-top: 31px;float: left;}
footer .footer_logo img{width:105px;}
footer .footer_logo p{font-size: 11px;letter-spacing: -0.02em;padding: 5px 0 0 1px;color: #b4b7c1;}
footer address{float: left;padding: 34px 0 0 32px;font-size: 14px;line-height: 1.6em;color: #ececec;letter-spacing: -0.04em;}
footer address span{padding-left:15px;}
footer .fm_site{position: absolute;top: 23px;left: 1000px;}
footer .fm_site select {border-radius: 0;padding-left: 15px;padding-right: 40px;-webkit-appearance: none;-moz-appearance: none;appearance: none;background: #2f3753 url(../images/sel_down2.png) no-repeat 100% 50%;min-width: 205px;height: 40px;border:solid 1px #fff;color:#fff;}
footer .fm_site select option{height: 30px;}
footer .fm_site select::-ms-expand { display: none;}

/* ===== layout ===== */
.container{width: 100%;height: auto;min-height: calc(100% - 196px);z-index:2;min-width: 1220px;box-sizing: border-box;background: #2f3753;background: #233543 url(../images/main_visual1.jpg) center top no-repeat !important;}

.container:after{content: ""; display:block; clear: both;}

.content{width: 1080px;height: 100%;margin: 0 auto;padding: 20px;box-sizing: border-box;}
.content .content_area{width: 100%;/* height: calc(100% - 60px); *//* padding: 20px; */background: #fff;box-sizing: border-box;border: solid 1px #ccc;}

/* =====  Top ===== */
.container .top_bnr{width: 100%;height: 152px;color: #fff;background: #64676d url('../images/sub_visual01.png') no-repeat center center;letter-spacing: -1px;display: block;box-sizing: border-box;}
.container .top_bnr .inner_box{width:1080px;margin: 0 auto;height:100%;padding-top:48px;/* background: url('../images/sub_visual01_icon.png') no-repeat bottom right; */box-sizing: border-box;}
.container .top_bnr .inner_box h2{font-size: 24px;font-weight: 400;}

/* =====  crumb nav ===== */
.crumb_nav{width: 100%; padding-top:16px;}
.crumb_nav .crumb_list li{height:12px; line-height: 1.2em; float:left; padding-left:13px; padding-right: 10px; background: url(../images/crb_arr.png) no-repeat left; font-size: 12px; font-weight: 200;}
.crumb_nav .crumb_list li:first-child{background:none; padding-left:2px;}
.crumb_nav .crumb_list li a{color:#fff;}
.crumb_nav .crumb_list li:after{content: ''; clear: both; display: block;}

/* =====  title ===== */
.titarea.t_center{text-align: center;}
.titarea{position: relative;margin: 0;background: #fff;padding: 50px 20px 20px 0;box-sizing: border-box;width: 100%;}
.titarea span.sub{position:absolute; top:40px; left:60px; padding: 15px 0; color:#888888; font-size: 12px; }
.titarea span.sub2{position:absolute; padding: 15px 110px; color:#888888; font-size: 12px;}
.titarea span.sub_comment{/* padding: 15px; */ padding: 15px 0 0 15px; color:#888888; font-size: 12px; display: inline-block; }

.container h2{position:relative;font-size:28px;font-family:NanumSquare;font-weight:500;letter-spacing: -0.08em;display: inline-block;padding-top: 5px;}
.container h3{position:relative;font-size:28px;font-family:NanumSquare;font-weight:500;letter-spacing: -0.08em;display: inline-block;padding-top: 5px;}
.container h4{position:relative; font-size:22px; font-family:NanumSquare; font-weight:500;}

/* =====  scroll ===== */
.scroll {overflow:auto; overflow-y: scroll; overflow-x: hidden; padding-right:0px;} /* For the "inset" look only */
.scroll::-webkit-scrollbar {width:8px;} /* Let's get this party started */
.scroll::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0); background: rgba(248,248,248,1); -webkit-border-radius: 0px; border-radius: 0px;} /* Track */
.scroll::-webkit-scrollbar-thumb {-webkit-border-radius: 0px; border-radius: 0px; background: rgba(125,125,125,0.8); border:solid 0px rgba(69,74,77,1); -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0);}/* Handle */

/* =====  Tabs ===== */
.tabs{position:relative;}
.tabs>ul{border-bottom:solid 1px #fff;padding: 0 0 10px 0;}
.tabs>ul:after {display:block;clear:both;content:'';}
.tabs>ul>li{float:left;display:table;/* width: 33.33%; */height: 40px;/* border:1px solid #f7a25f; */border-left:0;border-right: 0;/* border-top:0px solid #f7a25f; */background: transparent;font-size: 19px;text-align:center;position: relative;}
.tabs>ul>li:before{content: '';display: block;width: 2px;height: 20px;position: absolute;top: 10px;left: 0;border-left: solid 1px rgba(0, 125, 255, 0.6);}
.tabs>ul>li:first-child:before{border-left: solid 0px rgba(255, 255, 255, 0.5);}
.tabs>ul>li>a{font-family:'나눔스퀘어',NanumSquare;font-weight: 900;font-size: 24px;color: #007dff;display:table-cell;width:100%;padding: 0 1rem;vertical-align:middle;text-align:center;font-weight:bold;line-height:1.2;}
.tabs>ul>li:first-child{margin-left:-10px;}
.tabs>ul>li.active{}
.tabs>ul>li.active>a{color: #ffffff;}
.tabcont {display:none;font-size:1.2rem;margin: 20px 0 0 0;/* border-top:0.1px solid #cacaca; */}
.tabs .btnbox.tabbtn {position:absolute;right:0;top:0.5rem;}

/* ===== page list ===== */
.page_list{width:480px; margin: 0 auto; text-align: center;}
.page_list a{display: inline-block; width: 23px; height: 25px; margin-right: 5px; padding: 0 1px; line-height: 23px; font-size: 13px; border: 1px solid #fff; color: #8e9094; text-decoration: none; vertical-align: middle; text-align: center; font-weight: 300; }
.page_list a.on{width: 23px; height: 25px; color: #fa7300; border: 1px solid #fa7300;}
.page_list a.first, .page_list a.prev, .page_list a.next, .page_list a.end{background-image: url(../images/sp_paging.png); background-repeat: no-repeat; border: 1px solid #fff; font-size: 0; line-height: 0;}
.page_list a.on,.page_list a:hover,.page_list a:focus,.page_list a:active {width:23px;height:25px;color:#fa7300;border:1px solid #fa7300;}
.page_list a.first:hover,.page_list a.prev:hover,.page_list a.next:hover,.page_list a.end:hover,.page_list a.first:focus,.page_list a.prev:focus,.page_list a.next:focus,.page_list a.end:focus {border:1px solid #fa7300;}
.page_list a.first {background-position:4px -145px;margin-right:1px;}
.page_list a.first:hover {background-position:4px -170px;}
.page_list a.prev {background-position:4px -95px;margin-right:5px;}
.page_list a.prev:hover {background-position:4px -120px;}
.page_list a.next {background-position:-33px -95px;}
.page_list a.next:hover {background-position:-33px -120px;}
.page_list a.end {background-position:-32px -145px;margin-left:1px;}
.page_list a.end:hover {background-position:-32px -170px;}


/* =====  txt box ===== */
.txt_box09{width:100%;box-sizing: border-box;padding:40px;border:1px solid #cccccc;background: #f8f8f8;font-size: 18px;font-weight: 600;text-align: center;color: #292c2f;line-height: 1.4em;}
.txt_box09 span.txt_s{font-size: 14px; color:#757575;}
.txt_box09 hr {border-top:1px solid #cccccc; border-bottom:0px solid #cccccc;}

/* =====  tab_box ===== */
.tab_box{color: #000;display: block;/* border: solid 1px #ccc; */box-sizing: border-box;}
.tab_box:after{content: ''; display: block; clear: both;}
.tab_box>li{display:block;float: left;font-size: 18px;border: solid 1px #ccc;}
.tab_box>li span{display:block;padding: 10px 30px 12px 30px;cursor: pointer;}
.tab_box>li.on{border: solid 1px #449197;}
.tab_box>li.on span{color: #fff !important;background: #449197;box-sizing: border-box;}
.tab_box>li:nth-child(1n + 2){border-left: none;}

/*언어선택*/
.lag_select{margin-top: 30px;padding: 30px;border: solid 2px #9ab9bb;background:#eef6f7;box-sizing: border-box;font-size: 15px;}
.lag_select .tit{padding: 0 10px;font-size: 22px;font-weight: 600;border-right:solid 1px #ccc;width: 20%;display: inline-block;box-sizing: border-box;/* text-align: center; */}
.lag_select .txt{padding: 0px;display: inline-block;box-sizing: border-box;font-size: 16px;font-weight:600;}
.lag_select .txt input{margin-left:40px;}

/* ===== 정답확인 ===== */
.qna_txt_box05{width:100%; box-sizing: border-box; margin-top:20px; padding:25px; border:2px solid #cccccc; background: #fff; font-size: 16px; text-align: left; color: #292c2f; line-height: 1.5em; font-weight: 500;}
.qna_txt_box05 .qna_tb_001 {position:relative; width:100%; clear:both;}
.qna_txt_box05 .qna_tb_001 ul{margin-top:10px; font-weight: 500;}
.qna_txt_box05 .qna_tb_001 ul li{padding:5px 15px; font-weight: 500;}
.qna_txt_box05 .qna_tb_001 ul li.on {color:#CC3D3D; font-weight: 500; text-decoration: underline;}


/* ===== 공지사항 ==== */
.notice{padding: 10px 10px 50px 10px;width:calc(100% - 22px);background:#f8f6f5;border: 1px solid #c4c6cb; min-height:300px; font-size:14px; line-height: 150%;}
.noticetitle{padding: 0 10px; width:100%; background:#f8f6f5;  font-size:14px;}

/* =====  table ===== */
/*table_style0*/
.tblst0 {position:relative; width:calc(100% - 60px); border-top:2px solid #449197; clear:both; margin:0 30px;}
.tblst0 table{width:100%;}
.tblst0 tbody{border-top:1px solid #a0a0a0 !important ;}
.tblst0 th {color:#224f52; height:50px; font-weight:400; line-height:18px; font-size:16px; background:#eff5f5; text-align:center; border:1px solid #d3e7eb;}
.tblst0 th:first-child {border-left:none;}
.tblst0 th.bb{border-bottom:1px solid #d8d8d8;}
.tblst0 tr.select{background:#eff5f5;}
.tblst0 td {position:relative; border:1px solid #d3e7eb; text-align:center; font-size:16px;height:50px; }
.tblst0 td span{display:none;}
.tblst0 td.title{text-align:left; padding-left:6px; font-weight:400;}
.tblst0 td.title2{text-align:center; padding-left:6px; font-weight:400;}
.tblst0 td.left{text-align:left; padding-left:6px;}

/*table_style1*/
.tblst1{position:relative; width:calc(100% - 60px); border-top:solid 2px #999; clear:both; margin:0 30px;}
.tblst1 table{width:100%; border-left:1px solid #d8d8d8; border-right:1px solid #d8d8d8;}
.tblst1 thead th{color:#000; font-size:16px; font-weight:400; text-align:center; border:1px solid #d8d8d8; background:#e7ebf3;}
.tblst1 tbody th{color:#000; font-size:16px; font-weight:400; text-align:center; border:1px solid #d8d8d8; background:#e7ebf3;}
.tblst1 td{height:50px; padding-left:10px; border:1px solid #d8d8d8; text-align:left; font-size:16px;  font-weight:300;  background:#ffffff; line-height:18px;}
.tblst1 td.sg{text-align:left; padding:16px 0 16px 6px; line-height:18px; vertical-align:top;}
.tblst1 td.title{text-align:left; padding-left:6px;}
.tblst1 td.left{text-align:left;padding-left:10px; padding-right:10px;}
.tblst1 td.center{text-align:left;padding-left:10px; padding-right:10px;}
.tblst1 td.txarea{text-align:left; padding:12px 10px;}


/*table_style2*/
.tblst2 {position:relative;width:100%;border-top: 0px solid #4666c0;clear:both;}
.tblst2 table{width:100%;}
.tblst2 tbody{/* border-top:1px solid #a0a0a0 !important ; */}
.tblst2 th {position:relative;text-align: left;color: #007dff;border-bottom: 1px solid #486b9e;border-right: none;padding: 35px 0 10px 0;font-weight: 500;font-size: 16px;line-height: 160%;}
.tblst2 td {position:relative;border-bottom: 1px solid #486b9e;padding: 35px 0 10px 0;font-weight:400;font-size:15px;line-height: 160%;}
.tblst2 .line_f01{position: relative;padding-left: 30px;}
.tblst2 .line_f01:before{content:'';position: absolute;left: 0;bottom: -1px;border-bottom: solid 1px #0f4086;height: 2px;width: 30px;}

/*table_style21*/
.tblst21 {position:relative;width:100%;border-top: 0px solid #4666c0;clear:both;}
.tblst21 table{width:100%;}
.tblst21 tbody{/* border-top:1px solid #a0a0a0 !important ; */}
.tblst21 th {position:relative;text-align: left;color: #007dff;/* border-bottom: 1px solid #486b9e; */border-right: none;padding: 10px 0 10px 0;font-weight: 500;font-size: 16px;line-height: 160%;}
.tblst21 td {position:relative;/* border-bottom: 1px solid #486b9e; */padding: 10px 0 10px 0;font-weight:400;font-size:15px;line-height: 160%;}

/*table_style3*/
.tblst3 {position:relative;width:100%;padding: 0;box-sizing: border-box;}
.tblst3 table{width:100%;border-top: 2px solid #4666c0;}
.tblst3 thead{border-bottom:1px solid #c4c6cb !important ;}
.tblst3 tbody{/* border-top:1px solid #c4c6cb !important ; */}
.tblst3 th {text-align:center; color:#000; border-bottom:1px solid #c4c6cb; border-right:1px solid #c4c6cb; padding:15px 10px; font-weight:600; font-size:15px; background-color: #ebedf2;}
.tblst3 th:last-child {border-bottom:1px solid #c4c6cb; border-right:0px solid #c4c6cb; }
.tblst3 td {text-align:center;color:#000;border-bottom:1px solid #c4c6cb;border-right:1px solid #c4c6cb;padding: 15px 20px; font-weight:400;font-size:15px;}
.tblst3 td.left {text-align:left; position:relative;}
.tblst3 td.write {text-align: left;border-right:0px solid #c4c6cb;}
.tblst3 td:last-child {border-bottom:1px solid #c4c6cb; border-right:0px solid #c4c6cb;}
.tblst3 td.bbs_in {text-align: left; height:300px; border:0px;border-bottom:1px solid #c4c6cb; vertical-align: top; line-height:150%;}
.tblst3 th.bbs_title {text-align: left; border:0px; } 
.tblst3 th.bbs_date {text-align: right; border:0px; color:#555555;} 
.tblst3 tr.select{background:#ebedf2;}

/*공지사항보기*/
.tblst3.notice_write th,
.tblst3.notice_write td {padding: 5px !important;}


/*table_style4 이용자등록*/
.tblst4 {position:relative;width:100%;border-top: 2px solid #449197;clear:both;}
.tblst4 table{width:100%;}
.tblst4 thead{border-bottom:1px solid #a0a0a0 !important ;}
.tblst4 th {text-align:left; vertical-align: middle; color:#555555; border-bottom:1px solid #c4c6cb; border-right:1px solid #c4c6cb; padding:10px 20px; font-weight:600; font-size:15px; line-height: 160%; background-color: #ebedf2;}
.tblst4 td {text-align:left; color:#555555; border-bottom:1px solid #c4c6cb; border-right:1px solid #c4c6cb; font-weight:400; font-size:15px; line-height: 160%;}
.tblst4 span {text-align:left; color:#55698f; font-size:12px; }
.tblst4 span.red {text-align:left; color:#e64100; font-size:12px; }
.tblst4 td:last-child {border-bottom:1px solid #c4c6cb; border-right:0px solid #c4c6cb;}

/*table_style6 평점*/
.tblst6 {position:relative; width:100%; clear:both;}
.tblst6 table{width:100%;}
.tblst6 td {text-align:center; padding:10px 10px; border:0px solid #c4c6cb;}
.tblst6 tr:last-child {border-bottom:0px solid #c4c6cb; border-right:0px solid #c4c6cb;}

/*===== 페이징 =====*/
.paging{padding:0;text-align:center;margin:0 auto;width: auto;height:40px;vertical-align: top;font-size:0;  line-height:24px;}
.paging a,
.paging strong,
.paging .on{display: inline-block;position:relative;padding:7px 16px;border:1px solid #cccccc;font-size:16px;box-sizing: border-box;margin: 0 1px;}
.paging strong,
.paging .on{background:#737373 ; color:#ffffff !important}
.paging a:hover{}
.paging .pbtn{background:#fff;padding:5px;margin:0;width:42px;height:40px;vertical-align: -1px;margin: 0 1px;}
.paging .pbtn > img	{padding-top:7px;}


/* =====  button ===== */
.join_btn{display: inline-block; text-align: center; letter-spacing: normal; min-width: 50px; height: 33px; padding: 8px; padding-top: 10px; vertical-align: middle; color: #fff; background: #828282; font-weight: 600;}
.x_btn{display: inline-block; text-align: center; letter-spacing: normal; width: 20px; height: 20px; vertical-align: middle; color: #828282; border:1px solid #828282; font-family:NanumSquare; font-weight: 500; font-size: 15px; line-height: 17px;}
.btn_b01{display: inline-block;vertical-align: middle;width:250px;height:70px;color: #fff;background: #449197;border-radius: 50px;box-sizing: border-box;text-align: center;font-size: 20px;font-weight:400;letter-spacing: normal;
	-webkit-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.75);-moz-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.75);box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.75);font-weight:400;font-family:'나눔스퀘어',NanumSquare;padding:0;line-height: 3.6em;
}
.btn_b02{display: inline-block; vertical-align: middle; width:250px; height:70px; color: #fff; background: #424242; border-radius: 1px; box-sizing: border-box; text-align: center; font-size: 20px; font-weight:400; letter-spacing: normal;
	-webkit-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.75); -moz-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.75); box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.75); font-weight:400; font-family:'나눔스퀘어',NanumSquare; padding:0; line-height:3.6em; margin-right:20px;
}
.btn_b03{color: #ffffff !important;padding: 15px 15px;border: solid 1px #ffffff;font-size: 17px;display: inline-block;box-sizing: border-box;width: 100%;height: 57px;line-height: 1.2em;text-align: center;}
.btn_b03 i{width: 20px;height: 15px;display: inline-block;background: url(../images/main_pop_btn_ic.png) center center no-repeat;margin-left: 10px;vertical-align: -1px;}

.btn_blue{color:#fff !important; display:inline-block; padding:10px 20px; background:#45536b; font-size:16px;height: 40px; line-height: 38px; min-width: 120px;}
.btn_green{color:#fff !important; display:inline-block; padding:10px 20px; background:#28656a; font-size:16px;height: 40px; line-height: 38px; min-width: 120px;}
.btn_black{color:#fff !important; display:inline-block; padding:10px 20px; background:#555555; font-size:16px;height: 40px; line-height: 38px; min-width: 120px;}
.btn_logout{color:#fff !important; display:inline-block; padding:10px 10px; background:#555555; font-size:14px;height: 40px; line-height: 38px; min-width: 120px;}
.btn_regi{color:#fff !important;display:inline-block;padding: 3px 15px;background:#3d5073;font-size:12px;height: 32px;box-sizing: border-box;vertical-align: top;margin-right: 6px; line-height: 24px;}
.btn_regi_search{color:#fff !important;display:inline-block;padding: 3px 15px 1px 28px;background: #3d5073 url(../images/icon_search.png) 7px center no-repeat;font-size:12px;box-sizing: border-box;height: 32px;vertical-align: middle;}

.btn_result{color:#449197 !important; display:inline-block; padding:5px 15px; border:solid 1px #449197; font-size:12px;display: inline-block; box-sizing: border-box; height:26px; line-height: 1.2em; font-family:'나눔스퀘어',NanumSquare;}
.btn_next{color:#fff !important; background:#449197; font-size:20px; padding:15px 55px; display: inline-block;}
.btn_back{color:#fff !important; background:#666666; font-size:20px; padding:15px 55px; display: inline-block;}
.btn_login{color:#fff !important; background:#449197; font-size:20px; padding:15px 55px; width: 100%; border-radius: 0; margin-top:20px; }
.btn_login:disabled	{background:#aaa; color:#ccc !important;}

.btn_play{color:#449197 !important; background:#f9f9f9 url(../images/icon_play.png) no-repeat 90% 10px; border-radius:40px; border:2px solid #449197; font-size:18px; font-weight:800; padding:15px 55px 15px 25px; display: inline-block; box-sizing: border-box; height:52px; line-height: 1.2em; font-family:'나눔스퀘어',NanumSquare;}
.btn_stop{color:#449197 !important; background:#f9f9f9 url(../images/icon_stop.png) no-repeat 90% 10px; border-radius:40px; border:2px solid #449197; font-size:18px; font-weight:800; padding:15px 55px 15px 22px; display: inline-block;box-sizing: border-box; height:52px; line-height: 1.2em; font-family:'나눔스퀘어',NanumSquare;}
.btn_fullplay{color:#449197 !important; background:#f9f9f9 url(../images/icon_full.png) no-repeat 90% 10px; border-radius:40px; border:2px solid #449197; font-size:18px; font-weight:800; padding:15px 52px 15px 22px; display: inline-block;box-sizing: border-box; height:52px; line-height: 1.2em; font-family:'나눔스퀘어',NanumSquare;}
.btn_solution{color:#fff !important; background:#3d4f73 url(../images/icon_solu.png) no-repeat 90% 10px; border-radius:40px; border:2px solid #3d4f73; font-size:18px; font-weight:800; padding:15px 55px 15px 25px; display: inline-block;box-sizing: border-box; height:52px; line-height: 1.2em; font-family:'나눔스퀘어',NanumSquare;}
.btn_send{color:#fff;position:absolute;display:inline-block;width:130px;height:92px;margin-left:10px;text-align:center;background:#595959;font-size:14px;line-height: 6.6em;}

.btn_wrap{padding:20px 0 30px 0; min-height:40px; text-align: center; display: block;}
.btn_wrap:after{content:''; clear: both;}
.btn_left{float:left; padding-left: 20px;}
.btn_right{float:right; padding-right: 20px;}

.btn_wrap2{margin:20px 0; min-height:52px; display: block;}
.btn_wrap2:after{content:''; clear: both;}
.btn_left2{float:left; padding-left:0px;}
.btn_right2{float:right; padding-right:0px;}

.btn_wrap3{margin:50px 0 150px 0; min-height:40px; text-align: center; display: block;}
.btn_wrap3:after{content:''; clear: both;}

.btn_wrap4{width: 100%; margin:0 auto; padding:90px 0; text-align: center; display: block;}
.btn_wrap4:after{content:''; clear: both;}

.btn_wrap5{width: 100%;margin:0 auto;padding: 10px 0 40px 0;text-align: center;display: block;}
.btn_wrap5:after{content:''; clear: both;}

.btn_wrap6{width: 100%; margin:0 auto; padding:20px 0 0 0; text-align: center; display: block;}
.btn_wrap6:after{content:''; clear: both;}

.btn_wrap7{width: 100%; margin:0 auto; padding:0; text-align: center; display: block;}
.btn_wrap7:after{content:''; clear: both;}

.btn_wrap8{width: 100%;margin:0 auto;padding: 0 0 20px 0;text-align: right;display: block;}
.btn_wrap8 .txt{padding:10px;display: block;position: absolute; left: 0; top:0;}
.btn_wrap8 span{font-size:18px;vertical-align: -3px;margin-right: 6px;}
.btn_wrap8:after{content:''; clear: both;}

input.chk01[type=checkbox]{display: none!important;}
input.chk01[type=checkbox] + label {background:#f9f9f9 url(../images/checkbox01.png) no-repeat 0 0; background-size:19px; display: inline-block; border:solid 0px #b1b1b1; height: 19px; width: 19px; cursor:pointer; margin:0 5px 0 10px;}
input.chk01[type=checkbox]:checked + label {background:#f9f9f9 url(../images/checkbox01_v.png) no-repeat 0 0; background-size:19px;}
input.chk02[type=checkbox]{display: none!important;}
input.chk02[type=checkbox] + label {background:#f9f9f9 url(../images/checkbox02.png) no-repeat 0 0; background-size:19px; display: inline-block; border:solid 0px #b1b1b1; height: 19px; width: 19px; cursor:pointer;}
input.chk02[type=checkbox]:checked + label {background:#f9f9f9 url(../images/checkbox02_v.png) no-repeat 0 0; background-size:19px;}
input.bbs[type=input]{background:#f9f9f9; display: inline-block; border:solid 1px #b1b1b1; cursor:pointer; margin:0 5px 0 10px;}
select.regist{background:#f9f9f9 url(../images/sel_down.png) no-repeat 95% 12px; min-width:165px; display: inline-block; border:solid 1px #c4c6cb; cursor:pointer; margin:0 5px 0 0px; height:32px;}

/* ===== search_form ===== */
.search_area {width: 100%;height: 60px;margin-bottom: 20px;border: solid 1px #ccc;padding: 12px 20px;box-sizing: border-box;}
.search_area .search_input{height:33px; width:230px; border:1px solid #cdcdcd;}
.search_area .btn_search{vertical-align: top;color:#fff !important;display:inline-block;padding: 8px 20px 10px 40px;background: #3d5073 url(../images/icon_search.png) no-repeat 10px 7px;font-size:14px;height: 33px;box-sizing: border-box;border-radius: 3px;}
.search_area::after{content:''; clear: both; display: block;}
.search_area label{font-size: 16px;margin-right: 5px;}


/* ===== 팝업 ===== */	
.dimfull{position: fixed;width: 100%;height:auto;min-width: 1280px;min-height: 100%;left: 0;top:0;background: rgba(0,0,0,0.3);z-index: 9999;}
.popup_wrap {margin:0 auto;display: block;background-image:none;width: 1500px;background: #16202d;position: absolute;top: 119px;left: 50%;z-index: 9999;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.popup_wrap .popup_logo{padding: 45px 0 20px 40px;}
.popup_wrap .popup_title{color:#ffffff;font-size: 28px;padding: 70px 0 30px 60px;font-weight: 600;box-sizing:border-box;letter-spacing: -0.06em;line-height: 1.2em;}
.popup_wrap .popup_title .tit01{
    font-size: 43px;
    line-height: 1.2em;
    padding: 0 0 30px 0;
    border-bottom: solid 5px #fff;
    display: block;
    width: auto;
    float: left;
}
.popup_wrap .popup_title .tit02{
    font-size: 15px;
    font-weight: 500;
    line-height: 1.6em;
    margin-top: 20px;
    display: block;
    width: 100%;
    float: left;
    color: #ccc;
}
.popup_wrap .popup_title:after{content: ''; display: block; clear: both;}
.popup_wrap .popup_state:before{content: '';display: block;border-top: solid 1px #727272;position: absolute;width: calc(100% + 0px);top: -10px;left: 0;}
.popup_wrap .popup_state{display: block;color: #fff;margin: 20px 0 0 55px;padding: 80px 0 0 20px;position: relative;}
.popup_wrap .popup_state > li{width: 33.33%; display: block;float: left; position: relative;}
.popup_wrap .popup_state > li:nth-child(2):before,
.popup_wrap .popup_state > li:nth-child(3):before{content: '';display: block;width: 20px;height: 30px;position: absolute;left: -41px;top: 141px;background: url(../images_p/main_pop_step_arrow.png) 50% -50px no-repeat;}
.popup_wrap .popup_state > li.on:nth-child(2):before,
.popup_wrap .popup_state > li.on:nth-child(3):before{background: url(../images_p/main_pop_step_arrow.png) 50% 0 no-repeat;}

.popup_wrap .popup_state i{display: block;width: 100px;height: 100px;}
.popup_wrap .popup_state i.step01{background: url(../images_p/main_pop_step1.png) 0 0 no-repeat;}
.popup_wrap .popup_state i.step02{background: url(../images_p/main_pop_step2.png) 0 0 no-repeat;}
.popup_wrap .popup_state i.step03{background: url(../images_p/main_pop_step3.png) 0 0 no-repeat;}

.popup_wrap .popup_state p{color:#fff;margin-top: 10px;font-size: 21px;letter-spacing: -0.04em;}
.popup_wrap .popup_state .on p{color:#fff;}
.popup_wrap .popup_state span{display:block;color:#ccc;margin-top: 13px;font-size: 16px;font-weight: 600;font-family: lato;}
.popup_wrap .popup_state .on span{color: #4a95ff;}

.popup_wrap .popup_body{height: 100%;padding: 60px 140px;box-sizing:border-box; background: url(../images_p/main_pop_body_bg.png) 0 0 no-repeat;}
.popup_wrap .popup_body2{height: 100%;padding: 40px 40px;box-sizing:border-box;background: url(../images_p/main_pop_body_bg.png) 0 0 no-repeat;}

.popup_wrap .pb_title{height:auto;padding: 30px 0;box-sizing:border-box;color: #fff;}
.popup_wrap .pb_title span{font-family: lato;color:#007dff;font-size: 18px;font-weight: 600;}
.popup_wrap .pb_title .tit{font-size: 37px;font-weight: 600;margin-top: 10px;}
.popup_wrap .pb_title .txt{font-size: 16px;font-weight: 400;margin-top: 12px;line-height: 1.4em;letter-spacing: -0.04em;color: rgba(255, 255, 255, 0.7);}
.popup_wrap .input_popup{background: transparent;border:solid 1px transparent;color:#fff;font-size: 21px;font-weight: 600;/* width: 200px; */}

.popup_wrap .popup_close{position:absolute;top: 20px;right: 26px;cursor: pointer;display: block;width: 27px;height: 27px;color: #ffffff;background: url(../images_p/p_close3.png) 0 0 no-repeat;text-indent: -9999px;}

.popup_wrap .left_con,
.popup_wrap .right_con{float: left;width: 39%;height: 680px;display: block;}
.popup_wrap:after{content: ''; display: block; clear: both;}
.popup_wrap .left_con{background:#16202d;}
.popup_wrap .right_con{background:#0f4086;width: 61%;}

/*loading*/
.loading-wrap{position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; background: rgb(255,255,255,0); text-align: center; overflow: hidden;}
.loading-wrap > img	{position: absolute; left: 50%; top: 50%; width: 80px; height: 80px; margin-left: -40px; margin-top: -40px;}

/*경고창*/
.dimfull2{position: fixed; width: 100%; height:auto; min-width: 1280px; min-height: 100%; left: 0; top:0; background:rgba(0,0,0,0.5); z-index: 9999;}
.alert_wrap {margin:10% auto; display: block; background-image:none; width:500px; background:#fff; position: absolute;top: 10px;left: 50%; margin-left: -250px; z-index: 9999; border:solid 1px #839393;box-sizing: border-box;
	-webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.3);	-moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.3);	box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.3);
}
.alert_wrap .btn_x{position:absolute; top:10px; right:16px;cursor: pointer;} 
.alert_wrap .btn_x a{color:#3972b6;}
.alert_wrap .alert_title{background:#416099;color:#ffffff;font-size: 18px;padding:15px 15px;font-weight:500;box-sizing:border-box;letter-spacing: -0.06em;line-height: 1.2em;font-family:'나눔스퀘어',NanumSquare;}
.alert_wrap .alert_title h1 {display:block; margin:0; font-size:18px; font-weight:700;}
.alert_wrap .alert_body{text-align:center; height:auto;padding: 20px;box-sizing:border-box; font-size:14px; line-height:140%;}
.alert_wrap .alert_footer{padding:20px; text-align:center;}
.alert_wrap .alert_footer .btn01	{background:#3a5ea2; color:#fff; padding:10px 20px; border-radius:5px;}
.alert_wrap .alert_footer .btn02	{background:#444; color:#fff; padding:10px 20px; border-radius:5px;}


.popup_wrap .btn_x{position:absolute;top: 30px;right: 30px;cursor: pointer;background: url(../images_p/p_close.png) 0 0 no-repeat;background-size: 100%; text-indent: -99999px;} 
.btn_next2{color:#fff !important; background:#449197; font-size:16px; display: inline-block; min-width:150px; height:40px; line-height:38px;}
.btn_back2{color:#fff !important; background:#666666; font-size:16px; display: inline-block; min-width:150px; height:40px; line-height:38px;}




/*main=====================================*/
.main_content{position:relative;width:100%;margin:0;padding:0;height: 730px;min-width: 1080px;}

/* 메인 main_visual */
.main_visual{position:relative;} 
.main_visual .rolling_wrap{width:100% !important;height: 720px;min-width: 1200px !important;}
.main_visual .rolling_wrap li{width:100%; height:100%;}
.main_visual .rolling_wrap li:nth-child(1){background: #233543 url(../images/main_visual1.jpg) center top no-repeat !important;}
.main_visual .rolling_wrap li:nth-child(2){background:#4c5d88 url(../images/main_visual2.jpg) center top no-repeat !important;}
.main_visual .rolling_wrap li img{width:2000px !important;}
.main_visual .rollingIcon{position:absolute; left:calc(50% - 520px) !important; bottom:34% !important;}

.main_visual .rolling_cnt{position: absolute;top: 252px;left: 50%;margin-left: -558px;font-size: 20px;color: #fff;}
.main_visual .rolling_cnt span.total{font-size: 18px;color: #ffe200;}

.main_visual .pre_arrow,
.main_visual .next_arrow{cursor: pointer;width: 50px;height: 64px;top: 244px;left: 50%;margin-left: -610px;display: block;position: absolute;z-index:10;background: url(../images/rolling_arrow2.png) 0 0 no-repeat !important;}
.main_visual .next_arrow{/* left:auto; *//* right:50%; *//* margin-right: -600px; */margin-left: -497px;background: url(../images/rolling_arrow2.png) 0 -100px no-repeat !important;}

.main_visual_di{width: 1220px;margin:0 auto;padding: 20px 0;text-align: left;color:#fff;}
.main_visual_di.v01 .tx01{font-size: 20px;font-weight: 400;padding-top: 10px;line-height: 1.4em;letter-spacing: 0em;/* color:#3d5073; */}
.main_visual_di.v01 .tx02{font-size: 36px;font-weight: 600;padding-top: 25px;letter-spacing: -0.05em;/* color:#262626; */}
.main_visual_di.v01 .tx03{font-size: 16px;padding-top: 30px;line-height: 1.3em;}

.main_visual_di.v02{width:760px;}
.main_visual_di.v02 .tx01{font-size: 46px; padding-top:62px;}
.main_visual_di.v02 .tx02{font-size: 18px; padding-top:30px; line-height: 1.4em;}
.main_visual_di.v02 .tx03{font-size: 18px; padding-top:14px; line-height: 1.0em;}
.main_visual_di b{font-weight: 600;}
.main_visual_di span{color: #085bff;}

.main_golink{position:absolute;top: 250px;/* top: 8px; */left:50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);text-align:center;height:100px;width: 1260px;}
.main_golink ul > li{width: 33.33%;height: 278px;padding: 0 20px;display: block;float: left;box-sizing: border-box;}
.main_golink a{border-radius: 7px;background: #fff;padding: 30px 30px;box-sizing: border-box;display: block;width: 100%;height: 100%;font-weight:600;font-size: 24px;color:#35787d;text-align: left;border: solid 3px transparent;position: relative;}
.main_golink a:hover,
.main_golink a.on{border: solid 3px #ea46b0;}
.main_golink .mg_tit{font-size: 24px;line-height: 1.2em;font-weight: 600;color: #000;}
.main_golink .mg_tit span{font-size: 14px;font-weight: 300;color:#000;}
.main_golink .mg_txt{font-size: 14px;font-weight: 500;padding: 10px 0 0 0;color: #888;line-height: 1.4em;letter-spacing: -0.04em;}
.main_golink .mg_from{font-size: 13px;font-weight: 500;position: absolute;bottom: 30px;left: 30px;color: #a7a7a7;}
.main_golink .mg_from span{font-size: 12px;font-weight: 300;color:#000;}

.main_golink .link01{color:#2d4e8a;}
.main_golink .link01:after{content: '';position: absolute;right: -15px;bottom: -3px;display: block;width: 150px;height: 224px;background: url(../images/go_link_pt01.png) 100% 100% no-repeat;}
.main_golink .link02{color:#2d4e8a;}
.main_golink .link02:after{content: '';position: absolute;right: 0px;bottom: -3px;display: block;width: 150px;height: 224px;background: url(../images/go_link_pt02.png) 100% 100% no-repeat;}
.main_golink .link03{color:#2d4e8a;}
.main_golink .link03:after{content: '';position: absolute;right: -3px;bottom: -3px;display: block;width: 150px;height: 224px;background: url(../images/go_link_pt03.png) 100% 100% no-repeat;}

.main_golink2{position:absolute;top: 658px;left:50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);text-align:center;width: 800px;color: #fff;}
.main_golink2 .txt1{font-size: 22px;font-weight: 600;letter-spacing: -0.09em;}
.main_golink2 .txt2{font-size: 14px;font-weight: 500;margin: 7px 0 21px 0;letter-spacing: -0.06em;color: #ccc;}
.main_golink2 a{border-radius: 65px;background: #ff075778;padding: 14px 10px;box-sizing: border-box;display: inline-block;width: 180px;height: 45px;font-weight:600;font-size: 16px;color: #ffffff;text-align: left;/* border: solid 3px transparent; */position: relative;text-align: center;}
.main_golink2 a:hover,
.main_golink2 a.on{/* border: solid 3px #4692ea; */}

.mt10{margin-top:10px;}
.mt40{margin-top:40px;}


/* 팝업 기본 스타일 */
.popup {
  display: none; /* 기본적으로 보이지 않음 */
  position: fixed;
  z-index: 1;
  left: 10px;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0,0,0,0.6); /* 반투명 배경 */
}

/* 팝업 내용 */
.popup-content {
  background-color: #fefefe00;
  margin: 120px 0 0 0px;
  padding: 0px;
  /* border: 1px solid #888; */
  /* width: 67%;  또는 더 작은 크기로 조정 */
  /*box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);*/
}

/* 닫기 버튼 스타일 */
.close {
  color: #aaa;
  /*float: right;*/
  font-size: 28px;
  font-weight: bold;
  padding-bottom:0px;
  /*padding-right: 362px;*/

  position: absolute;
  right: calc(50% - 600px);
}

.close:hover,
.close:focus {
  color: #f00;
  text-decoration: none;
  cursor: pointer;
}

.bg-video {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
  opacity: 0.15;
}

.bg-video__content {
  height: 100%;
  width: 100%;
  object-fit: cover; // background-size: cover 와 비슷함. (HTML 요소 or 비디오와 작동)
  
}