@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Raleway:300,500,600,700');

body{background:#fff;font-size:0.81em;}
h1, h2, h3, h4, h5, h6, input, button, textarea, select{}
.img100 img {width:100%}

#co_hd{z-index:25;position:relative}

/*right_btn*/
.r_menu {
    position: fixed;
    right: -68px;
    top: 50%;
    z-index: 52;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.r_menu a {
    display: block;
    position: absolute;
    right: 0;
    width: 68px;
    height: 336px;
    color: rgba(255,255,255,.8);
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
    font-size: 17px;
    line-height: 19px;
    font-family: 'notokr-medium'
}

.r_menu a:hover {
    width: 78px
}

.r_menu a:first-child {
    background-color: #694930;
    bottom: 0
}

.r_menu a:last-child {
    background-color: #a1795b;
    top: 0
}

.r_menu a p {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    width: 16px
}

.r_menu a p i {
    margin-top: 20px
}

.b_menu {display:none}
.down_btn {background:#b40000; border-radius:5px; text-align:center; padding:15px 0}
.down_btn a {color:#fff;display:block}
.down_btn .t1 {font-size:16px}
.down_btn .t2 {font-size:24px}

#co_hd_wrapper{position:relative;max-width:100%;height:80px;margin:0 auto;padding:0;zoom:1;z-index:20}
#co_hd_wrapper:after{display:block;visibility:hidden;clear:both;content:""}
#co_container{z-index:5;position:relative;width: 100%;margin:auto;overflow:hidden;}
#co_container_wrapper{position:relative;max-width:1070px;margin:0 auto;zoom:1}
#co_container_wrapper:after{display:block;visibility:hidden;clear:both;content:""}

#co_content_tit_wrap{position:relative;max-width:1070px;margin:128px auto 0;text-align:center}
#co_content_tit{display:inline-block;position:relative;font-size:15px;color:#fff;letter-spacing:-0.3px;font-family:'notokr-regular'}
#co_content_tit h3{position:relative;height:43px;margin-bottom:17px;padding:0 60px;font-weight:normal;font-size:39px;line-height:42px;box-sizing:border-box;font-family:'notokr-bold'}
#co_aside{position:relative;z-index:15;min-width:1070px;height:56px;border-bottom:solid 1px #ddd}
#co_aside_wrapper{position:relative;z-index:1000;width:1070px;height:56px;margin:0 auto;zoom:1}

#co_content{z-index:4;position:relative;padding:0;max-width:1070px;min-height:460px;margin:55px 0 40px 0;height:auto !important;height:500px;line-height:1.5em;color:#777;zoom:1;}
#co_content:after{display:block;visibility:hidden;clear:both;content:""}
#co_content #co_content_tit{margin-bottom:30px;overflow:hidden;font-family:'notokr-regular'}
#co_content #co_content_tit:after{clear:both}
#co_content #co_content_tit h3{float:left;padding:0;font-size:28px;letter-spacing:-0.06em;line-height:1.3em;color:#333;font-family:'notokr-medium'}
#co_content #co_content_tit span{float:right;margin-top:12px;padding-left:15px;font-size:14px;background:url('/img/sub_home.gif') 0 4px no-repeat;color:#666}
#toTop{position:fixed;bottom:25px;right:0;z-index:100;width:65px;height:65px;outline:none;border-radius:0;background:url(/img/to_top.png) center no-repeat #000;text-indent:-99999px;transition:all 0.2s ease-in-out}
#toTop:hover{background-color:#a1795b}

#co_ft{z-index:10;position:relative;width:100%;margin:auto;padding-bottom:0;background-color:#1f1f1f;font-family:'notokr-regular'; margin:-2px 0 0 0}
#co_ft #co_ft_wrapper{position:relative;zoom:1;font-size:15px;line-height:24px;letter-spacing:-0.03em;color:#969696; padding:0 0 30px 0}
#co_ft #co_ft_wrapper:after{display:block;visibility:hidden;clear:both;content:""}
#co_ft .ft_logo{font-size:16px;color:#ccc;font-family:'notokr-bold'}
#co_ft #co_ft_wrapper .address_wrap{margin:0 auto;width:1070px;padding:24px 0 12px 0}
#co_ft #co_ft_wrapper .address_wrap .address{padding-top:18px;word-break:keep-all}
#co_ft #co_ft_wrapper .ft_bottom{overflow:hidden;padding:0;border-top:0 solid #4c4c4c}
#co_ft #co_ft_wrapper .ft_bottom .ft_bottom_wrap:after{display:block;content:'';clear:both}
#co_ft #co_ft_wrapper .ft_bottom .ft_bottom_wrap{margin:0 auto;width:1070px;padding:6px 0}
#co_ft #co_ft_wrapper .ft_bottom p{float:left;word-break:keep-all}
#co_ft .copyright span{font-family:'notokr-medium'}
#co_ft #co_ft_icon{float:right}
#co_ft #co_ft_wrapper .ft_bottom p a {color:#969696}

#main_banner{overflow:hidden;position:relative;z-index:0;margin:auto}
#index_wrapper{overflow:hidden;position:relative;margin:auto;font-size:16px;color:#777;line-height:26px;letter-spacing:-0.3px;font-family:'notokr-regular'}

/* 반응형 사이트맵 공통 */
#co_site_map{position:relative;width:100%;font-family:'notokr-regular'}
#co_site_map:after{display:block;content:"";visibility:hidden;clear:both}
#co_site_map > div{width:31%;float:left;margin:0 1%}
#co_site_map > div:nth-of-type(3n){margin-right:0}
#co_site_map .sh_site_map_title{padding:10px 15px;border-bottom:2px solid #333;font-size:17px;font-weight:normal;text-align:center;color:#222;font-family:'notokr-bold'}
#co_site_map ul{padding:0 15px 15px}
#co_site_map .sh_site_map_box{min-height:205px;padding:17px 20px;border:1px solid #e1e1e1;border-top:none;font-size:14px;color:#333;line-height:40px}
#co_site_map .sh_site_map_box li{border-bottom:1px dotted #ccc}
#co_site_map .sh_site_map_box li:last-child{border:none}

/* 반응형 하단 버튼 공통 */
#fix_tel{opacity:0;display:none;position:fixed;right:15px;bottom:20px;z-index:100;width:65px;height:65px;margin-right:-10px;border-radius:50%;font-size:30px;text-align:center;line-height:65px;color:#fff;background-color: #b40000;box-shadow:5px 5px 5px rgba(0,0,0,.2);-webkit-transition:all .2s;transition:all .2s;}
#fix_tel.active{opacity:1;margin-right:0}
#co_ft_btns {display:none;padding:0;background:#f2f2f2}
#co_ft_btns .btns{overflow:hidden}
#co_ft_btns .row2 a{width:50%}
#co_ft_btns a{float:left;display:block;width:100%;height:55px;font-size:16px;line-height:55px;color:#fff;text-align:center;background-color: #b40000;font-family:'notokr-bold';}
#co_ft_btns a.tel{font-size:18px;font-weight:700;letter-spacing:0;font-family:'Poppins'}
#co_ft_btns a i{padding-right:5px;font-size:18px}
#co_ft_btns a.kakao{font-weight:normal;color:#402325;background-color:#ffe500}

#in_06 {display:flex; max-width:1600px; margin:50px auto; gap:20px}
#in_06 .box {width:100%}

/* 반응형 [s] */
@media (max-width:1176px){
#co_aside{display:none}
#co_ft{padding-bottom:0}
#co_ft .ft_logo{font-size:15px}
#co_ft #co_ft_wrapper{font-size:13px;text-align:center; padding:0}
#co_ft #co_ft_wrapper .address_wrap{width:91%}
#co_ft #co_ft_wrapper .ft_bottom{padding:0 4.5% 25px}
#co_ft #co_ft_wrapper .ft_bottom .ft_bottom_wrap{width:100%}
#toTop{bottom:100px;right:0;width:50px;height:50px}
#co_ft #co_ft_wrapper .ft_bottom p{margin-bottom:5px;float:none}


/*right_btn*/
.r_menu { display:none}

.b_menu {display:flex}

.b_menu a:first-child {
    background-color: #694930;
	width:100%; text-align:center; color:#fff; line-height:60px
}

.b_menu a:last-child {
    background-color: #a1795b;
	width:100%; text-align:center; color:#fff; line-height:60px
}

.b_menu a {
    font-size: 17px;
    font-family: 'notokr-medium'
}

.b_menu a p i {
    margin-left:5px
}

}
@media (max-width:1024px){
#co_container{width:100%}
#co_ft{width:100%}
}
@media (max-width:768px){
/* 반응형 스타일 필수 [s] */
#co_login, #co_agree, #co_register,#co_mb_confirm, #co_result{padding:15px;margin:15px auto;border:none}
#co_login input[type=submit], #co_agree .btn_wrap input[type=submit], #co_register .btn_wrap input[type=submit],#co_find_info input[type=submit], #co_mb_confirm input[type=submit]{-webkit-appearance:none;appearance:none}
#co_login .bnr .txt p a{color:#0054a6}
#co_pw_confirm{width:100%;padding:30px 20px;border:none}
#co_agree .inner{padding:15px}
#co_agree .cont{padding:10px}
#co_site_map{padding:30px 20px}
#co_site_map > div{width:100%;margin:0}
#co_site_map .sh_site_map_box{min-height:auto}
/* 반응형 스타일 필수 [e] */
#co_ft #co_ft_wrapper .ft_bottom {padding:0}
#co_ft #co_ft_wrapper .ft_bottom p{margin-bottom:5px;float:none}
#co_ft #co_ft_icon{float:none}
#toTop{bottom:20px}
#co_content{margin-top:30px}

#in_06 {display:flex; max-width:1600px; margin:50px auto; gap:0; flex-direction:column;}
#in_06 .box {width:100%}
}


/* 반응형 [e] */

@media screen and (max-width:1170px){#co_hd_wrapper, #allmn_view_wrap{width:91% !important}
}
@media screen and (max-width:1070px){#co_hd_wrapper, #allmn_view_wrap{width:100% !important}
}

#device_change{border:1px solid #666;font-size:3.5em;box-shadow:none}

#counsel {position: relative; right:0; left:0; bottom:0;  margin-bottom:0; border:none; height:80px; background-color:#212121; z-index:99; overflow:hidden; border-top:1px solid #4c4c4c; width:100%}
#counsel .counselNavi {width:1070px; margin:0 auto;}
#counsel .counselNavi:after {content:""; display:block; clear:both;}

#counsel p.counselIcon {float:left; padding-top:19px;}
#counsel p.counselTit {float:left; font-size:18px; font-weight:700; padding:19px 0 0 0px; line-height:40px; letter-spacing:-.5px; color:#fff;}

#counsel .counselBg {float:left; height:39px; padding:19px 0 0 20px;}
#counsel .counselBg p.inputBg {float:left; background-color:#FFF; border-radius:30px; height:40px; margin:0 5px 0 0; padding:0 20px; }
#counsel .counselBg input {border:solid 0px #FFF; margin-top:8px; color:#343434; letter-spacing:-1px; padding:5px; width:150px}
#counsel p.counselAgree { color:#fff; padding:4px 0; font-size:12px; width:300px;}
#counsel p.counselAgree a {color:#fff;}

#counsel .counselBtn {float:left; background-color:#be1124; border-radius:30px; line-height:30px; letter-spacing:-.5px; color:#FFF !important; font-size:15px; margin-right:15px; padding:0 30px; margin:0 0 0 0 !important}

#counsel .agreeBox{float:left; box-sizing:border-box; margin:15px 0 0 20px;}
#counsel .agreeBox ul{padding:5px; bkx-sizing:border-box; background:#fff; ; font-size:11px; letter-spacing:-1.5px; border-radius:5px; height:30px; overflow:auto}
.m_quick_bottom {display:none}

@media screen and (max-width:1176px) {
#top_nav_wrap {top:55px; width:100%; display:none}	
#topmenuM {top:55px; display:block}	
#counsel {position: relative !important; right:0; left:0; bottom:0;  margin-bottom:0; border:none; height:auto; z-index:99; overflow:hidden; margin:00}
#counsel .counselNavi {width:100%; margin:0 auto;}
#counsel p.counselIcon {float:left; padding-top:10px; display:none}
#counsel .counselBg {float:none; height:auto; padding:10px 2%;}
#counsel .counselBg p.inputBg {float:none; background-color:#FFF; border-radius:30px; height:40px; margin:0 0 5px 0; padding:0 20px; }
#counsel p.counselTit {float:none; font-size:18px; font-weight:700; padding:10px 0 0 0px; line-height:40px; letter-spacing:-.5px; color:#fff; display:none}
#counsel .counselBg input {border:solid 0px #FFF; margin-top:8px; color:#343434; letter-spacing:-1px; padding:5px; width:30%}
#counsel .counselBtn {float:none; border-radius:30px; line-height:30px; letter-spacing:-.5px; background:#be1124; color:#FFF !important; font-size:15px; margin-right:15px; padding:0 30px; margin:0 0 0 0 !important; width:100% !important}
#counsel .agreeBox{float:none; box-sizing:border-box; margin:0 2% 0 2%; bottom:0; width:96%;}
#counsel .agreeBox ul{padding:5px; bkx-sizing:border-box; background:#fff; ; font-size:11px; letter-spacing:-1.5px; border-radius:5px; height:30px; overflow:auto; margin:10px 0 0 0}
.m_quick_bottom {display:block; position:fixed; bottom:0; z-index:9999999999}
.m_quick_bottom ul li {float:left; width:25%}
.m_quick_bottom ul li img {width:100%}
#co_ft_btns {display:block; padding:0; top:0; position: fixed; width:100%; z-index:9999999999}
#right_gnb {display:none}
#top_nav {width:600px; margin-left:-55px}
body {overflow-x:hidden}
}