@charset "utf-8";

/* 공통 */
.clear {clear:both}
.center {text-align:center}
.fl {float:left}
.fr {float:right}
.pointer {cursor:pointer}
.bold {font-weight:bold}
.ovfh {overflow:hidden}
.list_init {margin:0;padding:0;list-style:none}
.ac{text-align:center;}
.al{text-align:left;}

.mgt0 {margin-top:0 !important}
.mgt10 {margin-top:10px !important}
.mgt15 {margin-top:15px !important}
.mgt30 {margin-top:30px !important}  
.mgr0 {margin-right:0 !important}
.mgr10 {margin-right:10px !important}
.mgl0 {margin-left:0 !important}
.mgl10 {margin-left:10px !important}
.mgb0 {margin-bottom:0 !important}
.mgb10 {margin-bottom:10px !important}
.pdt0 {padding-top:0 !important}
.pdt5 {padding-top:5px !important}
.pdt15 {padding-top:15px !important}
.pdb0 {padding-bottom:0 !important}
.pdb5 {padding-bottom:5px !important}


/* 본 사이트 전용 */
body {width:100%;min-width:320px;height:100%;font-family:'NotoSans-Regular', 'Malgun Gothic', sans-serif}
h1, h2, h3, h4, h5, h6 {font-weight:normal;font-family:'NotoSans-Regular', 'Malgun Gothic', sans-serif}
.frm_input, input[type=text], input[type=password], input[type=submit], textarea, select, button {font-family:'NotoSans-Regular', 'Malgun Gothic', sans-serif}
.frm_input, input[type=text], input[type=password], textarea, select, button {font-size:1.167em}
input[type=text], input[type=password], input[type=submit], input[type=image], button, textarea {-webkit-appearance:none}

#hd_pop {width:100% !important;max-width:1250px}
#hd_pop .hd_pops_con img {width:100%;height:auto}
#copymove .tbl_head01 thead th, #copymove .tbl_head01 td {font-size:1.167em}
a.btn, .btn {display:inline-block;font-weight:normal;font-size:1.083em}

