@charset "utf-8";

/* 
 * Common CSS Document 
 * 하위 사이트와 공유
 * IEETU Web Standardization Team 
 * 2017-06-22
 */

/* Float Clear */
.clr:after{content: ''; display: block; clear: both;}

/* 텍스트 정렬 */
.tal{text-align:left !important;}
.tac{text-align:center !important;}
.tar{text-align:right !important;}
.valm{vertical-align:middle !important;}
.valt{vertical-align:top !important;}

/* Form Control */
input,
select,
textarea,
label{display:inline-block; box-sizing:border-box; width:auto; vertical-align:middle; line-height:1.4;}
input[type=text],
input[type=password],
input[type=tel],
input[type=date],
input[type=email],
select,
textarea{padding:7px 8px; border:1px solid #c2c2c2; background:#fff; /*box-shadow:inset 0 1px 2px rgba(0,0,0,0.2);*/ vertical-align:middle;}
input[type=text],
input[type=password],
select{height:35px;}
select::-ms-expand {background-color: transparent; border: 0;}
input[type=file]{background:#eee;}
input[type=checkbox],
input[type=radio]{width:13px; height:13px; margin:0px 3px 1px 0;}
input[readonly],
input[disabled]{background: #eee;}

/* Button Common */
.button,
.button *{position:relative; display:inline-block; box-sizing:border-box; overflow:visible; margin:0; padding:0; text-decoration:none !important; white-space:nowrap; text-align:center; vertical-align:middle; cursor:pointer; transition:all .3s;}
.button span{height: 100%; vertical-align: top;}
.button img{vertical-align:middle;}
/* Button Size - default / small / large */
.button{min-width:80px; height:35px; margin:5px 3px; padding:0 15px; border:1px solid transparent; font-weight:400; font-size:12px; line-height:35px; letter-spacing:0;}
.button.xs{min-width:inherit; height:21px; padding:0 10px; font-size:11px; line-height:21px;}
.button.sm{height:31px; padding:0 12px; font-size:12px; line-height:31px;}
.button.lg{height:40px; padding:0 30px; font-weight:600; font-size:15px; line-height:40px;}
/* Button Color */
.button{/*border-radius:0.3em;*/ background-color:#484848; color:#9cc10e !important;}
.button.blue{background-color:#345693; color:#fff !important;}
.button.darkgray{background-color:#444; color:#fff !important;}
.button.gray{background-color:#555; color:#fff !important;}
.button.violet{background-color:#c84d95; color:#fff !important;}
.button.orange{background-color:#d16801; color:#fff !important;}
.button.white{border:1px solid #bbb; background-color:#fff; color:#444 !important;}
.button.green{background-color:#6c9b2c; color:#fff !important;}
/* Button Ico */
.button.ico{background-image:url(../images/sp_btn_ico.png); background-repeat:no-repeat; background-position:10px 0;}
.button.write,
.button.mod,
.button.del,
.button.list{min-width:123px;}
.button.write{padding-left:35px; background-position:25px -488px;}
.button.mod{padding-left:30px; background-position:27px -540px;}
.button.del{padding-left:30px; background-position:27px -588px;}
.button.list{padding-left:30px; background-position:27px -636px;}
.button.srch{padding-left:30px; background-position:10px -188px;}

.button.icog{padding-right:40px;}
.button.icog:after{content:''; display:block; width:22px; height:19px; background-image:url(../images/common/sp_com.png); background-repeat:no-repeat; position:absolute; right:10px; top:50%; margin-top:-10px;}
.button.down:after{background-position:0 -64px;}
.button.view:after{background-position:-22px -64px;}
/* Button Active */
.button:hover,
.button:focus{opacity:.8; box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 4px 10px 0 rgba(0, 0, 0, 0.19);}
/* Button Strong */
.button.strong{font-weight:bold !important;}
/* Button Block */
.button.block{display:block; width:100%;}
/* Link Button Common */
.link_button,
.link_button *{position:relative; display:inline-block; box-sizing:border-box; overflow:visible; margin:0; padding:0; text-decoration:none !important; border:1px solid transparent; white-space:nowrap; text-align:center; vertical-align:middle; cursor:pointer;}
/* link_button Size - default */
.link_button{height:33px; margin:3px; padding:0 50px 0 13px; border-color:#b1b1b1; border-radius:2px; background-color:#fff; font-weight:400; font-size:14px; color:#333 !important; line-height:33px; letter-spacing:0;}
h2 .link_button{margin-top:-4px; margin-bottom:0;}
h2 .link_button.txt,
h2 .link_button.ico{margin-top:0;}
h3 .link_button{margin-top:-8px; margin-bottom:0;}
h3 .link_button.txt,
h3 .link_button.ico{margin-top:-3px;}
li .link_button{margin-top:-2px;}
/* Link Icon */
.link_button:before,
.link_button:after{content:''; display:inline-block; position:absolute; top:0; right:0; box-sizing:border-box;}
.link_button:before{width:1px; height:13px; top:9px; right:38px; border-left:1px solid #d0d0d0;}
.link_button:after{top:6px; right:10px; width:20px; height:20px; background:url(../images/common/sp_btn_ico.png) no-repeat 0 0;}
.link_button.homepage:after{background-position:0 0;}
.link_button.download:after{background-position:0 -30px;}
.link_button.location:after{background-position:0 -60px;}
.link_button.direct:after{background-position:0 -90px;}
.link_button.view:after{background-position:0 -120px;}
.link_button.sound:after{background-position:0 -150px;}
/* Text */
.link_button.txt{height:auto; padding:0 32px 0 5px; border:none; background:none; font-size:13px; line-height:25px;}
.link_button.txt:before{display:none;}
.link_button.txt:after{top:0; right:0; width:25px; height:25px; border: 1px solid #b1b1b1; border-radius: 2px; background-color: #fff;}
.link_button.txt.homepage:after{background-position:2px 2px;}
.link_button.txt.download:after{background-position:2px -28px;}
.link_button.txt.location:after{right:0; background-position:2px -58px;}
.link_button.txt.view:after{background-position:2px -118px;}
.link_button.txt.direct:after{right:0; background-position:2px -88px;}
/* Icon */
.link_button.ico{overflow:hidden; width:25px; height:25px; padding:0; text-indent:-9999em;}
.link_button.ico2{overflow:hidden; width:33px; height:33px; padding:0; text-indent:-9999em;}
.link_button.ico:after{top:2px; right:2px;}
.link_button.ico2:after{top:6px; right:6px;}
.link_button.ico:before,
.link_button.ico2:before{display:none;}
/* down+view */
.link_button_wrap{display:inline-block; vertical-align:middle;}
.link_button_wrap:after{content:''; display:block; clear:both;}
.link_button_wrap .link_button{float:left; margin-left:0; margin-right:0;}
.link_button_wrap .download,
.link_button_wrap .download:after{border-top-right-radius:initial; border-bottom-right-radius:initial;}
.link_button_wrap .link_button[class*=ico]{border-left:0; border-top-left-radius:initial; border-bottom-left-radius:initial;}


/* Tab Menu */
.lnb{margin-bottom: 30px;}

/* TabMenu */
.tmn01{overflow: hidden;}
.tmn01 ul{padding: 0; border-bottom:1px solid #484848;}
.tmn01 ul:after{content: ''; display: block; clear: both;}
.tmn01 ul>li{list-style:none; float: left; position: relative; width: 20%; padding: 0; line-height: 1.4;}
.tmn01 ul>li:before{display:none;}
.tmn01 ul>li>a{position:relative;display: block; position: relative; box-sizing:border-box; height: 48px;  padding: 0 10px;border: 1px solid #d9d9d9; border-bottom:0px; border-left:0px;  font-weight: 600; font-size: 1em; color:#888; line-height: 50px; text-align: center; white-space: nowrap;letter-spacing:-1px;}
.tmn01 ul>li:first-child>a{border-left:1px solid #d9d9d9;}
.tmn01 ul>li>a.on{background:#484848; border:1px solid #484848; border-bottom:0px; line-height: 50px; color:#c8cdd5; margin-left:-1px; font-weight:600;}
.tmn01 ul>li:first-child>a.on{margin-left:0px;border-left:1px solid #484848 !important;}
.tmn01 ul>li>a.on:after{content:''; display:inline-block; position:absolute; bottom:-2px; left:50%; margin-left:-11.5px;width:23px; height:10px; background:url(../images/common/bg_tmn_center.gif) no-repeat 0 0;}

/* content tab */
.cont_body .tab_mn{overflow: hidden;}
.cont_body .tab_mn ul{margin:-8px 0 0 -8px; padding: 0;}
.cont_body .tab_mn ul:after{content: ''; display: block; clear: both;}
.cont_body .tab_mn ul>li{list-style:none; float: left; position: relative; width: 25%; margin:0; padding: 0; line-height: 1.4;}
.cont_body .tab_mn ul>li:before{display:none;}
.cont_body .tab_mn ul>li>a{display: block; position: relative; box-sizing:border-box; height: 50px; margin: 8px 0 0 8px; padding: 0 10px; border: 1px solid #b1b1b1; border-radius:4px; font-weight: 600; font-size: 1em; line-height: 50px; text-align: center; white-space: nowrap;}
.cont_body .tab_mn ul>li>a:hover,
.cont_body .tab_mn ul>li>a:focus,
.cont_body .tab_mn ul>li>a.on{border:0; border:3px solid #1178c6; line-height: 46px; color: #0178b8;}
	/* width:20% */
.cont_body .tab_mn.type02 ul>li{width:20%;}
	/* title margin */
.cont_body .tab_mn ~ div[class^="cont"] h2{margin-top:50px;}
.cont_body .tab_mn ~ div[class^="cont"] h3{margin-top:30px;}
	/* content cont */
.cont_body .tab_mn ~ div[class^="cont"]{display:none;}
.cont_body .tab_mn.cont01 ~ div.cont01{display:block !important;}
.cont_body .tab_mn.cont02 ~ div.cont02{display:block !important;}
.cont_body .tab_mn.cont03 ~ div.cont03{display:block;}
.cont_body .tab_mn.cont04 ~ div.cont04{display:block;}
.cont_body .tab_mn.cont05 ~ div.cont05{display:block;}
.cont_body .tab_mn.cont06 ~ div.cont06{display:block;}
.cont_body .tab_mn.cont07 ~ div.cont07{display:block;}
.cont_body .tab_mn.cont08 ~ div.cont08{display:block;}
.cont_body .tab_mn.cont09 ~ div.cont09{display:block;}
.cont_body .tab_mn.cont10 ~ div.cont10{display:block;}


/* Box Type */
.box_comm{margin-bottom:20px; padding:20px; border: 1px solid #ddd; border-bottom-width: 3px; font-size:15px;}
.box_comm .conBox{margin-bottom: 0;}
.box_comm ul{margin-bottom: 0;}
.box_comm p:last-child{margin-bottom: 0;}
/* Box2 */
.box_comm2{position:relative; margin-bottom:20px; padding:20px 30px; border: 1px solid #d6d6d6; background: #f6f6f7;}
.box_comm2 ul{margin-bottom: 0;}
.box_comm2 p:last-child{margin-bottom: 0;}
.box_comm2 .tit_box{margin: 0 0 15px; font-size: 1.93em; line-height: 1.3; color: #f96604;  letter-spacing: -1px;}
.box_comm2 .tit_box strong{position: relative; padding-bottom:2px;}
.box_comm2 .tit_box strong:after{content: ''; display: inline-block; position: absolute; bottom: 0; left: 0; width: 100%; border-bottom: 1px solid #f96604;}
.box_comm2.ico{min-height:110px; padding-left: 160px;}
.box_comm2.ico:before{content: ''; display: inline-block; position: absolute; top: 20px; left: 30px; width: 110px; height: 110px; border-radius: 50%; background:#fff url(../images/common/sp_com.png) no-repeat -290px -90px;}
.box_comm2.ico .ico_box{display: inline-block; position: absolute; top: 20px; left: 30px; width: 110px; height: 110px;}
.box_comm2.ico .ico_box img{}
.box_comm2.ico.notice:before{background-position: -290px -90px;}
.box_comm2.ico.viewer:before{background-position: 0 -110px;}
.box_comm2.ico.certify:before{background-position: 0 -220px;}
.box_comm2.ico.medi:before{background-position: 0 -440px;}
.box_comm2.ico.awards:before{background-position: 0 -330px;}


/* Paging */
.pagination{margin:20px 0; text-align:center; line-height:normal;}
.pagination a,
.pagination strong{display:inline-block; position:relative; box-sizing:border-box; width:29px; height:29px; margin: 0 -1px 0 0; background:#fff; font-size:13px; font-weight:600; color:#777; line-height:27px; text-decoration:none; vertical-align:middle;}
.pagination strong{position:relative; z-index:10; border:none; background:#484848; color:#fff; line-height: 29px;}
.pagination .page_prev,
.pagination .page_prevend,
.pagination .page_next,
.pagination .page_nextend{border:1px solid #d6d6d6; text-indent: -9999em;}
.pagination .page_prev{margin-right:34px;}
.pagination .page_next{margin-left:34px;}
.pagination .page_prev:before,
.pagination .page_prevend:before,
.pagination .page_next:after,
.pagination .page_nextend:after{content:''; display: inline-block; position: absolute; top:8px; left:10px; width:6px; height:11px; background:url(../images/common/sp_btn_ico.png) no-repeat 0 -300px; vertical-align:middle;}
.pagination .page_prev:before{background-position:0 -350px;}
.pagination .page_prevend:before{left:7px; width:12px; background-position:0 -300px;}
.pagination .page_next:after{background-position:0 -400px;}
.pagination .page_nextend:after{left:7px; width:12px; background-position:0 -450px;}

/* map */
.map_area{border:1px solid #484848;}
.map_area .bottom{position:relative; background:#484848; color:#fff; text-align:center; padding:20px 0px;}
.map_area .tel{position:absolute; right:30px; top:20px; padding-left:40px;}
.map_area .tel:before{content:''; display:block; position:absolute; left:0px; top:50%; margin-top:-16px; width:32px; height:32px; background:url(../images/content/icon_tel.png) no-repeat 0 0;}