@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900&display=swap');


* {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
:after, :before {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

/* reset */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,figure,figcaption{margin:0;padding:0}
body,input,textarea,select,button,table{font-family:'Noto Sans KR','Open Sans',AppleGothic,helvetica,sans-serif;font-size:16px;line-height:1.75em;color:#000;word-break:keep-all;-webkit-text-size-adjust:none;}
img{border:0;max-width:100%;vertical-align:top;}
ul,ol{list-style:none}
fieldset{border:none}
fieldset legend {overflow:hidden;width:0;height:0;margin:0;padding:0;font-size:0;line-height:0;text-indent:-999em;}
button{cursor:pointer}
header,hgroup,article,nav,footer,figure,figcaption,canvas,section,time{display:block}
hr {clear:both;display:none;}
img[usemap] {border:none; height:auto; max-width:100%; width:auto;}

a{
	color:inherit;
	text-decoration:none;
	-webkit-transition: all 0.2s ease-in-out;
	   -moz-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		 -o-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
}
a:hover,
a:active{
	-webkit-transition: all 0.2s ease-in-out;
	   -moz-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		 -o-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
}

::-webkit-input-placeholder {color:#878787;}
:-moz-placeholder {color:#878787;}
::-moz-placeholder {color:#878787;}
:-ms-input-placeholder {color:#878787;}
:placeholder-shown {color:#878787;}

table caption {overflow:hidden;width:0;height:0;margin:0;padding:0;font-size:0;line-height:0;text-indent:-999em;}
input[type="radio"], input[type="checkbox"] {vertical-align:middle !important; margin:-.2em 3px 0 0 !important;}
input,select {vertical-align:middle; background:#fff;}
input,textarea,button{-webkit-appearance:none;-webkit-border-radius:0}
input[type='checkbox']{-webkit-appearance:checkbox} 
input[type='radio']{-webkit-appearance:radio}

/* user class */
h1,h2,h3,h4,h5,h6,strong,th,.bold{font-weight:700;}
.semibold {font-weight:500;}
.clear{clear:both;}
.clearfix:after {content:" "; display:block; clear:both;}
.blind {position:absolute;overflow:hidden;width:0;height:0;margin:0;padding:0;font-size:0;line-height:0;}
.pointer {cursor:pointer;}
.input {height:44px; padding:6px 16px; color:#505050; font-size:15px; line-height:1.5em; border:1px solid #ddd;}
.input[readonly] {background-color:#e8e8e8; color:#aaaaaa;}
.input.datepicker {padding-right:40px; background:#fff url('/images/bbs/datepicker_icon.png') right 10px center no-repeat;}
textarea.input {height:auto; padding:13px 16px; overflow:auto; resize:none;}
select.input {padding-right:40px; background:#fff url('/images/bbs/select.png') right 14px center no-repeat; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
select.input::-ms-expand {display:none;}
input[type=file].input {padding:0;}

.mgb2 {margin-bottom:2px !important;}
.mgb3 {margin-bottom:3px !important;}
.mgb4 {margin-bottom:4px !important;}
.mgb5 {margin-bottom:5px !important;}
.mgb6 {margin-bottom:6px !important;}
.mgb7 {margin-bottom:7px !important;}
.mgb8 {margin-bottom:8px !important;}
.mgb9 {margin-bottom:9px !important;}
.mgb10 {margin-bottom:10px !important;}
.mgb15 {margin-bottom:15px !important;}
.mgb20 {margin-bottom:20px !important;}
.mgb30 {margin-bottom:30px !important;}
.mgb40 {margin-bottom:40px !important;}
.mgb50 {margin-bottom:50px !important;}

.fl {float:left;}
.fr {float:right;}

.space-center {text-align:center !important;}
.space-right {text-align:right !important;}
.space-left {text-align:left !important;}

.inline-block {display:inline-block;}

.video-container {position:relative; padding-bottom:56.25%; overflow:hidden;}
.video-container video,
.video-container iframe {position:absolute; top:0; left:0; width:100%; height:100%;}

.radiobox {display:inline-block; position:relative; vertical-align:middle; margin-top:-.2em;}
.radiobox input {position:absolute; top:0; left:0; width:0; height:0; border:0; opacity:0; z-index:-1;}
.radiobox label {display:inline-block;}
.radiobox label:before {content:""; display:inline-block; vertical-align:middle; margin:-.2em 8px 0 0; width:18px; height:18px; background-color:#f4f4f4; border:1px solid #ccc; border-radius:100%;}
.radiobox input:checked + label:before {background:#fff url("/images/bbs/radiobox.png") 50% 50% no-repeat;}
.radiobox input:focus + label:before {outline:2px solid highlight;}

.checkbox {display:inline-block; position:relative; vertical-align:middle; margin-top:-.2em;}
.checkbox input {position:absolute; top:0; left:0; width:0; height:0; border:0; opacity:0; z-index:-1;}
.checkbox label {display:inline-block;}
.checkbox label:before {content:""; display:inline-block; vertical-align:middle; margin:-.2em 8px 0 0; width:18px; height:18px; background-color:#f4f4f4; border:1px solid #ccc;}
.checkbox input:checked + label:before {background:#28ac9a url("/images/bbs/checkbox.png") 50% 50% no-repeat; border-color:#28ac9a;}
.checkbox input:focus + label:before {outline:2px solid highlight;}

.table-responsive {display:block; width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch;}

/* ui datepicker */
.ui-datepicker {display:none; background:#fff; margin-top:2px; border-radius:10px; padding:0 8px 8px; width:250px; box-shadow:0 0 3px rgba(0,0,0,.3);}
.ui-datepicker-header {position:relative; margin:0 -8px 6px; padding:5px 0; background:#28ac9a; border-radius:10px 10px 0 0;}
.ui-datepicker-prev,
.ui-datepicker-next {position:absolute; width:32px; height:32px; top:50%; cursor:pointer; margin-top:-16px; border-radius:100%; overflow:hidden; text-indent:-999em; background-position:50% 50%; background-repeat:no-repeat;}
.ui-datepicker-prev {left:0; background-image:url("/images/bbs/datepicker_prev.png");}
.ui-datepicker-next {right:0; background-image:url("/images/bbs/datepicker_next.png");}
.ui-datepicker-title {text-align:center; color:#fff; font-size:18px; line-height:30px; font-weight:500;}
.ui-datepicker-title select {border:0; margin:-.2em 2px 0; width:70px; height:30px; color:#000; font-size:15px; padding:0 10px 0 6px; vertical-align:middle;}
.ui-datepicker-calendar {width:100%; border-collapse:collapse; border-spacing:0px;}
.ui-datepicker-calendar th {padding:2px 0; text-align:center; font-size:14px; font-weight:500; line-height:30px; color:#222;}
.ui-datepicker-calendar td {padding:0; text-align:center; font-size:13px; font-weight:400; line-height:30px; color:#666;}
.ui-datepicker-calendar .ui-state-default {display:inline-block;width:30px;border-radius:4px;}
.ui-datepicker-calendar .ui-state-hover {background-color:#eee; color:#222;}
.ui-datepicker-calendar .ui-state-active {background-color:#28ac9a; color:#fff;}
.ui-datepicker-other-month .ui-state-default {color:#ccc;}
.ui-datepicker-last {margin-left:-43px;}
.ui-datepicker-trigger {width:44px; height:44px; margin-left:-1px; background:url('/images/bbs/datepicker_icon.png') 50% 50% no-repeat; border:1px solid #aaa; vertical-align:middle; overflow:hidden; text-indent:-999em;}

@media (max-width: 640px) {
	.input.datepicker {background-image:url("../images/bbs/datepicker_icon_x2.png"); background-size:22px auto;}

	.ui-datepicker-prev,
	.ui-datepicker-next {background-size:8px auto;}
	.ui-datepicker-prev {background-image:url("../images/bbs/datepicker_prev_x2.png");}
	.ui-datepicker-next {background-image:url("../images/bbs/datepicker_next_x2.png");}
	.ui-datepicker-trigger {width:38px; height:38px;}
}

.row:before {display: table; content: " "; box-sizing: border-box;}

.hn {display:none;}

.header_banner {position:relative; width:100%; background:url(/images/common/header_banner_bg.jpg) no-repeat center center; height:100px; z-index:10000; background-size:cover;}
.header_banner > div {position:relative; width:1170px; margin:0 auto;}
.header_banner > div:after {content:''; display:block; clear:both;}

.header_banner > div > span {float:left; font-size:16px; color:rgba(255,255,255,0.6); background:url(/images/common/header_banner_ico01.png) no-repeat 0 center; background-size:28px auto; line-height:31px; font-size:16px; color:rgba(255,255,255,0.6); padding-left:36px; margin-top:34px;}
.header_banner > div > p {float:right; font-size:16px; color:rgba(255,255,255,0.4);  background:url(/images/common/header_banner_ico02.png) no-repeat right center; background-size:16px auto; padding-right:26px; margin-top:37px; cursor:pointer;}
.header_banner > div > a {position:absolute; text-align:center; width:calc(100% - 287px); top:0; line-height:100px; text-overflow: ellipsis; white-space: nowrap; overflow:hidden; display:block; font-size:25px; color:#fff; font-weight:600; left:52%; transform:translateX(-50%);}

/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;width:970px;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops_con {}
.hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff}

/* 상단 레이아웃 */
#hd {z-index:9;position:relative;background:#fff;}
.hd_zindex {z-index:10 !important}
#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#hd_wrapper {position:relative;padding:26px 0 0 170px; box-sizing:border-box; width:100%;height:104px;}
#hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""}

#logo {float:left;padding:5px 0 0}
#logo img {width:99px;}

/* 전체 검색 */
#hd_sch {float:left;margin:0 0 0 20px;padding:0;border:1px solid #c3c6ca}
#hd_sch legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#hd_sch #sch_stx {padding-left:5px;width:110px;height:24px;border:0;background:#fff;line-height:1.9em !important;line-height:1.6em}
#hd_sch #sch_submit {padding:0 5px;height:26px;border:0;background:#e2e6eb;color:#333;cursor:pointer}

/* 텍스트 크기 조절 */
#text_size {float:left;margin:0 0 0 10px;letter-spacing:-3px}
#text_size button {margin:0;padding:1px 2px;border:1px solid #c3c6ca;background:transparent;vertical-align:middle;cursor:pointer}
.ts_up {font-size:1.167em !important}
.ts_up2 {font-size:1.3em !important}



/* 탑버튼 */
#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 #00aeef; opacity:0.8; transition:none; -webkit-transition:none; -moz-transition:none; -o-transition:none; border-radius:24px;}


/* header PC layout */
#wrap_header{position:absolute;  width:100%; min-width:320px; z-index:1000;}
.header {position:relative; width:1200px; margin:0 auto; height:86px; box-sizing:Border-box;}
.header h1{float:left; margin-top:9px; margin-left:0px;}
.header h1 img {}

.top-lang {position:absolute; top:50%; transform:translateY(-50%); right:0; height:30px; z-index:10; border-left:1px solid rgba(255,255,255,0.4);}
.top-lang .title {display:flex; justify-content:center; align-items:center; width:100%; height:100%; font-size:16px; line-height:22px; font-weight:500; color:#333;}
.top-lang .title span {position:relative; padding-right:23px;}
.top-lang .title span:after {content:""; position:absolute; top:50%; right:0; transform:translateY(-75%) rotate(45deg); width:12px; height:12px; border-right:2px solid #333; border-bottom:2px solid #333;}
.top-lang.active .title:after {transform:translateY(-35%) rotate(-135deg);}
.top-lang .f-options {display:none; position:absolute; top:100%; left:0; width:100%; font-size:16px; line-height:22px; background:#fafafa; border:1px solid #dfdfdf; overflow:auto;}
.top-lang .f-options li {cursor:pointer; transition:.2s; text-align:center;}
.top-lang .f-options li a {display:block; font-weight:500; color:#505050; font-size:16px; padding:5px; border-top:1px solid #dfdfdf;}
.top-lang .f-options li:first-child a {border-top:0;}
.top-lang .f-options li.active a {background:#21409a; color:#fff;}

/* PC gnb */
/*.gnb{position:absolute; top:0px; right:136px;}*/
.gnb {float:right; padding-right:130px;}
.gnb > ul > li{float:left; position:relative; margin:0}
.gnb > ul > li .gnb_tit{display:block; font-size:20px; color:#333333; font-weight:900; height:86px; padding:0 34px; line-height:86px;}
.gnb > ul > li .gnb_tit span{display:block; width:100%; text-align:center; font-size:16px; font-weight:700; color:#;}
/* .tnb{position:absolute; top:38px; right:0px;}
.tnb ul{display:block; float:left;}
.tnb li{float:left; margin-left:10px;}
.tnb li a{display:block; float:left; width:30px; height:30px; text-indent:-10000px; border:1px solid #fff; border-radius:4px;}
.tnb li:nth-child(1) a{background:url(../images/common/tnb_face.png) no-repeat center;}
.tnb li:nth-child(1) a:hover{background:#fff url(../images/common/tnb_face_on.png) no-repeat center;}
.tnb li:nth-child(2) a{background:url(../images/common/tnb_you.png) no-repeat center;}
.tnb li:nth-child(2) a:hover{background:url(../images/common/tnb_you_on.png) no-repeat center;}
.tnb span{display:inline-block; float:left; margin-left:0px;}
.tnb span a{display:block; float:left; height:33px; padding:0 0 0 24px; font-size:13px; font-weight:400; color:#fff; line-height:33px; }
.tnb span.eng a{background:url(../images/common/tnb_01.png) no-repeat left center;}
.tnb span.eng a:hover{color:#00aeef; background:url(../images/common/tnb_01_hover.png) no-repeat left center;} */




.header .gnb li .gnb_tit {color:#333333; font-size:18px; font-weight:500;}



/*.active {background:#fff!important; border-bottom:1px solid #ddd !important;}*/
.active .gnb li .gnb_tit {color:#222 !important; transform: perspective(2px) translateZ(0);}
.active .gnb li .gnb_tit.on {color:#21409a !important;}
.active .gnb li .gnb_tit:hover {color:#21409a !important;}
.active .gnb li.active > .gnb_tit { color:red; padding-bottom:2px;}






.snb_bg{position:absolute;  z-index:9; top:95px; width:100%; height:174px; background:rgba(255,255,255,0.9);}
.gnb_bg{position:absolute; z-index:10; width:100%; top:86px; left:0;}
.menu {position:absolute; width:100%;left:50%; transform:translateX(-50%); text-align:Center; top:0px; display:none; vertical-align:top; background:rgba(33,64,154,0.9); border-bottom:2px solid #21409a; padding:10px;/*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 { float:left; width:100%; cursor:pointer; margin:10px 0;}
.menu li > a { display:block;  font-size:16px; color:#cbd7fc; font-weight:400; box-sizing:border-box; word-wrap:break-word;word-break:keep-all;}
.menu li:hover > a {color:#fff; font-weight:400; box-sizing:border-box;}




/* header Mobile layout */
#wrap_header .header_top{float:left; width:100%; height:54px; background:#00b3ed; display:none;}

.right_menu {display:none;}








#wrap_mvisual {line-height:0; margin-top:86px; padding:0 30px; box-sizing:Border-box;}
.mvisual_img {height:699px; position:relative; }

div.mvisual_img01 {background:url(/images/main/mvisual01.jpg) no-repeat center center;}
div.mvisual_img02 {background:url(/images/main/mvisual02.jpg) no-repeat center center;}
div.mvisual_img03 {background:url(/images/main/mvisual03.jpg) no-repeat center center;}

.slider {/*width: 50%;*/width:100%;}
.slick-slide img {width: 100%;}
.slick-prev:before,.slick-next:before { color: black;}
.slick-slide {transition: all ease-in-out .3s;opacity: 1;}
.slick-active { opacity: 1;}
.slick-current {opacity: 1;}

.mvisual_txt {position:absolute; top:41%; transform:translateY(-50%); width:100%; left:0;}
/*.mvisual_txt > div {width:1400px; margin:0 auto; padding:0 105px; box-sizing:Border-box;}*/
.mvisual_txt > div > span {display:block; margin-bottom:15px; text-align:center; font-size:20px; color:rgba(255,255,255,0.6); letter-spacing:5px; text-transform:uppercase; font-weight:200;font-family: 'Montserrat', sans-serif;}
.mvisual_txt > div > h2 {font-size:52px;  color:#fff; line-height:1.2; font-weight:300; text-align:center; }
.mvisual_txt > div > h2 strong {display:block; font-weight:500;}

.slick-slide > div {line-height:0;}



/* 중간 레이아웃 */
#wrapper {z-index:5; width:1170px;}
#wrapper:after {display:block;visibility:hidden;clear:both;content:""}

#wrapper.wrapper_main {width:100%; /*padding-top:104px;*/}

#aside {float:right;margin:0 0 0 -1px;width:210px;border-left:1px solid #dde4e9;background:#fff}

#container {z-index:4;position:relative;float:left; width:100%;}
#container:after {display:block;visibility:hidden;clear:both;content:""}
#container_title {margin-bottom:60px;font-size:36px; color:#222222; font-weight:bold; clear:both; text-align:center; padding-top:70px;}
#container_title > span {display:none; font-size:22px; font-weight:400;}



.wrap_mcon {position:relative; width:100%;}
.wrap_mcon .section_mcon01 {position:relative; width:100%; padding:70px 20px; box-sizing:border-box;}
.wrap_mcon .section_mcon01::before {position:absolute; content:''; left:0; top:0; width:361px; height:274px; background:url(/images/main/mcon01_bg01.png) no-repeat 0 0; z-index:-1;}
.wrap_mcon .section_mcon01::after {position:absolute; content:''; right:0; top:-166px; width:261px; height:615px; background:url(/images/main/mcon01_bg02.png) no-repeat 0 0;}

.mcon_tit {width:100%; position:relative; text-align:Center; font-size:36px; color:#272727; font-weight:700; padding-bottom:30px; margin-bottom:10px;}
.mcon_tit::before {position:absolute; bottom:0; left:50%; content:''; width:1px; height:24px; background:rgba(39,39,39,0.2);}
.mcon_stit {width:100%; text-align:center; font-size:22px; color:#21409a; font-weight:600;}

.mcon_stit span {font-weight:400;}

.section_mcon01 > p {width:930px; margin:0 auto; text-align:center; margin-top:5px; line-height:1.5;}
.mcon01_bt {width:100%; text-align:Center; margin-top:30px;}
.mcon01_bt a {display:inline-block; width:255px; height:56px; border:1px solid #cccccc; box-sizing:border-box; text-align:center; line-height:56px; transition:all ease 0.5s;}
.mcon01_bt a:hover {color:#fff; background:#21409a; border:1px solid #21409a;}

.section_mcon02 {position:relative; width:100%; background:#f0f0f0; padding:70px 20px; box-sizing:border-box;}
.section_mcon02::after {content:''; display:block; clear:Both;}
.section_mcon02 ul {width:1240px; margin:0 auto; margin-top:30px;}
.section_mcon02 ul li {float:left; width:50%; padding:0 20px; box-sizing:border-box; text-align:center;}
.section_mcon02 ul li div {width:100%; text-align:center; overflow:hidden;}
.section_mcon02 ul li div img {transition:all ease 0.5s;}
.section_mcon02 ul li:hover div img {transform:scale(1.1);}
.section_mcon02 ul li h3 {width:100%; margin-top:20px; font-size:26px; color:#333333; font-weight:600;}


.section_mcon03 {position:relative; width:100%; padding:70px 20px; box-sizing:border-box;}
.section_mcon03 > div {width:1200px; margin:0 auto;}
.section_mcon03 > div::after {content:''; display:block; clear:Both;}
.section_mcon03 > div ul li {float:left; width:25%; text-align:Center;}
.section_mcon03 > div ul li a {display:block; background-size:auto 54px!important; padding-top:80px;}
.section_mcon03 > div ul li:nth-child(1) a {background:url(/images/main/mcon03_ico01.png) no-repeat center 5px;}
.section_mcon03 > div ul li:nth-child(2) a {background:url(/images/main/mcon03_ico02.png) no-repeat center 5px;}
.section_mcon03 > div ul li:nth-child(3) a {background:url(/images/main/mcon03_ico03.png) no-repeat center 5px;}
.section_mcon03 > div ul li:nth-child(4) a {background:url(/images/main/mcon03_ico04.png) no-repeat center 0;}

.section_mcon03 > div ul li span.tit {font-size:18px; color:#21409a; display:block; font-weight:500; margin-bottom:3px; transition:all ease 0.5s;}
.section_mcon03 > div ul li span.con {font-size:16px; color:#444444; display:block; width:80%; margin:0 auto;}

.section_mcon03 > div ul li a:hover span.tit {text-decoration:underline;}


/* 하단 레이아웃 */
#ft {width:100%; background:#343e5c; padding:25px 0;}
#ft::after {content:''; display:block; clear:Both;}
#ft > div {width:1200px; margin:0 auto;}
#ft > div > p {float:left; color:rgba(255,255,255,0.7); font-size:14px;}
#ft > div > p strong {font-weight:500;}
#ft > div > a {float:right; color:#fff; font-size:16px;}
.ft_bt_set {float:left; width:100%; border-bottom:1px solid #ddd; padding:15px 0;}
.ft_bt_set > div {width:1170px; margin:0 auto;}
.ft_bt_set > div > a {float:left; transition:all ease 0.5s;}
.ft_bt_set > div > a:hover {color:#e9630e;}
.ft_bt_set > div > ul {float:right;}
.ft_bt_set > div > ul li {float:left; margin-left:20px;}
.ft_bt_set > div > ul li a {display:block; padding-right:20px; background:url(/images/common/ft_bt_ico.png) no-repeat right center; font-size:16px; color:#555555; background-size:15px auto!important; transition:all ease 0.5s;}
.ft_bt_set > div > ul li a:hover {color:#e9630e; background:url(/images/common/ft_bt_ico_on.png) no-repeat right center;}


#ft_copy {float:left; width:100%; padding:25px 0;}
#ft_copy > div {width:1170px; margin:0 auto;}
#ft_copy > div > img {float:left; width:144px;}
#ft_copy > div > div {float:right; width:calc(100% - 184px);}
#ft_copy > div > div ul {float:left; clear:both;}
#ft_copy > div > div ul li {float:left; position:relative; padding:0 10px; font-size:15px; color:#333333;}
#ft_copy > div > div ul li::before {position:absolute; content:''; width:1px; height:9px; background:#acacac; left:0; top:50%; transform:translateY(-50%);}
#ft_copy > div > div ul li:first-child {padding-left:0;}
#ft_copy > div > div ul li:first-child::before {display:none;}
#ft_copy > div > div p {clear:Both; font-size:15px; color:#666666; margin-top:20px; float:left;}



/* 게시물 선택복사 선택이동 */
#copymove {}
.copymove_current {float:right;color:#e9630e}
.copymove_currentbg {background:#f4f4f4}

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:5px;right:5px;font-size:0;line-height:0;overflow:hidden; z-index:9999; width:100px; background:#ddd; text-align:center; }
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}
/* 본문 바로가기 */
#skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:75px}

/* ie6 이미지 너비 지정 */
.img_fix {width:100%;height:auto}

/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {margin-top:15px;display:inline-block;position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;}
#captcha #captcha_img {width:160px;height:60px;border:1px solid #e9e9e9;vertical-align:top;padding:0;margin:0}
#captcha #captcha_mp3 {position:absolute;top:0;left:161px;;margin:0;padding:0;width:31px;height:31px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer}
#captcha #captcha_mp3 span {position:absolute;top:0;left:0;width:31px;height:31px;background:url('../../../img/captcha.png') no-repeat;}
#captcha #captcha_reload {position:absolute;top:31px;left:161px;margin:0;padding:0;width:31px;height:31px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha.png') no-repeat  0 -30px;border-top:1px solid #ccc;text-indent:-999px}
#captcha #captcha_key {margin:0 0 0 33px;padding:0 5px;width:70px;height:60px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:2.8em;vertical-align:top}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}

/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha audio {display:block;margin:0 0 5px;width:187px}
#captcha.m_captcha #captcha_img {width:160px;height:60px;border:1px solid #e9e9e9;margin-bottom:3px;margin-top:5px;display:block;}
#captcha.m_captcha #captcha_reload {position:static;margin:0;padding:0;width:31px;height:31px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha.png') no-repeat  0 -30px;text-indent:-999px}
#captcha.m_captcha #captcha_reload span{display:none;}
#captcha.m_captcha #captcha_key {margin:0;padding:0 5px;width:115px;height:29px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:29px;margin-left:3px}
#captcha.m_captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}
#captcha.m_captcha #captcha_mp3 {width:31px;height:31px;background:url('../../../img/captcha.png') no-repeat; vertical-align:top;overflow:hidden;cursor:pointer;text-indent:-9999px;border:none}

/* ckeditor 단축키 */
.cke_sc {margin:0 0 5px;text-align:right}
.btn_cke_sc{display:inline-block;padding:0 10px;height:23px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;line-height:1.9em;vertical-align:middle;cursor:pointer}
.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center}
.cke_sc_def dl{margin:0 0 5px;text-align:left;zoom:1}
.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
.cke_sc_def dt {width:20%;font-weight:bold}
.cke_sc_def dd {width:30%}

/* 버튼 */
/* a.btn01 {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
a.btn01:focus, a.btn01:hover {text-decoration:none}
button.btn01 {display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none}
a.btn02 {display:inline-block;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle}
a.btn02:focus, .btn02:hover {text-decoration:none}
button.btn02 {display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none}

.btn_confirm {text-align:center} 서식단계 진행

.btn_submit {padding:8px;border:0;background:#666;color:#fff;letter-spacing:-0.1em;cursor:pointer}
fieldset .btn_submit {padding:0 7px;height:24px;line-height:1em}

a.btn_cancel {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
button.btn_cancel {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;vertical-align:top;text-decoration:none}

a.btn_frmline, button.btn_frmline {display:inline-block;padding:0 5px;height:24px;border:0;background:#333;color:#fff;letter-spacing:-0.1em;text-decoration:none;vertical-align:top} 우편번호검색버튼 등
a.btn_frmline {line-height:24px}
button.btn_frmline {font-size:1em} */

/* 게시판용 버튼 */
/* a.btn_b01 {display:inline-block;padding:7px;border:1px solid #d9ded9;background:#f2f5f9;color:#000;text-decoration:none;vertical-align:middle}
a.btn_b01:focus, .btn_b01:hover {text-decoration:none}
a.btn_b02 {display:inline-block;padding:7px 7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle}
a.btn_b02:focus, .btn_b02:hover {text-decoration:none;font-size: 14px; }
a.btn_admin {display:inline-block;padding:7px;border:1px solid #e8180c;background:#e8180c;color:#fff;text-decoration:none;vertical-align:middle} 관리자 전용 버튼
a.btn_admin:focus, a.btn_admin:hover {text-decoration:none} */

/* 버튼 추가 보정 */
/* .btn { display: block; width: 200px; height: auto; margin: 0 auto; padding: 15px; background: rgb(96,74,25); font-size: 14px; color: white; text-align: center; line-height: 1; }
a.btn, .btn { line-height: 35px; height: 35px; padding: 0 10px; text-align: center; font-weight: bold; border: 0; -webkit-transition: background-color 0.3s ease-out; -moz-transition: background-color 0.3s ease-out; -o-transition: background-color 0.3s ease-out; transition: background-color 0.3s ease-out; }
a.btn_b02, .btn_b02 { display: inline-block; background: rgb(25,50,95); padding: 0 10px; color: #fff; text-decoration: none; border: 0; vertical-align: middle; }

.btn:hover {font-size:14px;} */


/* 댓글 스타일 */
/* .cnt_cmt {display:inline-block;margin:0 0 0 3px;font-weight:bold} */

/* 기본테이블 */
/* .tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_wrap caption {padding:10px 0;font-weight:bold;text-align:left}

.tbl_head01 {margin:0 0 10px}
.tbl_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head01 thead th {padding:12px 0;background:#fef3ec;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head01 thead a {color:#383838}
.tbl_head01 thead th input {vertical-align:top} middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐
.tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head01 tbody th {padding:8px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head01 td {padding:8px 5px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.5em;word-break:break-all}
.tbl_head01 a {}

.tbl_head02 {margin:0 0 10px}
.tbl_head02 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head02 thead th {padding:5px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head02 thead a {color:#383838}
.tbl_head02 thead th input {vertical-align:top} middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐
.tbl_head02 tfoot th, .tbl_head02 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head02 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head02 td {padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.4em;word-break:break-all}
.tbl_head02 a {} */

/* 폼 테이블 */
/* .tbl_frm01 {margin:0 0 20px}
.tbl_frm01 table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_frm01 th {width:70px;padding:7px 13px;border:1px solid #e9e9e9;border-left:0;background:#f5f8f9;text-align:left}
.tbl_frm01 td {padding:7px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
.tbl_frm01 textarea, .frm_input {border:1px solid #e4eaec;background:#f7f7f7;color:#000;vertical-align:middle;line-height:2em}
.tbl_frm01 textarea {padding:2px 2px 3px}
.frm_input {height:22px}
#fwrite .frm_input[type="text"] {width:calc(100% - 110px); vertical-align:top;}
#fwrite .frm_input[type="file"] {width:100%;max-width:300px;}
.tbl_frm01 textarea {width:98%;height:100px}
.tbl_frm01 a {text-decoration:none}
.tbl_frm01 .frm_file {display:block;margin-bottom:5px}
.tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em} */





/* #bo_w button.btn_frmline {font-size:13px; float:right;} */

/* 자료 없는 목록 */
.empty_table {padding:50px 0 !important;text-align:center}
.empty_list {padding:20px 0 !important;text-align:center}

/* 필수입력 */
.required, textarea.required {background:url('../img/wrest.gif') #f7f7f7 top right no-repeat !important}

/* 테이블 항목별 정의 */
.td_board {width:120px;text-align:center}
.td_category {width:80px;text-align:center}
.td_chk {width:30px;text-align:center}
.td_date {width:60px;text-align:center}
.td_datetime {width:110px;text-align:center}
.td_group {width:100px;text-align:center}
.td_mb_id {width:100px;text-align:center}
.td_mng {width:80px;text-align:center}
.td_name {width:100px;text-align:left}
.td_nick {width:100px;text-align:center}
.td_num {width:50px;text-align:center}
.td_numbig {width:80px;text-align:center}
.td_stat {width:60px;text-align:center}

.txt_active {color:#5d910b}
.txt_done {color:#e8180c}
.txt_expired {color:#ccc}
.txt_rdy {color:#8abc2a}

/* 새창 기본 스타일 */
.new_win {}
.new_win .tbl_wrap {margin:0 20px}
.new_win #win_title {margin:0 0 20px;padding:20px;border-top:3px solid #333;border-bottom:1px solid #dde4e9;background:#fff;font-size:1.2em}
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}
.new_win .win_ul {margin:-20px 0 20px 0;padding:0 20px;border-bottom:1px solid #455255;background:#484848;list-style:none;zoom:1}
.new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_ul li {float:left;margin-left:-1px}
.new_win .win_ul a {display:block;padding:10px 10px 8px;border-right:1px solid #455255;border-left:1px solid #455255;color:#fff;font-family:dotum;font-weight:bold;text-decoration:none}
.new_win .win_desc {padding:20px}

.new_win .win_btn {clear:both;padding:20px;text-align:center} /* 새창용 */
.new_win .win_btn button {display:inline-block;padding:0 10px;height:30px;border:0;background:#4b545e;color:#fff;line-height:2em;cursor:pointer}
.new_win .win_btn input {padding:0 10px;height:30px;line-height:2em}
.new_win .win_btn a {display:inline-block;padding:0 10px;height:30px;background:#4b545e;color:#fff;vertical-align:middle;line-height:2.4em}
.new_win .win_btn a:focus, .new_win .win_btn a:hover {text-decoration:none}

/* 검색결과 색상 */
.sch_word {color:#e9630d}

/* 자바스크립트 alert 대안 */
#validation_check {margin:100px auto;width:500px}
#validation_check h1 {margin-bottom:20px;font-size:1.3em}
#validation_check p {margin-bottom:20px;padding:30px 20px;border:1px solid #e9e9e9;background:#fff}

/* 사이드뷰 */
.sv_wrap {display:inline-block;position:relative;font-weight:normal}
.sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;border:1px solid #283646}
.sv_wrap .sv a {display:inline-block;margin:0;padding:3px;width:94px;border-bottom:1px solid #283646;background:#111;color:#fff !important}
.sv_wrap a:focus, .sv_wrap a:hover, .sv_wrap a:active {text-decoration:none}
.sv_on {display:block !important;position:absolute;top:10px;left:20px;width:auto;height:auto}
.sv_nojs .sv {display:block}

/* 페이징 */
/* .pg_wrap {clear:both;margin:0 0 20px;padding:20px 0 0;text-align:center}
.pg {}
.pg_page, .pg_current {display:inline-block;padding:0 8px;height:25px;color:#000;letter-spacing:0;line-height:2.2em;vertical-align:middle}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {background:#e4eaec;text-decoration:none}
.pg_start, .pg_prev {이전}
.pg_end, .pg_next {다음}
.pg_current {display:inline-block;margin:0 4px 0 0;background:#333;color:#fff;font-weight:normal} */

/* Mobile화면으로 */
#device_change {display:block;margin:0.3em;padding:0.5em 0;border:1px solid #eee;border-radius:2em;background:#fff;color:#000;font-size:2em;text-decoration:none;text-align:center}

#bo_v_title {border-top:1px solid #ccc; padding-top:10px;}


@media screen and (max-width:1900px){
.wrap_mcon02 > section {padding-left:200px;}
.mcon02_img_back {width: calc(100% - 850px);}

}


@media screen and (max-width:1550px){
.wrap_mcon02 > section {padding-left:170px;}
.mcon02_img_back {width: calc(100% - 780px);}
}

@media screen and (max-width:1450px){
.mvisual_txt > div {width:100%; padding:0 40px; box-sizing:border-box;}
.mvisual_txt > div > h2 {width:100%;}

.wrap_mcon02 > section {padding-left:40px;}
.mcon02_img_back {width: calc(100% - 500px);}

}

@media screen and (max-width:1300px){
.wrap_mcon02 > section > h2 {font-size:30px;}
.mcon02_img img {width:690px;}
.mcon02_img > div,.mcon02_img > section {width:calc(100% - 740px); padding-right:40px; box-sizing:border-box; left:inherit; right:0;}
.mcon02_img_back,.wrap_mcon02 > section {height:500px;}
.mcon02_img > section > h2 {font-size:21px;}

.section_mcon02 .row {margin:0 -20px;}
.section_mcon02 ul {width:100%;}
.section_mcon02 ul li img {width:100%;}


.section_mcon03 > div {width:100%; padding:0 20px; box-sizing:border-box;}


}


@media screen and (max-width:1240px){
.header {width:100%; padding:0 20px; box-sizing:border-box;}


}


@media screen and (max-width:1200px){

.wrap_mcon .section_mcon01::after,.wrap_mcon .section_mcon01::before {opacity:0.5;}
#ft > div {width:100%;padding:0 20px; box-sizing:border-box;}

.top-lang {right:30px;}

}



@media screen and (max-width:1024px){

}




@media screen  and (max-width:991px){

.header_banner > div > a {font-size:22px;}
.header_banner > div > span {font-size:14px; background-size: 20px auto; padding-left:26px;}
.header_banner > div > p {font-size:14px;     background-size: 10px auto;     padding-right: 20px;}


/* header Mobile layout */
.header {float:left; width:100%; height:54px; display:block; padding:0 0 0 15px; box-sizing:border-box;}
.header h1 {margin-top:5px; margin-left:0;}
.header h1 img {width:70px;}

.top-lang {right:70px;}

.header .gnb{display:none;}

.tnb{position:absolute; top:0px; right:60px;}
.tnb span a{height:54px; font-size:12px; line-height:54px; padding:0 0 0 22px;}
.tnb span.eng a{background-size:14px auto;}

.header .right_menu{width:54px; height:54px; margin:0px; padding:0; display:block; background:none;}
.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:#21409a; text-indent:-10000px; margin-top:8px; transition : all .4s;}
.header .right_menu a ul li:first-child{margin-top:10px;}

.right_menu a ul li.on:nth-of-type(1){transform: translateY(2px) rotate(45deg); margin-top:18px;}


/* Mobile gnb */
nav#menu{width:100%; position:absolute;  top:0; 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(255,255,255,0.9); padding-top:55px;}
.nav_list li{float:left; width:100%; cursor:pointer; border-bottom:1px solid rgba(0,0,0,0.2); }
.nav_list li:first-child{border-top:1px solid rgba(0,0,0,0.2);}
.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:#444; text-align:right; box-sizing:border-box;}
.nav_list li.nav_depth1 span:hover{color:#21409a; font-weight:400;}
.nav_list li.nav_depth1 span:active{color:#21409a; font-weight:400;}
.nav_list li.nav_depth1 span.span_down{color:#21409a; font-weight:600; background:#00aeef;}
.nav_list li.nav_depth2{cursor:pointer; padding:12px 30px; font-size:14px; font-weight:400; color:#fff; text-align:right; border-bottom:1px solid rgba(84,101,150); background:rgba(33,64,154,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:#333; border-bottom:1px solid #444;}
.nav_list li.nav_depth3 a{font-size: 14px; font-weight:400; color: #333; 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;}

.right_menu{float:right; width:110px; height:110px; background:#00aeef; 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(2px) rotate(45deg);
	-ms-transform : translateY(2px) rotate(45deg);
	-moz-transform : translateY(2px) rotate(45deg);
	transform : translateY(2px) rotate(45deg);
	background:#21409a;
	width:100% !important;
	margin-top:20px;
}
.right_menu a ul li.on:nth-of-type(2){
	opacity : 0;
	background:#21409a;
}
.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:#21409a;
	width:100% !important;
	margin-top:0px;
}
.s_right_menu a ul li{background:#003876 !important;}


#wrap_mvisual {position:relative; margin-top:54px;}

.section_mcon01 > p {width:100%; padding:0 20px; box-sizing:Border-box;}

.ft_bt_set > div > a {font-size:13px;}
.ft_bt_set > div > ul li {margin-left:10px;}
.ft_bt_set > div > ul li a {font-size:13px;     background-size: 10px auto!important; padding-right:13px;}
#ft_copy > div > div ul li {font-size:13px;}
#ft_copy > div > div p {font-size:13px;}



.mvisual_txt > div > h2 {font-size:48px;}
.mvisual_txt > div > span {font-size:18px;}


#top_btn{ right:15px; bottom:30px; width:38px; height:38px; background-size:30px auto;}

.wrap_mcon .section_mcon01::after {top:inherit; bottom:0; width:150px; height:300px; background-size:100% auto; z-index:-1;}
.wrap_mcon .section_mcon01::before {width:200px;  background-size:100% auto;}

.mcon01_bt a {font-size:14px; width:200px; height:50px; line-height:50px; background:#fff;}

.section_mcon01 > p br {display:none;}
}

@media screen and (max-width:860px){
.mcon02_img_back {position:Relative; float:right; margin-top:-150px;}
.wrap_mcon02 > section {height:inherit; overflow:hidden; padding:0 20px;}
.mcon02_img img {width:100%;}
.wrap_mcon02 > section > h2 {text-align:Center;}

.mcon02_img > div, .mcon02_img > section {position:relative; float:left; clear:Both; top:0; bottom:inherit; width:100%;}
.mcon02_img_back {width:100%; margin-top:-280px; height:350px;}
.mcon02_img > div > p {text-align:Center; margin-top:50px;}
.mcon02_img > div > ul {margin:0 auto; width:100px; float:initial; margin-top:-5px;}
.mcon02_img > div,.mcon02_img > section {padding:0 40px; text-align:center;}
.mcon02_img > section {margin-top:20px;}

.wrap_mcon03 > div > h3 {font-size:26px;}
.wrap_mcon03 > div > p {font-size:14px;}
.wrap_mcon03 > div > a {font-size:16px; height:50px; line-height:50px;}

.mcon02_img > div > ul li {margin:0 3px;}
}




@media screen and (max-width:768px){
div.mvisual_img {height:560px;background-position: 80% center!important; background-size:auto 100%!important;}
.mvisual_txt > div > span {font-size:13px;}
.mvisual_txt > div > h2 {font-size:40px;}

.wrap_mcon02 > section > h2 {font-size:22px;}

.wrap_mcon03 > div {padding:0 20px; box-sizing:Border-box;}

#ft_copy > div > div {clear:both; width:100%; float:left; margin-top:10px;}
#ft_copy > div > div p {margin-top:10px;}

}


@media screen and (max-width:767px){
.header_banner > div > span {margin-top:12px;}
.header_banner > div > p {margin-top:14px; font-size:0; height:21px; width:15px; padding:0; background-size: 15px auto;}
.header_banner > div > a {line-height:1.5; width:100%; top:50px; box-sizing:Border-box; padding:0 20px; left:0; transform:none; font-size:18px;}

.top-lang .title {font-size:14px;}
.top-lang .title span:after {width:10px; height:10px;}
.top-lang .f-options {font-size:14px;}
.top-lang .f-options li a {font-size:14px;}

#container_title {margin-bottom:30px; padding-top:40px; font-size:22px;}
#container_title > span {font-size:16px;}

.mvisual_txt > div > h2 {font-size:30px;}
.mvisual_txt > div > span {font-size:14px; letter-spacing:8px;}

.mcon_tit {font-size:26px;}
.mcon_stit {font-size:16px;}
.section_mcon01 > p {font-size:14px;}

.tbl_frm01 label,#bo_w .tbl_frm01 th {font-size:14px;}
#fwrite .frm_input[type="file"] {font-size:14px;}

#bo_v_title .bo_v_tit {font-size:16px;}
#bo_v_info,#bo_v_info .if_date,.bo_v_nb li .nb_tit,.bo_v_nb li a {font-size:14px;}

.view_btn_area .bo_v_left {width:100%;}
.view_btn_area .bo_v_left li {width:20%; margin-right:5px;}
.view_btn_area .bo_v_left .btn,.view_btn_area .bo_v_left .btn:hover {width:100%; box-sizing:border-box; font-size:13px;}

.section_mcon02 .row {margin:0 -5px;}
.section_mcon02 ul li {padding:0 5px;}
.section_mcon02 ul li h3 {font-size:16px;}
.section_mcon02 ul li p {font-size:14px;}

.section_mcon03 > div ul li {width:50%; padding:15px 5px; box-sizing:Border-box;}

.section_mcon03 > div ul li:nth-child(2n+1) {clear:both;}

.section_mcon03 {padding:40px 20px;}
.section_mcon03 > div {padding:0;}
.section_mcon03 > div ul li span.tit {font-size:16px;}
.section_mcon03 > div ul li span.con {font-size:14px; width:100%;}
#ft > div > p {font-size:13px;}
#ft > div > p a {font-size:13px; color:rgba(255,255,255,0.7);}

#ft > div > a {float:left; font-size:13px; margin-top:20px;}

#wrap_mvisual {padding:0;}
}




/* 모바일 */
@media screen and (max-width:430px){
div.mvisual_img02 {background-position: 65% center!important;}
div.mvisual_img03 {background-position: 65% center!important;}
.mvisual_txt > div {padding:0 20px;}

.mcon02_img > div > p {margin-top:20px;}

.wrap_mcon02 > section > h2 {font-size:18px;}
.mcon02_img > section > h2 {font-size:16px;}
.mcon02_img > section > p {font-size:14px;}
.mcon02_img_back {height:320px;}
.mcon02_img > section > a {font-size:13px;}
#ft_copy > div > div ul li {width:100%; padding:0;}
#ft_copy > div > div ul li::before {display:none;}

.mvisual_txt > div > h2 {font-size:30px; line-height:1.5;}

.wrap_mcon04 ul li {padding:0 5px;}
.wrap_mcon04 > .row {margin:0 -5px;}
.wrap_mcon04 ul li > div > h2 {font-size:16px;}

.section_mcon02 .row {margin:0; margin-top:-30px;}
.section_mcon02 ul li {width:100%; padding:0; margin-top:30px;}


}