﻿.row:before {display: table; content: " "; box-sizing: border-box;}

/******
공통으로 들어가는 부분 Start
*******/
#pop {position:fixed; top:50%; left:50%; z-index:10000; width:850px; margin-left:-425px; margin-top:-197px; box-shadow: 1px 0 5px rgba(0,0,0,0.3);}
#pop .cont {float:left; padding:0; height:350px; width:100%;}
#pop .cont > img.pop_pc {display:block; float:left; width:100%;}
#pop .cont > img.pop_m {display:none;}
#pop .close {float:left; width:100%; background:#fff; box-sizing:Border-box; padding:10px;}

#pop .close #check {float:left;}
#pop .close #check input {vertical-align:top; margin-top:7px;}
#pop .close #check label {font-size:14px; margin-left:5px; cursor:pointer;}
#close {background:url(/images/pop/pop_close_bt.gif) no-repeat right 50%; padding-right:15px; float:right; font-size:14px; cursor:pointer; margin-top:3px;}

#inner_wrap{width:100%;  min-width:320px;  margin:0 auto;}


/* 탑버튼 */
#top_btn{position:fixed; right:60px; bottom:60px; display:none; z-index:9999; width:46px; height:46px; background:#fff url(../images/common/top.png) no-repeat center center; text-indent:-10000px; border:1px solid #1b6fe1; opacity:0.8; transition:none; -webkit-transition:none; -moz-transition:none; -o-transition:none; border-radius:24px;}


