﻿body{;font-family: 'Noto Sans Korean', sans-serif; font-size: 18px;}

/*테이블을 정의한다*/
.div_table{display:table;}
.div_tr{display:table-row;}
.div_td{display:table-cell;word-wrap:break-word;}

.mBox{display:none;}
.mText{display:none;}
.mimg{display:none;}

.pBox{display:block;}
.pText{display:inline-block;}
.pimg{display:inline-block;}

/*모바일 박스를 정의한다*/
@media (max-width: 768px) {
    .mBox{display:block;}
	.mText{display:inline-block;}
	.mimg{display:block;}

	.pBox{display:none;}
	.pText{display:none;}
	.pimg{display:none;}
	.pTd{display:none;}
	.tbl_head01 td.mTd{padding:10px 5px;}
}
.subtitle{font-weight:bold;}

/*기본내용을 정의한다*/
.swiper-container .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23AAAAAA'%2F%3E%3C%2Fsvg%3E")}

.swiper-container .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23AAAAAA'%2F%3E%3C%2Fsvg%3E")}



/*
nav.navbar{background-color:rgba(0,0,0,0.9);color:white;}
*/
nav.navbar{color:black;}

nav.navbar a{color:#111;}
.navbar-brand{  font-size: 25px;
  margin: 0;
  padding: 0;
  line-height: 1;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  letter-spacing: -1px;}
.navbar-brand span {color: #115BC2;}

.navbar-nav .nav-item{font-size:16px;color:#555;font-weight:normal;font-family: 'Noto Sans Korean', sans-serif;}
.navbar-nav .nav-item.active{color:black;font-weight:bold;}
.navbar-nav .nav-item a{padding:0px 20px;}
.navbar-expand-lg .navbar-nav{width:100%;font-family: "Montserrat", sans-serif;
    font-weight: 700;}


#mainCont{padding:0px 0px;background-color:white;}
#mainCont .mainBody:after{ display: block; content: ""; clear: both;}
#mainCont .mainBody .sideMenu{float:left;margin-top:5px;}
#mainCont .mainBody .mCont{float:left;/*padding:0 130px 0;*/margin-bottom:50px;}

#mainCont #cr_selfcheck2_result .mainBody .mCont{padding:0px;}

#mainCont .container, .mainCont .container{width:100%;max-width:1140px;}

#mainCont .container .mainBody{padding:0px 0px 20px 0px;width:100%;margin:auto;}

#mainCont #cr_selfcheck2_result.container .mainBody{padding:0px}


/*상단 로고 정의*/

@media (max-width: 992px) {
	#mainCont .mainBody .mCont{padding-left:0px;}
}
/*상단 로고 정의*/
/*#topNav{background-color:#434343;height:30px;} 여기수정*/
#topNav{background-color:rgba(0,0,0,0.85);height:25px;padding:0px 20px;}
#topNav:after {content:""; display:block; clear:both;}
#topNav a{display:inline-block;padding:0px 20px;height:25px;line-height:25px;text-align:center;color:white;font-size:12px;text-decoration: none;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;}
#topNav a:hover{background-color:white;color:#428bca}
#topNav a i{margin-right:4px;}


body /*{font-family: 'Noto Sans Korean', sans-serif;font-size:13px;}*/
.header-area{top:25px;background:rgba(0, 0, 0, 1);}
body.on .header-area{top:0px;}

/*
#navMenu{height:55px;line-height:55px;border-bottom:1px solid #ccc;color:white;}
*/

#navMenu{height:70px;position:relative;z-index:1;border-bottom:1px solid #ccc;}
/* 이부분 주석을 없애시면 사라집니다
#navMenu{height:50px;position:relative;z-index:1;display:none;}
*/
#navMenu .container{border-bottom:1px solid #ccc;border-right:0px solid; border-left:0px solid #ccc;color:#fff;padding-left:0px;padding-right:0px;height:70px;background-color:#FFFFFF;margin-top:0px;z-index:10;}

@media (max-width: 992px) {
	#navMenu{display:block;}
}

@media (max-width: 580px) {
	#navMenu .container{display:flex}
	#navMenu .container > div{width:clac(50% - 25px);float:none !important;}
	#navMenu .container > div:first-child{width:50px;}
	#navMenu .container:after{display:none;}
}



#navMenu .go_home{height:70px; font-size:10px;color:#000;}
#navMenu .go_gmenu.go_smenu{height:70px;}
#navMenu .go_gmenu.go_smenu > div > a{float:left;height:70px;}
.dropdown-item:active{background-color:transparent;}
.dropdown-item.active, .dropdown-item:active {
    color: black;
    background-color: white;
}

#navMenu .go_home a{display:inline-block;padding:5px 15px 0px 15px;height:70px;line-height:70px;background-color:#fff;color:#000;border-bottom:1px solid #ccc;/*border-left:1px solid #ccc;border-right:1px solid #ccc;color:white;*/}
#navMenu .go_gmenu{width:220px;/*border-right:1px solid #ccc;*/}
#navMenu .go_gmenu > div > a{padding-left:10px;display:inline-block;position:relative;width:100%;height:70px;line-height:70px;text-decoration:none;font-size:18px;color:#000;}
#navMenu .go_gmenu.go_smenu > div > a{font-weight:normal;}

#navMenu .dropdown-menu{min-width:220px; border-radius:0px; margin: 0 0 0;}
#navMenu .dropdown-item {position:relative;width:220px;padding:0px 10px;line-height:35px;font-size:14px;font-weight:500;}
#navMenu .dropdown-item:after{position: absolute;top: 42%; right: 10px; display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    /*border-top: .3em solid transparent;*/
    border-right: 0;
    /*border-bottom: .3em solid transparent;*/
    border-left: .3em solid ;
}

#mainCont .dropdown-toggle::after{position:absolute;top:42%;right:10px;}

#mainCont{min-height:500px;}
#mainCont .titleBox{display:none;margin-bottom:30px;border-bottom:1px solid #ccc;}
#mainCont .titleBox > div{width:150px;text-align:center;height:50px;line-height:50px;font-size:14px;}
#mainCont .titleBox > div.titleGroup{}
#mainCont .titleBox > div.titleBoard{background-color:#555;color:white;}

#mainCont .titleBox .dropdown a{display:inline-block;width:100%;}
#mainCont .titleBox .dropdown a.dropdown-toggle{color:white;text-decoration:none;}
#mainCont .titleBox .dropdown a.dropdown-toggle:hover{}

#mainCont .titleBox .dropdown-menu .dropdown-item{margin:0px;padding:0px 15px;display:block;height:40px;line-height:40px;color:#212529;font-size:13px;}
#mainCont .titleBox .dropdown-menu .dropdown-item.active{background-color:#eeeeee;}
#mainCont .titleBox .dropdown-menu .dropdown-item:hover{color:#212529;background-color:#eeeeee;}
#mainCont .titleBox .dropdown-menu .dropdown-item:active{color:#212529;background-color:#eeeeee;}

#mainCont .titleBox .titleGroup .pcText{}
#mainCont .titleBox .titleGroup .mobileText{display:none;}

#nav_title .container {position:relative;padding:30px 35px 15px 35px;margin-bottom:20px;text-align:center;font-size:32px;font-weight:bold;font-family: 'Noto Sans Korean', sans-serif;/*color:#115BC2;*/}
#nav_title .container::before{content:'';position:absolute;display:block;width:120px;height:1px;background:#ddd;bottom:1px;left:calc(50% - 60px);}
#nav_title .container::after{content:'';position:absolute;display:block;width:40px;height:3px;font-weight:600;background:#115BC2;bottom:0;left:calc(50% - 20px);}


#imgTop{position:relative;margin:0px;width:100%;height:350px;background:no-repeat center center;background-size:cover;}

.subPage #imgTop{height:350px;}

#imgTop .me_title{position:absolute;top:33%;left:0px;width:100%;text-align:center;letter-spacing:-0.05em;}
#imgTop .me_title .me_mtitle{font-size:43px;font-weight:500;color:#000;margin-bottom:0px;}
#imgTop .me_title .me_stitle{font-size:18px;font-weight:500;color:#000;}


/*상단을 정의한다*/
/*
#header {background: rgba(0, 0, 0, 0.9); padding: 0px 0px; transition: all 0.5s;}
*/


#mainCont .container .mainBody.row{margin-left:0px;padding-top:10px;}


.mainBody .sideMenu a:hover{color:#3EC1D5;transition: all 0.3s ease 0s; text-decoration: none;}


#sm_menu{width:100%;margin-bottom:20px;}
#sm_menu li{border-bottom:1px solid #ccc;font-family: 'Noto Sans Korean', sans-serif;}
#sm_menu li a{display:inline-block;width:100%;padding:10px;text-decoration:none;}
#sm_menu li.active a{color:#000;font-weight:bold;background-color:#f4f4f4;}
#sm_menu li.sm_menu_title{padding:10px 10px;background-color:#115BC2;color:#f4f4f4;font-weight:bold;font-size:23px;font-family: 'Noto Sans Korean', sans-serif;border-top:0px solid #000;border-bottom:3px solid #000;}

#sm_search { position:relative;border: 1px solid #ccc; height: 42px; margin-bottom: 30px;}
#sm_search input{border: medium none;padding: 6px 15px; width: 70%;height:40px; -moz-appearance: none; box-shadow: none !important; overflow: visible;}
#sm_search button{position:absolute;top:1px;right:0px;background: transparent none repeat scroll 0 0; border: medium none;  font-size: 20px; height:40px;padding: 0px 23px;}


.sm_ul{padding-bottom:20px;margin-bottom:30px;background: #f9f9f9 none repeat scroll 0 0;}
.sm_ul li{border-bottom:1px solid #ddd;line-height:22px;}
.sm_ul li.sm_ul_title{padding: 15px 10px;font-size:17px;font-weight: 500;font-family: 'Noto Sans Korean', sans-serif;color:#444;text-transform: uppercase;}
.sm_ul li.sm_ul_item{padding:10px 10px;}


#sm_latest .sm_latest_item{display:flex;padding:10px 10px;}
#sm_latest .image{position:relative;width:120px;height:80px;}
#sm_latest .image a{position:absolute;width:100%;height:100%;top:0px;left:0px;}
#sm_latest .texter{padding:0px 5px 0px 10px;-webkit-flex: 1; flex: 1;font-family: 'Noto Sans Korean', sans-serif;}
#sm_latest .texter.no_image{padding:0px;}

#sm_latest .texter .wr_subject{font-size:14px;font-weight:bold;}
#sm_latest .texter .wr_content{font-size:14px;color:#777;}


#sm_tag{padding-bottom:20px;margin-bottom:30px;background: #f9f9f9 none repeat scroll 0 0;}

#sm_tag .sm_tag_title{padding: 15px 10px;border-bottom:1px solid #ddd;line-height:22px;font-size:17px;font-weight: 500;font-family: 'Noto Sans Korean', sans-serif;color:#444;text-transform: uppercase;}
#sm_tag .sm_tag_content{padding:15px 10px;margin:0px;}
#sm_tag .sm_tag_content li{padding: 3px 0px; display: inline-block;color: #444; font-family: 'Noto Sans Korean', sans-serif;}
#sm_tag .sm_tag_content li a{ margin: 5px 2px; padding: 3px 5px; width: auto;   color: #444;    font-size: 12px;  text-transform: capitalize;   border: 1px solid #444;  border-radius: 10px;  font-weight: 600;    position: relative; text-decoration: none;transition: all 0.4s ease 0s; text-align: center;}
#sm_tag .sm_tag_content li a:hover{background: #3EC1D5;color:white;border-color:#3EC1D5}

#bo_title{font-size:24px;font-weight:bold;color:#333;}

#bo_ulist {}

#bo_ulist {}
#bo_ulist li{margin-bottom:25px;padding:0px 15px 15px 15px;border-bottom:1px solid #ccc;}
#bo_ulist li .div_chk{margin-bottom:10px;}
#bo_ulist li .bo_image{margin-bottom:15px;text-align:center;}
#bo_ulist li .bo_image img{max-width:100%;}
#bo_ulist li .blog-meta{font-size:14px;margin-bottom:10px;}
#bo_ulist li .blog-meta  i{margin-left:5px;margin-right:5px;}
#bo_ulist li .blog-text h4{color:#444;font-size: 22px;line-height: 26px; font-family: 'Noto Sans Korean', sans-serif;}
#bo_ulist li .blog-text p{background: #fff none repeat scroll 0 0; color: #444; font-family: 'Noto Sans Korean', sans-serif; font-size: 14px; text-align: left; overflow-x: hidden; line-height: 22px;}
#bo_ulist li a{text-decoration:none;}


.textBox{font-size:15px;color:#333; font-weight:500;}
.textBox img{max-width:100%;}
.textBox .title{margin-bottom:30px;font-size: 30px;line-height:35px;color: #777;font-weight: 300;letter-spacing:-0.1em;}
.textBox .title .notice{font-weight:700;color: #353535;}
.textBox .text{}
.textBox  .row > div{margin-bottom:30px;}



@media (max-width: 1200px) {
	#header .navbar-brand{padding-left:20px;}
	#header #navbarSC{padding-right:10px;}
	#header .navbar-nav li > a{padding:0px 10px 0px 10px;}
}
@media (max-width: 1000px) {
	#sm_latest .image{margin-left:auto;margin-right:auto;}
	#sm_latest .texter{width:100%;padding:5px;}
	#sm_latest .sm_latest_item{display:block;}
}

@media (max-width: 992px) {
	#header .navbar-nav > li > a{padding-left:40px;font-size:16px;}
	#header .navbar-nav > li .dropdown-menu{padding:0px;background-color:transparent;}
	#header .navbar-nav .dropdown-menu .dropdown-item{padding-left:80px;color:white;font-size:15px;}
	#header #navbarSC{padding-bottom:20px;}
	#header .navbar-nav li.menu_login{margin-left:0px;}

	#mainCont .titleBox .titleGroup .pcText{display:none;}
	#mainCont .titleBox .titleGroup .mobileText{display:inline-block;}
}
@media (max-width: 768px) {
	#topNav{display:none;}
}
@media (max-width: 576px) {
	#mainCont .container .mainBody{padding:0px 10px 20px 10px;}
	#mainCont .titleBox{display:block;}
	#mainCont .titleBox > div.titleGroup{width:45%;}
	#mainCont .titleBox > div.titleBoard{width:55%;}
	#mainCont .titleBox .dropdown-menu{width:100%;}
	#mainCont .titleBox > div.titleGroup a{display:inline-block;width:100%;}
	
	#mainCont .container .mainBody.row{padding-top:0px;}
	#sm_menu{display:none;}

	#sm_latest{display:none;}
	#sm_tag{display:none;}
	#sm_cate.sm_ul{padding-bottom:10px;}
	#sm_cate.sm_ul:after {content:""; display:block; clear:both;}
	#sm_cate.sm_ul li.sm_ul_title{margin-bottom:10px;}
	#sm_cate.sm_ul li.sm_ul_item{margin:5px 3px;padding:8px 10px;border:1px solid #ccc;float:left; width:auto;}	
}

.mb_name_info{padding:20px 0px;font-size:20px;text-align:center;font-weight:bold;}
.badge{padding: .4em .6em;}

.mcTitle{font-size:35px;font-weight:700;margin-top:8px; margin-bottom:30px;letter-spacing:-0.05em;}
.mcTitle span{color:#3ec1d5;}

.new_icon{display:inline-block;margin-left:5px;padding:0px 5px;line-height:15px;font-size:12px;border-radius:100%;background-color:red;color:white;}


ol.simple-list {
    list-style-type: none;
    list-style-type: decimal !ie; /*IE 7- hack*/
     
    margin: 0;
    margin-left: 3em;
    padding: 0;
     
    counter-reset: li-counter;
}
ol.simple-list > li{
    position: relative;
    margin-bottom: 30px;
    padding-left: 0.5em;
    /*min-height: 3em;*/
    border-left: 1px solid #CCCCCC;
}
ol.simple-list > li:before {
    position: absolute;
    top: 0;
    left: -1.2em;
    width: 0.8em;
     
    font-size: 1.8em;
    line-height: 1;
    font-weight: bold;
    text-align: right;
    color: #464646;
 
    content: counter(li-counter);
    counter-increment: li-counter;
}
ol.simple-list1{}

ol.labels-list {
    list-style-type: none;
    list-style-type: decimal !ie; /*IE 7- hack*/
     
    margin: 0;
    margin-left: 1em;
    padding: 0;
     
    counter-reset: li-counter;
}
ol.labels-list > li{
    position: relative;
    margin-bottom: 2.5em;
    padding: 1.5em;
    background-color: #eaeaea;
}
ol.labels-list > li:before {
    position: absolute;
    top: -0.3em;
    left: -0.5em;
    width: 1.8em;
    height: 1.2em;
     
    font-size: 2em;
    line-height: 1.2;
    font-weight: bold;
    text-align: center;
    color: #464646;
    background-color: #d0d0d0;
     
    transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    -webkit-transform: rotate(-20deg);
    z-index: 99;
    overflow: hidden;
     
    content: counter(li-counter);
    counter-increment: li-counter;
}

ol.boxes-list {
    list-style-type: none;
    list-style-type: decimal !ie; /*IE 7- hack*/
     
    margin: 0;
    margin-left: 3em;
    padding: 0;
     
    counter-reset: li-counter;
}
ol.boxes-list > li{
    position: relative;
    margin-bottom: 15px;
    padding: 1em;
     
    background-color: #d5d5d5;
}
ol.boxes-list > li:before {
    position: absolute;
    top: 0;
    left: -1em;
    width: 0.94em;
    height: 0.94em;
     
    font-size: 3em;
    line-height: 0.94;
    text-align: center;
    color: #f5f5f5;
 
    background-color: #464646;
    content: counter(li-counter);
    counter-increment: li-counter;
}

/*타이틀 정의*/

#msg_mb_id{display:block;color:red;}
#msg_mb_nick{display:block;color:red;}

/*회원가입페이지 수정*/

#register_form{margin:0px auto;width:100%;max-width:580px;padding:20px 30px;background-color:#f8f8f8;}
#fregisterform #register_form.form_01 div.re_info{margin-bottom:30px;}
#register_form li{width:100%;display:flex;align-items:flex-start;}

#register_form li .mainForm{flex-grow:1;}
#register_form li .mainForm input[type='text'], 
#register_form li .mainForm input[type='password']{width:100%}
#register_form li .mainForm input[type='text'].frm_input, 
#register_form li .mainForm input[type='password'].frm_input{height:50px;font-size:15px;}
#register_form li button{height:50px;font-size:15px;}

.myinfo_form li{display:flex;align-items:center;margin-bottom:5px;}
.myinfo_form li label{width:120px;min-width:120px;max-width:120px;min-height:50px;line-height:50px;font-size:16px;}
#register_form .myinfo_form li{align-items:center;margin:0px 0px 5px 0px;}

#fregisterform .form_01 div{margin:0px;}

#fregisterform label.frm_label{margin-bottom:0px;}
#fregisterform .flex-grow-1 input[type='text']{width:100%;height:50px;font-size:15px;}
#fregisterform .flex-grow-1 select{width:100%;margin-bottom:5px;height:50px;font-size:15px;}

#register_form #captcha{width:100%;}
#register_form #captcha #captcha_img{height:50px;}
#register_form #captcha label{display:none;}
#register_form #captcha button{}
#register_form #captcha #captcha_key{width:calc(100% - 250px);font-size:17px;height:50px;}

#bo_list .td_name{font-size:14px;}
#bo_list .td_datetime{font-size:14px;}
/*마이페이지*/
.myMenu{border:1px solid #ccc;}
.myMenu li{border-bottom:1px solid #ccc;}
.myMenu li:last-child{border-bottom:none}
.myMenu li a{display:block;padding:8px 10px;font-size:14px;color:#111;text-decoration:none;}
.myMenu li a:hover{color:orange;font-weight:bold;}
.myMenu li.on a{background-color:#333;color:white;}

#mypgSide .myMenu li.on a{background-color:#333;color:white;}
.myinfoMenu{display:flex;flex-wrap:wrap;margin-bottom:5px;}
.myinfoMenu li{border:1px solid #ccc;margin:10px 5px;margin-top:0px;}
.myinfoMenu li a{padding:5px 10px;font-size:14px;letter-spacing:-0.05em;}
.myinfoMenu li.on a{background-color:#333;color:white;}

.mypageCont{display:flex;width:100%;}
.mypageCont .mypageMenu{width:180px;min-width:180px;margin-right:20px;}
.mypageCont .mypageBody{width:100%;display:flex;justify-content:center;margin-left:auto;}
.mypageCont .mypageMenu .myMenu{padding:0px 0px}