.txt_vis {position:relative;width:100%;height:auto;margin:0}
.txt_vis > div {/*display:none;*/position:absolute;z-index:60}
.nbg {background:none !important}
.w100 {width:100% }
.wid100 {width:100% !important}
.col_o{color:#fc6c2a !important;}
.page_ing{width:100%; padding:0 5%; text-align:center}
.page_ing img{width:100%; height:auto; max-width:376px}

/* 헤더 */
#header{position:relative; width:100%; background:#fff}
#header:after{display:block; clear:both; content:''}
.h_top{width:100%; background:#f4f4f4}
.h_top:after{display:block; clear:both; content:''}
.h_top li{float:left; position:relative}
.h_top li a{display:block; padding:0 21px; line-height:41px; font-size:1.25em; color:#696969}
.h_top li.ht_adm a{padding:0 7px}
.h_top .fl li:after{position:absolute; left:0; top:13px; width:1px; height:18px; background:#bcbcbc; content:''}
.h_top .fl li a img{display:none}
.h_top .fl li:first-child:after{display:none}
.h_top .fl li:first-child a span{display:inline-block; padding-left:29px; background:url(../images/ht_logo01.svg) left center no-repeat; background-size:23px auto;}
.h_top .fl li:last-child a span{display:inline-block; padding-left:50px; background:url(../images/ht_logo02.jpg) left center no-repeat}
.h_top .fr li.ht_join, .h_top .fr li.ht_login{width:100px; text-align:center}
.h_top .fr li.ht_join{background:#fc6c2a}
.h_top .fr li.ht_join span{display:inline-block; padding-left:23px; background:url(../images/ht_icon01.svg) left center no-repeat; background-size:17px auto}
.h_top .fr li.ht_login{background:#000}
.h_top .fr li.ht_login span{display:inline-block; padding-left:24px; background:url(../images/ht_icon02.svg) left center no-repeat; background-size:15px auto}
.h_top .fr li.ht_join a, .h_top .fr li.ht_login a{padding:0; color:#fff;}
.menu{overflow:hidden; position:relative; width:100%; height:70px; }
.logo{float:left; width:200px}
.logo a{display:block; padding:0 10px; line-height:70px}
.toggle {display:table; float:right; position:absolute; right:0; top:0; width:auto; height:100%; }
.toggle a {display:table-cell;padding:12px;vertical-align:middle}
.toggle img {padding:7px;border:1px solid #ddd;border-radius:5px}

/* PC 메뉴 */
.main_nav_wrap {visibility:hidden}
#main_nav_area {float:right;width:auto;height:auto;}
#main_nav_area li {float:left;height:100%;}
#main_nav_area > ul > li{position:relative}
#main_nav_area > ul > li > a{display:block; position:relative; line-height:107px; font-size:1.667em; color:#333; padding:0 55px}
#main_nav_area > ul > li:last-child > a{padding-right:0}
#main_nav_area li a > span {display:inline-block;position:relative}
#main_nav_area li a > span .cnt {position:absolute;right:-16px;top:0;color:#fd6e28}
#main_nav_area li.on a {color:#fd6e28}
#main_nav_area li.on a > span:after{position:absolute; left:0; bottom:0; width:100%; height:4px; background:#fd6e28; content:''}
#main_full_menu{display:none; overflow:hidden; width:100%; height:auto; position:absolute; left:0; top:148px; z-index:500; border-top:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; background:#fff}
.main_full_menu_wrap{background:url(../images/fmenu_bg.svg) left bottom -20px no-repeat; background-size:225px auto}
.smenu_wrap{overflow:hidden; max-width:1200px; margin:0 auto; padding-left:295px}
.smenu_wrap ul{float:left; overflow:hidden; padding:30px 0 40px; width:184px; padding-left:55px}
.smenu_wrap ul.smenu1{width:200px}
.smenu_wrap ul.smenu2{padding-left:39px}
.smenu_wrap ul.smenu4{width:auto}
.smenu_wrap ul.smenu5{width:165px}
.smenu_wrap ul.smenu4 li{text-align:right}
.smenu_wrap a {display:block;padding:6px 0;font-size:1.333em;line-height:1.5;color:#797979;letter-spacing:-0.7px}
.smenu_wrap a .cnt {color:#fd6e28}
.smenu_wrap li.on a{color:#fd6e28}

/* 모바일 메뉴 */
.toggle_menu{z-index:1000;position:absolute;top:111px;left:0;width:100%;height:auto;overflow:hidden;border-top:2px solid #fc6c2a; background:white; display:none;}
.toggle_menu > ul > li{width:100%;border-bottom:1px solid #ddd;}
.toggle_menu > ul > li > a{display:block;padding:2% 0 2% 8%;font-size:1.25em;color:#555}
.toggle_menu > ul > li > a .cnt {color:#fc6c2a}
.toggle_menu > ul > li.on{background:#fc6c2a}
.toggle_menu > ul > li.on > a{color:#fff;font-weight:600;}
.toggle_menu > ul > li.on > a .cnt {color:#fff}
.toggle_sub{display:none;background:#f5f5f5;padding:1% 0;}
.toggle_sub a{display:block;padding-left:10%;font-size:1.15em;color:#555;line-height:2.2em;}
.toggle_sub a .cnt {color:#fc6c2a}
.toggle_sub .on a {color:#fc6c2a}


/* 메인 비주얼 */
.visual {position:relative;width:100%;height:auto}
.visual .bg_vis{overflow:hidden; position:relative; width:100%; height:190px}
.visual .bg_vis li{display:none;position:absolute;left:0;top:0;width:100%;height:100%}
.visual .bg_vis .txt_vis{position:relative}
.visual .bg_vis .txt_vis .mvis_txt01{width:213px; top:50px; left:50%; margin:0 0 0 -106px}
.visual .bg_vis .txt_vis .mvis_txt02{width:247px; top:105px; left:50%; margin:0 0 0 -123px}
.btn_vis span{width:49px; position:absolute; top:47px; cursor:pointer}
.btn_vis span.vis_prev{left:0}
.btn_vis span.vis_next{right:0}

/* 메인 콘텐츠 */
.wrap_main h3{font-family:'NotoSans-Medium'}
.mcon_upmu{width:100%; padding:35px 15px 40px; background:url(../images/col_f5f5f5.jpg) left bottom 87px repeat-x; background-size:1px 360px}
.mcon_upmu h3{font-size:3.333em; color:#333; text-align:center; margin-bottom:18px}
.mcon_upmu .upmu_li01{display:flex; flex-wrap:wrap; justify-content:center;}
.mcon_upmu .upmu_li01:after{display:block; clear:both; content:''}
.mcon_upmu .upmu_li01 li{position:relative; padding:0 0 16px}
.mcon_upmu .upmu_li01 li div{width:100%; padding:0 0 129.23%}
.mcon_upmu .upmu_li01 li.upmu11 div{background:url(../images/upmu_img01.jpg) center no-repeat; background-size:cover}
.mcon_upmu .upmu_li01 li.upmu12 div{background:url(../images/upmu_img02.jpg) center no-repeat; background-size:cover}
.mcon_upmu .upmu_li01 li.upmu13 div{background:url(../images/upmu_img03.jpg) center no-repeat; background-size:cover}
.mcon_upmu .upmu_li01 li.upmu14 div{background:url(../images/upmu_img04.jpg) center no-repeat; background-size:cover}
.mcon_upmu .upmu_li01 li.upmu15 div{background:url(../images/upmu_img05.jpg) center no-repeat; background-size:cover}
.mcon_upmu .upmu_li01 li.upmu16 div{background:url(../images/upmu_img06.jpg) center no-repeat; background-size:cover}
.mcon_upmu .upmu_li01 li a{position:absolute; max-width:200px; display:inline-block; right:-12px; bottom:0; width:calc(100% - 19px); line-height:69px; border-radius:10px; padding:0 0 0 22px; font-size:1.667em; background:#fff url(../images/arr_gray.svg) right 22px center no-repeat; background-size:19px auto; box-shadow:5px 5px 8px rgba(0,0,0,0.15)}
.mcon_upmu .upmu_li01 li a:hover{animation:fadeEx1 0.5s forwards; -webkit-animation:fadeEx1 0.5s forwards; background:#fc6c2a url(../images/arr_white.svg) right 22px center no-repeat; background-size:19px auto; color:#fff}
@keyframes fadeEx1 {
	from {background-color:#fff}
	to	 {background-color:#fc6c2a}
}
@-webkit-keyframes fadeEx1 {
	from {background-color:#fff}
	to	 {background-color:#fc6c2a}
}
.mcon_upmu .upmu_li02 li{width:100%; height:94px; box-shadow:8px 9px 12px rgba(0,0,0,0.15) }
.mcon_upmu .upmu_li02 li.upmu21{background:#2e77ab url(../images/upmu_icon01.svg) 31px center no-repeat; background-size:31px}
.mcon_upmu .upmu_li02 li.upmu22{background:#11a9ae url(../images/upmu_icon02.svg) 35px center no-repeat; background-size:28px}
.mcon_upmu .upmu_li02 li.upmu23{background:#2dad81 url(../images/upmu_icon03.svg) 34px center no-repeat; background-size:24px}
.mcon_upmu .upmu_li02 li.upmu24{background:#007a94 url(../images/upmu_icon04.svg) 35px center no-repeat; background-size:27px}
.mcon_upmu .upmu_li02 li a {display:flex;align-items:center;position:relative;width:100%;height:100%;padding:0 85px 0 90px}
.mcon_upmu .upmu_li02 li a:after{position:absolute; right:31px; top:27px; width:42px; height:42px; border-radius:50%; background:url(../images/more_icon.png) center no-repeat; content:''}
.mcon_upmu .upmu_li02 li.upmu21 a:hover:after{animation:fadeEx2 0.5s forwards; -webkit-animation:fadeEx2 0.5s forwards}
@keyframes fadeEx2 {
	from {background-color:none}
	to	 {background-color:#225c85}
}
@-webkit-keyframes fadeEx2 {
	from {background-color:none}
	to	 {background-color:#225c85}
}
.mcon_upmu .upmu_li02 li.upmu22 a:hover:after{animation:fadeEx3 0.5s forwards; -webkit-animation:fadeEx3 0.5s forwards}
@keyframes fadeEx3 {
	from {background-color:none}
	to	 {background-color:#0d8488}
}
@-webkit-keyframes fadeEx3 {
	from {background-color:none}
	to	 {background-color:#0d8488}
}
.mcon_upmu .upmu_li02 li.upmu23 a:hover:after{animation:fadeEx4 0.5s forwards; -webkit-animation:fadeEx4 0.5s forwards}
@keyframes fadeEx4 {
	from {background-color:none}
	to	 {background-color:#238765}
}
@-webkit-keyframes fadeEx4 {
	from {background-color:none}
	to	 {background-color:#238765}
}
.mcon_upmu .upmu_li02 li.upmu24 a:hover:after{animation:fadeEx7 0.5s forwards; -webkit-animation:fadeEx7 0.5s forwards}
@keyframes fadeEx7 {
	from {background-color:none}
	to	 {background-color:#175a69}
}
@-webkit-keyframes fadeEx7 {
	from {background-color:none}
	to	 {background-color:#175a69}
}
.mcon_upmu .upmu_li02 li a p {font-size:1.583em;line-height:1.3;color:#fff;word-break:keep-all}
.mcon_board{width:100%; padding:15px 15px 40px}
.mcon_board h3{font-size:2.333em; color:#333; padding-bottom:15px}
.mcon_board .mcb_notice{position:relative}
.mcon_board .mcb_notice > a{position:absolute; right:0; top:5px; line-height:33px; display:block; color:#555; font-size:1.25em; padding:0 17px 0 23px; border:1px solid #d4d4d4; border-radius:3px;}
.mcon_board .mcb_notice ul{border-top:2px solid #ff6016; background:#fff; box-shadow:5px 5px 8px rgba(0,0,0,0.19); padding:0 25px 25px;}
.mcon_board .mcb_notice li{width:100%; overflow:hidden}
.mcon_board .mcb_notice li.empty_list {font-size:1.083em;line-height:20}
.mcon_board .mcb_notice li.noti_first{height:138px; margin-bottom:20px; border-bottom:1px dashed #d4d4d4;}
.mcon_board .mcb_notice li.noti_first .date{width:90px; float:left; font-size:1.25em; color:#555; padding:30px 0 0 15px}
.mcon_board .mcb_notice li.noti_first .date strong{font-size:2.267em; color:#ff6016; display:block}
.mcon_board .mcb_notice li.noti_first .txt, .mcon_board .mcb_notice li.noti_first .txtt{width:calc(100% - 90px); float:right;}
.mcon_board .mcb_notice li.noti_first .txt{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:1.5em; color:#555; padding:26px 0 10px}
.mcon_board .mcb_notice li.noti_first .txtt{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break:keep-all; font-size:1.333em; color:#898989; line-height:1.5}
.mcon_board .mcb_notice li:not(.noti_first):not(.empty_list){padding-left:24px; position:relative; line-height:36px;}
.mcon_board .mcb_notice li:not(.noti_first):not(.empty_list):after{position:absolute; left:13px; top:16px; border-radius:50%; width:3px; height:3px; background:#ff6016; content:'';}
.mcon_board .mcb_notice li:not(.noti_first) .txt{width:70%; float:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.mcon_board .mcb_notice li:not(.noti_first) .txt a{font-size:1.333em; color:#555}
.mcon_board .mcb_notice li:not(.noti_first) .date{width:30%; float:right; text-align:right; font-size:1.25em; color:#898989}
.mcon_board .mcb_adver{width:100%; margin-top:25px}
.mcon_board .mcb_adver .ad_btn{float:right; padding-bottom:10px}
.mcon_board .mcb_adver .ad_btn p{width:auto;font-size:1.5em; color:#555; float:left; line-height:35px}
.mcon_board .mcb_adver .ad_btn p .select_num{color:#ff6016}
.mcon_board .mcb_adver .ad_btn button{float:left; width:35px; height:35px; border-radius:3px; border:1px solid #d4d4d4}
.mcon_board .mcb_adver .ad_btn button.btn_left{background:url(../images/ad_prev.jpg) center no-repeat; margin:0 3px 0 17px}
.mcon_board .mcb_adver .ad_btn button.btn_right{background:url(../images/ad_next.jpg) center no-repeat; }
.mcon_board .mcb_adver .ad_li{overflow:hidden; width:100%; box-shadow:5px 5px 8px rgba(0,0,0,0.19); border:5px solid #fff}
.mcon_board .mcb_adver .ad_li li{width:100%; height:auto; padding:0 0 53.2%; position:relative}
.mcon_board .mcb_adver .ad_li li a{width:100%; height:100%; position:absolute; left:0; top:0; display:block}
.mcon_inquiry{width:100%; background:url(../images/inquiry_bg.jpg) center no-repeat; background-size:cover; padding:35px 15px}
.mcon_inquiry .inq_idx{width:100%; border-bottom:1px dashed rgba(255,255,255,0.6); padding-bottom:25px; margin-bottom:25px}
.mcon_inquiry .inq_idx h3{font-size:2.333em; color:#fff; padding-bottom:5px}
.mcon_inquiry .inq_idx p{font-size:1.333em; color:#fff; line-height:1.5}
.mcon_inquiry .inq_idx h4{position:relative; font-size:2.667em; padding-left:53px; line-height:40px; color:#fff; margin:12px 0 10px}
.mcon_inquiry .inq_idx h4:after{position:absolute; left:0; top:0; width:43px; height:43px; border-radius:50%; background:#333 url(../images/inquiry_tel.svg) center no-repeat; background-size:21px; content:''}
.mcon_inquiry .inq_btn{width:100%; overflow:hidden}
.mcon_inquiry .inq_btn ul{display:flex; justify-content:space-between;}
.mcon_inquiry .inq_btn li {position:relative;width:23%;max-width:112px;text-align:center}
.mcon_inquiry .inq_btn li a {display:block}
.mcon_inquiry .inq_btn li a p {position:relative;padding:105% 0 45px;font-size:1.583em;color:#fff}
.mcon_inquiry .inq_btn li a:hover p {color:#333}
.mcon_inquiry .inq_btn li a p:after {position:absolute;left:0;top:0;width:100%;/* height:110px; */padding-bottom:calc(100% - 6px);border:3px solid #fff;border-radius:50%;content:""}
.mcon_inquiry .inq_btn li.inq_btn1 a p:after{background:url(../images/inquiry_icon01.svg) center no-repeat; background-size:53px auto}
.mcon_inquiry .inq_btn li.inq_btn1 a:hover p:after{background:url(../images/inquiry_icon01r.svg) center no-repeat; background-size:53px auto}
.mcon_inquiry .inq_btn li.inq_btn2 a p:after{background:url(../images/inquiry_icon02.svg) center no-repeat; background-size:57px auto}
.mcon_inquiry .inq_btn li.inq_btn2 a:hover p:after{background:url(../images/inquiry_icon02r.svg) center no-repeat; background-size:57px auto}
.mcon_inquiry .inq_btn li.inq_btn3 a p:after{background:url(../images/inquiry_icon03.svg) 52% 45% no-repeat; background-size:52px auto}
.mcon_inquiry .inq_btn li.inq_btn3 a:hover p:after{background:url(../images/inquiry_icon03r.svg) 52% 45% no-repeat; background-size:52px auto}
.mcon_inquiry .inq_btn li.inq_btn4 a p:after{background:url(../images/inquiry_icon04.svg) 55% 50% no-repeat}
.mcon_inquiry .inq_btn li.inq_btn4 a:hover p:after{background:url(../images/inquiry_icon04r.svg) 55% 50% no-repeat}
.mcon_inquiry .inq_btn li a:hover p:after{animation:fadeEx5 0.5s forwards; -webkit-animation:fadeEx5 0.5s forwards}
@keyframes fadeEx5 {
	from {border-color:#fff}
	to	 {border-color:#333}
}
@-webkit-keyframes fadeEx5 {
	from {border-color:#fff}
	to	 {border-color:#333}
}
.mcon_inquiry .inq_btn li a p:before{position:absolute; left:50%; bottom:0; width:36px; height:36px; margin-left:-18px; border-radius:50%; background:url(../images/arr_white.svg) center no-repeat; background-size:17px auto; background-color:rgba(255,255,255,0.3); content:''}
.mcon_inquiry .inq_btn li a:hover p:before{animation:fadeEx6 0.5s forwards; -webkit-animation:fadeEx6 0.5s forwards}
@keyframes fadeEx6 {
	from {background-color:rgba(255,255,255,0.3)}
	to	 {background-color:#333}
}
@-webkit-keyframes fadeEx6 {
	from {background-color:rgba(255,255,255,0.3)}
	to	 {background-color:#333}
}
.mcon_banner{width:100%; padding:26px 15px; overflow:hidden}
.mcon_banner li{border:1px solid #d4d4d4; float:left}

/* 서브비주얼 */
.sub_visual{position:relative;width:100%;height:auto}
.sub_visual .bg_vis{overflow:hidden;position:relative;width:100%;height:140px}
.sub_visual .bg_vis li {display:none;position:absolute;left:0;top:0;width:100%;height:100%}
.sub_visual .bg_vis .txt_vis{position:relative}
.sub_visual .bg_vis .txt_vis .svis_txt01{width:188px; top:35px; left:50%; margin:0 0 0 -94px}
.sub_visual .bg_vis .txt_vis .svis_txt02{width:318px; top:70px; left:50%; margin:0 0 0 -159px}


/* 서브 콘텐츠 */
.sub_contents {width:100%;height:auto; background:#fff}
.tab_menu{display:none; width:100%; position:absolute; bottom:-32px; left:0; z-index:300}
.tab_menu ul{margin:0 auto; display:table; border-radius:10px; overflow:hidden; box-shadow:5px 5px 8px rgba(0,0,0,0.15); background:#f0f0f0}
.tab_menu li{float:left; text-align:center; position:relative; width:240px; border-left:1px solid #d4d4d4}
.tab_menu li:first-child, .tab_menu li.selected, .tab_menu li.selected + li{border-left:0}
.tab_menu li a{display:block; line-height:64px; color:#666; font-size:1.417em}
.tab_menu li a .cnt {color:#ff6016}
.tab_menu li.selected{background:#ff6016}
.tab_menu li.selected a{color:#fff}
.tab_menu li.selected a .cnt {color:#fff}

.tab_menu.tabs01 ul {display:block;max-width:1200px}
.tab_menu.tabs01 li {width:16.66%}
.tab_menu.tabs02 ul {display:flex;max-width:1200px} 
.tab_menu.tabs02 li {width:14.28%}
.tab_menu.tabs02 li a {display:flex;justify-content:center;align-items:center;height:100%;min-height:64px;padding:10px 0;line-height:1.5;word-break:keep-all}

.sub_contents h1.page_title{padding:30px 0 0;font-size:2.167em;line-height:1.5;font-family:'NotoSans-Medium';color:#444;text-align:center}
.sub_contents h1.page_title span {font-size:0.654em}
.page{width:100%; height:auto; min-height:300px; padding:25px 20px 45px; position:relative}

.tabs_type_b{overflow:hidden;margin:0 auto 5%;text-align:center;width:100%;}
.tabs_type_b ul{text-align:center;margin:0 auto;overflow:hidden;display:flex; justify-content:center; align-items: center;}
.tabs_type_b li{position:relative; width:auto; width:calc(50% - 10px); max-width:200px; margin:5px}
.tabs_type_b li a{display:block; color:#777;font-size:1.4em; padding:0 10px; line-height:43px; background:#eaeaea; border:1px solid #eaeaea }
.tabs_type_b li:hover a, .tabs_type_b li.selected a{background:#000; color:#fff; font-weight:bold; border:1px solid #000; color:#000; background:#fff}

.tabs_type_c{overflow:hidden;margin:0 auto 5%;text-align:center;width:100%;}
.tabs_type_c ul{text-align:center;margin:0 auto;overflow:hidden;display:inline-block;}
.tabs_type_c li{position:relative; width:auto;margin-right:7px; margin-bottom:7px; display:inline-block}
.tabs_type_c li a{display:block; color:#777;font-size:1.5em; padding:0 10px; line-height:43px; background:#f5f5f5; border:1px solid #d4d4d4}
.tabs_type_c li:hover a, .tabs_type_c li.selected a{background:#027bc2; color:#fff; font-weight:bold; border:1px solid #027bc2}

/*내용*/
.txt_c{font-size:1.333em;color:#444; line-height:1.76; word-break:keep-all}
.add{text-align:center;font-size:1.45em;color:#fc6c2a;background:url(../images/sub/nav_icon.jpg) center top no-repeat;padding:45px 0 0 0;word-break:keep-all;}
.info{margin:20px 0;overflow:hidden;}
.info li{font-size:1.333em;color:#555;position:relative;margin:5px 0}
.info li span{background:#000;width:24px;height:24px;border-radius:50%;display:inline-block;text-align:center;line-height:24px;color:#fff;margin-right:8px;}
.mapp .mapp02{width:100%}
.mapp .mapp02 img{width:100%; height:auto}

/* 표 */
.tbl01{border-spacing:0;border-collapse:separate;width:100%;border-top:3px solid #333;position:relative;}
.tbl01 th{position:relative; color:#333;padding:12px 8px;border-bottom:1px solid #d4d4d4;background:#f5f5f5;font-weight:normal;border-right:1px solid #d4d4d4; font-size:1.375em}
.tbl01 th:after{position:absolute; left:0; top:16px; width:1px; height:18px;}
.tbl01 td{color:#444;border-bottom:1px solid #d4d4d4;padding:12px 12px;border-right:1px solid #d4d4d4;text-align:center; font-size:1.333em;}
.tbl01 tr th:last-child, .tbl01 tr td:last-child{border-right:0}

/* 표 - MOU */
.tbl_mou td{padding:15px 18px; word-break:keep-all; }
.tbl_mou tbody tr:nth-of-type(odd) td:first-child, .tbl_mou tbody tr:nth-of-type(even) td{border-bottom:1px solid #000}
.tbl_mou tbody tr:nth-of-type(even) td{text-align:left}
.tbl_mou tbody tr:nth-of-type(even) td .mou_span{display:inline-block; margin-top:5px}
.tbl_mou tbody tr:nth-of-type(even) td .mou_span:not(:last-of-type){margin-right:15px}
.tbl_mou .mou_tit{display:inline-block; padding:0 20px 1px; line-height:33px; background:#000; color:#fff; border-radius:34px; background:#fff; border:1px solid #fc6c2a; color:#fc6c2a; margin-top:0 !important; min-width:105px; text-align:center}
.tbl_mou .mou_tit strong{color:#333}
.tbl_mou .mou_name{font-weight:bold}
.tbl_mou .mou_tel{background:url(../images/sub/mou_icon01.svg) left center no-repeat; background-size:19px auto; padding-left:25px}
.tbl_mou .mou_mob{background:url(../images/sub/mou_icon02.svg) left center no-repeat; background-size:12px auto; padding-left:20px}
.tbl_mou .mou_mail{background:url(../images/sub/mou_icon03.svg) left center no-repeat; background-size:19px auto; padding-left:25px}
.mou_person > span{display:inline-block; margin:0; clear:both}
.mou_person > span:first-of-type{margin-top:5px}

/* 인사말 */
.greeting{width:100%; background:url(../images/sub/greeting_bg.jpg) center bottom no-repeat; background-size:100% auto; overflow:hidden; padding:0 0 40px}
.greeting h3{font-size:2.5em; color:#333; display:inline-block; background:url(../images/sub/gre_bullet01.jpg) left top no-repeat, url(../images/sub/gre_bullet02.jpg) right bottom no-repeat; padding:15px 35px; word-break:keep-all; margin-bottom:20px}
.greeting h3 span{color:#fc6c2a}
.greeting p{font-size:1.417em; color:#444; line-height:1.7; word-break:keep-all; margin-top:15px}
.greeting p span{font-size:1.1em; display:inline-block; padding:0 0 10px}
.greeting .gre_imgg{width:230px; float:right; text-align:center; margin-top:30px}
.greeting .gre_imgg img{margin-bottom:15px}
.greeting .gre_imgg p{font-size:1.5em}
.ctt_08_01 .greeting .gre_txt h3{margin:0}


/* 연혁 */
.stit{font-size:2.5em; color:#333; margin:40px 0 15px; padding: 15px 0 0; background:url(../images/sub/stit_bullet.jpg) left top no-repeat}
.history{width:100%}
.history .his_year{width:177px; height:56px; line-height:56px; font-size:2em; color:#fff; background:#333; border-radius:10px; text-align:center;}
.history .his_con{padding-left:120px; background:url(../images/sub/col_d4d4d4.jpg) 88px top repeat-y; overflow:hidden}
.history .his_con p{margin-top:25px; font-size:1.375em; color:#444; line-height:1.75; word-break:keep-all; position:relative}
.history .his_con p:nth-last-of-type(1){margin-bottom:40px}
.history .his_con:nth-last-of-type(1) p:nth-last-of-type(1){margin-bottom:0}
.history .his_con p:after{position:absolute; left:-42px; top:4px; width:19px; height:19px; background:#fff; border:5px solid #fc6c2a; content:''; border-radius:50%}
.history .his_con p span{font-size:1.1em; padding-bottom:5px; display:inline-block}

/* 게시판 */
#bo_list tbody tr:hover {border-left:2px solid #000}

#bo_v {padding:20px 0}

#bo_w {}
#bo_w .write_inner {margin:0 0 30px;padding:0 0 15px;border:1px solid #ddd;line-height:1.5}
#bo_w .write_inner h3 {margin-bottom:10px;padding:20px;border-bottom:1px solid #ddd;font-size:1.5em;background:#f7f7f7}
#bo_w .write_inner .write_div {overflow:hidden;margin:0 20px}
#bo_w .write_inner .write_div > div {width:100%;margin:10px 0;font-size:1.167em}
#bo_w .write_inner .write_div .wd_tit {display:block;margin-bottom:7px;font-size:1.143em}
#bo_w .write_inner .write_div .wd_input {}
#bo_w .write_inner .write_div .frm_input {font-size:1em}
#bo_w .write_inner .write_div input[type='checkbox'] + label {display:inline;margin:0}
#bo_w .write_inner .write_div .wd_chk .box_chk {display:inline-block;padding:10px 30px 10px 0}
#bo_w .write_inner .write_div .wd_chk .box_chk:last-child {padding-right:0}
#bo_w .write_inner .write_div .wd_unit .box_unit {display:inline-block;position:relative}
#bo_w .write_inner .write_div .wd_unit .box_unit .frm_input {padding-right:30px}
#bo_w .write_inner .write_div .wd_unit .box_unit span {position:absolute;right:5px;top:0;padding:0 5px;line-height:40px}
#bo_w .write_inner .write_div .tbl_head01 {margin:0}
#bo_w .write_inner .write_div .tbl_head01 table {border-top:1px solid #1f364a}
#bo_w .write_inner .write_div .tbl_head01 thead th {font-size:1.143em}
#bo_w .write_inner .write_div .tbl_head01 td {padding:10px;border-bottom:1px solid #cacaca;font-size:1.071em;text-align:center}
#bo_w .frm_input {padding:5px 10px}
#bo_w .frm_info {display:block;padding:0 0 5px;line-height:1.5}
#bo_w .bo_w_link label, #bo_w .bo_w_flie .lb_icon, #bo_w .bo_w_flie .file_wr, #bo_w .bo_w_select select {border-radius:0}
.num_input {width:calc(100% - 26px)}
.num_input2 {width:calc(100% - 34px)}
.bo_inq_info {margin:10px 0 30px;font-size:1.333em;line-height:1.5;text-align:right}
.bo_inq_info p{display:inline-block; position:relative; padding-left:30px; line-height:34px; background: url(../images/sub/inquiry_icon.svg) left center no-repeat; background-size:24px auto}
.bo_inq_info p:after{position:absolute; right:-3px; bottom:3px; width:calc(100% - 24px); height:10px; background:#ff6016; opacity:0.1; content:''}
.bo_inq_info span {color:#fc6c2a;}

#bo_v_info .if_cate {display:inline-block;color:#fc6c2a}
#bo_v .btn_print {background:#fc6c2a;color:#fff}
#bo_v_file, #bo_v_link {font-size:1.167em}
#bo_v_file h2, #bo_v_link h2 {padding:15px}
#bo_v_file ul, #bo_v_link ul {padding:10px 0}
#bo_v_file li, #bo_v_link li {padding:5px 15px}

.table_dl h3 {font-size:2.333em;line-height:1.3}
.table_dl > dl {display:flex;border-top:2px solid #333;font-size:1.333em;line-height:1.5;flex-direction:row;flex-wrap:wrap}
.table_dl > dl > dt {display:inherit;width:120px;padding:12px 10px;border-right:1px solid #d4d4d4;border-bottom:1px solid #d4d4d4;background:#f5f5f5;align-items:center}
.table_dl > dl > dd {display:inherit;width:calc(100% - 120px);border-bottom:1px solid #d4d4d4;padding:12px 10px;align-items:center}

.bo_not_read td {font-weight:bold !important;color:#000 !important}
.bo_not_read td a {color:#000 !important}
.btn_bo_user li.li_adm .frm_input {height:35px;font-size:1.083em}


/* 푸터 */
#footer{width:100%; height:auto; position:relative; background:#232325; border-top:1px solid #d3d3d3}
.f_top{width:100%; border-bottom:1px solid rgba(255,255,255,0.3)}
.f_top .flink{width:100%; overflow:hidden}
.f_top .flink li{float:left; position:relative}
.f_top .flink li:after{position:absolute; left:0; top:20px; width:1px; height:13px; background:#fff; opacity:0.5; content:''}
.f_top .flink li:first-child:after{display:none}
.f_top .flink li a{color:#fff; line-height:53px; font-size:1.25em; padding:0 20px}
.f_top .f_site{position:relative; width:100%; height:53px; background:#000 url(../images/site_arr.jpg) right center no-repeat;}
.f_top .f_site span{width:100%; display:block; line-height:53px; color:#fff; padding:0 33px 0 22px; font-size:1.25em; color:#fff; cursor:pointer}
.f_top .f_site ul{position:absolute; display:none; left:0; bottom:53px; background:rgba(0,0,0,0.65); width:100%; padding:15px}
.f_top .f_site li{line-height:48px; border-bottom:1px dashed #fff; text-align:center}
.f_top .f_site li a{font-size:1.25em; color:#fff; }
.f_top .f_site li:hover a{color:#ff6016}
.copyright{text-align:center; padding:20px 15px 30px; text-align:left}
.copyright .footer_logo{text-align:center; margin:0 auto 15px; width:172px}
.copyright p{font-size:1.167em; color:#fff; line-height:1.6; word-break:keep-all}
.copyright p.copy{padding-top:8px; color:#bcbcbc}
.copyright p.copy a{color:#bcbcbc}


/* 미디어 쿼리 */
/*media query - mobile*/
@media screen and (max-width:767px) {
	.dpb{display:block !important;}
	.dpn{display:none !important;}
	.dpn_m{display:none !important;}

	/* 헤더 */
	.h_top li a{padding:0 10px; display:inline-block}
	.h_top .fl li a span{display:none !important}
	.h_top .fl li a img{display:inline-block; line-height:41px}
	.h_top .fl li:first-child a img{width:23px}
	.h_top .fr li:first-child{display:none}
	.h_top .fr li.ht_adm{display:inline-block}
	.h_top .fr li.ht_adm a{padding:0 3px; font-size:1.167em}
	.h_top .fr li.ht_join, .h_top .fr li.ht_login{width:auto}
	.h_top .fr li.ht_join a, .h_top .fr li.ht_login a{padding:0 8px; line-height:40px}
	.h_top .fr li.ht_join a span, .h_top .fr li.ht_login a span{padding:0; background:none}
	
	/* 메인 비주얼 */
	.btn_vis span{width:30px; top:65px}
	
	/* 메인 콘텐츠 */
	.mcon_upmu h3{font-size:2.333em}
	.mcon_upmu .upmu_li01 li{width:48%; margin-bottom:20px; padding:0 0 22px}
	.mcon_upmu .upmu_li01 li:nth-child(even){margin-left:4%}
	.mcon_upmu .upmu_li01 li div{padding-bottom:70%}
	.mcon_upmu .upmu_li01 li a{font-size:1.417em; right:12px; background:#fff; line-height:50px; width:calc(100% - 24px); bottom:0; padding:0; text-align:center}
	.mcon_upmu .upmu_li01 li a:hover{background-image:none}
	.mcon_upmu .upmu_li02 li {margin-bottom:15px}
	.mcon_upmu .upmu_li02 li:last-child {margin-bottom:0}
	.mcon_banner li{width:calc((100% - 12px) / 2); margin-top:12px}
	.mcon_banner li:first-child, .mcon_banner li:nth-child(2){margin-top:0}
	.mcon_banner li:nth-child(odd){clear:both; margin-right:12px;}
	.mcon_banner li:last-child{margin-left:calc(((100% - 12px) / 2) / 2)}

	/* 서브비주얼 */
	.sub_visual .svis_txt h3{font-size:3em}

	/* 인사말 */
	.greeting h3{font-size:2em}

	/* 연혁 */
	.stit{font-size:2em}
	.history .his_year{font-size:1.667em}
	.history .his_con{padding-left:60px; background:url(../images/sub/col_d4d4d4.jpg) 31px top repeat-y}
	.history .his_con p:after{left:-39px}

}

/*media query - tablet pc*/
@media screen and (min-width:768px) {
	/* 메인 비주얼 */
	.visual .bg_vis{height:370px}
	.visual .bg_vis .txt_vis .mvis_txt01{width:341px; margin:15px 0 0 -170px}
	.visual .bg_vis .txt_vis .mvis_txt02{width:396px; margin:50px 0 0 -198px}
	.btn_vis span{top:137px}
	
	/* 메인 콘텐츠 */
	.mcon_upmu{padding:55px 15px 60px}
	.mcon_upmu h3{margin-bottom:18px}
	.mcon_upmu .upmu_li01 li{width:219px; height:299px; margin-right:27px}
	.mcon_upmu .upmu_li01 li div{padding:0 0 283px;}
	.mcon_upmu .upmu_li01 li:nth-child(2) a{padding-left:19px; letter-spacing:-2px}
	.mcon_upmu .upmu_li02{margin-top:35px}
	.mcon_upmu .upmu_li02:after{clear:both; display:block; content:''}
	.mcon_upmu .upmu_li02 li{float:left; width:calc((100% - 42px) / 4);margin-right:14px}
	.mcon_upmu .upmu_li02 li:last-child {margin-right:0}
	.mcon_board{padding:15px 15px 55px}
	.mcon_board:after{display:block; clear:both; content:''}
	.mcon_board .mcb_notice{float:left; width:48%}
	.mcon_board .mcb_adver{float:right; width:48%; margin-top:3px}
	.mcon_inquiry{overflow:hidden; padding:45px 15px}
	.mcon_inquiry .inq_idx{float:left; width:37.5%; border-bottom:0; border-right:1px dashed rgba(255,255,255,0.6); padding-bottom:0; margin-bottom:0; padding-right:2%}
	.mcon_inquiry .inq_idx p span{display:inline-block}
	.mcon_inquiry .inq_btn {float:right;width:62.5%;padding:15px 0px 0 20px}
	.mcon_banner li{margin-right:12px}


	/* 서브비주얼 */
	.sub_visual .bg_vis{height:220px}
	.sub_visual .bg_vis .txt_vis .svis_txt01{width:auto; margin:20px 0 0 -188px}
	.sub_visual .bg_vis .txt_vis .svis_txt02{width:auto; margin:45px 0 0 -318px}

		
	/*내용*/
	.tabs_type_c ul{padding:0 20px}


	.gre_img{width:50%;max-width:569px;height:610px;float:left;}
	.gre{float:right;width:50%;}
	.gre_t{margin-top:12%;}
	
	.history li span.month{}
	.history li span.his_c{width:auto;}
	
	.prod02 li{float:left;width:48.7%;}	
	
	.tbl01{width:100%}
	
	.info li{width:33.333%;float:left;text-align:center;}
	.info li:after{content:'';width:1px;height:26px;position:absolute;right:0;top:0;background:#d4d4d4;}
	.info li:last-child:after{display:none;}
	.mapp{width:100%; overflow:hidden}
	.mapp > div{floaT:left}
	.mapp .mapp01{width:55%}
	.mapp .mapp02{width:45%}


	/* 인사말 */
	.greeting{padding:0 0 10%; overflow:hidden}
	.gre_txt{float:left; width:calc(100% - 260px)}
	.greeting .gre_imgg{margin-top:30px}


	/* 게시판 */
    #bo_w .write_inner .write_div > div {float:left;margin-right:2%}
    #bo_w .write_inner .write_div > div:last-child {margin-right:0}
    #bo_w .write_inner .write_div.wd_2 > div {width:49%}
    #bo_w .write_inner .write_div.wd_3 > div {width:32%}
    #bo_w .write_inner .write_div.wd_3 > div.col_2 {width:66%}

	.table_dl > dl > dt {padding:13px 10px 13px 15px;width:150px}
	.table_dl > dl > dd {padding:13px 10px 13px 15px;width:calc((100% - 300px) / 2)}
	.table_dl > dl > dd.col_3 {width:calc(100% - 150px)}


	/* 푸터 */
	.f_top:after{display:block; clear:both; content:''}
	.f_top .flink{width:auto; float:left}
	.f_top .f_site{width:254px; float:right}
	.copyright{overflow:hidden; padding:20px 15px 30px; text-align:left}
	.copyright .footer_logo{float:left; text-align:left; width:238px; margin:10px 0 0}
	.copyright .footer_logo img{width:172px}
	.copyright p{float:right; width:calc(100% - 238px);}
}

@media screen and (min-width:768px) and (max-width:1199px) {
	.mcon_upmu .upmu_li01 li:nth-child(n+4){margin-top:27px}
	.mcon_upmu .upmu_li01 li:nth-child(3n){margin-right:0}
	.mcon_upmu .upmu_li01 li a{font-size:1.45em;}
	.mcon_upmu .upmu_li02 li {width:calc((100% - 24px) / 2);margin-right:24px;margin-bottom:15px}
	.mcon_upmu .upmu_li02 li:nth-of-type(2n) {margin-right:0}
	.mcon_upmu .upmu_li02 li:nth-last-child(1), .mcon_upmu .upmu_li02 li:nth-last-child(2) {margin-bottom:0}
	.mcon_banner li{width:calc((100% - 48px) / 5); margin-right:12px}
	.mcon_banner li:last-child{margin-right:0}

}

@media screen and (max-width:1199px) {
    #hd_pop {width:100% !important}
	#hd_pop .hd_pops {left:0 !important}
	#hd_pop .hd_pops_con {width:100% !important;max-width:100%;height:auto !important}
}

/*media query - PC*/
@media screen and (min-width:1200px) {
	/* 헤더 */
	.in_1200{width:100%; max-width:1200px; position:relative; margin:0 auto}
	#header{padding:0}
	.h_top .fl li:first-child a{padding-left:0}
	.menu{overflow:visible; position:static;width:auto;height:100%;margin:auto; }
	.logo{width:217px;}
	.logo a{line-height:107px; padding:0}
	.toggle, .toggle_menu {display:none !important}
	.main_nav_wrap {visibility:visible}

	/* 메인 비주얼 */
	.visual{overflow:hidden}
	.visual .bg_vis{height:557px}
	.visual .bg_vis .txt_vis .mvis_txt01{width:auto; margin:82px 0 0 -213px}
	.visual .bg_vis .txt_vis .mvis_txt02{width:auto; margin:143px 0 0 -247px}
	.btn_vis span{top:231px}



	/* 메인 콘텐츠 */
	.mcon_upmu{padding:70px 0 116px; background-size:1px 336px; background-position:left bottom 160px; overflow:hidden}
	.mcon_upmu.upmu_1 {background-position:left bottom 50px}
	.mcon_upmu h3{margin-bottom:52px}
	.mcon_upmu .upmu_li01 li{margin-right:calc((100% - 1095px) / 4)}
	.mcon_upmu .upmu_li01 li:last-child{margin-right:0}
	.mcon_upmu .upmu_li01.upmu_li03 li{margin-right:15px; width:calc((100% - 75px) / 6)}
	.mcon_upmu .upmu_li01.upmu_li03 li:last-child{margin-right:0}
	.mcon_upmu .upmu_li01.upmu_li03 li a{font-size:1.5em; right:10px; width:calc(100% - 20px); background:#fff url(../images/icon_arr.svg) right 15px center no-repeat; background-size:9px auto !important; letter-spacing:-0.5px; text-align:center; padding:0 15px 0 0}
	.mcon_upmu .upmu_li01.upmu_li03 li a:hover{background:#fc6c2a url(../images/icon_arr_ov.svg) right 15px center no-repeat}
	.mcon_upmu .upmu_li02{margin-top:125px}
	.mcon_board{padding:0 0 140px}
	.mcon_board h3{padding-bottom:23px}
	.mcon_board .mcb_notice{width:559px;}
	.mcon_board .mcb_notice ul{height:301px; padding:0 25px 0}
	.mcon_board .mcb_adver{margin-top:5px; width:557px}
	.mcon_board .mcb_adver .ad_btn{padding-bottom:24px}
	.mcon_board .mcb_adver .ad_li li{padding-bottom:291px}
	.mcon_inquiry{height:345px; padding:51px 0 0}
	.mcon_inquiry .inq_idx{width:450px; min-height:243px; padding:5px}
	.mcon_inquiry .inq_btn{width:750px; padding:25px 63px 0 83px}
	.mcon_inquiry .inq_idx h4{margin:32px 0 15px}
	.mcon_banner{padding:26px 0}
	.mcon_banner li{margin-right:11px}
	.mcon_banner li:first-child{margin-right:12px}
	.mcon_banner li:last-child{margin-right:0}

	/* 서브비주얼 */
	.sub_visual .bg_vis{height:272px}
	.sub_visual .bg_vis .txt_vis .svis_txt01{width:auto; margin:41px 0 0 -188px}
	.sub_visual .bg_vis .txt_vis .svis_txt02{width:auto; margin:75px 0 0 -318px}


	/* 서브 콘텐츠 */
	.tab_menu{display:block}
	.tabs_type_b li a{line-height:55px}
	
	.page{width:100%; max-width:1200px; margin:0 auto; padding:0 0 100px; }
	.sub_contents h1.page_title {padding:115px 0 65px; font-size:3.667em;}
	.sub_contents h1.page_title span {font-size:0.591em}

	/* 내용 */
	.add{font-size:1.633em;}
	.info{margin:35px 0;}
	.mapp .mapp01{width:calc(100% - 486px)}
	.mapp .mapp02{float:right; width:456px}

	/* 인사말 */
	.greeting{padding:0 60px 180px}
	.ctt_08_01 .greeting{padding:0 60px 120px}
	.gre_txt{width:calc(100% - 265px)}
	.greeting p{margin-top:25px; line-height:1.75}
	.greeting .gre_imgg{margin-top:0}
	.greeting .gre_imgg p{margin-top:0}

	/* 연혁 */
	.stit{margin:80px 0 15px}
	.history .his_con p{margin-top:35px}
	.history .his_con p:nth-last-of-type(1){margin-bottom:60px}
	.history .his_con:nth-last-of-type(1) p:nth-last-of-type(1){margin-bottom:35px}

	/* 표 - MOU */
	.tbl_mou td{padding:18px 25px;}
	.tbl_mou tbody tr:nth-of-type(even) td span{margin-top:0}

	/* 푸터 */
	.f_top .flink li:first-child a{padding-left:0}
	.copyright{padding:40px 0 45px}
}


/*media query - PC*/
@media screen and (min-width:1480px) {
	/* 메인비주얼 */
	.btn_vis span.vis_prev{left:50%; margin-left:-740px}
	.btn_vis span.vis_next{right:50%; margin-right:-740px}
}