/* header PC layout */
#wrap_header{position:relative; width:100%; min-width:320px; z-index:1000; background-color: #fff;}
.header_top{position:relative; width:100%; height:50px; background:#f6f6f6;}
.tnb{position:relative; width:100%; max-width:1170px; margin:0 auto; box-sizing:border-box;}
.tnb > p {float:left; margin-top:10px;}
.tnb > p a {margin-right:20px;}
.tnb ul{display:block; float:right;}
.tnb li{float:left; margin-left:25px;}
.tnb li a{display:block; float:left; font-size:14px; font-weight:300; color:#777; line-height:50px;}
.tnb li a:hover{color:#1b6fe1;}
.tnb li:first-child a {font-weight:600; color:#1b6fe1;}

.header {position:relative; width:100%; margin:0 auto; height:90px; max-width:1170px;  box-sizing:border-box;}
.header h1{float:left; margin-top:14px; margin-left:0px;}
.header h1 a{display:block; width:202px; height:57px; background:url(/images/common/logo.png) no-repeat center / contain;  font-size:0; line-height:0; text-indent:-10000px;}

.tnb_bt {padding-top:7px;}


/* PC gnb */
.gnb{position:absolute; top:0px; right:-50px;}
.gnb li{display:block; float:left; }
.gnb li .gnb_tit{display:block;  height:90px; line-height:90px;  margin:0 20px;}
.gnb li .gnb_tit span{display:block; position:relative; width:100%; text-align:center; font-size:16px; font-weight:500; color:#212121; box-sizing:border-box; overflow:hidden;}
.gnb li .gnb_tit span::after {position:absolute; bottom:0; left:-10px; width:0; height:3px; background:#1b6fe1; transition:all ease 0.3s; content:'';}
.gnb li .gnb_tit:hover span,.gnb li.on .gnb_tit span  {color:#1b6fe1;}
.gnb li .gnb_tit:hover span::after,.gnb li.on .gnb_tit span::after {left:0; width:100%;}


/* 모바일 right menu */
.right_menu{float:right; width:110px; height:110px; background:#1b6fe1; padding:32px; cursor:pointer; display:none;}
.right_menu a{display:block; width:46px; height:46px;}
.right_menu a ul{display:block; width:46px; height:46px; overflow:hidden;}
.right_menu a ul li{display:block; float:left; height:2px; background:#fff; text-indent:-10000px; margin-top:10px; transition : all .4s;}
.right_menu a ul li:nth-child(1){width:100%; margin-top:10px;}
.right_menu a ul li:nth-child(2){width:100%;}
.right_menu a ul li:nth-child(3){width:100%;}
.right_menu a ul li.on:nth-of-type(1){
	-webkit-transform : translateY(4px) rotate(45deg);
	-ms-transform : translateY(4px) rotate(45deg);
	-moz-transform : translateY(4px) rotate(45deg);
	transform : translateY(4px) rotate(45deg);
	background:#fff;
	width:100% !important;
	margin-top:20px;
}
.right_menu a ul li.on:nth-of-type(2){
	opacity : 0;
	background:#fff;
}
.right_menu a ul li.on:nth-of-type(3){
	-webkit-transform : translateY(-10px) rotate(-45deg);
	-ms-transform : translateY(-10px) rotate(-45deg);
	-moz-transform : translateY(-10px) rotate(-45deg);
	transform : translateY(-10px) rotate(-45deg);
	background:#fff;
	width:100% !important;
	margin-top:0px;
}
.s_right_menu a ul li{background:#003876 !important;}

.snb_bg{position:absolute; z-index:9; top:140px; width:100%; height:330px; background:#fff url(/images/common/snb_bg.png) no-repeat 20% -1px; border-top:1px solid #ddd; box-shadow:0 5px 10px rgba(0,0,0,0.1); background-size:auto 100%;}
.gnb_bg{position:absolute; z-index:10; /*width:100%; min-width:1170px;*/ top:76px; height:auto; left:50%; margin-left:-75px; }
.menu {position:absolute; left:0px; top:0px; width:150px; height:auto; vertical-align:top; box-sizing:border-box; text-align:left; padding:30px 0 0; /*height:246px;*/ box-sizing:border-box;}
.menu:first-of-type { margin-left:0px; }
.menu:last-of-type { border-right:0; }
.menu > a.dep_no { display:none;  }
.menu li { display:inline-block; margin:0 !important; width:100%; min-width:auto; padding:6px 0px; text-align:Center;}
.menu li > a { display:inline-block; width:100%; font-size:16px; color:#777; font-weight:300; text-align:center;  transform: perspective(1px) translateZ(0); padding-bottom:0px; box-sizing:border-box;}
.menu li > a:hover{color:#1b6fe1; }

.gnb_list {position:relative;}


/* PC right menu */
.right_menu2{float:right; width:42px; height:42px; background:#1b6fe1; cursor:pointer; margin-top:16px; display:none;}
.right_menu2 a{display:block; width:22px; height:22px; padding:10px;}
.right_menu2 a ul{display:block; width:22px; height:22px; overflow:hidden;}
.right_menu2 a ul li{display:block; float:left; height:2px; background:#fff; text-indent:-10000px; margin-top:6px; transition : all .4s;}
.right_menu2 a ul li:nth-child(1){width:100%; margin-top:2px;}
.right_menu2 a ul li:nth-child(2){width:100%;}
.right_menu2 a ul li:nth-child(3){width:100%;}
.right_menu2 a ul li.on:nth-of-type(1){
	-webkit-transform : translateY(-10px) rotate(45deg);
	-ms-transform : translateY(-10px) rotate(45deg);
	-moz-transform : translateY(-10px) rotate(45deg);
	transform : translateY(-10px) rotate(45deg);
	background:#fff;
	width:100% !important;
	margin-top:20px;
}
.right_menu2 a ul li.on:nth-of-type(2){
	opacity : 0;
	background:#fff;
}
.right_menu2 a ul li.on:nth-of-type(3){
	-webkit-transform : translateY(-20px) rotate(-45deg);
	-ms-transform : translateY(-20px) rotate(-45deg);
	-moz-transform : translateY(-20px) rotate(-45deg);
	transform : translateY(-20px) rotate(-45deg);
	background:#fff;
	width:100% !important;
	margin-top:0px;
}
.s_right_menu2 a ul li{background:#003876 !important;}


/* PC gnb All menu 180424 */
nav#menu2{width:100%; position:absolute; top:121px; left:0; z-index:999;}
.pc_all{float:left; width:100%; background:#fff; border-top:3px solid #1b6fe1; box-shadow:0 20px 30px rgba(0,0,0,0.1);}
.pc_all_wrap{width:100%; max-width:1200px; margin:0 auto;}
.pc_all_menu{float:left; width:100%; padding:30px 0;}
.pc_all_menu h3{float:left; width:180px; font-size:24px; font-weight:600; color:#212121;}
.pc_all_menu .pc_all_menu_wrap{float:left; width:100%;}
.pc_all_menu .pc_all_menu_wrap ul{display:block; float:left; width:100%; padding:15px 15px 0 15px; padding-top:15px; margin-top:15px; border-top:1px dashed #ddd; box-sizing:border-box;}
.pc_all_menu .pc_all_menu_wrap ul:nth-child(1){padding-top:0; margin-top:0; border-top:0;}
/*.pc_all_menu .pc_all_menu_wrap ul.ul5{width:20%;}
.pc_all_menu .pc_all_menu_wrap ul.ul6{width:16.666%;}*/
.pc_all_menu .pc_all_menu_wrap ul li{display:block; float:left; line-height:30px; text-align:left; margin-right:50px;}
.pc_all_menu .pc_all_menu_wrap ul li:first-child{margin-top:0; width:120px;}
.pc_all_menu .pc_all_menu_wrap ul li a{display:block; float:left; width:100%; font-size:16px; font-weight:300; color:#333; line-height:30px;}
.pc_all_menu .pc_all_menu_wrap ul li a:hover{font-weight:400; color:#1b6fe1;}
.pc_all_menu .pc_all_menu_wrap ul li a.menu_tit{font-size:18px; font-weight:500; color:#1b6fe1;}
.pc_all_menu .pc_all_menu_wrap ul li a.menu_tit:hover{font-weight:600;}

/* header Mobile layout
#wrap_header .header_top{float:left; width:100%; height:54px; background:#00b3ed; display:none;} */


/* Mobile gnb */
nav#menu{width:100%; position:absolute;  top:104px; left:0; z-index:1000;}

.cate_content{float:left; width:100%;}
.cate_all{}/* 전체카테고리 */
.nav_list{float:left; display:inline-block; width:100%; padding:0;  min-width:320px; background:rgba(0,0,0,0.75);/* padding-top:55px;*/}
.nav_list li{float:left; width:100%; cursor:pointer; border-bottom:1px solid #444; }
.nav_list li:first-child{border-top:1px solid #444;}
.nav_list li.nav_depth0 span{display:block; float:left; padding:12px 30px; width:100%; font-size:16px; font-weight:400; color:#fff; text-align:right;}
.nav_list li.nav_depth1 span{display:block; float:left; padding:12px 30px; width:100%; font-size:16px; font-weight:400; color:#fff; text-align:right; box-sizing:border-box;}
.nav_list li.nav_depth1 span:hover{color:#fff; font-weight:400;}
.nav_list li.nav_depth1 span:active{color:#fff; font-weight:400;}
.nav_list li.nav_depth1 span.span_down{color:#fff; font-weight:600; background:#1b6fe1;}
.nav_list li.nav_depth2{cursor:pointer; padding:12px 30px; font-size:14px; font-weight:400; color:rgba(255,255,255,0.75); text-align:right; border-bottom:1px solid #444; background:rgba(41,41,41,0.75); box-sizing:border-box;}
.nav_list li.nav_depth2:hover{text-decoration:underline;}
.nav_list li.depth2_first{}
.nav_list li.depth2_last{border-bottom:1px solid #444;}
.nav_list li.nav_depth3{cursor:pointer;  padding:10px 30px;  line-height:20px; background:#f8f8f8; font-size:14px; text-align:left; color:#212121; border-bottom:1px solid #444;}
.nav_list li.nav_depth3 a{font-size: 14px; font-weight:400; color: #212121; background:#f8f8f8;}
.nav_list li.nav_depth3 a:hover{background:#f8f8f8;}
.nav_list li.nav_depth3 a:visited{background:#f8f8f8;}
.nav_list li.nav_depth3 a:active{background:#f8f8f8;}
.nav_list li.depth3_last{border-bottom:1px solid #e9ebee;}

.s_menu{top:54px !important;}
.s_menu .nav_list{padding-top:0px !important;}


/*mcon layout*/
#wrap_mcon{width:100%; position:relative; float:left; min-width:320px; /*overflow:hidden; margin-top:100px;*/ background-color: #fff;}
#mcon{margin:0 auto; clear:both; position:relative;}


/* m_visual*/
#wrap_mvisual {position:relative; transition:none;}
.mainVisualDiv{position:relative; width: 1503px; margin: 0 auto; max-width: 100%; aspect-ratio: 1554 / 930; min-width:320px; overflow:hidden; text-align:center; transition:none;}
.mainVisualDiv .visualDiv{width:100%; height: 100%; position:absolute; top:0; left:0; transition:none;}
.mainVisualDiv .visualDiv img{ transition:none;
	zoom:1; 
	background:transparent;
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);  /* IE6 & 7 */
}
.mainVisualDiv .visual{height: 100%; position:absolute; top: 0; left: 0; width: 100%; z-index:10;/* min-width:1000px; animation: slideIn 2s, rotate 1.75s; animation-name: fadeInDown;*/}
.mainVisualDiv .visual1{background:url('../images/visual/mvisual_bg.jpg') no-repeat center 0; text-indent:; background-size:cover;}
.mainVisualDiv .visual2{background:url('../images/visual/keyvisual2.jpg') no-repeat center / cover; text-indent:;}
.mainVisualDiv .visual .txt_wrap{width:1170px; position:Absolute; top:50%; transform:translateY(-50%); left:50%; margin-left:-585px;}

.txt_wrap .txt {float:left; text-align:left; margin-top:40px;}
.txt_wrap .txt h1 {font-size:68px; color:#fff; font-weight:600; line-height:1.2;}
.txt_wrap .txt h3 {font-size:30px; color:#fff; margin-top:20px;}
.txt_wrap .txt h3 strong {font-size:34px; font-weight:500;}
.mascot {position: absolute; z-index: 1;}
.mascot1 {bottom: 0; left: 0;}
.mascot2 {bottom: -26px; right: 0;}

.visual_mv {float:right; position:relative; width:545px; height:306px;}
.visual_mv iframe {position:absolute;top:0; left:0; width:100%; height:100%;}
.visual_mv img {width:100%; vertical-align:top;}


.visual1_new .visual_mv {position:absolute; left:0; bottom:0; width:300px; height:169px;}
.mainVisualDiv .visual.visual1_new .txt_wrap {position:relative; top:0; transform:none; left:0; margin:0 auto; height:100%; display:flex; align-items:center;}
.mainVisualDiv .visual.visual1_new .txt_wrap .txt {width:100%; text-align:center;}

.mainVisualDiv .visual.visual1_new02 .txt_wrap .txt {float:inherit; width:100%; text-align:Center; margin-top:0;}
.mainVisualDiv .visual.visual1_new02 .visual_mv {float:inherit; margin:0 auto;}
.mainVisualDiv .visual.visual1_new02 .txt_wrap .txt h3 {margin-top:0; margin-bottom:20px;}

.mainVisualDiv .playBt{position:relative; display:inline-block; z-index:200; margin:0px 3px 0 0; }
.mainVisualDiv .playBt img{vertical-align:middle}
.mainVisualDiv .bt{position:relative; display:inline-block; z-index:200; margin:370px 3px 0 0px; }
.mainVisualDiv .bt img{vertical-align:middle}


/* 화살표 */
.visual_btn{position:absolute; top:50%; margin-top:-50px; z-index:100; width:100%;}
.prev_btn{display:block; width:80px; height:100px; background:url(../images/visual/prev_btn.png) no-repeat; position:absolute; top:0px; left:0px;}
.next_btn{display:block; width:80px; height:100px; background:url(../images/visual/next_btn.png) no-repeat; position:absolute; top:0px; right:0px;}


/*scon layout*/
#wrap_svisual{position:relative; float:left; width:100%; min-width:320px; height:220px; text-align:left; overflow:hidden;}
#wrap_svisual::before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.4);}
#wrap_svisual .svisual_txt{position: relative; width:100%; max-width:1200px; margin:0 auto;display:flex; align-items:Center; justify-content:center; height:100%;}
#wrap_svisual .svisual_txt h1{font-size:36px; font-weight:600; color:#fff; text-align:center; text-shadow: 1px 1px 8px rgba(0,0,0,0.5);}
/*#wrap_svisual .svisual_txt h1{float:left; width:100%; font-size:36px; font-weight:600; color:#fff; line-height:40px; text-align:center; margin-top:90px;}*/
/*#wrap_svisual .svisual_txt p{float:left; width:100%; font-size:16px; font-weight:300; color:#555; line-height:26px; text-align:left; margin-top:30px; display:none;}*/
.svisual1{background:url(../images/visual/svisual2_img.png) no-repeat center / cover;}
.svisual2{background:url(../images/visual/svisual2_img.png) no-repeat top center;}
.svisual3{background:url(../images/visual/svisual3_img.png) no-repeat top center;}
.svisual4{background:url(../images/visual/svisual4_img.png) no-repeat top center;}
.svisual5{background:url(../images/visual/svisual5_img.png) no-repeat top center;}
.svisual6{background:url(../images/visual/svisual6_img.png) no-repeat top center;}
.svisual7{background:url(../images/visual/svisual7_img.png) no-repeat top center;}
.svisual8{background:url(../images/visual/svisual8_img.png) no-repeat top center;}
.svisual11{background:url(../images/visual/svisual1_img.png) no-repeat top center;}

#wrap_scon{width:100%; position:relative; float:left; min-width:320px; background-color: #fff;}


/* scontents basic */
.scon_white{float:left; width:100%; padding:0 0 60px; background:#fff; position:relative;}
.scon_white_top{float:left; width:100%; padding:40px 0 60px 0; background:#fff; position:relative;}
.scon_gray{float:left; width:100%; padding:60px 0; background:#f5f5f5; position:relative;}
.row_wrap{width:100%; max-width:1200px; margin:0 auto; padding:0; box-sizing:border-box;}

.scon{clear:both; margin:0 auto; max-width:1200px; padding:100px 15px 60px 15px; box-sizing:border-box; overflow:hidden;}

.section_scon{float:left; width:100%; overflow:hidden; padding:0;}
.section_scon .scon_wrap{float:left; width:100%;}
.scon_tit {float:left; width:100%; padding:90px 0 60px; display:none;}
.scon_tit .scon_title_wrap{width:100%; max-width:1200px; margin:0 auto;}
.scon_tit h3{float:left; width:100%; font-size:32px; font-weight:500; color:#222; line-height:40px; text-align:center;}
.scon_tit p{float:left; width:100%; font-size:15px; font-weight:300; color:#003876; text-align:center; margin-top:15px;}
.wrap_scon_navi{display:none;}


/* 서브메뉴 */
#wrap_lnb {float:left; position:relative; width:100%; border-bottom:1px solid #ddd;}
.lnb{/*float:left;*/ width:100%; height:58px; max-width:1170px; margin:0 auto;}
.lnb_home{display:block; float:left; width:58px; height:58px; background:#1b6fe1 url(../images/contents/lnb_home.png) no-repeat center; border-right:1px solid #ddd; border-left:1px solid #ddd; text-indent:-10000px;}
.lnb_wrap .container{/*width:100% !important;*/ max-width:1600px;}

/* 드롭다운1뎁스 */
.dropdown_depth1{float:left; width:220px; height:58px; position:relative;}
.dropdown_depth1 .select_label_depth1{position:relative; display:block; width:100%; height:58px; line-height:58px; color:#222222; font-size:17px; font-weight:400; text-indent:15px; border-right:1px solid #ddd; background:#fff url(../images/contents/lnb_arrow.png) no-repeat right 20px center; z-index:100; cursor:pointer; letter-spacing:-0.05em;}
.dropdown_list_depth1{position:absolute; top:0px; width:100%; z-index:99;}
.dropdown_list_depth1 li{display:block; position:absolute; top:17px; left:0; width:100%; height:40px; cursor:pointer; background:#eef4f9; transition-duration:.3s; opacity:1; user-select:none;}
.dropdown_list_depth1 li a{display:block; float:left; width:100%; height:40px; line-height:38px; text-indent:10px; font-size:14px; font-weight:400; color:#555; border:1px solid #ccd9e5; border-top:0px;}
.dropdown_list_depth1 li a:hover{background:#ccd9e5; !important;}
.dropdown_list_depth1 li a.on{background:#ccd9e5;}
.dropdown_depth1.active .dropdown_list_depth1 li:nth-child(1){transform:translateY(100%);}
.dropdown_depth1.active .dropdown_list_depth1 li:nth-child(2){transform:translateY(200%);}
.dropdown_depth1.active .dropdown_list_depth1 li:nth-child(3){transform:translateY(300%);}
.dropdown_depth1.active .dropdown_list_depth1 li:nth-child(4){transform:translateY(400%);}
.dropdown_depth1.active .dropdown_list_depth1 li:nth-child(5){transform:translateY(500%);}
.dropdown_depth1.active .dropdown_list_depth1 li:nth-child(6){transform:translateY(600%);}
.dropdown_depth1.active .dropdown_list_depth1 li:nth-child(7){transform:translateY(700%);}
.dropdown_depth1.active .dropdown_list_depth1 li:nth-child(8){transform:translateY(800%);}
.dropdown_depth1.active .dropdown_list_depth1 li:nth-child(9){transform:translateY(900%);}
.dropdown_depth1.active .dropdown_list_depth1 li:nth-child(10){transform:translateY(1000%);}


/* 드롭다운2뎁스 */
.dropdown_depth2{float:left; width:260px; height:58px; position:relative; border-left:1px solid #ddd;}
.dropdown_depth2 .select_label_depth2{position:relative; display:block; width:100%; height:58px; line-height:58px; color:#222222; font-size:17px; font-weight:400; text-indent:15px; border-right:1px solid #ddd; background:#fff url(../images/contents/lnb_arrow.png) no-repeat right 20px center; z-index:100; cursor:pointer; letter-spacing:-0.05em;}
.dropdown_list_depth2{position:absolute; top:0px; width:100%; z-index:99;}
.dropdown_list_depth2 li{display:block; position:absolute; top:17px; left:-1px; width:100%; height:40px; cursor:pointer; background:#eef4f9; transition-duration:.3s; opacity:1; user-select:none;}
.dropdown_list_depth2 li a{display:block; float:left; width:100%; height:40px; line-height:38px; text-indent:10px; font-size:14px; font-weight:400; color:#555; border:1px solid #ccd9e5; border-top:0px;}
.dropdown_list_depth2 li a:hover{background:#ccd9e5; !important;}
.dropdown_list_depth2 li a.on{background:#ccd9e5;}
.dropdown_depth2.active .dropdown_list_depth2 li:nth-child(1){transform:translateY(100%);}
.dropdown_depth2.active .dropdown_list_depth2 li:nth-child(2){transform:translateY(200%);}
.dropdown_depth2.active .dropdown_list_depth2 li:nth-child(3){transform:translateY(300%);}
.dropdown_depth2.active .dropdown_list_depth2 li:nth-child(4){transform:translateY(400%);}
.dropdown_depth2.active .dropdown_list_depth2 li:nth-child(5){transform:translateY(500%);}
.dropdown_depth2.active .dropdown_list_depth2 li:nth-child(6){transform:translateY(600%);}
.dropdown_depth2.active .dropdown_list_depth2 li:nth-child(7){transform:translateY(700%);}
.dropdown_depth2.active .dropdown_list_depth2 li:nth-child(8){transform:translateY(800%);}
.dropdown_depth2.active .dropdown_list_depth2 li:nth-child(9){transform:translateY(900%);}
.dropdown_depth2.active .dropdown_list_depth2 li:nth-child(10){transform:translateY(1000%);}


/* 드롭다운3뎁스 */
.dropdown_depth3{float:left; width:220px; height:58px; position:relative; border-left:1px solid #ddd;}
.dropdown_depth3 .select_label_depth3{position:relative; display:block; width:100%; height:58px; line-height:58px; color:#222222; font-size:17px; font-weight:400; text-indent:15px; border-right:1px solid #ddd; background:#fff url(../images/contents/lnb_arrow.png) no-repeat right 20px center; z-index:100; cursor:pointer; letter-spacing:-0.05em;}
.dropdown_list_depth3{position:absolute; top:0px; width:100%; z-index:99;}
.dropdown_list_depth3 li{display:block; position:absolute; top:17px; left:-1px; width:100%; height:40px; cursor:pointer; background:#eef4f9; transition-duration:.3s; opacity:1; user-select:none;}
.dropdown_list_depth3 li a{display:block; float:left; width:100%; height:40px; line-height:38px; text-indent:10px; font-size:14px; font-weight:400; color:#555; border:1px solid #ccd9e5; border-top:0px;}
.dropdown_list_depth3 li a:hover{background:#ccd9e5; !important;}
.dropdown_list_depth3 li a.on{background:#ccd9e5;}
.dropdown_depth3.active .dropdown_list_depth3 li:nth-child(1){transform:translateY(100%);}
.dropdown_depth3.active .dropdown_list_depth3 li:nth-child(2){transform:translateY(200%);}
.dropdown_depth3.active .dropdown_list_depth3 li:nth-child(3){transform:translateY(300%);}
.dropdown_depth3.active .dropdown_list_depth3 li:nth-child(4){transform:translateY(400%);}
.dropdown_depth3.active .dropdown_list_depth3 li:nth-child(5){transform:translateY(500%);}
.dropdown_depth3.active .dropdown_list_depth3 li:nth-child(6){transform:translateY(600%);}
.dropdown_depth3.active .dropdown_list_depth3 li:nth-child(7){transform:translateY(700%);}
.dropdown_depth3.active .dropdown_list_depth3 li:nth-child(8){transform:translateY(800%);}
.dropdown_depth3.active .dropdown_list_depth3 li:nth-child(9){transform:translateY(900%);}
.dropdown_depth3.active .dropdown_list_depth3 li:nth-child(10){transform:translateY(1000%);}


/* 드롭다운3뎁스 예외적용*/
.dropdown_list_depth3 li.exc{background:#0066be; color:#FFF;}
.dropdown_list_depth3 li.exc a{background:#0066be; color:#FFF;}
.dropdown_list_depth3 li.exc a:hover{background:#0066be; color:#FFF;}
.dropdown_list_depth3 li.exc a.on{background:#0066be; color:#FFF;}

.lnb > div:last-child > span {color:#1b6fe1; font-weight:500;}
.lnb > div > span {text-indent:25px!important;}


/*footer*/
#wrap_footer{position:relative; width:100%; overflow:hidden; min-width:320px; box-sizing:border-box; border-top:1px solid #ddd;}
.footer_menu {width:100%;border-bottom:1px solid #ddd;}
.footer_menu > div {width:1170px; margin:0 auto; overflow:hidden; padding:15px 0;}
.footer_menu > div  ul {float:left;}
.footer_menu > div  ul li {float:left; margin-right:15px;}
.footer_menu > div  ul li a {font-size:16px; color:#333; font-weight:500;}

.footer_info {width:100%; position:relative; background:#f6f6f6;}
.footer_info > div {width:1170px; margin:0 auto; overflow:hidden; padding:30px 0;}
.footer_info > div > div {float:left; width:50%;}
.footer_info > div > div p {margin-top:10px; font-size:16px;}
.footer_info > div > div p strong {display:block;font-size:15px; color:#555; font-weight:500;}
.footer_info > div > div p span {display:block; margin-top:10px; color:#777777; font-size:14px;}
.footer_info > div > div p i {display:inline-block; width:20px; height:2px;}
/******
공통으로 들어가는 부분 End
*******/


/******
메인에 들어가는 부분 Start
*******/

/* 메인컨텐츠 */
.section_mcon{float:left; width:100%;}
.section_mcon .mcon_wrap{width:100%; max-width:1170px; margin:0 auto; overflow:hidden;}
.section_mcon .mcon_tit{float:left; width:100%; font-size:40px; font-weight:600;  text-align:center;}
.section_mcon .mcon_txt{float:left; width:100%; font-size:17px; font-weight:300; color:#fff; line-height:22px; margin-top:10px;}
.section_mcon .more_btn{float:left; width:100%; text-align:center; margin-top:30px;}
.section_mcon .more_btn a{display:inline-block; padding:9px 60px 10px 60px; border:1px solid #e9ebee; font-size:14px; font-weight:400; color:#666;}
.section_mcon .more_btn a:hover{background:#1b6fe1; border:1px solid #1b6fe1; color:#fff;}

.notice_box .mcon_tit {color:#fff;}

/*국가*/
.mcon_global {float:left; width:100%; padding:160px 0; box-sizing:border-box;background:url(/images/main/mcon01_bg.png) no-repeat center top; background-size:cover;}
.mcon_global_img {text-align:Center; width:940px; margin:0 auto;}
.mcon_global_img li {float:left; position:relative; display:inline-block; box-sizing:border-box; height:210px; margin:5px; width:calc(20% - 10px); vertical-align:top; background:#fff;}
.mcon_global_img li a {display:block; position:relative; width:100%; height:100%; box-sizing:border-box;  padding:0 10px;}
.mcon_global_img li a img {vertical-align:top; margin-top:24px;}
.mcon_global_img li a h3 {width:100%; margin-top:10px; font-size:18px; color:#222; margin-top:10px;}
.mcon_global_img li a p {font-size:14px; color:#777; line-height:1.3; margin-top:4px;}
.mcon_global_img li a:hover h3 {color:#1b6fe1;}
.mcon_global_img li a:hover p {color:#1b6fe1;}
.mcon_global_img li	a:hover::after {position:absolute; top:0; left:0; width:100%; height:100%; border:4px solid #1b6fe1; box-sizing:Border-box; content:'';}

.mcon_global02 {float:left; width:100%; height:760px; box-sizing:border-box;background:url(/images/main/mcon01_map.jpg) no-repeat center top; background-size:cover;}
.mcon_global_list_wrap {float:left; width:100%; background-color:#1b6fe1;}
.mcon_global_list {width:1170px; margin:0 auto; text-align:Center; font-size:0px;}
.mcon_global_list li {position:relative; display:inline-block; padding:20px 0; width:calc(20% - 10px); vertical-align:top; border-left:solid 1px #498ce7; border-bottom:solid 1px #498ce7;}
.mcon_global_list li a {display:block; position:relative; width:100%; height:100%; font-size:18px; color:#a8c0f0; font-size:20px;}
.mcon_global_list li a:hover {color:#fff;}
.mcon_global_list li:nth-child(5) {border-right:solid 1px #498ce7;}
.mcon_global_list li:last-child {border-right:solid 1px #498ce7;}


/* 포럼소개 */
.mcon_forum{float:left; width:100%; padding:0px 0 120px; box-sizing:border-box;}
.mcon_forum > div {max-width:1560px; padding:0 30px; box-sizing:border-box; margin:0 auto;}

.forum_new_box_set {display:flex; width:100%; justify-content:space-between; padding-top:30px;}

.forum_new_box_set > div {border:1px solid #ddd; box-sizing:Border-box;}
.forum_new_box_set > div:nth-child(3) {width:calc(50% - 13px);} 
.forum_new_box_set > div > h3 {width:100%; text-align:center; font-size:22px; padding:15px 0;}
.forum_new_box_set .notice_box .notice_list {border-top:1px solid #ebedf0;}
.notice_box {width: calc(70% - 30px);}
.wrap_around {width: 30%; border: 1px solid #ddd; display: flex; flex-direction: column;}
.wrap_around h3 {text-align: center; background-color: #fafafa; border-bottom: 1px solid #ddd; line-height: 50px;}
.wrap_around .youtube .outer {margin: 10px; padding: 10px; aspect-ratio: 16 / 9; position: relative;}
.wrap_around .youtube iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.wrap_around .metaverse {flex-grow: 1; display: flex; flex-direction: column; border-top: 1px solid #ddd;}
.wrap_around a {flex-grow: 1; padding: 10px;}
.wrap_around a img {width: 100%; height: 100%; object-fit: cover;}

.mcon_forum_new .notice_box .notice_list {height:auto; width:100%;}

.forum_ul {margin-top: 40px; display: flex; gap: 30px;}
.forum_ul li {width: calc((100% - 90px) / 4);}
.forum_ul a {display: block;}
.forum_ul .thumb {aspect-ratio: 355 / 260;}
.forum_ul .thumb img {width: 100%; height: 100%; object-fit: cover;}
.forum_ul .content {margin-top: 10px;}
.forum_ul .title {font-size: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.forum_ul .date {color: #555;}


/* 공지사항 */
.mcon_notice{float:left; width:100%; padding:100px 0; background:#f0f0f0 url(../images/main/mcon03_bg.png) no-repeat top left; box-sizing:border-box; background-size:cover; }
.notice_box .notice_title{float:left; width:280px; padding-right:30px; box-sizing:border-box;}
.notice_box .notice_title .mcon_tit{text-align:left;}
.notice_box .notice_title a{display:block; float:left; width:130px; height:50px; font-size:16px; font-weight:300; color:#20324b; background:#fff; line-height:48px; text-align:center; margin-top:50px; box-sizing:border-box; transition:all .4s;}
.notice_box .notice_title a:hover{background:#1b6fe1; color:#fff;}
.notice_box .notice_list{float:left; width:calc(100% - 280px); height:520px;}
.notice_box .notice_list ul{display:block; float:left; width:100%; background:#fff; padding:10px 30px; box-sizing:border-box;}
.mcon_forum_new .notice_box .notice_list ul {padding:10px;}

.notice_box .notice_list ul li{display:block; float:left; width:100%; border-top:1px solid #ddd;}
.notice_box .notice_list ul li:first-child{border-top:0;}
.notice_box .notice_list ul li a{display:block; float:left; width:100%; padding:0 15px 20px 15px; margin-top:19px; box-sizing:border-box;}
.notice_box .notice_list ul li a .notice_date{float:left; width:90px;}
.notice_box .notice_list ul li a .notice_date p{float:left; width:100%; font-size:15px; font-weight:300; color:#1b6fe1; line-height:20px; margin-top:5px;}
.notice_box .notice_list ul li a .notice_date h3{float:left; width:100%; font-size:40px; font-weight:600; color:#1b6fe1; line-height:50px;}
.notice_box .notice_list ul li a .notice_text{float:left; width:calc(100% - 90px);}
.notice_box .notice_list ul li a .notice_text h3{float:left; width:100%; height:30px; font-size:22px; font-weight:500; color:#212121; line-height:30px; overflow:hidden; transition:all .4s;}
.notice_box .notice_list ul li a .notice_text p{float:left; width:100%; height:48px; font-size:15px; font-weight:300; color:#666; line-height:24px; overflow:hidden; margin-top:5px; transition:all .4s;}
.notice_box .notice_list ul li a:hover .notice_text h3{color:#1b6fe1;}
.notice_box .notice_list ul li a:hover .notice_text p{text-decoration:underline;}
/* .forum_new_box_set2 .notice_list ul li:nth-child(4) {display: none;} */
.insta-link {display: flex; width: 100%; height: 118px; background-color: #fafafa; align-items: center; justify-content: center; border-bottom: 1px solid #ddd;}
.insta-link .txt-box {margin-left: 20px;}
.insta-link .txt {font-size: 18px; color: #666;}
.insta-link a {font-size: 22px;}
.insta-link a::after {content: ''; display: inline-block; width: 11px; height: 11px; vertical-align: middle; border-bottom: 2px solid #222; border-right: 2px solid #222; transform: rotate(-45deg); margin-top: -4px; margin-left: 4px;}

.wrap_sns_box {width:736px; float:right; padding-left:60px; box-sizing:border-box;}
.sns_box{float:right; width:360px; height:515px; margin-left:30px !important; overflow:hidden !important;}
.wrap_sns_box .notice_title{float:left; width:calc(100% - 432px); padding-right:30px; box-sizing:border-box;}
.wrap_sns_box .notice_title .mcon_tit{text-align:left; color:#fff;}

.wrap_social_box .sns_box {width:100%; margin-top:0!important;}



.sns_ico_list {float:left; margin-top:10px;}
.sns_ico_list li {float:left; margin-right:10px;}

.mcon_mv {clear:both; width:100%; background:url(/images/main/mcon_mv_bg.jpg) no-repeat center center; background-size:cover; text-align:center; padding:90px 30px 120px;  box-sizing:Border-box;}
.mcon_mv img {max-width:100%; vertical-align:top;}
.mcon_mv > h3 {font-size:30px; font-weight:600; padding-bottom:50px;}

.mcon_mv02 {clear:Both; width:100%; background:#1c316a; padding:90px 0;}
.mcon_mv02 > div {max-width:1560px; padding:0 30px; box-sizing:border-box; margin:0 auto; text-align:center;}
.mcon_mv02 > div > p {color:#fff; font-size:30px; font-weight:400;}
.mcon_mv02_list {display:flex; margin-top:50px;}
.mcon_mv02_list li {width:25%; margin-right:33px;}
.mcon_mv02_list li:last-child {margin-right:0;}
.mcon_mv02_list li .img {position:relative; width:100%;}
.mcon_mv02_list li .img::before {position:absolute; top:0; left:0; width:100%; height:100%;background:url(/images/main/mcon_mv02_bg.png) no-repeat center center; background-size:cover!important; content:'';}
.mcon_mv02_list li a:hover .img::before {background:url(/images/main/mcon_mv02_bg_h.png) no-repeat center center;}

.mcon_mv02_list li img {vertical-align:top; max-width:100%;}
.mcon_mv02_list li p {color:#fff; margin-top:15px; font-size:20px;}

.mcon_mv02_bt {width:100%; margin-top:70px;}
.mcon_mv02_bt a {display:inline-block; width:150px; height:52px; line-height:52px; background:#fff; color:#20324b; font-size:16px; transition:background ease 0.3s;}
.mcon_mv02_bt a:hover {background:#b8c9f6;}


.mcon_notice > div {max-width:1560px; padding:0 30px; box-sizing:border-box; margin:0 auto;}




.mcon_global02 {float:left; width:100%; height:955px; box-sizing:border-box;background:url(/images/main/mcon01_map.jpg) no-repeat center top;}
.mcon_global02 > div {width:1170px; margin:0 auto; position:relative;}
.mcon_global02_link {width:96px;}
.mcon_global02_link li {float:left; clear:both; width:100%; margin-top:21px;}
.mcon_global02_link li:first-child {margin-top:0;}
.mcon_global02_link li a {display:block; height:87px; font-size:0; line-height:0; text-indent:-9999999999px;}
.mcon_global02_link01 {position:Absolute; left:50%; margin-left:-546px; margin-top:153px;}
.mcon_global02_link02 {position:Absolute; right:50%; margin-right:-479px; margin-top:166px;}
.mcon_global02_link02 li {margin-top:45px;}

.ach01_select {margin-bottom:30px; width:150px; border:1px solid #ddd; padding:5px 10px;}


@media screen and (min-width:1300px){
	.gnb li .gnb_tit {margin:0 30px;}
}




@media screen and (max-width:1380px){
.notice_box .notice_list {width:100%;}
.sns_box  {clear:both; margin-top:61px!important;}
.wrap_sns_box {width:390px;}
.wrap_sns_box .notice_title {width:100%; padding-right:0;}
.notice_box .notice_title a {margin-top:30px; margin-bottom:20px;}
.wrap_sns_box {padding-left:30px}
}


@media screen and (max-width:1290px){
.gnb {right:0px;}
.header {padding:0 30px;}
.header_top {padding:0 30px; box-sizing:border-box;}
.snb_bg {height:400px;}
.mainVisualDiv .visual .txt_wrap {width:100%; padding:0 30px; box-sizing:border-box; left:0; margin-left:0;}
.section_mcon .mcon_wrap {padding:0 30px; box-sizing:Border-box;}

.footer_menu > div,.footer_info > div {width:100%; padding:15px; box-sizing:Border-box;}

.mcon_global_list {width:100%;}

.gnb li .gnb_tit {margin:0 10px;}
.gnb_bg {margin-left:-50px;}
.menu {width:100px;}
}

/* 작은데스크탑사이즈 */
@media screen and (max-width:1199px){
#top_btn{right:15px;}

.visual_mv {width:445px; height:252px; margin-top:0px;}
.txt_wrap .txt {margin-top:5px; }
.txt_wrap .txt h1 {font-size:50px;}
.txt_wrap .txt h3 strong {font-size:28px;}
.txt_wrap .txt h3 {font-size:26px;}

.mcon_global02 > div {width:800px;}
.mcon_global02 {background-size:auto 100%; height:700px;}
.mcon_global02_link {width:71px;}
.mcon_global02_link01 {margin-left:-401px; margin-top:112px;}
.mcon_global02_link li a {height:64px;}
.mcon_global02_link li {margin-top:15px;}

.mcon_global02_link02 {margin-right:-352px; margin-top:121px;}
.mcon_global02_link02 li {margin-top:33px;}
}


/* 태블릿사이즈 */
@media screen  and (max-width:991px){
#pop {left:50%; margin-left:-275px;}

#top_btn{position:fixed; right:15px; bottom:30px; width:38px; height:38px; background-size:30px auto;}
	
#qmenu {display:none;}	
	

/* header Mobile layout */
.tnb li{margin-left:10px;}
.tnb li a{font-size:13px;}

.header{float:left; width:100%; height:54px; display:block; padding:0 0 0 15px; box-sizing:border-box;}
.header h1{margin-top:8px; margin-left:0;}
.header h1 a{display:block; width:122px; height:35px; text-indent:-10000px;}
.header h1 a.on{background-size:171px auto;}

.header .gnb{display:none;}
.tnb_bt {padding-top:9px;}

.header .right_menu{width:54px; height:54px; margin:0px; padding:0; display:block;}
.header .right_menu a{display:block; float:left; width:54px; height:54px;}
.header .right_menu a ul{display:block; width:30px; margin-left:12px; margin-top:6px;}
.header .right_menu a ul li{display:block; float:left; width:100%; height:2px; background:#fff; text-indent:-10000px; margin-top:8px; transition : all .4s;}
.header .right_menu a ul li:first-child{margin-top:10px;}

.header .right_menu2{display:none;}

.right_menu a ul li.on:nth-of-type(1){transform: translateY(2px) rotate(45deg); margin-top:18px;}

.header_top {float:left; }



/* m_visual */
.mainVisualDiv .visual,.mainVisualDiv .visualDiv,.mainVisualDiv {position:relative; overflow:hidden;}
.mainVisualDiv .visual .txt_wrap {position:relative; top:0; transform:none; overflow:hidden; padding:50px 30px;}
.txt_wrap .txt {width:100%; text-align:Center;}
.visual_mv {width:100%; height:0; padding-bottom:56.25%; margin-top:50px;}
.txt_wrap .txt h1 br {display:none;}

.mascot {display: none;}

.mainVisualDiv .visual.visual1_new .txt_wrap {justify-content:space-between; flex-flow:column;}
.visual1_new .visual_mv {position:relative; bottom:auto; left:auto; padding:0; }



/*scon layout*/
#wrap_svisual {height:120px; background-size:1090px auto;}
#wrap_svisual .svisual_txt{padding:0;}
#wrap_svisual .svisual_txt h1{font-size:26px; }
	
	
/*scon layout*/
.section_scon{padding:0px;}

.scon_tit {padding:30px 0;}
.scon_tit h3{font-size:24px; line-height:42px; text-align:center;}
.scon_tit p{font-size:14px;}	


/* 서브메뉴 */
.lnb{float:left; height:42px;}
.lnb_home{width:42px; height:42px; border-left:0; background-size:14px;}

.lnb li{width:100%; top:2px;}
.lnb li a{font-size:13px; height:40px; line-height:38px;}
.lnb li a.on{}

.dropdown_depth1 {width:calc(50% - 22px); height:42px;}
.dropdown_list_depth1{width:100%;}
.dropdown_depth1 .select_label_depth1{height:42px; line-height:42px; font-size:13px;}
.dropdown_depth2 {width:calc(50% - 22px); height:42px;}
.dropdown_list_depth2{width:100%;}
.dropdown_depth2 .select_label_depth2{height:42px; line-height:42px; font-size:13px;}
.dropdown_list_depth2 {width:100%;}


/*  */
.scon_white{padding:40px 0;}
.scon_white_top{padding:30px 0 40px 0;}
.scon_gray{padding:40px 0;}
.scon{padding:60px 15px 40px 15px;}


/*footer*/


/* 메인컨텐츠 */
.mcon_global {padding:80px 25px; box-sizing:border-box;}
.mcon_global_img {width:100%;}
.mcon_global_img li {width: calc(25% - 10px);}

.mcon_global02 {background:url(/images/main/mcon01_map_tb.jpg) no-repeat center center; background-size:contain; height:500px;}
.mcon_global_list {width:100%;}

/* 포럼소개 */


/* 공지사항 */
.mcon_notice{height:auto; padding:40px 15px 50px;}
/*.notice_box{width:calc(50% - 10px);}*/
.notice_box .notice_title{width:100%; padding-right:0;}
.notice_box .notice_title a{width:110px; height:40px; font-size:14px; line-height:40px; margin-top:10px;}
.notice_box .notice_list{width:100%; height:auto;}
.notice_box .notice_list ul{padding:0px 15px;}
.notice_box .notice_list ul li a{padding:0 10px 15px 10px; margin-top:15px;}
.notice_box .notice_list ul li a .notice_date{width:70px;}
.notice_box .notice_list ul li a .notice_date p{font-size:13px; line-height:18px; margin-top:5px;}
.notice_box .notice_list ul li a .notice_date h3{font-size:32px; line-height:40px;}
.notice_box .notice_list ul li a .notice_text{width:calc(100% - 70px);}
.notice_box .notice_list ul li a .notice_text h3{height:24px; font-size:16px; line-height:24px; margin-top:10px;}
.notice_box .notice_list ul li a .notice_text p{height:24px; font-size:13px; line-height:24px; margin-top:0;}

.insta-link {height: 86px; justify-content: flex-start; padding-left: 20px; box-sizing: border-box;}
.insta-link .txt-box {margin-left: 8px;}
.insta-link .txt {font-size: 14px;}
.insta-link a {font-size: 12px;}
.insta-link img {width: 43px;}
.insta-link a::after {width: 6px; height: 6px; border-width: 1px; margin-top: -2px;}

/*.sns_box{width:calc(50% - 10px); height:auto; margin-left:20px !important;}*/
.sns_box {height:396px!important; margin-top:50px!important;}
.sns_box img {width:100%;}


/* 메인영상 */
.mcon_video{padding:40px 0 0 0;}


/* 주제토론방 */
.mcon_discuss{padding:40px 15px;}
.discuss_tit{height:70px; border:4px solid #1b6fe1; font-size:32px; line-height:62px; margin-top:20px;}
.discuss_txt{font-size:13px; line-height:22px;}
.mcon_discuss ul{ margin-top:30px;}
.mcon_discuss ul li{width:25%; padding:0 15px;}
.mcon_discuss ul li a h3{width:90px; height:32px; font-size:13px; line-height:32px; padding:0 15px; border-radius:16px;}
.mcon_discuss ul li a p{height:104px; font-size:15px; line-height:26px; margin-top:15px;}
.mcon_discuss ul li a span{font-size:13px; margin-top:20px;}
.discuss_btn{margin-top:30px;}
.discuss_btn a{width:160px; height:40px; font-size:14px; line-height:40px;}

.forum_ul li a p br {display:none;}



.mcon_global02 > div {width:580px;}
.mcon_global02_link {width:54px;}
.mcon_global02_link01 {margin-left:-289px; margin-top:74px;}
.mcon_global02_link li a {height:49px;}
.mcon_global02_link li {margin-top:12px;}

.mcon_global02_link02 {margin-right:-289px; margin-top:82px;}
.mcon_global02_link02 li {margin-top:25px;}

.forum_new_box_set {flex-wrap:wrap;}
.forum_new_box_set > div {width: calc(50% - 18px);}
.forum_new_box_set > div:nth-child(3) {width:100%; margin-top:40px; }
.wrap_around a {height:auto;}
.wrap_around a img {position:relative; width:100%; height:Auto; vertical-align:top; left:0; transform:none;}

.forum_new_box_set2 > div {width: 100%;}
.wrap_around {width: 100%; margin-top: 20px;}

.forum_ul {flex-wrap: wrap; gap: 60px 30px;}
.forum_ul li {width: calc((100% - 30px) / 2);}
.forum_ul .title {font-size: 16px;}
}

/* 모바일 */
@media screen and (max-width:767px){	
nav#menu {top:107px;}
#pop {width:250px; left:50%; transform:translateX(-50%); margin-left:0; margin-top:-222px;}
#pop .cont {height:270px;}
#pop .cont > img.pop_pc {display:none;}
#pop .cont > img.pop_m {display:block; float:left; width:100%;}
#pop .close #check label {font-size:12px;}
#pop .close #check input {margin-top:8px;}
#close {font-size:12px;}

.header_top {height:auto; padding:0;}
.tnb > p {width:100%; text-align:Center; margin-top:10px; padding-bottom:5px; margin-bottom:10px; border-bottom:1px solid #ddd;}
.tnb > p a {margin:0 10px;}
.tnb ul {width:285px; margin:0 auto; float:inherit;}
.tnb li a {line-height:1.6; margin-top:4px;}
.tnb li a.tnb_bt {padding-top:0; margin-top:0;}
.header_top {padding-bottom:10px;}

.txt_wrap .txt h1 {font-size:28px;}
.txt_wrap .txt h3 strong {font-size:18px;}
.txt_wrap .txt h3 {font-size:16px;}
.visual_mv {margin-top:30px;}

.tnb {margin-top:12px;}

.mainVisualDiv {aspect-ratio: 1754 / 1250;}


#wrap_svisual{height:100px; background-size:910px auto;}
#wrap_svisual .svisual_txt{max-width:100%;}
#wrap_svisual .svisual_txt h1{font-size:18px;}

	
/*scon layout*/
.scon_tit {padding:20px 0;}
.scon_tit h3{font-size:20px; line-height:28px;}
.scon_tit p{font-size:13px; margin-top:10px;}


/* 서브메뉴 */
.lnb{float:left; height:42px;}
.lnb_home{width:42px; height:42px; border-left:0; background-size:14px; display:none;}

.lnb li{width:100%; top:2px;}
.lnb li a{font-size:12px; height:40px; line-height:38px;}
.lnb li a.on{}

.dropdown_depth1 {width:50%; height:42px;display:none;}
.dropdown_list_depth1{width:100%;}
.dropdown_depth1 .select_label_depth1{height:42px; line-height:42px; font-size:12px;}
.dropdown_depth2 {width:100%; height:42px;}
.dropdown_list_depth2{width:100%;}
.dropdown_depth2 .select_label_depth2{height:42px; line-height:42px; font-size:12px;}
.dropdown_list_depth2 {width:100%;}


/*  */
.scon_white{padding:0 0 30px;}
.scon_white_top{padding:20px 0 30px 0;}
.scon_gray{padding:30px 0;}
.scon{padding:50px 15px 30px 15px;}


/* 메인컨텐츠 */
.section_mcon .mcon_tit{font-size:26px;}

.mcon_global_img li {width: calc(50% - 10px);}
.mcon_global {padding:50px 25px;}

.mcon_global02 {background:url(/images/main/mcon01_map_m.jpg) no-repeat top center; background-size:contain; height:90vw;}
.mcon_global_list li {width: calc(50% - 2px); padding:15px 0;}
.mcon_global_list li:nth-child(2) {border-right:solid 1px #498ce7;}
.mcon_global_list li:nth-child(4) {border-right:solid 1px #498ce7;}
.mcon_global_list li:nth-child(5) {border-right:0;}
.mcon_global_list li:nth-child(6) {border-right:solid 1px #498ce7;}
.mcon_global_list li:nth-child(8) {border-right:solid 1px #498ce7;}
.mcon_global_list li:last-child {border-right:solid 1px #498ce7;}
.mcon_global_list li a {font-size:18px;}



/* 포럼소개 */
.mcon_forum {padding:40px 0 60px;}
.mcon_forum > div {padding:0 15px;}
.forum_txt {font-size:20px; margin-top:20px;}
.forum_tit {font-size:20px;}
.forum_tit span {font-size:15px;}

/* 공지사항 */
.mcon_notice{height:auto; padding:40px 0px;}
.notice_box{width:100%;}
.notice_box .notice_title{width:100%; padding-right:0;}
.notice_box .notice_title a{width:100px; height:36px; font-size:13px; line-height:36px; margin-top:10px;}

.notice_box .notice_list{width:100%; height:auto; }
.notice_box .notice_list ul{padding:0px 10px;}
.notice_box .notice_list ul li a{padding:0 10px 10px 10px; margin-top:10px;}
.notice_box .notice_list ul li a .notice_date{width:60px;}
.notice_box .notice_list ul li a .notice_date p{font-size:12px; line-height:18px; margin-top:5px;}
.notice_box .notice_list ul li a .notice_date h3{font-size:28px; line-height:30px;}
.notice_box .notice_list ul li a .notice_text{width:calc(100% - 60px);}
.notice_box .notice_list ul li a .notice_text h3{height:24px; font-size:14px; line-height:22px; margin-top:8px;}
.notice_box .notice_list ul li a .notice_text p{height:24px; font-size:12px; line-height:22px; margin-top:0;}

.sns_box{width:100%; height:auto!important; margin-left:0 !important; margin-top:15px !important;}


/* 메인영상 */
.mcon_video{padding:20px 0 0 0;}


/* 주제토론방 */
.mcon_discuss{padding:20px 15px;}
.discuss_tit{height:56px; border:3px solid #1b6fe1; font-size:20px; line-height:50px; margin-top:15px;}
.discuss_txt{font-size:12px; line-height:20px;}
.mcon_discuss ul{margin-top:20px;}
.mcon_discuss ul li{width:50%; padding:10px;}
.mcon_discuss ul li a h3{width:80px; height:28px; font-size:11px; line-height:28px; padding:0 10px; border-radius:15px;}
.mcon_discuss ul li a p{height:48px; font-size:13px; line-height:22px; margin-top:10px;}
.mcon_discuss ul li a span{font-size:11px; margin-top:15px;}
.mcon_discuss ul li:nth-child(1), .mcon_discuss ul li:nth-child(2){border-bottom:1px solid #ddd;}
.mcon_discuss ul li:nth-child(3){border-left:0;}
.discuss_btn{margin-top:20px;}
.discuss_btn a{width:150px; height:36px; font-size:13px; line-height:36px;}

.footer_menu > div ul li a {font-size:14px;}
.footer_info > div {padding:0 15px 30px;}
.footer_info > div > div {width:100%; margin-top:30px;}
.footer_info > div > div p strong {font-size:14px;}
.footer_info > div > div p {font-size:13px;}
.footer_info > div > div p span {font-size:12px; margin-top:5px;}
.footer_info > div > div p i {display:block; width:100%; height:0;}
.footer_info > div > div img {height:30px;}

.mcon_forum > div {padding:0 15px;}


.mcon_mv {padding:60px 15px 60px;}
.mcon_mv > h3 {font-size:26px; padding-bottom:30px;}

.mcon_mv02 {padding:50px 0;}
.mcon_mv02_list {flex-wrap:wrap; margin-right:-15px; margin-top:30px;}
.mcon_mv02_list li {width:50%; margin:0; padding-right:15px; box-sizing:Border-box;}
.mcon_mv02_list li:nth-child(2n + 1) {clear:Both;}
.mcon_mv02_list li:nth-child(n + 3) {margin-top:25px;}

.mcon_mv02 > div > p {font-size:26px;}
.mcon_mv02 > div {padding:0 15px;}
.mcon_mv02_list li p {font-size:15px; margin-top:10px;}

.mcon_mv02_bt {margin-top:40px;}
.mcon_mv02_bt a {width:100%; font-size:14px;}

.mcon_notice > div {padding:0 15px;}
.wrap_sns_box {width:100%; padding-left:0; margin-top:40px;}



.mcon_global02 > div {width:100%;}
.mcon_global02_link {width:12vw;}
.mcon_global02_link01 {left:3.7vw; margin:0; margin-top:4vw;}
.mcon_global02_link li a {height:10.5vw;}
.mcon_global02_link li {margin-top:3vw;}

.mcon_global02_link02 {right:3.5vw; margin:0; margin-top:4vw;}
.mcon_global02_link02 li {margin-top:4.4vw; }

.forum_new_box_set > div {width:100%;}
.forum_new_box_set > div:nth-child(3),.forum_new_box_set > div:nth-child(2) {margin-top:30px;}
.forum_new_box_set > div > h3 {font-size:20px; padding:10px 0;}
}

@media screen and (max-width:450px){
.mcon_global02_link01 {left:5vw;}
.mcon_global02_link02 {right:5vw;}


.visual1_new .visual_mv {width:100%; height:0; padding-bottom:56.25%; margin-top:30px;}

.forum_ul li {width: 100%;}
}