@charset "UTF-8";
@import url('font.css');

*{margin:0; padding:0;}
html{width:100%; height:100%}
body{position:relative; font-family:'NotoSansKR-Regular', '맑은 고딕', 'Malgun Gothic', sans-serif; font-size:16px; color:#505050; letter-spacing:-0.6px; min-width:320px; height:100%; -webkit-text-size-adjust:100%; -moz-text-size-adjust:100%; -ms-text-size-adjust:100%; line-height:1;}
body,div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,table,tr,th,td{margin:0; padding:0}
ul,ol,li{list-style:none}
img, fieldset{border:none; vertical-align:top}
legend, caption{position:absolute; top:-9999px; left:-9999px; z-index:-1}
textarea, button{vertical-align:middle} 
input, select{vertical-align:middle; background:#fff; border:1px solid #e1e1e1; font-family:'NotoSans-Regular', '맑은 고딕', 'Malgun Gothic', sans-serif; color:#000; letter-spacing:-0.6px; border-radius:0; font-size:16px}
input{padding:3px 20px;}
option{padding:10px;}
input[type="radio"],input[type="checkbox"] {border:0; padding:0; height:auto; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; ou}
input[type="password"] {height:40px; border:1px solid #e1e1e1; color:#999; background:#fff; -webkit-appearance: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
input[type="text"] {width:278px; background:#fff; -webkit-appearance: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
select{padding:5px; height:40px; border:1px solid #e1e1e1; background:#fff;}
textarea{padding:10px; vertical-align:middle; background:#fff; border:1px solid #e1e1e1; font-family:'NotoSans-Regular', '맑은 고딕', 'Malgun Gothic', sans-serif; color:#7a7a7a; font-size:16px; letter-spacing:-0.6px; -webkit-appearance: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-radius:0}
a{text-decoration:none; color:#7a7a7a;}
a:hover, a:focus, a:active{text-decoration:none;}
table{border-collapse:collapse; width:100%;}
button{background:none; border:none; padding:0; margin:0; cursor:pointer; overflow:visible; white-space: nowrap;  font-size:16px; font-family:'NotoSans-Regular', '맑은 고딕', 'Malgun Gothic', sans-serif;}
button:active {outline: none}
button::-moz-focus-inner {padding:0; border:0;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block;}
strong{font-weight:normal; font-family:'NotoSans-Bold'}
th{font-weight:normal}
::-webkit-input-placeholder {color:#b1b1b1;}
:-moz-placeholder {color:#b1b1b1; opacity:1;}
::-moz-placeholder {color:#b1b1b1; opacity:1;}
:-ms-input-placeholder {color:#b1b1b1;}
:placeholder-shown {color:#b1b1b1;}


/* 간격 */
.mt0{margin-top:0px !important}
.mt5{margin-top:5px !important}
.mt10{margin-top:10px !important}
.mt15{margin-top:15px !important}
.mt20{margin-top:20px !important}
.mt25{margin-top:25px !important}
.mt30{margin-top:30px !important}
.mt35{margin-top:35px !important}
.mt40{margin-top:40px !important}
.mt45{margin-top:45px !important}
.mt50{margin-top:50px !important}
.mt55{margin-top:55px !important}
.mt60{margin-top:60px !important}

.taL{text-align:left !important}
.taC{text-align:center !important}
.taR{text-align:right !important}

/*본문 바로가기*/
.goCon{position:fixed; top:-50px; left:0; z-index:1; text-align:center; box-sizing:border-box; padding:15px 0; width:100%; height:50px; color:#fff; line-height:1; background:#272727;}
.goCon:focus{top:0;}

/*header*/
#wrap{position:relative; width:100%; height:100%}
#header {width:100%;}
#header .gnbBtn {display:none}
#header .gnb {position:relative; width:1200px; height:83px; margin:0 auto; z-index:155}
#header .gnb h1 {float:left; padding-top:30px; margin-right:50px}
#header .gnb h1 a {display:block}
#header .gnb h1 a img {width:200px}
#header .gnb .gnbArea {float:right}
#header .tmenu{width:100%; height:38px; background:#464646;}
#header .util {width:100%; max-width:1180px; margin:0 auto; text-align:right; padding-right:20px}
#header .util a {display:inline-block; font-size:14px;font-family:"NotoSans-Regular";color:#fcfbfb; line-height:38px; padding-left:13px; margin-left:12px; background:url("../images/common/bar1x12.gif") no-repeat 0 50%;}
#header .util a:first-child {background: none;}
#header .gnb .gnbMenu {height:62px; z-index:150; margin-top:17px; margin-right:3px}
#header .gnb .gnbMenu .oneD {float:left; width:187px; height:52px; text-align:center}
/*
#header .gnb .gnbMenu .oneD:nth-child(2), #header .gnb .gnbMenu .oneD:nth-child(2) .twoD {width: 174px}
#header .gnb .gnbMenu .oneD:nth-child(3), #header .gnb .gnbMenu .oneD:nth-child(3) .twoD {width: 210px}
*/
#header .gnb .gnbMenu .oneD > a {display:inline-block; width:187px; height:46px; padding-top:18px; font-size:18px;font-family:"NotoSans-Medium";color:#2d2d2d;border-bottom:2px solid #fff; ; background:url("/images/common/gnb_line.png") left 20px no-repeat}
#header .gnb .gnbMenu .oneD:first-child > a {background:none}
#header .gnb .gnbMenu .oneD:hover > a, #header .gnb .gnbMenu .oneD:focus {color:#3746a3;border-bottom:2px solid #3746a3;}
#header .gnb .gnbMenu .twoD {display:none; width:187px; height:158px;text-align:center; padding:14px 0; z-index:155}
#header .gnb .gnbMenu .twoD a {display:block;  font-size:15px; color:#000; line-height:28px; padding-left:0px;}
#header .gnb .gnbMenu .twoD.center a{text-align:center; padding-left:0}
#header .gnb .gnbMenu .twoD a:hover, #header .gnb .gnbMenu .twoD a:focus {color:#3746a3}

#header .twoDBg {display:none; position:absolute; top:121px; left:0; width:100%; height:200px; background:url(/images/common/gnb_bg.png); z-index:150;}
#header .twoDBg .twoD_left{width:100%; max-width:1200px; margin:0 auto}
#header .twoDBg .twoD_left .row01{position:relative; width:275px; height:161px; background:url(/images/common/gnb_bg2.png);; color:#fff; font-size:14px; padding:20px; line-height:25px; margin-top:0px}
#header .twoDBg .twoD_left .row01_02 {margin-top:22px}
#header .twoDBg .twoD_left h3 {position:relative; color:#fff799; padding-top:5px; font-size:15px; margin-top:0}
#header .twoDBg .twoD_left .row01_01 h3:after {display:block; content:""; position:absolute; left:-2px; top:0; height:2px; width:101px; background:#fff799}
#header .twoDBg .twoD_left .row01_02 h3:after {display:block; content:""; position:absolute; left:-2px; top:0; height:2px; width:111px; background:#fff799}

/*모바일 메뉴*/
.mGnbBg {display:none; width:100%; height:100%; background:url("../images/common/black_bg2.png") repeat 0 0; position:absolute; top:0; left:0; z-index:99998}
.mGnbArea {display:none; width:272px; height:100%; background:#3746a3; position:absolute; top:0; right:-300px; z-index:99999}
.mGnbArea .gnbHead {background:#111a63; padding:21px 15px 22px}
.mGnbArea .gnbHead a {font-size:13px; color:#fff}
.mGnbArea .gnbHead a + a {padding-left: 10px}
.mGnbArea .gnbHead .close {float:right; width:16px; height:16px; margin-top:0px}
.mGnbArea .gnbHead .close img {width:16px; height:16px}
.mGnbArea .gnbBody .oneD {display:block; font-size:16px; color:#fff; padding:11px 15px; border-bottom:1px solid #4d5ad7; background:#3746a3 url("../images/common/mgnb_oneD.png") no-repeat 94% 50%; background-size:15px 15px}
.mGnbArea .gnbBody .oneD.not_sub {background:none;}
.mGnbArea .gnbBody .oneD.on {background:url("../images/common/mgnb_oneD_on.png") no-repeat 94% 50%; background-size:15px 15px}
.mGnbArea .gnbBody .twoD {display:block; font-size:14px; color:#555; padding:8px 5px 9px; border-bottom:1px solid #d9d9d9}
.mGnbArea .gnbBody .twoD.on {font-weight:bold}
.mGnbArea .gnbBody .twoDArea {padding:21px 15px 22px; background:#fff; display:none}

/*메인비주얼*/
.mainroll {position: relative;}
.mainroll .item img {max-height:650px; width:auto}
.mainroll .img_m {display:none !important;}
.mainroll .item1{background:url(/images/main/main_visual01.jpg) center no-repeat; background-size:cover;}
.mainroll .item2{background:url(/images/main/main_visual02.jpg) center no-repeat; background-size:cover;}
.mainroll .item3{background:url(/images/main/main_visual03.jpg) center no-repeat; background-size:cover;}


/*메인컨텐츠*/
.mainConArea {width:1200px; margin:0 auto; padding:70px 0 76px 0}
.title{font-size:32px;color: #3a3a3a;font-family:"NotoSans-Bold";}
.subTitle{margin-top:10px;font-size:12px;font-family:"NotoSans-Light";color: #777;letter-spacing: 0}
.subTitle2 {font-family: 'NotoSans-Bold', sans-serif;font-size: 22px;color: #000;margin: 80px 0 30px;}
.subTitle2.first {margin:0 0 30px}


.mainNotices {margin-top: 50px;border-top: 1px solid #dedede;padding-top: 60px;overflow: hidden;}
.mainNotices .title {color: #3a3a3a;font-size: 27px;font-family:"NotoSans-Bold";position: relative;padding-left: 17px;margin-bottom: 20px;}
.mainNotices .title::after {content: '';display: block;position: absolute;left: 0;top: 0;width: 4px;height: 27px;background: #3746a3;margin-right:10px;}
.mainNotices div{position:relative;float:left;width:calc(50% - 30px);border:0;margin-left: 30px}
.mainNotices div:first-of-type {margin-left: 20px;padding-right: 10px;}
.mainNotices div a{position:relative;height:173px;padding:0;}
.mainNotices div:after{content:"";display:block;position:absolute;top:0;right:-5px;width:1px;height:100%;background:#e8e8e8;}
.mainNotices div:last-child:after{display:none;}
.mainNotices div h2{font-size:18px;margin-bottom:5px;color: #555;margin:0;text-align:left;line-height: 1.5}
.mainNotices div p{display:block;line-height:20px;color:#828282;font-size: 14px;font-family:"NotoSans-Light";margin-top: 16px}
.mainNotices div span{color:#afafaf;font-size: 14px;}


/* Customer Service */
.mainCustomer h1 {font-family:"NotoSans-Medium"; color:#3a3a3a; font-size:27px}
.mainCustomer .ul01_2 {margin-top:25px}
.mainCustomer .ul01_2 em {font-weight:500; font-size:22px}
.mainCustomer .ul01_2 li {float:left; margin-left:30px; font-size:16px}
.mainCustomer .ul01_2 li:first-child {margin-left:0}
.mainCustomer .ul01_2 p.tel {font-family:"NotoSans-Regular"; font-size:27px; font-weight:500; color:#1d2ba5}
.mainCustomer .ul01_2 p.fax { margin-top:15px}
.mainCustomer .ul01_2 p.fax em {font-family:"NotoSans-Medium"; color:#3a3a3a; font-style:normal}	
.mainCustomer .ul01_2 p.fax span {font-family:"NotoSans-Lright"; color:#3a3a3a; margin-left:7px; font-size:22px}	
.mainCustomer .ul01_2 p.btn {margin-top:30px; text-align:left; padding:0}
.mainCustomer .ul01_2 p.btn a.btn {width:100%; height:30px; line-height:29px; font-weight:400; font-size:15px; letter-spacing:0.09em; background:#369050; font-family:"NotoSans-Medium"; }
.mainCustomer .ul01_2 p.btn a.btn:hover {background:#1d2ba5}
.mainCustomer .ul01_2 p.btn a.btn_b05 {display:inline-block;background:#111a63;color:#fff;text-decoration:none;vertical-align:middle; text-align:center}
.mainCustomer .radius {-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;}



/*서브컨텐츠*/
#cBody {width:100%}
#subCon {width: 1200px;margin: 60px auto 0;padding: 0px 0 100px;overflow: hidden;}
#subCon .left_wrap {float: left;display: block;width:250px}
#subCon .left_wrap h2 {background:#3746a3;display:block;color:#fff;font-size:20px;padding:20px 0 20px 25px;margin:0;}
#subCon .left_wrap ul {border:1px solid #d9d9d9;}
   	#subCon .left_wrap li {overflow:hidden; }
		 #subCon .left_wrap li a {width:100%; display:block; border-bottom:1px solid #d9d9d9; line-height:3.2; padding-left:20px;font-size:14px;}
		 #subCon .left_wrap li:last-child a {border-bottom: none;}
   	#subCon .left_wrap li a:hover,
   	#subCon .left_wrap li a:focus,
		 #subCon .left_wrap li.on a {background:#f9f9f9 url("/images/left_menuon.gif") 210px center no-repeat; color:#3746a3;}
		 


#subCon .ctn_wrap {float:right; width:900px}
/* title,textType */
h2{font-family:'NotoSans-Medium'; font-size:30px; color:#000; /*text-align:center;*/margin-bottom: 80px;/*margin-top:80px*/}
h3{font-family:'NotoSans-Medium'; font-size:19px; color:#3746a3; /*text-align:center;*/ margin-top:50px}

.tit-sub1 {margin: 0;font-size: 28px;line-height: 1;color: #000;margin: 60px auto 60px;font-family:"NotoSans-bold";}
.tit-sub1 span {display: inline-block;padding-bottom: 12px;border-bottom: 2px solid #3746a3;}

.intro-locTab {width:1200px; margin:0 auto;position: relative;}
.intro-locTab ul {display: table;height: 50px;}
.intro-locTab li {display: table-cell;position: relative;vertical-align: middle;border-right: 1px solid #d9d9d9;}
.intro-locTab li:first-child {border-left: 1px solid #d9d9d9;}
.intro-locTab li a {display:block; line-height:50px; text-align:center; font-size:14px;padding:0 40px}
.intro-locTab li.active a, .intro-locTab li a:hover{ background-color:#3746a3; color:#fff;}
.intro-locTab .share {position: absolute;right: 0;top:0;}
.intro-locTab .share a {display:block; width:50px; height:50px; background:#f2f2f2 url("../images/content/share.png") no-repeat 50% 50%;text-indent:-55555px; transition: all 0.2s ease-in;}
.intro-locTab .share>ul{display:none;height:235px;}
.intro-locTab .share>ul>li:first-child>a{background: url("../images/content/share_daumCafe.png") no-repeat 50% 50%; top:50px;}
.intro-locTab .share>ul>li:nth-child(2)>a{background: url("../images/content/share_webhard.png") no-repeat 50% 50%;top:99px;margin-top:-1px}
.intro-locTab .share>ul>li:nth-child(3)>a{background: url("../images/content/share_mail.png") no-repeat 50% 50%;top:150px;margin-top:-1px}
.intro-locTab .share>ul>li>a {padding:0;border:0}
.intro-locTab .share>ul>li {border: 0;display: block}
.m_share{display:none;}


/*테이블형태*/
.tableType1 {border-top:2px solid #000; letter-spacing:-1px}
.tableType1 table th{padding:18px 20px; border-bottom:1px solid #d9d9d9;line-height:28px; color:#000; background:#f7f8fa; vertical-align:middle; font-family:'NotoSans-Medium'; text-align:center; word-break:keep-all}
.tableType1 table td {padding:18px 30px; border-bottom:1px solid #d9d9d9;line-height:28px; color:#454545; vertical-align:middle; word-break:keep-all}

.tableType1_2 {border-top:2px solid #000; letter-spacing:-1px}
.tableType1_2 table th{padding:18px 20px; border-bottom:1px solid #d9d9d9;line-height:28px; color:#000; background:#f7f8fa; vertical-align:middle; font-family:'NotoSans-Medium'; text-align:center; word-break:keep-all}
.tableType1_2 table td {padding:18px 30px; border-bottom:1px solid #d9d9d9;line-height:28px; color:#454545; vertical-align:middle; word-break:keep-all}

.tableType2 {border-top:2px solid #000; border-right:1px solid #d9d9d9; letter-spacing:-1px}
.tableType2 table th{padding:18px 20px; border-left:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9;line-height:28px; color:#000; background:#f7f8fa; vertical-align:middle; font-family:'NotoSans-Medium'; text-align:center; word-break:keep-all}
.tableType2 table td {padding:18px 20px; border-left:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9;line-height:28px; color:#454545; vertical-align:middle; word-break:keep-all}






/*푸터*/
#footer {width:100%; background:#252525;padding: 0 0 56px;position: relative;}
#footer .footDiv {width:1200px; margin:0 auto;padding-top: 36px;}
#footer .footDiv div {display: inline-block;}
#footer .footDiv div p {color: #ebebeb;font-size: 14px;font-family:"NotoSans-Light";letter-spacing: 0;line-height: 20px}