@charset "utf-8";

/* common */
ul,li{list-style:none;}
a,area,map,textarea,button{outline:0 !important;}
.at-container{padding:0 15px;}
.container_fix{max-width:1540px; padding:0 15px; width:100%;}
.container_fix2{max-widtH:1850px; padding:0 15px; margin:0 auto; width:100%;}
.container_fix3{max-width:1230px; margin:0 auto; width:100%; padding:0 15px;}
html #style-switcher{top:80px;}
.fake_div{height:50px;width:100%;}

/* header */
.fake_header{height:80px;}
.at-menu{border:0; position:fixed; top:0; left:0; width:100%; height:80px; background:#fff; z-index:9999;}
.at-menu.on{border-bottom:1px solid #ddd;}
.at-menu .pc-menu .container_fix{max-width:1820px;}
.at-menu .pc-menu .nav-top{display:table; width:100%; padding:0;}
.at-menu .pc-menu .nav-top > *{display:table-cell !important; vertical-align:middle;}
.at-menu .pc-menu .nav-top > *:not(.menu-ul){widtH:22%;}
.at-menu .pc-menu .nav-top > .lnb_box{min-width:480px;}
.pc-menu .nav-top.nav-both .menu-ul{table-layout:auto; text-align:center; width:auto;}
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li:first-child{margin-right:0;}
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li > a{padding:0 60px; color:#434343; font-size:20px; font-weight:500;}
.at-menu .pc-menu .nav-top .lnb_box > ul{display:table; margin-left:auto;}
.at-menu .pc-menu .nav-top .lnb_box > ul > li{display:table-cell; vertical-align:middle; position:relative;}
.at-menu .pc-menu .nav-top .lnb_box > ul > li a{font-size:14px; color:#626262;}
.at-menu .pc-menu .nav-top .lnb_box > ul > li + li:before{content:'|'; padding:0 10px; font-size:13px; position:relative; top:-2px; color:#d2d2d2; font-weight:300;}
.at-menu .pc-menu .nav-top .lnb_box > ul > li.lang > ul{display:none; position:absolute; top:calc(100% + 7px); right:0; widtH:100px; padding:9px 8px; border:1px solid #eee; background:#fff;}
.at-menu .pc-menu .nav-top .lnb_box > ul > li.lang > ul li a > *{vertical-align:middle; font-size:13px; color:#000; font-family:'Ubuntu', sans-serif;}
.at-menu .pc-menu .nav-top .lnb_box > ul > li.lang > ul li a > span{display:inline-block; line-height:21px; margin-left:5px;}
.at-menu .pc-menu .nav-top .lnb_box > ul > li.lang > ul li + li{margin-top:8px;}
.at-menu .pc-menu .nav-top .lnb_box > ul > li.lang > ul li.on a span,
.at-menu .pc-menu .nav-top .lnb_box > ul > li.lang > ul li:hover a span{color:#e0062a;}
.at-menu .pc-menu .nav-top .lnb_box > ul > li.lang.on > ul{display:block;}
.at-menu .pc-menu .nav-top .lnb_box > ul > li.lang > a > span{font-size:8.92px; position:relative; top:-2px;}
.at-menu .pc-menu .nav-top ul > li.sub-1dli:hover > a,
.at-menu .pc-menu .nav-top ul > li.sub-1dli .sub-2div a:hover{color:#fff; background:#2c8efc;}

@media (max-width:1600px){
	.at-menu .pc-menu .nav-top > .logo{width:15%;}
}
@media (max-width:991px){
	.at-menu .m-menu {background:transparent; position:relative; z-index:999; overflow:visible;}
	.m-menu > ul {display:inline-block; z-index:999; top:30px; right:70px; position:absolute;}
	.m-menu > ul > li.lang > ul{display:none; position:absolute; top:25px; right:0; width:100px; padding:9px 8px; border:1px solid #eee; background:#fff; z-index:999 !important;}
	.m-menu > ul > li.lang > ul li a > *{vertical-align:middle; font-size:13px; color:#000; font-family:'Ubuntu', sans-serif;}
	.m-menu > ul > li.lang > ul li a > span{display:inline-block; margin-left:5px;}
	.m-menu > ul > li.lang > ul li + li{margin-top:8px;}
	.m-menu > ul > li.lang > ul li.on a span,
	.m-menu > ul > li.lang > ul li:hover a span{color:#e0062a;}
	.m-menu > ul > li.lang.on > ul{display:block;}
	.m-menu > ul > li.lang > a > span{font-size:8.92px; position:relative; top:-2px;}
	.m-menu > ul > li.lang > a {font-size:15px;}
}
@media (max-width:480px){
	.m-menu > ul {top:22px; right:50px;}
	.m-menu > ul > li.lang > a {font-size:13px;}
}

/* ¸ÞÀÎ */
.index_cont01{margin-top:0;}
.index_cont01 .carousel-indicators li{width:19px; height:19px; border:0;  margin:0 5.5px; background:#fff;}
.index_cont01 .carousel-indicators li.active{width:19px; height:19px; border:0; background:#0d7dfc; margin:0 5.5px;}

.main_cont02{background:#ecf0f3; }
.main_cont02 .container_fix{ display:table; height:130px;}
.main_cont02 .container_fix > *{display:table-cell; vertical-align:middle;}
.main_cont02 .container_fix .search_txt{color:#00082a; font-size:45px; font-weight:600; min-width:242px; padding-left:25px;}
.main_cont02 .container_fix .member_count{color:#252525; font-size:20px; font-weight:600; padding-right:25px; text-align:right; min-width:251px;}
.main_cont02 .container_fix .member_count span:nth-child(2){margin:0 10px; display:inline-block;}
.main_cont02 .search_box > *{display:inline-block; }
.main_cont02 #ctrlSearch{width:64%;}
.main_cont02 .search_box .search_cate{max-width:220px; width:23%;}
.main_cont02 .search_box .search_container{max-width:670px; width:70%; margin-left:12px; position:relative;}
.main_cont02 .search_box button{position:absolute; top:50%; right:19px; transform:translateY(-50%); background:transparent url(../img/search_icon.png) no-repeat center; width:34px; height:27px; padding:0;}
.main_cont02 .search_box input{height:64px; border:1px solid #e1e1e1; width:100%; font-size:20px; padding-left:15px;}
.main_cont02 .search_cate select:focus,
.main_cont02 .search_cate select:active,
.main_cont02 .search_box input:focus,
.main_cont02 .search_box input:active{border-color:#0d7dfc;}
.main_cont02 .search_box input::placeholder{color:#b5b5b5;}
.main_cont02 .search_cate select{height:64px; border:1px solid #e1e1e1; width:100%; font-size:20px; padding-left:15px; color:#b5b5b5; -webkit-appearance: none; -moz-appearance: none; appearance: none; background:#fff url(../img/select_btn.png) no-repeat 92% 50%; }
.main_cont02 .search_cate select::-ms-expand { display: none; } 
.main_cont02 .search_cate select > option{font-size:16px; color:#333;}

.main_cont03 .main_tit{margin:55px 0 30px; font-size:35px; font-weight:600; color:#00082a; text-align:center;}
.main_cont03 ul{margin-right:-20px;}
.main_cont03 ul > li{float:left; width:calc(20% - 20px); margin-right:20px; margin-bottom:40px;}
.main_cont03 ul > li span.img_box{display:block; border:1px solid #dcdcdc; position:relative;}
.main_cont03 ul > li:hover span.img_box{border:1px solid transparent;}
.main_cont03 ul > li span.img_box img{width:100%; display:block;}
.main_cont03 ul > li span.img_box .hover_txt{font-size:22.65px; color:#fff; position:absolute; top:50%; left:0; width:100%; text-align:center; pointer-events:none; display:none; transform:translateY(-50%); font-weight:600;}
.main_cont03 ul > li:hover span.img_box .hover_txt{display:block;}
.main_cont03 ul > li:hover span.img_box:before{position:absolute; top:0; left:0; width:100%; height:100%; content:''; display:block; background:rgba(13,125,252,0.8); pointer-events:none;}
.main_cont03 ul > li:hover span.txt{color:#0d7dfc;}
.main_cont03 ul > li span.txt{display:block; color:#313131; font-size:22px; font-weight:500; margin-top:15px; text-align:center; line-height:1;}

.main_cont04{margin-top:20px; border-top:1px solid #626262; padding-top:50px;}
.main_cont04 > ul{margin-right:-70px;}
.main_cont04 > ul > li{float:left; width:calc(33.333% - 70px); margin-right:70px;}
.main_cont04 > ul > li:nth-child(2){width:calc(37.333% - 70px); margin-right:70px;}
.main_cont04 > ul > li:nth-child(3){width:calc(29.333% - 70px); margin-right:70px;}

.main_cont04 > ul > li .main_tit2{position:relative;}
.main_cont04 > ul > li .main_tit2 > a:first-child{font-weight:600; font-size:28px; color:#00082a; line-height:1; margin-bottom:30px;  display:block;}
.main_cont04 > ul > li .main_tit2 > a:last-child{font-size:13px; display:block; position:absolute; bottom:0; right:0; font-weight:500;}
.dot{color:#777777; font-size:16px; padding-right:10px; font-weight:500;}
.main_cont04 .post-list li + li,
.main_cont04 .post-row + .post-row{margin-top:12px;}
.main_cont04 .post-row > a{font-size:16px; font-familY:'NanumBarunGothic', sans-serif; color:#777777; display:block;}
.main_cont04 .post-row > a:after{content:'';display:block; clear:both;}
.main_cont04 .post-row > a .pull-right{font-size:16px; font-familY:'NanumBarunGothic', sans-serif; color:#777777;}
.main_cont04 .post-row > a .pull-left:not(.dot){text-overflow: ellipsis; overflow:hidden; width:68%; font-familY:'NanumBarunGothic', sans-serif; }
.main_cont04 .post-row > a .pull-left.dot{ font-familY:'NanumBarunGothic', sans-serif; position:relative; top:2px;}
.main_cont04 .post-list,
.main_cont04 .post-row{float:none !important; width:100% !important; line-height:22px;}
.main_cont04 .miso-faq-list .post-row > a .pull-left:not(.dot){width:calc(100% - 20px) !important;}

.main_cont05{margin-top:90px;}
.main_cont05 > ul{margin-right:-70px;}
.main_cont05 > ul > li{float:left; width:calc(25% - 73px); margin-right:73px; box-shadow:0px 7px 8px -2px rgba(0,0,0,0.23); -webkit-box-shadow:0px 7px 8px -2px rgba(0,0,0,0.23);}

.main_cont06{margin-top:60px;}
.main_cont06 > ul{display:table; width:100%; table-layout:fixed;}
.main_cont06 > ul > li{width:50%; display:table-cell; vertical-align:middle;}
/* .main_cont06 > ul > li.left_banner{background:url(../img/main_cont06_01.jpg) no-repeat center /cover; text-align:center; position:relative;}
.main_cont06 > ul > li.left_banner > h1{font-size:45px; font-weight:700; color:#fff; line-height:1;}
.main_cont06 > ul > li.left_banner > p{font-size:28px; color:#fff; font-weight:500; margin-top:30px; line-height:1;}
.main_cont06 > ul > li.left_banner > a{position:absolute; top:0; left:0; width:100%; height:100%; display:block;} */
.main_cont06 > ul > li iframe{display:block;}

.fix_footer{margin-top:0;background:#2f2f2f;}
.fix_footer .fix_infos_box{padding:30px 0 50px;}
.fix_footer .fix_links li{float:left; font-size:14px; line-height:1;}
.fix_footer .fix_links li a{color:#eee;}
.fix_footer .fix_links li + li:before{content:'|'; padding:0 8px; font-size:11px; position:relative; top:-2px; color:#eee;}
.fix_footer .ft_info{margin-top:40px;}
.fix_footer .ft_info > ul:first-child{margin-bottom:18px;}
.fix_footer .ft_info > ul:first-child li{color:#fff; font-size:18px; font-weight:500;}
.fix_footer .ft_info > ul:not(:first-child) li,
.fix_footer .ft_info > ul:not(:first-child) li a{color:#c9c9c9; font-size:14px;}
.fix_footer .ft_info > ul:not(:first-child) li a img{margin-left:5px;}
.fix_footer .ft_info > ul + ul{margin-top:13px;}
.fix_footer .fix_infos_box .info_ul > li + li:after{margin-top:-5px; background-color:#c9c9c9;}
.fix_footer .fix_infos_box .info_ul{margin-bottom:0;}

@media (max-width:1700px){
	.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li > a{padding:0 40px;}
}

@media (max-width:1600px){
	.main_cont02 .container_fix .search_txt{font-size:38px;}
	.main_cont02 .container_fix .member_count{font-size:18px;}
	.main_cont06 > ul > li.left_banner > h1{font-size:40px;}
	.main_cont06 > ul > li.left_banner > p{font-size:24px;}
}

@media (max-width:1400px){
	.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li > a{padding:0 25px;}
}

@media (max-width:1300px){
	.at-menu .pc-menu .nav-top > *.logo{width:10%; min-width:auto;}
	.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li > a{font-size:16px; padding:0 14px;}
	.at-menu .pc-menu .nav-top .lnb_box{min-width:430px;}
	.at-menu .pc-menu .nav-top .lnb_box > ul > li a{font-size:12px;}
	.main_cont04 .post-row > a .pull-left:not(.dot){width:62%;}
	.at-menu .pc-menu .nav-top > *.logo img{width:150px;}
}

@media (max-width:1140px){
	.main_cont04 .post-row > a .pull-left:not(.dot){width:55%;}
}

@media (max-width:1100px){
	li.alarm{display:none !important;}
	.at-menu .pc-menu .nav-top .lnb_box{min-width:370px;}
}

@media (max-width:991px){
	.m-menu{box-shadow:none; padding:0 15px;}
	.m-menu > div > *{display:table-cell; vertical-align:middle; height:80px;}
	.m-menu .mlogo img{width:192px;}
	.mmenu_box_cover span{width:34px; height:3px; background:#0c7dfc; display:block;}
	.mmenu_box_cover span + span{margin-top:7px;}

	.index_cont01 .carousel-control .glyphicon-chevron-left, 
	.index_cont01 .carousel-control .glyphicon-chevron-right{width: 31px;height: 62px;margin-top: -31px; transform:scale(0.5);}
	.index_cont01 .carousel-control .glyphicon-chevron-left{margin-left:15px; transform-origin:left center;}
	.index_cont01 .carousel-control .glyphicon-chevron-right{margin-right:15px; transform-origin:right center;}
	.index_cont01 .carousel-control{width:auto;}

	.main_cont02 #ctrlSearch{width:100%;}
	.main_cont02 .container_fix > *{display:block;}
	.main_cont02 .container_fix .search_txt{text-align:center; padding:5% 0 4%; font-size:30px;}
	.main_cont02 .search_box{width:100%;}
	.main_cont02 .search_box .search_cate{display:block; width:100%; max-width:initial;}
	.main_cont02 .search_cate select{color:#555555; background:#fff url(../img/mselect_btn.png) no-repeat calc(100% - 15px) 50% /15px;}
	.main_cont02 .search_box input::placeholder{color:#555555;}
	.main_cont02 .search_box .search_container{display:block; width:100%; max-width:initial; margin-left:0; margin-top:10px;}
	.main_cont02 .search_box button{background: transparent url(../img/search_icon.png) no-repeat center /cover; width:24px; height:17px; right:15px;}
	.container_fix2.main{padding:0;}
	.main_cont02 .container_fix .member_count{text-align:center; min-width:initial; padding:17px 0;}
	.main_cont02 .container_fix .member_count > *{vertical-align:middle; line-height:1; display:inline-block;}
	.main_cont02 .container_fix .member_count span:nth-child(2){font-size:16px; margin:0 7px;}
	.main_cont02 .container_fix .member_count span:last-child{font-size:24px; font-family:'lato',sans-serif; font-weight:700;}

	.main_cont03 .main_tit{font-size:30px; margin:7% 0 6%;}
	.main_cont03 ul{margin-right:-15px; margin-bottom:-30px;}
	.main_cont03 ul > li{width:calc(50% - 15px); margin-right:15px; margin-bottom:30px;}
	.main_cont03 ul > li span.img_box .hover_txt{font-size:20px;}

	.main_cont04{margin:0; padding:0 15px; border-top:0;}
	.main_cont04 > ul{margin-right:0; margin-top:9%; padding-top:9%; border-top:1px solid #626262;}
	.main_cont04 > ul > li{float:none; width:100% !important; margin-right:0;}
	.main_cont04 > ul > li + li{margin-top:8.5%;}
	html .responsive .main_cont04 > ul > li .item-wrap{margin-right:0 !important; margin-bottom:0 !important;}
	.main_cont04 > ul > li .main_tit2 > a:first-child{font-size:26px; margin-bottom:20px;}
	.main_cont04 .post-list li + li{margin-top:10px;}
	.main_cont04 > ul > li .main_tit2 > a:last-child{font-size:15px;}
	.main_cont04 .post-row > a .pull-left:not(.dot){width:60%;}
	
	.main_cont05{margin-top:13%;}
	.main_cont05 > ul{margin-right:-15px;}
	.main_cont05 > ul > li{width:calc(50% - 15px); margin-right:15px;}
	.main_cont05 > ul > li:nth-child(3),
	.main_cont05 > ul > li:nth-child(4){margin-top:25px;}

	.main_cont06{margin-top:8%;}
	.main_cont06 > ul > li{width:100%; display:block; }
	/* .main_cont06 > ul > li.left_banner{background: url(../img/mmain_cont06_01.jpg) no-repeat center /cover; padding:103px 0;}
	.main_cont06 > ul > li.left_banner > h1{font-size:32px;}
	.main_cont06 > ul > li.left_banner > p{font-size:20px;}
	.main_cont06 > ul > li iframe{height:300px;} */

	.fix_footer .fix_infos_box{padding:15px 0 30px;}
	.fix_footer .ft_info{margin-top:20px;}
	.fix_footer .ft_info > ul:first-child{margin-bottom:5px;}
	.fix_footer .fix_links{text-align:center;}
	.fix_footer .fix_links li{float:none; display:inline-block;}
	.fix_footer .fix_infos_box .info_ul > li{ display:inline-block;}
	.fix_footer .fix_infos_box .info_ul{margin-top:0 !important; text-align:center;}
	.fix_footer .fix_infos_box .info_ul > li + li:before{content: '|';padding: 0 8px;font-size: 11px;position: relative;top: -2px;color: #eee;}
	.fix_footer .fix_infos_box .info_ul > li{margin-top:4px;}

}

@media (max-width:568px){
	.fix_footer .fix_infos_box .info_ul:nth-child(2) > li:nth-child(3):before,
	.fix_footer .fix_infos_box .info_ul:nth-child(2) > li:nth-child(5):before{display:none;}

}

@media (max-width:480px){
	#sidebar-box{width:260px !important;}
	.fake_header{height:60px;}
	.at-menu{height:60px;}
	.m-menu .mlogo img{width:140px;}
	.m-menu > div > *{height:60px;}
	.mmenu_box_cover span {width: 24px;height: 2px;}
	.mmenu_box_cover span + span{margin-top:5px;}
	.index_cont01 .carousel-control .glyphicon-chevron-left, 
	.index_cont01 .carousel-control .glyphicon-chevron-right{transform:scale(0.4);}
	.index_cont01 .carousel-indicators li{width:16px; height:16px; margin:0 4.5px;}
	.index_cont01 .carousel-indicators li.active{width:16px; height:16px; margin:0 4.5px;}

	.main_cont02 .container_fix .search_txt{font-size:20px;}
	.main_cont02 .search_cate select{font-size:16px; height:50px; }
	.main_cont02 .search_box input{font-size:16px; height:50px;}
	.main_cont02 .container_fix .member_count > img{width:40px;}
	.main_cont02 .container_fix .member_count span:nth-child(2){font-size:16px;}
	.main_cont02 .container_fix .member_count span:last-child{font-size:22px;}

	.main_cont03 .main_tit{font-size:20px;}
	.main_cont03 ul > li span.img_box .hover_txt{font-size:14px;}
	.main_cont04 .post-row > a .pull-right{font-size:14px;}
	.main_cont03 ul > li span.txt{font-size:16px;}

	.main_cont04 > ul > li .main_tit2 > a:first-child{font-size:18px;}
	.main_cont04 .post-row > a{font-size:14px;}
	.main_cont04 > ul > li .main_tit2 > a:last-child{font-size:13px;}
	.main_cont04 .post-list li + li, .main_cont04 .post-row + .post-row{margin-top:8px;}

	.main_cont06 > ul > li iframe{height:200px;}
	.main_cont06 > ul > li.left_banner > h1{font-size:24px;}
	.main_cont06 > ul > li.left_banner > p{font-size:17px; letter-spacing:-0.02em;}

}

#hd_pop{width:1820px !important; top:80px;}