@charset "utf-8";

/* 내용관리 */
#ctt { min-height:500px; }
.ctt_admin {display:none;}
#ctt header h1 {display:none;}
#ctt_con { }

#ctt p { }


/* ----------------------------------------
	font-style
---------------------------------------- */


.co999 {color:#999 !important;} 
.co888 {color:#888 !important;} 
.co666 {color:#666 !important;} 
.co555 {color:#555 !important;} 
.co444 {color:#444 !important;} 
.co333 {color:#333 !important;} 
.co222 {color:#222 !important;} 
.coorange {color:#37937c !important;} 
.coblue {color:#0069b6 !important;} 
.cogreen {color:#b2cf4f !important;} 
.cored {color:#ca1e1e !important;} 
.copink {color:#e07094 !important;} 
.copurple {color:#7f41c0 !important;} 
.cowhite {color:#fff !important;} 


.fs07 {font-size:0.7em !important;} 
.fs0075 {font-size:0.75em !important;} 
.fs08 {font-size:0.8em !important;} 
.fs0085 {font-size:0.85em !important;} 
.fs09 {font-size:0.9em !important;} 
.fs095 {font-size:0.95em !important;} 
.fs10 {font-size:1em !important;} 
.fs11 {font-size:1.1em !important;} 
.fs12 {font-size:1.2em !important;} 
.fs13 {font-size:1.3em !important;} 
.fs14 {font-size:1.4em !important;} 
.fs15 {font-size:1.5em !important;} 
.fs16 {font-size:1.6em !important;} 
.fs17 {font-size:1.7em !important;} 
.fs18 {font-size:1.8em !important;} 
.fs19 {font-size:1.9em !important;} 
.fs20 {font-size:2.0em !important;} 
.fs21 {font-size:2.1em !important;} 
.fs22 {font-size:2.2em !important;} 
.fs23 {font-size:2.3em !important;} 
.fs24 {font-size:2.3em !important;} 
.fs25 {font-size:2.5em !important;} 
.fs26 {font-size:2.6em !important;} 
.fs27 {font-size:2.7em !important;} 
.fs28 {font-size:2.8em !important;} 
.fs29 {font-size:2.9em !important;} 
.fs30 {font-size:3.0em !important;} 
.fs31 {font-size:3.1em !important;} 
.fs32 {font-size:3.2em !important;} 
.fs33 {font-size:3.3em !important;} 
.fs34 {font-size:3.4em !important;} 
.fs35 {font-size:3.5em !important;} 
.fs36 {font-size:3.6em !important;} 
.fs37 {font-size:3.7em !important;} 
.fs38 {font-size:3.8em !important;} 
.fs39 {font-size:3.9em !important;} 
.fs40 {font-size:4.0em !important;} 
.fs41 {font-size:4.1em !important;} 
.fs42 {font-size:4.2em !important;} 
.fs43 {font-size:4.3em !important;} 
.fs44 {font-size:4.4em !important;} 
.fs45 {font-size:4.5em !important;} 
.fs46 {font-size:4.6em !important;} 
.fs47 {font-size:4.7em !important;} 
.fs48 {font-size:4.8em !important;} 
.fs49 {font-size:4.9em !important;} 
.fs50 {font-size:5.0em !important;}

.lh13 {line-height:1.3em !important;}
.lh15 {line-height:1.5em !important;}

.fwn {font-weight:normal !important;} 
.fwb {font-weight:bold !important;} 
.fweb {font-weight:800 !important;} 
.ttu {text-transform:uppercase;}
.tac {text-align:center;} 
.tal {text-align:left;}
.tar {text-align:right;}
.ffmj {font-family:'nanum myeongjo';}

.tsw {text-shadow:1px 1px 0 rgba(255,255,255,0.5);}
.tsb {text-shadow:1px 1px 0 rgba(0,0,0,0.3);}

.ls05 {letter-spacing:0.5em;}
.ls06 {letter-spacing:0.6em;}
.ls07 {letter-spacing:0.7em;}
.ls08 {letter-spacing:0.8em;}
.ls09 {letter-spacing:0.9em;}
.ls10 {letter-spacing:1.0em;}
.ls11 {letter-spacing:1.1em;}
.ls12 {letter-spacing:1.2em;}
.ls13 {letter-spacing:1.3em;}
.ls14 {letter-spacing:1.4em;}
.ls15 {letter-spacing:1.5em;}

/* ----------------------------------------
	margin-padding-style
---------------------------------------- */
.mt0 {margin-top:0 !important;} 
.mt5 {margin-top:5px !important;} 
.mt10 {margin-top:10px !important;} 
.mt20 {margin-top:20px !important;} 
.mt30 {margin-top:30px !important;} 
.mt40 {margin-top:40px !important;} 
.mt50 {margin-top:50px !important;} 
.mt60 {margin-top:60px !important;} 
.mt70 {margin-top:70px !important;} 
.mt80 {margin-top:80px !important;} 
.mt90 {margin-top:90px !important;} 
.mt100 {margin-top:100px !important;}
.mt110 {margin-top:110px !important;}
.mt120 {margin-top:120px !important;}
.mt130 {margin-top:130px !important;}
.mt140 {margin-top:140px !important;}
.mt150 {margin-top:150px !important;}
.mt160 {margin-top:160px !important;}
.mt170 {margin-top:170px !important;}
.mt180 {margin-top:180px !important;}
.mt190 {margin-top:190px !important;}
.mt200 {margin-top:200px !important;}
.mb0 {margin-bottom:0 !important;} 
.mb10 {margin-bottom:10px !important;} 
.mb20 {margin-bottom:20px !important;} 
.mb30 {margin-bottom:30px !important;} 
.mb40 {margin-bottom:40px !important;} 
.mb50 {margin-bottom:50px !important;} 
.mb60 {margin-bottom:60px !important;} 
.mb70 {margin-bottom:70px !important;} 
.mb80 {margin-bottom:80px !important;} 
.mb90 {margin-bottom:90px !important;} 
.mb100 {margin-bottom:100px !important;}
.ml0 {margin-left:0 !important;} 
.ml10 {margin-left:10px !important;} 
.ml20 {margin-left:20px !important;} 
.ml30 {margin-left:30px !important;} 
.ml40 {margin-left:40px !important;} 
.ml50 {margin-left:50px !important;} 
.ml60 {margin-left:60px !important;} 
.ml70 {margin-left:70px !important;} 
.ml80 {margin-left:80px !important;} 
.ml90 {margin-left:90px !important;} 
.ml100 {margin-left:100px !important;}
.mr0 {margin-right:0 !important;} 
.mr10 {margin-right:10px !important;} 
.mr20 {margin-right:20px !important;} 
.mr30 {margin-right:30px !important;} 
.mr40 {margin-right:40px !important;} 
.mr50 {margin-right:50px !important;} 
.mr60 {margin-right:60px !important;} 
.mr70 {margin-right:70px !important;} 
.mr80 {margin-right:80px !important;} 
.mr90 {margin-right:90px !important;} 
.mr100 {margin-right:100px !important;}

.pt10 {padding-top:10px !important;} 
.pt20 {padding-top:20px !important;} 
.pt30 {padding-top:30px !important;}
.pt40 {padding-top:40px !important;} 
.pt50 {padding-top:50px !important;} 
.pt60 {padding-top:60px !important;} 
.pt70 {padding-top:70px !important;} 
.pt80 {padding-top:80px !important;} 
.pt90 {padding-top:90px !important;} 
.pt100 {padding-top:100px !important;}
.pb10 {padding-bottom:10px !important;} 
.pb20 {padding-bottom:20px !important;} 
.pb30 {padding-bottom:30px !important;} 
.pb40 {padding-bottom:40px !important;} 
.pb50 {padding-bottom:50px !important;} 
.pb60 {padding-bottom:60px !important;} 
.pb70 {padding-bottom:70px !important;} 
.pb80 {padding-bottom:80px !important;} 
.pb90 {padding-bottom:90px !important;} 
.pb100 {padding-bottom:100px !important;}
.pl10 {padding-left:10px !important;} 
.pl20 {padding-left:20px !important;} 
.pl30 {padding-left:30px !important;} 
.pl40 {padding-left:40px !important;} 
.pl50 {padding-left:50px !important;} 
.pl60 {padding-left:60px !important;} 
.pl70 {padding-left:70px !important;} 
.pl80 {padding-left:80px !important;} 
.pl90 {padding-left:90px !important;} 
.pl100 {padding-left:100px !important;}
.pr10 {padding-right:10px !important;} 
.pr20 {padding-right:20px !important;} 
.pr30 {padding-right:30px !important;} 
.pr40 {padding-right:40px !important;} 
.pr50 {padding-right:50px !important;} 
.pr60 {padding-right:60px !important;} 
.pr70 {padding-right:70px !important;} 
.pr80 {padding-right:80px !important;} 
.pr90 {padding-right:90px !important;} 
.pr100 {padding-right:100px !important;}

.fl {float:left;} .fr {float:right;}
.wid10 {width:10%;}
.wid15 {width:15%;}
.wid20 {width:20%;}
.wid25 {width:25%;}
.wid30 {width:30%;}
.wid35 {width:35%;}
.wid40 {width:40%;}
.wid45 {width:45%;}
.wid49 {width:49%;}
.wid50 {width:50%;}
.wid55 {width:55%;}
.wid60 {width:60%;}
.wid65 {width:65%;}
.wid70 {width:70%;}
.wid75 {width:75%;}
.wid80 {width:80%;}
.wid85 {width:85%;}
.wid90 {width:90%;}
.wid95 {width:95%;}
.wid100 {width:100%;}



.box_border {text-align:center; color:#b8000a; font-size:1.8em;}
.circle {background:url(../../../img/content/circle.png) left center no-repeat; padding-left:25px; font-size:17px; color:#494949; font-weight:800; line-height:1.3em; }
.num {font-size:1.4em; color:#b8000a; line-height:25px;}
.num aside {background:#b8000a; display:inline-block; width:30px; text-align:center; font-size:1em; color:#fff; border-radius:5px;}

.atype {width:100%; border-collapse:collapse;}
.atype th {background:#b8000a; color:#fff; text-align:center; border:1px solid #dadada; padding:5px; font-size:1em; text-shadow:1px 1px 0 rgba(0,0,0,0.2); }
.atype td {border:1px solid #dadada; padding:10px 15px; text-align:center; font-size:1em;}



.alist {}
.alist li {background:url(../../../img/content/dot.png) left 5px no-repeat; padding-left:15px; margin-bottom:4px; font-size:0.95em; color:#666; text-align:left;}

.boxlist {border:1px solid #dadada; text-align:center; margin-bottom:10px;}
.boxlist h3 {background:#b8000a; font-size:1.4em; color:#fff; font-weight:800; padding:5px 0; margin:10px}
.boxlist aside {font-size:2.2em; color:#333; font-weight:800; }
.boxlist p {font-size:1em; color:#333;}
.boxlist ul.alist {border-top:1px solid #dadada; background:#f7f7f7; padding:10px;}
.boxlist ul.alist li {}

.logo_box {border:1px solid #dadada; background:#fff url(../../../img/content/ci_bg.png); text-align:center; padding:8%; min-height:100px; }
.logo_box.black {background:#000 url(../../../img/content/ci_bg.png);}

.logo_color {}
.logo_color aside {display:block; float:left; width:25px; height:25px; margin-right:10px; border-radius:30px; margin-top:5px;}
.logo_color aside.red {background:#ed1c24;}
.logo_color aside.black {background:#333132;}
.logo_color ul {float:left;}
.logo_color ul li {}
.logo_color ul li span {display:inline-block; width:60px; font-size:0.85em; color:#333; font-weight:800;}
.logo_color ul li p {display:inline-block; margin-bottom:0; font-size:0.8em; color:#6a6a6a;}

.reversal {}
.reversal .col-md-3 {padding:0;}

.contact_list {text-align:center; margin-top:30px;}
.contact_list i {font-size:3em; color:#b8000a; }
.contact_list p {font-size:1em; margin-top:10px;}
.contact_list p.large {font-size:1.1em;}
.contact_list p.large strong {font-weight:600;}

.btn_area {text-align:center; margin:30px 0;}
.btn_arrow {display:inline-block; background:#b8000a url(../../../img/content/btn_arrow.png) 90% center no-repeat; padding:20px 60px 20px 20px; color:#fff !important; font-size:18px; font-weight:800; border-radius:10px;}
.btn_arrow:hover {background:#333 url(../../../img/content/btn_arrow.png) 90% center no-repeat; text-decoration:none;}


#tabs {display:block; background:#fafafa; padding:10px; border:1px solid #e8e8e8; margin-bottom:50px;}
#tabs li {display:inline-block;}
#tabs li a {display:block; border:1px solid #ddd; background:#fff; font-size:1em; color:#666; line-height:30px; padding:0 50px; border-radius:30px; margin-bottom:3px;}
#tabs li a:hover {background:#fff; color:#b8000a; text-decoration:none;}
#tabs li a:focus {text-decoration:none;}
#tabs li.active a {background:#b8000a; border:1px solid #b8000a; color:#fff;}

.tabs {display:block; background:#fafafa; padding:10px; border:1px solid #e8e8e8; margin-bottom:50px;}
.tabs li {display:inline-block;}
.tabs li a {display:block; border:1px solid #ddd; background:#fff; font-size:1em; color:#666; line-height:30px; padding:0 50px; border-radius:30px; margin-bottom:3px;}
.tabs li a:hover {background:#fff; color:#b8000a; text-decoration:none;}
.tabs li a:focus {text-decoration:none;}
.tabs li.active a {background:#b8000a; border:1px solid #b8000a; color:#fff;}

.box_img {display:block; border:1px solid #dadada; background:#f7f7f7; padding:30px;}

.greeting {background:url(../../../img/content/greeting.png) no-repeat right 10px;}



.btype {}
.btype th {background:#0069b6; color:#fff; font-size:13px; text-align:Center; width:100px; padding:5px;}
.btype td {background:#f7f7f7; color:#666; font-size:13px; text-align:left;  padding:5px 10px; }





.form_type {}
.form_type section {border-top:1px solid #eaeaea;}
.form_box {border-bottom:1px solid #eaeaea; padding:3px 10px;}
.form_box.gray {background:#fafafa;}
.form_box label {display:block; line-height:30px; font-size:13px; color:#4d4d4d; }
.form_box label span {font-size:12px; font-weight:bold; color:#c10000;}
.form_box div.form_cont {display:block; }
.form_box div.form_cont input[type=text] {background:#f0f0f0; border:1px solid #dadada; line-height:20px; padding:5px; border-radius:5px; font-size:12px; color:#444; margin:2px 0;}
.form_box div.form_cont select {background:#f0f0f0; border:1px solid #dadada; line-height:20px; padding:5px; border-radius:5px; font-size:12px; color:#444; margin:2px 0;}
.form_box div.form_cont textarea {width:98%; height:80px; background:#f0f0f0; border:1px solid #dadada; line-height:20px; padding:5px; border-radius:5px; font-size:12px; color:#444;  margin:2px 0; }
.form_box div.form_cont .ex { color:#555; font-size:11px;}
.form_box div.form_cont p {margin:2px 0;}
.form_box div.form_cont p strong {display:inline-block; width:50px;}
.form_box div.form_cont .box_line {border:1px solid #dadada; padding:10px;}
.form_box div.form_cont .box_line span {display:inline-block; width:60px;}



.btn_area {text-align:center; padding:20px 0;}
.btn_ok {display:inline-block;background:#b8000a; border:1px solid #9a0008; font-size:15px; font-weight:700; color:#fff; text-shadow:1px 1px 0 rgba(0,0,0,0.2); line-height:40px; padding:0 20px;   border-radius:5px;}
.btn_can {display:inline-block;background:#a4a4a4; border:1px solid #848484; font-size:15px; font-weight:700; color:#fff; text-shadow:1px 1px 0 rgba(0,0,0,0.2); line-height:40px; padding:0 20px;   border-radius:5px;}


.vision {background:url(../../../img/content/vision_bg.jpg) center top no-repeat; padding:20px;}

.product_wrap {background:#f7f7f7; padding:20px;}


.history {border-top:1px solid #dadada; background:url(../../../img/content/history.png) 450px top no-repeat;}
.history aside { float:left; font-size:23px; color:#000000; font-weight:bold; line-height:28px; }
.history .clearfix {margin-top:50px;}
.history dl { margin:10px 0 0 100px; }
.history dl dt {display:inline-block; vertical-align:top; color:#0055aa; font-weight:bold; font-size:13px;}
.history dl dd {display:inline-block; vertical-align:top;}
.history dl dd ul li {list-style:disc;}