@charset "utf-8";

/*
================================================================================
COMMON
================================================================================
*/
i.fa { margin: 0 5px 0 0}
/* Ie-Upgrade */
.ie-upgrade{box-sizing: border-box;z-index:9999;position:fixed;width:100%;width: 400px;height: 200px;left: 50%;top: 50%;margin: -100px 0 0 -200px;}
.ie-upgrade div{position: relative;background: #2a2a2a; border-bottom: 1px solid #333; margin: 0px auto;padding: 20px;}
.ie-upgrade p{color: #fff;font-size: 0.94em;margin: 0 auto;text-align: center;}
.ie-upgrade p.txt strong,
.ie-upgrade p.txt em{ color:#ffbd18;}
.ie-upgrade p.txt:before{content:"";display: block;width: 70px;height: 70px;margin: 0 auto 15px auto;background: url('../images/common/Internet-Explorer-icon.png') no-repeat;}
.ie-upgrade a.btnGo { display: inline-block; margin-left: 5px; color:rgba(70,140,224,1.00); border: 1px solid #000; padding: 0px 15px; font-size: 0.73em; border-radius: 3px; background-color:rgba(0,0,0,.30)}
.ie-upgrade p.close{display: block;text-align: right;color: #e2e2e2;width: 100%;background: #111; padding:5px; line-height:1em;}
.ie-upgrade p.close button{ color:#fff; padding-right:5px; font-size: 13px;}
.ie-upgrade p.close button img{ vertical-align:top; display:block; float:right; margin-left:5px;}

@media only screen and (max-width:1080px){
    .ie-upgrade { top:70px; margin-top:0;}
}
@media only screen and (max-width:400px){
    .ie-upgrade { top:60px; width:310px; margin:0px 0 0 -155px;}
}

/* pic_pc / pic_mobile */
.pic_pc {}
.pic_mobile{ display: none !important;}
@media only screen and (max-width:768px) {
	.pic_pc { display: none !important;}
	.pic_mobile{ display: block !important;}
}


/****** owl-theme  ******/
.owl-theme .item a{display:block;position:relative;width: 100%;height: 100%;}
.owl-theme .item a:focus:before{ opacity:1;}
.owl-theme .ctrl-nav .owl-prev,
.owl-theme .ctrl-nav .owl-next{position: absolute;top: 50%;width: 20px;height: 20px;cursor:pointer;overflow: hidden;margin-top: -10px;background-color: rgba(0,0,0,0.3);z-index: 3;opacity:0.7;}
.owl-theme .ctrl-nav .owl-prev{left: 0;background: url('../images/common/ico_prev.svg') no-repeat 50% 50%;}
.owl-theme .ctrl-nav .owl-next{right: 0;background: url('../images/common/ico_next.svg') no-repeat 50% 50%;}
.owl-theme .ctrl-nav .owl-prev span,
.owl-theme .ctrl-nav .owl-next span{font-size: 0;background: transparent;}
.owl-theme .ctrl-nav .owl-prev:focus,
.owl-theme .ctrl-nav .owl-next:focus,
.owl-theme .ctrl-nav .owl-prev:hover,
.owl-theme .ctrl-nav .owl-next:hover{ opacity:1; }
.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}
.owl-theme .dataCtrl{ font-size:0;z-index: 9; }
.owl-theme .dataCtrl .dataDots{float:left;font-size:0;}
.owl-theme .dataCtrl .dataDots button{float:left;margin: 0 3px;display: block; text-indent: -9999px; border: 2px solid transparent;background: #999;border-radius: 12px;width: 12px;height: 12px;position: relative;}
.owl-theme .dataCtrl .dataDots button:after{content:'';display: block;position: absolute;left: 0px;top: 0px;width:8px;height:8px;/* background: #999; */border-radius: 50%;border:0;}
.owl-theme .dataCtrl .dataDots button:hover,
.owl-theme .dataCtrl .dataDots button.active{border-color: #262626;background-color: #262626;}
.owl-theme .dataCtrl .dataDots button.active:after,
.owl-theme .dataCtrl .dataDots button:hover:after{/* background: transparent; */}
.owl-theme .dataCtrl .dataAuto{float:left;position: relative;width: 13px;height: 13px;}
.owl-theme .dataCtrl .dataAuto .btn.play,
.owl-theme .dataCtrl .dataAuto .btn.stop{position:absolute;left: 0;top: 0;width: 13px;height: 13px;text-align: center;opacity: 0.7;}
.owl-theme .dataCtrl .dataAuto .btn.play{display:none; background: url('../images/common/ico_play.svg') no-repeat 50% 50%;}
.owl-theme .dataCtrl .dataAuto .btn.stop{background: url('../images/common/ico_stop.svg') no-repeat 50% 50%;}
.owl-theme .dataCtrl .dataAuto .btn.play:focus,
.owl-theme .dataCtrl .dataAuto .btn.stop:focus,
.owl-theme .dataCtrl .dataAuto .btn.play:hover,
.owl-theme .dataCtrl .dataAuto .btn.stop:hover{ opacity: 1;}

/*** a ***/
a.mail{ letter-spacing: 0 ; color:#ed343a; text-decoration: underline}
a.mail:after{content:'';display:inline-block;margin: 0 0px 0 5px;background:url('../images/common/ic_blank.png') no-repeat 0 0;width:14px;height:14px;vertical-align: middle; }
a.link[target="_blank"] {color: #303d9a !important;font-weight: 500;padding: 0 5px;}
a.link[target="_blank"]:hover {text-decoration: underline;}
a.link[target="_blank"]:after{content:'';display:inline-block;margin: 0 0px 0 5px;background: url('../images/common/ic_blank.png') no-repeat 0 0 !important;width:14px;height:14px;vertical-align: middle;}
.button[target="_blank"],
.button[target="_blank"]{color:#fff !important;font-weight: 500;padding: 0 1em;}
.button[target="_blank"]:after{ content:''; display:inline-block;margin: 0 0px 0 5px; background: url('../images/common/ic_blank_w.png') no-repeat 0 0 !important; width:14px;height:14px;vertical-align: middle;}

/* warning */
.warning_pageIng {text-align: center }
.warning_pageIng img { max-width: 100%;}
.warning_txt{text-align:center;background: #fdfdfd;border: 1px solid #ccc;border-bottom: 1px solid #6ab82d;padding: 78px 15px;}
.warning_txt:before{content: '';display:inline-block;width: 194px;height: 194px;border-radius: 50%;background: #f2f3f4 url('../images/common/warning_ico.png') no-repeat 55% 50%;}
.warning_txt .tit{font-size: 1.25em;color: #333;margin:20px 0 15px 0;line-height: 1.2em;}
.warning_txt .tit strong{color:#ff7e26;font-weight: 700;}
.warning_txt .txt{color: #666;font-size: 1em;}

@media only screen and (max-width:768px){		
	.warning_txt{ padding:50px 15px;}
	.warning_txt:before{ width:150px; height:150px; background-size: 80px;}
	.warning_txt .tit{ margin: 15px 0;}
}
@media only screen and (max-width:480px){		
	.warning_txt{ padding:40px 15px;}
	.warning_txt:before{ width:130px; height:130px; background-size: 65px;}
}

/*** Tab ***/
.tabSec {position:relative;margin-bottom:55px;border-bottom:0;border-right:0;/* overflow:hidden; *//* border-top:1px solid #e1e1e1; */}
.tabSec ul {position:relative;display:block;/* overflow:hidden; */ text-align:center; font-size:0;background: #f3f8ff;border-radius: 30px 10px;}
.tabSec ul li {width: 14.28%;display:inline-block;vertical-align: top;font-size:16px;}
.tabSec ul li a {position:relative;display:block;/* background: #f3f8ff; */border-width: 1px 0;padding: 0 5px;line-height: 60px;height: 60px;color:#333;font-size:1.063em;font-weight:500;text-align:center;letter-spacing:-0.05em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.tabSec ul li a:after {content:"";position:absolute;top:0;bottom:0;right: 0px;display:block;background-color: rgba(0,0,0,0.15);width:1px;height:15px;margin:auto;z-index:1;}
.tabSec ul li:last-child a:after{ display:none;}
.tabSec ul li a:hover,
.tabSec ul li a:focus{ color: #004cba;}
.tabSec ul li.on a {color: #fff;background: #004cba;border-radius: 25px 10px;z-index: 2;text-decoration:none;box-shadow: 0px 5px 20px 0px rgb(0 76 186 / 30%);}
.tabSec ul li.on a:after{opacity: 0;}

/* table_tab */
.tabSec.table_tab { }
.tabSec.table_tab ul{ display: table; width:100%;}
.tabSec.table_tab ul li{ display: table-cell; width:auto;}

/* border_tab */
.tabSec.border_tab { margin-bottom:40px;}
.tabSec.border_tab .tabs{  margin-bottom: 0;}

/* cate_list */
.tabSec.cate_list {position:relative;padding: 20px 30px 25px;background-color: #f3f8ff;margin-bottom:30px;overflow: hidden}
.tabSec.cate_list:after { display: none; }
.tabSec.cate_list li {float: left;width: 25%;margin-top: 5px;cursor: pointer;text-align: left;padding-left: 5px;position: relative;}
.tabSec.cate_list li a,
.tabSec.cate_list ul li:first-child a,
.tabSec.cate_list ul li:last-child a{padding: 5px 0 5px 28px !important; display: block;font-size: .95em;text-align: left;height: inherit !important;min-height: 35px;line-height:inherit;font-weight:normal;color:#333;margin: 0 !important; border: 1px solid #c8d3e2;background: #fff;border-radius: 5px;}
.tabSec.cate_list li a:before{content:'';display:block;position:absolute;left: 5px;top: 8px;height: 19px;width: 18px;background: url(../images/board/ico_faq_cate.png) no-repeat 0 -22px;opacity: 1;}
.tabSec.cate_list ul li a:after{ display:none;}
.tabSec.cate_list li.on a,
.tabSec.cate_list ul li.on:first-child a, 
.tabSec.cate_list ul li.on:last-child a{border: 1px solid #004cba;color: #fff;font-weight: bold;background-color: #004cba;border-radius: 5px;box-shadow: none;}
.tabSec.cate_list li.on a:before{background-position: 0 0px !important;}
.tabSec.cate_list li.on a span:after,
.tabSec.cate_list li.on:after,
.tabSec.cate_list.cols3:after, .tabSec.cate_list.cols5:after{ display:none !important;}

/* cols */
.tabSec.cols2 ul li{width:50%;}
.tabSec.cols3 ul li{width:33.333333%;}
.tabSec.cols4 ul li{width:25%;}
.tabSec.cols5 ul li{width:20%;}
.tabSec.cols6 ul li{width:16.66666666%;}

/* scrollTab */
.tabSec.scrollTab{overflow: inherit;}

/* tab_content */
.tab_content { display: none; background-color: #fff;}
.tabcontent.on {display: block;}
.tab_box{ width:100%; min-height:400px; position: relative}

@media only screen and (max-width:1080px){	
	.tabSec{width:100%;max-width: inherit;margin-bottom: 35px;}
	.tabSec ul{text-align:left;overflow: hidden;border-radius: 20px 5px;}
	.tabSec ul li {font-size:15px;}
	.tabSec.cols4 > ul > li,
	.tabSec.cols5 > ul > li	{/* width:50% !important; */}
	.tabSec.cols6 > ul > li { width:33.3333333%;}
	
	.tabSec.cate_list {padding: 10px 20px 15px 15px;}
	.tabSec.cate_list ul{ border-radius:0;}
	.cate_list.cols2 ul li,
	.cate_list.cols3 ul li,
	.cate_list.cols4 ul li,
	.cate_list.cols5 ul li,
	.cate_list.cols6 ul li,
	.tabSec.cate_list ul li {width: 33.333%;margin-top: 5px;}
	
	/* scrollTab */
	.tabSec.scrollTab ul{height: 197px;overflow: auto;}
	.tabSec.scrollTab:before {content: "Scroll ↓";display: block;position: absolute;top: -20px;right: 0px;font-size:0.9em;color:#666;left: inherit;text-align: right;}
}

@media only screen and (max-width:768px){
	.tabSec{margin-bottom: 10px;}
	.tabSec ul li,
	.tabSec.table_tab ul li,
	.tabSec.table_tab.cols2 ul li,
	.tabSec.table_tab.cols3 ul li,
	.tabSec.table_tab.cols4 ul li,
	.tabSec.table_tab.cols5 ul li,
	.tabSec.table_tab.cols6 ul li{width:50%;font-size:14px;float: left;}
	.tabSec ul li.on a{border-radius:20px 5px;}
	.tabSec > ul > li > a {height: 40px;line-height: 40px;font-size: 0.95em;margin-top: -1px;}
	.tabSec > ul > li:nth-child(1) > a,
	.tabSec > ul > li:nth-child(2) > a,
	.tabSec.cols6 > ul > li:nth-child(3) > a,
	.tabSec.border_tab > ul > li > a {margin-top: 0;font-size: 1em;}
	
	.tabSec.cate_list {padding: 10px 15px 15px 10px;}
	.cate_list.cols2 ul li, .cate_list.cols3 ul li, .cate_list.cols4 ul li, .tabSec.cate_list ul li {width: 50%;margin-top: 5px}
	.cate_list.cols5 ul li, .cate_list.cols6 ul li{ width:33.33333%;}
	.tabSec + .tabSec.cate_list{margin-top: -11px;padding: 10px 15px 15px;}
	.tabSec + .tabSec.cate_list li{margin-top:5px; width:50% ;}
	.tabSec + .tabSec.cate_list li a{font-size: 1em;}	
	
	.tabSec.border_tab .tabs{width:100%;}
	.tabSec.border_tab ul li{ width:25%;}
	.tabSec.border_tab .state_bn{ position:relative; right:inherit; top:inherit; display:none;}
	.tabSec.border_tab .state_bn a{ padding:0 5px; height:30px; }	

	.tabSec.scrollTab ul{height: 157px;}
}
@media only screen and (max-width:480px){	
    /*.tabSec.cols4 > ul > li,*/
	.tabSec.cate_list li {width: 100% !important;float: none;}
	.tabSec.cols4 > ul > li, .tabSec.cols5 > ul > li, .tabSec.cols6 > ul > li{ width:50% !important}
	.tabSec.cate_list li a{white-space: inherit; padding:5px 0 5px 25px !important; min-height:33px;}
	.tabSec.cate_list li a:before{width: 15px;height: 15px;background-size: 15px;background-position: 0 -18px;top: 7px;}
	
	.tabSec.border_tab ul li{ width:33.3333%;}
	
	.tabSec + .tabSec.cate_list{margin-top: -11px;padding: 5px 15px 10px;}
	.tabSec + .tabSec.cate_list li{margin-top:5px;}
	
	.tabSec.colsAuto ul li{ width:33.33333333%;}
}

ul.col2, ol.col2{overflow: hidden;}
ul.col2 li, ol.col2 li{ width:49%; display: block; float:left; margin: 0 0 20px 0;}
ul.col2 li:nth-child(even), ol.col2 li:nth-child(even){ float:right;}
ul.col3 li, ol.col3 li{width:33.3333%;display: block;float:left;margin: 0 0 20px 0;}
@media only screen and (max-width:768px){
	ul.col2 li,	ol.col2 li, 
	ul.col3 li,	ol.col3 li{ width:100%; float:none !important;}
}


/* list style */
.list01>li,
.list02>li,
.list03>li,
.list_p {position:relative;padding-left: 0.8em;margin-bottom:10px;text-align: left !important;line-height: 1.4em;}
.list_p {margin-bottom:0px;}
.list01>li:last-child,
.list02>li:last-child { margin-bottom:0 !important;}
.list01>li:before,
.list02>li:before,
.list03>li:before,
.list_p:before{content:'';display:block;position:absolute;left:2px;top: 9px;} 
.list01>li ul,
.list02>li ul,
.list03>li ul{padding: 7px 0;/* font-size:0.95em; */}
.list01>li ul.col2,
.list02>li ul.col2{ font-size:1em !important;}
.list01>li ul.col2 li,
.list02>li ul.col2 li{ padding-left:0;}
.list01>li em,
.list02>li em,
.list03>li em{ display:block;}

.list01> li strong{font-weight: 500; color: #de5018;}
.list01> li .tt{color:#111; display: block; font-size:1.05em; margin-bottom: 3px;}
.txt_box .list01> li {font-weight: 400; margin-bottom: 7px;}
.list01>li:before,
.list_p:before{background: #8a8a8a;width: 0.2em;height: 0.2em;} 
.list02>li:before{border: solid #8a8a8a;border-width: 0 2px 2px 0;display: inline-block;padding: 2px;transform: rotate(-45deg);top: 8px;background:none !important;} 
.list02.red>li:before{ border-color:#ed343a;}
.list02>li {margin-bottom:5px;}
.list03>li {margin-bottom:3px; font-size: .95em; color: #666}
.list03>li:before{background:#8a8a8a;width:4px;height:1px;top: 9px; border:0;} 
.list01>li > ul > li,
.list02>li > ul > li{position:relative;padding-left:12px;margin-bottom:4px;color:#666;text-align: left;line-height: 1.3;font-weight: 400;}
.list01>li > ul > li:before,
.list02>li > ul > li:before{ content:''; display:block; position:absolute; left:0; top:8px; background:#8a8a8a; width:5px; height:1px;} 
.list01>li > ul > li li { position:relative;  padding-left:12px;  margin-bottom:3px; color:#767676;}
.list01>li > ul > li li:before{content:''; display:block; position:absolute; left:0; top:8px; background:#fff; width:4px; height:4px; border-top:1px solid #8a8a8a; border-right:1px solid #8a8a8a; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.list01>li > ul.list02 > li:before{ top:7px;}
.list01>li > ul.list02 > li li:before{ -webkit-transform: rotate(0); transform: rotate(0deg); border-right:0; height: 1px;} 
.list01>li > ul.list02 > li strong{font-weight: 500;}
.list01 li:last-child{margin-bottom: 0 !important;}


.list_img {clear: both; overflow: hidden; margin:5px 0 30px 0; padding:0 !important;}
.list_img:after {clear:both; content: ""; display: block}
.list_img * { box-sizing: border-box}
.list_img > li {float: left;padding-bottom: 0;text-align:  center;position: relative; padding-left:0 !important;margin-bottom: 0.1em !important;}
.list_img > li:before{display: none !important;}
.list_img > li a { display: block; }
.list_img > li span {display: block; overflow: hidden;border-radius: 0px; background:#f6f6f6 url(' ../images/board/noImg_logo.png') center center no-repeat;}
.list_img > li img { width: 100%; display: block;}
.list_img > li i {display: block;padding: 7px 15px;background: rgba(0,0,0,0.65);clear: both;color: #fff;font-size: 0.85em;position: absolute;bottom: 0px;}

.list_img.col1 > li {width: 100% !important;}
.list_img.col2 > li {width: 49.9% !important;margin-right: 0;}
.list_img.col2 > li:nth-child(even) { float:right;}
.list_img.col2 > li:last-child, .list_img.col2 > li:nth-last-child(2){padding-bottom: 0 !important;}
.list_img.col2 > li:last-child i, .list_img.col2 > li:nth-last-child(2) i {bottom: 0 !important;}
.list_img.col3 > li {width: 33.2%;margin-right: 0.2%;}
.list_img.col3 > li:nth-child(3n+3) {margin-right: 0;}
.list_img.col3 > li.col2{width: 66.6%; margin-right: 0;}
.list_img.col4 > li  {width: 24.7%;margin-right: 0.3333%;}
.list_img.col4 > li:nth-child(4n+4) {margin-right: 0;}
.list_img.col5 > li  {width: 32%;margin-left: 2%;}
.list_img.col5 > li:nth-child(1){margin-left: 0%; width: 66%}
.list_img.col5 > li:nth-child(2){margin-left: 2%;}
.list_img.col5 > li:nth-child(3){ clear: both;margin-left: 0%;}

.list_img + .info_ex01,
.list_img + .info_ex02,
.list_img + .info_ex03{ padding-top:0}

.checkList{ overflow:hidden; }
.checkList li{ position:relative; padding-left:35px; margin-bottom:7px; color:#555;}
.checkList li:before{ content:''; display:block; width:20px; height:20px; background:url('../images/common/check_pic.png') no-repeat 0 0; position:absolute; left:0; top: 5px;}
.checkList.tC li{padding-left:0;}
.checkList.tC li:before{ position: relative; left: inherit; top:inherit; display: inline-block; vertical-align: middle; margin-right:10px;}

ol.hangul li{list-style: hangul; margin:0 0 10px 25px;}

ol.numList { list-style: decimal; padding-left:20px;}
ol.numList > li{ padding-left:0; margin-bottom: 10px}
ol.numList > li:before{ display:none;}

ol.list_num { margin-bottom:10px; overflow:hidden;}
ol.list_num > li {position: relative;margin-bottom: 8px;color:#555;text-align: left !important;min-height: 24px;padding: 0px 0 0 1.35em;}
ol.list_num li ul,
ol.list_num li ol{ padding:5px 0;}
ol.list_num li li{font-size:0.95em;margin-bottom:5px;color: #7b7b7b;}
ol.list_num li li:last-child{ margin-bottom: 0 !important;}
ol.list_num.h4 > li {padding: 0px;}
ol.list_num > li b{font-weight: 500;}

ol.list_num > li h4{ padding: 0px 0 0 25px; color: #333 }
ol.list_num > li:last-child  { margin-bottom: 0 !important}
ol.list_num > li:before {content: "1";color: #fff;font-weight:400;text-align: center;width: 1.25em;height: 1.25em;line-height: 1.25em;position: absolute;left: 0;top: 0.3em;background: #777;font-size: .8em;}
ol.list_num.round li:before{ border-radius: 50%;}
ol.list_num.blue li:before{background-color:#1145ad;}
ol.list_num.orange li:before{background-color:#e94e1f;}
ol.list_num > li:first-child:before{content: "1";}
ol.list_num > li:nth-child(2):before {content: "2";}
ol.list_num > li:nth-child(3):before {content: "3";}
ol.list_num > li:nth-child(4):before {content: "4";}
ol.list_num > li:nth-child(5):before {content: "5";}
ol.list_num > li:nth-child(6):before {content: "6";}
ol.list_num > li:nth-child(7):before {content: "7";}
ol.list_num > li:nth-child(8):before {content: "8";}
ol.list_num > li:nth-child(9):before {content: "9";}
ol.list_num > li:nth-child(10):before {content: "10";}
ol.list_num > li:nth-child(11):before {content: "11";}
ol.list_num > li:nth-child(12):before {content: "12";}
ol.list_num > li:nth-child(13):before {content: "13";}
ol.list_num > li:nth-child(14):before {content: "14";}
ol.list_num > li > ul { padding: 5px 0 10px 10px}
ol.list_num > li > ul > li { padding-left: 15px}
ol.list_num > li > ul.list02 > li:before { left: -3px}

ol.list_num.tb_num { margin-bottom: 0}
ol.list_num.tb_num > li {margin-bottom: 3px;padding: 0px 0 0 20px; min-height: 17px;}
ol.list_num.tb_num > li:before {background: #fff; border: 1px solid #767676; color: #767676; width: 14px;height: 14px;line-height: 13px; }
ol.list_num.cols2 li{ width:50%; float:left; padding-right:60px;}
dd ol.list_num, dd ol.numList {margin-bottom:0px; }
dd ol.list_num > li, dd ol.numList > li {margin-bottom: 0px ; padding-bottom: 3px}
.txt_box ol.list_num { margin-bottom:0px; }
@media only screen and (max-width:1080px){
	ol.list_num.cols2 li{ width:auto; float:none; padding-right:0;}
	ol.hangul li{ margin:0 0 10px 25px;}
	.list_img{margin: 5px 0 20px 0;}
}
@media only screen and (max-width:768px){
	ol.list_num > li{min-height: 18px;margin-bottom: 3px;}
	.list01>li { padding-left: 10px}
	ol.hangul li{ margin:0 0 10px 25px;}
	.checkList li{padding-left:26px; margin-bottom:5px;}
	.checkList li:before{ width:17px; height:17px;background-size: 17px; top: 3px;} 
	
	.list_img{margin:5px 0 15px 0;}
	.list_img > li {width: 33.3% !important;margin-right: 0% !important;/* padding-bottom: 5px; */}
	.list_img > li:nth-child(2n+2) {margin-right: 0 !important;}
	.list_img.col4 > li{ width:50% !important;}
	.list_img > li i{/* bottom:5px; */}
	
	.list_img.col1 > li {width: 100% !important;}
	.list_img.col3 > li {width: 100% !important;margin-bottom: 10px;}

	.list_img.col5 > li  {width: 48.6% !important;margin-left:0 !important; margin-right:0 !important;padding-bottom: 5px !important;}
	.list_img.col5 > li:nth-child(1),
	.list_img.col5 > li:nth-child(5){width: 100% !important}
	.list_img.col5 > li:nth-child(2){ float: left;width: 51.4% !important; }
	.list_img.col5 > li:nth-child(3),
	.list_img.col5 > li:nth-child(4){ clear: none;float: left; padding-bottom: 0px !important;}
}	
@media only screen and (max-width:480px){
	.list01>li em,
	.list02>li em,
	.list03>li em{ display: inline;}
	.list_img{margin: 5px 0 10px 0;}
	.list_img > li,
	.list_img.col2 > li:last-child, .list_img.col2 > li:nth-last-child(2){/* padding-bottom:1px !important; */}
	.list_img > li i,
	.list_img.col2 > li:last-child i, .list_img.col2 > li:nth-last-child(2) i{/* bottom:1px !important; */}
}
@media only screen and (max-width:360px){
	.list_img > li ,
	.list_img.col2 > li,
	.list_img.col4 > li{ width: 100% !important;margin-right: 0% !important; margin-left: 0!important}
	.list_img > li span{font-size: 0.95em;}
}

/* box */
.box{position:relative; margin:30px 0;  padding:1.85em;}

/*박스 안에 헤딩*/
.box h3,.box h4,.box h5,.box h6{margin-top:0; margin-bottom:15px;}
.box p + h3,.box p + h4,.box p + h5,.box p + h6,
.box ul + h3,.box ul + h4,.box ul + h5,.box ul + h6,
.box ol + h3,.box ol + h4,.box ol + h5,.box ol + h6 {margin-top:15px;}

/*박스 - 기본*/
.box.line{border:1px solid #e1e1e1;}
.box.bg{background-color:#f4f5f9;}
.box.bg2{border-radius:5px; background-color:#f4f5f9;}
.box .box_inner{position:relative; padding:35px; background-color:#fff;}

/* notice */
.notice{ position:relative; padding:0 0 0 40px; margin-bottom:30px;}
.notice:after { content:"!"; display:block; width:30px; height:30px; padding:3px; box-sizing:border-box; color:#f73a3a; font-weight:700; border-radius:50%; border: 2px solid #fbc7c7; background:#fff; text-align:center; vertical-align:middle; position:absolute; left:0; top:0;}
.noticeTxt{ color:#555; padding:0 0 0 20px; position:relative;}
.noticeTxt:after { content:"i"; display:block; width:16px; height:16px; padding:0; box-sizing:border-box; color:#555; font-weight:400; border-radius:50%;  background:#fff; text-align:center; vertical-align:middle; position:absolute; left:0; top:3px; font-size: 0.73em; border:1px solid #adadad; }
.noticeTxt.Blue{ color:#3e75be;}
.noticeTxt.Blue:after { color:#3e75be; border-color:#3e75be;}
.noticeTxt.Red{ color:#f73a3a;}
.noticeTxt.Red:after { background:#f73a3a; border:0; color:#fff; }


/* info_box */
.info_box{padding:25px 45px;margin:0 0 45px 0; background:#fafafa; position: relative; border-radius:10px;overflow: hidden;}
.info_box .tit{ color:#222; font-size:1.1em; font-weight: 500; margin-bottom: 5px;}
.info_box ul li{ position: relative; padding-left: 10px; color: #222; }
.info_box ul li:before{ content:''; display: block;  width:2px; height: 2px; position: absolute; left: 0; top:13px; background:#7c7c7c;}
.info_box .btn_set{position:absolute;top:50%;right:40px;margin-top: -22px;}
.info_box .btn_set .button{margin-bottom:0;}

/* info_box02 */
.info_box02 {background: #fffbf9;padding: 1.5em; margin-bottom: 20px;border-radius:10px; border: 1px solid #fe7801; overflow: hidden;}
.info_box02 .tit{ color: #e94e1f; font-weight: 500; margin-bottom: 8px; position:relative;padding-left: 30px;line-height: 1.2em;}
.info_box02 .tit:before{content:''; display:block; width: 22px; height: 18px; background:url('../images/common/ico_guide_notice.png') no-repeat 50% 50%; position:absolute; left:0; top: 2px;}
.info_box02 .tit.txt_large{font-size:1.15em;}
.info_box02 .tit .txt_sm{font-weight: 400;}
.info_box02 ul{padding-left: 20px;}
.info_box02 ul li {margin-bottom:3px; position: relative; padding-left: 10px; font-size: .95em}
.info_box02 ul li:last-child  {margin-bottom:0px; }
.info_box02 ul li:before{ background-color: #7c7c7c; width: 3px; height: 3px;content:""; display:block; position:absolute; left:0px; top:9px;border-radius: 3px;} 
.info_box02 p:last-child{margin-bottom: 0 !important;}

@media only screen and (max-width:1080px){
	.info_box ul li:before{top:11px;}
	.info_box .btn_set{ position: relative;right: inherit;top: inherit;margin-top: 5px;float: right;}
	.info_box br{display:none;}
	.info_box02 .tit:before{top:0px;}
}
@media only screen and (max-width:768px){
	.info_box{padding: 20px; margin:0 0 35px 0;}
	.info_box ul li:before{top:10px;}
	.info_box02{ padding: 1.2em;}
	.info_box02 ul{padding:0;}
}
@media only screen and (max-width:480px){
	.info_box{padding: 15px; margin:0 0 25px 0;}
	.info_box02{ }
}

/* info_ex */
.info_ex {color: #f4534b !important;font-size: .95em;font-weight: 400; position: relative; padding-left:19px;}
.info_ex:before{ content:'※'; display: block; position: absolute; left: 0; top:0; margin:0px 5px 0 0;}
.info_ex.tC:before{ position:relative; left: inherit; top:inherit; display: inline-block; vertical-align: middle;}
.info_ex01, .info_ex02, .info_ex03, .info_ex04{ display: block; font-size:.95em;margin:3px 0 5px; line-height: 1.4; font-weight: 400; color:#666;}
.info_ex01 b, .info_ex02 b, .info_ex03 b, .info_ex04 b{ display: inline-block; position: relative;}
.info_ex01 b:after, .info_ex02 b:after, .info_ex03 b:after, .info_ex04 b:after{ content:''; display: block; width:100%; height: 2px; background:#c5c5c5; margin: 2px 0 0 0; position: absolute; bottom:0; left:0;}
.info_ex01.col_orange b:after, b.col_orange:after { background-color:#ff9b92;}
.info_ex02.col_blue b:after, b.col_blue:after{background-color: #8387c3;}
.info_ex04.col_red b:after, b.col_red:after{background-color: #f0898c;}

.info_ex01:before, .info_ex02:before, .info_ex03:before, .info_ex04:before{ content:''; display:inline-block;vertical-align: middle; width:16px; height: 16px; background-position: 0 0; background-repeat: no-repeat;margin:-2px 4px 0 0;}
.info_ex01:before{background-image:url('../images/common/ico_ex01.png'); }
.info_ex02:before{background-image:url('../images/common/ico_ex02.png');}
.info_ex03:before{background-image:url('../images/common/ico_ex03.png');}
.info_ex04:before{background-image:url('../images/common/ico_ex04.png');}

.ex_box {display:block; overflow:hidden; border:1px dotted #999; padding:15px 15px 15px 65px; color: #666 ;font-size: .95em; background: url(../images/common/ico_ex05.png) no-repeat 15px 20px; min-height: 70px; margin-bottom: 10px}
.ex_box >.list02 { margin-left: -10px; position: relative; padding: 0}
@media only screen and (max-width:768px){
	.ex_box { background: none; padding: 15px}
}

/* guide_box */
#page .guide_box:first-child {  margin-bottom:50px;}
.guide_box{/* overflow: hidden; */position: relative;line-height: 1.6;display: table;width: 100%;margin-bottom: 40px; border: 1px solid #80a7df;border-radius: 10px;background: #fafcff;}
.guide_box .inner{min-height: 167px;padding: 2.5em 2em 2.5em 15em;overflow: hidden;position:relative;display: table;width: 100%;}
.guide_box .txtBox{display:table-cell;vertical-align: middle;}
.guide_box .txtBox:before{content:'';display:block;position:absolute;top: 2em;left: 5em;width: 100px;height: 102px;background-image: url('../images/common/guide_box_ico.png');background-repeat:no-repeat;background-size: cover; }
.guide_box.ico02 .txtBox:before{background-image: url('../images/common/guide_box_ico02.png');}
.guide_box.ico03 .txtBox:before{background-image: url('../images/common/guide_box_ico03.png');}
.guide_box.ico04 .txtBox:before{background-image: url('../images/common/guide_box_ico04.png');}
.guide_box .tit{color: #333;font-size: 1.3em;line-height: 1.2em;margin-bottom: 8px;font-weight: 500;}
.guide_box .tit strong{ color:#004cba; font-weight: 600}
.guide_box .txt {color: #666;font-size: 1.05em;margin-bottom: 0 !important;}
.guide_box .txt strong{color: #004cba;}
.guide_box li {margin-bottom: 2px; font-size: .95em; color: #666; padding-left: 8px; position: relative}
.guide_box li:before {content: ""; display: block; position: absolute; left: 0; top:11px;  width: 5px; height: 1px; background-color: #666 }
.guide_box + .ttl01,
.guide_box + .info_box02{margin-top: 0;}


/* guideInfo_box */
.guideInfo_box{ position: relative;min-height: 135px; padding: 28px 28px 28px 170px; border: 1px solid #ddd; overflow: hidden;}
.guideInfo_box:before{content:'';display:block;position:absolute;top:20px;left:40px;width:90px;height:90px;background-image:url('../images/common/guideInfo_ico.png');background-repeat:no-repeat;background-size: cover;}
.guideInfo_box li{float:left;width:50%;color: #666;font-size:0.95em;margin-bottom:10px;position: relative;padding-left: 6em;}
.guideInfo_box li span{padding: 0 0.5em 0 1.5em;color: #333;min-width: 6em;display:inline-block;position: absolute;left: 0;top: 0;}
.guideInfo_box li span:before{content:'';display: block;width: 15px;height: 15px;background: url('../images/common/guideInfo_list_ico.png') no-repeat;position: absolute;left: 0;top: 3px;background-size: cover;}
.guideInfo_box .ico_part span:before{ background-position: 0 0;}
.guideInfo_box .ico_manager span:before{background-position: -80px 0;}
.guideInfo_box .ico_tel span:before{background-position: -160px 0;}
.guideInfo_box .ico_fax span:before{background-position: -240px 0;}
.guideInfo_box .ico_email span:before{ background-position: -322px -1px;}
.guideInfo_box .ico_place span:before{background-position: -399px 0px;}
.guideInfo_box li a{ color:#002a7b;}
.guideInfo_box .list.col2{width: 48%;overflow: hidden;float: left;border-right: 1px dotted #ddd;}

.guideInfo_box .list.col2:nth-child(even){ float: right; border-right: 0; }
.guideInfo_box .list.col2 li{ width:100%}
@media only screen and (max-width:1080px){
	.guideInfo_box{padding: 1.5em 1.5em 1.5em 9em;min-height: 140px;}
	.guide_box .inner{padding: 1.5em 1.5em 1.5em 10em;min-height: 140px;}
	.guide_box .txtBox:before{ left:2em;top: 1.2em;}
	.guide_box .txt br{display: none;}
	.guide_box:after{width:9em}
	.guideInfo_box:before{left: 1.5em;}
}
@media only screen and (max-width:768px){
	.guide_box .inner, .guideInfo_box{padding: 1.35em 1.35em 1.35em 6.3em;min-height: 95px;}
	.guide_box:after{width:6.3em;}
	.guide_box .txtBox:before,
	.guideInfo_box:before{left: 1.2em;top: 1.2em;width: 4em;height: 4em;}
	.guideInfo_box li span{padding:0 10px 0 20px;min-width: 70px;}
    
	#page .guide_box:first-child { margin-bottom: 25px;}
	.guide_box .button{position: relative;right: inherit; top:inherit;}
	
	.guideInfo_box li {width:100%; float:none; margin-bottom: 5px; padding-left:80px;}
	.guideInfo_box li span{padding:0 5px 0 20px; min-width: 65px;}
	.guideInfo_box .list.col2{ width:100%; float:none; margin-bottom:10px; padding-bottom:10px; border-bottom:1px dotted #ddd; border-right: 0;}
	.guideInfo_box .list.col2:last-child{border:0; margin-bottom:0px; padding-bottom:0px;} 
}
@media only screen and (max-width:480px){
	.guide_box {line-height: 1.3;}
	.guide_box .inner{padding:1em 1em 1em 5em;}
	.guideInfo_box:before{display:none;}
	.guideInfo_box{ padding:1em;}
	.guide_box .txtBox:before{ top:0.9em; left: 0.9em; width: 3em; height: 3em;}
}

/* down_box */
.down_box{ background:#fdfdfd; border: 1px solid #ddd;overflow:hidden;padding:30px;color: #111;}
.down_box a{ display:block; margin-bottom: 5px; position: relative; padding-left:30px; text-align: left;}
.down_box2{padding:20px; border:0;}
.down_box .button{display:inline-block}
.down_box .button:before{ display: none;}
.down_box a:last-child{ margin-bottom: 0;}
.down_box a:before{content:''; width:20px; height: 21px;  background:url('../images/board/icons_file.png') no-repeat 0 0; position: absolute; left: 0; top:0 }
.down_box a.pdf:before{ background-position: 0 0; }
.down_box a.han:before{ background-position: -100px 0; }
.down_box a.excel:before{ background-position: -200px 0; }
.down_box a.img:before{ background-position: -300px 0; }
.down_box a.zip:before{ background-position: -400px 0; }
.down_box a.power:before{ background-position: -500px 0; }
.down_box a.word:before{ background-position: -600px 0; }
.down_box + .guideInfo_box{ margin-top: 60px;}
@media only screen and (max-width:768px){
	.down_box{ padding:20px;}
	.down_box p,

	.down_box .button{float: none !important;}
	.down_box .button{ margin-top: 5px;}
	.down_box + .guideInfo_box{ margin-top: 40px;}
}


/* dl_box */
.dl_box{display:block;overflow:hidden;border: 1px dotted #80a7df;color: #666;margin: 5px 0;font-size: .95em;}
.dl_box dt{background: #f3f8ff;font-weight:700;padding:10px 15px;line-height:1.2em;color: #002a7b;font-size: 1.06em;}
.dl_box dd{ padding:15px;}
.dl_box dd ul {padding: 0;}
.dl_box dd ul ul { margin-bottom: 5px}
.dl_box dd ul li { text-align: left !important; padding-left: 15px !important; font-size: 1em; position: relative}
.dl_box dd ul li:before{ position: absolute; content: ""; left:0px; top:10px; background:none; width:3px; height:3px; border: 1px solid #ababab; border-radius: 50%}
.dl_box dd ul li li:before{ position: absolute; content: ""; left:0px; top:12px; background:none; width:5px; height:0px; border:none; border-top: 1px solid #ababab; border-radius: 0%}
.dl_box dd ul li:last-child{ margin-bottom:0 !important;}
li >.dl_box { margin: 5px 0 8px; }
@media only screen and (max-width:1080px){
	.dl_box dt{ padding:13px 0 13px 25px;}
	.dl_box dd{padding:13px;}
	.dl_box dd > ul {margin: 0 0 0 10px;}	
}
@media only screen and (max-width:768px){
	.dl_box dt{padding:10px;}
	.dl_box dd{padding:10px;}
}
.txt_box {clear:both;position:relative;padding:25px;border-top: 2px solid #80a7df;overflow:hidden;margin:0 0 30px 0;box-sizing:border-box;background: #f9f9f9;}
.txt_box .btxt{ font-size:1.25em; color:#222; letter-spacing:-0.03em; font-weight:600; margin-bottom: 0}
.txt_box p{color:#444;}
.txt_box p:last-child, .img_box p:last-child, .icon_box p:last-child{ margin-bottom:0 !important;}
.img_box{  clear:both;text-align:center; margin:5px 0 15px 0;border: 1px solid #ddd; padding: 20px 0px}
.img_box p.ttl { text-align: center; background-color: #f7f8fd; color: #515a86;padding: 10px; font-weight:bold; font-size: 0.95em}
.img_box img { max-width: 100%;}

.bd_box{border:1px solid #dedede; padding:25px; overflow: hidden; background-color: #FFF;}
.bd_box ul > li { position: relative;margin-bottom: 5px; padding-left: 15px; }
.bd_box ul > li i{ margin-left: 20px}
.bd_box ul > li:last-child{margin-bottom: 0;}
.bd_box ul > li:before { display: block; position: absolute; left: 0; top:8px;  content: ""; width: 4px; height: 4px; border: 2px solid #666; border-radius: 50%;}

.div_box{ overflow: hidden; clear: both;}
.line_box{border:1px solid #ddd; padding:30px 35px; overflow: hidden;}
.line_box ol.list_num{ margin-bottom: 0;}
.line_box li{ margin-bottom: 5px !important;}
.line_box.round{border-radius: 10px;}

@media only screen and (max-width:1080px){	
	.txt_box {padding: 20px;}
	.bd_box {padding:15px; }
}
@media only screen and (max-width:768px){	
	.div_box .fL,
	.div_box .fR{ float: none !important;}
	.line_box{padding:20px;}
	.img_box{  padding: 10px 0px}
}
@media only screen and (max-width:450px){
	.txt_box {padding: 15px 10px;}
}

/* top_step */
.top_step {position:relative;margin-bottom:55px;border-bottom:0;background: #fafafa;border-radius: 30px 10px;}
.top_step:after{display:block; content:""; clear:both;}
.top_step ul {position:relative; text-align:center;  display: block; /* overflow: hidden; */}
.top_step ul li {display:block; width:auto;float:left;}
.top_step ul li span {position:relative;display:block; border-width: 1px 0;padding: 0 5px;line-height: 60px;height: 60px;color:#333; font-weight:500;text-align:center;letter-spacing:-0.05em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.top_step ul li span:before {content: "1";color: #fff;font-weight: 500;text-align: center;width: 20px;height: 20px;line-height: 20px;display: inline-block;margin-right: 5px; font-size: .8em; border-radius: 50%; background:#777;}
.top_step ul li:first-child span:before{content: "1";}
.top_step ul li:nth-child(2) span:before {content: "2";}
.top_step ul li:nth-child(3) span:before {content: "3";}
.top_step ul li:nth-child(4) span:before {content: "4";}
.top_step ul li:nth-child(5) span:before {content: "5";}
.top_step ul li:nth-child(6) span:before {content: "6";}
.top_step ul li:nth-child(7) span:before {content: "7";}
.top_step ul li span:after {content:"";position:absolute;top:0;bottom:0;right: 0px; display:block; background-color: rgba(0,0,0,0.15); width:1px; height:15px; margin:auto; }
.top_step ul li:last-child span:after{ display:none;}
.top_step ul li.on span {color: #fff;background: #fe7800;border-radius: 25px 10px;z-index: 2;text-decoration:none;box-shadow: 0px 5px 20px 0px rgba(233, 78, 30 , 0.3);}
.top_step ul li.on span:after{opacity: 0;}
.top_step ul li.on span:before{ background-color:#fff; color:#fe7800; font-weight: 700;}
/* cols */
.top_step.cols2 ul li{width:50%;}
.top_step.cols3 ul li{width:33.333333%;}
.top_step.cols4 ul li{width:25%;}
.top_step.cols5 ul li{width:20%;}
.top_step.cols6 ul li{width:16.66666666%;}

@media only screen and (max-width:1080px){	
	.top_step.cols6 > ul > li { width:33.3333333%;}
}
@media only screen and (max-width:768px){	
	.top_step{ border-radius: 15px 7px;}
	.top_step ul li span {height: 50px; line-height: 50px;}
	.top_step ul li.on span{ border-radius:15px 7px;}
	.top_step.cols2 > ul > li,.top_step.cols3 > ul > li,
	.top_step.cols4 > ul > li,.top_step.cols5 > ul > li,
	.top_step.cols6 > ul > li { width:50%;}
}
@media only screen and (max-width:480px){	
	.top_step ul li span {height: 40px; line-height: 40px;}
	.top_step ul li span:before{width:15px; height: 15px; line-height: 15px;}
}


/* step */
.step01{overflow:hidden;position:relative;text-align:center; display: -webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}
.step01 > li{position:relative;margin-bottom: 20px;display: -webkit-box;display: -ms-flexbox;display: flex;}
.step01 > li > div{border: 1px solid #f9f9f9;background:#f9f9f9;display: table;width: 100%;padding:10px 5px;text-align: center;height: 84px;border-radius:15px;}
.step01 > li > div p{display:table-cell;vertical-align:middle;color: #222;font-weight: 500;line-height: 1.2em;margin-bottom: 0 !important;}
.step01 > li:last-child > div{background: #78b000;border-color: #78b000;}
.step01 > li:last-child > div > p{ color:#fff;}
.step01 > li:after{content:'';display:block;background: url('../images/common/arrow_step.png') no-repeat;position: absolute;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);left: 124%;width: 10px;height: 18px;background-size: contain;}
.step01 > li:last-child:after{ display:none;}

.step01.cols02 > li{width: 50%;}
.step01.cols03 > li{width: 33.3333%;}
.step01.cols04 > li{width: 18%;}
.step01.cols05 > li{width: 20%;}
.step01.cols06 > li{width: 16.6666666%;}
.step01.cols07 > li{width: 14.2222222%;}

@media only screen and (max-width:768px){	
	.step01{ -webkit-box-orient: vertical;-webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
	.step01 > li{width:50% !important;margin-bottom: 20px !important;border-radius: 30px;}
	.step01 > li > div{ height:60px;}
	.step01 > li:after{left: 50%;-webkit-transform: rotate(90deg) translateX(-50%);-ms-transform: rotate(90deg) translateX(-50%);transform: rotate(90deg) translateX(-50%);top: auto;bottom: -20px;height: 12px;}
	.step01 > li:last-child{ margin-bottom: 0 !important;}	
}
@media only screen and (max-width:480px){
	.step01{padding-left: 0px;}
	.step01 > li{width: 80% !important; }	
	.step01 > li > div{height: 50px;}
	.step01 br { display: none;}
}
@media only screen and (max-width:400px){
	.step01 > li{width: 100% !important; }
}

/* list_box */
.list_box{ background:#f3f3f3; border-radius:10px 55px; overflow:hidden;padding:30px 45px;margin-bottom:20px;}
.list_box p:last-child { margin-bottom: 0}
.list_box .btxt{ text-align:center; border-bottom:3px double #ddd; font-size:1.4em; color:#3a3a3a; font-weight:700; line-height:1em; padding-bottom:15px; margin-bottom: 15px;} 
.list_box li:last-child{ margin-bottom:0;}


/* dl_box */
.dlBox{ display:block; overflow:hidden; margin-bottom: 30px;padding-top: 15px;}
.dlBox dl { position: relative; clear: both; margin-top: 15px; padding-left: 170px; min-height: 135px;}
.dlBox dl:first-child {margin-top: 0px}
.dlBox dt{font-size: 1.2em; color: #293541; margin-bottom: 0.2em  }
.dlBox dd{ padding:0px;}
.dlBox dd.pic { position: absolute; left: 20px; top:0; width: 120px; height: 120px; border-radius: 0 50% 50% 50%; overflow: hidden;background-color: #ddd}
.dlBox dd ul {padding: 0;}
.dlBox dd ul ul { margin-bottom: 5px}
.dlBox dd ul li { text-align: left !important; padding-left: 15px !important; font-size: 1em; position: relative}
.dlBox dd ul li:before{ position: absolute; content: ""; left:0px; top:10px; background:none; width:3px; height:3px; border: 1px solid #ababab; border-radius: 50%}
.dlBox dd ul li li:before{ position: absolute; content: ""; left:0px; top:12px; background:none; width:5px; height:0px; border:none; border-top: 1px solid #ababab; border-radius: 0%}
.dlBox dd ul li:last-child{ margin-bottom:0 !important;}
@media only screen and (max-width:1080px){
	.dlBox dl {margin-top: 20px;padding-left: 140px;}
	.dlBox dd.pic {left: 0px;}
}
@media only screen and (max-width:768px){
	.dlBox dl {padding-left: 100px;min-height: 90px;}
	.dlBox dd.pic {width: 90px; height:auto; }
	.dlBox dd br { display: none}
}


/* col_box */
.col_box{border: 1px solid #f1e2e1;overflow:hidden;padding:20px 10px;background: #fffaf9;color: #ff6a5d;text-align:center;}
.col_box p{ margin-bottom:0;}
.notice_box {border: 1px solid #f1e7e1;overflow:hidden;padding:15px 15px;background: #fffcfa;color: #f76b0a; margin: 10px 0}

.sm { font-size: .95em}
.lg { font-size: 0.15em}

@media only screen and (max-width:1080px){
	.list_box{ padding:20px 35px;}	
	.dl_box dt{ padding:13px 0 13px 25px;}
	.dl_box dd{padding:13px;}
	.dl_box dd > ul {margin: 0 0 0 10px}	
}

@media only screen and (max-width:768px){
	.icon_box .inner {padding:0; min-height: 70px}
	.icon_box.no_ico .inner {padding:15px; min-height: inherit}
	.icon_box .inner:before {width:57px;height:57px;left:12px;background-size:57px;top:12px;margin-top:0;background-position:0 0px;}
	.icon_box .inner.ico01:before {background-position:0 0px;}
	.icon_box .inner.ico02:before {background-position: 0px -71px;}
	.icon_box .inner.ico03:before {background-position:0 -142px;}
	.icon_box .inner.ico04:before {background-position:0 -214px;}
	.icon_box .inner.ico05:before {background-position:0 -285px;}
	.icon_box .inner.ico06:before {background-position:0 -356px;}
	.icon_box .inner.ico07:before {background-position:0 -427px;}
	.icon_box .inner.ico08:before {background-position:0 -498px;}
	.icon_box .inner.ico09:before {background-position:0 -569px;}
	.icon_box .inner.ico10:before {background-position:0 -641px;}
	
	.list_box{ padding:15px 25px;border-radius: 10px 35px;}
	.list_box .btxt{ text-align:left;}
	
	.dl_box dt{padding:10px;}
	.dl_box dd{padding:10px;}
}

.txtD em{ display: inline;}

/* line :bar */
.bar{ width:100%;height:1px;  background: #ddd;  margin: 2.5em auto 4.5em auto; overflow: hidden}
.bar + .ttl01{ margin-top: 0;}

/*** Table ***/
table {width:100%; }
table tbody th, tfoot th, .tbl  tfoot td {font-weight: 500;word-break: break-all;}
table td ul + p{ margin-top:10px;}
table td p + ul{ padding-left:23px;}
table td ul{ text-align:left;}
table td li {text-align: left;position:relative;box-sizing:border-box;padding-left: 10px;margin-bottom: 5px !important;line-height: 1.3;}
table td li:before {content:'';display:block;position:absolute;left:0px;top: 9px;background: #8f8f8f;width: 5px;height: 1px;} 
table td li strong {font-weight: 500;}
table td li ul{ padding:3px 0;}
table td li li,
table ul.sList li{ margin-bottom:1px; font-size: 0.92em; line-height: 15px; color: #666}
table td li li:before,
table ul.sList li:before{ content:''; display:block; position:absolute; left:0; top:6px; background:#8a8a8a; width:5px; height:1px; } 
table td .list01 li, table td .list02 li{ margin-bottom: 5px;}
table td .list03 li{ margin-bottom: 3px !important;}
table ul li:last-child {margin-bottom:0 !important;}

/* tbl */
.tbl {margin: 10px 0;border-top: 2px solid #222;}
.tbl thead th {padding: 1.25em 1em;border-right: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6;background: #fbf9f8;color: #222;font-weight: 500;line-height: 1.3;}
.tbl tbody th,
.tbl tfoot th,
.tbl td {padding: 1.25em 1em;border-right: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6;text-align:center;background:#fff;}
.tbl tr td:last-child {border-right: none;}
.tbl tbody th{color:#222;background: #fbf9f8;}
.tbl tfoot th, .tbl  tfoot td {background-color: #fbf9f8;color: #222;border-bottom: 1px solid #e6e6e6;border-right: 1px solid #e6e6e6;}
.tbl tfoot td {background-color: #fafafa;}
.tbl thead th:last-child,
.tbl tfoot th:last-child,
.tbl tbody th:last-child{border-right:none;}
.tbl th.line,
.tbl td.line{border-right:1px solid #e1e1e1 !important;}
.tbl.tbl_sm {font-size: .95em}
.tbl.tbl_sm thead th{padding:1em;}
.tbl.tbl_sm tbody th, .tbl.tbl_sm tfoot th, .tbl.tbl_sm td{padding: 0.5em}
.tbl td .button{margin-bottom: 0 !important;}
.tbl td  p{padding: 0 0 0 22px; position: relative;}
.tbl td  p:before{ content: "※"; position: absolute; left: 0px; top: 0px; }


/* tbl_gray */
.tbl_gray{border-top: 2px solid #333;}
.tbl_gray thead th {background: #fafafa; border-right-color: #e1e1e1; border-bottom: 1px solid #e1e1e1;}

/* tbl_color */
.tbl_color {border-top: 1px solid  #004cba;border-bottom: 1px solid #004cba;}
.tbl_color thead th{background: #004cba;border-right-color: rgba(255,255,255,0.15);color: #fff;}

/* tbl_white */
.tbl_white tbody th{ background-color:#fff;}

/* tbl_left */
.tbl_left thead th,
.tbl_left tbody th, .tbl_left tfoot th, .tbl_left td{text-align:left;}

/* tbl_bdNon */
.tbl_bdNon tbody th, .tbl_bdNon tfoot th, .tbl_bdNon td{border-right:none;}

.tbl_mb .noData{ width:100% !important;}

/* content */
.content{ margin-bottom:45px; overflow:hidden;}
.content p:last-child{ margin-bottom:0;}
.content div:last-child{ margin-bottom:0;}
.text_indent { padding-left: 15px}
.ttl03 + .text_indent,
.ttl03 + .text_indent + .text_indent {padding-left: 15px;}
.ttl04 + .text_indent,
.ttl04 + .text_indent + .text_indent{ padding:5px;}

@media only screen and (max-width: 768px) {
	.ttl03 + .text_indent { padding-left:15px;}
	.tbl_white{ margin-bottom: 15px;}	
	.tbl thead th, .tbl th, .tbl td, .tbl tbody th,
	.tbl_white thead th, .tbl_white th, .tbl_white td,
	.tbl_left thead th, .tbl_left th, .tbl_left td{ padding:0.65em 0.5em;}

	.tbl_mb{display: block;border-collapse: collapse;text-align: center;table-layout: fixed;width: 100%;}
	.tbl_mb thead {position:absolute;top:0;left:0;width:1px;height:1px;overflow:hidden;}
	.tbl_mb tbody{display:block;}
	.tbl_mb tbody tr {position:relative;overflow:hidden;display:block;width: 100%; border-bottom:1px solid #ddd;float:none;padding: 1em 0;}
	.tbl_mb th, .tbl_mb td {border:0;display:block;min-height:25px;float: left;width: auto !important;padding: 3px 0 0 2%;} 
	.tbl_mb .non {display: none;float:left;padding-bottom:0;}
	.tbl_mb tbody tr .tit{display: block;width: 100% !important;padding: 0 2%;max-width: inherit;border-bottom: 0;float: left;font-size: 1.05em;}
	.tbl_mb td:after{content:'';display:inline-block;background:#ddd;width:1px;height:13px;vertical-align:middle;margin: -3px 0 0 10px;}	
	.tbl_mb td:last-child:after{ display:none;}
}


/*** Button ***/

/* Button Reset */
.button{position:relative;overflow: visible;display:-moz-inline-stack;display:inline-block;margin-bottom:5px;padding:0;vertical-align: top;white-space: nowrap;text-decoration:none;color:#fff;background-color: #e94e1e;border: 0px solid  #e94e1e;border-width:0 1px 1px 0;box-sizing:border-box;cursor:pointer; border-radius: 5px;}
a.button { margin:0 2px 2px;color:#fff;} 
p.button { cursor: no-drop; }
.color{background-color: #e94e1e;}
.button.round{border-radius:50px;}

/* Button Size */
.button.mini {height: 2em;padding:0 0.8em;line-height: 2em;font-size: 0.725em;font-weight: 400; min-height:22px;}
.button.small { height: 2.3em; padding:0 1em; line-height: 2.3em; font-size: 0.825em;font-weight:400; }
.button.medium {height: 2.8em;padding: 0 1.5em;line-height: 2.8em;font-size: 1em;font-weight:500;} 
.button.large {height: 3.15em;padding:0 2.5em;line-height: 3.15em;font-size:1.2em;}

/* Button Color */
.button.black {border:1px solid #222; border-width:0 1px 1px 0; color:#fff; background-color:#222;  box-sizing:border-box;}
.button.gray {border:1px solid #777; border-width:0 1px 1px 0; color:#fff; background-color:#777;  box-sizing:border-box;}
.button.gray02 {border:1px solid #999; border-width:0 1px 1px 0; color:#fff; background-color:#999;  box-sizing:border-box;}
.button.gray03{border:1px solid #444;border-width:0 1px 1px 0;color:#fff;background-color: #444;box-sizing:border-box;}
.button.white {border: 1px solid #aaa;border-width:1px 1px 1px 1px;box-sizing:border-box;color: #333;background-color: #fff;}
.button.red {border:1px solid #d82f36; border-width:0 1px 1px 0; color:#fff; background-color:#d82f36;  box-sizing:border-box;}
.button.orange {border:1px solid #ff7e00; border-width:0 1px 1px 0; color:#fff; background-color:#ff7e00;  box-sizing:border-box;}
.button.green {border:1px solid #5ba203; border-width:0 1px 1px 0; color:#fff; background-color:#5ba203;  box-sizing:border-box;}
.button.blue {border:1px solid #004cba; border-width:0 1px 1px 0; color:#fff; background-color:#004cba;  box-sizing:border-box;}

/* Button Hover */
.button:hover, .button:active, .button:focus {border-width:0 1px 1px 0;color: #fff;box-sizing:border-box;text-decoration:none;background-color: #e03400;} 
.button.black:hover, .button.black:active, .button.black:focus { border:1px solid #111; border-width:0 1px 1px 0; color: #fff;background-color:#111;} 
.button.gray:hover, .button.gray:active, .button.gray:focus { border:1px solid #666; border-width:0 1px 1px 0; color: #fff;background-color:#666;} 
.button.gray02:hover, .button.gray02:active, .button.gray02:focus { border:1px solid #888; border-width:0 1px 1px 0; color: #fff; background-color:#888;} 
.button.gray03:hover, .button.gray03:active, .button.gray03:focus { border:1px solid #333; border-width:0 1px 1px 0; color: #fff; background-color:#333;} 
.button.white:hover, .button.white:active, .button.white:focus {border: 1px solid #777;background-color: #fafafa;color: #222;} 
.button.down.white:hover, .button.down.white:active, .button.down.white:focus {border: 0px solid  #6ab82d;border-width:1px 1px 1px 1px;color: #fff;background-color: #ffffff;} 
.button.red:hover, .button.red:active, .button.red:focus {border-width:0 1px 1px 0; color: #fff; background-color:#cc2229; border-color:#cc2229;}
.button.orange:hover, .button.orange:active, .button.orange:focus {border-width:0 1px 1px 0; color: #fff; background-color:#ff7600; border-color:#ff7600;}
.button.green:hover, .button.green:active, .button.green:focus {border:1px solid #529400; border-width:0 1px 1px 0; color:#fff; background-color:#529400; }
.button.blue:hover, .button.blue:active, .button.blue:focus {border:1px solid #0036b1; border-width:0 1px 1px 0; color:#fff; background-color:#0036b1; }

/* Button line-Color */
.button.line, .button.black.line, .button.gray.line, .button.gray02.line, .button.gray03.line, .button.red.line, .button.orange.line, .button.green.line{background-color: #fff;border-width:1px !important;}
.button.line{ color:#e94e1e; }
.button.line:hover, .button.black.line:active, .button.black.line:focus { background-color:#f9fff5;}
.button.black.line{ color:#111;}
.button.black.line:hover, .button.black.line:active, .button.black.line:focus {background-color:#fafafa;}
.button.gray.line{ color:#777;}
.button.gray.line:hover, .button.gray.line:active, .button.gray.line:focus {background-color:#fafafa;color:#666;}
.button.gray02.line{ color:#999;}
.button.gray02.line:hover, .button.gray02.line:active, .button.gray02.line:focus {background-color:#fafafa;color:#888;}
.button.gray03.line{ color:#444;}
.button.gray03.line:hover, .button.gray03.line:active, .button.gray03.line:focus {background-color:#fafafa;color:#333;}
.button.red.line{ color:#d82f36;}
.button.red.line:hover, .button.red.line:active, .button.red.line:focus {background-color:#fff5f5;}
.button.orange.line{ color:#f76b0a;}
.button.orange.line:hover, .button.orange.line:active, .button.orange.line:focus {background-color:#fff9f4;}
.button.green.line{ color:#5ba203;}
.button.green.line:hover, .button.green.line:active, .button.green.line:focus {background-color:#fafff4;}
.button.blue.line{ color:#004cba;}
.button.blue.line:hover, .button.blue.line:active, .button.blue.line:focus {background-color:#f3f8ff;}

/* Button Link */
.button.down{ padding:0 0 0 20px !important;}
.button.down:after{content:'';display: inline-block;width: 15px;height: 15px;background: url(../images/common/ico_down_w.png) no-repeat 50% 50%;margin-left:15px;vertical-align: middle;margin: 0 10px;}
.button.down.white:hover,.button.down.white:focus,
.button.down.white:active{background-color:#e94e1e}
.button.down.white:after{background: url(../images/common/ico_down.png) no-repeat 50% 50%;}
.button.down.white:hover:after,
.button.down.white:focus:after,
.button.down.white:active:after{background-image: url('../images/common/ico_down_w.png')  }
.button.down.gray:after{background: url('../images/common/ico_down_w.png') no-repeat 50% 50%;}
.button.down.gray:hover:after,
.button.down.gray:focus:after,
.button.down.gray:active:after{background-image: url('../images/common/ico_down_w.png')  }
.button.btn_view {background: #797d80 url('../images/common/ico_btn_blank_w.png') center left 7px no-repeat;border-radius: 3px;padding: 0 10px 0 25px;height: 26px;line-height: 24px;font-size: 0.88em;margin:0 0 0 10px;border:1px solid #797d80;vertical-align: middle;}
.button.btn_view:hover,
.button.btn_view:focus,
.button.btn_view:active{ border-color:#df2d32; background-image:url('../images/common/ico_btn_blank.png'); background-color:#fff; color:#df2d32;}

.button.bnMap:after{ content:''; display: inline-block; width:15px; height:26px; background: url('../images/common/bul/icon_button_w.png') no-repeat; background-position: center -287px; margin-left:7px; vertical-align:middle;}
.button.link:after{content:'';display: inline-block;width:15px;height:24px;background: url('../images/common/bul/icon_button_w.png') no-repeat;background-position: center 5px;margin-left:7px;vertical-align:middle;position: relative;margin-right: -5px;}
.button.link.mini:after{ margin-left:3px; }
.button.white.link:after{background-image: url('../images/common/bul/icon_button_b.png');}

/* Button Link2 */
.button.next:after{content:''; display: inline-block; width:25px; height:25px; background: url('../images/common/icons_w.svg') no-repeat 0 -3px; margin-left: 8px; vertical-align:middle;}
.button.reload:before{content:''; display: inline-block; width:25px; height:25px; background: url('../images/common/icons_w.svg') no-repeat 0 -103px; margin-right:8px; vertical-align:middle;}
.button.back:before{ content:''; display: inline-block; width:25px; height:25px; background: url('../images/common/icons_w.svg') no-repeat 0 -303px; margin-right:8px; vertical-align:middle;}
.button.check:before{ content:''; display: inline-block; width:25px; height:25px; background: url('../images/common/icons_w.svg') no-repeat 0 -203px; margin-right:8px; vertical-align:middle;}
.button.cancel{}
.button.cancel:before{ content:''; display: inline-block; width:25px; height:25px; background: url('../images/common/icons_w.svg') no-repeat 0 -403px; margin-right:8px; vertical-align:middle;}	
.button.cancel:hover, .button.cancel:focus, .button.cancel:active{ border-color:#002a7b; background-color:#002a7b;}
.button.print:before{ content:''; display: inline-block; width:25px; height:25px; background: url('../images/common/icons_w.svg') no-repeat 0 -503px; margin-right:8px; vertical-align:middle;} 
.button.logout:before{content:'';display: inline-block;width:25px;height:25px;background: url('../images/common/icons_w.svg') no-repeat 0 -600px;margin-right:8px;vertical-align:middle;}
.button.next.white:after,.button.reload.white:before, .button.back.white:before, .button.check.white:before, .button.cancel.white:before, .button.print.white:before, .button.logout.white:before{ background-image: url('../images/common/icons_g.svg');}
.button.next.gray:after,.button.reload.gray:before, .button.back.gray:before, .button.check.gray:before, .button.cancel.gray:before, .button.print.gray:before, .button.logout.gray:before{ background-image: url('../images/common/icons_w.svg');}
.button.next.white:hover:after,.button.reload.white:hover:before, .button.back.white:hover:before, .button.check.white:hover:before, .button.cancel.white:hover:before, .button.print.white:hover:before, .button.logout.white:hover:before{ background-image: url('../images/common/icons_b.svg');}
.button.phone:before{ content:''; display: inline-block; width:16px; height:100%; background: url('../images/common/ico_phone.png') no-repeat 0 50%; margin-right:7px; vertical-align:top;}
.button.medium.next:after, .button.medium.reload:before, .button.medium.back:before, .button.medium.check:before, .button.medium.cancel:before, .button.medium.print:before, .button.medium.logout:before,
.button.small.next:after, .button.small.reload:before, .button.small.back:before, .button.small.check:before, .button.small.cancel:before, .button.small.print:before, .button.small.logout:before{width:16px;height: 16px;background-size:16px;margin-right: 5px;}
.button.medium.next:after, .button.small.next:after{ margin-right:0;}
.button.medium.reload:before, .button.small.reload:before{background-position: 0px -65px;}
.button.medium.back:before, .button.small.back:before{background-position: 0 -193px;}
.button.medium.check:before, .button.small.check:before{background-position: 0 -129px;}
.button.medium.cancel:before, .button.small.cancel:before{background-position: 0 -257px;}
.button.medium.print:before, .button.small.print:before{background-position: 0 -321px;}
.button.medium.logout:before, .button.small.logout:before{background-position: 0 -383px;}

.btn_area {  text-align: center;  padding: 60px 0 0; position: relative; clear: both;}
.btn_area .button{margin:0 3px;}
.btn_area .button:first-child{ margin-left:0;}
.btn_area .button:last-child{margin-right:0;}
.btn_area.col4 > a {min-width: 40%}

@media only screen and (max-width:1080px){
	.BoxTxt,.boxImg,.lineBox{ padding:10px; }
	.btn_area {  padding: 40px 0 0;}
	
	/* Button Size */
	.button.mini { padding:0 0.75em;}
	.button.small { padding:0 0.8em; }
	.button.medium { padding: 0 1em;} 
	.button.large { padding:0 1.25em;}
}
@media only screen and (max-width:768px){	
	.button[target="_blank"]{margin-left: 0;}
  	.button.large {height: 3em !important;line-height: 3em !important; font-size: 1.15em !important;}
	.button.medium{  height:35px !important; line-height: 33px !important;}
	.button.small {height: 26px !important;line-height: 24px !important;}
	.btn_area {  padding: 30px 0 0;}
	.btn_area > .button {/* min-width: 48%; *//* padding: 0 !important; */text-align:center;}
	.btn_area.col4 > a {min-width: 95%;display: block; margin: 2px auto;}
	
	/* srcoll-table */
	.srcoll-table			{ position: relative; width: 100%; margin-top:20px; border-top:none;}
	.srcoll-table:before	{ content: "Scroll >"; display: block; position: absolute; top: -20px; right: 0px; font-size:0.9em;  }
	.srcoll-table:after		{ content: ""; display: block; position: absolute; top: 0px; bottom: 0;right: 0; width: 20px; background-size: 100% 100%; opacity: 0.5; }
	.srcoll-table > div		{ position: relative; width: 100%; overflow-x: auto; }
	.srcoll-table > div	> div,
	.srcoll-table table		{ margin: 0; width:768px !important; }		
}
@media only screen and (max-width:480px){	
	.btn_down {height: 35px; padding: 0 40px 0 10px; line-height: 33px !important; font-size: 13px; background-position:right 10px top 9px }
}


/* 들여쓰기 */
.indent {margin-left:23px;}
ul.indent {margin-left:16px;}
.li-indent {margin-left:10px;}

/* 정렬 */
.fL {float:left ;}
.fR {float:right ;}
.tR {text-align:right !important;}
.tL {text-align:left !important;}
.tC {text-align:center !important;}
.cboth {display:block; content:""; clear:both;}
.ovh { overflow:hidden !important}
.underline { text-decoration: underline}
.inblk {display:inline-block;}
.vaT {vertical-align: top !important}
.fw_500 { font-weight: 500}
.fw_700 { font-weight: 700}

.bold{ font-weight:700;}
.txt_sm {font-size: .95em; }
.txt_large { font-size: 1.25em}
.txt_xlarge { font-size: 1.565em; color:#333; line-height:1.4em; font-weight:bold;}
.bigTxt{ font-size:22px; font-weight:700;}

/* display */
.dis_b { display: block}
.dis_inB { display: inline-block}
.dis_none { display: none}
.pos_r { position: relative}
@media only screen and (max-width:768px) {
.mi_none {display:none}
}

/* color */
.col_key{color: #e94e1e !important;}
.col_blue {color: #004cba !important;}
.col_red {color:#ed343a !important;}
.col_orange {color: #e94e1e !important;}
.col_green {color:#5ba203 !important;}
.col_yellow {color:#ffd11b !important;}
.col_b {color:#000 !important;}
.col_w {color:#fff !important;}
.col_g {color:#999 !important;}
.col_g2 {color:#5c5c5c!important;}

/* border */
.border_0{ border:0 !important;}
.bL_0{ border-left:0 !important;}
.bR_0{ border-right:0 !important;}
.bT_0{ border-top:0 !important;}
.bB_0{ border-bottom:0 !important;}

/* Padding */
.pd_0{ padding:0 !important}
.pd_20 { padding: 20px !important}
.pt_0 { padding-top:0px !important; }
.pt_5 { padding-top:5px !important; }
.pt_10 { padding-top:10px !important; }
.pt_15 { padding-top:15px !important; }
.pt_20 { padding-top:20px !important; }
.pt_25 { padding-top:25px !important; }
.pt_30 { padding-top:30px !important; }
.pt_35 { padding-top:35px !important; }
.pt_40 { padding-top:40px !important; }

.pr_5 { padding-right:5px !important; }
.pr_10 { padding-right:10px !important; }
.pr_15 { padding-right:15px !important; }
.pr_20 { padding-right:20px !important; }
.pr_25 { padding-right:25px !important; }
.pr_30 { padding-right:30px !important; }
.pr_35 { padding-right:35px !important; }
.pr_40 { padding-right:40px !important; }

.pb_0 { padding-bottom:0px !important; }
.pb_10 { padding-bottom:10px !important; }
.pb_15 { padding-bottom:15px !important; }
.pb_20 { padding-bottom:20px !important; }
.pb_25 { padding-bottom:25px !important; }
.pb_30 { padding-bottom:30px !important; }
.pb_35 { padding-bottom:35px !important; }
.pb_40 { padding-bottom:40px !important; }

.pl_0 { padding-left:0px !important; }
.pl_3 { padding-left:3px !important; }
.pl_5 { padding-left:5px !important; }
.pl_10 { padding-left:10px !important; }
.pl_15 { padding-left:15px !important; }
.pl_20 { padding-left:20px !important; }
.pl_25 { padding-left:25px !important; }
.pl_30 { padding-left:30px !important; }
.pl_35 { padding-left:35px !important; }
.pl_40 { padding-left:40px !important; }

/* Margin */
.mg_0{ margin:0 !important}
.mt_0 { margin-top:0px !important }
.mt_5 { margin-top:5px !important }
.mt_10 { margin-top:10px !important }
.mt_15 { margin-top:15px !important }
.mt_20 { margin-top:20px !important }
.mt_25 { margin-top:25px !important }
.mt_30 { margin-top:30px !important }
.mt_35 { margin-top:35px !important }
.mt_40 { margin-top:40px !important }
.mt_50 { margin-top: 50px !important}

.ml_0 { margin-left:0px !important }
.ml_5 { margin-left:5px !important }
.ml_10 { margin-left:10px !important }
.ml_15 { margin-left:15px !important }
.ml_20 { margin-left:20px !important }
.ml_25 { margin-left:25px !important }
.mr_0 { margin-right:0px !important }
.mr_5 { margin-right:5px !important }
.mr_10 { margin-right:10px !important }
.mr_15 { margin-right:15px !important }
.mr_20 { margin-right:20px !important }
.mr_25 { margin-right:25px !important }
.mr_30 { margin-right:30px !important }
.mb_0 { margin-bottom:0px !important }
.mb_5 { margin-bottom:5px !important }
.mb_10 { margin-bottom:10px !important }
.mb_15 { margin-bottom:15px !important }
.mb_20 { margin-bottom:20px !important }
.mb_25 { margin-bottom:25px !important }
.mb_30 { margin-bottom:30px !important }
.mb_40 { margin-bottom:40px !important }
.mb_50 { margin-bottom:50px !important }


/* tit-wrap */
.tit-wrap {position:relative;overflow:hidden; padding-top: 30px}
.tit-wrap .ttl01 {float:left; margin: 20px 0}
.tit-wrap .comm {float:right;margin-top:30px;font-size:0.938em;font-weight: 300}
@media only screen and (max-width:599px){
	.tit-wrap .ttl01 {float:none;}
	.tit-wrap .comm {float:none;margin-top:0;margin-bottom:10px;}
}

.nec {background:url(../images/common/ico_nec.png) no-repeat 0 3px;padding:0 0 0 15px; }

/* 폰트속성 */
.nb {font-weight:normal;}
.b {font-weight:bold;}

.fs {font-size:90%}
.fb {font-size:120%;}

.f9 {font-size:9px;}
.f10 {font-size:10px;}
.f11 {font-size:11px;}
.f12 {font-size:12px;}
.f13 {font-size:13px;}
.f14 {font-size:14px;}
.f15 {font-size:15px;}
.f16 {font-size:16px;}
.f17 {font-size:17px;}
.f18 {font-size:18px;}
.f19 {font-size:19px;}
.f20 {font-size:20px;}

/*줄간격*/
.tlh190 {line-height:190%;}
.tlh180 {line-height:180%;}
.tlh170 {line-height:170%;}
.tlh160 {line-height:160%;}
.tlh150 {line-height:150%;}
.tlh140 {line-height:140%;}
.tlh130 {line-height:130%;}
.tlh120 {line-height:120%;}
.tlh110 {line-height:110%;}

/*가로 크기*/
.w100 {width:100px;}
.w90 {width:90px;}
.w80 {width:80px;}
.w70 {width:70px;}
.w60 {width:60px;}
.w50 {width:50px;}
.w40 {width:40px;}
.w30 {width:30px;}
.w20 {width:20px;}

.w100p {width:100% !important;}
.w98p {width:98% !important;}
.w95p {width:95% !important;}
.w90p {width:90% !important;}
.w80p {width:80% !important;}
.w70p {width:70% !important;}
.w60p {width:60% !important;}
.w50p {width:49% !important;}
.w45p {width:44% !important;}
.w40p {width:40% !important;}
.w33p {width:33.3333% !important;}
.w30p {width:30% !important;}
.w25p {width:25% !important;}
.w20p {width:20% !important;}
.w15p {width:15% !important;}
.w10p {width:10% !important;}

/* 폰트색상 */
.c0 {color:#000 !important;}
.c2 {color:#222 !important;}
.c3 {color:#333 !important;}
.c5 {color:#555 !important;}
.c6 {color:#666 !important;}
.c8 {color:#767676 !important;}
.c9 {color:#999 !important;}
.cf {color:#fff !important;}

/*회색조*/
.cg1 {color:#69696a !important;}
.cg2 {color:#ababab !important;}
.cg3 {color:#848484 !important;}
.cg4 {color:#727272 !important;}
.cg5 {color:#565656 !important;}

.cred {color:#ed343a !important;}
.cblue {color:#2176C6 !important;}
.cpink {color:#f9587d !important}
.cgold {color:#b8883c !important;}
.cgreen {color:#758d0a !important;}
.cbrown {color:#9f2C00 !important;}
.corg {color:#ff5612 !important;}


/*공백 */
.gap10 {height:10px;clear:both;overflow:hidden;display:block;}
.gap20 {height:20px;clear:both;overflow:hidden;display:block;}
.gap30 {height:30px;clear:both;overflow:hidden;display:block;}

.gap {height:50px;clear:both;display:block;}
.sgap {height:40px;clear:both;display:block;}
.ssgap {height:30px;clear:both;display:block;}
.sssgap {height:20px;clear:both;display:block;}

@media only screen and (max-width:768px) {
	.gap {height:30px;clear:both;display:block;}
	.sgap {height:20px;clear:both;display:block;}
	.ssgap {height:10px;clear:both;display:block;}
	.sssgap {height:5px;clear:both;display:block;}
}